.csm{padding:var(--sp-24) var(--grid-outer);overflow-x:clip;border-top:1px solid var(--v-border)}.csm--white{background:var(--v-white)}.csm--grey{background:var(--v-snow)}.csm--dark{background:var(--v-ink);border-top-color:#ffffff14}.csm-inner{max-width:var(--content-max);margin:0 auto}.csm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-8);margin-bottom:var(--sp-10)}.csm-head-copy{max-width:640px}.csm-heading{margin:var(--sp-3) 0 0}.csm--dark .csm-heading{color:var(--v-white)}.csm-tabs{display:flex;gap:var(--sp-6)}.csm-tab{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);min-width:88px;padding:var(--sp-2) 0 0;border:none;background:transparent;cursor:pointer;appearance:none;color:inherit}.csm-tab:focus-visible{outline:2px solid var(--v-red);outline-offset:3px;border-radius:var(--r-sm)}.csm-tab-logo{display:flex;align-items:center;padding:var(--sp-2) var(--sp-4);border:1px solid var(--v-border);border-radius:var(--r-md);background:var(--v-white);opacity:.55;transition:opacity var(--dur-normal) var(--ease-out),border-color var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out)}.csm--dark .csm-tab-logo{background:#ffffff0a;border-color:#ffffff14}.csm-tab:hover .csm-tab-logo,.csm-tab:focus-visible .csm-tab-logo{opacity:.85;border-color:var(--v-border-strong)}.csm-tab.active .csm-tab-logo{opacity:1;border-color:var(--v-red)}.csm--dark .csm-tab:hover .csm-tab-logo,.csm--dark .csm-tab:focus-visible .csm-tab-logo{border-color:#ffffff2e}.csm-tab-logo svg,.csm-tab-logo img{display:block;width:auto;height:22px}.csm-tab-bar{position:relative;width:100%;height:2px;overflow:hidden;border-radius:var(--r-full);background:var(--v-border)}.csm--dark .csm-tab-bar{background:#ffffff14}.csm-tab-bar-fill{position:absolute;inset:0;border-radius:var(--r-full);background:var(--v-red);transform:scaleX(0);transform-origin:left}.csm-tab.active .csm-tab-bar-fill{animation:csm-progress 8s linear forwards}.csm-slide{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);gap:var(--sp-10);align-items:center;padding-top:var(--sp-8);border-top:1px solid var(--v-border)}.csm--dark .csm-slide{border-top-color:#ffffff14}.csm-copy{display:flex;flex-direction:column;align-items:flex-start}.csm-meta{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.csm-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-md);background:var(--v-snow);border:1px solid var(--v-border);color:var(--v-ink-60)}.csm-icon svg{width:15px;height:15px}.csm--dark .csm-icon{background:#ffffff0a;border-color:#ffffff14;color:var(--v-slate)}.csm-logo{height:22px;opacity:.75}.csm-logo svg,.csm-logo img{display:block;width:auto;height:100%}.csm-index{margin-left:var(--sp-1);color:var(--v-slate);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.csm-title{max-width:28ch;margin:0 0 var(--sp-3)}.csm--dark .csm-title{color:var(--v-white)}.csm-desc{max-width:52ch;margin:0 0 var(--sp-6)}.csm--dark .csm-desc{color:var(--v-slate)}.csm-stats{display:flex;gap:var(--sp-8);margin-bottom:var(--sp-6);padding:var(--sp-4) 0;border-top:1px solid var(--v-border);border-bottom:1px solid var(--v-border);align-self:stretch}.csm--dark .csm-stats{border-color:#ffffff14}.csm-stat{display:flex;flex-direction:column;gap:var(--sp-1)}.csm-stat-num{color:var(--v-ink);font-family:var(--font-display);font-size:var(--type-stat-compact);font-weight:var(--type-weight-semibold);letter-spacing:-.02em;line-height:1}.csm--dark .csm-stat-num{color:var(--v-white)}.csm-stat-accent{color:var(--v-slate)}.csm-stat-label{color:var(--v-slate);font-size:var(--type-body-sm);line-height:1.4}.csm-cta{margin-top:var(--sp-1)}.csm-media{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:1px solid var(--v-border);border-radius:var(--r-xl);background:var(--v-snow)}.csm--dark .csm-media{border-color:#ffffff14;background:#ffffff08}.csm-media-img,.csm-media-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:0}.csm-media-img{z-index:1;transition:transform var(--dur-slow) var(--ease-out)}.csm-media-loop{z-index:2}.csm-media:not(.csm-media--video):hover .csm-media-img{transform:scale(1.02)}.csm-media-scrim{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#0a0f1aa8,#0a0f1a38 34% 55%,#0a0f1ae6)}.csm-media-top{position:absolute;top:var(--sp-4);left:var(--sp-4);right:var(--sp-4);z-index:4;display:flex;align-items:flex-start;pointer-events:none}.csm-media-logo{display:inline-flex;align-items:center}.csm-media-logo img,.csm-media-logo svg{display:block;height:28px;width:auto;max-width:160px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 10px rgba(10,15,26,.55))}.csm-media-bottom{position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3)}.csm-media-stat{display:flex;flex-direction:column;gap:2px;margin:0;min-width:0}.csm-media-stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:var(--type-weight-semibold);letter-spacing:-.02em;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}.csm-media-stat-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#ffffffeb;line-height:1.4}.csm-pill{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;font-family:var(--font-body);font-size:.8rem;font-weight:var(--type-weight-semibold);color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-full);padding:8px 16px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.csm-pill:hover{background:#ffffff42;border-color:#fff9}.csm-pill:focus-visible{outline:2px solid var(--v-red);outline-offset:3px}.csm-pill svg{width:12px;height:14px}.csm-media-shine{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(250,251,253,.24) 45%,transparent 62%);opacity:0;transform:translate(-46%)}.csm-slide:hover .csm-media:not(.csm-media--video) .csm-media-shine{animation:csm-shine 1.2s var(--ease-out) both}.csm-modal{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:var(--sp-6)}.csm-modal[hidden]{display:none}.csm-modal-backdrop{position:absolute;inset:0;background:#0a0f1ab8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.csm-modal-frame{position:relative;width:min(1040px,100%);aspect-ratio:16 / 9;background:var(--v-ink);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.csm-modal-media,.csm-modal-media iframe{width:100%;height:100%;border:0;display:block}.csm-modal-close{position:absolute;top:var(--sp-4);right:var(--sp-4);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-full);cursor:pointer;color:#fff;background:#0a0f1a8c;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background var(--dur-fast) var(--ease-out)}.csm-modal-close:hover{background:#0a0f1acc}.csm-modal-close:focus-visible{outline:2px solid var(--v-red);outline-offset:3px}.csm-modal-close svg{width:16px;height:16px}.csm-slide.active .csm-meta,.csm-slide.active .csm-title,.csm-slide.active .csm-desc,.csm-slide.active .csm-stats,.csm-slide.active .csm-cta{animation:csm-rise var(--dur-slow) var(--ease-out) both}.csm-slide.active .csm-meta{animation-delay:60ms}.csm-slide.active .csm-title{animation-delay:.13s}.csm-slide.active .csm-desc{animation-delay:.2s}.csm-slide.active .csm-stats{animation-delay:.27s}.csm-slide.active .csm-cta{animation-delay:.34s}.csm-slide.active .csm-media{animation:csm-media-in .7s var(--ease-out) both}.csm-slide.active .csm-media:not(.csm-media--video) .csm-media-shine{animation:csm-shine 1.2s var(--ease-out) .25s both}.csm.csm-reveal:not(.in-view) .csm-head,.csm.csm-reveal:not(.in-view) .csm-slide{opacity:0}.csm.in-view .csm-head{animation:csm-rise .6s var(--ease-out) both}.csm.in-view .csm-slide.active{animation:csm-rise var(--dur-slow) var(--ease-out) .12s both}@keyframes csm-rise{0%{opacity:0;transform:translateY(var(--sp-3))}to{opacity:1;transform:translateY(0)}}@keyframes csm-media-in{0%{opacity:.35;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes csm-shine{0%{opacity:0;transform:translate(-46%)}26%,64%{opacity:1}to{opacity:0;transform:translate(46%)}}@keyframes csm-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.csm--compact{padding:var(--sp-20) var(--grid-outer)}.csm--compact .csm-head{margin-bottom:var(--sp-8)}.csm--compact .csm-slide{grid-template-columns:minmax(260px,.95fr) minmax(220px,1fr);gap:var(--sp-8);padding-top:var(--sp-6)}.csm--compact .csm-meta{margin-bottom:var(--sp-3)}.csm--compact .csm-media{aspect-ratio:16 / 10;min-height:0;align-self:stretch}.csm--compact .csm-media-logo img,.csm--compact .csm-media-logo svg{height:24px}.csm--compact .csm-media-stat-value{font-size:1.5rem}.csm--compact .csm-title{margin-bottom:var(--sp-3)}.csm--compact .csm-desc{margin-bottom:var(--sp-5)}.csm--compact .csm-stats{gap:var(--sp-6);margin-bottom:var(--sp-5);padding:var(--sp-3) 0}@media(max-width:900px){.csm--compact .csm-slide{grid-template-columns:1fr}.csm--compact .csm-media{aspect-ratio:16 / 9}}@media(max-width:900px){.csm-head{flex-direction:column;align-items:flex-start;gap:var(--sp-5)}.csm-slide{grid-template-columns:1fr;gap:var(--sp-6)}.csm-media{order:-1}}@media(max-width:640px){.csm{padding:var(--sp-20) var(--grid-outer)}.csm-title{max-width:none}.csm-stats{flex-wrap:wrap;gap:var(--sp-6)}}@media(prefers-reduced-motion:reduce){.csm-slide.active .csm-meta,.csm-slide.active .csm-title,.csm-slide.active .csm-desc,.csm-slide.active .csm-stats,.csm-slide.active .csm-cta,.csm-slide.active .csm-media,.csm-slide.active .csm-media-shine,.csm-slide:hover .csm-media-shine,.csm.in-view .csm-head,.csm.in-view .csm-slide.active,.csm-tab.active .csm-tab-bar-fill{animation:none}.csm-media-img,.csm-tab-logo,.csm-pill{transition:none}.csm.csm-reveal:not(.in-view) .csm-head,.csm.csm-reveal:not(.in-view) .csm-slide{opacity:1}}
