.bah-opening{height:100svh;min-height:780px;max-height:1200px;background:#080b0e;position:relative;overflow:hidden}.bah-scenes,.bah-scene,.bah-world,.bah-shade{position:absolute;inset:0;width:100%;height:100%}.bah-scene{visibility:hidden;opacity:0;transition:opacity .65s,visibility .65s;overflow:hidden;perspective:1200px}.bah-scene.is-active{visibility:visible;opacity:1}.bah-world{object-fit:cover;filter:brightness(.55);object-position:65% center}.bah-shade{background:linear-gradient(90deg,#080b0ef5,transparent 85%),linear-gradient(0deg,#080b0e,transparent 50%)}.bah-frame{position:absolute;width:34%;right:12%;top:16%;padding:7px;background:#d7c8ab;box-shadow:0 20px 70px #0008;transform:rotate(-9deg);margin:0}.bah-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.bah-frame figcaption{color:#24221b;font-size:8px;letter-spacing:.14em;padding:9px 4px 3px}.frame-b{right:-5%;top:36%;transform:rotate(10deg)}.bah-lead{position:absolute;right:-5%;top:15%;width:70%;height:65%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 20px 20px #0008)}.bah-copy{position:absolute;top:24%;left:var(--pad);width:48%;z-index:3}.bah-copy .chapter{font-size:9px;color:#d6b787}.bah-copy h1,.bah-copy h2{font-size:clamp(45px,5.3vw,85px);line-height:1;letter-spacing:-.04em;margin:25px 0}.bah-copy em{font-family:var(--serif);font-weight:400;color:#d6b787}.bah-copy>p:not(.chapter){max-width:350px;font-size:16px;line-height:1.6}.bah-cta{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.bah-cta>a:last-child{font-size:12px}.bah-controls{position:absolute;bottom:24px;left:var(--pad);right:var(--pad);z-index:5;background:#0a1019e8;border:1px solid #ffffff28}.bah-tools{display:flex;align-items:center;padding:8px 12px;gap:18px;border-bottom:1px solid #ffffff28}.bah-tools span{flex:1}.bah-tools button{background:none;border:0;color:#ddd4c3;font-size:10px;min-height:32px}.bah-tabs{display:grid;grid-template-columns:repeat(5,1fr)}.bah-tabs button{border:0;border-right:1px solid #ffffff20;background:transparent;color:#aaa69e;font-size:10px;letter-spacing:.07em;min-height:62px;text-align:left;padding:14px}.bah-tabs button span{display:block;font-size:8px;margin-bottom:5px}.bah-tabs button[aria-pressed=true]{color:#e9d6af;background:#ffffff08;box-shadow:inset 0 -3px #d6b787}.bah-scene.is-active .bah-world{animation:bahWorld 9s ease-out both}.bah-scene.is-active .frame-a{animation:bahFrameA 1.1s .15s both}.bah-scene.is-active .frame-b{animation:bahFrameB 1.2s .3s both}.bah-scene.is-active .bah-lead{animation:bahLead 1.3s .4s both}.bah-scene.is-active .bah-copy{animation:bahCopy .8s .55s both}@keyframes bahWorld{from{transform:scale(1.12)}to{transform:scale(1)}}@keyframes bahFrameA{from{opacity:0;transform:translate(90px,-35px) rotate(-20deg) rotateY(-25deg) scale(.8)}to{opacity:1;transform:rotate(-9deg)}}@keyframes bahFrameB{from{opacity:0;transform:translate(120px,65px) rotate(23deg) scale(.8)}to{opacity:1;transform:rotate(10deg)}}@keyframes bahLead{from{opacity:0;transform:translateY(70px) scale(.86)}to{opacity:1;transform:none}}@keyframes bahCopy{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}.bah-opening.motion-off *{animation:none!important;transition:none!important}.bah-intro{position:fixed;inset:0;z-index:100;background:#05080e;display:grid;place-items:center;overflow:hidden}.bah-intro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;animation:bahWorld 4s both}.bah-intro strong{position:relative;text-align:center;font-size:clamp(40px,8vw,110px);line-height:1;letter-spacing:-.05em;color:#eee6d8;animation:bahCopy 1s both}.bah-intro strong small{display:block;font-size:11px;letter-spacing:.4em;color:#d6b787;margin-bottom:25px}.bah-intro button{position:absolute;bottom:35px;right:var(--pad);padding:14px;background:#080b0e;color:white;border:1px solid #ffffff55}.bah-intro:after{content:'';position:absolute;bottom:0;left:0;height:3px;background:#d6b787;animation:bahProgress 4s linear forwards}@keyframes bahProgress{from{width:0}to{width:100%}}
@media(max-width:700px){.bah-opening{min-height:850px}.bah-copy{top:19%;width:88%}.bah-copy h1,.bah-copy h2{font-size:48px}.bah-copy>p:not(.chapter){max-width:290px}.bah-frame{width:46%;top:45%;right:26%;opacity:.5}.frame-b{top:53%;right:-10%}.bah-lead{top:38%;height:40%;width:90%;opacity:.55}.bah-copy{z-index:4}.bah-tabs button{font-size:7px;padding:10px 6px;min-height:58px;letter-spacing:0}.bah-tools{gap:10px}.bah-tools button{font-size:9px}.bah-cta{margin-top:20px;gap:15px}.bah-controls{bottom:18px}.bah-copy .chapter{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bah-opening *,.bah-intro *{animation:none!important;transition:none!important}}
#bah-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Each opening has its own art direction and independent foreground. */
.bah-scene[data-slide="0"] .bah-world{object-position:60% center}.bah-scene[data-slide="1"] .bah-world{filter:brightness(.38)}.bah-scene[data-slide="2"] .bah-world{filter:brightness(.65)}.bah-scene[data-slide="4"] .bah-world{filter:brightness(.65)}.bah-lead{right:0;top:12%;width:76%;height:73%;object-fit:contain}.lead-camera-layer{top:21%;right:-3%;width:82%;height:66%}.lead-premiere-layer{top:auto;bottom:8%;width:90%;height:65%}.lead-screens-layer{right:-2%;top:12%;width:80%;height:72%}.clio-hero-art{position:absolute;right:5%;top:18%;width:39%;height:55%;display:flex;flex-direction:column;gap:30px;align-items:center}.clio-hero-mark{width:75%;height:auto;max-height:80px;object-fit:contain}.clio-hero-photo{width:100%;height:80%;object-fit:cover;box-shadow:0 30px 90px #0008;border:1px solid #d6b78755}.bah-scene.is-active .clio-hero-art{animation:bahLead 1.5s .3s both}.bah-scene[data-slide="2"].is-active .bah-lead{animation:premiereEntrance 1.6s .3s both}.bah-scene[data-slide="4"].is-active .bah-lead{animation:screensEntrance 1.6s .25s both}@keyframes premiereEntrance{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:none}}@keyframes screensEntrance{from{opacity:0;transform:perspective(1000px) rotateY(-25deg) translateX(90px) scale(.86)}to{opacity:1;transform:none}}@media(max-width:700px){.bah-copy{top:17%}.bah-lead{top:40%;height:40%;width:100%;right:-10%;opacity:.65}.lead-premiere-layer{top:43%;height:38%;right:0}.lead-screens-layer{top:43%;right:0}.clio-hero-art{top:48%;right:4%;width:57%;height:27%;gap:15px}.clio-hero-mark{max-height:30px}.clio-hero-photo{height:75%}.bah-scene[data-slide="3"] .bah-copy h2{font-size:42px}}
/* Campaign assembly: picture, score, effects and voice. */
.bah-opening{--scene:0}.bah-copy{top:22%}.bah-copy>p:not(.chapter){max-width:360px}.bah-fixed-cta{position:absolute;left:var(--pad);top:54%;z-index:6}.bah-fixed-cta .bah-cta{margin:0}.bah-controls{bottom:22px}.bah-tools{padding:3px 12px}.edit-timeline{position:relative;padding:8px 12px 12px;overflow:hidden}.edit-ruler{display:flex;justify-content:space-between;margin:0 0 6px 70px;color:#a2a9b2;font:8px monospace}.edit-row{display:flex;align-items:center;height:26px;gap:10px;margin-bottom:3px}.track-label{width:60px;flex-shrink:0;font:8px monospace;letter-spacing:.08em;color:#a8afb7}.edit-timeline .bah-tabs{flex:1;gap:3px;height:25px}.edit-timeline .bah-tabs button{min-height:0;padding:5px 7px;font:8px monospace;background:#25344c;border:1px solid #667da14d;white-space:nowrap;overflow:hidden}.edit-timeline .bah-tabs button[aria-pressed=true]{background:#526789;color:white;box-shadow:inset 2px 0 #ebc687}.track-clips{flex:1;height:22px;overflow:hidden;background:#ffffff04}.wave-clip{display:flex;align-items:center;justify-content:space-around;height:100%;background:#294238;transform-origin:left;border-radius:2px;width:94%}.wave-clip i{width:2px;height:var(--h);background:#92b7a0;opacity:.8}.track-1 .wave-clip{background:#45394f;width:62%;margin-left:18%}.track-1 i{background:#b79fc9}.track-2 .wave-clip{background:#5a4930;width:85%;margin-left:7%}.track-2 i{background:#e9ca8f}.edit-playhead{position:absolute;top:6px;bottom:10px;left:calc(82px + (100% - 94px)*var(--scene)/5);width:1px;background:#f2d294;z-index:2;pointer-events:none}.edit-playhead:before{content:'';position:absolute;top:0;left:-4px;border:4px solid transparent;border-top-color:#f2d294}.timeline-running .edit-playhead{animation:editScan 3s linear forwards}.timeline-running .wave-clip i{animation:meterPulse .7s var(--d) ease-in-out infinite alternate}.timeline-running .wave-clip{animation:clipBuild .5s ease-out both}.timeline-running .track-1 .wave-clip{animation-delay:.12s}.timeline-running .track-2 .wave-clip{animation-delay:.24s}@keyframes editScan{to{left:calc(82px + (100% - 94px)*(var(--scene) + 1)/5)}}@keyframes meterPulse{to{transform:scaleY(.55);opacity:.4}}@keyframes clipBuild{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.bah-scene.is-active .bah-world{animation:pictureBuild 3s ease-out both}.bah-scene.is-active .bah-copy{animation:none}.bah-scene.is-active .bah-copy .chapter{animation:bahCopy .35s .08s both}.bah-scene.is-active .bah-copy h1,.bah-scene.is-active .bah-copy h2{animation:bahCopy .45s .16s both}.bah-scene.is-active .bah-copy>p:not(.chapter){animation:bahCopy .4s .28s both}.bah-scene.is-active .bah-lead,.bah-scene[data-slide="2"].is-active .bah-lead,.bah-scene[data-slide="4"].is-active .bah-lead,.bah-scene.is-active .clio-hero-art{animation:layerBuild .65s .12s both}@keyframes pictureBuild{0%{transform:scale(1.08);clip-path:inset(0 12% 0 0)}25%{clip-path:inset(0)}100%{transform:scale(1)}}@keyframes layerBuild{from{opacity:0;transform:translate3d(45px,20px,0) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:700px){.bah-opening{min-height:820px}.bah-copy{top:15%;width:88%}.bah-copy h1,.bah-copy h2{font-size:43px;margin:18px 0}.bah-copy>p:not(.chapter){font-size:14px;max-width:320px}.bah-fixed-cta{top:43%;right:var(--pad)}.bah-fixed-cta .bah-cta{gap:16px}.bah-fixed-cta .button{padding:13px}.bah-controls{bottom:14px}.edit-timeline .bah-tabs button{font-size:6px;padding:3px 1px}.track-label{font-size:7px}.bah-lead{top:43%;height:30%}.clio-hero-art{top:48%;height:22%}.edit-row{height:22px}.edit-timeline{padding-bottom:6px}.bah-copy .chapter{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bah-opening *{animation:none!important;transition:none!important}}

/* Approved booth performance: first opening scene. */
@media(min-width:701px){.bah-scene .lead-booth-performance{top:17%;right:0;width:51%;height:48%;object-fit:cover;object-position:34% center;mask-image:linear-gradient(90deg,transparent,black 22%,black 83%,transparent),linear-gradient(180deg,transparent,black 18%,black 68%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in;filter:none}}