/* A single portrait scene. Chapters remain available when JavaScript is absent. */
.face-map,.scene-preview,.motion-toggle{display:none}
.scene-ready body{overflow:hidden}
.scene-ready main>.chapter,.scene-ready .chapter-nav,.scene-ready .interlude,.scene-ready .hero-access{display:none}
.scene-ready .hero{height:100svh;min-height:0;background:#1b222b}
.scene-ready .hero-content{padding:30px 42px}
.scene-ready .portrait-stack{transform:translate(var(--portrait-x,0px),var(--portrait-y,0px));transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.scene-ready .portrait{width:150svh;height:100svh;max-width:none;left:calc(50% - 100svh);object-position:center;object-fit:fill;animation:portrait-breathe 9s ease-in-out infinite;transform-origin:67% 50%}
.scene-ready .clean{filter:saturate(.32) brightness(.85)}
.scene-ready .warmth{opacity:.06}
.scene-ready .portrait{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 84%,transparent)}
.scene-ready .reveal{display:none}
.scene-ready .scrim{background:linear-gradient(180deg,rgba(15,20,27,.25),rgba(15,20,27,0) 45%,rgba(15,20,27,.85))}
.scene-ready .headline{position:absolute;top:18%;left:42px;margin:0}
.scene-ready h1{font-size:clamp(32px,3.6vw,58px);line-height:1.02;letter-spacing:-.05em}
.scene-ready h1 em{font-weight:400;color:#d1e98a;font-style:normal}
.scene-ready .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:20px}
.scene-ready .hero-note{font-size:12px;margin-top:20px}
.scene-ready .edition{font-size:12px}
.scene-ready .hero-bottom{position:absolute;bottom:28px;left:42px;right:42px;border-top:1px solid #ffffff29;padding-top:18px;align-items:center}
.scene-ready .current{display:flex;gap:18px;align-items:center;min-width:0}
.scene-ready .current p{margin:0;font-size:12px}
.scene-ready .current p span{font-size:11px}
.scene-ready .intro>p{display:none}
.scene-ready .intro-meta{font-size:11px}
.scene-ready .intro-meta a{display:none}
.scene-ready .face-map{display:block;position:absolute;inset:0;pointer-events:none}
.face-point{--direction:-1;position:absolute;left:calc(50% + var(--px));top:var(--py);width:44px;height:44px;border:0;background:transparent;color:#f0f0ee;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);font:inherit;padding:0;z-index:1}
.point-dot{display:block;position:absolute;inset:16px;border-radius:50%;background:#d1e98a;outline:1px solid #d1e98a66;outline-offset:7px;transition:transform .3s,outline-offset .3s}
.face-point::after{content:'';position:absolute;width:var(--length,100px);height:1px;background:#f0f0ee77;top:22px;left:22px;transform-origin:left;transform:rotate(var(--angle));pointer-events:none}
.point-label{position:absolute;top:var(--label-y,-66px);right:var(--label-right,100px);display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:14px;padding:12px 0;border-bottom:1px solid #ffffff50;transition:color .25s,transform .25s}
.point-label small{font-size:9px;opacity:.6}.point-label i{font-size:17px;font-style:normal;color:#d1e98a}
.point-path{--px:-9svh;--py:29%;--angle:210deg;--label-right:112px;--length:125px}
.point-about{--px:9svh;--py:27%;--angle:-30deg;--label-right:-214px;--length:130px}
.point-stack{--px:-1svh;--py:44%;--angle:200deg;--label-right:137px;--label-y:-48px;--length:148px}
.point-projects{--px:-7svh;--py:56%;--angle:155deg;--label-right:128px;--label-y:50px;--length:143px}
.point-contact{--px:8svh;--py:57%;--angle:25deg;--label-right:-205px;--label-y:50px;--length:140px}
.face-point:hover .point-dot,.face-point[aria-expanded=true] .point-dot{transform:scale(1.25);outline-offset:11px}
.face-point:hover .point-label,.face-point[aria-expanded=true] .point-label{color:#d1e98a;transform:translateY(-3px)}
.face-point:focus-visible{outline:1px solid #d1e98a;border-radius:50%;outline-offset:5px}
.scene-ready .scene-preview{display:block;position:absolute;left:42px;bottom:130px;width:290px;pointer-events:auto;border-top:1px solid #d1e98a;padding-top:16px}
.preview-index{font-size:10px;letter-spacing:.1em;color:#d1e98a}
.scene-preview .preview-title{font-size:26px;letter-spacing:-.04em;font-weight:450;line-height:1.08;margin:12px 0}
.preview-copy{font-size:13px;line-height:1.6;color:#c3c6cb;margin:0 0 16px;min-height:62px}
.preview-open{display:flex;justify-content:space-between;width:100%;font:inherit;font-size:12px;background:transparent;color:#f0f0ee;padding:12px 0;border:0;border-top:1px solid #ffffff29;cursor:pointer}
.preview-open span{color:#d1e98a;font-size:20px}.preview-open:hover{color:#d1e98a}
.scene-preview.is-changing{animation:preview-in .3s ease-out}
.scene-ready .motion-toggle{display:block;position:absolute;right:42px;bottom:125px;background:transparent;border:0;color:#c3c6cb;font:inherit;font-size:10px;pointer-events:auto;cursor:pointer;padding:12px}
.motion-paused .portrait{animation-play-state:paused!important}.motion-paused .portrait-stack{transform:none!important}
.scene-ready .content-modal{padding:3svh 3vw}
.scene-ready .modal-frame{height:94svh;border:1px solid #ffffff40;box-shadow:none}
.scene-ready .modal-body{height:calc(94svh - 64px);overscroll-behavior:contain}
.scene-ready .modal-body .chapter{padding:44px 48px;min-height:100%}
.scene-ready .modal-body h2{margin:24px 0;font-size:clamp(32px,4.5vw,68px)}
.scene-ready .modal-body .chapter-heading{margin:30px 0 42px}
.scene-ready .modal-body .path-intro{position:static}
.scene-ready .modal-body [data-enter]{opacity:1;transform:none}
@keyframes portrait-breathe{0%,100%{transform:scale(1.015) translateY(0)}50%{transform:scale(1.028) translateY(-3px)}}
@keyframes preview-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.scene-ready .headline{top:13%}.scene-ready h1{font-size:32px}.scene-ready .hero-note{display:none}.scene-ready .scene-preview{width:240px}.point-label{font-size:12px}}
@media(max-width:1000px){
 .scene-ready .hero-content{padding:20px}.scene-ready .edition,.scene-ready .coordinates,.scene-ready .headline,.scene-ready .intro{display:none}
 .scene-ready .portrait{height:78svh;width:117svh;left:calc(50% - 78svh);top:5svh}
 .scene-ready .portrait{mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent)}
 .scene-ready .topbar{align-items:center}.scene-ready .wordmark{font-size:19px}
 .point-path{--px:-7svh;--py:27%;--length:65px;--label-right:48px;--label-y:-60px;--angle:220deg}
 .point-about{--px:7svh;--py:25%;--length:60px;--label-right:-72px;--label-y:-62px;--angle:-50deg}
 .point-stack{--px:-1svh;--py:40%;--length:80px;--label-right:68px;--label-y:-38px;--angle:200deg}
 .point-projects{--px:-5svh;--py:49%;--length:74px;--label-right:48px;--label-y:35px;--angle:155deg}
 .point-contact{--px:7svh;--py:50%;--length:62px;--label-right:-82px;--label-y:35px;--angle:35deg}
 .point-label{font-size:12px;gap:7px;padding:8px 0}.point-label small{display:none}.point-dot{inset:18px;outline-offset:5px}
 .scene-ready .scene-preview{left:20px;right:20px;bottom:75px;width:auto;padding-top:12px;background:#19212bed}
 .scene-preview .preview-title{font-size:23px;margin:8px 0}.preview-copy{font-size:12px;line-height:1.45;min-height:0;margin-bottom:8px;max-width:440px}.preview-open{padding:8px 0}
 .scene-ready .hero-bottom{left:20px;right:20px;bottom:16px;padding-top:10px;display:block}.scene-ready .current{margin:0}.scene-ready .current p{font-size:10px}.scene-ready .current p span{display:none}.scene-ready .small-label{font-size:9px}
 .scene-ready .motion-toggle{right:10px;bottom:10px;font-size:9px;z-index:4}
 .scene-ready .content-modal{padding:0}.scene-ready .modal-frame{height:100dvh}.scene-ready .modal-body{height:calc(100dvh - 62px)}.scene-ready .modal-body .chapter{padding:28px 20px}.scene-ready .modal-title{display:none}
}
@media(max-height:650px) and (min-width:761px){.scene-ready .headline{top:18%}.scene-ready .scene-preview{bottom:92px}.scene-ready h1{font-size:30px}.scene-ready .preview-title{font-size:22px}.scene-ready .preview-copy{min-height:0}.scene-ready .hero-note{display:none}}
@media(prefers-reduced-motion:reduce){.scene-ready .portrait,.scene-preview.is-changing{animation:none}.scene-ready .portrait-stack,.point-label,.point-dot{transition:none}.scene-ready .motion-toggle{display:none}}

/* Hidden discoveries, expanding from the portrait into an editorial canvas. */
:root{font-family:'DM Sans',sans-serif}
h1,h2,h3,h4,.wordmark,.preview-index,.modal-title{font-family:'Space Grotesk',sans-serif}
.scene-ready h1{font-weight:400;letter-spacing:-.065em;line-height:1.06}
.scene-ready .wordmark{font-weight:500;letter-spacing:-.055em}
.scene-ready .point-label{display:none}
.face-point::after{display:none}
.point-dot{background:#e0ecb4;outline-color:#e0ecb455;inset:18px;outline-offset:6px}
.face-point[aria-expanded=true] .point-dot{background:#fff;outline-color:#fff8}
.scene-ready .scene-preview{position:fixed;z-index:8;inset:auto;bottom:auto;right:auto;width:300px;padding:24px;background:#151e24f5;border:1px solid #e0ecb440;border-radius:2px 28px 2px 2px;box-shadow:0 18px 70px #0003;pointer-events:auto;backdrop-filter:blur(18px)}
.scene-ready .scene-preview[hidden]{display:none}
.scene-ready .scene-preview::before{content:'';position:absolute;top:-1px;left:24px;width:44px;height:2px;background:#e0ecb4}
.scene-ready .preview-title{font-size:29px;line-height:1.12;letter-spacing:-.055em;font-weight:400;margin:16px 0}
.preview-index{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.scene-ready .preview-copy{font-size:13px;line-height:1.6;min-height:0;margin-bottom:20px}
.scene-ready .preview-open{font-size:12px;text-align:left;letter-spacing:.01em;border-top:1px solid #ffffff25;padding:14px 0 0;color:#e0ecb4}
.preview-open:focus-visible{outline:1px solid #e0ecb4;outline-offset:5px}
.scene-preview.is-changing{animation:discovery-in .32s cubic-bezier(.2,.8,.2,1)}
@keyframes discovery-in{from{opacity:0;filter:blur(7px);transform:translateY(8px) scale(.96)}to{opacity:1;filter:blur(0);transform:none}}
.scene-ready .content-modal{inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:transparent;border:0;overflow:hidden}
.scene-ready .content-modal::backdrop{background:#10171c50;backdrop-filter:blur(2px)}
.scene-ready .modal-frame{position:absolute;right:0;top:0;width:88vw;max-width:none;height:100dvh;background:#172128;border:0;border-left:1px solid #ffffff25;border-radius:70px 0 0 0;overflow:hidden;animation:none;box-shadow:none}
.scene-ready .modal-toolbar{height:92px;padding:0 42px 0 58px;background:#172128;border-bottom:1px solid #ffffff25;gap:20px}
.scene-ready .modal-context{font-size:12px;color:#8a9b9c}
.scene-ready .modal-title{display:block;margin-right:auto;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#e0ecb4}
.scene-ready .modal-close{border:1px solid #ffffff40;border-radius:100px;padding:12px 20px;font-family:'DM Sans',sans-serif;font-size:12px;background:transparent}
.scene-ready .modal-close:hover{background:#e0ecb4;color:#172128}
.scene-ready .modal-body{height:calc(100dvh - 92px);background:#172128}
.scene-ready .modal-body .chapter{padding:40px 58px 70px;background:#172128;color:#f0f0ee}
.scene-ready .modal-body h2{font-weight:400;letter-spacing:-.065em;line-height:1.05;font-size:clamp(38px,5.6vw,84px)}
.scene-ready .modal-body h3{font-weight:400;letter-spacing:-.045em}
.scene-ready .modal-body .chapter-meta{color:#95a6a7;border-color:#ffffff30}
.scene-ready .modal-body .ink-muted,.scene-ready .modal-body .personal-note,.scene-ready .modal-body .margin-label,.scene-ready .modal-body .focus-item p,.scene-ready .modal-body .focus-index,.scene-ready .modal-body .stack-number,.scene-ready .modal-body .stack-group p,.scene-ready .modal-body .contact-intro,.scene-ready .modal-body .colophon{color:#afbec0}
.scene-ready .modal-body .manifesto-bottom em,.scene-ready .modal-body .big-star,.scene-ready .modal-body .contact-title a{color:#e0ecb4}
.scene-ready .modal-body .stack-group h3,.scene-ready .modal-body .contact-links a{color:#f0f0ee}
.scene-ready .modal-body .stack-tags li{border-color:#ffffff40;color:#e0ecb4}
.scene-ready .modal-body .stack-tags li:hover{background:#33423e}
.scene-ready .modal-body .exploring{background:#243338}
.scene-ready .modal-body .chapter-heading em,.scene-ready .modal-body .contact-heading a{color:#e0ecb4}
.scene-ready .modal-body .colophon a{color:#afbec0}
.scene-ready .modal-body .explore-list li::after{display:none}
.scene-ready .modal-body .arrow-link{font-size:12px}
.scene-ready .modal-body .focus-grid,.scene-ready .modal-body .focus-item,.scene-ready .modal-body .stack-grid,.scene-ready .modal-body .stack-group,.scene-ready .modal-body .contact-links,.scene-ready .modal-body .contact-links a{border-color:#ffffff25}
.scene-ready .modal-body .contact-links a:hover{background:#26343b}
.modal-is-open .portrait{animation-play-state:paused!important}
@media(max-width:1000px){
 .scene-ready .scene-preview{width:min(380px,calc(100vw - 32px));padding:16px 20px;max-height:calc(40svh - 40px);overflow:auto}
 .scene-ready .preview-title{font-size:25px}
 .scene-ready .preview-copy{font-size:12px;line-height:1.4;margin-bottom:12px}
 .scene-ready .preview-title{margin:10px 0}
 .scene-ready .modal-frame{width:100vw;border-radius:34px 0 0 0;border:0}
 .scene-ready .modal-toolbar{height:78px;padding:0 20px;gap:12px}
 .scene-ready .modal-context{display:none}
 .scene-ready .modal-title{font-size:10px}
 .scene-ready .modal-close{padding:9px 14px}
 .scene-ready .modal-body{height:calc(100dvh - 78px)}
 .scene-ready .modal-body .chapter{padding:26px 22px 50px}
 .scene-ready .modal-body h2{font-size:clamp(36px,7vw,66px)}
}
@media(prefers-reduced-motion:reduce){.scene-preview.is-changing{animation:none}}

/* Portrait and reading surface occupy separate zones. */
.scene-ready .portrait{left:calc(68% - 100svh)}
.scene-ready .face-point{left:calc(68% + var(--px))}
.scene-ready .headline{top:19%;max-width:43%;transition:opacity .25s}
.scene-ready h1{font-size:clamp(40px,4.2vw,68px);line-height:1.07}
.scene-ready .hero-note{font-size:16px;max-width:340px;line-height:1.5}
.preview-is-open .headline,.modal-is-open .headline{opacity:0;visibility:hidden}
.scene-ready .reveal{display:block;filter:sepia(.32) saturate(1.25) brightness(1.4);mask-image:radial-gradient(ellipse 145px 180px at var(--light-x,-500px) var(--light-y,-500px),#000 15%,rgba(0,0,0,.9) 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 145px 180px at var(--light-x,-500px) var(--light-y,-500px),#000 15%,rgba(0,0,0,.9) 45%,transparent 100%);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:0 0;-webkit-mask-position:0 0;transition:opacity .45s}
.scene-ready .scene-preview{width:min(360px,36vw);max-height:70svh}
.scene-ready .preview-title{font-size:34px}
.scene-ready .preview-copy{font-size:17px;line-height:1.5}
.scene-ready .preview-open{font-size:16px}
.scene-ready .content-modal{position:fixed;inset:20svh auto auto 32px;width:43vw;height:64svh;max-height:570px;overflow:visible;pointer-events:auto;color:#f0f0ee}
.scene-ready .modal-frame{inset:0;width:100%;height:100%;border:1px solid #dcebb433;border-radius:3px 32px 3px 3px;background:#172128f5}
.scene-ready .modal-toolbar{height:72px;padding:0 26px;gap:12px;display:flex}
.scene-ready .modal-close{color:#f0f0ee}
.scene-ready .modal-close:focus-visible{background:#dcebb4;color:#172128;outline:2px solid #dcebb4;outline-offset:3px}
.scene-ready .modal-context{display:none}
.scene-ready .modal-title{font-size:12px;margin:0 auto 0 0}
.scene-ready .modal-body{height:calc(100% - 72px);background:transparent}
.portrait-deck{padding:26px;min-height:100%;display:flex;flex-direction:column;gap:26px}
.deck-tabs{display:flex;flex-wrap:wrap;gap:7px}
.deck-tabs button{font:inherit;font-size:14px;background:transparent;color:#bac7c9;padding:9px 12px;border:1px solid #ffffff25;cursor:pointer}
.deck-tabs button[aria-pressed=true]{background:#dcebb4;color:#172128;border-color:#dcebb4}
.scene-ready .deck-card h2{font-size:clamp(32px,3.2vw,48px);line-height:1.1;margin:0 0 22px;font-weight:400;letter-spacing:-.05em}
.deck-card p{font-size:clamp(18px,1.5vw,22px);line-height:1.6;margin:0 0 24px;color:#c8d2d2}
.deck-card a{font-size:17px;color:#dcebb4;text-underline-offset:6px}
.deck-controls{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;border-top:1px solid #ffffff25}
.deck-controls button{font:inherit;font-size:16px;border:0;background:transparent;color:#dcebb4;padding:8px 0;cursor:pointer}
.deck-controls button:disabled{opacity:.3;cursor:default}
.deck-controls span{font-size:12px;color:#afbec0;font-variant-numeric:tabular-nums}
.deck-tabs button:focus-visible,.deck-controls button:focus-visible{outline:2px solid #dcebb4;outline-offset:3px}
.modal-is-open .portrait{animation-play-state:running!important}
.motion-paused .portrait{animation-play-state:paused!important}
@media(max-width:1000px){
 .scene-ready .portrait{height:50svh;width:75svh;left:calc(50% - 50svh);top:4svh}
 .scene-ready .face-point{left:calc(50% + var(--px))}
 .point-path{--px:-4.5svh;--py:18%}.point-about{--px:4.5svh;--py:17%}.point-stack{--px:-.6svh;--py:27%}.point-projects{--px:-3.2svh;--py:32%}.point-contact{--px:4.5svh;--py:33%}
 .scene-ready .headline{display:block;top:53%;left:24px;max-width:calc(100% - 48px)}
 .scene-ready .headline .eyebrow,.scene-ready .hero-note{display:none}
 .scene-ready h1{font-size:clamp(28px,4.5svh,46px)}
 .scene-ready .scene-preview{width:calc(100vw - 32px);max-width:540px;max-height:calc(47svh - 65px);padding:20px;overflow:auto}
 .scene-ready .preview-title{font-size:28px}
 .scene-ready .preview-copy{font-size:17px}
 .scene-ready .content-modal{inset:48svh 16px auto;width:calc(100vw - 32px);height:calc(52svh - 65px);max-height:none}
 .scene-ready .modal-frame{border-radius:3px 24px 3px 3px}
 .scene-ready .modal-toolbar{height:58px;padding:0 18px}
 .scene-ready .modal-body{height:calc(100% - 58px)}
 .portrait-deck{padding:20px;gap:22px}
 .scene-ready .deck-card h2{font-size:32px;margin-bottom:18px}
 .deck-card p{font-size:18px;line-height:1.5}
 .deck-tabs button{font-size:13px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){.scene-ready .headline,.scene-ready .reveal{transition:none}.modal-is-open .portrait{animation:none!important}}

/* Blend the complete image stack once, including the cursor light. */
.scene-ready .portrait-surface{position:absolute;width:150svh;height:100svh;left:calc(68% - 100svh);top:0;animation:portrait-breathe 9s ease-in-out infinite;transform-origin:67% 50%;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 78%,transparent 100%);mask-composite:intersect}
.scene-ready .portrait-surface .portrait{inset:0;width:100%;height:100%;animation:none;transform:none;mask-image:none;-webkit-mask-image:none}
.scene-ready .portrait-surface .reveal{mask-image:radial-gradient(ellipse 70px 90px at var(--light-x,-500px) var(--light-y,-500px),#000 10%,rgba(0,0,0,.8) 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70px 90px at var(--light-x,-500px) var(--light-y,-500px),#000 10%,rgba(0,0,0,.8) 40%,transparent 100%)}
.scene-ready .point-dot{background:radial-gradient(circle,#e0ecb4cc 0%,#e0ecb477 45%,#e0ecb400 75%);outline-color:#e0ecb433;opacity:.8;transition:opacity .25s,transform .3s,outline-color .25s,outline-offset .3s}
.scene-ready .face-point:hover .point-dot,.scene-ready .face-point:focus-visible .point-dot,.scene-ready .face-point[aria-expanded=true] .point-dot{opacity:1;background:radial-gradient(circle,#edf5cd 0%,#e0ecb4b3 42%,#e0ecb400 78%);outline-color:#e0ecb466}
.motion-paused .portrait-surface{animation-play-state:paused!important}
@media(max-width:1000px){.scene-ready .portrait-surface{height:50svh;width:75svh;left:calc(50% - 50svh);top:4svh}}
@media(prefers-reduced-motion:reduce){.scene-ready .portrait-surface{animation:none}.scene-ready .point-dot{transition:none}}

/* Final editorial pass: centered masthead and a stable reading panel. */
:root{font-family:'Manrope',sans-serif}
h1,h2,h3,h4,.wordmark,.preview-index,.modal-title{font-family:'Sora',sans-serif}
.scene-ready .topbar{position:relative;align-items:center;min-height:40px}
.scene-ready .lang-switch{position:absolute;left:calc(50% - 105px);top:50%;transform:translateY(-50%);font:inherit;font-size:10px;letter-spacing:.08em;background:transparent;border:0;color:#aebbbe;padding:8px;cursor:pointer;transition:color .2s;pointer-events:auto}
.scene-ready .lang-switch b{font-weight:600;color:#dcebb4}.scene-ready .lang-switch i{font-style:normal;color:#647477;margin:0 5px}.scene-ready .lang-switch:hover,.scene-ready .lang-switch:focus-visible{color:#fff;outline:1px solid #dcebb4;outline-offset:2px}
.scene-ready .year{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;letter-spacing:.04em;border-width:1px;border-color:#f0f0ee80;padding:7px 18px}
.scene-ready .wordmark{font-size:20px;font-weight:500;letter-spacing:-.055em;white-space:nowrap}
.scene-ready .asterisk{font-size:22px;margin-left:6px}
.scene-ready .identity{gap:22px;align-items:center}
.scene-ready .edition{font-size:11px;color:#9faeb4;white-space:nowrap;line-height:1.6}
.scene-ready .coordinates{font-size:12px;color:#bac4c7}
.scene-ready h1{font-size:clamp(36px,3.8vw,64px);letter-spacing:-.05em;line-height:1.12;font-weight:400}
.scene-ready .hero-note{font-size:16px;font-weight:400;color:#b7c1c4}
.scene-ready .scene-preview,.scene-ready .modal-frame{border-radius:18px;border-color:#c5d9d52b;background:#182329}
.scene-ready .scene-preview{padding:26px}
.scene-ready .preview-title{font-size:30px;letter-spacing:-.055em;line-height:1.2}
.scene-ready .preview-copy{color:#bfcacc}
.scene-ready .modal-toolbar{height:68px;padding:0 24px;border-color:#c5d9d51c;background:transparent}
.scene-ready .modal-title{font-size:10px;letter-spacing:.12em;color:#dcebb4}
.scene-ready .modal-close{font-family:'Manrope',sans-serif;min-height:44px;min-width:82px;border-color:#c5d9d533;padding:10px 16px;font-size:12px}
.scene-ready .modal-body{height:calc(100% - 68px);overflow:hidden}
.portrait-deck{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:20px 24px 12px;gap:20px}
.deck-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#748583 transparent;gap:4px;padding:4px;border:1px solid #c5d9d51a;border-radius:10px;background:#10191e}
.deck-tabs button{flex:1 0 auto;min-height:40px;padding:9px 12px;border:0;border-radius:6px;font-size:13px;transition:background .2s,color .2s}
.deck-tabs button[aria-pressed=true]{background:#dcebb4;color:#172128}
.deck-card{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#748583 transparent;padding:3px 6px 8px 0;min-height:0}
.scene-ready .deck-card h2{font-size:clamp(30px,2.8vw,43px);font-weight:400;line-height:1.17;letter-spacing:-.055em;margin:0 0 22px}
.deck-card p{font-size:clamp(18px,1.4vw,21px);line-height:1.65;color:#bac8ca;margin-bottom:24px}
.deck-card a{display:inline-block;font-size:15px;font-weight:600;line-height:1.5;padding:10px 0;color:#e0edbf;text-decoration-thickness:1px}
.deck-controls{position:relative;margin:0;padding-top:10px;border-color:#c5d9d524;min-height:54px}
.deck-controls::before{content:'';position:absolute;top:-1px;left:0;height:1px;width:var(--deck-progress,0%);background:#dcebb4;transition:width .25s}
.deck-controls button{min-height:44px;min-width:72px;font-size:14px}
.deck-controls span{font-size:11px;letter-spacing:.1em}
.deck-card:focus-visible{outline:1px solid #dcebb4;outline-offset:-1px}
@media(min-width:1001px) and (max-width:1200px){.scene-ready .edition{display:none}.scene-ready .wordmark{font-size:18px}}
@media(max-width:1000px){
 .scene-ready .topbar{justify-content:center;min-height:68px;align-items:flex-start}
 .scene-ready .wordmark{font-size:18px}
 .scene-ready .lang-switch{left:auto;right:10px;top:22px;transform:none;font-size:9px}
 .scene-ready .year{top:47px;font-size:10px;padding:4px 13px}
 .scene-ready h1{font-size:clamp(26px,4.1svh,40px)}
 .scene-ready .modal-toolbar{height:54px;padding:0 16px}
 .scene-ready .modal-body{height:calc(100% - 54px)}
 .portrait-deck{padding:12px 16px 8px;gap:12px}
 .deck-tabs{padding:3px}
 .deck-tabs button{min-height:38px;font-size:12px;padding:8px 10px}
 .scene-ready .deck-card h2{font-size:29px;margin-bottom:16px}
 .deck-card p{font-size:18px;line-height:1.55}
 .deck-controls{min-height:44px;padding-top:0}
 .scene-ready .scene-preview{padding:20px}
 .scene-ready .preview-title{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.deck-controls::before,.deck-tabs button{transition:none}}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){
 .scene-ready .topbar{min-height:36px;justify-content:flex-start;align-items:center}
 .scene-ready .year{top:50%}
 .scene-ready .portrait-surface{height:100svh;width:150svh;left:calc(68% - 100svh);top:0}
 .scene-ready .face-point{left:calc(68% + var(--px))}
 .point-path{--px:-9svh;--py:29%}.point-about{--px:9svh;--py:27%}.point-stack{--px:-1svh;--py:44%}.point-projects{--px:-7svh;--py:56%}.point-contact{--px:8svh;--py:57%}
 .scene-ready .headline{top:26%;max-width:45%}
 .scene-ready h1{font-size:27px}
 .scene-ready .content-modal{inset:80px auto auto 16px;width:46vw;height:calc(100svh - 135px)}
 .scene-ready .scene-preview{width:42vw;max-height:calc(100svh - 130px)}
 .scene-ready .preview-title{font-size:23px}
 .scene-ready .preview-copy{font-size:15px}
}