@keyframes csUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes csFill{0%{width:0}to{width:100%}}.cs .sr-only,.cs-viewer .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cs-in{max-width:1240px;margin:0 auto}.cs-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:500}.cs section.cs-page{padding-top:clamp(20px,2.8vw,44px)}.cs-hero{text-align:center}.cs-hero .crumbs{flex-wrap:wrap;justify-content:center;margin-bottom:18px}.cs-hero h1{letter-spacing:-.04em;max-width:16ch;animation:csUp .6s var(--ease) backwards;margin:0 auto;font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1.02}.cs-intro{color:var(--muted);max-width:56ch;margin:18px auto 0;font-size:clamp(16px,1.3vw,18.5px);line-height:1.6}.cs-feature{text-align:left;cursor:pointer;color:#fff;width:100%;font:inherit;animation:csUp .7s 80ms var(--ease) backwards;background:0 0;border:0;border-radius:20px;margin-top:clamp(28px,3.4vw,48px);padding:0;display:block}.cs-feature-media{aspect-ratio:16/7;background:#17171b;border-radius:20px;position:relative;overflow:hidden}.cs-feature-media img,.cs-feature-media video{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease);position:absolute;inset:0}.cs-feature:hover .cs-feature-media img{transform:scale(1.02)}.cs-feature-media:after{content:"";pointer-events:none;background:linear-gradient(#08080a00 30%,#08080a40 55%,#08080ad1);position:absolute;inset:0}.cs-feature-cap{z-index:1;max-width:760px;padding:clamp(18px,2.6vw,36px);position:absolute;bottom:0;left:0;right:0}.cs-feature-cap .cs-label{color:#ffffffb8}.cs-feature-cap p{font-family:var(--display);letter-spacing:-.02em;margin-top:10px;font-size:clamp(20px,2.2vw,30px);font-weight:600;line-height:1.2}.cs-feature-cap .cs-who{color:#ffffffc7;margin-top:10px;font-size:14.5px;display:block}.cs-feature--still{cursor:default}.cs-play{z-index:1;-webkit-backdrop-filter:blur(6px);color:#fff;background:#0e0e1080;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:clamp(16px,2.4vw,28px);right:clamp(16px,2.4vw,28px)}.cs-play svg{width:18px;height:18px;margin-left:3px}.cs-rows{flex-direction:column;gap:clamp(36px,4vw,56px);margin-top:clamp(44px,5vw,76px);display:flex}.cs-row{min-width:0}.cs-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:40px;margin-bottom:14px;display:flex}.cs-row-head h2{letter-spacing:-.025em;font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.1}.cs-row-nav{align-items:center;gap:8px;display:flex}.cs-row-nav button{border-radius:var(--r-btn);background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;transition:border-color .2s var(--ease);place-items:center;display:grid}.cs-row-nav button:hover{border-color:#d8d7d0}.cs-row-nav button:disabled{opacity:.4;cursor:default}.cs-row-nav svg{width:16px;height:16px}.cs-strip{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.cs-strip::-webkit-scrollbar{display:none}.cs-strip>li{scroll-snap-align:start;flex:0 0 clamp(170px,19vw,236px)}.cs-tile{aspect-ratio:9/16;color:#fff;animation:csUp .55s var(--ease) backwards;animation-delay:calc(var(--i,0) * 45ms);background:#17171b;border-radius:14px;display:block;position:relative;overflow:hidden}.cs-tile img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.cs-tile:hover img{transform:scale(1.04)}.cs-tile:after{content:"";pointer-events:none;background:linear-gradient(#08080a00 42%,#08080ad9);position:absolute;inset:0}.cs-tile-cap{z-index:1;padding:12px 12px 14px;position:absolute;bottom:0;left:0;right:0}.cs-tile-cap p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.cs-tile-cap .cs-who{color:#ffffffb8;margin-top:6px;font-size:12px;display:block}.cs-tile .cs-play{width:30px;height:30px;top:10px;right:10px}.cs-tile .cs-play svg{width:11px;height:11px;margin-left:2px}.cs-tile:focus-visible{outline:2px solid var(--brand);outline-offset:-4px}.cs-frame{height:clamp(120px,13vw,160px);color:var(--muted);background:0 0;border:1.5px dashed #d9d7d0;border-radius:14px;place-items:center;display:grid}.cs-band{background:var(--deep);color:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(56px,6vw,96px);padding:clamp(32px,4.4vw,64px);display:flex}.cs-band h2{color:#fff;letter-spacing:-.03em;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.05}.cs-band p{color:#a1a1aa;max-width:52ch;margin-top:10px;font-size:16px;line-height:1.6}html.cs-lock{overflow:hidden}.cs-viewer{z-index:120;color:#fff;animation:csUp .25s var(--ease) backwards;background:#08080af0;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.cs-viewer:focus{outline:none}.cs-peek{aspect-ratio:9/16;opacity:.35;cursor:pointer;background:#000;border:0;border-radius:14px;flex:none;height:min(56vh,580px);padding:0;position:relative;overflow:hidden}.cs-peek img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cs-peek--empty{visibility:hidden}.cs-stage{aspect-ratio:9/16;touch-action:none;background:#000;border-radius:16px;flex:none;max-width:calc(100vw - 32px);height:min(86vh,900px);position:relative;overflow:hidden}.cs-media{position:absolute;inset:0}.cs-media-bg{object-fit:cover;filter:blur(24px)brightness(.55);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.12)}.cs-media-fg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cs-media .bl-video{aspect-ratio:auto;border-radius:0;height:100%;position:absolute;inset:0}.cs-bars{z-index:5;gap:4px;display:flex;position:absolute;top:10px;left:10px;right:10px}.cs-bar{background:#ffffff59;border-radius:2px;flex:1;height:3px;overflow:hidden}.cs-bar i{background:#fff;width:0;height:100%;display:block}.cs-bar.is-done i{width:100%}.cs-bar.is-now i{animation:csFill var(--cs-dur,5s) linear forwards}.cs-bar.is-now.is-paused i{animation-play-state:paused}.cs-bar.is-now.is-static i{width:var(--cs-progress,100%);animation:none}.cs-zone{z-index:4;cursor:pointer;background:0 0;border:0;width:33%;padding:0;position:absolute;top:0;bottom:0}.cs-zone--prev{left:0}.cs-zone--next{right:0}.cs-zone:focus-visible{outline-offset:-4px;border-radius:12px;outline:2px solid #fff}.cs-controls{z-index:6;gap:6px;display:flex;position:absolute;top:22px;right:10px}.cs-vbtn{border-radius:var(--r-btn);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#0e0e1073;border:1px solid #ffffff38;place-items:center;width:44px;height:44px;display:grid}.cs-vbtn svg{width:18px;height:18px}.cs-vbtn:focus-visible{outline-offset:2px;outline:2px solid #fff}.cs-close{z-index:7;position:absolute;top:16px;right:16px}.cs-vcap{z-index:3;pointer-events:none;background:linear-gradient(#0000,#000000db);padding:70px 18px 22px;position:absolute;bottom:0;left:0;right:0}.cs-vcap .cs-label{color:#ffffffb3}.cs-vcap p{margin-top:8px;font-size:16.5px;line-height:1.45}.cs-vcap .cs-who{color:#ffffffbf;margin-top:8px;font-size:13.5px;display:block}.cs-vnote{color:#fff9;margin-top:8px;font-size:12.5px;display:block}@media (max-width:1080px){.cs-peek{display:none}.cs-feature-media{aspect-ratio:16/9}}@media (max-width:680px){.cs-feature-media{aspect-ratio:4/5;border-radius:16px}.cs-feature{border-radius:16px}.cs-rows{gap:36px}.cs-row-nav{display:none}.cs-strip{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scroll-padding:0 var(--gutter)}.cs-strip>li{flex-basis:44%}.cs-frame{height:110px}.cs-band{flex-direction:column;align-items:flex-start}.cs-viewer{background:#000}.cs-stage{aspect-ratio:auto;border-radius:0;width:100vw;max-width:none;height:100dvh}.cs-close{top:calc(22px + env(safe-area-inset-top));right:10px}.cs-controls{right:62px}}@media (prefers-reduced-motion:reduce){.cs-hero h1,.cs-feature,.cs-tile,.cs-viewer{animation:none}.cs-feature-media img,.cs-tile img,.cs-row-nav button{transition:none}.cs-feature:hover .cs-feature-media img,.cs-tile:hover img{transform:none}.cs-strip{scroll-behavior:auto}.cs-bar.is-now i{width:100%;animation:none}}
