:where(.page-work) .work-hero{isolation:isolate;padding:clamp(150px,17vw,220px) 0 clamp(56px,6vw,90px);position:relative;overflow:hidden}:where(.page-work) .work-hero>canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}:where(.page-work) .work-hero-glow{z-index:-2;pointer-events:none;filter:blur(20px);background:radial-gradient(closest-side,#7c3aed52,#22d3ee14 60%,#0000 75%);width:70vw;height:80vh;animation:14s ease-in-out infinite alternate workGlow;position:absolute;top:-20vh;right:-12vw}:where(.page-work) .work-hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;display:grid}:where(.page-work) .work-title{margin:24px 0 28px}:where(.page-work) .work-tally{font:500 11px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:right;justify-items:end;gap:6px;padding-bottom:8px;display:grid}:where(.page-work) .work-tally strong{font:600 clamp(64px, 8vw, 132px)/.9 var(--f-display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}:where(.page-work) .work-tally-split{color:var(--dim)}:where(.page-work) .filters{flex-wrap:wrap;gap:10px;margin-top:clamp(40px,5vw,64px);display:flex}:where(.page-work) .filters .chip .count{margin-left:2px}:where(.page-work) .filters .chip{transition:color .12s,box-shadow .12s,background-color .12s}@media (max-width:760px){:where(.page-work) .work-hero-grid{grid-template-columns:1fr}:where(.page-work) .work-tally{text-align:left;justify-items:start}}:where(.page-work) .work-strip{margin-top:0}:where(.page-work) .work-grid-section{padding-top:clamp(64px,8vw,110px);padding-bottom:clamp(24px,4vw,56px)}:where(.page-work) .pgrid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:clamp(48px,6vw,88px) clamp(18px,2.2vw,32px);display:grid}:where(.page-work) .pcard{grid-column:span 3;min-width:0}:where(.page-work) .pcard[hidden]{display:none!important}:where(.page-work) .pcard--xl{grid-column:1/-1}:where(.page-work) .pcard--l{grid-column:span 4}:where(.page-work) .pcard--s{grid-column:span 2}@media (max-width:860px){:where(.page-work) .pgrid{grid-template-columns:minmax(0,1fr)}:where(.page-work) .pcard,:where(.page-work) .pcard--xl,:where(.page-work) .pcard--l,:where(.page-work) .pcard--s{grid-column:1/-1}}:where(.page-work) .pcard-link{color:inherit;gap:24px;display:grid}:where(.page-work) .pcard--xl .pcard-link{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:clamp(28px,4vw,64px)}@media (max-width:1000px){:where(.page-work) .pcard--xl .pcard-link{grid-template-columns:minmax(0,1fr)}}.js :where(.page-work) .pcard-reveal[data-reveal]{opacity:1;transform:none}.js :where(.page-work) .pcard-reveal[data-reveal]>.pcard-media{clip-path:inset(100% 0 0 round 22px);transition:clip-path 1.5s var(--ease), transform .6s var(--ease)}.js :where(.page-work) .pcard-reveal[data-reveal].in>.pcard-media{clip-path:inset(-6px round 26px)}.js :where(.page-work) .pcard[data-joined] [data-reveal]{opacity:1;transition:none;transform:none}.js :where(.page-work) .pcard[data-joined] .pcard-reveal[data-reveal]>.pcard-media{clip-path:inset(-6px round 26px);transition:transform .6s var(--ease)}:where(.page-work) .pcard-media{border-radius:22px;position:relative}:where(.page-work) .pcard-media>.shot,:where(.page-work) .pcard-media>.cover{border-radius:22px}:where(.page-work) .pcard--xl .pcard-media>.shot{aspect-ratio:16/10}:where(.page-work) .pcard-media>.shot--tall,:where(.page-work) .pcard-media>.cover--tall{aspect-ratio:4/5}:where(.page-work) .pcard--l .pcard-media>.cover--tall{aspect-ratio:16/10}:where(.page-work) .pcard--s .pcard-media>.shot--tall{aspect-ratio:4/5.9}:where(.page-work) .shot--tall img{object-position:left top}:where(.page-work) .pcard-media>.shot img{transition:transform 1.4s var(--ease), filter .6s}:where(.page-work) .pcard:hover .pcard-media>.shot img{transform:scale(1.06)}:where(.page-work) .pcard-media>.shot:after{content:"";pointer-events:none;opacity:.6;background:linear-gradient(#0000 55%,#07060d59);transition:opacity .6s;position:absolute;inset:0}:where(.page-work) .pcard:hover .pcard-media>.shot:after{opacity:0}:where(.page-work) .pcard-media>.pcard-n{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 11px/1 var(--f-mono);letter-spacing:.1em;color:#ffffffe6;background:#07060d80;border-radius:999px;padding:8px 11px;position:absolute;bottom:16px;left:16px;box-shadow:inset 0 0 0 1px #ffffff24}:where(.page-work) .pcard-media>.pcard-go{z-index:2;width:52px;height:52px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:transform .7s var(--spring), opacity .3s, background-color .3s, color .3s;background:#07060d80;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;transform:scale(.7)rotate(-45deg);box-shadow:inset 0 0 0 1px #ffffff2e}:where(.page-work) .pcard-go svg{width:20px;height:20px}:where(.page-work) .pcard--xl .pcard-media>.pcard-n{left:auto;right:16px}:where(.page-work) .pcard:hover .pcard-go,:where(.page-work) .pcard-link:focus-visible .pcard-go{opacity:1;background:var(--text);color:var(--void);transform:none}:where(.page-work) .pcard-media>.cover{transition:box-shadow .6s}:where(.page-work) .cover:before,:where(.page-work) .cover .cover-bars{transition:transform 1.2s var(--ease)}:where(.page-work) .pcard:hover .cover:before{transform:translateY(-5%)}:where(.page-work) .pcard:hover .cover .cover-bars{transform:translateY(-14%)}:where(.page-work) .pcard:hover .cover .cover-chip{transform:translateY(-8px)rotate(-3deg)}:where(.page-work) .pcard-meta{justify-items:start;gap:12px;display:grid}:where(.page-work) .pcard-title{font:600 clamp(26px, 2.6vw, 40px)/1.05 var(--f-display);letter-spacing:-.04em}:where(.page-work) .pcard--xl .pcard-title{font-size:clamp(38px,4.8vw,80px);line-height:.98}:where(.page-work) .pcard--s .pcard-title{font-size:clamp(24px,2.1vw,32px)}:where(.page-work) .pcard-line{color:var(--muted);max-width:48ch}:where(.page-work) .pcard--xl .pcard-line{font-size:clamp(16px,1.25vw,19px)}:where(.page-work) .pcard-proof{font:500 12px/1.4 var(--f-mono);letter-spacing:.04em;color:var(--ice);flex-wrap:wrap;gap:6px 16px;display:flex}:where(.page-work) .pcard-proof span+span:before{content:"·";color:var(--dim);margin-right:16px}@media (max-width:600px){:where(.page-work) .pcard-proof span+span:before{display:none}}:where(.page-work) .pcard .tags{margin-top:4px}:where(.page-work) .pcard-cta{margin-top:10px}:where(.page-work) .pcard-link:hover .pcard-cta:after{transform:scaleX(1)}:where(.page-work) .pcard-link:hover .pcard-cta .i-arrow{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.js :where(.page-work) .pcard-reveal[data-reveal]>.pcard-media{clip-path:none!important;transition:none!important}:where(.page-work) .work-hero-glow{animation:none}}@keyframes workGlow{to{transform:translate(-6vw,8vh)scale(1.1)}}