.hero{padding:clamp(120px,14vw,190px) var(--pad) 0;text-align:center}.hero__title{max-width:24em;margin:0 auto;font-family:var(--serif);font-weight:300;font-size:clamp(25px,2.45vw,40px);line-height:1.28;letter-spacing:-.012em;text-wrap:balance}.work{padding:calc(clamp(40px,5vw,80px) + 40px) 0 0}.cards{--cw: clamp(170px, 22.8vw, 430px);display:flex;justify-content:center;align-items:flex-end;padding:clamp(24px,2vw,40px) 0 calc(var(--cw) * .27 + 150px);perspective:1400px}.card-wrap{position:relative;flex:none;margin-inline:calc(var(--cw) * -.14);z-index:1}.card-wrap:nth-child(2){z-index:2}.card-wrap:nth-child(3){z-index:5}.card-wrap:nth-child(4){z-index:4}.card-wrap:nth-child(5){z-index:3}.card{--px: 0px;--rx: 0deg;--ry: 0deg;--s: 1;--ty: calc(var(--y) * var(--cw));--rot: var(--r);position:relative;display:block;width:var(--cw);aspect-ratio:1 / 1.3;border-radius:calc(var(--cw) * .1);background:var(--bgc);color:var(--tc);overflow:hidden;transform:translate3d(var(--px),var(--ty),0) rotate(var(--rot)) scale(var(--s)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--ease-out),box-shadow .7s var(--ease-out);box-shadow:0 12px 34px -18px #0000001f;will-change:transform}.card.is-tilting{transition:transform .18s linear,box-shadow .7s var(--ease-out)}.card:hover,.card:focus-visible{--ty: calc(var(--y) * var(--cw) - 26px);--rot: calc(var(--r) * .15);--s: 1.06;box-shadow:0 26px 56px -26px #0003}:root[data-theme=dark] .card--black{box-shadow:inset 0 0 0 1px #ffffff17,0 12px 34px -18px #00000080}:root[data-theme=dark] .card[style*=--dark]{background:#f4f4f1}.card img{position:absolute;left:50%;top:var(--it);width:var(--iw);max-width:none;height:auto;transform:translate(-50%) rotate(var(--ir, 0deg));transition:transform .9s var(--ease-out);pointer-events:none;-webkit-user-select:none;user-select:none}.card:hover img{transform:translate(-50%) translateY(-3%) rotate(var(--ir, 0deg)) scale(1.06)}.card h3{position:absolute;left:12.5%;bottom:8%;margin:0;font-family:var(--serif);font-weight:300;font-size:calc(var(--cw) * .1);line-height:1.2;letter-spacing:-.01em;transition:transform .7s var(--ease-out)}.card:hover h3{transform:translate(6px)}.stats{display:grid;grid-template-columns:repeat(4,max-content);justify-content:center;gap:28px clamp(40px,8.5vw,140px);padding:0 var(--pad);max-width:1512px;margin:0 auto clamp(90px,10vw,150px)}.stat__num{margin:0 0 12px;font-weight:400;font-size:clamp(30px,2.5vw,40px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat__label{margin:0;max-width:18em;font-size:clamp(14px,1.1vw,16px);line-height:1.5;color:var(--muted)}.statement{padding:clamp(90px,11vw,170px) var(--pad) clamp(90px,10vw,150px)}.statement__text{max-width:1200px;margin:0 auto;text-align:center;font-family:var(--serif);font-weight:300;font-size:clamp(22px,2.05vw,33px);line-height:1.38;letter-spacing:-.01em;text-wrap:pretty}.statement__text em{font-style:italic}@media (max-width: 1100px){.cards{--cw: 21vw}}@media (max-width: 860px){.stats{grid-template-columns:repeat(2,max-content);row-gap:40px;column-gap:clamp(32px,14vw,80px)}.cards{--cw: 54.4vw;justify-content:flex-start;align-items:center;gap:14px;overflow-x:auto;padding:56px var(--pad) 28px;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:none}.cards::-webkit-scrollbar{display:none}.card-wrap{margin:0;scroll-snap-align:center}.card{--ty: 0px;--rot: 0deg;--y: 0}.card:hover{--ty: -8px;--rot: 0deg}}.stats__cta{grid-column:1 / -1;justify-self:center;margin-top:clamp(20px,3vw,44px)}.cards-hint{display:none}@media (max-width: 860px){.cards-hint{display:flex;align-items:center;gap:16px;padding:0 var(--pad) 56px}.cards-hint__bar{position:relative;flex:1;height:2px;overflow:hidden;border-radius:2px;background:var(--line)}.cards-hint__bar i{position:absolute;inset:0 auto 0 0;width:40%;border-radius:2px;background:var(--fg);transform:translate(0)}.cards-hint__text{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--muted);transition:opacity .5s}.cards-hint__text svg{animation:nudge 1.4s var(--ease) infinite}.cards-hint.is-used .cards-hint__text{opacity:0}}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (prefers-reduced-motion: reduce){.cards-hint__text svg{animation:none}}