.cs-public .cc-showcase{padding-top:clamp(80px,9vw,128px);color:var(--cs-ink);font-family:var(--cs-font-ui);& .cc-showcase-inner{width:100%;max-width:calc(var(--cs-page-max) + 2 * clamp(20px, 4.5vw, 56px));margin-inline:auto;padding-inline:clamp(20px,4.5vw,56px)}& .cc-showcase-eyebrow{display:block;color:var(--cs-muted);font:500 11px/1.6 var(--cs-font-mono);letter-spacing:.12em;text-transform:uppercase}& .cc-showcase-title{max-width:22ch;margin:16px 0 0;color:var(--cs-ink);font-family:var(--cs-font-display);font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}& .cc-showcase-title .quiet{display:block;color:var(--cs-muted)}& .cc-showcase-lede{max-width:62ch;margin:16px 0 0;color:var(--cs-ink-2);font-size:17px;line-height:1.65;text-wrap:pretty}& .cc-showcase-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;margin:32px 0 20px;padding:3px;border:1px solid var(--cs-line);border-radius:var(--cs-r-control);background:var(--cs-control)}& .cc-showcase-tab{min-height:38px;padding:0 18px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--cs-muted);font:500 14px/1 var(--cs-font-ui);cursor:pointer;transition:background-color .16s var(--cs-ease),color .16s var(--cs-ease)}& .cc-showcase-tab:hover{color:var(--cs-ink)}& .cc-showcase-tab[aria-selected=true]{border-color:var(--cs-line);background:var(--cs-surface);box-shadow:var(--cs-card-shadow);color:var(--cs-ink)}& .cc-showcase-tab:focus-visible{outline:2px solid var(--cs-blue);outline-offset:2px}& .cc-showcase-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;margin-top:24px}& .cc-showcase-copy{flex:1 1 520px;min-width:0}& .cc-scene-eyebrow{color:var(--cs-muted);font:500 11px/1.6 var(--cs-font-mono);letter-spacing:.12em;text-transform:uppercase}& .cc-scene-title{margin:6px 0 0;color:var(--cs-ink);font:600 20px/1.3 var(--cs-font-ui);letter-spacing:-.01em;text-wrap:balance}& .cc-scene-caption{max-width:68ch;margin:6px 0 0;color:var(--cs-ink-2);font-size:15.5px;line-height:1.6;text-wrap:pretty}& .cc-film-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--cs-line-strong);border-radius:var(--cs-r-control);background:var(--cs-surface);box-shadow:var(--cs-card-shadow);color:var(--cs-ink);font:500 14.5px/1.3 var(--cs-font-ui);white-space:nowrap;cursor:pointer;transition:background-color .16s var(--cs-ease)}& .cc-film-button:hover{background:var(--cs-control)}}.cs-public .cc-capture{position:relative;overflow:hidden;border:1px solid var(--cs-line-strong);border-radius:var(--cs-r-panel);background:var(--cs-canvas);box-shadow:var(--cs-lift);& .cc-capture-scroll{overflow:hidden;scrollbar-width:thin;scrollbar-color:var(--cs-line-strong) transparent}& .cc-capture-scroll[data-pan=true]{overflow-x:auto}& .cc-capture-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 8px 8px 16px;border-top:1px solid var(--cs-line);background:var(--cs-chrome)}& .cc-capture-status{display:flex;align-items:center;gap:9px;min-width:0;color:var(--cs-muted);font:500 11px/1.4 var(--cs-font-mono);letter-spacing:.08em}& .cc-capture-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--cs-green)}& .cc-capture-status[data-failed=true] .cc-capture-dot{background:var(--cs-faint)}& .cc-capture-button{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:7px;min-width:96px;min-height:36px;padding:6px 12px;border:1px solid var(--cs-line-strong);border-radius:var(--cs-r-control);background:var(--cs-surface);color:var(--cs-ink);font:500 13.5px/1.2 var(--cs-font-ui);cursor:pointer;transition:background-color .16s var(--cs-ease)}& .cc-capture-button:hover{background:var(--cs-control)}& .cc-capture-button:focus-visible{outline:2px solid var(--cs-blue);outline-offset:2px}}.cs-public .cc-film{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--cs-ink) 72%,transparent);& .cc-film-frame{width:min(1180px,100%);overflow:hidden;border:1px solid var(--cs-line-strong);border-radius:var(--cs-r-panel);background:var(--cs-canvas);box-shadow:var(--cs-lift);color:var(--cs-ink)}& .cc-film-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 12px 12px 18px;border-bottom:1px solid var(--cs-line);background:var(--cs-chrome)}& .cc-film-title{color:var(--cs-ink);font:600 15px/1.4 var(--cs-font-ui)}& .cc-film-sub{margin-top:2px;color:var(--cs-muted);font:500 11px/1.4 var(--cs-font-mono);letter-spacing:.08em;text-transform:uppercase}& .cc-film-close{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--cs-line-strong);border-radius:var(--cs-r-control);background:var(--cs-surface);color:var(--cs-ink);cursor:pointer}& .cc-film-close:hover{background:var(--cs-control)}& video{display:block;width:100%;height:auto}}@media (max-width:560px){.cs-public .cc-showcase{& .cc-showcase-lede{font-size:16.5px}& .cc-showcase-tabs{display:flex}& .cc-showcase-tab{flex:1 1 0;padding-inline:10px}& .cc-film-button{width:100%}}}@media (prefers-reduced-motion:reduce){.cs-public :is(.cc-showcase-tab,.cc-film-button,.cc-capture-button){transition:none}}