@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:light;--ink:#17313d;--cream:#f4f0e9;--gold:#dca45e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}.topbar{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:2rem clamp(1.3rem,5vw,5.5rem);color:white}.brand{text-decoration:none;color:inherit;font-size:1.16rem;font-weight:700;letter-spacing:.3em}.brand-dot{color:#f5be6d}.topbar-place,.eyebrow,.scene-index,.scroll-cue,.ending-mark{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.topbar-place{letter-spacing:.12em}.story{height:240vh}.sticky-scene{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;color:#fff;background:#384b48;isolation:isolate}.landscape{position:absolute;inset:-2%;background-image:url('assets/seetal-concept.png');background-repeat:no-repeat;background-size:200% 200%;transform:scale(1.03);will-change:transform,opacity}.landscape-one{background-position:left top}.landscape-two{background-position:right top;opacity:0}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,29,37,.52),rgba(9,29,37,.12) 65%),linear-gradient(0deg,rgba(8,28,37,.42),transparent 35%)}.scene-copy{position:absolute;z-index:2;left:clamp(1.3rem,9vw,11rem);bottom:clamp(8rem,18vh,15rem);max-width:48rem}.eyebrow{margin:0 0 1.8rem;color:#ffe0aa}h1,h2{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.065em;font-weight:500;line-height:1.06}h1{font-size:clamp(3.3rem,7.8vw,8.7rem);margin:0;text-wrap:balance}.hero-sub{font-size:clamp(.95rem,1.4vw,1.2rem);line-height:1.6;margin:2rem 0 0}.scroll-cue{position:absolute;bottom:2.4rem;left:clamp(1.3rem,5vw,5.5rem);display:flex;gap:1.1rem;align-items:center}.scroll-cue span{font-size:1.4rem;line-height:1}.scene-index{position:absolute;right:clamp(1.3rem,5vw,5.5rem);bottom:2.5rem}.ending{min-height:94svh;display:grid;place-items:center;background:#e9e8dc;padding:8rem 1.5rem;position:relative;overflow:hidden}.ending:before{content:"";position:absolute;width:min(55vw,46rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e8bd80 0%,rgba(232,189,128,.18) 49%,transparent 70%);right:-15%;top:-30%;opacity:.55}.ending-inner{position:relative;width:min(100%,1000px)}.ending-rule{display:block;width:3.5rem;height:2px;background:var(--gold);margin-bottom:2.5rem}.ending .eyebrow{color:#946f42}h2{font-size:clamp(3rem,7.5vw,7.7rem);margin:0}.ending-text{font-size:clamp(1.05rem,1.7vw,1.35rem);margin:2rem 0 6rem;line-height:1.6}.ending-mark{opacity:.55}.ending-mark span{color:#a57b45}footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem clamp(1.3rem,5vw,5.5rem);background:#172f3d;color:#e4e5df;font-size:.8rem;letter-spacing:.08em}@media(max-width:700px){.topbar{padding:1.5rem 1.25rem}.topbar-place{font-size:.64rem}.story{height:175vh}.sticky-scene{min-height:0}.landscape{inset:-1%;background-size:400% 200%;background-position:10% top}.landscape-two{background-position:92% top}.scene-shade{background:linear-gradient(0deg,rgba(8,28,37,.68) 0%,rgba(8,28,37,.12) 72%)}.scene-copy{left:1.35rem;right:1.35rem;bottom:19vh}.eyebrow{font-size:.68rem;margin-bottom:1.3rem}h1{font-size:clamp(3rem,12vw,5rem)}.hero-sub{margin-top:1.4rem;max-width:20rem}.scroll-cue{bottom:1.7rem;left:1.35rem;font-size:.65rem}.scene-index{display:none}.ending{min-height:75svh;padding:7rem 1.35rem}.ending-text{margin-bottom:4rem}footer{padding:1.7rem 1.35rem;font-size:.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landscape{will-change:auto;transform:none!important}.landscape-two{opacity:0!important}.scene-copy{opacity:1!important;transform:none!important}}