@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#07111f;--paper:#f5f8fb;--blue:#8ed2ff;--deep:#0d2745;--panel:#102d4d;--line:rgba(245,248,251,.24);--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:12px var(--mono)}a{color:inherit;text-decoration:none}.wordmark{display:flex;align-items:center;gap:11px;font-weight:500}.wordmark-mark,.footer-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--blue);color:var(--blue);font:700 10px var(--sans);transform:rotate(45deg)}.nav{display:flex;gap:34px;margin-left:13%}.nav a:hover,.footer-links a:hover,.text-link:hover{color:var(--blue)}.availability{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px rgba(142,210,255,.14)}.arrow{font-size:16px}.section-pad{padding-left:10vw;padding-right:10vw}.hero{min-height:calc(100vh - 86px);padding-top:8vh;padding-bottom:22px;display:flex;flex-direction:column}.hero-kicker,.section-number{font:11px var(--mono);letter-spacing:.04em;color:#aab8c6}.eyebrow-line{display:inline-block;width:44px;border-top:1px solid var(--blue);vertical-align:middle;margin:0 14px 3px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:4vw;align-items:end;flex:1;padding:7vh 0 4vh}.hero h1{font-size:clamp(68px,10vw,166px);line-height:.83;letter-spacing:-.09em;font-weight:500;margin:0}.hero h1 span{color:transparent;-webkit-text-stroke:1.5px var(--paper)}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy{padding-bottom:10px;max-width:320px}.intro{font-size:21px;line-height:1.17;letter-spacing:-.04em;margin:0 0 42px}.hero-meta{font:10px var(--mono);color:#aab8c6;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:14px}.circle-link{display:grid;place-items:center;border:1px solid var(--blue);color:var(--blue);width:63px;height:63px;border-radius:50%;text-decoration:none;font-size:27px;margin-top:38px;transition:.25s}.circle-link:hover{background:var(--blue);color:var(--ink);transform:rotate(45deg)}.hero-bottom{font:10px var(--mono);color:#7f93a8;display:flex;justify-content:space-between}.scroll-label{color:var(--blue)}.marquee{background:var(--blue);color:var(--ink);overflow:hidden;white-space:nowrap;padding:19px 0;font-weight:600;font-size:24px;letter-spacing:-.06em}.marquee-track{width:max-content;animation:move 32s linear infinite}.marquee b{font-size:18px;margin:0 21px}@keyframes move{to{transform:translateX(-50%)}}.work{padding-top:150px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-heading h2,.about h2{font-size:clamp(50px,7vw,102px);line-height:.88;letter-spacing:-.08em;font-weight:500;margin:26px 0 0}.section-heading h2 span,.about h2 span{color:#6f8ba6}.section-aside{font:11px var(--mono);line-height:1.45;color:#aab8c6;max-width:220px;margin:0 0 4px}.project-list{display:grid;grid-template-columns:1.55fr 1fr;gap:5.5vw 3vw}.project{display:block}.project-featured{grid-row:span 2}.project-image{height:32vw;min-height:280px;position:relative;overflow:hidden}.project-featured .project-image{height:53vw;max-height:700px}.image-terracotta{background:#174d83}.image-blue{background:#c9e6f7;color:var(--ink)}.image-lime{background:var(--deep);color:var(--paper)}.project-image:after{content:'';position:absolute;inset:15px;border:1px solid rgba(245,248,251,.38)}.project-stamp{position:absolute;top:31px;left:31px;font:10px var(--mono);z-index:1}.image-caption{position:absolute;bottom:31px;left:31px;font:10px var(--mono);z-index:1}.orbit{position:absolute;border:1px solid var(--blue);border-radius:50%;width:80%;height:47%;left:12%;top:30%;transform:rotate(-31deg)}.orbit-two{transform:rotate(48deg);left:4%;top:28%;width:90%;height:50%}.image-terracotta:before{content:'open\A questions';white-space:pre;position:absolute;left:15%;top:23%;font-size:clamp(60px,10vw,150px);font-weight:600;line-height:.75;letter-spacing:-.1em;z-index:1}.blue-card{position:absolute;inset:20% 15%;background:var(--paper);color:var(--ink);padding:22px;font-size:clamp(22px,3vw,45px);line-height:.8;letter-spacing:-.08em;z-index:1;transform:rotate(8deg);box-shadow:15px 15px 0 rgba(7,17,31,.18)}.blue-card strong{font-size:1.5em}.blue-card i{position:absolute;right:15%;bottom:15%;font-style:normal;font-size:30px}.lime-type{position:absolute;left:13%;top:20%;font-size:clamp(42px,5vw,80px);line-height:.85;letter-spacing:-.1em;font-weight:600;z-index:1}.lime-shape{position:absolute;width:36%;height:36%;border:1px solid var(--blue);border-radius:50%;right:13%;bottom:19%}.project-info{display:flex;justify-content:space-between;align-items:start;padding:17px 0 0;border-top:1px solid var(--line)}.project-info h3{font-weight:500;font-size:22px;letter-spacing:-.05em;margin:0 0 4px}.project-info p{font:10px var(--mono);color:#8da4bb;margin:0}.project-arrow{font-size:24px;color:var(--blue);transition:.2s}.project:hover .project-arrow{transform:translate(5px,-5px)}.project-note{display:flex;gap:22px;align-items:center;margin-top:70px;margin-left:48%;font:10px var(--mono);color:#8da4bb;line-height:1.5}.note-symbol,.about-symbol{color:var(--blue);font-size:37px}.notes{background:var(--panel);padding-top:125px;padding-bottom:145px}.notes-heading{margin-bottom:45px}.text-link{font:11px var(--mono);border-bottom:1px solid var(--blue);padding-bottom:7px}.text-link span{color:var(--blue);font-size:16px;margin-left:12px}.note-row{display:grid;grid-template-columns:150px 1fr 30px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}.note-row:last-child{border-bottom:1px solid var(--line)}.note-date,.note-arrow{font:10px var(--mono);color:#8da4bb}.note-title{font-size:clamp(20px,3vw,37px);letter-spacing:-.06em}.note-arrow{color:var(--blue);font-size:20px}.note-row:hover .note-title{color:var(--blue)}.about{display:grid;grid-template-columns:1fr 2.5fr;gap:4vw;padding-top:140px;padding-bottom:160px}.about-symbol{padding-top:4px}.about-content{max-width:860px}.about h2{font-size:clamp(47px,7vw,100px);margin-bottom:42px}.about-content p{font-size:clamp(20px,2.4vw,32px);line-height:1.1;letter-spacing:-.05em;max-width:600px;margin:0 0 42px}.site-footer{padding-top:27px;padding-bottom:32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);color:#8da4bb}.site-footer>div:first-child{display:flex;align-items:center;gap:12px;line-height:1.4}.footer-mark{width:30px;height:30px}.footer-links{display:flex;gap:28px}.back-top a{color:#8da4bb}.back-top a:hover{color:var(--blue)}
@media(max-width:700px){.site-header{height:74px;padding:0 6vw}.nav{gap:15px;margin:0}.availability{display:none}.section-pad{padding-left:6vw;padding-right:6vw}.hero{min-height:calc(100vh - 74px);padding-top:45px}.hero-grid{display:block;padding:13vh 0 8vh}.hero h1{font-size:clamp(62px,18vw,110px)}.hero-copy{margin-top:65px}.hero-bottom{font-size:9px}.scroll-label{display:none}.work{padding-top:90px;padding-bottom:80px}.section-heading{display:block;margin-bottom:45px}.section-aside{margin-top:30px}.project-list{display:block}.project{margin-bottom:55px}.project-featured .project-image{height:115vw}.project-image{height:90vw}.project-note{margin:35px 0 0}.notes{padding-top:85px;padding-bottom:95px}.notes-heading .text-link{display:inline-block;margin-top:30px}.note-row{grid-template-columns:80px 1fr 20px;gap:10px}.note-title{font-size:21px}.about{display:block;padding-top:90px;padding-bottom:100px}.about-symbol{margin-bottom:50px}.site-footer{align-items:start;gap:20px;flex-wrap:wrap}.footer-links{order:3;width:100%}.back-top{margin-left:auto}}
@media(max-width:700px){.site-header{height:74px;padding:0 6vw}.nav{gap:15px;margin:0}.availability{display:none}.section-pad{padding-left:6vw;padding-right:6vw}.hero{min-height:calc(100vh - 74px);padding-top:45px}.hero-grid{display:block;padding:13vh 0 8vh}.hero h1{font-size:clamp(62px,18vw,110px)}.hero-copy{margin-top:65px}.hero-bottom{font-size:9px}.scroll-label{display:none}.work{padding-top:90px;padding-bottom:80px}.section-heading{display:block;margin-bottom:45px}.section-aside{margin-top:30px}.project-list{display:block}.project{margin-bottom:55px}.project-featured .project-image{height:115vw}.project-image{height:90vw}.project-note{margin:35px 0 0}.notes{padding-top:85px;padding-bottom:95px}.notes-heading .text-link{display:inline-block;margin-top:30px}.note-row{grid-template-columns:80px 1fr 20px;gap:10px}.note-title{font-size:21px}.about{display:block;padding-top:90px;padding-bottom:100px}.about-symbol{margin-bottom:50px}.site-footer{align-items:start;gap:20px;flex-wrap:wrap}.footer-links{order:3;width:100%}.back-top{margin-left:auto}}