.page-hero{padding:clamp(140px,18vw,220px) 0 clamp(40px,6vw,70px)}.page-hero h1{letter-spacing:-.055em;margin:20px 0 24px;font-size:clamp(52px,9vw,140px);font-weight:500;line-height:.92}.page-hero .lede{max-width:640px;color:var(--ink-2);font-size:clamp(17px,1.5vw,20px)}.filters{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.filters button{border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;padding:10px 16px;font-size:14px;transition:all .3s}.filters button span{font-family:var(--mono);color:var(--mute);margin-left:4px;font-size:11px}.filters button:hover{color:var(--ink);border-color:var(--ink-2)}.filters button.on{background:var(--ink);color:#000;border-color:var(--ink)}.filters button.on span{color:#444}.work-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:140px;display:grid}.wg-item{display:flex}.wg-item>*{flex:1}.wg-item[hidden]{display:none}@media (width<=1000px){.work-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.work-grid{grid-template-columns:1fr}}.case-head{padding-top:clamp(120px,15vw,180px)}.back{color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.back:hover{color:var(--accent)}.case-meta{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:16px;margin-top:36px;font-size:12px;display:flex}.case h1{letter-spacing:-.06em;margin:22px 0 18px;font-size:clamp(60px,12vw,190px);font-weight:500;line-height:.88}.case-line{letter-spacing:-.02em;color:var(--ink-2);max-width:820px;margin:0 0 32px;font-size:clamp(20px,2.2vw,30px);line-height:1.3}.case-links{flex-wrap:wrap;gap:12px;display:flex}.btn.solid{--lime:var(--accent)}.wip-note{color:#ffcf5c;background:#ffcf5c0d;border:1px dashed #ffcf5c66;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;padding:14px 18px;font-size:13px;display:flex}.case-hero{margin-top:clamp(40px,6vw,80px)}.case-hero>img,.case-hero>video,.case-hero>.pc-art{border:1px solid var(--line-2);aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:0 40px 120px color-mix(in srgb, var(--c) 18%, transparent);border-radius:26px}.pc-art.big{position:relative}.pc-art.big span{font-size:clamp(56px,11vw,170px)}.case-body{grid-template-columns:7fr 5fr;gap:clamp(32px,6vw,96px);padding-top:clamp(64px,9vw,120px);padding-bottom:40px;display:grid}.case-summary p{letter-spacing:-.015em;margin:18px 0 0;font-size:clamp(20px,2vw,27px);line-height:1.45}.case-side{align-content:start;gap:40px;display:grid}.points{margin:16px 0 0;padding:0;list-style:none;display:grid}.points li{border-bottom:1px solid var(--line);color:var(--ink-2);padding:14px 0 14px 28px;font-size:15px;position:relative}.points li:before{content:"";background:var(--c);width:12px;height:2px;position:absolute;top:22px;left:0}.stack{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.stack span{font-family:var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12px}.say{border:1px solid var(--line-2);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--c) 18%, transparent), transparent 60%), var(--bg-2);border-radius:18px;margin-top:36px;padding:22px}.say .mono{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:11px}.say-line{letter-spacing:-.02em;align-items:center;gap:14px;min-height:36px;margin-top:12px;font-size:24px;display:flex}.say-line b{font-weight:500}.say-line b:after{content:"▍";color:var(--c);margin-left:2px;animation:1s infinite blink}.say-mic{background:var(--c);width:14px;height:14px;box-shadow:0 0 0 0 var(--c);border-radius:50%;flex:none;animation:1.6s infinite ping}@media (width<=900px){.case-body{grid-template-columns:1fr}}.case-gallery{grid-template-columns:repeat(2,1fr);gap:16px;padding-top:40px;display:grid}.case-gallery figure{margin:0}.case-gallery img,.case-gallery video{border:1px solid var(--line);aspect-ratio:16/10;object-fit:cover;background:#0c0c0f;border-radius:20px;width:100%}.case-gallery figcaption{color:var(--mute);margin-top:10px;font-size:12px}.case-gallery figure:only-child{grid-column:1/-1}@media (width<=700px){.case-gallery{grid-template-columns:1fr}}.case-cta{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-top:clamp(80px,10vw,140px);padding-top:40px;padding-bottom:40px;display:flex}.case-cta h2{letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(40px,6vw,88px);font-weight:500;line-height:1}.related{padding-top:60px}.related-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}@media (width<=900px){.related-grid{grid-template-columns:1fr}}.pager{grid-template-columns:1fr 1fr;gap:16px;padding-top:80px;padding-bottom:100px;display:grid}.pager a{border:1px solid var(--line);border-radius:var(--r);gap:8px;padding:28px;transition:border-color .3s,background .3s;display:grid}.pager a:hover{border-color:var(--c);background:color-mix(in srgb, var(--c) 6%, transparent)}.pager .nx{text-align:right}.pager .mono{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.pager b{letter-spacing:-.03em;font-size:clamp(24px,3vw,40px);font-weight:500}.ai-stats{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:28px;margin-top:32px;font-size:12px;display:flex}.ai-stats b{color:var(--ink);margin-right:4px;font-size:15px}
