/* studio wave2 4413 · sports · care-cards · type-emphasis · tabs */
.scene{--scene-a:oklch(72% 0.16 241);--scene-b:oklch(66% 0.13 293);--scene-glow:color-mix(in oklch,var(--scene-a) 32%,transparent);--scene-radius:1.20rem;--scene-pad:1rem;--scene-gap:0.85rem;position:relative;max-inline-size:60rem;margin-inline:auto;padding:clamp(1.1rem,3vw,2.1rem);isolation:isolate}
.scene::before{content:"";position:absolute;inset:-12% auto auto -8%;inline-size:min(28rem,70%);block-size:15rem;border-radius:50%;background:radial-gradient(146deg,var(--scene-glow),transparent 70%);pointer-events:none;z-index:-1}
.scene-mark{display:inline-grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:calc(var(--scene-radius)*.9);background:linear-gradient(146deg,var(--scene-a),var(--scene-b));color:var(--velin-color-on-primary);box-shadow:0 12px 30px var(--scene-glow)}
.scene-title{font-family:var(--velin-font-heading);font-size:clamp(1.4rem,3.1vw,2.1rem);line-height:1.08;margin:0}
.scene-grid{display:grid;gap:var(--scene-gap);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.scene-card{padding:var(--scene-pad);border-radius:var(--scene-radius);border:2px solid color-mix(in oklch,var(--scene-a) 55%,transparent);background:transparent;}
.scene-split{display:grid;gap:var(--scene-gap);grid-template-columns:1.1fr .9fr}
.scene-rail{display:flex;gap:var(--scene-gap);overflow-x:auto;padding-block-end:.35rem}
.scene-rail>*{flex:0 0 12rem}
.scene-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-radius:999px;font-weight:700;cursor:pointer}
.scene-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.7rem .85rem;border-radius:calc(var(--scene-radius)*.85);border:1px solid var(--atelier-hairline);background:var(--atelier-glass);margin-block-end:.45rem}
.scene-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-block-end:.85rem}
.scene-search{flex:1 1 12rem;min-inline-size:10rem}
.scene-chip{border-radius:999px}
.scene-chip.is-active{outline:2px solid var(--scene-a)}
.scene-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-block-end:.75rem}
.scene-panel[hidden]{display:none!important}
.scene-ico-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-block-end:.75rem}
.scene-ico-row .scene-mark{inline-size:2rem;block-size:2rem}
.scene-skel{height:0.85rem;border-radius:999px;background:linear-gradient(90deg,color-mix(in oklch,canvasText 8%,transparent),color-mix(in oklch,var(--scene-a) 18%,transparent),color-mix(in oklch,canvasText 8%,transparent));background-size:200% 100%;animation:scene-shimmer 1.4s linear infinite;margin-block-end:.55rem}
@media(max-width:42rem){.scene-split{grid-template-columns:1fr}}
@keyframes scene-clip{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.scene[data-motion="type-emphasis"] .scene-title{animation:scene-clip 780ms var(--atelier-ease) both}
@media(prefers-reduced-motion:reduce){.scene[data-motion] .motion-item,.scene[data-motion] .scene-mark,.scene[data-motion] .scene-cta,.scene[data-motion] .scene-title,.scene[data-motion] .kpi-pulse,.scene[data-motion] .orbit,.scene[data-motion] .wipe-l,.scene[data-motion] .wipe-r,.scene[data-motion] .scene-accent::before,.scene-skel{animation:none!important}}