:root{--paper:#e7e7e1;--ink:#121313;--blue:#315bff;--orange:#ff4d00;--grey:#a5a6a0;--line:rgba(18,19,19,.25);--display:"Archivo Black",sans-serif;--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;z-index:9999;left:10px;top:10px;padding:12px;background:var(--blue);color:#fff;transform:translateY(-160%)}.skip:focus{transform:none}.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:80;background:linear-gradient(90deg,transparent calc(25% - .5px),rgba(49,91,255,.07) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(49,91,255,.07) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(49,91,255,.07) 75%,transparent calc(75% + .5px));opacity:.5}.progress{position:fixed;z-index:400;bottom:0;left:0;width:100%;height:4px;background:rgba(18,19,19,.15)}.progress i{display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}.cursor{position:fixed;z-index:1000;width:32px;height:32px;border:1px solid var(--blue);pointer-events:none;transform:translate(-100px,-100px);display:grid;place-items:center;transition:width .3s var(--ease),height .3s var(--ease),background .3s}.cursor:before,.cursor:after{content:"";position:absolute;background:var(--blue)}.cursor:before{width:8px;height:1px}.cursor:after{width:1px;height:8px}.cursor span{display:none;font:8px var(--mono);letter-spacing:.1em}.cursor.active{width:78px;height:78px;border-radius:50%;background:var(--blue);color:#fff}.cursor.active:before,.cursor.active:after{display:none}.cursor.active span{display:block}.loader{position:fixed;z-index:9999;inset:0;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;clip-path:inset(0);transition:clip-path 1s var(--ease)}.loader.done{clip-path:inset(0 0 0 100%);pointer-events:none}.loader__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:6vw 6vw}.loader__mark{display:flex;gap:6px}.loader__mark i{width:11px;height:11px;border:1px solid #fff;animation:build .7s var(--ease) infinite alternate}.loader__mark i:nth-child(2){animation-delay:.12s}.loader__mark i:nth-child(3){animation-delay:.24s}@keyframes build{to{transform:translateY(-18px);background:#fff}}.loader strong{font:clamp(80px,19vw,300px)/.78 var(--display);letter-spacing:-.08em}.loader p{font:8px var(--mono);letter-spacing:.15em;text-transform:uppercase}.nav{position:fixed;z-index:200;top:0;left:0;width:100%;height:78px;padding:0 clamp(18px,2.8vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(18,19,19,.25);background:rgba(231,231,225,.82);backdrop-filter:blur(12px)}.logo{font:18px var(--display);letter-spacing:-.04em}.logo span{font:7px var(--mono);letter-spacing:.06em;color:var(--blue);margin-left:7px}.nav>nav{display:flex;gap:32px}.nav>nav a,.contact{font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase;position:relative}.nav>nav a:after,.contact:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:.35s var(--ease)}.nav>nav a:hover:after,.contact:hover:after{transform:scaleX(1);transform-origin:left}.contact{justify-self:end}.burger{display:none;background:none;border:0;width:48px;height:48px}.burger i{display:block;height:1px;background:currentColor;margin:7px}.mobile-menu{position:fixed;z-index:150;inset:0;background:var(--blue);color:#fff;padding:105px 20px 26px;display:flex;flex-direction:column;justify-content:space-between;visibility:hidden;transform:translateX(100%);transition:.75s var(--ease)}.mobile-menu.open{visibility:visible;transform:none}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{font:clamp(48px,14vw,72px)/1.1 var(--display);letter-spacing:-.06em;border-bottom:1px solid rgba(255,255,255,.35);padding:9px 0}.mobile-menu small{font:8px var(--mono);margin-right:16px}.mobile-menu p{font:8px/1.8 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;padding:78px clamp(18px,2.8vw,48px) 0}.hero__grid,.contact-section__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(18,19,19,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(18,19,19,.12) 1px,transparent 1px);background-size:8vw 8vw}.blueprint{position:absolute;inset:0;width:100%;height:100%;opacity:.35}.hero__meta{position:absolute;z-index:2;left:clamp(18px,2.8vw,48px);right:clamp(18px,2.8vw,48px);top:105px;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.13em;text-transform:uppercase}.hero h1{position:absolute;z-index:3;left:1%;right:1%;bottom:14%;font:clamp(110px,26.2vw,430px)/.65 var(--display);letter-spacing:-.105em;margin:0;display:flex;justify-content:center}.hero h1 span{display:inline-block;transition:transform .3s}.hero h1 span:nth-child(2){color:transparent;-webkit-text-stroke:2px var(--ink)}.building{position:absolute;z-index:2;left:50%;top:42%;width:min(34vw,500px);height:min(25vw,370px);transform:translate(-50%,-50%);perspective:900px}.building__cube{position:absolute;width:210px;height:210px;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-22deg) rotateY(38deg);animation:turn 16s linear infinite}@keyframes turn{to{transform:translate(-50%,-50%) rotateX(-22deg) rotateY(398deg)}}.face{position:absolute;width:210px;height:210px;border:1px solid var(--blue);background:rgba(49,91,255,.035);box-shadow:inset 0 0 0 20px rgba(49,91,255,.025)}.front{transform:translateZ(105px)}.back{transform:rotateY(180deg) translateZ(105px)}.left{transform:rotateY(-90deg) translateZ(105px)}.right{transform:rotateY(90deg) translateZ(105px)}.top{transform:rotateX(90deg) translateZ(105px)}.bottom{transform:rotateX(-90deg) translateZ(105px)}.axis{position:absolute;font:7px var(--mono);color:var(--blue)}.axis--x{left:0;bottom:0}.axis--y{right:0;top:0;writing-mode:vertical-rl}.hero__bottom{position:absolute;z-index:4;bottom:34px;left:clamp(18px,2.8vw,48px);right:clamp(18px,2.8vw,48px);display:flex;justify-content:space-between;align-items:end}.hero__bottom>p{font-size:clamp(16px,1.5vw,22px);line-height:1.3}.index-link{width:230px;padding:16px 0;border-top:1px solid var(--ink);display:grid;grid-template-columns:35px 1fr auto;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.index-link span{color:var(--blue)}.concept{position:absolute;z-index:4;right:clamp(18px,2.8vw,48px);bottom:105px;font:7px var(--mono);letter-spacing:.11em}.statement{padding:clamp(120px,15vw,230px) clamp(18px,7vw,120px);background:var(--ink);color:var(--paper)}.section-index{display:grid;grid-template-columns:100px 1fr;font:8px var(--mono);letter-spacing:.13em;text-transform:uppercase}.section-index span{color:var(--blue)}.statement h2,.method h2{font:clamp(58px,9vw,142px)/.86 var(--display);letter-spacing:-.075em;margin:clamp(80px,9vw,140px) 0}.statement h2 em,.method h2 em,.contact-section h2 em{font-style:normal;color:var(--blue)}.statement__foot{display:grid;grid-template-columns:1fr 1fr;margin-left:34%;gap:60px}.statement__foot>p{font-size:16px;line-height:1.75;max-width:480px}.statement dl{display:grid;grid-template-columns:100px 1fr;gap:12px;font:8px var(--mono);text-transform:uppercase;letter-spacing:.08em}.statement dt{color:#8f918d}.statement dd{margin:0}.projects{padding:clamp(100px,13vw,200px) clamp(18px,4.5vw,80px)}.projects>header{display:flex;justify-content:space-between;margin-bottom:110px}.project{margin-bottom:clamp(120px,16vw,250px)}.project__image{display:block;position:relative;overflow:hidden;background:#ccc}.project__image>div{position:absolute;inset:-4%;background:center/cover;filter:grayscale(1);transition:filter .6s,transform 1.1s var(--ease)}.project__image:hover>div{filter:grayscale(0);transform:scale(1.035)}.project__num,.project__year{position:absolute;top:20px;background:var(--paper);padding:8px 10px;font:8px var(--mono)}.project__num{left:20px;color:var(--blue)}.project__year{right:20px}.project--wide .project__image{width:82%;height:72vh}.project--wide .project__image>div{background-image:url("https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=2100&q=88")}.project--offset{margin-left:32%}.project--offset .project__image{height:78vh}.project--offset .project__image>div{background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=88")}.project--split{width:62%;margin-left:8%}.project--split .project__image{height:76vh}.project--split .project__image>div{background-image:url("https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=1800&q=88")}.project__copy{display:grid;grid-template-columns:1fr 180px 100px;align-items:end;margin-top:20px}.project__copy h3{font:clamp(42px,6vw,92px)/.9 var(--display);letter-spacing:-.065em;margin:0}.project__copy p,.project__copy span{font:8px var(--mono);text-transform:uppercase;letter-spacing:.09em}.project-focus{height:170vh;background:var(--ink);color:var(--paper);position:relative}.focus__image{position:sticky;top:0;height:100vh;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 70%),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=88") center/cover;filter:grayscale(1)}.focus__data{position:absolute;z-index:2;top:30px;left:30px;right:30px;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.12em}.focus__title{position:absolute;z-index:2;left:6%;bottom:12%;color:#fff}.focus__title>p{font:8px var(--mono);text-transform:uppercase;letter-spacing:.14em}.focus__title h2{font:clamp(75px,12vw,180px)/.78 var(--display);letter-spacing:-.08em;margin:25px 0}.method{padding:clamp(110px,14vw,220px) clamp(18px,7vw,120px)}.method__title{display:grid;grid-template-columns:2fr 1fr;align-items:end}.method__title>p{font-size:16px;line-height:1.7;max-width:430px;margin-bottom:20px}.method__steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid var(--line)}.method__steps article{padding:28px 30px 80px 0;border-right:1px solid var(--line)}.method__steps article+article{padding-left:30px}.method__steps span{font:8px var(--mono);color:var(--blue)}.method__steps h3{font:clamp(50px,6vw,86px) var(--display);letter-spacing:-.07em;margin:65px 0 20px}.method__steps p{font-size:13px;max-width:260px}.materials{display:grid;grid-template-columns:repeat(4,1fr);min-height:75vh;background:#171919;color:#fff;position:relative}.materials__label{position:absolute;z-index:3;top:25px;left:25px;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase;display:flex;gap:40px}.material{padding:50vh 22px 25px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.16);transition:flex .6s var(--ease),filter .5s;background:center/cover;filter:grayscale(.8)}.material:hover{filter:none}.material span,.material small{font:7px var(--mono);letter-spacing:.12em;text-transform:uppercase}.material strong{font:35px var(--display);letter-spacing:-.05em;margin:10px 0}.material--stone{background-image:linear-gradient(transparent,rgba(0,0,0,.7)),url("https://images.unsplash.com/photo-1566041510639-8d95a2490bfb?auto=format&fit=crop&w=900&q=85")}.material--wood{background-image:linear-gradient(transparent,rgba(0,0,0,.7)),url("https://images.unsplash.com/photo-1515446134809-993c501ca304?auto=format&fit=crop&w=900&q=85")}.material--metal{background-image:linear-gradient(transparent,rgba(0,0,0,.7)),url("https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=900&q=85")}.material--glass{background-image:linear-gradient(transparent,rgba(0,0,0,.7)),url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=900&q=85")}.contact-section{position:relative;min-height:100svh;background:var(--blue);color:#fff;padding:100px clamp(18px,5vw,80px);overflow:hidden}.contact-section>*:not(.contact-section__grid){position:relative;z-index:2}.contact-section h2{font:clamp(78px,13vw,200px)/.73 var(--display);letter-spacing:-.09em;margin:10vh 0}.contact-section h2 em{color:var(--ink)}.contact-orbit{position:absolute!important;right:9%;top:43%;width:170px;height:170px;border-radius:50%;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:18px;font:8px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}.contact-orbit svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.4}.contact-section__foot{position:absolute!important;bottom:0;left:0;right:0;padding:23px clamp(18px,3vw,48px);border-top:1px solid rgba(255,255,255,.4);display:flex;justify-content:space-between;font:7px var(--mono);text-transform:uppercase;letter-spacing:.1em}footer{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;padding:40px clamp(18px,3vw,48px);background:var(--ink);color:var(--paper);font:7px/1.7 var(--mono);letter-spacing:.1em;text-transform:uppercase}footer p{margin:0;max-width:610px}footer span{text-align:right}.reveal{opacity:0;transform:translateY(25px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.maskline{display:block;overflow:hidden}.maskline>i{display:block;font-style:inherit;transform:translateY(105%);transition:transform 1s var(--ease)}.lines.in .maskline>i{transform:none}.maskline:nth-child(2)>i{transition-delay:.06s}.maskline:nth-child(3)>i{transition-delay:.12s}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
@media(max-width:800px){.cursor{display:none}.grid-overlay{background:none}.nav{height:68px;grid-template-columns:1fr auto}.nav>nav,.contact{display:none}.burger{display:block}.hero{min-height:650px;padding-top:68px}.hero__meta{top:90px}.hero__meta span:nth-child(2){display:none}.hero h1{font-size:25vw;bottom:23%;left:-1%}.building{top:40%;width:90vw}.building__cube,.face{width:145px;height:145px}.front{transform:translateZ(72.5px)}.back{transform:rotateY(180deg) translateZ(72.5px)}.left{transform:rotateY(-90deg) translateZ(72.5px)}.right{transform:rotateY(90deg) translateZ(72.5px)}.top{transform:rotateX(90deg) translateZ(72.5px)}.bottom{transform:rotateX(-90deg) translateZ(72.5px)}.hero__bottom{bottom:25px}.hero__bottom>p{display:none}.concept{bottom:95px;right:auto;left:18px}.statement h2,.method h2{font-size:14vw}.statement__foot{grid-template-columns:1fr;margin-left:0}.projects>header{display:block}.projects>header>p{margin:35px 0}.project,.project--offset,.project--split{width:100%;margin-left:0;margin-bottom:110px}.project--wide .project__image,.project--offset .project__image,.project--split .project__image{width:100%;height:62vh}.project__copy{grid-template-columns:1fr auto}.project__copy span{display:none}.project__copy h3{font-size:12vw}.project-focus{height:135vh}.focus__data span:nth-child(2){display:none}.method__title{grid-template-columns:1fr}.method__steps{grid-template-columns:1fr}.method__steps article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0 50px!important}.materials{grid-template-columns:1fr 1fr}.material{min-height:50vh;padding-top:34vh}.materials__label{top:15px}.contact-section h2{font-size:20vw}.contact-orbit{position:relative!important;right:auto;top:auto;margin:40px auto 100px;width:150px;height:150px}.contact-section__foot span:nth-child(2){display:none}footer{grid-template-columns:1fr}footer span{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.maskline>i{transform:none}.cursor,.blueprint{display:none}.project__image>div,.focus__image{transform:none!important}}