header{padding:3.9vw;align-items:flex-start;z-index:20}header a{font-size:1.6vw}.menu{position:absolute;right:3.9vw;top:2vw;background:#fff;color:#111;width:11.1vw;height:2.6vw;min-height:38px;border-radius:5px;z-index:22;padding:0;font-size:.8vw}main{padding:3.5vw 3.9vw 4vw}.intro{position:relative;display:grid;grid-template-columns:22.7% 1fr;grid-template-rows:auto auto;gap:0;min-height:26.1vw}.intro .eyebrow{grid-column:1;grid-row:1;margin:5.5vw 0 0;font-size:.75vw;white-space:nowrap}.intro h1{grid-column:2;grid-row:1;font-size:10.2vw;line-height:.8;letter-spacing:-.07em;white-space:nowrap;margin:0}.intro .lead{grid-column:2;grid-row:2;margin:2.5vw 0 0;font-size:1vw;line-height:1.6;align-self:start}.intro .note{position:absolute;right:0;top:6vw;margin:0;font-size:.78vw}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5.15vw;margin-top:.9vw;scroll-margin-top:100px}.grid article{position:relative;display:grid;grid-template-columns:11.2vw 1fr;gap:1.95vw;isolation:isolate}.grid article:before{content:'';position:absolute;inset:-.8vw -1vw;border-radius:.6vw;background:#fff;z-index:-1;opacity:0;clip-path:inset(0 calc(100% - 11.2vw) 0 0 round .6vw);transition:clip-path .55s cubic-bezier(.22,.8,.2,1),opacity .18s}.grid article.active:before{opacity:1;clip-path:inset(0 0 0 0 round .6vw)}.label{height:auto;padding-top:1vw}.label small{font-size:.66vw}.label h2{font-size:1.23vw;font-weight:500;margin:1.1vw 0 1.7vw;line-height:1.08}.label p{font-size:.66vw;margin:0;line-height:1.3}.card{width:100%;border:0;background:transparent;transform:none!important}.card img{width:100%;height:11.7vw;border-radius:2px;object-fit:cover}.project-arrow{position:absolute;right:0;bottom:0;font-size:2.5vw;line-height:1;color:#111;opacity:0;transform:translate(-8px,-8px);transition:opacity .25s .1s,transform .4s .1s;pointer-events:none}.active .project-arrow{opacity:1;transform:none}.active .label{color:#111}body.preview .menu{background:#fff;color:#111}.backdrop img{inset:-5%;width:110%;height:110%;filter:blur(45px);transform:scale(1.055);transition:opacity .45s ease,filter 1.35s cubic-bezier(.15,.6,.2,1),transform 1.6s ease;will-change:filter,opacity}.backdrop img.visible{filter:blur(0);transform:scale(1)}footer{margin:4vw 3.9vw 2vw;opacity:.45}.menu-surface{position:fixed;z-index:15;pointer-events:none;background:#fff;top:2vw;right:3.9vw;width:11.1vw;height:2.6vw;min-height:38px;border-radius:5px;opacity:0;transition:width .7s cubic-bezier(.2,.8,.2,1),height .7s cubic-bezier(.2,.8,.2,1),right .7s,top .7s,border-radius .7s,opacity .2s .5s}.menu-open .menu-surface{opacity:1;top:0;right:0;width:100vw;height:100dvh;border-radius:0;pointer-events:auto;transition:width .7s cubic-bezier(.2,.8,.2,1),height .7s cubic-bezier(.2,.8,.2,1),right .7s,top .7s,border-radius .7s,opacity 0s}.menu-open{overflow:hidden}.menu-open header{color:#111}nav{inset:0;width:100%;height:100dvh;z-index:18;background:transparent;box-shadow:none;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 25vw;gap:25px;opacity:0;transform:translateY(18px);transition:opacity .25s,transform .3s;pointer-events:none}nav[hidden]{display:none}nav.is-visible{opacity:1;transform:none;pointer-events:auto;transition:opacity .4s .25s,transform .5s .25s}nav a{font-size:6vw;letter-spacing:-.06em;margin:0}nav button{margin-top:20px;width:max-content}
@media(max-width:900px){header{padding:25px 6vw}header a{font-size:16px}.menu{top:20px;right:6vw;width:110px;height:38px;font-size:11px}main{padding:30px 6vw 40px}.intro{display:block;min-height:0;padding-top:80px}.intro .eyebrow{font-size:9px;margin:0}.intro h1{font-size:12.2vw;margin-top:30px}.intro .lead{font-size:13px;margin-top:28px}.desktop-break{display:none}.intro .note{position:static;font-size:9px;margin-top:28px}.grid{grid-template-columns:1fr;gap:45px;margin-top:55px}.grid article{grid-template-columns:35% 1fr;gap:7%;min-height:170px}.card img{height:auto;aspect-ratio:1/1.04}.label{padding-top:12px}.label small{font-size:10px}.label h2{font-size:18px;margin:20px 0 24px}.label p{font-size:10px}.grid article:before{inset:-10px;border-radius:8px;clip-path:inset(0 65% 0 0 round 8px)}.grid article.active:before{clip-path:inset(0 0 0 0 round 8px)}.project-arrow{font-size:30px;bottom:5px}.menu-surface{top:20px;right:6vw;width:110px;height:38px}nav{padding-left:10vw}nav a{font-size:52px}footer{margin:0 6vw 25px}}
@media(prefers-reduced-motion:reduce){.backdrop img{filter:none}}