@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#0e0b18;--paper:#ede8f0;--lavender:#d8c9ee;--line:rgba(225,215,238,.25);--accent:#c8a9f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.02;letter-spacing:-.04em}p+p{margin-top:1.2em}em{font-weight:400;color:var(--lavender)}.eyebrow{font-family:Manrope,Arial,sans-serif;font-size:12px;letter-spacing:.19em;text-transform:uppercase;line-height:1.6}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:var(--paper);color:var(--ink);z-index:100}.skip:focus{top:15px}.masthead{position:fixed;z-index:30;top:0;left:0;width:100%;padding:25px 5.2%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0e0b18b8,transparent);transition:background .3s}.wordmark{font:16px Georgia,serif;letter-spacing:.25em}.masthead nav{display:flex;gap:35px;align-items:center;font-size:14px}.masthead nav a,.masthead nav button{padding:3px 0;border-bottom:1px solid transparent}.masthead nav a:hover,.masthead nav button:hover{border-color:var(--lavender)}.hero{height:100svh;min-height:760px;position:relative;overflow:hidden}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;inset:0}.hero-image{object-fit:cover;object-position:center;animation:hero-drift 22s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(11,7,23,.87),rgba(11,7,23,.3) 65%),linear-gradient(0deg,#0e0b18 0%,transparent 35%,#0e0b1850)}.hero-content{position:absolute;top:19%;left:7%;width:60%;z-index:2}.hero-content .eyebrow{margin-bottom:25px;color:var(--lavender)}h1{font-size:clamp(90px,10vw,155px);line-height:.91;letter-spacing:-.06em;color:var(--lavender)}h1 span{display:block}.outline{color:transparent;-webkit-text-stroke:1px var(--lavender)}.intro-copy{margin-top:27px;max-width:420px;font-size:17px;color:#e6dfe9}.enter{display:flex;align-items:center;gap:24px;margin-top:25px;width:fit-content;font-size:14px}.circle-mark{width:49px;height:49px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:27px;transition:transform .3s,border-color .3s}.enter:hover .circle-mark{transform:rotate(90deg);border-color:var(--lavender)}.hero-side{position:absolute;right:5%;top:40%;writing-mode:vertical-rl;display:flex;gap:35px;font-size:11px;letter-spacing:.18em;color:#e7dcedaa}.hero-credit{position:absolute;right:5%;bottom:110px;font-size:11px;color:#f0e5f0a0;max-width:320px;text-align:right}.scroll-hint{position:absolute;bottom:100px;left:7%;font-size:12px;letter-spacing:.05em;display:flex;align-items:center;gap:22px}.scroll-hint span{animation:hint 2s ease infinite}.interlude{padding:140px 12%;max-width:1400px}.interlude .eyebrow{color:var(--accent);margin-bottom:35px}.interlude h2{font-size:clamp(36px,4.8vw,70px)}.interlude>p:last-child{max-width:480px;margin:35px 0 0 auto;color:#c2bbc9}.project{position:relative;min-height:180vh}.scene{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden}.scene>img{width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080711ad,transparent 85%),linear-gradient(0deg,#0e0b18a0,transparent 60%)}.scene-title{position:absolute;top:20%;left:7%;width:80%;text-shadow:0 2px 30px #0007}.scene-title h2{font-size:clamp(64px,7.5vw,115px);margin:20px 0 25px}.scene-title>p:last-child{font-size:14px}.scene-credit{position:absolute;left:7%;bottom:100px;font-size:11px;color:#fff9}.story-wrap{position:relative;z-index:2;margin-top:-12vh;padding:0 7% 130px;display:flex;justify-content:flex-end}.story-card{background:rgba(16,12,26,.96);backdrop-filter:blur(15px);padding:50px;max-width:610px;width:100%;border:1px solid var(--line);box-shadow:0 30px 90px #0003}.story-card>.eyebrow{color:var(--accent)}.story-card h3{font-size:43px;margin:22px 0 30px}.story-card p{font-size:16px;color:#cec8d5;line-height:1.85}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0;padding:5px 0}.facts div{padding:14px 0;display:grid;grid-template-columns:115px 1fr;gap:18px}.facts dt{font-size:12px;color:#a99eaf}.facts dd{font-size:14px;margin:0;line-height:1.6}.story-actions{display:flex;flex-wrap:wrap;gap:25px;margin-top:28px}.text-link{font-size:14px;border-bottom:1px solid var(--accent);padding:0 0 5px;display:inline-block}.text-link:hover{color:var(--accent)}details{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}summary{font-size:13px;cursor:pointer;color:#d7c9e0}details p{margin-top:16px;font-size:13px!important}details a{text-decoration:underline;text-underline-offset:4px}.project-city .scene-shade{background:linear-gradient(90deg,#091b29b8,transparent 95%),linear-gradient(0deg,#0e0b1880,transparent 50%)}.project-land .scene-shade{background:linear-gradient(90deg,#13261ed1,transparent 90%),linear-gradient(0deg,#0e0b1880,transparent)}.project-air .scene-shade{background:linear-gradient(90deg,#101d32b8,transparent 95%),linear-gradient(0deg,#0e0b1880,transparent)}.project-land .scene>img{object-position:center}.about{padding:150px 8%;display:grid;grid-template-columns:.9fr 1fr;gap:9%;background:#eae5ec;color:#24212b;position:relative}.about-photo{align-self:start;position:sticky;top:100px}.about-photo img{width:100%;max-height:680px;object-fit:cover;display:block}.photo-label{display:block;font-size:12px;margin-top:14px;color:#655b6c}.about-copy h2{font-size:clamp(39px,4vw,60px);margin:25px 0 35px}.about-copy em{color:#796087}.about-copy>p{font-size:17px;margin-top:22px;color:#544b5a}.about-copy .eyebrow{color:#796087}.career{margin-top:55px;border-top:1px solid #bbb0c3;padding-top:25px}.career>div{display:grid;grid-template-columns:95px 1fr;border-bottom:1px solid #ccc2d0;padding:16px 0;gap:15px}.career span{font-size:12px;color:#796087}.career p{font-size:14px;line-height:1.6}.contact{padding:140px 8% 100px;background:radial-gradient(ellipse at 80% 20%,#2b1c39,transparent 65%)}.contact h2{font-size:clamp(60px,8vw,120px);margin:30px 0 45px}.contact-mail{font-size:clamp(20px,3vw,38px);display:block;width:fit-content;margin-bottom:25px;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);margin-top:100px;padding-top:25px;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:12px;color:#b1a6bd}footer .text-link{font-size:12px}.chapter-rail{position:fixed;z-index:25;bottom:0;left:0;width:100%;padding:22px 7% 20px;background:linear-gradient(transparent,#0e0b18f5 30%);display:flex;gap:45px;align-items:center}.chapter-rail a{font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:4px 0 9px;border-bottom:2px solid transparent;white-space:nowrap;color:#aaa0b5;transition:color .3s,border-color .3s}.chapter-rail a span{font-size:10px;margin-right:12px}.chapter-rail a.active{color:var(--lavender);border-color:var(--accent)}.rail-progress{flex:1;height:1px;background:var(--line);margin-left:25px}.rail-progress i{display:block;background:var(--accent);height:2px;width:0}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}dialog{position:fixed;border:1px solid var(--line);background:#100d1b;color:var(--paper);padding:65px 6%;max-width:1000px;width:90%;max-height:90svh;overflow:auto}dialog::backdrop{background:#05030bd9;backdrop-filter:blur(12px)}dialog h2{font-size:clamp(36px,5vw,65px);margin:20px 0 35px}.close{position:absolute;right:25px;top:18px;font-size:14px;padding:8px}.index-links a{display:grid;grid-template-columns:40px 1fr 1fr;align-items:center;border-top:1px solid var(--line);padding:20px 0;gap:20px}.index-links strong{font:32px Georgia,serif;font-weight:400}.index-links span,.index-links small{font-size:12px;color:#ae9fb9}.index-links a:hover{color:var(--accent)}.gallery-dialog{max-width:1250px;padding:60px 30px 25px}.gallery-dialog figure{margin:0}.gallery-dialog img{width:100%;height:65svh;object-fit:contain;display:block}.gallery-dialog figcaption{font-size:13px;margin-top:15px;text-align:center}.gallery-controls{display:flex;gap:25px;justify-content:center;align-items:center;margin-top:20px;font-size:13px}.gallery-controls button{border:1px solid var(--line);padding:5px 15px}.sound-dialog{max-width:720px}.sound-dialog p{font-size:16px;margin-bottom:25px}.sound-dialog iframe{width:100%;height:166px;border:0}.sound-dialog small{font-size:12px;color:#b9a9c7}.credits-dialog ul{padding-left:20px}.credits-dialog li{margin-bottom:20px;font-size:15px}.credits-dialog p{font-size:15px;color:#bbb0c9}.credits-dialog a{text-decoration:underline}.no-js .reveal{opacity:1;transform:none}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes hint{0%,100%{transform:translateY(-3px);opacity:.4}50%{transform:translateY(6px);opacity:1}}
@media(min-width:1500px){.hero-content{top:16%}.hero{min-height:850px}}@media(max-width:800px){.masthead{padding:23px 6%}.wordmark{font-size:12px;letter-spacing:.19em}.masthead nav{gap:18px;font-size:12px}.hero{min-height:740px}.hero-content{top:21%;left:8%;width:82%}h1{font-size:clamp(80px,16vw,125px)}.hero-shade{background:linear-gradient(90deg,#0e0b18bb,#0e0b1844),linear-gradient(0deg,#0e0b18,transparent 60%)}.hero-side{display:none}.hero-credit{bottom:125px;right:8%;font-size:10px;max-width:210px}.scroll-hint{bottom:120px;left:8%}.interlude{padding:95px 8%}.interlude>p:last-child{margin-left:0}.project{min-height:0}.scene{position:relative;height:75svh;min-height:510px}.scene-title{left:8%;top:24%}.scene-title h2{font-size:clamp(49px,9vw,75px)}.scene-credit{bottom:45px;left:8%;max-width:80%}.story-wrap{margin-top:-30px;padding:0 5% 65px}.story-card{max-width:none;padding:32px 26px}.story-card h3{font-size:35px}.facts div{grid-template-columns:90px 1fr}.about{padding:90px 8%;display:block}.about-photo{position:relative;top:auto;max-width:420px;margin:0 auto 55px}.about-photo img{max-height:480px}.about-copy h2{font-size:44px}.contact{padding:95px 8% 130px}footer{flex-direction:column;align-items:flex-start;margin-top:65px;gap:15px}.chapter-rail{padding:15px 5% 12px;gap:0;justify-content:space-between}.chapter-rail a{font-size:9px;letter-spacing:.04em}.chapter-rail a span{display:block;margin:0 0 2px;font-size:9px}.rail-progress{display:none}.index-links a{grid-template-columns:25px 1fr;gap:12px}.index-links small{grid-column:2}.index-links strong{font-size:28px}dialog{padding:65px 25px 35px;width:94%}.gallery-dialog{padding:60px 15px 25px}.gallery-dialog img{height:50svh}.intro-copy{max-width:330px;font-size:16px}.hero-content .eyebrow{font-size:10px}.contact-mail{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

@media(min-width:801px) and (max-height:850px){.hero{min-height:650px}.hero-content{top:16%}h1{font-size:min(9vw,16svh)}.hero-content .eyebrow{margin-bottom:18px}.intro-copy{margin-top:22px}.enter{margin-top:18px}.hero-credit{bottom:95px}.scroll-hint{bottom:90px;left:7%;right:auto}}

@media(min-width:801px) and (prefers-reduced-motion:no-preference){.scene>img{transform:scale(calc(1.045 + var(--scene-travel,0)*.035));will-change:transform}.scene-title{transform:translateY(calc(var(--scene-travel,0)*-50px));opacity:calc(1 - var(--scene-travel,0)*.6);will-change:transform,opacity}.gallery-dialog img{animation:gallery-enter .45s ease both}}@keyframes gallery-enter{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.gallery-dialog img{cursor:grab;user-select:none}.gallery-dialog img:active{cursor:grabbing}.gallery-controls button:disabled{opacity:.35;cursor:default}html:has(dialog[open]){overflow:hidden}