@layer components{.wk-page{padding-bottom:110px}.wk-hero{position:relative;overflow:hidden;padding:120px 0 30px;background:radial-gradient(70% 60% at 80% 20%,color-mix(in srgb,var(--color-primary) 14%,transparent),transparent 65%)}.wk-hero .cine-wrap{position:relative;z-index:1}.wk-hero .cine-h1{max-width:920px}.wk-lede{margin-top:26px;max-width:720px;font-size:clamp(17px,1.5vw,19.5px);color:color-mix(in srgb,var(--color-foreground) 82%,transparent)}.wk-stats{display:flex;flex-wrap:wrap;gap:18px 34px;margin:36px 0 0}.wk-stats div{border-left:1px solid var(--color-cine-line-2);padding-left:16px}.wk-stats dt{color:var(--color-triage-dim)}.wk-stats dd{margin:4px 0 0;font-family:var(--font-heading);font-size:46px;line-height:1;color:var(--color-cine-glow)}.wk-filters{display:flex;flex-wrap:wrap;gap:8px;margin:54px 0 46px}.wk-filters button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-cine-line-2);border-radius:999px;padding:9px 15px;background:transparent;color:var(--color-muted-foreground);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.wk-filters button span{color:var(--color-triage-dim)}.wk-filters button:hover{color:var(--color-foreground);border-color:var(--color-primary-hover)}.wk-filters button[aria-pressed=true]{color:var(--color-cine-ink);background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.wk-filters button[aria-pressed=true] span{color:var(--color-cine-ink)}.wk-list{display:grid;gap:90px;margin-bottom:80px}.wk-item{display:grid;grid-template-columns:1.3fr 1fr;gap:22px 48px;align-items:center;animation:wk-in .8s cubic-bezier(.2,.8,.2,1) both}.wk-item:nth-child(2){animation-delay:.08s}.wk-item:nth-child(3){animation-delay:.16s}@keyframes wk-in{0%{opacity:0;transform:translateY(26px)}}.wk-item.is-flip .wk-shot{order:2}.wk-num{grid-column:1 / -1;display:flex;align-items:center;gap:14px;color:var(--color-primary-hover)}.wk-num:after{content:"";flex:1;height:1px;background:var(--color-cine-line)}.wk-shot,.cine-case.is-flip .wk-shot{transform:none}.wk-shot:hover{transform:translateY(-4px)}.wk-info h2{font-family:var(--font-heading);font-weight:400;letter-spacing:-.02em;font-size:clamp(30px,3.2vw,44px);margin:16px 0 6px}.wk-line{color:var(--color-muted-foreground);font-size:17px;margin:10px 0 22px;max-width:460px}.wk-info .cine-built{margin-top:18px}.wk-note{color:var(--color-triage-dim)}.wk-next{margin-top:10px}@media (max-width: 900px){.wk-hero{padding:80px 0 20px}.wk-stats dd{font-size:36px}.wk-item{grid-template-columns:1fr}.wk-item.is-flip .wk-shot{order:0}.wk-list{gap:60px}}@media (prefers-reduced-motion: reduce){.wk-item{animation:none}}}
