/* The Sound of Power — scoped campaign story, shared Windows system retained. */
.mau5-campaign .campaign-hero{height:100svh;min-height:780px}
.mau5-campaign .campaign-hero>img.backdrop{object-position:center;transform:none;will-change:auto}
.mau5-campaign .campaign-hero .shade{background:linear-gradient(90deg,#000c, #0008 34%,transparent 72%),linear-gradient(0deg,#0009,transparent 26%)}
.mau5-campaign .campaign-hero .content{top:52%;padding-top:0;max-width:1040px}
.mau5-campaign .campaign-hero h1{font-size:clamp(42px,4.35vw,72px);line-height:1.09;letter-spacing:-.035em;max-width:1040px;text-wrap:initial}
.mau5-campaign .campaign-hero .lead{max-width:560px;font-size:clamp(18px,1.5vw,23px);color:#ddd;line-height:1.5}
.mau5-campaign .campaign-hero .eyebrow{margin-bottom:30px}
.mau5-campaign .campaign-hero .visual-note{right:var(--gutter);font-size:10px;max-width:90%}
.mau5-campaign .campaign-premise .tv-inner{max-width:1180px}
.mau5-campaign .campaign-premise h2{font-size:clamp(48px,6.7vw,100px)}
.mau5-campaign .campaign-premise .lead{max-width:810px;color:#c8c8c8}
.mau5-campaign .campaign-question{margin-top:44px;border-top:1px solid #ffffff35;padding-top:24px;font-size:18px;color:#9dcfff;max-width:810px}
.mau5-campaign .campaign-frame{padding-top:148px;padding-bottom:115px}
.mau5-campaign .campaign-frame h2{font-size:clamp(30px,3.6vw,54px);text-wrap:initial}
.mau5-campaign .campaign-frame>img{max-height:65svh;object-fit:contain}
.mau5-campaign .campaign-frame .tv-caption p{max-width:1040px;font-size:19px}
.mau5-campaign .sound-gallery{max-width:1400px;margin:auto}
.mau5-campaign .sound-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}
.mau5-campaign .sound-controls .sound-tabs{margin-bottom:0}
.mau5-campaign .sound-playback{flex-shrink:0;display:flex;align-items:center;gap:14px;min-height:46px;padding:10px 16px;border:1px solid #ffffff35;border-radius:999px;font-size:12px;color:#ddd}
.mau5-campaign .sound-playback span{font-size:9px;color:#999;letter-spacing:.04em}
.mau5-campaign .sound-playback:hover{background:#ffffff12;border-color:#ffffff80}
.mau5-campaign .sound-shot:not([hidden]) img{animation:sound-scene-reveal .45s ease-out}
@keyframes sound-scene-reveal{from{opacity:.35}to{opacity:1}}
@media(max-width:700px){.mau5-campaign .sound-controls{flex-wrap:wrap}.mau5-campaign .sound-controls .sound-tabs{width:100%}.mau5-campaign .sound-playback{margin-left:auto;min-height:40px}}
@media(prefers-reduced-motion:reduce){.mau5-campaign .sound-shot:not([hidden]) img{animation:none}}
.mau5-campaign .sound-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.mau5-campaign .sound-tabs button{border:1px solid #ffffff30;border-radius:999px;padding:12px 19px;min-height:46px;display:flex;gap:10px;align-items:center;font-size:14px;color:#c4c4c4;background:#ffffff05;transition:background .18s,color .18s,border-color .18s}
.mau5-campaign .sound-tabs button span{font-size:10px;letter-spacing:.05em;opacity:.6}
.mau5-campaign .sound-tabs button[aria-selected=true]{background:var(--windows-action);border-color:transparent;color:#fff}
.mau5-campaign .sound-tabs button:hover{border-color:#ffffff80;color:#fff}
.mau5-campaign .sound-tabs button[aria-selected=true]:hover{background:var(--windows-action-hover)}
.mau5-campaign .sound-shot{margin:0}
.mau5-campaign .sound-shot[hidden]{display:none}
.mau5-campaign .sound-shot img{display:block;width:100%;aspect-ratio:16/9;max-height:62svh;object-fit:contain}
.mau5-campaign .sound-shot figcaption{font-size:19px;line-height:1.5;color:#ccc;margin-top:22px;max-width:1000px}
.mau5-campaign .session-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1400px;margin:30px auto 0}
.mau5-campaign .session-steps p{border-top:1px solid #ffffff35;padding-top:15px;font-size:20px;line-height:1.4;color:#ddd}
.mau5-campaign .session-steps span{display:block;font-size:10px;color:#8dbdeb;letter-spacing:.06em;margin-bottom:10px}
.mau5-campaign .campaign-commercial .tv-inner{max-width:1400px}
.mau5-campaign .campaign-commercial h2{font-size:clamp(40px,5vw,76px)}
.mau5-campaign .campaign-commercial .lead{font-size:clamp(19px,1.8vw,27px);color:#bdbdbd}
.mau5-campaign .commercial-beats{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;list-style:none;padding:0;margin:45px 0 35px}
.mau5-campaign .commercial-beats li{border-top:1px solid #ffffff3d;padding-top:16px}
.mau5-campaign .commercial-beats span{font-size:11px;color:#999}
.mau5-campaign .commercial-beats h3{font-size:23px;line-height:1.2;letter-spacing:-.02em;margin:14px 0 12px}
.mau5-campaign .commercial-beats p{font-size:16px;line-height:1.5;color:#bbb}
.mau5-campaign .commercial-signoff{display:flex;align-items:center;gap:15px;font-size:22px;line-height:1.4;margin-top:35px;color:#eee}
.mau5-campaign .commercial-signoff .windows-symbol{flex-shrink:0;grid-template-columns:repeat(2,10px)}
.mau5-campaign .commercial-signoff .windows-symbol i{height:10px}
.mau5-campaign .campaign-footnote{font-size:12px;color:#888;line-height:1.5;margin-top:25px;max-width:720px}
.mau5-campaign .campaign-timeline h2{font-size:clamp(40px,5vw,76px)}
.mau5-campaign .campaign-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:60px}
.mau5-campaign .campaign-acts article{border-top:1px solid #ffffff35;padding-top:22px}
.mau5-campaign .campaign-acts span{font-size:11px;letter-spacing:.06em;color:#8dbdeb}
.mau5-campaign .campaign-acts h3{font-size:32px;margin:19px 0 16px;font-weight:600}
.mau5-campaign .campaign-acts p{font-size:18px;line-height:1.5;color:#bbb}
.mau5-campaign .campaign-next h2{font-size:clamp(42px,5.4vw,82px)}
.mau5-campaign .next-plan{max-width:820px;display:grid;gap:24px;margin-top:34px}
.mau5-campaign .next-plan p{font-size:clamp(20px,1.7vw,26px);line-height:1.5;color:#bcbcbc}
@media(min-width:1800px){.mau5-campaign .campaign-hero h1{max-width:1200px;font-size:76px}.mau5-campaign .campaign-hero .content{max-width:1200px}.mau5-campaign .campaign-hero .lead{font-size:25px;max-width:680px}}
@media(min-width:701px) and (max-width:1100px){.mau5-campaign .campaign-hero h1{font-size:5.2vw;max-width:90%}.mau5-campaign .commercial-beats{gap:20px}.mau5-campaign .commercial-beats h3{font-size:20px}.mau5-campaign .commercial-beats p{font-size:14px}.mau5-campaign .campaign-acts{gap:30px}}
@media(max-width:700px){
 .mau5-campaign .campaign-hero{min-height:820px;height:100svh}
 .mau5-campaign .campaign-hero>img.backdrop{object-fit:cover;object-position:69% top;height:73%;}
 .mau5-campaign .campaign-hero .shade{background:linear-gradient(0deg,#050505 12%,#050505d9 35%,#0001 75%)}
 .mau5-campaign .campaign-hero .content{top:auto;bottom:138px;max-width:none}
 .mau5-campaign .campaign-hero h1{font-size:clamp(36px,9.7vw,64px);line-height:1.12;max-width:100%;margin-bottom:24px}
 .mau5-campaign .campaign-hero .eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:.09em}
 .mau5-campaign .campaign-hero .lead{font-size:17px;max-width:100%}
 .mau5-campaign .campaign-hero .visual-note{bottom:85px;font-size:8px;left:var(--gutter);right:var(--gutter);max-width:none;text-align:left}
 .mau5-campaign .tv-text{padding-top:155px;padding-bottom:125px}
 .mau5-campaign .campaign-premise h2{font-size:12vw}
 .mau5-campaign .campaign-question{font-size:17px;margin-top:32px;padding-top:24px}
 .mau5-campaign .campaign-frame{padding-top:155px;padding-bottom:115px;min-height:0}
 .mau5-campaign .campaign-frame h2{font-size:clamp(30px,8.8vw,44px);line-height:1.13}
 .mau5-campaign .campaign-frame>img{max-height:none}
 .mau5-campaign .campaign-frame .tv-caption p,.mau5-campaign .sound-shot figcaption{font-size:17px}
 .mau5-campaign .sound-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
 .mau5-campaign .sound-tabs button{font-size:11px;padding:11px 10px;gap:6px;justify-content:center;white-space:nowrap;min-height:44px}
 .mau5-campaign .sound-tabs button span{font-size:9px}
 .mau5-campaign .sound-shot img{width:calc(100% + 2 * var(--gutter));max-width:none;margin-left:calc(-1 * var(--gutter));max-height:none}
 .mau5-campaign .session-steps{grid-template-columns:1fr;gap:19px;margin-top:28px}
 .mau5-campaign .session-steps p{font-size:19px;padding-top:14px}.mau5-campaign .session-steps span{margin-bottom:6px}
 .mau5-campaign .campaign-commercial h2,.mau5-campaign .campaign-timeline h2{font-size:10vw;line-height:1.13}
 .mau5-campaign .commercial-beats{grid-template-columns:1fr;gap:22px;margin-top:34px}
 .mau5-campaign .commercial-beats li{display:grid;grid-template-columns:26px 1fr;gap:0 16px;padding-top:18px}
 .mau5-campaign .commercial-beats span{grid-row:1/3;padding-top:4px}
 .mau5-campaign .commercial-beats h3{font-size:23px;margin:0 0 8px}
 .mau5-campaign .commercial-beats p{font-size:16px;grid-column:2}
 .mau5-campaign .commercial-signoff{font-size:18px;gap:12px}
 .mau5-campaign .campaign-footnote{font-size:11px;margin-top:22px}
 .mau5-campaign .campaign-acts{grid-template-columns:1fr;gap:32px;margin-top:38px}
 .mau5-campaign .campaign-acts h3{font-size:29px;margin:15px 0 13px}
 .mau5-campaign .campaign-acts p{font-size:17px}
 .mau5-campaign .campaign-next h2{font-size:11vw}.mau5-campaign .next-plan{gap:22px}.mau5-campaign .next-plan p{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.mau5-campaign .sound-tabs button{transition:none}}
/* Keep image captions clear of the fixed presentation controls. */
@media(min-width:701px){
 .mau5-campaign .campaign-frame>img{max-height:max(280px,calc(100svh - 460px))}
 .mau5-campaign .sound-shot img{max-height:max(280px,calc(100svh - 510px))}
 .mau5-campaign .campaign-session>img{max-height:max(270px,calc(100svh - 560px))}
}
/* Framed scenes retain their composition and give the cinematic chapters contrast. */
@media(min-width:701px){
 .mau5-campaign .campaign-frame{--scene-height:none;--scene-width:min(78vw,1100px);min-height:0;padding-top:140px;padding-bottom:110px}
 .mau5-campaign .sound-hunt{--scene-width:min(84vw,1240px)}
 .mau5-campaign .campaign-frame .tv-frame-heading,
 .mau5-campaign .campaign-frame>img,
 .mau5-campaign .campaign-frame .tv-caption,
 .mau5-campaign .campaign-frame .tv-note,
 .mau5-campaign .campaign-frame .sound-gallery,
 .mau5-campaign .campaign-frame .session-steps{width:min(100%,var(--scene-width));max-width:1400px;margin-left:auto;margin-right:auto}
 .mau5-campaign .campaign-frame h2{font-size:clamp(30px,2.5vw,40px);line-height:1.12}
 .mau5-campaign .campaign-frame>img,.mau5-campaign .sound-shot img{height:auto;max-height:var(--scene-height);object-fit:contain}
 .mau5-campaign .campaign-session h2{font-size:clamp(28px,2.1vw,34px)}
 .mau5-campaign .session-steps{gap:24px}
 .mau5-campaign .session-steps p{font-size:17px}
 .mau5-campaign .sound-tabs{gap:8px}
 .mau5-campaign .sound-tabs button{font-size:12px;padding:11px 14px;gap:7px}
}
.mau5-campaign .sound-shot img{height:auto}
/* Arrival and performance are the visual peaks between the framed story details. */
.mau5-campaign .campaign-scene{height:100svh;min-height:760px;padding:0}
.mau5-campaign .campaign-scene>img.backdrop{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:none;will-change:auto}
.mau5-campaign .campaign-scene .shade{background:linear-gradient(0deg,#000e 0%,#0009 18%,#0002 42%,transparent 64%)}
.mau5-campaign .campaign-scene .content{position:absolute;inset:auto var(--gutter) 125px;max-width:1200px;margin:0;padding:0;transform:none}
.mau5-campaign .campaign-scene .eyebrow{margin-bottom:18px;color:#ddd}
.mau5-campaign .campaign-scene h2{font-size:clamp(42px,4.5vw,72px);line-height:1.1;letter-spacing:-.035em;margin-bottom:20px;text-wrap:initial}
.mau5-campaign .campaign-scene .lead{max-width:630px;font-size:clamp(18px,1.45vw,22px);line-height:1.5;color:#ddd}
.mau5-campaign .campaign-arrival .lead{max-width:475px}
.mau5-campaign .campaign-watch-party .content{bottom:105px}
.mau5-campaign .campaign-watch-party h2{font-size:clamp(40px,4.4vw,66px)}
.mau5-campaign .campaign-watch-party .shade{background:linear-gradient(0deg,#000c,transparent 52%)}
.mau5-campaign .campaign-scene .visual-note{bottom:85px;right:var(--gutter);font-size:10px}
@media(max-width:700px){
 .mau5-campaign .campaign-frame>img,.mau5-campaign .sound-shot img{width:100%;max-width:100%;margin-left:0;margin-right:0}
 .mau5-campaign .campaign-scene{height:auto;min-height:0;padding:130px 0 115px}
 .mau5-campaign .campaign-scene>img.backdrop{position:relative;inset:auto;z-index:auto;height:auto;object-fit:contain}
 .mau5-campaign .campaign-scene .shade{display:none}
 .mau5-campaign .campaign-scene .content{position:relative;inset:auto;max-width:none;margin:32px var(--gutter) 0}
 .mau5-campaign .campaign-scene h2{font-size:clamp(32px,9vw,52px);line-height:1.12}
 .mau5-campaign .campaign-scene .eyebrow{font-size:9px;letter-spacing:.09em;line-height:1.6}
 .mau5-campaign .campaign-scene .lead{font-size:17px}
 .mau5-campaign .campaign-scene .visual-note{position:relative;inset:auto;max-width:none;text-align:left;font-size:9px;margin:24px var(--gutter) 0}
}
/* The Windows creation moment earns a full-bleed image. */
.mau5-campaign .campaign-session{height:100svh;min-height:760px;padding:0}
.mau5-campaign .campaign-session>img.backdrop{width:100%;max-width:none;height:100%;max-height:none;object-fit:cover;object-position:center;transform:none;will-change:auto;margin:0}
.mau5-campaign .campaign-session .shade{background:linear-gradient(110deg,#000b 0%,#0007 33%,transparent 68%),linear-gradient(0deg,#0006,transparent 20%)}
.mau5-campaign .campaign-session .content{position:absolute;top:22%;left:var(--gutter);right:auto;width:59%;max-width:920px;padding:0;margin:0;transform:none}
.mau5-campaign .campaign-session h2{font-size:clamp(40px,4.2vw,68px);line-height:1.1;letter-spacing:-.035em;max-width:920px;text-wrap:initial;margin-bottom:26px}
.mau5-campaign .campaign-session .lead{font-size:clamp(18px,1.45vw,22px);line-height:1.5;max-width:600px;color:#eee}
.mau5-campaign .campaign-session .visual-note{bottom:85px;right:var(--gutter);font-size:10px}
@media(max-width:700px){
 .mau5-campaign .campaign-session{height:auto;min-height:100svh;padding:150px 0 120px;display:flex;flex-direction:column}
 .mau5-campaign .campaign-session>img.backdrop{position:relative;inset:auto;z-index:auto;width:100%;height:auto;object-fit:contain;object-position:center}
 .mau5-campaign .campaign-session .shade{display:none}
 .mau5-campaign .campaign-session .content{position:relative;inset:auto;width:auto;max-width:none;margin:32px var(--gutter) 0;padding:0;transform:none}
 .mau5-campaign .campaign-session h2{font-size:9.2vw;line-height:1.12;margin-bottom:24px}
 .mau5-campaign .campaign-session .lead{font-size:17px}
 .mau5-campaign .campaign-session .visual-note{position:relative;inset:auto;text-align:left;max-width:none;margin:26px var(--gutter) 0;font-size:9px}
}

/* Keep the opening headline in the negative space beside the mask. */
@media(min-width:701px){
 .mau5-campaign .campaign-hero .content{width:48vw;max-width:800px;right:auto}
 .mau5-campaign .campaign-hero h1{font-size:clamp(28px,3.65vw,64px);max-width:100%;line-height:1.12;text-wrap:initial}
 .mau5-campaign .campaign-hero .lead{max-width:100%}
}