@font-face{font-family:Noctua Sans;src:url('/assets/noctua-sans.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Noctua Sans;src:url('/assets/noctua-sans-bold.otf') format('opentype');font-weight:600 900;font-style:normal;font-display:swap}
:root{--carbon:#080a0f;--carbon-soft:#10131b;--porcelain:#f2f0ea;--ink:#141720;--graphite:#535966;--silver:#a7afbd;--cobalt:#6b7cff;--blue-dark:#4b57b9;--line:rgba(20,23,32,.17)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--carbon);color:var(--porcelain);font-family:Noctua Sans,Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
::selection{background:var(--cobalt);color:white}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid var(--cobalt);outline-offset:8px;border-radius:1px}
img,svg{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
.wrap{width:min(100% - 112px,1280px);margin-inline:auto}
.opening{background:var(--carbon);overflow:clip;position:relative}
.header{height:112px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid rgba(242,240,234,.13)}
.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;line-height:1;letter-spacing:-.8px}
.brand-secondary{display:block;font-size:11px;font-weight:400;letter-spacing:3px;margin-top:5px;text-transform:uppercase}
.brand-mark{color:var(--porcelain);flex-shrink:0}
nav{display:flex;align-items:center;gap:36px;font-size:14px;color:#c7cbd5}
nav a{transition:color .2s}
nav a:hover{color:white}
.hero{min-height:667px;position:relative;padding-top:84px;padding-bottom:86px;display:flex;align-items:flex-start}
.hero-copy{position:relative;z-index:1;max-width:760px;width:68%}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;display:flex;align-items:center;gap:12px;color:#b7bdce;margin-bottom:29px}
.tiny-rule{width:21px;height:1px;background:var(--cobalt)}
h1{font-size:clamp(72px,7.45vw,108px);font-weight:400;letter-spacing:-6.7px;line-height:.99;max-width:760px}
.cobalt{color:var(--cobalt)}
.hero-description{font-size:18px;line-height:1.6;max-width:425px;color:#aeb5c4;margin-top:30px}
.text-link{display:inline-flex;align-items:center;gap:32px;font-size:15px;min-height:44px;border-bottom:1px solid rgba(242,240,234,.45);padding-block:10px;transition:border-color .2s,color .2s}
.text-link span[aria-hidden]{font-family:Arial,sans-serif;display:inline-block;transition:transform .2s;color:var(--cobalt)}
.text-link:hover{border-color:var(--cobalt);color:#b4bdff}
.text-link:hover span[aria-hidden]{transform:translate(2px,2px)}
.hero-link{margin-top:27px}
.hero-art{position:absolute;width:720px;height:720px;right:-152px;top:-18px;pointer-events:none;opacity:.96}
.hero-art img{position:relative;width:100%;height:100%;object-fit:contain}
.art-glow{position:absolute;inset:12% 4% 6% 3%;background:radial-gradient(ellipse at 60% 53%,rgba(58,65,168,.14),transparent 64%);filter:blur(30px)}
.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;font-size:12px;color:#8992a4;letter-spacing:.15px}
.light-section{background:var(--porcelain);color:var(--ink)}
.about{padding-block:105px 82px;scroll-margin-top:0}
.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:48px}
.section-label{font-size:12px;text-transform:uppercase;letter-spacing:1.25px;line-height:1.7;display:flex;gap:18px;align-items:baseline}
.section-index{color:#8a8c94;white-space:nowrap;letter-spacing:0}
.about-layout>.section-label{padding-top:10px}
h2{font-size:clamp(36px,4vw,57px);letter-spacing:-2.3px;font-weight:400;line-height:1.09}
.about-body{max-width:750px}
.about-body>p{font-size:19px;line-height:1.6;max-width:650px;color:var(--graphite);margin-top:24px}
.about-body>p+p{margin-top:12px}
.principles{display:flex;gap:30px;color:var(--blue-dark);font-size:13px;margin-top:33px}
.principles span+span{border-left:1px solid #c6c5d0;padding-left:30px}
.work{padding-bottom:105px}
.work-heading{display:flex;align-items:baseline;justify-content:space-between;gap:48px;padding-top:34px;padding-bottom:35px;border-top:1px solid var(--line)}
.work-heading h2{font-size:34px;letter-spacing:-1px;width:calc(66.666% - 16px)}
.project{position:relative;display:grid;grid-template-columns:230px minmax(240px,1fr) 160px;gap:48px;align-items:center;min-height:230px;padding-block:25px;border-top:1px solid var(--line)}
.project:last-child{border-bottom:1px solid var(--line)}
.project-visual{height:160px;width:230px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.project-visual svg{width:210px;height:160px}
.substratum-visual{background:#e7e5df;color:#5261b2}
.piloto-visual{background:#e7e7df;color:#60695b}
.project-category{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#69707d;margin-bottom:10px}
h3{font-size:34px;letter-spacing:-1.1px;line-height:1.2;font-weight:400}
.project-copy>p:last-child{margin-top:13px;color:var(--graphite);font-size:16px;line-height:1.6;max-width:500px}
.project-status{font-size:12px;color:#606673;display:flex;gap:9px;align-items:center;justify-self:end;align-self:start;padding-top:12px;white-space:nowrap}
.project-status span{display:block;width:5px;height:5px;border-radius:50%;background:#7c83a7}
.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:100px;font-size:12px;color:#8e97aa}
.footer-brand{font-size:16px;color:#c6ccd8;letter-spacing:-.3px}
.skip-link{position:fixed;top:-100px;left:24px;background:var(--porcelain);color:var(--ink);z-index:20;padding:12px 20px}
.skip-link:focus{top:20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.has-reveal .hero-copy{animation:enter .75s ease-out both}
.has-reveal .hero-art{animation:art-enter 1.2s ease-out both}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes art-enter{from{opacity:0;transform:translate(14px,9px)}to{opacity:.96;transform:translate(0,0)}}
@media(min-width:1600px){.hero-art{right:-120px}}
@media(max-width:1120px){.wrap{width:calc(100% - 80px)}.hero{min-height:650px;padding-top:80px}.hero-art{width:620px;height:620px;right:-160px;top:0}.hero-copy{width:75%}h1{font-size:87px;letter-spacing:-5px}.hero-description{max-width:360px;font-size:17px}.about-layout{grid-template-columns:1fr 2fr;gap:35px}.project{grid-template-columns:185px 1fr 142px;gap:30px}.project-visual{width:185px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:90px}nav{gap:25px}.hero{min-height:640px;padding-top:68px}.hero-copy{width:100%;max-width:600px}h1{font-size:80px;letter-spacing:-4.8px}.hero-art{right:-240px;top:5px;width:620px;opacity:.65}.hero-description{max-width:355px}.hero-bottom{font-size:11px}.about{padding-block:70px}.about-layout{grid-template-columns:1fr;gap:26px}.about-layout>.section-label{padding:0}.about-body{max-width:620px}.about-body h2{font-size:47px}.about-body>p{font-size:18px}.work{padding-bottom:70px}.work-heading{display:block;padding-top:28px}.work-heading h2{width:100%;margin-top:24px;font-size:32px}.project{grid-template-columns:150px 1fr;gap:26px;padding-block:28px;min-height:230px}.project-visual{width:150px;height:150px}.project-visual svg{width:170px}.project-status{grid-column:2;justify-self:start;padding:0;margin-top:-15px;align-self:auto}.project-copy>p:last-child{font-size:16px}.project h3{font-size:30px}.footer{min-height:100px;gap:20px}.footer>span:nth-child(2){display:none}}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}.header{height:86px}.brand{font-size:21px;gap:8px}.brand-mark{width:30px;height:30px}.brand-secondary{font-size:9px;letter-spacing:2.6px}nav{gap:20px;font-size:13px}nav a{padding-block:12px}.hero{min-height:792px;padding-top:48px;display:block}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:25px;gap:9px}h1{font-size:clamp(53px,11.5vw,66px);letter-spacing:-3.5px;line-height:1.03;position:relative}.hero-description{font-size:16px;line-height:1.65;max-width:340px;margin-top:24px}.hero-link{margin-top:17px;font-size:14px}.hero-art{width:480px;height:480px;top:348px;right:calc(50% - 240px);opacity:.87}.hero-bottom{bottom:21px;font-size:10px;line-height:1.5;display:block;letter-spacing:.1px}.about{padding-block:58px}.section-label{font-size:11px;gap:15px}.about-layout{gap:25px}.about-body h2{font-size:39px;letter-spacing:-1.7px}.about-body>p{font-size:17px;margin-top:23px}.about-body>p+p{margin-top:12px}.principles{font-size:12px;gap:19px;margin-top:27px}.principles span+span{padding-left:19px}.work-heading{padding-top:25px;padding-bottom:27px}.work-heading h2{font-size:31px;letter-spacing:-1.2px;margin-top:21px}.project{grid-template-columns:1fr;gap:0;padding-block:25px 27px;min-height:0}.project-visual{position:absolute;right:0;top:24px;width:87px;height:75px}.project-visual svg{width:100px;height:80px}.project-copy{padding-top:7px}.project-category{font-size:10px;letter-spacing:1.15px;max-width:calc(100% - 100px);margin-bottom:11px}.project h3{font-size:30px;letter-spacing:-1px;padding-right:90px}.project-copy>p:last-child{margin-top:24px;max-width:380px;font-size:16px}.project-status{grid-column:1;margin-top:20px;font-size:11px}.work{padding-bottom:58px}.footer{min-height:90px;font-size:11px}.footer-brand{font-size:14px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}nav{gap:15px;font-size:12px}.brand{font-size:19px}.brand-mark{width:26px}.hero-description{max-width:290px}.hero{min-height:800px}.hero-art{top:365px}.principles{gap:14px}.principles span+span{padding-left:14px}.project h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}