.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.promo-section{position:relative;min-height:100svh;padding:clamp(120px,12vw,180px) var(--x);display:grid;grid-template-columns:minmax(300px,.72fr) minmax(640px,1.28fr);align-items:center;gap:clamp(48px,7vw,118px);overflow:hidden;background:linear-gradient(90deg,transparent 49.95%,var(--soft) 50%,transparent 50.05%),var(--deep)}.promo-section::before{content:"04 / 05";position:absolute;top:calc(var(--hh) + 38px);right:var(--x);color:rgba(242,243,241,.55);font:10px/1 var(--mono);letter-spacing:.1em}.promo-copy>p:not(.kicker){max-width:520px;margin:30px 0 42px;color:var(--muted)}.promo-specs{max-width:520px;margin:0;border-top:1px solid var(--line)}.promo-specs>div{display:grid;grid-template-columns:1fr auto;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.promo-specs dt,.promo-specs dd{margin:0;font:9px/1.3 var(--mono);letter-spacing:.08em}.promo-specs dt{color:var(--muted)}.promo-console{min-width:0}.promo-workspace{display:grid;grid-template-columns:minmax(250px,360px) minmax(250px,1fr);border:1px solid var(--line);background:var(--base)}.promo-frame{position:relative;width:100%;aspect-ratio:9/16;background:var(--black);border-right:1px solid var(--line);overflow:hidden}.promo-frame::before,.promo-frame::after{content:"";position:absolute;z-index:4;width:24px;height:24px;pointer-events:none}.promo-frame::before{top:12px;left:12px;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.promo-frame::after{right:12px;bottom:12px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.promo-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--black)}.promo-frame video:not([src]){visibility:hidden}.promo-empty,.promo-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center;background:linear-gradient(var(--soft) 1px,transparent 1px),linear-gradient(90deg,var(--soft) 1px,transparent 1px),var(--base);background-size:20% 11.25%}.promo-empty::before{content:"";position:absolute;inset:12%;border:1px solid var(--soft)}.promo-empty span,.promo-loading{color:var(--muted);font:9px/1 var(--mono);letter-spacing:.13em}.promo-empty strong{z-index:1;font:600 16px/1 var(--display);letter-spacing:.08em}.promo-empty p{z-index:1;margin:0;color:var(--muted);font-size:12px}.promo-loading{z-index:5;background:rgba(32,34,33,.92)}.video-library-panel{min-width:0;display:flex;flex-direction:column;height:100%;max-height:640px}.library-head{min-height:78px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.library-head>div{display:flex;flex-direction:column;gap:7px}.library-head span,.library-head strong{font:9px/1 var(--mono);letter-spacing:.1em}.library-head strong{color:var(--muted);font-weight:400}.library-add{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);cursor:pointer;font-size:20px;transition:background 180ms ease,color 180ms ease}.library-add:hover{background:var(--ink);color:var(--black)}.library-add input,.media-button input{position:absolute;width:1px;height:1px;opacity:0}.library-add:focus-within,.media-button:focus-within{outline:2px solid var(--ink);outline-offset:4px}.video-list{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.video-item{width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;min-height:80px;padding:12px 16px;border:0;border-bottom:1px solid var(--soft);color:var(--ink);background:transparent;text-align:left;cursor:pointer;transition:background 180ms ease}.video-item:hover{background:rgba(242,243,241,.045)}.video-item[aria-selected=true]{background:var(--ink);color:var(--black)}.video-item-index,.video-item-meta{font:8px/1.3 var(--mono);letter-spacing:.08em;color:var(--muted)}.video-item[aria-selected=true] .video-item-index,.video-item[aria-selected=true] .video-item-meta{color:#666967}.video-item-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.25 var(--display);letter-spacing:.02em}.video-item-meta{display:block;margin-top:7px}.video-item-mark{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.video-item[aria-selected=true] .video-item-mark{background:var(--signal);border-color:var(--signal)}.library-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:30px;text-align:center}.library-empty strong{font:600 12px/1 var(--display);letter-spacing:.12em}.library-empty p{margin:0;color:var(--muted);font:9px/1.4 var(--mono)}.promo-controls{display:grid;grid-template-columns:1.3fr 1.3fr .8fr .7fr;gap:8px;margin-top:12px}.media-button{position:relative;min-height:46px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--line);color:var(--ink);background:transparent;cursor:pointer;font:600 9px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;transition:color 180ms ease,background 180ms ease,border-color 180ms ease}.media-button-primary{background:var(--ink);color:var(--black)}.media-button:hover:not(:disabled){border-color:var(--ink);background:var(--ink);color:var(--black)}.media-button-primary:hover{background:transparent;color:var(--ink)}.media-button-danger:hover:not(:disabled){background:#b4553f;border-color:#b4553f;color:#fff}.media-button:disabled{cursor:not-allowed;opacity:.3}.promo-feedback{min-height:20px;margin:10px 0 0;color:var(--muted);font:9px/1.45 var(--mono);letter-spacing:.04em}.promo-feedback.is-error{color:#e4a47c}.upload-progress{position:relative;height:24px;margin-top:10px;border:1px solid var(--line);overflow:hidden}.upload-progress i{position:absolute;inset:0 auto 0 0;width:0;background:rgba(242,243,241,.16);transition:width 180ms linear}.upload-progress span{position:relative;z-index:1;display:grid;place-items:center;height:100%;font:8px/1 var(--mono);letter-spacing:.12em}
@media(max-width:1180px){.promo-section{grid-template-columns:1fr}.promo-copy{max-width:720px}.promo-console{width:100%;max-width:820px}.promo-workspace{grid-template-columns:minmax(260px,360px) 1fr}}
@media(max-width:700px){.promo-section{padding-top:110px;padding-bottom:96px;background:var(--deep)}.promo-workspace{grid-template-columns:1fr}.promo-frame{width:min(100%,390px);justify-self:center;border-right:0;border-bottom:1px solid var(--line)}.video-library-panel{height:390px}.promo-controls{grid-template-columns:1fr 1fr}.media-button{min-height:48px}}
@media(max-width:430px){.promo-controls{grid-template-columns:1fr}.video-library-panel{height:350px}}
.promo-section [hidden]{display:none!important}
.promo-section{display:block;min-height:auto;padding:clamp(90px,9vw,140px) var(--x);background:var(--deep)}.promo-section::before{display:none}.promo-console{width:min(1320px,100%);max-width:none;margin-inline:auto}.promo-workspace{width:100%;grid-template-columns:auto minmax(360px,1fr)}.promo-frame{width:auto;height:min(74vh,820px);aspect-ratio:var(--video-aspect,9/16);transition:aspect-ratio 220ms ease}.promo-frame video{object-fit:contain}.video-library-panel{max-height:none}
@media(max-width:900px){.promo-console{width:100%;max-width:820px}.promo-workspace{grid-template-columns:1fr}.promo-frame{width:min(100%,420px);height:auto;justify-self:center;border-right:0;border-bottom:1px solid var(--line)}.video-library-panel{height:390px}}
@media(max-height:760px) and (min-width:901px){.promo-section{padding-top:72px;padding-bottom:72px}.promo-frame{height:min(72vh,620px)}}

/* Public media console — preserve the adaptive player and library behavior. */
.promo-section{padding:clamp(96px,8vw,132px) var(--x);background-color:var(--deep);background-image:linear-gradient(rgba(242,243,241,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(242,243,241,.035) 1px,transparent 1px);background-size:clamp(96px,8vw,154px) clamp(96px,8vw,154px)}
.promo-console{width:min(1540px,100%)}
.promo-workspace{position:relative;grid-template-columns:minmax(0,1fr) clamp(300px,24vw,390px);align-items:stretch;min-height:min(80svh,900px);border-color:rgba(242,243,241,.3);background:rgba(32,34,33,.94)}
.promo-workspace::before,.promo-workspace::after{content:"";position:absolute;z-index:7;width:34px;height:34px;pointer-events:none}
.promo-workspace::before{top:-1px;left:-1px;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
.promo-workspace::after{right:-1px;bottom:-1px;border-right:2px solid var(--signal);border-bottom:2px solid var(--signal)}
.promo-frame{align-self:center;justify-self:center;width:auto;height:min(80svh,900px);max-width:100%;max-height:900px;border-right:0;background:var(--black);box-shadow:inset 0 0 0 1px rgba(242,243,241,.08);transition:aspect-ratio 220ms ease,background-color 180ms ease}
.promo-frame::before,.promo-frame::after{width:32px;height:32px;opacity:.72}
.promo-frame video{z-index:1;object-fit:contain;background:var(--black)}
.promo-loading{z-index:6;background:rgba(12,14,14,.92)}
.video-library-panel{position:relative;min-height:100%;max-height:min(80svh,900px);border-left:1px solid var(--line);background:rgba(51,53,52,.92)}
.video-library-panel::before{content:"";position:absolute;z-index:2;top:0;left:-1px;width:1px;height:72px;background:var(--signal)}
.library-head{min-height:92px;padding:0 24px;border-bottom-color:var(--line);background:rgba(12,14,14,.18)}
.library-head>div{gap:9px}.library-head span{color:var(--ink)}.library-head strong,.library-view-label{color:var(--muted)!important}
.video-list{overscroll-behavior:contain;scrollbar-color:rgba(242,243,241,.35) transparent}
.video-item{position:relative;grid-template-columns:34px minmax(0,1fr) 12px;gap:14px;min-height:96px;padding:17px 22px;color:var(--ink);background:transparent;border-bottom-color:var(--soft)}
.video-item::after{content:"";position:absolute;right:22px;bottom:-1px;left:70px;height:1px;background:transparent;transform:scaleX(0);transform-origin:left;transition:transform 260ms var(--ease),background-color 180ms ease}
.video-item:hover{background:rgba(242,243,241,.04)}
.video-item[aria-selected=true]{color:var(--ink);background:rgba(242,243,241,.085)}
.video-item[aria-selected=true]::after{background:var(--signal);transform:scaleX(1)}
.video-item-index{color:rgba(242,243,241,.48)}
.video-item-title{font-size:14px;letter-spacing:.035em}
.video-item-meta,.video-item[aria-selected=true] .video-item-index,.video-item[aria-selected=true] .video-item-meta{color:var(--muted)}
.video-item-mark{width:8px;height:8px;color:rgba(242,243,241,.62)}
.video-item[aria-selected=true] .video-item-mark{box-shadow:0 0 0 4px rgba(217,120,59,.12)}
.video-item:focus-visible{z-index:3;outline:1px solid var(--ink);outline-offset:-5px}
.library-empty{min-height:260px;background-image:linear-gradient(rgba(242,243,241,.04) 1px,transparent 1px);background-size:100% 64px}
.promo-feedback{display:flex;align-items:center;justify-content:flex-end;min-height:26px;margin:12px 0 0;color:rgba(242,243,241,.58);text-align:right}
.promo-feedback::before{content:"";width:5px;height:5px;margin-right:9px;background:var(--signal)}
@media(max-width:1100px){.promo-workspace{grid-template-columns:minmax(0,1fr) 320px}.promo-frame{height:min(70svh,760px)}.video-library-panel{max-height:min(70svh,760px)}}
@media(max-width:900px){.promo-section{padding:92px var(--x) 72px}.promo-workspace{display:grid;grid-template-columns:1fr;min-height:0}.promo-frame{width:auto;max-width:100%;height:min(68svh,720px);border-bottom:1px solid var(--line)}.video-library-panel{height:auto;min-height:300px;max-height:390px;border-top:0;border-left:0}.video-library-panel::before{top:-1px;left:0;width:72px;height:1px}.library-head{min-height:76px;padding-inline:18px}.video-item{min-height:82px;padding:14px 18px}.promo-feedback{justify-content:flex-start;text-align:left}}
@media(max-width:600px){.promo-section{padding-inline:0}.promo-console{width:100%}.promo-workspace{border-right:0;border-left:0}.promo-workspace::before,.promo-workspace::after{display:none}.promo-frame{width:100%;height:auto;max-height:72svh}.video-library-panel{max-height:350px}.library-view-label{display:none}.video-item::after{right:18px;left:62px}}
@media(prefers-reduced-motion:reduce){.video-item::after{transition:none}}

/* Let the media console dissolve into the section instead of reading as a boxed card. */
.promo-workspace{border:0;background:transparent}
.promo-workspace::before,.promo-workspace::after{display:none}
.promo-frame{background:rgba(12,14,14,.34);box-shadow:none}
.promo-frame::before,.promo-frame::after{width:22px;height:22px;opacity:.28}
.video-library-panel{border-left-color:rgba(242,243,241,.1);background:linear-gradient(90deg,rgba(51,53,52,.82),rgba(51,53,52,.56))}
.video-library-panel::before{opacity:.58}
.library-head{border-bottom-color:rgba(242,243,241,.12);background:rgba(12,14,14,.1)}
.video-item{border-bottom-color:rgba(242,243,241,.075)}
.video-item:hover{background:rgba(242,243,241,.025)}
.video-item[aria-selected=true]{background:rgba(242,243,241,.055)}
.video-item[aria-selected=true]::after{opacity:.72}
.promo-feedback{opacity:.78}
@media(max-width:900px){.video-library-panel{border-left:0;border-top:1px solid rgba(242,243,241,.1)}}
