:root{--black:#000;--white:#fff;--grey:#b7b7b7;--ink:#111;--sans:"Hanken Grotesk", system-ui, sans-serif;--display:"Unbounded", "Hanken Grotesk", sans-serif;--gut:18px;--stage:clamp(60px, 12.4vw, 200px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--black)}html.lenis,html.lenis body{height:auto}body{font-family:var(--sans);color:var(--ink);background:var(--white);letter-spacing:-.01em;font-size:14px;line-height:1.25;overflow-x:hidden}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;height:100%;display:block}.small{font-size:13px;line-height:1.3}.loader{z-index:100;background:var(--black);color:var(--white);padding:var(--gut);font:800 clamp(64px, 12vw, 180px)/.8 var(--display);justify-content:flex-end;align-items:flex-end;display:flex;position:fixed;inset:0}.header{z-index:50;top:var(--gut);left:var(--gut);right:var(--gut);mix-blend-mode:difference;color:#fff;grid-template-columns:14.9vw 1fr auto auto;align-items:start;padding:0 17px;font-size:14px;display:grid;position:fixed}.mini-logo{font:800 12px var(--display);letter-spacing:0}.clock{justify-self:end;margin-right:76px}.clock .time{opacity:.55;margin-right:6px}.header{padding-top:17px;top:0}.hero{z-index:0;background:#8c9a8f;height:100vh;position:relative;overflow:hidden}.wordmark{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hero-stage{position:absolute;inset:0}.hero-img{position:absolute;inset:0;overflow:hidden}.hint{color:#fff;opacity:.8;z-index:2;position:absolute;bottom:20px;left:17px}.tagline{z-index:2;color:#fff;width:300px;font-size:17px;font-weight:500;position:absolute;bottom:20px;right:17px}section{padding:0 var(--gut);background:var(--white);position:relative}.hero{padding:0}.row{grid-template-columns:1fr 1fr 1fr;padding:30px 17px 0;font-size:12px;display:grid}.row span:nth-child(2){text-align:center}.row span:nth-child(3){text-align:right}.row:not(.label){display:none}.label span:first-child{color:var(--grey)}.studio .label span:nth-child(2),.vision .label span:nth-child(2),.method .label span:nth-child(2){text-align:left;padding-left:12vw}.ar{aspect-ratio:var(--ar,4/3);background:#d9d6cf;overflow:hidden}.ar-34{--ar:3/4}.ar-169{--ar:16/9}.studio{padding-top:70px}.studio-top{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:30px;padding:0 17px;display:grid}.studio-img{width:100%;max-width:240px}.ack{grid-column:2/3;max-width:300px;margin-top:12vh}.statement{letter-spacing:-.048em;word-spacing:-.03em;padding:8vh 0 14vh;font-size:clamp(28px,4.9vw,80px);font-weight:500;line-height:.98}.studio .statement{margin-top:6vh}.studio .statement>div:first-child{padding-left:14vw}.studio-cols{grid-template-columns:1fr 1fr 1fr;gap:20px;padding:0 17px 20vh;display:grid}.studio-cols p:first-child{grid-column:1/2;padding-left:12vw}.studio-cols p:last-child{grid-column:2/4;max-width:340px;margin-left:0}.works{padding-bottom:6vh}.work{padding:14vh 0 6vh}.work-img{--ar:3/2;will-change:clip-path;width:min(34vw,460px);margin:0 auto;position:relative}.work-img:after{content:attr(data-name) "  Discover +";white-space:pre;color:#fff;z-index:2;background:#000;border-radius:3px;padding:6px 10px;font-size:10px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.work-img img{height:124%;margin-top:-12%}.work-title{--spread:0;letter-spacing:-.04em;white-space:nowrap;justify-content:center;align-items:baseline;margin-top:4vh;font-size:clamp(40px,6.2vw,96px);font-weight:500;line-height:1;display:flex}.work-title i{font-style:normal;font-weight:400;transition:none}.work-title span{margin:0 calc(1vw + var(--spread) * 5vw)}.work-meta{justify-content:space-between;padding:20px 17px 0;font-size:12px;display:flex}.work-meta span:first-child{color:var(--ink)}.work-meta span:last-child{color:var(--grey)}.allwork{height:190vh;margin-top:4vh;overflow:hidden}.all-title{text-align:center;letter-spacing:-.04em;z-index:3;border-bottom:1px solid var(--ink);width:max-content;margin:0 auto;font-size:clamp(34px,4.6vw,64px);font-weight:500;line-height:1.1;display:block;position:sticky;top:46vh}.all-title sup{vertical-align:super;margin-left:.1em;font-size:.4em}.field{position:absolute;inset:0}.f{will-change:transform;background:#d9d6cf;height:auto;position:absolute}.f1{aspect-ratio:3/4;width:17vw;top:2%;left:0}.f2{aspect-ratio:1;width:9vw;top:12%;left:19%}.f3{aspect-ratio:3/4;width:15.6vw;top:0%;left:40%}.f4{aspect-ratio:3/4;width:15.6vw;top:6%;left:66.5%}.f5{aspect-ratio:3/4;width:7.5vw;top:22%;left:91%}.f6{aspect-ratio:3/4;width:7.5vw;top:34%;left:24%}.f7{aspect-ratio:3/4;width:7.5vw;top:40%;left:60%}.f8{aspect-ratio:3/4;width:15.6vw;top:58%;left:32%}.f9{aspect-ratio:3/4;width:15.6vw;top:56%;left:74%}.f10{aspect-ratio:3/4;width:17vw;top:66%;left:0}.vision{padding-bottom:12vh}.vision-list{max-width:1100px;padding:8vh 17px 0 12vw;font-size:clamp(15px,1.5vw,22px);line-height:1.25}.method{padding-bottom:16vh}.method .statement{max-width:900px;margin-left:12vw;padding-bottom:8vh;padding-left:17px;font-size:clamp(24px,3vw,44px)}.method-img{width:100%}.footer{background:var(--black);color:var(--white);padding:var(--gut);flex-direction:column;justify-content:space-between;min-height:90vh;display:flex}.cta{letter-spacing:-.045em;flex-direction:column;gap:22px;padding-top:14vh;font-size:clamp(34px,7.6vw,118px);font-weight:500;line-height:.95;display:flex}.cta b{font:500 14px var(--sans);letter-spacing:0;border:1px solid #fff;border-radius:99px;align-self:flex-start;padding:10px 18px;transition:background .4s cubic-bezier(.65,.05,0,1),color .4s}.cta:hover b{color:#000;background:#fff}.foot-cols{grid-template-columns:1fr 1fr 1fr;gap:20px;padding:12vh 17px 0;display:grid}.foot-cols nav{flex-direction:column;gap:2px;font-size:14px;display:flex}.legal{color:var(--grey);padding:8vh 17px 4px}@media (width<=700px){.header{grid-template-columns:1fr 1fr;row-gap:6px}.nav{grid-column:1}.clock{display:none}.contact{justify-self:end}.hint{display:none}.tagline{width:220px;font-size:15px}.studio-top{grid-template-columns:1fr 1fr}.studio-img{max-width:150px}.ack{grid-column:1/3;margin-top:4vh}.studio .label span:nth-child(2),.vision .label span:nth-child(2),.method .label span:nth-child(2){padding-left:0}.studio-cols{grid-template-columns:1fr}.studio-cols p:first-child,.studio-cols p:last-child{grid-column:1;padding-left:0}.work-img{width:66vw}.work-title{font-size:9.4vw}.work-title span{margin:0 calc(1vw + var(--spread) * 2vw)}.vision-list,.method .statement{margin-left:0;padding-left:17px}.f{width:28vw!important}.field .f:nth-child(n+7){display:none}.foot-cols{grid-template-columns:1fr 1fr}}