.tvr-section{padding-block:clamp(64px,7vw,100px);overflow:hidden}.tvr__wrap{width:100%}.tvr__row{--card:250px;--gap:24px;--vis:4;--pad:14px;width:calc(var(--vis) * var(--card) + (var(--vis) - 1) * var(--gap) + 2 * var(--pad));opacity:0;max-width:100%;margin-inline:auto;transition:opacity .4s;position:relative}.tvr__row.is-ready{opacity:1}.tvr__carousel{padding:var(--pad);touch-action:pan-y;border-radius:28px;outline:none;overflow:hidden}.tvr__carousel:focus-visible{outline:2px solid var(--green);outline-offset:2px}.tvr__track{gap:var(--gap);will-change:transform;margin:0;padding:0;list-style:none;transition:transform .65s cubic-bezier(.22,1,.36,1);display:flex}.tvr__arrow{z-index:2;top:calc(var(--pad) + 8px + (var(--card) - 16px) * 8 / 9);width:46px;height:46px;color:var(--green-700);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;transition:background-color .3s, color .3s, border-color .3s, scale .3s var(--ease-out), opacity .3s;border-radius:14px;place-items:center;display:grid;position:absolute;translate:0 -50%}.tvr__arrow--prev{right:calc(100% + 4px)}.tvr__arrow--prev svg{transform:rotate(180deg)}.tvr__arrow--next{left:calc(100% + 4px)}.tvr__arrow:hover:not(:disabled){color:#fff;background:var(--green);border-color:#0000;scale:1.06}.tvr__arrow:focus-visible{outline:2px solid var(--green);outline-offset:3px}.tvr__arrow:disabled{opacity:.4;cursor:default}.tvr__card{width:var(--card);background:var(--surface);border:1px solid var(--line);transform-origin:50%;transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out), border-color .4s;border-radius:22px;flex-direction:column;flex:none;gap:12px;padding:8px 8px 16px;display:flex;box-shadow:0 20px 40px -30px #0a503259}.tvr__card:not(.is-playing):hover,.tvr__card:not(.is-playing):focus-within{border-color:#0aa66b66;transform:scale(1.05);box-shadow:0 30px 50px -30px #0aa66b73}.tvr__card.is-playing{border-color:#0aa66b73;box-shadow:0 30px 50px -30px #0aa66b73}.tvr__hit{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.tvr__hit:focus-visible{outline:3px solid var(--green);outline-offset:-3px;border-radius:16px}.tvr__video{aspect-ratio:9/16;background:hsl(var(--hue) 30% 90%);border-radius:16px;display:block;position:relative;overflow:hidden}.tvr__thumb{object-fit:cover;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.tvr__hit .tvr__thumb{pointer-events:none;background:0 0}.tvr__hit:after{content:"";pointer-events:none;background:linear-gradient(#0000002e,#0000 30% 70%,#00000038);position:absolute;inset:0}.tvr__time{z-index:1;font-family:var(--mono);color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;display:inline-flex;position:absolute;top:10px;left:10px}.tvr__play{z-index:1;width:64px;height:64px;color:var(--green);transition:scale .4s var(--ease-out), background-color .3s, color .3s;background:#fff;border-radius:16px;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 12px 26px -12px #0a503273}.tvr__play svg{margin-left:2px}.tvr__hit:hover .tvr__play,.tvr__hit:focus-visible .tvr__play{color:#fff;background:var(--green);scale:1.08}.tvr__meta{gap:10px;padding:0 8px;display:grid}.tvr__who{gap:1px;display:grid}.tvr__who b{letter-spacing:-.01em;color:var(--ink);font-size:14.5px;font-weight:650}.tvr__who small{color:var(--green-600);font-size:12.5px}.tvr__foot{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.tvr__pages{gap:6px;display:flex}.tvr__pages i{width:18px;height:4px;transition:width .4s var(--ease-out), background-color .3s;background:#0a503226;border-radius:3px}.tvr__pages i.is-on{background:var(--green);width:36px}.tvr__count{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);font-size:12px}@media (max-width:640px){.tvr__arrow{border-radius:12px;width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.tvr__track,.tvr__card,.tvr__play,.tvr__row{transition:none}}
.ws3{--pin-pad:88px;--rot:0deg;height:calc(100vh + (var(--n) - 1) * 70vh + 34vh);position:relative}.ws3__pin{box-sizing:border-box;height:100vh;padding-top:var(--pin-pad);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid;position:sticky;top:0}.ws3__side .h2{margin:16px 0 26px}.ws3__copy{display:grid}.ws3__copyitem{opacity:0;transition:opacity .5s, transform .6s var(--ease-out);grid-area:1/1;transform:translateY(14px)}.ws3__copyitem.is-on{opacity:1;transform:none}.ws3__copyitem h3{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:12px;margin:0 0 10px;font-size:clamp(1.2rem,1.7vw,1.45rem);font-weight:600;display:flex}.ws3__copyitem h3 span{width:34px;height:34px;font-family:var(--mono);color:#fff;background:var(--ac);box-shadow:0 10px 20px -10px var(--ac);border-radius:10px;flex-shrink:0;place-items:center;font-size:12px;transition:background-color .6s,box-shadow .6s;display:grid}.ws3__copyitem p{margin:0}.ws3__progress{align-items:center;gap:6px;margin-top:30px;display:flex}.ws3__progress button{cursor:pointer;background:var(--line-2);width:36px;height:4px;transition:background-color .5s, width .5s var(--ease-out);border:0;border-radius:4px;padding:0;position:relative}.ws3__progress button:after{content:"";position:absolute;inset:-10px -3px}.ws3__progress button.is-on{background:var(--ac);width:52px}.ws3__progress button:focus-visible{outline:2px solid var(--ac);outline-offset:4px}.ws3__progress b{font-family:var(--mono);color:var(--muted);margin-left:10px;font-size:12px;font-weight:500}.ws3__stage{height:clamp(460px, calc(100vh - var(--pin-pad) - 110px), 580px);perspective:1400px;perspective-origin:50% 35%;opacity:min(1, calc(.3 + var(--e,1) * .7));position:relative}.ws3__glow{background-color:var(--ac);opacity:.14;filter:blur(70px);pointer-events:none;border-radius:50%;transition:background-color .8s;position:absolute;inset:22% 14% 10%}.ws3__emblem{height:66%;transform:translateY(calc((1 - var(--e,1)) * 50px));position:absolute;top:0;left:0;right:0}.pe3d{position:absolute;inset:0}.pe3d canvas{width:100%;height:100%;display:block}.ws3__metric{text-align:center;justify-items:center;display:grid;position:absolute;bottom:2%;left:0;right:0}.ws3__metric-item{opacity:0;transition:opacity .5s, transform .7s var(--ease-out);pointer-events:none;grid-area:1/1;justify-items:center;gap:8px;display:grid;transform:translateY(16px)}.ws3__metric-item.is-on{opacity:1;transform:none}.ws3__metric-item b{letter-spacing:-.06em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 78%, white), var(--c) 55%, color-mix(in srgb, var(--c) 70%, #062a1c));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.6rem,6.4vw,5.6rem);font-weight:750;line-height:.95}.ws3__metric-item small{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.ws3__proofline{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:8px;font-size:14px;font-weight:500;display:flex}.ws3__proofline span{align-items:center;gap:6px;display:inline-flex}.ws3__proofline svg{color:var(--c)}.ws3__chip{color:var(--ink);border:1px solid color-mix(in srgb, var(--c) 22%, var(--line));background:#fffffff0;border-radius:12px;align-items:center;gap:9px;padding:8px 14px 8px 8px;font-size:13.5px;font-weight:600;display:inline-flex}.ws3__chip i{color:#fff;background:var(--c);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.ws3__list{display:none}@media (max-width:1180px){.ws3__stage{perspective:1100px}.ws3__chip{font-size:12.5px}}@media (max-width:960px),(prefers-reduced-motion:reduce){.ws3{height:auto}.ws3__pin{height:auto;padding-top:0;display:block;position:static}.ws3__copy,.ws3__progress,.ws3__stage{display:none}.ws3__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.ws3__item{background:radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--c) 12%, transparent), transparent 70%), #fff;border:1px solid color-mix(in srgb, var(--c) 22%, var(--line));border-radius:24px;align-content:start;gap:14px;padding:24px;display:grid}.ws3__item p{color:var(--ink-2);margin:0}.ws3__item-top{align-items:center;gap:12px;display:flex}.ws3__item-top h3{letter-spacing:-.02em;font-size:1.2rem;font-weight:600}.ws3__n{width:38px;height:38px;font-family:var(--mono);color:#fff;background:var(--c);border-radius:11px;flex-shrink:0;place-items:center;font-size:12px;display:grid}.ws3__item-stat{align-items:baseline;gap:10px;display:flex}.ws3__item-stat b{letter-spacing:-.05em;color:var(--c);font-size:2.6rem;font-weight:700}.ws3__item-stat small{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.ws3__item-chips{flex-wrap:wrap;gap:8px;display:flex}.ws3__item-chips .ws3__chip{white-space:normal;font-size:12.5px}}@media (max-width:600px){.ws3__list{grid-template-columns:1fr}}