:root{--bg:#081016;--ink:#eef0ec;--accent:#a8b9c8;--display:"Chakra Petch",system-ui,sans-serif;--sans:"DM Sans",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:10px 14px;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px}.scroll-progress span{display:block;height:100%;width:0;background:#e8e6dc}.site-header{height:72px;padding:0 clamp(24px,5vw,72px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:65px;position:absolute;inset:0 0 auto;z-index:50}.monogram{font-family:var(--display);font-size:28px}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a{color:#bdc4c9;transition:color .2s}.site-header nav a:hover{color:white}.menu-button,.mobile-nav{display:none}.hero{min-height:720px;height:100svh;max-height:960px;position:relative;display:flex;align-items:center;padding:110px clamp(24px,5vw,72px) 70px;border-bottom:1px solid rgba(255,255,255,.12);overflow:hidden;background:radial-gradient(circle at 65% 45%,#15222b 0,transparent 37%),linear-gradient(100deg,#091219,#050b10)}.hero-copy{width:min(620px,54vw);position:relative;z-index:5}.eyebrow{font:400 12px var(--mono);letter-spacing:.18em;color:var(--accent);margin:0 0 19px}.hero h1{font:400 clamp(50px,5.25vw,82px)/1.06 var(--display);letter-spacing:.005em;margin:0 0 16px}.hero h1 em{font-weight:400}.lead{max-width:590px;color:#bdc5cb;font-size:18px;line-height:1.55;margin:0}.actions{display:flex;gap:13px;margin-top:27px}.button{min-width:170px;border:1px solid #43505a;border-radius:5px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;transition:.25s}.button:hover{border-color:#dfe1dd;transform:translateY(-2px)}.button-light{background:#eeece6;color:#0b1014;border-color:#eeece6}.terminal{font:300 12px var(--mono);color:#8997a1;margin-top:35px}.terminal span{color:#b7c6d2}.terminal b{display:inline-block;width:6px;height:14px;background:#d8dede;margin-left:7px;vertical-align:-2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.wonderland{position:absolute;right:0;top:0;width:55%;height:100%;overflow:hidden}.section{position:relative;padding:90px clamp(24px,5vw,72px);border-bottom:1px solid rgba(255,255,255,.1)}.featured{display:grid;grid-template-columns:36px minmax(280px,.63fr) minmax(460px,1.22fr);gap:30px;background:radial-gradient(circle at 67% 60%,#152029,transparent 42%),#091219}.section-index{font:20px var(--display);color:#8ea1b1;margin-top:17px}.project-copy{padding-top:0}.project-copy h2{font:400 clamp(55px,6vw,82px)/1 var(--display);margin:5px 0 11px}.subtitle{font-size:16px!important;color:#d7dce0!important;padding-bottom:16px;border-bottom:1px solid #35434d}.project-copy>p{color:#aab5bc;line-height:1.55;font-size:15px;max-width:470px}.tags{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:26px 0}.tags li,.vertical-tags li{background:#131e26;border:1px solid #22313b;border-radius:5px;padding:7px 12px;font-size:12px;color:#c4ccd1}.project-shot{margin:7px 0 0;border:1px solid #52606a;border-radius:8px;overflow:hidden;background:#0c1217;box-shadow:0 30px 80px #0008;align-self:center}.window-bar{height:42px;border-bottom:1px solid #27333c;display:flex;align-items:center;padding:0 14px;gap:7px;font:10px var(--mono);letter-spacing:.2em;color:#93a0a8}.window-bar span{width:6px;height:6px;border-radius:50%;background:#b8584c}.window-bar span:nth-child(2){background:#b39b50}.window-bar span:nth-child(3){background:#4d9f70}.window-bar b{margin-left:8px}.project-shot img{display:block;width:100%;max-height:520px;object-fit:cover;object-position:top}.other-projects{padding-top:52px;background:linear-gradient(180deg,#081118,#0a1319)}.section-heading,.list-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30404a;padding-bottom:14px;margin-bottom:24px}.section-heading .eyebrow{margin:0}.list-title small{font-size:12px;font-style:italic;color:#8996a0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.project-card{position:relative;border:1px solid #30404a;border-radius:7px;padding:18px;background:#0d171e;transition:.25s}.project-card:hover{transform:translateY(-4px);border-color:#60707c}.card-heading{display:flex;gap:18px;margin-bottom:14px}.card-heading>span{font:36px var(--display);color:#91a5b7}.card-heading h3{font:400 21px var(--display);margin:0 0 4px}.card-heading p{margin:0;color:#b9c1c7;font-size:13px}.card-media{display:grid;grid-template-columns:1fr 85px;gap:13px;align-items:start}.card-media img{display:block;width:100%;height:220px;object-fit:cover;object-position:top;border-radius:5px}.vertical-tags{list-style:none;margin:7px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.vertical-tags li{padding:7px 9px}.two-column{display:grid;grid-template-columns:1fr 1fr}.two-column .section:first-child{border-right:1px solid rgba(255,255,255,.1)}.compact{padding-top:55px;padding-bottom:65px}.list-title h2{font:400 27px var(--display);margin:0}.list-title h2 span{font:16px var(--sans);margin-right:10px}.list-row{min-height:62px;border-bottom:1px solid #29363f;display:grid;grid-template-columns:3px 1fr auto;gap:15px;align-items:center;padding:10px 4px 10px 0}.list-row>i{height:37px;background:#92a7b7}.list-row span{display:flex;flex-direction:column;gap:5px}.list-row b,.timeline b{font-weight:500;font-size:14px}.list-row small,.timeline small{color:#9ca8b0;font-size:12px}.list-row strong{font-weight:300}.timeline{display:grid;grid-template-columns:87px 12px 1fr;gap:13px;min-height:108px}.timeline time{font-size:12px;color:#a5b0b7}.timeline>i{position:relative;width:1px;background:#687985}.timeline>i:before{content:"";width:8px;height:8px;border-radius:50%;background:#9aabba;position:absolute;left:-4px}.timeline div{display:flex;flex-direction:column;gap:5px}.contact{position:relative;overflow:hidden;display:flex;align-items:center}.contact-copy{z-index:4}.contact h2{font:400 46px var(--display);margin:0 0 7px}.contact-copy>p:not(.eyebrow){color:#b7c0c6;margin:0}.socials{display:flex;gap:25px;margin-top:27px}.socials a{width:27px;height:27px;border:1px solid #65727b;border-radius:50%;display:grid;place-items:center;font:11px var(--mono);transition:.2s}.socials a:hover{background:#e6e6df;color:#071016}footer{height:60px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#050a0d;color:#687680;font:10px var(--mono);letter-spacing:.08em}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.terminal b{animation:none}.scroll-progress{display:none}}@media(max-width:900px){.site-header{grid-template-columns:auto 1fr auto;padding:0 22px}.site-header nav{display:none}.menu-button{display:flex;margin-left:auto;background:none;border:0;width:40px;height:40px;flex-direction:column;justify-content:center;gap:6px}.menu-button span:not(.sr-only){display:block;width:22px;height:1px;background:white;transition:.2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:flex;position:fixed;inset:72px 0 auto;background:#071016f7;border-bottom:1px solid #33414b;padding:25px;flex-direction:column;gap:22px;transform:translateY(-130%);transition:.3s}.mobile-nav.open{transform:none}.hero{height:auto;min-height:760px;align-items:flex-start;padding-top:135px}.hero-copy{width:100%}.hero h1{font-size:clamp(44px,12vw,68px)}.lead{max-width:500px}.wonderland{width:100%;height:48%;top:auto;bottom:0;opacity:.58}.featured{grid-template-columns:28px 1fr;padding-top:70px}.project-shot{grid-column:1/-1}.project-grid,.two-column{grid-template-columns:1fr}.two-column .section:first-child{border-right:0}}@media(max-width:560px){.hero{min-height:720px}.hero h1 br{display:none}.actions{flex-direction:column;align-items:flex-start}.button{width:210px}.terminal{font-size:10px}.section{padding-left:20px;padding-right:20px}.featured{grid-template-columns:1fr}.section-index{display:none}.project-copy h2{font-size:56px}.project-shot img{height:300px;object-fit:cover;object-position:top right}.section-heading span{display:none}.card-media{grid-template-columns:1fr}.card-media img{height:190px}.vertical-tags{flex-direction:row;flex-wrap:wrap}.project-grid{gap:17px}.contact-copy{align-self:flex-start;margin-top:25px}.keyhole-scene{inset:0 0 0 38%}}