@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--night:#10251f;--night-soft:#27443b;--paper:#f3f0e5;--paper-deep:#e5e7d9;--ink:#18342c;--ink-soft:#587068;--line:#18342c2e;--lime:#c6d86c;--yellow:#f4c76d;--blue:#91c9d0;--display:"Playfair Display", Georgia, serif;--sans:"Manrope", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}body,button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site{isolation:isolate;min-height:100vh;position:relative;overflow:clip}.site:before{content:"";z-index:50;opacity:.08;pointer-events:none;mix-blend-mode:soft-light;background-image:radial-gradient(#fffc .55px,#0000 .55px);background-size:5px 5px;position:fixed;inset:0}.site-header{z-index:30;color:#fff8e7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10251fc7;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;width:100%;height:84px;padding:0 clamp(20px,5vw,78px);display:flex;position:fixed;top:0;left:0}.brand{font-family:var(--mono);letter-spacing:.18em;align-items:center;gap:11px;font-size:10px;font-weight:500;line-height:1.2;display:flex}.mark{fill:none;stroke:currentColor;stroke-width:2px;width:38px;height:38px}.mark path:first-of-type{fill:var(--lime);stroke:none}.mark circle:last-of-type{fill:var(--night);stroke:none}.main-nav{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:clamp(24px,4vw,52px);margin-left:auto;margin-right:2rem;font-size:10px;display:flex}.main-nav a{padding:9px 0;position:relative}.main-nav a:after{content:"";background:var(--lime);transform-origin:100%;width:100%;height:1px;transition:transform .35s;position:absolute;bottom:1px;left:0;transform:scaleX(0)}.main-nav a:hover:after,.main-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.menu-toggle{width:42px;height:42px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:50%;place-items:center;padding:0;display:none}.menu-toggle svg{width:17px}.story{color:#fff8e7;background:var(--night);height:400svh;min-height:2400px;position:relative;overflow:clip}.scene-viewport{z-index:0;width:100%;height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}.scene-image{z-index:0;opacity:0;filter:saturate(.96)contrast(1.02);will-change:transform, opacity;background-position:50%;background-size:cover;transition:opacity 1.15s cubic-bezier(.22,.61,.36,1);position:absolute;inset:-3%}.scene-image.is-active{opacity:1}.scene-glow{z-index:1;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 78% 38%,#f4c76d38,#0000 34%),linear-gradient(110deg,#7eb6b321,#0000 45%);position:absolute;inset:0}.scene-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0a1b18e8 0%,#0a1b18ba 31%,#0a1b1845 60%,#0a1b1814 100%),linear-gradient(#0000 68%,#0a1b188f);position:absolute;inset:0}.scene-caption{z-index:3;color:#fff8e7d1;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;gap:26px;font-size:9px;display:flex;position:absolute;bottom:32px;right:clamp(24px,5vw,78px)}.scene-caption span:last-child{color:var(--lime)}.story-steps{z-index:4;position:absolute;inset:0}.story-step{opacity:0;pointer-events:none;align-items:center;min-height:100svh;padding:9rem clamp(24px,9vw,152px) 6rem;transition:opacity .7s,transform .7s;display:flex;transform:translateY(22px)}.story-step.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.story-copy{width:min(710px,62vw)}.scene-kicker,.eyebrow{font-family:var(--mono);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 1.5rem;font-size:10px;font-weight:500;line-height:1.5;display:flex}.kicker-dot,.eyebrow-dot{border:1px solid var(--lime);background:var(--yellow);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #f4c76d2e}.story h1{max-width:760px;font:500 clamp(3.6rem, 7vw, 8.4rem)/.92 var(--display);letter-spacing:-.065em;margin:0 0 1.8rem}em{color:var(--lime);font-style:italic}.story-lede{color:#fff8e7c7;max-width:560px;margin:0;font-size:clamp(1rem,1.28vw,1.18rem);line-height:1.8}.story-actions{align-items:center;gap:24px;margin-top:2.15rem;display:flex}.button{min-height:50px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid;justify-content:center;align-items:center;gap:13px;padding:0 19px;font-size:10px;transition:transform .3s,box-shadow .3s,background .3s,color .3s;display:inline-flex}.button svg,.story-link svg,.quest>svg{width:16px;height:16px}.button:hover,.button:focus-visible{box-shadow:5px 5px 0 var(--lime);transform:translateY(-3px)}.button-light{color:var(--night);background:#fff8e7;border-color:#fff8e7}.button-dark{border-color:var(--night);color:var(--paper);background:var(--night)}.story-link{color:#fff8e7;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:inline-flex}.story-link:hover,.story-link:focus-visible{color:var(--lime)}.chapter-note{color:var(--lime);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #fff8e780;margin-top:2rem;padding-bottom:8px;font-size:10px;display:inline-block}.story-progress{z-index:20;color:#fff8e7;mix-blend-mode:difference;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:50%;right:clamp(18px,3vw,46px);transform:translateY(-50%)}.story-progress-label{writing-mode:vertical-rl;color:#fff8e7c7;font-family:var(--mono);letter-spacing:.18em;margin-bottom:8px;font-size:8px;transform:rotate(180deg)}.story-progress-line{pointer-events:none;background:#fff8e752;width:1px;height:137px;position:absolute;top:68px}.story-progress-line span{background:var(--lime);width:1px;transition:height .45s;display:block}.story-dot{border:1px solid var(--lime);cursor:pointer;background:0 0;border-radius:50%;width:9px;height:9px;padding:0;transition:transform .25s,background .25s}.story-dot:hover,.story-dot:focus-visible,.story-dot.is-active{background:var(--yellow);transform:scale(1.6)}.story-count{color:#fff8e7bf;font-family:var(--mono);letter-spacing:.12em;margin-top:8px;font-size:9px}.work,.side-quests,.about{z-index:2;background:var(--paper);position:relative}.work{padding:clamp(88px,12vw,170px) clamp(24px,8vw,128px) 150px}.section-heading{justify-content:space-between;align-items:end;gap:60px;max-width:1240px;margin:0 auto 68px;display:flex}.section-heading .eyebrow,.side-quests .eyebrow,.about .eyebrow,.contact .eyebrow{color:var(--ink-soft)}.section-heading h2,.side-quests h2,.about h2,.contact h2{font:500 clamp(3.4rem, 7vw, 7.8rem)/.92 var(--display);letter-spacing:-.065em;margin:0}.section-heading h2 em,.side-quests h2 em,.about h2 em,.contact h2 em{color:var(--night-soft)}.section-heading>p{max-width:330px;color:var(--ink-soft);margin:0 0 8px;font-size:15px;line-height:1.75}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 34px;max-width:1240px;margin:0 auto;display:grid}.project-card{border-top:1px solid var(--line);grid-template-columns:minmax(130px,.72fr) minmax(0,1fr);min-height:290px;padding-top:20px;display:grid}.project-card:nth-child(3),.project-card:nth-child(4),.project-card:nth-child(5){margin-top:30px}.project-image-wrap{background:var(--paper-deep);min-height:250px;position:relative;overflow:hidden}.project-image-wrap:after{content:"";pointer-events:none;border:1px solid #18342c1a;position:absolute;inset:0}.project-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.project-card:hover .project-image-wrap img{transform:scale(1.05)}.project-number{z-index:1;color:var(--paper);background:var(--night);font-family:var(--mono);padding:4px 7px;font-size:9px;position:absolute;top:12px;left:12px}.project-copy{padding:6px 0 0 24px}.project-meta{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.13em;align-items:center;gap:8px;font-size:9px;line-height:1.4;display:flex}.project-meta svg{width:15px;height:15px;color:var(--night-soft)}.project-copy h3{font:500 clamp(1.7rem, 2.4vw, 2.7rem)/1 var(--display);letter-spacing:-.04em;margin:23px 0 11px}.project-copy p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.75}.tag-list{flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line);color:var(--ink-soft);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;padding:6px 8px;font-size:8px}.side-quests{border-top:1px solid var(--line);grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:clamp(40px,10vw,160px);padding:140px clamp(24px,12vw,190px);display:grid}.side-quests h2{font-size:clamp(3.2rem,6vw,6.7rem)}.quest-list{border-top:1px solid var(--line)}.quest{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr 17px;align-items:center;gap:16px;min-height:84px;display:grid}.quest>span{color:var(--ink-soft);font-family:var(--mono);font-size:10px}.quest h3{margin:0 0 5px;font-size:15px;font-weight:600}.quest p{color:var(--ink-soft);margin:0;font-size:12px}.quest>svg{color:var(--ink-soft)}.about{background:var(--paper-deep);grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(48px,11vw,170px);padding:150px clamp(24px,12vw,190px);display:grid}.about-portrait{max-width:390px;position:relative}.about-portrait img{aspect-ratio:3/4;object-fit:cover;filter:saturate(.8);width:100%}.about-portrait span{color:var(--paper);background:var(--night);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:8px 10px;font-size:9px;position:absolute;bottom:21px;right:-38px;transform:rotate(-7deg)}.about h2{font-size:clamp(3.2rem,6.3vw,7rem)}.about-copy>p:not(.eyebrow){max-width:560px;color:var(--ink-soft);margin:30px 0 0;font-size:15px;line-height:1.85}.about-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:25px;max-width:580px;margin-top:54px;padding-top:20px;display:grid}.about-facts strong{font:500 30px/1 var(--display);margin-bottom:8px;display:block}.about-facts span{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:9px;line-height:1.5}.contact{z-index:2;text-align:center;background:var(--blue);flex-direction:column;justify-content:center;align-items:center;min-height:90svh;padding:120px 24px;display:flex;position:relative;overflow:hidden}.contact-sky{z-index:-1;opacity:.28;mix-blend-mode:multiply;background:url(/story/distant-sky.jpg) 50%/cover;position:absolute;inset:0}.contact h2{max-width:940px}.contact>p:not(.eyebrow){max-width:520px;color:var(--night-soft);margin:28px 0 0;font-size:16px;line-height:1.75}.contact .button{margin-top:30px}.contact .eyebrow{justify-content:center}footer{z-index:3;border-top:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-family:var(--mono);letter-spacing:.12em;justify-content:space-between;gap:30px;padding:28px clamp(20px,5vw,78px);font-size:9px;display:flex;position:relative}footer>div{flex-wrap:wrap;gap:20px;display:flex}footer a{align-items:center;gap:6px;display:inline-flex}footer a:hover,footer a:focus-visible{color:var(--night-soft)}footer svg{width:13px;height:13px}@media (width<=900px){.story-copy{width:min(670px,78vw)}.story h1{font-size:clamp(3.4rem,8vw,6.7rem)}.story-step{padding-inline:8vw}.project-card{grid-template-columns:minmax(120px,.75fr) minmax(0,1fr)}.side-quests,.about{padding-inline:8vw}}@media (width<=680px){html{scroll-padding-top:72px}.site-header{height:72px}.main-nav{background:#10251ff7;border:1px solid #ffffff4d;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 20px;display:none;position:absolute;top:72px;left:15px;right:15px;box-shadow:7px 8px #0a1b1840}.main-nav.is-open{display:flex}.main-nav a{border-bottom:1px solid #ffffff29;padding:16px 0}.main-nav a:last-child{border-bottom:0}.menu-toggle{display:grid}.story-progress{right:14px}.story-progress-label{display:none}.story-progress-line{height:120px;top:38px}.story-count{margin-top:7px}.story{min-height:2200px}.scene-viewport{min-height:100svh}.scene-image{background-position:62%}.scene-shade{background:linear-gradient(#0a1b18b8 0%,#0a1b18a8 40%,#0a1b18e0 100%)}.scene-caption{gap:12px;font-size:8px;bottom:24px;right:24px}.scene-caption span:first-child{display:none}.story-step{align-items:flex-end;padding:8rem 24px 7.5rem}.story-copy{width:calc(100% - 20px)}.scene-kicker{font-size:9px}.story h1{margin-bottom:1.35rem;font-size:clamp(3.25rem,14vw,5.4rem)}.story-lede{font-size:14px;line-height:1.7}.story-actions{flex-direction:column;align-items:flex-start;gap:17px;margin-top:1.7rem}.button{max-width:100%;font-size:9px}.work{padding:88px 24px 100px}.section-heading{margin-bottom:48px;display:block}.section-heading h2,.side-quests h2,.about h2{font-size:clamp(3.2rem,14vw,5.4rem)}.section-heading>p{margin-top:28px;font-size:14px}.project-grid{display:block}.project-card,.project-card:nth-child(3),.project-card:nth-child(4),.project-card:nth-child(5){margin:0 0 62px;padding-top:18px;display:block}.project-image-wrap{min-height:260px;max-height:350px}.project-copy{padding:22px 0 0}.project-copy h3{font-size:2.25rem}.side-quests{padding:90px 24px;display:block}.quest-list{margin-top:44px}.quest{grid-template-columns:28px 1fr 17px;gap:10px;min-height:94px}.quest h3{font-size:14px}.quest p{font-size:11px;line-height:1.5}.about{padding:96px 24px;display:block}.about-portrait{width:76%;margin:0 auto 65px}.about-portrait span{right:-22px}.about-copy>p:not(.eyebrow){font-size:14px}.about-facts{gap:10px;margin-top:40px}.about-facts strong{font-size:25px}.about-facts span{font-size:8px}.contact{min-height:82svh;padding:92px 24px}.contact h2{font-size:clamp(3.25rem,14vw,5.4rem)}.contact>p:not(.eyebrow){font-size:14px}.contact .button{overflow-wrap:anywhere;font-size:8px}footer{flex-direction:column;gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{min-width:320px}body{min-width:320px;min-height:100vh}