*{box-sizing:border-box}html{scroll-behavior:smooth;background:#141411}body{margin:0;color:#f4f1e8;font-family:'DM Sans',sans-serif}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #d8e8ac;outline-offset:5px}#stage{position:fixed;inset:0;overflow:hidden;z-index:-1;background:#141411}.world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% 35%;opacity:0;will-change:transform,opacity}#workImage{opacity:1}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#10120fe6 0%,#10120f9c 32%,#10120f13 65%),linear-gradient(0deg,#10120fcc,transparent 25%,transparent 75%,#10120f90)}#passage{position:absolute;top:0;bottom:0;width:45vw;background:linear-gradient(90deg,transparent,#151512 40%,#151512 60%,transparent);transform:translateX(-100%);pointer-events:none}header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:27px 4vw}.brand{font:800 30px Manrope,sans-serif;letter-spacing:-1.7px}.brand span{font-weight:400}.brand sup{font:9px sans-serif;letter-spacing:0;margin-left:6px}.personal{font-size:9px;letter-spacing:2px;color:#f4f1e899}#journalBtn{background:#14141130;border:1px solid #ffffff40;border-radius:30px;padding:12px 20px;font-size:11px}#journalBtn span{margin-left:22px}.chapters{position:fixed;top:125px;left:4vw;display:flex;gap:25px;z-index:5}.chapters a{font-size:11px;opacity:.5;transition:opacity .2s;padding-bottom:12px;border-bottom:1px solid transparent}.chapters small{font-size:8px;margin-right:7px}.chapters a[aria-current]{opacity:1;border-color:#d8e8ac}.chapters a:hover{opacity:1}section{height:210vh;position:relative;scroll-margin-top:0}.copy{position:sticky;top:30vh;margin-left:7vw;max-width:650px;opacity:0;transform:translateY(20px);will-change:opacity,transform}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#d8e8ac}h1,h2{font:500 clamp(48px,5.9vw,98px)/1.04 Manrope,sans-serif;letter-spacing:-.055em;margin:27px 0}h1 em,h2 em{font-style:normal;color:#d8e8ac}.copy p{font-size:13px;line-height:1.85;color:#e3e0d1b0;margin:25px 0 28px}.action{background:#d8e8ac;color:#1a2111;border:none;border-radius:30px;padding:15px 22px;font-size:11px;font-weight:600}.action span{margin-left:25px}.caption{font-size:8px;letter-spacing:2px;opacity:.45;margin-top:35px}footer{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:30px;padding:26px 4vw;background:linear-gradient(0deg,#10120fbb,transparent)}.scroll-cue{font-size:8px;letter-spacing:1.8px;display:flex;align-items:center;gap:12px;white-space:nowrap}.scroll-cue>span:first-child{font-size:20px}.track{height:1px;background:#ffffff35;flex:1;overflow:hidden}#bar{height:100%;background:#d8e8ac;width:0}#chapterCount{font-size:10px;letter-spacing:2px}.copy.is-current{pointer-events:auto}dialog{width:min(580px,92vw);max-height:88dvh;overflow:auto;color:#f4f1e8;background:#181b16;border:1px solid #ffffff30;border-radius:20px;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top button{background:none;border:0;font-size:28px}dialog h2{font-size:42px;margin:15px 0 25px}.tabs{display:flex;border-bottom:1px solid #ffffff25;margin-bottom:25px;gap:12px}.tabs button{padding:10px 8px;background:none;border:0;border-bottom:2px solid transparent;opacity:.5;font-size:12px}.tabs button[aria-selected=true]{opacity:1;border-color:#d8e8ac}form label{display:block;font-size:12px;margin:12px 0}textarea,input{width:100%;color:#f4f1e8;background:#0d100d;border:1px solid #ffffff25;padding:14px;border-radius:8px}textarea{resize:vertical}form .action{margin-top:18px}.storage-note,#savedStatus{font-size:11px;color:#b8bcae;line-height:1.6}.entry{border-top:1px solid #ffffff1a;padding:15px 0;font-size:12px;line-height:1.6;white-space:pre-wrap}.entry time{display:block;color:#909887;font-size:10px;margin-bottom:5px}body:has(dialog[open]){overflow:hidden}
@media(max-width:700px){header{padding:20px}.brand{font-size:26px}.personal{display:none}#journalBtn{padding:10px 15px}.chapters{left:20px;right:20px;top:91px;justify-content:space-between;gap:5px}.chapters a{font-size:10px}.chapters small{display:none}.copy{margin-left:23px;margin-right:20px;top:33vh;max-width:90vw}h1,h2{font-size:clamp(38px,9vw,62px);margin:23px 0}.copy p{font-size:12px;max-width:310px}.shade{background:linear-gradient(90deg,#10120fd9,#10120f55),linear-gradient(0deg,#10120f,transparent 50%)}.world{object-position:66% 30%}footer{padding:22px 20px;gap:15px}.scroll-cue{font-size:7px;letter-spacing:.7px}.caption{font-size:7px;letter-spacing:1.2px}.track{min-width:20px}section{height:190vh}dialog{padding:23px}.tabs{gap:5px}.tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world,.copy{will-change:auto}}
html{scroll-behavior:auto}section{height:115vh}section:last-child{height:170vh}.copy{top:31vh}h1,h2{font-size:clamp(43px,5.2vw,85px)}.world{backface-visibility:hidden;will-change:transform,opacity,filter}.step-controls{display:flex;gap:8px}.step-controls button{width:34px;height:34px;border-radius:50%;border:1px solid #ffffff40;background:#10120f44;font-size:15px}.step-controls button:disabled{opacity:.25;cursor:default}.scene-name{font-size:8px;letter-spacing:1.2px;color:#d8e8ac;min-width:105px}.scroll-cue{letter-spacing:1px;font-size:8px}footer{gap:20px}.copy p{margin-top:22px}.chapters{gap:23px}@media(max-width:700px){section{height:115vh}section:last-child{height:160vh}.copy{top:31vh}h1,h2{font-size:clamp(35px,9vw,54px)}footer{flex-wrap:wrap;gap:10px;padding:15px 20px}.scene-name{margin-left:auto;text-align:right}.track{order:5;flex-basis:85%}#chapterCount{order:6;margin-left:auto}.scroll-cue{font-size:6px;letter-spacing:.3px}.step-controls button{width:30px;height:30px}.scene-name{font-size:7px;min-width:0}.caption{margin-top:24px}}
@media(max-width:700px){.world[data-scene="0"]{object-position:72% 30%}.world[data-scene="2"]{object-position:83% 30%}.world[data-scene="4"]{object-position:77% 30%}.world[data-scene="6"]{object-position:76% 30%}.world[data-scene="9"]{object-position:75% 30%}}
.world{transform-origin:67% 28%}
.copy{position:fixed;left:0;width:min(650px,86vw)}
@media(max-width:700px){.copy{width:calc(100vw - 46px)}}
.entry-link{margin-left:auto;margin-right:24px;font-size:11px;color:#d8e8ac;border-bottom:1px solid #d8e8ac60;padding:6px 0}header .personal{position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:800px){header .personal{display:none}.entry-link{margin-right:14px;font-size:10px}}@media(max-width:400px){#journalBtn{font-size:9px;padding:10px 12px}#journalBtn span{margin-left:8px}.entry-link{font-size:9px}}
/* Camera edition: short image handoff, continuous framing, direct scene navigation. */
#stage{isolation:isolate;--exposure:1}#stage::after{content:'';position:absolute;inset:0;background:#060806;opacity:calc(1 - var(--exposure));pointer-events:none;z-index:4}.world{visibility:hidden;will-change:auto;transform-origin:67% 28%;filter:none!important}.shade{z-index:3}.copy{top:29vh;max-width:680px}.copy h1,.copy h2{font-size:clamp(43px,5.05vw,82px);line-height:1.08;letter-spacing:-.055em}.copy h1 em,.copy h2 em{display:inline-block}.copy p{max-width:420px;line-height:1.9}.copy .eyebrow{position:relative;padding-left:30px;font-size:9px}.copy .eyebrow::before{content:'';position:absolute;width:17px;height:1px;left:0;top:50%;background:#d8e8ac}.copy .caption{font-size:8px;letter-spacing:2px}.copy .action{transition:background .2s,transform .2s}.copy .action:hover{background:#e8f4c5;transform:translateY(-2px)}.copy .action:active{transform:translateY(0)}header{background:linear-gradient(#10120f75,transparent)}.chapters a{position:relative;transition:opacity .2s,color .2s}.chapters a[aria-current]{border-color:transparent;color:#d8e8ac}.chapters a[aria-current]::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#d8e8ac}#sceneRail{position:fixed;z-index:5;bottom:90px;left:4vw;display:flex;gap:9px;align-items:center}#sceneRail button{position:relative;width:30px;height:30px;border:0;background:none;color:#eeeede5c;font-size:8px;padding:0;transition:color .2s,transform .2s}#sceneRail button::after{content:'';position:absolute;bottom:0;left:8px;right:8px;height:1px;background:#eeeede35;transition:background .2s,left .2s,right .2s}#sceneRail button:hover{color:#f4f1e8;transform:translateY(-2px)}#sceneRail button.selected{color:#d8e8ac}#sceneRail button.selected::after{background:#d8e8ac;left:0;right:0}.cinema-tools{position:fixed;bottom:90px;right:4vw;z-index:5;display:flex;gap:8px;align-items:center}.cinema-tools button{border:1px solid #ffffff25;background:#10120f65;color:#d6dcca;font-size:10px;padding:10px 14px;border-radius:25px;backdrop-filter:blur(10px)}.cinema-tools button:hover,.cinema-tools button[aria-pressed=true]{border-color:#d8e8ac;color:#d8e8ac}.cinema-tools button span{margin-left:12px;color:#d8e8ac}#fullScreenBtn{font-size:20px;padding:3px 13px}.step-controls button{transition:background .2s,border-color .2s}.step-controls button:hover:not(:disabled){background:#d8e8ac22;border-color:#d8e8ac}footer{background:linear-gradient(0deg,#10120fe6,transparent);padding-top:30px}.scene-name{letter-spacing:1.5px}.immersive .copy,.immersive .chapters{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.immersive .shade{background:linear-gradient(0deg,#10120faa,transparent 30%,transparent 85%,#10120f77)}#sceneExplorer{width:min(1050px,94vw);padding:30px;max-height:90dvh}.explorer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.explorer-head h2{font-size:29px;letter-spacing:-1px;margin:15px 0 25px;line-height:1.2}.explorer-head>button{background:none;border:0;font-size:27px;padding:0 0 15px 15px}#sceneGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scene-tile{padding:0;background:#0c100a;border:1px solid #ffffff20;color:#e6e9df;overflow:hidden;border-radius:9px;text-align:left}.scene-tile img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;transition:transform .3s}.scene-tile span{display:block;font-size:8px;letter-spacing:1px;padding:13px 12px}.scene-tile:hover{border-color:#d8e8ac80}.scene-tile:hover img{transform:scale(1.035)}.scene-tile.selected{border-color:#d8e8ac}.explorer-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff15;margin-top:22px;padding-top:15px;color:#9ba98d;font-size:10px}.explorer-settings label{display:flex;align-items:center;gap:9px;margin:0;font-size:10px}.explorer-settings input{width:15px;height:15px;margin:0;accent-color:#d8e8ac}.explorer-settings>span{font-size:9px}
@media(max-width:900px){#sceneRail{gap:5px}#sceneRail button{width:24px}.cinema-tools button{font-size:9px;padding:9px 11px}.copy h1,.copy h2{font-size:clamp(40px,5.3vw,68px)}}
@media(max-width:700px){.copy{top:27vh}.copy h1,.copy h2{font-size:clamp(34px,8.7vw,54px);line-height:1.12}.copy p{font-size:11px;margin-top:20px;line-height:1.9}.copy .eyebrow{font-size:8px;padding-left:25px}.copy .action{font-size:10px;padding:14px 19px}.copy .caption{font-size:6px;letter-spacing:1px;margin-top:23px}#sceneRail{left:19px;right:19px;bottom:109px;justify-content:space-between;gap:2px}#sceneRail button{width:24px;height:26px;font-size:7px}.cinema-tools{right:20px;bottom:155px;gap:6px}.cinema-tools button{font-size:8px;padding:8px 11px}.cinema-tools button span{margin-left:5px}#fullScreenBtn{font-size:16px;padding:3px 10px}footer{min-height:90px;padding:15px 20px}.scene-name{font-size:6px;letter-spacing:.7px}#sceneGrid{grid-template-columns:repeat(2,1fr);gap:9px}#sceneExplorer{padding:20px}.explorer-head h2{font-size:23px}.explorer-settings{align-items:flex-start;flex-direction:column;gap:15px}.scene-tile span{font-size:7px;padding:10px 8px}}
@media(max-height:650px) and (min-width:701px){.copy{top:27vh}.copy h1,.copy h2{font-size:48px;margin:18px 0}.copy p{font-size:11px;margin:15px 0}.copy .caption{display:none}.chapters{top:95px}#sceneRail,.cinema-tools{bottom:76px}}
@media(prefers-reduced-motion:reduce){.copy,.world{will-change:auto!important}.scene-tile img,.copy .action{transition:none}}

/* Continuous camera sequence: fixed geometry, no image fades or pointer distortion. */
#burstStage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none}#stage{background:#101410}#stage .shade{background:linear-gradient(90deg,rgba(4,9,7,.60),transparent 65%),linear-gradient(0deg,rgba(3,8,5,.65),transparent 25%)}.frame-label{position:fixed;right:4vw;bottom:110px;z-index:4;font:10px monospace;letter-spacing:.12em;color:#e0e5ce}.frame-label output{margin-left:10px}.immersive .shade{opacity:0}.immersive .frame-label{opacity:.5}@media(max-width:700px){#burstStage{object-fit:contain}.copy{top:18vh!important}.copy h1,.copy h2{font-size:clamp(30px,8vw,45px)}.frame-label{bottom:155px}}

.frame-label{bottom:auto;top:110px}@media(max-width:700px){.frame-label{top:100px;bottom:auto}}

.burst-download{display:inline-block;color:#d9e9ab;padding:18px 0;text-underline-offset:6px}

body[data-chapter="1"] .copy{top:49vh}.frame-label{background:rgba(12,19,15,.65);padding:9px 12px;border:1px solid #ffffff25;border-radius:4px;color:#edf4d9}@media(max-width:700px){body[data-chapter="1"] .copy{top:18vh!important}}
@media(min-width:701px){#burstStage{object-position:right center}body[data-chapter="1"] .caption{display:none}}

/* Keep the approved full frame visible, including both feet. */
#burstStage{object-fit:contain;object-position:center}
#assetStatus{position:fixed;bottom:90px;right:20px;max-width:260px;z-index:8;font-size:11px;color:#d8e8ac}a.platform-entry{display:inline-block}