/* Portrait-led editorial direction. Live type stays separate from the artwork. */
.cinema-hero{min-height:calc(100svh - 88px);min-height:max(650px,calc(100svh - 88px));display:flex;align-items:center;background:#000;padding-top:65px;padding-bottom:100px}
.portrait-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden}
.portrait-backdrop img{position:absolute;right:-25%;top:0;width:115%;height:100%;max-width:none;object-fit:cover;object-position:center 35%}
.portrait-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000e 15%,#0008 38%,transparent 61%),linear-gradient(0deg,#000 0%,transparent 28%)}
.hero-grid{display:none}.cinema-copy{max-width:650px}.cinema-copy h1{font-size:clamp(52px,6.2vw,94px);white-space:normal;max-width:660px}.cinema-copy .outline-word{color:#aaa}.cinema-intro{max-width:330px;color:#aaa}.cinema-deck{max-width:420px}.portrait-light{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,#fff05 49%,transparent 55%);animation:portrait-light 18s ease-in-out infinite;z-index:1;pointer-events:none}.portrait-signature{position:absolute;right:var(--gutter);bottom:105px;display:flex;flex-direction:column;text-align:right;gap:6px;font:8px/1.8 'Courier New',monospace;letter-spacing:.18em;color:#999}.portrait-signature span:last-child{font-size:10px;color:#ddd}.hero-foot{z-index:2}
.mind-study{position:relative;aspect-ratio:1;max-width:390px;margin:10px auto -12px;isolation:isolate}.mind-study img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:grayscale(1);mask-image:radial-gradient(ellipse,#000 45%,transparent 74%)}.mind-orbit{position:absolute;inset:12%;border:1px solid #ffffff16;border-radius:50%;animation:orbit 36s linear infinite}.mind-orbit:after{content:'';width:4px;height:4px;background:#ccc;position:absolute;left:50%;top:-2px;border-radius:50%}.character-stage[data-character=thinker] .mind-orbit{transform:scaleX(.6)}.character-stage[data-character=creator] .mind-study img{filter:grayscale(1) contrast(1.15)}
.portrait-chapters{padding-top:35px;padding-bottom:50px;background:#000}.portrait-chapter{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5%;padding-block:60px}.chapter-image{position:relative;margin:0;min-width:0;aspect-ratio:1.15;overflow:hidden;background:#000}.chapter-image img{height:100%;width:100%;object-fit:cover;max-width:none}.chapter-image figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:25px 8px 5px;font:8px/1.7 'Courier New',monospace;letter-spacing:.14em;color:#999;background:linear-gradient(transparent,#000)}.chapter-copy h2{font-size:clamp(34px,4vw,60px);line-height:1.1;margin:22px 0}.chapter-copy>p:not(.eyebrow){max-width:370px;font-size:13px;line-height:1.95;color:#999}.chapter-copy .text-link{margin-top:25px}.chapter-copy .eyebrow{font-size:8px}.anatomy-chapter .chapter-image{order:2}.anatomy-chapter .chapter-copy{padding-left:10%}.code-sweep{position:absolute;top:-25%;left:50%;right:15%;height:18%;background:linear-gradient(transparent,#ffffff0b,transparent);animation:code-sweep 9s linear infinite;pointer-events:none;mix-blend-mode:screen}.anatomy-chapter{border-top:1px solid #1c1c1c}.page-hidden *,.page-hidden *:before,.page-hidden *:after,.is-offscreen *,.is-offscreen *:before,.is-offscreen *:after{animation-play-state:paused!important}
@keyframes portrait-light{0%,100%{transform:translateX(-20%);opacity:0}35%,65%{opacity:1}80%{transform:translateX(20%);opacity:0}}
@keyframes code-sweep{to{top:110%}}
@media(min-width:1600px){.cinema-hero{min-height:850px}}
@media(max-width:1000px){.cinema-hero{min-height:650px}.portrait-backdrop img{right:-30%;width:130%}.cinema-copy{max-width:520px}.cinema-copy h1{font-size:7vw}.portrait-signature{font-size:7px}.portrait-chapter{gap:3%}.chapter-copy h2{font-size:36px}}
@media(max-width:900px){.cinema-hero{min-height:830px;display:block;padding-top:370px;padding-bottom:80px}.portrait-backdrop img{top:0;left:0;right:auto;width:100%;height:440px;object-fit:cover;object-position:center top}.portrait-backdrop:after{background:linear-gradient(0deg,#000 0%,#000 44%,transparent 65%)}.cinema-copy{padding:0}.cinema-copy h1{font-size:clamp(36px,10vw,58px);margin:18px 0}.cinema-copy .eyebrow{font-size:6.5px}.cinema-deck{font-size:15px}.cinema-intro{font-size:11px;max-width:320px}.portrait-signature{top:320px;bottom:auto;right:24px;font-size:6px}.portrait-signature span:last-child{display:none}.hero-foot>span{max-width:160px}.hero-foot{font-size:6px}.portrait-chapters{padding-top:25px;padding-bottom:15px}.portrait-chapter{grid-template-columns:1fr;gap:28px;padding-block:32px 45px}.chapter-image{aspect-ratio:1.12;width:100%;max-width:440px;margin:auto}.anatomy-chapter .chapter-image{order:0}.anatomy-chapter .chapter-copy{padding-left:0}.chapter-copy h2{font-size:36px;margin:16px 0}.chapter-copy>p:not(.eyebrow){font-size:12px}.chapter-copy .text-link{margin-top:20px}.chapter-image figcaption{font-size:7px}.mind-study{max-width:300px}}
@media(prefers-reduced-motion:reduce){.portrait-light,.code-sweep,.mind-orbit{animation:none}.portrait-light,.code-sweep{display:none}}

.depth-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .8s ease;z-index:1}.depth-canvas.is-ready{opacity:1}.chapter-image figcaption{z-index:2}.portrait-backdrop .depth-canvas{inset:0 -25% auto auto;width:115%;height:100%}.portrait-backdrop:after{z-index:2}.portrait-backdrop>img{object-position:center}.portrait-light{display:none}
.threshold-study{height:220px;position:relative;overflow:hidden;margin:0 0 18px;background:#000}.threshold-study img{width:100%;height:100%;object-fit:cover;object-position:75% 55%;filter:grayscale(1);transform:scale(1.04);transition:transform 2s cubic-bezier(.2,.7,.2,1),filter 1.8s}.project-prayer:hover .threshold-study img,.project-prayer:focus-visible .threshold-study img{transform:scale(1.10);filter:grayscale(1) brightness(1.12)}.threshold-haze{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff12 55%,transparent 75%);mix-blend-mode:screen;animation:threshold-breath 16s ease-in-out infinite;pointer-events:none}.threshold-study:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e0e0e,transparent 30%)}.project-prayer{min-height:440px}
@keyframes threshold-breath{0%,100%{opacity:.15;transform:translateX(-8%)}50%{opacity:.65;transform:translateX(8%)}}
@media(max-width:1000px){.portrait-backdrop .depth-canvas{right:-30%;width:130%}}
@media(max-width:900px){.portrait-backdrop .depth-canvas{left:0;right:auto;width:100%;height:440px}.portrait-backdrop>img{object-position:center}}
.motion-paused .threshold-study img{transition:none;transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.depth-canvas{display:none}.threshold-haze{animation:none;opacity:.2}.threshold-study img,.project-prayer:hover .threshold-study img{transition:none;transform:none}}


/* Approved order/chaos atmosphere; portraits remain completely still. */
.ambient-background{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.cinema-hero .ambient-order{mask-image:radial-gradient(ellipse 26% 65% at 78% 43%,transparent 50%,#000 100%);opacity:.8}
.cinema-copy,.portrait-signature{position:relative;z-index:2}
.portrait-signature{position:absolute}
.code-chapter{position:relative;isolation:isolate;overflow:hidden}
.code-chapter .ambient-code{mask-image:linear-gradient(90deg,transparent 4%,#000 48%,#000 90%,transparent);opacity:.65}
.code-chapter .chapter-image,.code-chapter .chapter-copy{position:relative;z-index:1}
.code-chapter .chapter-copy{background:radial-gradient(ellipse at center,#000d 15%,#0008 65%,transparent 100%)}
.depth-canvas,.code-sweep,.portrait-light{display:none!important}
.portrait-backdrop>img,.chapter-image>img{transform:none!important;animation:none!important}
@media(max-width:900px){.cinema-hero .ambient-order{mask-image:linear-gradient(0deg,#000,transparent 70%);opacity:.55}.code-chapter .ambient-code{opacity:.4}.code-chapter .chapter-copy{background:#0009}}

/* Letter collapse is a one-time introduction; the final brand remains legible. */
.title-morph{position:relative;display:inline-block;min-height:1.15em;white-space:nowrap;letter-spacing:-.055em}
.title-intro{position:absolute;inset:0;display:flex;white-space:pre}
.title-intro>span{display:inline-block;animation:letter-collapse 3s cubic-bezier(.65,0,.3,1) both;animation-delay:calc(var(--i)*18ms)}
.title-morph.is-morphing .title-final{display:inline-block;animation:title-emerge 4.6s both}
.title-morph.is-morphing:after{content:'';position:absolute;left:48%;top:48%;width:.08em;height:.08em;border-radius:50%;box-shadow:0 0 18px 3px #fff4;animation:singularity 4.4s both;pointer-events:none}
@keyframes letter-collapse{0%,35%{opacity:1;transform:none;filter:blur(0)}80%,100%{opacity:0;transform:translateX(var(--pull)) translateY(.12em) rotate(100deg) scale(.03);filter:blur(5px)}}
@keyframes title-emerge{0%,65%{opacity:0;transform:scale(.08);filter:blur(12px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes singularity{0%,25%,100%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(5)}}
.mind-study{perspective:1000px}.mind-study img{animation:mind-axis 28s linear infinite;transform-origin:50% 50%}
@keyframes mind-axis{to{transform:rotateY(360deg)}}
.code-chapter{overflow:visible}.code-chapter .ambient-code{top:-120px;height:calc(100% + 240px);z-index:2;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 82%,transparent);opacity:.75}
.code-chapter .ambient-face{z-index:2;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 46%,#000 58%,#000 87%,transparent 100%);opacity:.75}
.code-chapter .chapter-copy{z-index:3}.code-chapter figcaption{z-index:4}
.motion-paused .title-morph *,.motion-paused .title-morph:after,.motion-paused .mind-study img{animation-play-state:paused!important}
@media(max-width:900px){.title-morph{font-size:.88em}.code-chapter .ambient-code{opacity:.45}}
@media(prefers-reduced-motion:reduce){.title-intro{display:none}.title-morph .title-final{animation:none!important}.title-morph:after{display:none}.mind-study img{animation:none!important}}

/* Still hero; time is expressed in the mortality chapter instead. */
.cinema-hero .ambient-background{display:none}
.mind-study img{animation:none!important;transform:none!important}
.mind-study .ambient-mind{z-index:1;mask-image:radial-gradient(ellipse,#000 55%,transparent 78%)}
.mind-study.volume-ready img{opacity:0}
.mind-study .mind-orbit{opacity:.35}
.anatomy-chapter{position:relative;isolation:isolate}
.anatomy-chapter .ambient-sand{z-index:0;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent)}
.anatomy-chapter .chapter-copy,.anatomy-chapter .chapter-image{position:relative;z-index:1}
.anatomy-chapter .chapter-copy{background:radial-gradient(ellipse,#000a,transparent 75%)}
@media(max-width:900px){.anatomy-chapter .ambient-sand{opacity:.6}}

/* Still original artwork and a deliberate two-line headline. */
.mind-study img,.mind-study.volume-ready img{opacity:1;animation:none!important;transform:none!important}.mind-study .mind-orbit{animation:orbit 36s linear infinite;opacity:.8}.cinema-copy h1{font-size:clamp(30px,5vw,76px);max-width:800px;line-height:1.13;letter-spacing:-.055em}.hero-second-line{display:block;white-space:nowrap}.cinema-copy .title-morph{font-size:1em;white-space:nowrap}.about-hero{position:relative;min-height:720px;padding-right:48%;overflow:hidden;isolation:isolate}.about-hero> :not(.about-portrait){position:relative;z-index:1}.about-portrait{position:absolute;right:0;top:0;bottom:0;width:48%;margin:0;z-index:0}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 28%;mask-image:linear-gradient(90deg,transparent,#000 18%)}.about-hero h1{font-size:clamp(38px,4.4vw,68px)}.about-next{border-top:1px solid #aaa5;margin-top:70px;padding-top:40px}.about-next .button{margin:15px 20px 20px 0}.about-next .text-link{display:inline-block}@media(max-width:900px){.cinema-copy h1{font-size:clamp(29px,7.3vw,64px)}.about-hero{padding-right:6%;padding-bottom:0}.about-portrait{position:relative;width:100%;height:480px;margin-top:38px;order:2}.about-hero{display:flex;flex-direction:column}.about-portrait img{mask-image:linear-gradient(0deg,transparent,#000 15%);object-position:center 25%}}@media(max-width:420px){.cinema-copy h1{font-size:7.6vw}.about-portrait{height:390px}}

/* Bound the copy and portrait independently at every viewport width. */
.about-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,72px);max-width:none;width:100%;min-height:720px;padding:48px max(5vw,calc((100vw - 1440px)/2)) 64px}.about-hero-copy{grid-column:1;grid-row:1;min-width:0}.about-hero .about-portrait{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:640px;margin:0;order:initial}.about-portrait img{object-fit:contain;object-position:center;mask-image:linear-gradient(0deg,transparent,#000 12%)}.about-hero h1{font-size:clamp(42px,4.4vw,68px);max-width:680px}.about-hero .page-intro{max-width:580px}.about-hero .back-link{margin-bottom:40px}
@media(min-width:901px){.portrait-backdrop{left:25%;right:-25%}.portrait-backdrop>img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center top}.portrait-backdrop:after{background:linear-gradient(90deg,#000,transparent 30%),linear-gradient(0deg,#000,transparent 20%)}}
@media(max-width:900px){.about-hero{grid-template-columns:minmax(0,1fr);gap:25px;padding:30px var(--gutter) 0;min-height:0}.about-hero .about-hero-copy{grid-column:1;grid-row:1}.about-hero .about-portrait{grid-column:1;grid-row:2;height:480px}.about-hero h1{font-size:clamp(38px,6vw,58px)}.about-hero .back-link{margin-bottom:35px}}
@media(max-width:420px){.about-hero .about-portrait{height:390px}}
.about-portrait img{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect}

.path-quote{margin:0}.path-quote p{font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1.22;letter-spacing:-.045em}.path-quote cite{display:block;margin-top:26px;font-size:12px;font-style:normal;letter-spacing:.08em;color:#a6a8aa}@media(prefers-reduced-motion:reduce){.mind-study .mind-orbit{animation:none}}