/* Open-stage composition and controls shared visually with the rack reliability story. */
.show-control-page .product-hero{display:block;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.show-control-page .product-hero__main{min-height:0;overflow:visible;background:none}
.show-control-page .product-hero__main::before{display:none}
.show-control-page .product-hero__copy{width:100%;padding:22px 3% 18px;box-sizing:border-box;display:block}
.show-control-page .breadcrumb{margin:0}
.show-control-page .product-hero__copy>.eyebrow{grid-column:1}
.show-control-page .product-hero h1{grid-column:1;font-size:clamp(48px,5vw,76px);white-space:normal}
.show-control-page .product-hero__lede{grid-column:2;grid-row:2/4;align-self:center;margin:0;font-size:clamp(16px,1.4vw,21px)}
.show-control-page .sc-hero-scenes{position:relative;isolation:isolate;width:100vw;min-height:660px;height:min(74svh,820px);margin:0 calc(50% - 50vw) 44px;overflow:hidden;background:#080a09}
.sc-hero-scenes__venue{position:absolute;inset:0;z-index:-2;pointer-events:none}
.sc-hero-scenes__venue img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center;filter:blur(3px) brightness(.40);transform:scale(1.025)}
.sc-hero-scenes__venue::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(7,9,8,.15),rgba(7,9,8,.35) 43%,rgba(7,9,8,.85) 69%,rgba(7,9,8,.95)),linear-gradient(0deg,#080a09,transparent 25%,transparent 76%,#080a09)}
.sc-hero-scenes__canvas,.sc-hero-scenes__fallback{position:absolute;left:0;top:0;width:56%;height:100%;object-fit:contain}
.sc-hero-scenes__fallback{background:url('assets/show-control/use-cases/solo.png') center/contain no-repeat;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.sc-hero-scenes__canvas{opacity:0}
.sc-hero-scenes.is-ready .sc-hero-scenes__canvas{opacity:1}
.sc-hero-scenes.is-ready .sc-hero-scenes__fallback{display:none}
.sc-hero-scenes__overlay{position:absolute;z-index:2;left:55%;top:50%;transform:translateY(-50%);width:38%}
.sc-hero-scenes__story{opacity:var(--copy-opacity,1)}
.show-control-page .product-hero .sc-hero-scenes__title{width:100%;max-width:none;margin:0 0 32px;font-size:clamp(38px,4vw,60px);line-height:1.05;letter-spacing:-.045em;text-align:inherit}
.sc-hero-scenes__label{font-size:11px;color:var(--accent);letter-spacing:.15em}
.sc-hero-scenes__caption{margin:20px 0;font:500 clamp(28px,2.7vw,42px)/1.17 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:#f3f3ef;white-space:pre-line}
.sc-hero-scenes__detail{max-width:36ch;font-size:15px;color:#a3aaa6;line-height:1.65;margin:0}
.sc-hero-scenes__explore{display:inline-block;margin-top:30px;color:var(--accent);font-size:13px;text-decoration:none}
/* Match persona-player: counter, Pause and left-to-right filling Next. */
.sc-hero-scenes .persona-controls{display:flex;gap:18px;align-items:center;margin-top:26px;color:#a3aaa6;font:10px monospace}
.sc-hero-scenes .persona-controls button{border:1px solid #586058;background:rgba(8,12,9,.6);border-radius:3px;color:#e8ede7;padding:8px 11px;font-family:inherit;font-size:11px;cursor:pointer}
.sc-hero-scenes .persona-controls button:hover{border-color:var(--accent);color:var(--accent)}
.sc-hero-scenes .persona-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sc-hero-scenes .persona-next{position:relative;isolation:isolate;overflow:hidden}
.sc-hero-scenes .persona-next::before{content:'';position:absolute;inset:0;background:rgba(var(--accent-rgb),.25);transform:scaleX(var(--countdown,0));transform-origin:left;z-index:-1;pointer-events:none}
.sc-hero-scenes .persona-next>span{position:relative}
.show-control-page .sc-hero-scenes{margin-bottom:0}
.show-control-page .spec-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);column-gap:7%;row-gap:30px;width:100vw;box-sizing:border-box;margin:0 calc(50% - 50vw);padding:72px max(6vw,calc((100vw - 1600px)/2));border:0;background:#080a09}
.show-control-page .spec-panel__heading{grid-column:1;align-self:start}
.show-control-page .spec-panel__heading h2{max-width:17ch;font-size:clamp(30px,2.5vw,44px);line-height:1.12}
.show-control-page .spec-panel .capability-list{grid-column:2;grid-row:1/3;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 36px;border:0}
.show-control-page .spec-panel .capability{display:block;padding:18px 0 0;border-bottom:0;border-top:1px solid var(--border)}
.show-control-page .spec-panel .capability__number{display:block;margin-bottom:12px}
.show-control-page .spec-panel .capability h3{font-size:18px;margin-bottom:12px}
.show-control-page .spec-panel .capability__points li{font-size:14px;line-height:1.6;padding-left:0}
.show-control-page .spec-panel .capability__points li::before{content:none}
.show-control-page .spec-panel .technical-specs{grid-column:1;grid-row:2;align-self:start;margin:0;padding:0}
@media(max-width:1000px){
 .show-control-page .spec-panel{grid-template-columns:1fr;padding:44px 6%;gap:30px}
 .show-control-page .spec-panel__heading h2{max-width:26ch}
 .show-control-page .spec-panel .capability-list{grid-column:1;grid-row:2}
 .show-control-page .spec-panel .technical-specs{grid-row:3}
}
#show-control-details{scroll-margin-top:80px}
@media(max-width:760px){
 .show-control-page .product-hero__copy{display:block;padding:20px 0 28px}
 .show-control-page .product-hero__lede{margin-top:18px;font-size:16px}
 .show-control-page .sc-hero-scenes{height:auto;min-height:0;margin:0 calc(50% - 50vw) 28px;padding-bottom:38px}
 .sc-hero-scenes__venue img{object-position:28% center}
 .sc-hero-scenes__venue::after{background:linear-gradient(0deg,#080a09 0%,rgba(7,9,8,.9) 32%,rgba(7,9,8,.38) 62%,#080a09 100%)}
 .sc-hero-scenes__canvas{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;max-height:54svh;object-fit:contain}
 .sc-hero-scenes__fallback{width:100%;height:54svh}
 .sc-hero-scenes__overlay{position:relative;left:auto;top:auto;transform:none;width:88%;margin:0 auto;text-align:center}
 .sc-hero-scenes__label{font-size:9px}
 .sc-hero-scenes__caption{font-size:clamp(27px,7vw,34px);margin:14px 0}
 .sc-hero-scenes__detail{font-size:13px;max-width:35ch;margin:0 auto}
 .sc-hero-scenes__explore{margin-top:18px;font-size:12px}
 .sc-hero-scenes .persona-controls{justify-content:center;gap:14px;margin-top:18px}
 .sc-hero-scenes .persona-controls button{min-height:36px;padding:8px 14px}
 .show-control-page .spec-panel .capability-list{grid-template-columns:1fr}
}