@import url('./fonts.css');
:root{color-scheme:light;--ink:#283b38;--muted:#5d665e;--paper:#f6f1e7;--green:#274f47;--glass:rgba(249,246,238,.87);font-family:Heebo,Arial,sans-serif;color:var(--ink);background:#d5cbbb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:3px solid #b47537;outline-offset:5px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.skip-link{position:fixed;top:-90px;right:20px;z-index:100;padding:12px 20px;background:#fff}.skip-link:focus{top:10px}.experience{position:relative;height:100svh;min-height:620px;isolation:isolate;overflow:hidden}.world-stage{position:absolute;inset:0;background:#d5cbbb}.world-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}.world-stage.world-ready canvas{opacity:1}.world-fallback{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity 1s;filter:brightness(.86)}.world-ready .world-fallback{opacity:0;pointer-events:none}.world-stage.context-error canvas{opacity:0}.world-stage.context-error .world-fallback{opacity:1}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(246,241,231,.75),transparent 23%,transparent 65%,rgba(34,39,32,.20))}.site-header{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:25px 42px;z-index:4;pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;font-size:24px;line-height:1.3;font-weight:500;text-shadow:0 1px 20px #eee5d2}.brand svg{width:30px;height:42px;fill:none;stroke:currentColor;stroke-width:1.4}.brand small{display:block;font-size:11px;letter-spacing:.05em;font-weight:400;margin-top:5px}.contact-link{padding:10px 18px;border-radius:40px;background:rgba(250,248,241,.82);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(14px);font-size:13px}.contact-link span{margin-right:18px}.chapter-zone{position:absolute;left:5.6%;top:23%;z-index:3;width:350px;max-width:31vw;outline:none!important;pointer-events:none}.chapter{pointer-events:auto;animation:chapter-in .75s cubic-bezier(.2,.7,.3,1) both}.home-copy{padding:0 4px;text-shadow:0 1px 28px rgba(246,241,228,.85)}.eyebrow{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.025em;color:#586353;margin:0 0 22px}.eyebrow i{width:5px;height:5px;background:#597e55;border-radius:50%}h1,h2{font-family:'Frank Ruhl Libre',serif;font-weight:400;margin:0;letter-spacing:-.045em}h1{font-size:clamp(46px,5.35vw,80px);line-height:1.02}h1 em,h2 em{font-style:normal;color:#3c655a}h2{font-size:43px;line-height:1.09}.intro{font-size:15px;line-height:1.9;margin:24px 0 26px;color:#414f45}.primary-button{display:inline-flex;gap:32px;align-items:center;background:var(--green);color:#fff;padding:14px 22px;border-radius:50px;font-size:13px;box-shadow:0 10px 32px #293a301c;transition:transform .3s,background .3s}.primary-button:hover{transform:translateY(-3px);background:#35665b}.chapter-card{background:var(--glass);border:1px solid #ffffff80;padding:28px;border-radius:4px 24px 4px 24px;box-shadow:0 12px 60px #20251f1a;backdrop-filter:blur(22px);max-height:calc(100svh - 240px);overflow:auto;scrollbar-width:thin}.chapter-card .eyebrow{margin-bottom:18px}.chapter-card p{font-size:14px;line-height:1.85;margin:20px 0}.chapter-card blockquote{font-family:'Frank Ruhl Libre',serif;font-size:22px;line-height:1.5;margin:24px 0;padding-right:16px;border-right:1px solid #9f9276}.text-button{padding:9px 0;background:none;border-bottom:1px solid #aab0a0;font-size:12px}.text-button span{margin-right:22px}.moment-card h3{font-weight:500;font-size:16px;margin:20px 0 5px}.moment-card p{margin:6px 0 20px}.moment-controls{display:flex;justify-content:space-between;align-items:center;direction:rtl;border-top:1px solid #c9cbbb;padding-top:12px}.moment-controls button{border:1px solid #aab4a7;background:transparent;width:38px;height:38px;border-radius:50%;font-size:19px}.moment-controls span{font-size:10px;letter-spacing:.15em}.journal-list{margin-top:20px}.journal-list button{display:flex;gap:12px;align-items:center;background:none;border-top:1px solid #c9cbbb;width:100%;padding:17px 0;text-align:right}.journal-list button span{font-size:10px;color:#647363}.journal-list strong{font-size:13px;font-weight:400;flex:1}.journal-list b{font-weight:400}.chapter-nav{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:stretch;padding:5px;background:rgba(247,244,234,.92);backdrop-filter:blur(18px);border:1px solid #ffffffa3;border-radius:17px;box-shadow:0 8px 30px #17291c21}.chapter-nav button{display:flex;align-items:center;gap:10px;padding:16px 23px;white-space:nowrap;font-size:12px;border-radius:12px;background:none;transition:background .3s,color .3s}.chapter-nav button[aria-current]{background:#2e5147;color:#fff}.nav-number{font-size:9px;opacity:.65;letter-spacing:.03em}.nav-icon{font-size:18px;line-height:.5}.scene-tools{position:absolute;right:40px;bottom:38px;display:flex;align-items:center;gap:0;z-index:5;background:rgba(249,246,237,.9);backdrop-filter:blur(16px);border-radius:12px;padding:2px}.scene-tools button{display:flex;gap:8px;align-items:center;justify-content:center;width:40px;height:40px;background:none;border-radius:10px;font-size:18px}.scene-tools button:hover{background:#dedecf}.tool-label{display:none}.scene-hint{position:absolute;bottom:116px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.04em;color:#fff;text-shadow:0 1px 8px #161e12;z-index:2}.studio-credit{position:absolute;left:42px;bottom:51px;font-size:10px;font-weight:500;letter-spacing:.18em;color:#fff;z-index:5;text-shadow:0 1px 5px #1118;direction:ltr}.studio-credit span{letter-spacing:0}.hotspot{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;padding:5px 9px 5px 5px;background:rgba(247,245,237,.85);border:1px solid #fff9;border-radius:40px;font-size:10px;white-space:nowrap;backdrop-filter:blur(12px);transition:background .3s,opacity .35s;visibility:hidden}.world-ready .hotspot{visibility:visible}.hotspot i{font-style:normal;display:grid;place-items:center;width:25px;height:25px;background:#fff;border-radius:50%;font-size:17px;font-weight:400}.hotspot:hover{background:#fff}.hotspot:hover i{background:#2e5147;color:white}.hotspot[aria-current]{opacity:0;pointer-events:none}.hotspot::after{content:'';position:absolute;inset:-4px;border:1px solid #fff7;border-radius:40px;animation:halo 5s ease-out infinite;pointer-events:none}.load-note{position:absolute;z-index:6;bottom:120px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#f7f4eced;border:1px solid #fff9;padding:10px 17px;border-radius:30px;font-size:11px;transition:opacity .5s;pointer-events:none}.load-note.done{opacity:0}.loading-dot{width:6px;height:6px;background:#5e8064;border-radius:50%;animation:blink 1.5s ease-in-out infinite}.scene-tools button[aria-pressed=true]{background:#dedecf}.evening .scene-shade{background:linear-gradient(180deg,rgba(27,36,34,.50),transparent 24%,transparent 65%,rgba(21,28,25,.42))}.evening .brand{color:#faf4e8;text-shadow:0 1px 15px #171e1a}.evening .home-copy{color:#f8f1e6;text-shadow:0 1px 24px #16201ab0}.evening .home-copy .eyebrow,.evening .home-copy .intro,.evening .home-copy em{color:#ebe2cc}.evening .primary-button{background:#e8e1ce;color:#284c42}.motion-paused *,.motion-reduced *{animation:none!important;transition:none!important}dialog{border:1px solid #ffffff80;border-radius:24px;background:#f7f3ea;color:var(--ink);width:min(590px,calc(100% - 28px));max-height:86svh;padding:0;box-shadow:0 25px 90px #0c171f50;overscroll-behavior:contain}dialog::backdrop{background:rgba(24,35,30,.5);backdrop-filter:blur(8px)}.dialog-inner{padding:45px 38px 32px}.dialog-inner h2{font-size:42px;margin-bottom:25px}.dialog-inner p,.dialog-inner li{font-size:14px;line-height:1.95}.dialog-close{position:sticky;float:left;top:15px;margin:15px 0 0 15px;background:#e9e8dc;width:36px;height:36px;border-radius:50%;font-size:24px;z-index:2}.dialog-inner .eyebrow{margin-bottom:16px}.dialog-inner ul{padding-right:20px}.social-actions{display:grid;gap:10px;margin:25px 0}.social-actions a{display:flex;align-items:center;justify-content:space-between;background:#e5e9dd;padding:17px 20px;border-radius:12px;font-size:14px}.dialog-note{color:#677064;font-size:12px!important}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.topic-list div{background:#e9ecdf;padding:16px;border-radius:10px}.topic-list b{display:block;font-weight:500;font-size:15px}.topic-list p{font-size:12px;margin-bottom:0}.post-image{display:block;max-width:100%;width:100%;height:auto;border-radius:9px;margin:20px 0}.post-transcript{font-size:13px;border-top:1px solid #c8cbbd;padding-top:15px}.post-transcript summary{cursor:pointer;padding:8px 0}.post-source{display:block;font-size:13px;text-decoration:underline;margin-top:20px}.noscript{position:fixed;bottom:0;padding:20px;z-index:20;background:#f6f1e7;width:100%}.dialog-inner .copy-button{margin-top:10px}#copy-status{font-size:12px;min-height:23px}.keyboard-list{padding:10px 18px;background:#e9ecdf;border-radius:12px}.keyboard-list p{margin:6px 0}.dialog-inner a:not(.primary-button):hover{text-decoration:underline}@keyframes chapter-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes halo{0%,55%{transform:scale(1);opacity:0}60%{opacity:.6}100%{transform:scale(1.15);opacity:0}}@keyframes blink{50%{opacity:.35}}
@media(min-width:1600px){.chapter-zone{left:7%;width:390px}.chapter-card{padding:34px}.chapter-card p{font-size:15px}}
@media(max-width:1050px){.site-header{padding:23px 27px}.chapter-zone{left:4%;max-width:34vw;top:22%}.chapter-nav button{padding:15px}.scene-tools{right:25px}.studio-credit{left:25px}.chapter-card{padding:22px}h2{font-size:37px}.brand{font-size:22px}}
@media(max-width:700px){.experience{min-height:640px;height:100svh}.site-header{padding:18px 19px}.brand{font-size:20px;gap:8px}.brand small{font-size:9px}.brand svg{width:24px;height:34px}.contact-link{padding:8px 12px;font-size:11px}.contact-link span{margin-right:6px}.chapter-zone{left:20px;right:20px;top:103px;width:auto;max-width:none;pointer-events:none}.home-copy{max-width:260px;margin-right:auto;text-align:left;direction:rtl}.home-copy .eyebrow{font-size:9px;justify-content:flex-end;margin-bottom:14px}.home-copy h1{font-size:46px;line-height:1.02}.intro{font-size:12px;line-height:1.65;margin:13px 0 15px}.primary-button{padding:11px 17px;font-size:11px;gap:22px}.chapter-nav{bottom:18px;width:calc(100% - 30px);max-width:440px;justify-content:space-around;padding:4px;border-radius:15px}.chapter-nav button{flex-direction:column;justify-content:center;gap:6px;padding:10px 6px;flex:1;min-height:51px;font-size:10px}.nav-number{font-size:8px}.nav-icon{font-size:18px;height:9px;line-height:9px}.scene-tools{bottom:99px;right:20px}.scene-tools button{width:34px;height:34px;font-size:16px}.scene-hint{bottom:98px;left:20px;transform:none;font-size:9px;max-width:170px;white-space:normal}.studio-credit{display:none}.chapter-card{border-radius:18px;padding:20px;max-height:35svh;background:rgba(247,244,234,.92)}body:not([data-chapter=home]) .chapter-zone{top:auto;bottom:148px;max-width:370px;left:18px;right:18px;margin-left:auto}h2{font-size:30px}.chapter-card .eyebrow{font-size:9px;margin-bottom:9px}.chapter-card p{font-size:12px;line-height:1.6;margin:10px 0}.chapter-card blockquote{font-size:17px;line-height:1.5;margin:12px 0;padding-right:10px}.text-button{font-size:11px}.moment-card h3{font-size:14px;margin:12px 0 4px}.moment-controls{padding-top:7px}.moment-controls button{width:32px;height:32px}.journal-list{margin-top:14px}.journal-list button{padding:13px 0}.journal-list strong{font-size:12px}.hotspot{font-size:9px;padding:3px 7px 3px 3px;gap:5px}.hotspot i{width:22px;height:22px;font-size:15px}.load-note{bottom:155px;font-size:10px;width:max-content;max-width:90%;text-align:center}.dialog-inner{padding:45px 24px 24px}.dialog-inner h2{font-size:34px}.scene-shade{background:linear-gradient(180deg,rgba(246,241,231,.85),rgba(246,241,231,.23) 38%,transparent 57%,rgba(28,35,28,.22))}.evening .scene-shade{background:linear-gradient(180deg,rgba(25,32,28,.65),transparent 50%,rgba(22,32,25,.45))}}
@media(max-width:360px){.brand{font-size:18px}.brand small{font-size:8px}.site-header{padding:16px}.contact-link{font-size:10px;padding:8px 10px}.home-copy h1{font-size:42px}.chapter-zone{top:95px}.chapter-card{padding:16px}.scene-hint{max-width:150px;font-size:8px}.topic-list{grid-template-columns:1fr}}
@media(max-height:690px) and (min-width:701px){.experience{min-height:580px}.chapter-zone{top:20%;width:320px}.chapter-card{max-height:calc(100svh - 200px);padding:20px}h1{font-size:54px}.eyebrow{margin-bottom:14px}.intro{margin:18px 0}.chapter-card blockquote{margin:15px 0}.chapter-nav{bottom:20px}.scene-hint{bottom:95px}.scene-tools{bottom:29px}.studio-credit{bottom:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}
.context-error canvas,.context-error .hotspot{pointer-events:none!important}.context-error .hotspot{visibility:hidden!important}
@media(max-width:700px){.chapter-card blockquote{display:none}}

/* 4.1 — crisp surfaces, legible type and touch-first controls. */
:root{--ink:#203c35;--muted:#47584c;--glass:#f8f5ee}
.experience{height:100svh;min-height:0}
h1,h2{font-family:Heebo,Arial,sans-serif;font-weight:600;letter-spacing:-.045em}
h1{font-size:clamp(54px,5.2vw,78px);line-height:1.1}
h2{font-size:36px;line-height:1.25}
.brand,.home-copy,.scene-hint,.studio-credit,.evening .brand,.evening .home-copy{text-shadow:none}
.scene-shade{background:linear-gradient(180deg,rgba(247,244,236,.6),transparent 105px,transparent calc(100% - 100px),rgba(18,32,25,.13))}
.evening .scene-shade{background:linear-gradient(180deg,rgba(19,33,27,.45),transparent 110px,transparent calc(100% - 100px),rgba(15,26,21,.18))}
.brand small{font-size:13px}.contact-link{font-size:14px;min-height:44px;background:#f8f5ee;border-color:#dedfce}
.contact-link,.chapter-card,.chapter-nav,.scene-tools,.hotspot,dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
.eyebrow{font-size:13px;color:#425441;letter-spacing:0}
.intro{font-size:17px;line-height:1.75;color:#294237}
.primary-button{font-size:15px;min-height:48px;padding:13px 22px}
.chapter-card{background:#f8f5ee;padding:28px;max-height:calc(100svh - 215px);border:1px solid #e5e4d8;box-shadow:0 15px 45px #182b2226}
.chapter-card p{font-size:16px;line-height:1.7}.chapter-card .eyebrow{font-size:12px}.chapter-card blockquote{font-size:22px}
.text-button{font-size:14px;min-height:44px}.moment-card h3{font-size:18px}
.moment-controls button{width:44px;height:44px}.moment-controls span{font-size:12px}
.journal-list strong{font-size:15px;line-height:1.5}.journal-list button{min-height:54px}.journal-list button span{font-size:12px}
.chapter-nav{background:#f8f5ee;border-color:#dadfce;bottom:max(22px,env(safe-area-inset-bottom))}
.chapter-nav button{font-size:14px;min-height:50px;padding:14px 22px}.nav-number{font-size:11px}
.scene-tools{background:#f8f5ee;bottom:34px}.scene-tools button{width:44px;height:44px;font-size:20px}
.scene-hint{color:#fff;background:#294436;padding:6px 12px;border-radius:20px;font-size:12px;bottom:104px;letter-spacing:0}
.hotspot{background:#f8f5ee;font-size:13px;min-height:44px;padding:5px 12px 5px 6px;border-color:#e3e5d7;box-shadow:0 4px 14px #203c352b}
.hotspot i{width:30px;height:30px;font-size:19px}
.dialog-close{width:44px;height:44px}.dialog-inner h2{font-size:34px}.dialog-inner p,.dialog-inner li{font-size:16px;line-height:1.8}
.dialog-inner .eyebrow{font-size:13px}.dialog-note{font-size:14px!important}.topic-list p{font-size:14px}.post-transcript,.post-source{font-size:15px}.post-transcript summary{min-height:44px}.social-actions a{font-size:16px;min-height:52px}
.evening .home-copy .intro,.evening .home-copy .eyebrow,.evening .home-copy em{color:#fff8e8}
@media(min-width:701px){.chapter-zone{top:22%;width:370px;max-width:33vw}.home-copy{max-width:360px}.home-copy .eyebrow{margin-bottom:18px}.home-copy .intro{margin-top:23px}.chapter-card blockquote{margin:17px 0}.chapter-card p{margin:16px 0}.chapter-nav button{padding-inline:18px}}
@media(min-width:701px) and (max-width:1050px){.scene-tools{right:20px;bottom:101px}.chapter-nav button{padding:12px 17px}.studio-credit{display:none}.chapter-zone{left:24px;max-width:36vw}.scene-hint{left:auto;right:176px;transform:none;bottom:103px}h1{font-size:58px}.chapter-card{padding:23px}h2{font-size:31px}}
@media(max-width:700px){
 .experience{height:100svh;min-height:0}
 .site-header{padding:16px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));align-items:flex-start}
 .brand{font-size:23px;gap:8px}.brand small{font-size:11px;letter-spacing:0;margin-top:3px}.brand svg{width:24px;height:37px}
 .contact-link{font-size:13px;min-height:44px;padding:8px 12px}.contact-link span{margin-right:5px}
 .chapter-zone{left:20px;right:20px;top:103px;width:auto;max-width:none}
 .home-copy{max-width:52%;margin-right:auto;text-align:right;padding:0}
 .home-copy .eyebrow{font-size:12px;line-height:1.5;justify-content:flex-start;margin-bottom:11px;display:block}
 .home-copy .eyebrow i{display:none}
 .home-copy h1{font-size:clamp(40px,11.6vw,52px);line-height:1.05;font-weight:600}
 .home-copy .intro{font-size:15px;line-height:1.6;margin:14px 0 17px}
 .primary-button{font-size:14px;min-height:46px;padding:10px 16px;gap:14px}
 .chapter-nav{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:480px;padding:4px}
 .chapter-nav button{font-size:13px;min-height:56px;gap:5px;padding:8px 3px;white-space:normal;line-height:1.3}
 .nav-number{font-size:10px}.nav-icon{font-size:21px;height:13px;line-height:13px}
 .scene-tools{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));padding:2px}
 .scene-tools button{width:44px;height:44px;font-size:20px}
 .scene-hint{left:16px;right:auto;bottom:calc(97px + env(safe-area-inset-bottom));transform:none;font-size:12px;max-width:calc(100% - 174px);line-height:1.4;padding:5px 9px;text-align:center}
 body:not([data-chapter=home]) .chapter-zone{left:12px;right:12px;bottom:calc(148px + env(safe-area-inset-bottom));max-width:480px;top:auto;margin-inline:auto}
 .chapter-card{padding:20px;max-height:min(44svh,360px);border-radius:17px;background:#f8f5ee;scrollbar-width:thin}
 .chapter-card h2{font-size:29px;line-height:1.2}.chapter-card .eyebrow{font-size:12px;margin-bottom:9px}
 .chapter-card p{font-size:15px;line-height:1.65;margin:12px 0}.chapter-card blockquote{display:none}
 .text-button{font-size:14px;min-height:44px}.moment-card h3{font-size:17px;margin-top:15px}.moment-controls{padding-top:10px}
 .moment-controls button{width:44px;height:44px}.moment-controls span{font-size:12px}
 .journal-list{margin-top:13px}.journal-list button{padding:12px 0;min-height:52px}.journal-list strong{font-size:14px}.journal-list button span{font-size:11px}
 .hotspot{display:none}
 .load-note{bottom:150px;font-size:13px}.dialog-inner{padding:48px 24px 25px}.dialog-inner h2{font-size:30px}
 .scene-shade{background:linear-gradient(180deg,rgba(247,244,236,.65),transparent 100px,transparent calc(100% - 100px),rgba(19,32,25,.13))}
 .evening .scene-shade{background:linear-gradient(180deg,rgba(19,33,27,.55),transparent 110px,transparent calc(100% - 100px),rgba(15,26,21,.22))}
 .evening .home-copy,.evening .home-copy .intro,.evening .home-copy .eyebrow,.evening .home-copy em{color:#173d30}
}
@media(max-width:360px){.site-header{padding:13px 12px 0}.brand{font-size:21px;gap:6px}.brand small{font-size:10px}.contact-link{font-size:12px;padding:8px 10px}.chapter-zone{top:95px;left:16px;right:16px}.home-copy{max-width:53%}.home-copy h1{font-size:40px}.home-copy .intro{font-size:14px}.primary-button{font-size:13px;padding-inline:13px;gap:12px}.chapter-nav button{font-size:12px}.chapter-card{padding:17px}.chapter-card p{font-size:15px}.scene-hint{font-size:11px;left:12px}.scene-tools{right:12px}.dialog-inner{padding-inline:20px}}
@media(max-height:660px) and (max-width:700px){.chapter-zone{top:87px}.home-copy .eyebrow{margin-bottom:6px}.home-copy h1{font-size:38px}.home-copy .intro{margin:10px 0 12px}.chapter-card{max-height:calc(100svh - 237px)}.chapter-card h2{font-size:25px}.chapter-card .eyebrow{margin-bottom:6px}.chapter-card p{margin:9px 0;line-height:1.55}.moment-card h3{margin-top:12px;font-size:16px}.scene-hint{display:none}.hotspot{font-size:12px}}
@media(max-height:600px) and (min-width:701px){.site-header{padding:14px 24px}.chapter-zone{top:92px;left:24px;max-width:36vw}.home-copy .eyebrow{margin-bottom:8px}.home-copy h1{font-size:45px}.home-copy .intro{margin:12px 0;font-size:15px}.primary-button{min-height:44px;font-size:14px;padding:10px 18px}.chapter-card{max-height:calc(100svh - 190px);padding:20px}.chapter-card h2{font-size:27px}.chapter-card .eyebrow{margin-bottom:10px}.chapter-card p{font-size:15px}.chapter-card blockquote{display:none}.scene-tools{right:16px;bottom:22px}.chapter-nav{bottom:15px}.chapter-nav button{font-size:13px;padding:12px}.scene-hint{display:none}.studio-credit{display:none}}
@media(max-height:480px) and (min-width:701px){.chapter-zone{top:82px}.home-copy .eyebrow{font-size:12px;margin-bottom:4px}.home-copy h1{font-size:38px;line-height:1}.home-copy .intro{font-size:14px;line-height:1.5;margin:8px 0}.hotspot{display:none}}

/* 5.0 — a native scroll journey, with photographic portraits and live 3D details. */
html{scroll-behavior:auto}body{overflow-x:clip}
.journey{height:480svh;position:relative}
.experience{position:sticky;top:0;height:100svh;min-height:0;--story-progress:0;--copy-opacity:1;--copy-shift:0px;--detail-reveal:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.portrait-scene{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:#e6dfd0;--portrait-scale:1}
.portrait-scene picture,.portrait-scene img{display:block;width:100%;height:100%}
.portrait-scene img,.portrait-scene video{object-fit:cover;object-position:65% 50%;transform:scale(var(--portrait-scale));transform-origin:70% 43%;will-change:transform}
.portrait-scene video{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.portrait-scene.video-ready video{opacity:1}.portrait-scene.video-ready img{opacity:0}
.world-fallback img{width:100%;height:100%;object-fit:cover}
#photographic-canvas{position:absolute;inset:0;opacity:0;transition:opacity .45s;pointer-events:none}
#photographic-canvas canvas{display:block;width:100%;height:100%;opacity:1}
.photographic-ready #photographic-canvas{opacity:1}
.brand{background:#f8f5eee8;padding:6px 10px;border-radius:12px}
.scene-tools button[aria-pressed=true]{background:#d7e2d6}
.portrait-visible #world-canvas{pointer-events:none}
.scene-shade{z-index:2;background:linear-gradient(180deg,#f5f1e54d,transparent 105px,transparent calc(100% - 90px),#23382d20)}
.hotspot{display:none!important}
.chapter{animation:none;opacity:var(--copy-opacity);transform:translateY(var(--copy-shift));transition:none}
.chapter:focus-within{opacity:1}
.journey-idle .chapter{transition:opacity .3s,transform .3s}
.chapter>*,.home-copy>*,.chapter-card>*{position:relative}
.chapter-card{border:1px solid #e4e3d7;box-shadow:0 14px 42px #162c2017;border-radius:3px 26px 3px 26px;background:#fbf8f0}
.chapter-card h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;line-height:1.2}
.chapter-card .eyebrow{letter-spacing:.025em}
.home-copy .eyebrow{font-size:13px;line-height:1.6}.home-copy h1{font-size:clamp(60px,6.2vw,94px);font-weight:600;line-height:1.02;letter-spacing:-.045em}
.home-copy .intro{font-size:18px;line-height:1.7;margin:24px 0;color:#26463a}
.primary-button{box-shadow:none}.primary-button span{font-size:21px}
.scene-hint.scroll-invitation{display:flex;align-items:center;gap:9px;justify-content:center;min-height:44px;font-size:13px;padding:9px 15px;background:#284d41;color:#fff;border:1px solid #fff5;white-space:normal;letter-spacing:0;bottom:105px;max-width:260px}
.scroll-arrow{font-size:20px;line-height:1;animation:scroll-cue 2.5s ease-in-out infinite}
@keyframes scroll-cue{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.journey-meter{position:absolute;z-index:4;left:35px;top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-direction:column;gap:12px;font-size:11px;direction:ltr;color:#2c4a3d}
.journey-track{height:108px;width:2px;background:#234a3830;overflow:hidden}.journey-track i{display:block;width:100%;height:100%;background:#274f47;transform:scaleY(var(--story-progress));transform-origin:top}
.chapter-zone{left:7.5%;top:22%;max-width:31vw;width:370px}
.site-header{padding:26px 42px}.brand{font-weight:500}.brand small{font-weight:400}
.chapter-nav{bottom:max(22px,env(safe-area-inset-bottom));box-shadow:0 8px 24px #17291c17}
.scene-tools{bottom:33px}.scene-tools button{width:44px;height:44px}
.load-note{z-index:7}.portrait-visible .load-note{display:none}
.evening .portrait-scene{filter:brightness(.80)}
.evening.portrait-visible .home-copy,.evening.portrait-visible .home-copy .intro,.evening.portrait-visible .home-copy em,.evening.portrait-visible .home-copy .eyebrow{color:#173c2d}
.evening.portrait-visible .brand{color:#173c2d}.evening.portrait-visible .primary-button{color:#fff;background:#274f47}
body:has(dialog[open]){overflow:hidden}
@media(min-width:701px){body[data-chapter=about] .chapter-zone{top:auto;bottom:145px}.chapter-card{max-height:calc(100svh - 235px)}.chapter-card blockquote{font-size:23px}.studio-credit{font-size:11px}}
@media(min-width:701px) and (max-width:1050px){.chapter-zone{left:7%;width:330px;max-width:36vw}.journey-meter{left:20px}.scene-tools{bottom:103px;right:20px}.home-copy h1{font-size:60px}.scene-hint.scroll-invitation{left:auto;right:170px;transform:none;bottom:105px}.chapter-card{padding:23px}}
@media(max-width:700px){
 .journey{height:460svh}
 .site-header{padding:16px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
 .brand{font-size:23px}.brand small{font-size:11px}.contact-link{font-size:13px;padding:8px 11px}
 .portrait-scene img,.portrait-scene video{object-position:58% 50%;transform-origin:64% 49%}
 .chapter-zone{left:20px;right:20px;top:110px;width:auto;max-width:none}
 .home-copy{max-width:56%;margin-right:auto;text-align:right}
 .home-copy .eyebrow{font-size:12px;line-height:1.5;margin-bottom:11px}
 .home-copy h1{font-size:clamp(42px,12vw,57px);line-height:1.03}
 .home-copy .intro{font-size:15px;line-height:1.55;margin:15px 0}
 .primary-button{font-size:14px;min-height:46px;padding:10px 16px}
 .chapter-nav{bottom:max(12px,env(safe-area-inset-bottom));max-width:480px}
 .chapter-nav button{font-size:13px;min-height:56px}
 .scene-tools{right:16px;bottom:calc(89px + env(safe-area-inset-bottom))}
 .scene-hint.scroll-invitation{display:flex;bottom:calc(91px + env(safe-area-inset-bottom));left:12px;right:auto;transform:none;max-width:calc(100% - 220px);font-size:12px;line-height:1.3;padding:8px 9px;gap:7px;border-radius:12px;min-height:44px}
 .journey-meter{top:88px;left:20px;right:20px;transform:none;flex-direction:row;gap:8px;font-size:10px;opacity:.8}
 .journey-track{height:2px;width:64px}.journey-track i{transform:scaleX(var(--story-progress));transform-origin:left}
 body:not([data-chapter=home]) .chapter-zone{left:12px;right:12px;bottom:calc(150px + env(safe-area-inset-bottom));top:auto;max-width:480px;margin-inline:auto}
 .chapter-card{padding:19px;border-radius:3px 21px 3px 21px;max-height:min(44svh,350px)}
 .chapter-card h2{font-size:29px}.chapter-card p{font-size:15px;line-height:1.65}.chapter-card blockquote{display:none}
 .moment-card h3{font-size:17px}.journal-list strong{font-size:14px}.text-button{font-size:14px}
 .evening .scene-hint{color:#fff}
}
@media(max-width:360px){.site-header{padding:13px 12px 0}.brand{font-size:21px}.brand small{font-size:10px}.contact-link{font-size:12px}.chapter-zone{left:16px;right:16px;top:106px}.home-copy{max-width:56%}.home-copy h1{font-size:42px}.home-copy .intro{font-size:14px}.primary-button{font-size:13px;padding-inline:13px}.chapter-nav button{font-size:12px}.scene-tools{right:12px}.scene-hint.scroll-invitation{font-size:11px;max-width:calc(100% - 165px)}.chapter-card{padding:17px}.journey-meter{top:81px;left:16px;right:16px}}
@media(max-height:660px) and (max-width:700px){.chapter-zone{top:95px}.home-copy h1{font-size:36px}.home-copy .eyebrow{margin-bottom:5px}.home-copy .intro{margin:9px 0}.home-copy .primary-button{min-height:44px}.chapter-card{max-height:calc(100svh - 240px)}.chapter-card h2{font-size:25px}.chapter-card p{line-height:1.55;margin:9px 0}.journey-meter{top:78px}.scene-hint.scroll-invitation{display:flex}.portrait-scene img{object-position:58% 55%}}
@media(max-height:600px) and (min-width:701px){.site-header{padding:14px 24px}.chapter-zone{top:82px;left:7%;max-width:32vw}.home-copy .eyebrow{font-size:12px;margin-bottom:5px}.home-copy h1{font-size:38px;line-height:1}.home-copy .intro{font-size:14px;line-height:1.5;margin:8px 0}.primary-button{min-height:44px;font-size:14px;padding:10px 18px}.chapter-card{max-height:calc(100svh - 175px);padding:19px}.chapter-card h2{font-size:26px}.chapter-card .eyebrow{margin-bottom:9px}.chapter-card p{font-size:15px}.chapter-card blockquote{display:none}body[data-chapter=about] .chapter-zone{top:82px;bottom:auto}.scene-tools{bottom:22px;right:16px}.chapter-nav{bottom:15px}.chapter-nav button{font-size:13px;padding:12px}.scene-hint.scroll-invitation{display:none}.journey-meter{left:19px}.journey-track{height:70px}}
@media(prefers-reduced-motion:reduce){.portrait-scene img,.portrait-scene video{will-change:auto}.chapter{opacity:1;transform:none}}
@media(max-width:360px){.scene-hint.scroll-invitation{max-width:calc(100% - 212px);font-size:11px;padding-inline:7px;gap:4px}}
@media(min-width:701px) and (max-width:780px) and (max-height:600px){.scene-tools{bottom:88px}}