*{box-sizing:border-box}
body{margin:0;background:#F4F3F0;color:#151515;font-family:"Space Grotesk",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
a{color:inherit}
.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px clamp(16px,3vw,40px) 56px}
.wrap{width:100%;max-width:1200px;display:flex;flex-direction:column}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px}
nav{display:flex;gap:32px}
.navbtn{display:inline-block;padding:12px 0;text-decoration:none;font-size:14px;letter-spacing:.02em}
.navbtn:hover{color:#1F4BFF}
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.gal img,.pcs img,img.ban{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:50;background:rgba(21,21,21,.94);overflow:auto;display:flex}
.lb img{display:block;margin:auto;max-width:100vw;max-height:100vh;object-fit:contain;cursor:zoom-in}
.lb.z img{max-width:none;max-height:none;width:220vw;height:auto;margin:0;cursor:zoom-out}
.lbx{position:fixed;top:12px;right:16px;z-index:51;border:0;background:#F4F3F0;color:#151515;width:40px;height:40px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.langsw{display:inline-flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.02em}.langsw b{font-weight:700}.langsw i{font-style:normal}
.logo{font-size:24px;font-weight:700;letter-spacing:-.01em}
.home{padding-top:16px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;--cap:calc((100cqw - 40px) / 19)}
@media (max-width:760px){.grid{grid-template-columns:minmax(0,1fr)}}
.card{display:block;text-decoration:none}
@media (min-width:761px){
.grid{--u:calc((min(1200px,100vw - 2*clamp(16px,3vw,40px)) - 10px)/60);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--u);column-gap:5px;row-gap:0}
.grid>.card{display:flex;flex-direction:column;box-sizing:border-box;padding-bottom:5px;gap:0}
.grid>.card .media{aspect-ratio:auto;flex:1;min-height:0;height:auto}
.grid>.card:nth-child(1){grid-column:1;grid-row:1/span 25}
.grid>.card:nth-child(4){grid-column:1;grid-row:26/span 19}
.grid>.card:nth-child(7){grid-column:1;grid-row:45/span 23}
.grid>.card:nth-child(2){grid-column:2;grid-row:1/span 21}
.grid>.card:nth-child(5){grid-column:2;grid-row:22/span 30}
.grid>.card:nth-child(8){grid-column:2;grid-row:52/span 24}
.grid>.card:nth-child(3){grid-column:3;grid-row:1/span 28}
.grid>.card:nth-child(6){grid-column:3;grid-row:29/span 36}
}

.media{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;container-type:inline-size}
.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.scrim{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;background:linear-gradient(to top,rgba(21,21,21,.78) 0%,rgba(21,21,21,0) 60%);transition:background .25s ease}
.card:hover .scrim,.card:focus-visible .scrim{background:rgba(21,21,21,.86)}
.t{display:block;font-size:var(--cap);text-transform:uppercase;line-height:1.05;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.cl{display:block;margin-top:8px;font-size:10.4px;letter-spacing:.04em;text-transform:uppercase}
.ins{display:block;max-height:0;opacity:0;overflow:hidden;font-size:16px;line-height:1.4;transition:max-height .25s ease,opacity .25s ease}
.card:hover .ins,.card:focus-visible .ins{max-height:140px;opacity:1;margin-top:12px}
a:focus-visible{outline:3px solid #1F4BFF;outline-offset:2px}
.case{display:flex;flex-direction:column;gap:32px;padding-top:32px}
.meta{display:flex;flex-wrap:wrap;gap:8px 32px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#55554F}
h1{margin:0;font-size:clamp(40px,7vw,88px);line-height:1;font-weight:700;letter-spacing:-.03em;max-width:960px}
.intro{white-space:pre-line;text-wrap:pretty;margin:0;font-size:22px;line-height:1.5}
.vids{display:flex;flex-direction:column;gap:5px}
.vids iframe,.vid,.ph{display:block;width:100%;aspect-ratio:16/9;border:0;background:#151515}
.ph{display:flex;align-items:center;justify-content:center;font-size:13px;color:#151515}
.vid{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;cursor:pointer;overflow:hidden}
.vth{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vp{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:#151515;transition:transform .2s ease}
.vpi{display:block;width:0;height:0;margin-left:7px;border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent #fff}
.vid:hover .vp{transform:scale(1.1)}
.gal{display:grid;grid-template-columns:repeat(var(--g,2),minmax(0,1fr));gap:5px}
.gal img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.pcs{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:5px}
.pcs img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}
@media (max-width:760px){.gal{grid-template-columns:minmax(0,1fr)}.pcs{grid-template-columns:repeat(var(--m,2),minmax(0,1fr))}}
.mstack{display:flex;flex-direction:column;gap:5px;margin:-17px 0}
.mstack.nr{margin-bottom:0}
.vids.v9 .vid,.vids.v9 iframe{aspect-ratio:9/16}
@media (max-width:760px){.vids.v9.m2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vids.v9.m2 .vid,.vids.v9.m2 iframe{width:100%}}
@media (min-width:761px){.vids.vc{width:min(100%,640px);margin-left:auto;margin-right:auto}}
@media (min-width:761px){.vids.v9{flex-direction:row}.vids.v9 .vid,.vids.v9 iframe{flex:1;min-width:0;width:auto}}
.vgt{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;padding:40px 0 10px}
.vgt:first-child{padding-top:30px}
.vgt strong,.vgt span{font-size:22px;line-height:1.5;text-transform:uppercase}
.vgt span{font-weight:400}
@media (max-width:760px){.vgt strong,.vgt span{font-size:17.6px}}
.vi{display:flex;flex-direction:column}
.vi>.vgt{padding:40px 0 10px}
.mstack>.vgt{padding-bottom:5px}
.mstack>.vgt:first-child{padding-top:30px}
.vi:first-child>.vgt{padding-top:30px}
.vids.vg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.vids.vg .vi:first-child{grid-column:1/-1}
@media (max-width:760px){.vids.vg{grid-template-columns:minmax(0,1fr)}}
.vids.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.vids.g3>:nth-child(-n+2){grid-column:1/-1}
@media (max-width:760px){.vids.g3{grid-template-columns:minmax(0,1fr)}}
.ban{display:block;width:100%;height:auto}
.res{display:flex;flex-direction:column;gap:16px;padding-top:32px;border-top:1px solid #D9D8D3}
.lab{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#1F4BFF}
.metric{font-size:clamp(32px,5vw,64px);line-height:1.05;font-weight:700;letter-spacing:-.03em;max-width:960px}
.res p{text-wrap:pretty;margin:0;font-size:19px;line-height:1.5}
.pn{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #D9D8D3}
.pn a{font-size:15px;text-decoration:none;padding:12px 0}
.pn a:hover{color:#1F4BFF}
.pn a:last-child{text-align:right}
.about{display:flex;flex-direction:column;gap:32px;padding-top:32px;max-width:820px}
.bio{display:flex;flex-direction:column;gap:12px}
.about p{margin:0;font-size:22px;line-height:1.5}
.row{display:flex;flex-wrap:wrap;gap:8px 32px;padding:20px 0;border-bottom:1px solid #D9D8D3}
.rows{border-top:1px solid #D9D8D3}
.row .k{flex:none;width:120px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#55554F}
.row .v{font-size:19px;color:inherit}
a.v:hover{color:#1F4BFF}
@media (max-width:760px){.intro,.about p{font-size:17.6px}.res p,.row .v{font-size:15.2px}}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;padding-top:64px;font-size:13px;color:rgba(21,21,21,.5)}