
.cs-tx p+p{margin-top:1em}
.cs-ul{list-style:none;padding:0;margin:0;display:grid;gap:1em;font-size:var(--m);line-height:1.35;letter-spacing:var(--tr-m);max-width:760px}

.cs-st{display:flex;align-items:center;justify-content:center}
.wxs .cs-st{height:auto}
.wxs .cs-tall{height:clamp(480px,53vw,762px)}

video.cv{display:block;background:transparent;pointer-events:none}
.cs-tall .cv{height:100%;width:auto;max-width:100%;aspect-ratio:4/5;object-fit:contain}
.cs-wide .cv{width:100%;height:auto;aspect-ratio:12/5}
.cs-pair{display:grid;grid-template-columns:1fr 1fr}
.cs-pair .cv{width:100%;height:auto;aspect-ratio:4/5}
.cs-img{padding:48px}
.cs-img img{display:block;width:100%;height:auto}
.cs-ph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:720px}

.wc-txt+.cs-b{margin-top:var(--sec)}
.cs-bd{min-width:0}
.cs-k{color:var(--fg)}
.wc-txt .cs-bd>p.mute{font-size:inherit;line-height:1.5;letter-spacing:normal;max-width:560px;margin-top:12px}
.cs-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px}
.cs-g img{display:block;width:100%;height:auto;border-radius:var(--r)}
.cs-g .sp{grid-column:1/-1}
.cs-reel{margin-top:40px;height:640px;padding:48px 0}
.cs-reel .cv{height:100%;width:auto;aspect-ratio:1/2}

@media (max-width:640px){
 .wxs .cs-tall{height:auto}
 .cs-tall .cv{width:100%;height:auto}
 .cs-pair{grid-template-columns:1fr}
 .cs-img{padding:16px}
 .cs-ph{gap:8px}
 .cs-g{grid-template-columns:1fr;gap:12px;margin-top:28px}
 .cs-reel{margin-top:28px;height:480px;padding:32px 0}
}

.cs-reel .cv{clip-path:inset(4.1% 6.7% round 11.5% / 5.75%)}


.cs-ob .wc-hero h1 .cs-hl{display:block}

.cs-ptf{padding:56px}
.cs-win{position:relative;aspect-ratio:1440/882;border-radius:12px;overflow:hidden;background:#0A0A0C;isolation:isolate}
.cs-win iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.cs-win::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);pointer-events:none;z-index:2;transition:opacity 400ms var(--out)}
[data-theme="dark"] .cs-win::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cs-win--wf{background:transparent}.cs-win--wf::after{opacity:0}.cs-win--wf iframe{opacity:0}
.cs-wf{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.cs-wf .b{fill:none;stroke:rgba(0,0,0,.24);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:1}
.cs-wf .n{fill:rgba(0,0,0,.46);transform-box:fill-box;transform-origin:center}
.cs-wf .l{fill:rgba(0,0,0,.28)}
[data-theme="dark"] .cs-wf .b{stroke:rgba(255,255,255,.30)}
[data-theme="dark"] .cs-wf .n{fill:rgba(255,255,255,.62)}
[data-theme="dark"] .cs-wf .l{fill:rgba(255,255,255,.2)}
@media (max-width:640px){
 .cs-ptf{padding:16px}
 .cs-win{border-radius:6px}
 
 .wx-stage.cs-pair{background:none;gap:12px;overflow:visible;contain:none}
 .cs-pair .cv{border-radius:var(--r)}
}

.cs-ptm{display:none}
.cs-phm{position:relative}
.cs-phm iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#09090A}
.cs-phm--wf{background:transparent}.cs-phm--wf iframe{opacity:0}
.cs-phm .cs-wf{z-index:3}
@media (max-width:768px){.cs-pt{display:none}.cs-ptm{display:block}}




@media (min-width:1100px){.cs-ob .wc-hero h1{max-width:none}.cs-ob .wc-hero h1 .cs-hl{display:inline}}

.cs-co{position:absolute;left:16px;top:16px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(18,18,20,.82);color:#F5F5F7;font-size:13px;line-height:18px;letter-spacing:-.005em;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.cs-st{position:relative}

.cs-d .cs-img{padding:32px}
.cs-d .cs-tabs{padding:56px 32px}
.cs-d .cs-tabs img{max-width:520px;margin:0 auto;border-radius:12px}
.cs-d .cs-img img{border-radius:8px}

.cs-big{padding:24px}
.cs-big img{border-radius:8px}
.wxs .cs-phs{padding:56px 32px}
.cs-phs .cs-ph{max-width:760px;gap:32px}
.wxs .cs-phs .cs-php{position:relative;top:auto;left:auto;width:auto;margin:0}
.cs-php img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:640px){
 .cs-co{left:10px;top:10px;font-size:12px;line-height:16px;padding:5px 10px}
 .cs-d .cs-img{padding:12px}
 .cs-d .cs-tabs{padding:24px 12px}
 .cs-big{padding:12px}
 .wxs .cs-phs{padding:32px 0}
 .cs-phs .cs-ph{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 12%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .cs-phs .cs-ph::-webkit-scrollbar{display:none}
 .wxs .cs-phs .cs-php{flex:0 0 min(262px,76%);scroll-snap-align:center}
}



.cs-ob .cs-co{display:none}
.cs-vw{position:relative;display:block;min-width:0}
.cs-tall .cs-vw{height:100%;aspect-ratio:4/5;max-width:100%}
.cs-tall .cs-vw .cv{width:100%;height:100%}
.cs-wide .cs-vw{width:100%}
.cs-pair .cs-vw .cv{width:100%}
.cs-n{transform:none;transition:opacity var(--d-sc,300ms) var(--out)}
.cs-n.on{opacity:1}
.cs-n.wx-n--in span{top:14px}
@media (prefers-reduced-motion:reduce){.cs-n{transition:none}}

.cs-ob .cs-img,.cs-ob .cs-d .cs-img,.cs-ob .cs-big{padding:56px}
.cs-ob .cs-d .cs-tabs{padding:56px}
.cs-ob .cs-img img,.cs-ob .cs-big img,.cs-ob .cs-d .cs-img img{border-radius:12px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
[data-theme="dark"] .cs-ob .cs-img img{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.cs-ob .wxs .cs-phs{padding:56px}
@media (max-width:640px){
 .cs-ob .cs-img,.cs-ob .cs-d .cs-img,.cs-ob .cs-big,.cs-ob .cs-d .cs-tabs{padding:32px 16px}
 .cs-ob .cs-img img,.cs-ob .cs-big img,.cs-ob .cs-d .cs-img img{border-radius:6px}
 .cs-ob .wxs .cs-phs{padding:32px 0}
 .cs-tall .cs-vw{width:100%;height:auto}
 .cs-tall .cs-vw .cv{height:auto}
}

.cs-ob .wxs .cs-pair{height:clamp(480px,53vw,762px)}
.cs-ob .cs-pair .cs-vw{height:100%}
.cs-ob .cs-pair .cv{height:100%;aspect-ratio:auto;object-fit:cover}
@media (max-width:640px){
 .cs-ob .wxs .cs-pair{height:auto}
 .cs-ob .cs-pair .cv{height:auto;aspect-ratio:5/3}
}
.cs-ob .wc-end .wc-links{margin-left:auto} 


.cs-frm .cs-vw{height:calc(100% - 112px);aspect-ratio:720/1600;width:auto}
.cs-frm .cs-vw .cv,.cs-winv .cv{border-radius:12px}
.cs-frm .cs-vw .cv{width:100%;height:100%;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
[data-theme="dark"] .cs-frm .cs-vw .cv{box-shadow:0 0 0 1px rgba(255,255,255,.08)}

.wxs.cs-full{grid-template-columns:1fr;gap:24px;align-items:start}
.cs-fullst{padding:56px}
.cs-fullst .cs-win{width:100%}
.cs-winv .cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.cs-mob .wx-ph .cs-phv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:640px){
 .cs-ob .wxs .cs-frm{height:auto;padding:32px 0}
 .cs-frm .cs-vw{height:auto;width:min(240px,64%);margin:0 auto}
 .cs-fullst{padding:16px}
 .cs-frm .cs-vw .cv,.cs-winv .cv{border-radius:6px}
}


.cs-fl .cs-cam{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.cs-fl .cs-cam>*{grid-area:1/1;opacity:0;transform-origin:0 0;will-change:transform,opacity}
.cs-fl .cs-cam>:first-child{opacity:1}
.cs-fl.cs-full .cs-cam{position:relative;inset:auto;display:block}
.cs-fl.cs-full .cs-cam>*{opacity:1}
.cs-fl .cs-wide .cv{width:100%;height:auto;aspect-ratio:12/5}
.cs-ob .wxs .cs-fl .cs-wide,.cs-ob .wxs .cs-wide{aspect-ratio:12/5;height:auto}
.cs-fl .cs-frm .cv{height:calc(100% - 112px);width:auto;aspect-ratio:780/1600;border-radius:12px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
[data-theme="dark"] .cs-fl .cs-frm .cv{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.cs-fl .wx-ch{margin-top:16px}
@media (max-width:640px){
 .cs-ob .wxs .cs-fl .cs-tall,.cs-ob .cs-fl .wxs .cs-tall,.cs-ob .cs-fl .cs-tall{height:auto;aspect-ratio:4/5}
 .cs-fl .cs-tall .cv{width:100%;height:auto}
 .cs-ob .cs-fl .cs-frm{aspect-ratio:auto;height:560px;padding:0}
 .cs-fl .cs-frm .cv{height:calc(100% - 64px);width:auto;border-radius:6px}
}
.cs-fl.cs-full .cs-cam{width:100%;border-radius:12px;isolation:isolate}
@media (max-width:640px){.cs-fl.cs-full .cs-cam{border-radius:6px}}

.cs-ob .wc-hero h1 .cs-hl{display:block}
@media (min-width:1100px){.cs-ob .wc-hero h1 .cs-hl{display:block}}
.cs-ob .wc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:640px){.cs-ob .wc-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
