.whero{--w:clamp(180px, 18vw, 340px);--R:calc(var(--w) * 1.78);min-height:max(100svh,760px);padding:calc(var(--nav-h) + 20px) var(--gutter) clamp(36px, 5vh, 64px);background:radial-gradient(60% 50% at 50% 38%, #00fdba24 0%, #00fdba00 70%), linear-gradient(180deg, var(--bg-deeper) 0%, var(--bg) 100%);grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.whero__glow{pointer-events:none;background:radial-gradient(closest-side,#d0e6fd14,#d0e6fd00);border-radius:50%;width:70vw;height:40vw;position:absolute;top:30%;left:50%;translate:-50%}.whero__stage{height:calc(var(--w) * 1.5);perspective:1800px;touch-action:pan-y;-webkit-user-select:none;user-select:none;opacity:0;align-self:center;margin-top:-2vh;position:relative}.whero__intro{transform-style:preserve-3d;position:absolute;inset:0}.whero__tilt{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(-8deg)}.whero__ring{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.whero__screen{--f:1;width:var(--w);aspect-ratio:4/3;margin:calc(var(--w) * -.375) 0 0 calc(var(--w) * -.5);background:var(--bg-lift);box-shadow:0 0 0 1px var(--ice-14), 0 30px 60px -30px #000000e6;transform:rotateY(var(--r)) translateZ(var(--R));filter:brightness(clamp(.32, calc(.4 + var(--f) * .6), 1));border-radius:16px;position:absolute;top:50%;left:50%;overflow:hidden}.whero__screen img{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%}.whero__name{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);text-align:left;opacity:clamp(0, calc((var(--f) - .86) * 9), 1);background:#0b0c12a8;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;position:absolute;bottom:12px;left:12px;right:12px}.whero__copy{z-index:2;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:clamp(16px,1.6vw,32px);display:grid;position:relative}.whero__title{font-family:var(--display);letter-spacing:-.05em;grid-column:1/9;margin:0;font-size:clamp(60px,10vw,200px);font-weight:400;line-height:.88}.whero__title .mask:last-child .mask__in{background:linear-gradient(100deg, var(--white) 0%, var(--ice) 40%, var(--mint) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.whero__side{grid-column:9/13;gap:16px;padding-bottom:1.2vw;display:grid}.whero__count{color:var(--ice-60);margin:0;font-size:14px}.whero__count b{color:var(--mint);font-family:var(--display);margin-right:6px;font-size:28px;font-weight:400}.whero__lead{max-width:36ch;color:var(--ice-60);margin:0;font-size:16px;line-height:1.55}.show{z-index:2;padding:clamp(96px, 9vw, 170px) var(--gutter) clamp(110px, 11vw, 200px);background:var(--paper);color:var(--ink);position:relative}.show__filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:none;display:flex}.show__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:clamp(56px,5vw,96px) clamp(20px,2.4vw,48px);margin:0;padding:0;list-style:none;display:grid}.wproj{align-content:start;min-width:0;display:grid;position:relative}.wproj__media{aspect-ratio:16/10;background:var(--ice-soft);clip-path:inset(0% round 22px);width:100%;transition:translate .7s var(--expo), box-shadow .7s var(--expo);border-radius:22px;display:block;position:relative;overflow:hidden;box-shadow:0 0 #26293800}.wproj:hover .wproj__media{translate:0 -8px;box-shadow:0 40px 60px -40px #2629388c}.wproj__pic{display:block;position:absolute;inset:-5% 0}.wproj__pic img{object-fit:cover;object-position:top;width:100%;height:100%;transition:scale 1.2s var(--expo);scale:1}.wproj:hover .wproj__pic img{scale:1.05}.wproj__num,.wproj__kind{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:30px;color:var(--ink);background:#ffffffdb;border-radius:999px;place-items:center;padding:0 12px;display:grid;position:absolute;top:18px}.wproj__num{left:18px}.wproj__kind{font-size:12px;font-weight:600;right:18px}.wproj__meta{gap:10px;padding-top:24px;display:grid}.wproj__row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.wproj__title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(24px,2.1vw,38px);font-weight:400;line-height:1.08}.wproj__year{color:var(--ink-70);flex:none}.wproj__client{color:var(--ink-70);margin:0;font-size:15px}.wproj__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin-top:6px;display:flex}.wproj__tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wproj__tags li{background:var(--ice-soft);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.wproj__cta{height:46px;box-shadow:inset 0 0 0 1px var(--ink-14);color:var(--ink);transition:background-color .45s var(--expo), color .45s var(--expo), box-shadow .45s var(--expo);border-radius:999px;align-items:center;gap:12px;padding:0 8px 0 20px;font-size:14px;font-weight:600;display:inline-flex}.wproj__cta svg{box-sizing:content-box;background:var(--ink);width:12px;height:12px;color:var(--white);transition:rotate .6s var(--expo), background-color .45s var(--expo), color .45s var(--expo);border-radius:50%;padding:9px}.wproj:hover .wproj__cta,.wproj__cta:focus-visible{background:var(--ink);color:var(--white);box-shadow:none}.wproj:hover .wproj__cta svg,.wproj__cta:focus-visible svg{background:var(--mint);color:var(--ink);rotate:45deg}@media (width<=1023px){.whero__title,.whero__side{grid-column:1/-1}.whero__side{margin-top:22px}.show__filters{justify-content:flex-start}}@media (width<=767px){.whero{--w:150px;min-height:100svh}.show__grid{grid-template-columns:minmax(0,1fr);row-gap:56px}}