:root{--ink:#eaf7ff;--muted:#9cb8ca;--paper:#071b2c;--surface:#0c263a;--line:rgba(192,229,248,.18);--blue:#a6e7ff;--blue-strong:#4389f5;--sky:#e8f8ff;--navy:#08243c;--mono:"DM Mono",monospace;--display:"Bodoni Moda",Georgia,serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(100% - 64px,1360px);margin:auto}.skip-link{position:fixed;z-index:200;left:16px;top:-60px;background:var(--blue);color:var(--paper);padding:12px 16px;font-weight:700}.skip-link:focus{top:16px}.topbar{height:82px;position:fixed;top:0;inset-inline:0;z-index:20;padding:0 max(32px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.3s}.topbar.scrolled{background:rgba(7,27,44,.82);backdrop-filter:blur(16px);border-color:var(--line)}.mark{font:600 23px/.9 var(--display);letter-spacing:-.075em}.mark span{font:500 9px var(--mono);vertical-align:top;margin-left:4px;color:var(--blue)}.desktop-nav{display:flex;gap:34px;margin-left:100px}.desktop-nav a,.footer-inner p,.footer-inner div a{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);transition:color .2s}.desktop-nav a:hover,.footer-inner a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:16px}.button{display:inline-flex;align-items:center;gap:12px;border-radius:99px;background:var(--blue);color:var(--paper);font:700 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:14px 18px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#e4f8ff}.menu-toggle{display:none;background:none;border:0;color:var(--ink);width:32px;padding:5px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:currentColor;margin:6px 0}.mobile-nav{display:none}.hero{min-height:100svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 14%,#123c57 0,transparent 27%),var(--paper)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(166,231,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(166,231,255,.1) 1px,transparent 1px);background-size:calc((100vw - 64px)/8) calc((100vw - 64px)/8);mask-image:linear-gradient(#000 10%,transparent 80%);opacity:.45}.hero-orbit{position:absolute;border:1px solid rgba(166,231,255,.45);border-radius:50%;pointer-events:none}.orbit-one{width:72vw;height:72vw;right:-25vw;top:-27vw}.orbit-two{width:42vw;height:42vw;right:-3vw;top:2vw;border-color:rgba(67,137,245,.65)}.hero-content{position:relative;padding-bottom:92px}.kicker{font:500 10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--blue)}.hero h1,.section-heading h2,.statement h2,.contact h2{font:600 clamp(61px,10vw,164px)/.77 var(--display);letter-spacing:-.085em}.hero h1{margin-top:28px;max-width:950px}.hero h1 em,.statement em,.contact em{font-style:italic;color:var(--blue)}.hero-bottom{margin-top:55px;display:grid;grid-template-columns:355px 1fr;gap:76px;align-items:end}.hero-bottom p,.section-intro,.statement p,.contact-note{font-size:15px;line-height:1.75;color:var(--muted)}.text-link{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--blue);padding-bottom:10px;width:max-content;color:var(--ink);transition:color .2s}.text-link:hover{color:var(--blue)}.text-link span{margin-left:24px;color:var(--blue)}.hero-index{position:absolute;bottom:26px;right:32px;display:flex;gap:48px;font:10px var(--mono);letter-spacing:.07em;color:var(--muted)}section{padding:150px 0}.work-section{background:var(--sky);color:var(--navy)}.section-heading{display:grid;grid-template-columns:.72fr 1.8fr .78fr;gap:32px;align-items:start}.section-heading .kicker{color:#276286;margin-top:13px}.section-heading h2{font-size:clamp(51px,7.3vw,112px);line-height:.8}.section-intro{color:#41677e;max-width:260px;margin-top:15px}.filters{display:flex;gap:9px;border-bottom:1px solid #b8d5e4;margin:90px 0 30px;padding-bottom:14px}.filter{border:1px solid transparent;background:transparent;border-radius:99px;cursor:pointer;font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#527489;padding:9px 13px;transition:.2s}.filter:hover,.filter.is-active{background:var(--navy);color:var(--blue)}.filter span{font-size:9px;margin-left:5px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:72px 28px}.project-card{cursor:pointer}.project-card[hidden]{display:none}.project-art{height:420px;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 12px 30px rgba(17,76,106,.08);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.project-card:hover .project-art{transform:translateY(-8px);box-shadow:0 24px 40px rgba(17,76,106,.18)}.project-featured{grid-column:span 2}.project-featured .project-art{height:580px}.project-art:before{content:"";position:absolute;z-index:4;left:20px;right:20px;top:18px;height:23px;border-radius:20px;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(7,27,44,.09)}.project-art:after{content:"•••";position:absolute;z-index:5;left:31px;top:16px;letter-spacing:4px;font:500 13px var(--mono);color:#63819b}.project-info{padding-top:18px;display:flex;justify-content:space-between;align-items:start;border-top:1px solid #b8d5e4;margin-top:14px}.project-meta,.project-number{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#527489}.project-info h3{font:600 34px/.95 var(--display);letter-spacing:-.065em;margin-top:9px}.art-west{background:linear-gradient(125deg,#50a4f5,#88d8ff 66%,#d9f5ff);color:#062743}.art-west:before{left:27%;right:5%;top:9%;height:82%;border-radius:0;background:rgba(236,251,255,.89);box-shadow:0 18px 38px rgba(4,45,76,.22)}.art-west:after{left:30%;top:12%;color:#4984a9}.art-word{font:600 clamp(76px,15vw,220px)/.75 var(--display);letter-spacing:-.1em;position:absolute;z-index:6;bottom:15%;left:8%;color:#062b49}.art-star{position:absolute;z-index:7;right:16%;top:25%;font-size:clamp(70px,12vw,190px);color:#f2fbff;line-height:1}.art-tile{position:absolute;z-index:7;right:8%;bottom:11%;font:500 10px/1.35 var(--mono);background:#062b49;color:var(--blue);padding:13px 16px}.art-north{background:#daeef3;color:#10324a}.art-north:before{inset:18% 10% 10% 18%;height:auto;border-radius:0;background:#0c4264;box-shadow:0 15px 30px rgba(21,65,89,.25)}.art-north:after{left:22%;top:21%;color:#b5e8ff}.art-north>span{position:absolute;z-index:6;top:30%;left:27%;font:600 23px var(--display);letter-spacing:-.08em;color:#eafaff}.art-north i{width:260px;height:260px;position:absolute;z-index:5;right:6%;bottom:-8%;border:38px solid #79caf2;border-radius:50%;box-shadow:0 0 0 11px #d8f1fb}.art-north b{position:absolute;z-index:7;bottom:16%;left:8%;font:600 106px/.8 var(--display);letter-spacing:-.14em;color:#2075a6}.art-velocity{background:#08273f;color:#effaff}.art-velocity:before{inset:14% 8% 8% 8%;height:auto;border-radius:0;background:#103d5d;box-shadow:none}.art-velocity:after{left:12%;top:17%;color:#80cfff}.art-velocity>span{z-index:6;font:600 47px/.86 var(--display);letter-spacing:-.09em;position:absolute;top:29%;left:15%}.art-velocity b{z-index:6;font:600 270px/.7 var(--display);color:#a6e7ff;position:absolute;right:11%;bottom:2%}.speed-lines{position:absolute;z-index:6;inset:58% -5% auto -16%;height:68px;background:repeating-linear-gradient(-9deg,transparent 0 10px,#4289f5 10px 15px,transparent 15px 27px);transform:rotate(-5deg)}.art-arc{background:#d8eef7;display:grid;place-items:center}.art-arc:before{inset:14% 10% 9% 10%;height:auto;border-radius:0;background:#0a3d5e;box-shadow:0 14px 26px rgba(12,62,87,.2)}.art-arc:after{left:14%;top:17%;color:#a5dcf6}.arc-browser{z-index:6;height:46%;width:57%;background:transparent;border:0;padding:0;position:relative;color:#a6e7ff}.arc-browser span{display:none}.arc-browser b{font:600 76px/.78 var(--display);letter-spacing:-.1em;position:absolute;bottom:8%;left:0}.arc-browser i{display:block;width:42%;height:24%;background:#a6e7ff;position:absolute;right:-18%;bottom:8%}.filter-empty{font:15px var(--mono);padding:30px 0}.statement{background:var(--surface)}.statement-layout{display:grid;grid-template-columns:.8fr 2fr;gap:36px}.statement h2{font-size:clamp(46px,5.6vw,82px);max-width:850px}.statement h2+p{max-width:570px;margin:38px 0 28px}.contact{background:#9bdbf5;color:#08243c;min-height:680px;display:flex;align-items:center}.contact .kicker{color:#0d4b70}.contact h2{font-size:clamp(58px,8.8vw,134px);margin:30px 0 50px}.contact h2 em{color:#276fe0}.contact-link{font:600 clamp(22px,3vw,42px)/1 var(--display);letter-spacing:-.06em;border-bottom:2px solid #08243c;padding-bottom:13px}.contact-link span{font-size:.65em;margin-left:15px}.contact-note{color:#235674;margin-top:25px}.contact-inner{padding:60px 0}footer{border-top:1px solid var(--line);padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner div{display:flex;gap:24px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media(max-width:720px){.container{width:min(100% - 40px,1360px)}.topbar{height:68px;padding:0 20px}.desktop-nav,.button-small{display:none}.menu-toggle{display:block}.mobile-nav{position:absolute;top:67px;left:0;right:0;padding:12px 20px 22px;background:var(--paper);border-bottom:1px solid var(--line)}.mobile-nav:not(.open){display:none}.mobile-nav a{display:block;padding:13px 0;font:600 14px var(--body);text-transform:uppercase}.hero-content{padding-bottom:82px}.hero h1{font-size:clamp(62px,18vw,98px)}.hero-bottom{grid-template-columns:1fr;gap:30px;margin-top:35px}.hero-index{display:none}.orbit-one{width:110vw;height:110vw;right:-50vw;top:-11vw}.orbit-two{width:75vw;height:75vw;right:-21vw;top:13vw}section{padding:92px 0}.section-heading,.statement-layout{grid-template-columns:1fr;gap:25px}.section-heading .kicker{margin:0}.section-intro{margin:0}.filters{margin:48px 0 22px;overflow:auto;padding-bottom:13px}.filter{white-space:nowrap}.projects-grid{grid-template-columns:1fr;gap:50px}.project-featured{grid-column:span 1}.project-art,.project-featured .project-art{height:325px}.project-art:before{left:14px;right:14px;top:13px}.project-art:after{left:24px;top:10px}.art-west:before{left:14%;right:5%;top:11%;height:81%}.art-word{font-size:76px;bottom:18%;left:7%}.art-star{font-size:100px;right:10%;top:24%}.art-tile{right:6%;bottom:12%;font-size:8px}.art-north b{font-size:90px}.art-velocity>span{font-size:38px}.art-velocity b{font-size:210px}.statement h2{font-size:clamp(46px,12vw,64px)}.contact{min-height:525px}.contact h2{font-size:clamp(57px,15vw,78px)}.footer-inner{align-items:flex-start;flex-wrap:wrap;gap:18px}.footer-inner p{width:100%;order:3}.footer-inner div{gap:15px}.reveal{transform:translateY(15px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-art,.button{transition:none}}