/* The original gaze belongs to the page backdrop, with no media panel or hero card. */
body[data-page=catalog] #site-app{position:relative;isolation:isolate;min-height:100vh}
.ambient-eyes{position:absolute;z-index:-1;inset:0 0 auto;height:740px;overflow:hidden;pointer-events:none;mix-blend-mode:screen;transform:translate3d(var(--gaze-x,0px),var(--gaze-y,0px),0);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.ambient-eyes img{display:block;width:100%;max-width:1760px;height:auto;margin:0 auto;filter:brightness(1.8);opacity:.85;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 72%,transparent 100%)}
.gaze-intro{position:relative;min-height:330px;display:flex;flex-direction:column;align-items:center;padding:30px 0 100px;text-align:center}
.gaze-wordmark{font:500 clamp(54px,5.6vw,82px)/1.15 ElysiumLatin,serif;letter-spacing:.09em;margin:0 0 12px;color:#e8e2dc}
.gaze-tagline{font:700 14px/1.8 var(--brand-serif);letter-spacing:.22em;color:#baafb2;margin:0}
.gaze-intro .motion-toggle{bottom:12px;right:0;border:0;padding:8px 0;color:#b7aeb1;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:5px}
body[data-page=catalog] .header{border-bottom-color:#2a192080;background:transparent}
body[data-page=catalog] .library{padding-top:14px}
body[data-page=catalog] .section-heading{padding-bottom:6px}
body[data-page=catalog] .filter-row{border-bottom-color:#51303b70}
body[data-page=catalog] .header #search-form{background:#100e11d9}
body[data-page=catalog] .rail{background:#0e0b0dea;border-right-color:#2b1b22}
.ambient-eyes[hidden]{display:none}
@media(min-width:1700px){.ambient-eyes img{margin-top:-30px}.gaze-intro{min-height:360px}}
@media(max-width:1100px){.ambient-eyes{top:28px}.ambient-eyes img{width:120%;max-width:none;margin-left:-10%}.gaze-intro{min-height:320px}}
@media(max-width:760px){.ambient-eyes{top:165px;height:470px}.ambient-eyes img{width:170%;max-width:none;margin-left:-35%;filter:brightness(1.85)}.gaze-intro{min-height:285px;padding:22px 0 115px}.gaze-wordmark{font-size:43px;letter-spacing:.06em;margin-bottom:8px}.gaze-tagline{font-size:12px;letter-spacing:.12em}.gaze-intro .motion-toggle{bottom:0;font-size:11px}.tube .section-heading h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ambient-eyes{transition:none;transform:none}}

.ambient-eyes{transform:none;transition:none}.ambient-eyes img{transform:translate3d(var(--gaze-x,0px),var(--gaze-y,0px),0);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:reduce){.ambient-eyes img{transform:none;transition:none}}

/* Three aligned original frames create a gentle eyelid blink. */
.ambient-eyes .gaze-art{position:relative;width:100%;max-width:1760px;margin:0 auto;filter:brightness(1.22);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 72%,transparent 100%);transform:translate3d(var(--gaze-x,0px),var(--gaze-y,0px),0);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.ambient-eyes .gaze-art img{display:block;width:100%;max-width:none;height:auto;margin:0;filter:none;mask-image:none;transform:none;transition:none;opacity:1}
.ambient-eyes .gaze-art .gaze-half,.ambient-eyes .gaze-art .gaze-closed{position:absolute;inset:0;opacity:0}
@media(min-width:1700px){.ambient-eyes .gaze-art{margin-top:-30px}}
@media(max-width:1100px){.ambient-eyes .gaze-art{width:120%;max-width:none;margin-left:-10%}}
@media(max-width:760px){.ambient-eyes .gaze-art{width:170%;max-width:none;margin-left:-35%;filter:brightness(1.22)}}
@media(prefers-reduced-motion:reduce){.ambient-eyes .gaze-art{transition:none;transform:none}}

/* User-selected manga tear composition, replacing photoreal eyes. */
.ambient-eyes{top:105px;height:760px}.ambient-eyes .gaze-art{filter:none}.gaze-intro{min-height:420px}
@media(max-width:1100px){.ambient-eyes{top:120px}.gaze-intro{min-height:390px}}
@media(max-width:760px){.ambient-eyes{top:195px;height:470px}.ambient-eyes .gaze-art{filter:none}.gaze-intro{min-height:315px}}

.gaze-intro .motion-toggle{top:10px;bottom:auto}
@media(max-width:760px){.gaze-intro .motion-toggle{top:auto;bottom:8px}}

.gaze-wordmark{line-height:0;margin-bottom:12px}.hero-wordmark{display:block;width:300px;max-width:80vw;height:auto}.gaze-intro{padding-top:14px}
@media(max-width:760px){.hero-wordmark{width:235px}.gaze-intro{padding-top:10px}.gaze-wordmark{margin-bottom:9px}.ambient-eyes{top:225px}}