@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-9507442d1d40.woff2) format('woff2');
  unicode-range: U+20-49, U+4b-50, U+52-56, U+59-5b, U+5d, U+60-7b, U+7d, U+b7, U+c2, U+c4, U+c7, U+ca-cb, U+ce-cf, U+d4, U+d6, U+db-dc, U+e2, U+e4, U+e7, U+ea-eb, U+ee-ef, U+f4, U+f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e85, U+1e87, U+1e8b, U+1e8d-1e91, U+1e97, U+2014, U+2161, U+2193, U+2197, U+229e, U+2302, U+25a4, U+25b7;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-5e1ae36adc77.woff2) format('woff2');
  unicode-range: U+20-49, U+4b-50, U+52-56, U+59-5b, U+5d, U+60-7b, U+7d, U+b7, U+c2, U+c4, U+c7, U+ca-cb, U+ce-cf, U+d4, U+d6, U+db-dc, U+e2, U+e4, U+e7, U+ea-eb, U+ee-ef, U+f4, U+f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e85, U+1e87, U+1e8b, U+1e8d-1e91, U+1e97, U+2014, U+2161, U+2193, U+2197, U+229e, U+2302, U+25a4, U+25b7;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-d59f0871d405.woff2) format('woff2');
  unicode-range: U+20-49, U+4b-50, U+52-56, U+59-5b, U+5d, U+60-7b, U+7d, U+b7, U+c2, U+c4, U+c7, U+ca-cb, U+ce-cf, U+d4, U+d6, U+db-dc, U+e2, U+e4, U+e7, U+ea-eb, U+ee-ef, U+f4, U+f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e85, U+1e87, U+1e8b, U+1e8d-1e91, U+1e97, U+2014, U+2161, U+2193, U+2197, U+229e, U+2302, U+25a4, U+25b7;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-d59f0871d405.woff2) format('woff2');
  unicode-range: U+20-49, U+4b-50, U+52-56, U+59-5b, U+5d, U+60-7b, U+7d, U+b7, U+c2, U+c4, U+c7, U+ca-cb, U+ce-cf, U+d4, U+d6, U+db-dc, U+e2, U+e4, U+e7, U+ea-eb, U+ee-ef, U+f4, U+f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e85, U+1e87, U+1e8b, U+1e8d-1e91, U+1e97, U+2014, U+2161, U+2193, U+2197, U+229e, U+2302, U+25a4, U+25b7;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-d59f0871d405.woff2) format('woff2');
  unicode-range: U+20-49, U+4b-50, U+52-56, U+59-5b, U+5d, U+60-7b, U+7d, U+b7, U+c2, U+c4, U+c7, U+ca-cb, U+ce-cf, U+d4, U+d6, U+db-dc, U+e2, U+e4, U+e7, U+ea-eb, U+ee-ef, U+f4, U+f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e85, U+1e87, U+1e8b, U+1e8d-1e91, U+1e97, U+2014, U+2161, U+2193, U+2197, U+229e, U+2302, U+25a4, U+25b7;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-d59f0871d405.woff2) format('woff2');
  unicode-range: U+20-49, U+4b-50, U+52-56, U+59-5b, U+5d, U+60-7b, U+7d, U+b7, U+c2, U+c4, U+c7, U+ca-cb, U+ce-cf, U+d4, U+d6, U+db-dc, U+e2, U+e4, U+e7, U+ea-eb, U+ee-ef, U+f4, U+f6, U+fb-fc, U+ff, U+102-103, U+108-10b, U+114-117, U+11c-125, U+12c-12d, U+130-131, U+135-137, U+13b-13c, U+145-146, U+14e-14f, U+156-157, U+15c-15f, U+162-163, U+16c-16d, U+175-178, U+17b-17c, U+226-229, U+22e-22f, U+302, U+306-308, U+327, U+1e02-1e03, U+1e0a-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e40-1e41, U+1e44-1e45, U+1e56-1e59, U+1e60-1e61, U+1e6a-1e6b, U+1e85, U+1e87, U+1e8b, U+1e8d-1e91, U+1e97, U+2014, U+2161, U+2193, U+2197, U+229e, U+2302, U+25a4, U+25b7;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid currentColor;outline-offset:5px}p{line-height:1.6}button{color:inherit}section[id]{scroll-margin-top:85px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}footer{padding:25px 5%;font:11px/1.6 Arial,sans-serif;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{text-decoration:underline}.motion{font:10px monospace;background:transparent;border:1px solid currentColor;padding:8px 10px}.reveal{transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.js .reveal:not(.seen){opacity:0;transform:translateY(45px)}[hidden]{display:none!important}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-off .reveal{opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-on) *,body:not(.motion-on) *:before,body:not(.motion-on) *:after{animation:none!important;transition:none!important}body:not(.motion-on) .reveal{opacity:1!important;transform:none!important}}
:root{--paper:#eae9e2;--ink:#242722;--acid:#e7f375}body{background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif}header{height:110px;display:flex;align-items:center;gap:50px;padding:0 5%;border-bottom:1px solid #24272230}.wordmark{font-size:65px;font-weight:700;letter-spacing:-7px;line-height:1}.wordmark span{font-size:16px;vertical-align:top;letter-spacing:0}.office{font:9px/1.6 'IBM Plex Mono',monospace;letter-spacing:1px}.nav-cta{margin-left:auto;font:11px 'IBM Plex Mono';display:flex;gap:25px;align-items:center}.nav-cta b{background:var(--ink);color:var(--acid);font-size:30px;width:52px;height:52px;display:grid;place-items:center}.architect{min-height:700px;height:calc(100svh - 110px);position:relative;overflow:hidden;background:linear-gradient(#2427220c 1px,transparent 1px),linear-gradient(90deg,#2427220c 1px,transparent 1px);background-size:65px 65px}.title-block{position:absolute;top:17%;left:8%;z-index:2}.eyebrow,.coordinate,.scale{font:9px/1.7 'IBM Plex Mono';letter-spacing:1px}.coordinate{position:absolute;right:5%;top:28px}h1{font-size:clamp(60px,7.6vw,120px);line-height:1.03;font-weight:500;letter-spacing:-.07em;margin:30px 0}h1 span{position:relative;background:var(--paper);padding-right:20px}.structure{position:absolute;width:59%;right:-3%;top:0;color:#363e2c;opacity:.65}.structure svg{width:100%;stroke-dasharray:2700;stroke-dashoffset:2700;animation:draw 4s ease forwards}.scale{position:absolute;bottom:4%;right:16%}.architect-image{position:absolute;width:34%;height:35%;right:12%;bottom:7%;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:unfold 1.6s cubic-bezier(.2,.7,.3,1)}.architect-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.7);transition:filter .7s,transform 1.2s}.architect-image:hover img{filter:grayscale(0);transform:scale(1.06)}.architect-image span{position:absolute;bottom:10px;left:10px;font:7px monospace;background:var(--paper);padding:4px}.explore{position:absolute;bottom:12%;left:8%;display:flex;align-items:center;gap:50px;font:11px/1.7 'IBM Plex Mono'}.explore b{font-size:40px;font-weight:400}.ticks{position:absolute;bottom:0;left:0;right:0;height:17px;background:repeating-linear-gradient(90deg,#252c21 0 1px,transparent 1px 30px)}.brief{display:grid;grid-template-columns:1fr 1.2fr;padding:100px 8%;gap:12%;background:var(--ink);color:var(--paper)}.brief-head>span,.form-step>span,.form-step>label,.landscape-text>span,.office-end>div>span{font:10px 'IBM Plex Mono';letter-spacing:1px}.brief h2{font-size:65px;line-height:1.05;letter-spacing:-4px;font-weight:400;margin:35px 0}.brief p{font-size:14px;color:#bfc3b8}.form-step{padding:25px 0;border-bottom:1px solid #ffffff30}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.types button{background:none;border:1px solid #6b7364;text-align:left;padding:20px;font-size:17px;transition:background .35s,color .35s,transform .35s}.types button i{display:block;font:40px Arial;margin-bottom:35px}.types button.active{background:var(--acid);color:var(--ink);border-color:var(--acid)}.types button:hover{transform:translateY(-5px)}select{display:block;background:transparent;color:inherit;padding:15px 0;width:100%;border:0;border-bottom:1px solid #999;margin-top:15px;font-size:24px}select option{color:#222}.selection{margin-top:30px}.selection>span{font:12px 'IBM Plex Mono'}.selection a{display:flex;justify-content:center;background:var(--acid);color:var(--ink);padding:22px;margin-top:25px;font:12px 'IBM Plex Mono'}.landscape{display:grid;grid-template-columns:1.1fr 1fr;min-height:600px}.landscape-image{overflow:hidden;position:relative}.landscape-image img{width:100%;height:120%;object-fit:cover;position:absolute;top:-10%;transform:translateY(var(--shift,0px))}.landscape-text{padding:100px 14%}.landscape h2{font-size:65px;letter-spacing:-4px;line-height:1.05;font-weight:400}.landscape p{font-size:14px}.landscape a{display:inline-block;margin-top:30px;font:11px 'IBM Plex Mono';border-bottom:1px solid;padding-bottom:10px}.office-end{background:var(--acid);padding:75px 5%;display:grid;grid-template-columns:.5fr 1.2fr 1fr;gap:5%;align-items:center}.end-mark{font-size:180px;font-weight:700;letter-spacing:-30px}.end-mark span{font-size:90px}.office-end h2{font-size:42px;letter-spacing:-2px;line-height:1.1}.office-end address{font:12px/1.8 'IBM Plex Mono';font-style:normal}.contacts a{display:block;font:14px 'IBM Plex Mono';margin:20px 0}@keyframes draw{to{stroke-dashoffset:0}}@keyframes unfold{from{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@media(max-width:700px){header{height:90px;padding:0 6%;gap:20px}.wordmark{font-size:45px;letter-spacing:-5px}.office{display:none}.nav-cta{font-size:9px;gap:10px}.nav-cta b{width:40px;height:40px;font-size:25px}.architect{height:730px;min-height:0}.title-block{top:15%;left:6%}h1{font-size:13vw;letter-spacing:-.065em;margin-top:22px}.structure{width:110%;top:34%;right:-20%}.architect-image{width:65%;height:27%;bottom:15%;right:6%}.coordinate{font-size:8px}.explore{bottom:5%;left:6%;gap:30px;font-size:9px}.brief{display:block;padding:70px 6%}.brief h2{font-size:55px}.brief-form{margin-top:30px}.types button{padding:15px}.landscape{display:flex;flex-direction:column}.landscape-image{height:350px}.landscape-text{padding:65px 7%}.landscape h2{font-size:55px}.office-end{display:block;padding:55px 7%}.end-mark{display:none}.contacts{margin-top:40px}} .motion{position:fixed;z-index:30;bottom:14px;right:14px;background:#111d;color:#fff;border:1px solid #fff5;border-radius:30px;padding:10px 14px;font-size:9px;backdrop-filter:blur(8px)}.structure svg{stroke-dashoffset:0}body.motion-on .structure svg{animation:draw 4s ease backwards}body.motion-off .structure svg{stroke-dashoffset:0} @media(prefers-reduced-motion:reduce){body:not(.motion-on) .structure svg{stroke-dashoffset:0}}@keyframes draw{from{stroke-dashoffset:2700}to{stroke-dashoffset:0}}html{overflow-x:clip}footer{padding-bottom:70px}body.motion-off [data-parallax]{transform:none!important}