/* Chapter LXI — shared presentation system for the three music treatments. */
.artist-headline-line{display:block;text-wrap:balance}
.artist-route .route-hero h1#mello-title{font-size:clamp(36px,4.6vw,72px)}
@media(max-width:700px){.artist-route .route-hero h1#mello-title{font-size:clamp(28px,8.5vw,54px)}}
/* Vector lockups share the photograph's crop and screen perspective. */
.screen-photo{position:relative;display:block;margin:0}
.screen-photo>img{display:block;width:100%;height:auto}
.screen-photo.backdrop{position:absolute;inset:0;width:100%;height:100%;transform:none}
.screen-photo.backdrop>img{width:100%;height:100%;object-fit:cover;object-position:center}
.screen-photo>.screen-lockup{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 2px #0008)}
.mau5-campaign .campaign-frame>.screen-photo{width:min(100%,var(--scene-width,100%));max-width:1400px;margin-inline:auto}
@media(max-width:700px){
 .artist-route .route-scene>.screen-photo.backdrop,.mau5-campaign .campaign-scene>.screen-photo.backdrop{position:relative;inset:auto;height:auto;z-index:auto}
 .artist-route .route-scene>.screen-photo.backdrop>img,.mau5-campaign .campaign-scene>.screen-photo.backdrop>img{height:auto;object-fit:contain}
}
.talent-nav{gap:4px;padding:4px;background:#0b0b0bd9;border:1px solid #ffffff2b;box-shadow:0 6px 28px #0002}
.talent-nav a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 15px;border-radius:22px;font:600 12px/1.3 var(--sans);white-space:nowrap}
.talent-nav a[aria-current=page]{background:#fff;color:#111}
.talent-nav a:not([aria-current]):hover{background:#ffffff12;color:#fff}
.talent-nav a:focus-visible{outline:2px solid #6dc1ff;outline-offset:2px}
.artist-route{--route-width:1240px;--route-copy:#c8c8c8}
.artist-route .slide{overflow:hidden}
.artist-route h1,.artist-route h2{letter-spacing:-.035em;text-wrap:balance}
.artist-route .route-hero,.artist-route .route-scene{height:100svh;min-height:720px;padding:0}
.artist-route .route-hero>img.backdrop,.artist-route .route-scene>img.backdrop{transform:none;will-change:auto;object-fit:cover;object-position:center;width:100%;height:100%;max-height:none;filter:grayscale(1)}
.artist-route .route-hero .shade{background:linear-gradient(90deg,#0009 0%,#0005 35%,transparent 65%),linear-gradient(0deg,#0008,transparent 30%)}
.artist-route .route-hero .content{top:52%;max-width:610px;margin:0;padding:0;right:auto;width:47%}
.artist-route .route-hero h1{font-size:clamp(46px,5.6vw,88px);line-height:1.04;margin-bottom:28px;text-wrap:initial}
.artist-route .route-hero .lead{font-size:clamp(18px,1.65vw,25px);line-height:1.5;max-width:430px;color:#ddd}
.artist-route .route-hero .eyebrow{margin-bottom:28px;font-size:11px;color:#ccc}
.artist-route .visual-note{font-size:10px;color:#b6b6b6;bottom:85px;right:var(--gutter);max-width:90%}
.artist-route .route-text{height:auto;min-height:100svh;padding:155px var(--gutter) 125px;display:flex;align-items:center}
.route-inner{width:100%;max-width:var(--route-width);margin:auto}
.artist-route .route-text h2{font-size:clamp(42px,5.4vw,82px);line-height:1.08;margin-bottom:32px}
.artist-route .route-text .lead{font-size:clamp(20px,1.9vw,28px);line-height:1.5;max-width:850px;color:var(--route-copy)}
.artist-route .route-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.artist-route .route-split h2{font-size:clamp(42px,4.9vw,74px);margin:0}
.artist-route .route-split p{font-size:clamp(19px,1.8vw,27px);line-height:1.55;color:var(--route-copy)}
.artist-route .route-split p+p{margin-top:24px}
.artist-route .route-split p:last-child{font-size:17px;color:#999;line-height:1.6}
.artist-route .route-frame{height:auto;min-height:0;padding:150px var(--gutter) 110px}
.route-frame-inner{width:100%;max-width:1100px;margin:auto}
.artist-route .route-frame h2{font-size:clamp(32px,3.3vw,52px);line-height:1.12;margin-bottom:28px;text-wrap:initial}
.artist-route .route-frame .eyebrow{margin-bottom:16px}
.artist-route .route-frame img{display:block;width:100%;height:auto;object-fit:contain;filter:grayscale(1)}
.route-caption{display:flex;gap:40px;justify-content:space-between;align-items:start;margin-top:25px}
.route-caption p{font-size:clamp(17px,1.5vw,22px);line-height:1.5;max-width:820px;color:var(--route-copy)}
.route-caption small{font-size:10px;color:#999;white-space:nowrap;padding-top:6px}
.route-clues{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
.route-clues p{border-top:1px solid #ffffff30;padding-top:18px;color:#ddd;font-size:18px;line-height:1.4}
.route-clues span{display:block;color:#8dc8f4;font-size:10px;letter-spacing:.07em;margin-bottom:10px}
.artist-route .route-scene .shade{background:linear-gradient(0deg,#000e 0%,#0009 21%,#0002 48%,transparent 70%)}
.artist-route .route-scene .content{position:absolute;inset:auto var(--gutter) 125px;transform:none;margin:0;padding:0;max-width:1000px}
.artist-route .route-scene h2{font-size:clamp(42px,5vw,76px);line-height:1.08;margin-bottom:22px;text-wrap:initial}
.artist-route .route-scene .lead{font-size:clamp(18px,1.6vw,24px);line-height:1.5;max-width:620px;color:#ddd}
.artist-route .route-scene .eyebrow{margin-bottom:20px}
.artist-route .route-creation .content{top:22%;bottom:auto;max-width:600px;width:46%}
.artist-route .route-creation .shade{background:linear-gradient(90deg,#000b,#0005 40%,transparent 72%),linear-gradient(0deg,#0006,transparent 25%)}
.artist-route .route-afterparty .content{top:37%;bottom:auto;max-width:580px;width:43%}
.artist-route .route-afterparty .shade{background:linear-gradient(90deg,#0008,transparent 68%),linear-gradient(0deg,#0006,transparent 30%)}
.artist-route .route-led-stage .content{top:auto;bottom:105px;width:auto;max-width:1300px}
.artist-route .route-led-stage h2{font-size:clamp(32px,3.2vw,50px);margin-bottom:14px}
.artist-route .route-led-stage .eyebrow{margin-bottom:14px}
.artist-route .route-led-stage .shade{background:linear-gradient(0deg,#000d,transparent 36%)}
.artist-route .route-watch-party .content{bottom:105px}
.artist-route .route-watch-party h2{font-size:clamp(40px,4.4vw,66px)}
.artist-route .route-watch-party .shade{background:linear-gradient(0deg,#000c,transparent 52%)}
.route-tabs{display:flex;gap:10px;margin:0 0 24px}
.route-gallery-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}
.route-gallery-controls .route-tabs{margin-bottom:0}
.route-playback{flex-shrink:0;display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 16px;border:1px solid #ffffff35;border-radius:999px;font-size:12px;color:#ddd}
.route-playback span{font-size:9px;color:#999;letter-spacing:.04em}
.route-playback:hover{background:#ffffff12;border-color:#ffffff80}
.route-panel:not([hidden]) img{animation:route-scene-reveal .45s ease-out}
@keyframes route-scene-reveal{from{opacity:.35}to{opacity:1}}
@media(max-width:700px){.route-gallery-controls{flex-wrap:wrap}.route-gallery-controls .route-tabs{width:100%}.route-playback{margin-left:auto;min-height:40px}}
@media(prefers-reduced-motion:reduce){.route-panel:not([hidden]) img{animation:none}}
.route-tabs button{border:1px solid #ffffff35;border-radius:24px;padding:12px 20px;min-height:44px;color:#bbb;font:600 13px/1.35 var(--sans);display:flex;gap:10px;align-items:center}
.route-tabs button span{font-size:10px;font-weight:400;color:inherit;opacity:.7}
.route-tabs button[aria-selected=true]{background:var(--windows-action);border-color:var(--windows-action);color:white}
.route-tabs button:hover{border-color:#eee;color:#fff}
.route-tabs button:focus-visible{outline:2px solid #8acbff;outline-offset:3px}
.route-panel{margin:0}.route-panel[hidden]{display:none}
.route-panel figcaption{font-size:19px;line-height:1.5;color:#ccc;margin-top:24px;max-width:850px}
.route-panel figcaption strong{font-weight:600;color:#fff}
.artist-route .route-commercial{background:#f5f5f5;color:#111;--route-copy:#535353}
.artist-route.route-light-top .chrome{background:#f5f5f5f2;color:#111}
.artist-route.route-light-top .chrome .quiet,.artist-route.route-light-top .idea-nav a{color:#555}
.artist-route.route-light-top .idea-nav a[aria-current=page]{color:#0067b8;border-color:#0067b8}
.artist-route.route-light-bottom .navigation{color:#111;background:linear-gradient(transparent,#f5f5f5 75%)}
.artist-route.route-light-bottom .navigation .quiet,.artist-route.route-light-bottom #counter{color:#555}
.artist-route.route-light-progress .progress button::after{background:#aaa}
.artist-route.route-light-progress .progress button[aria-current=true]::after{background:#0067b8}
.route-commercial .eyebrow{color:#0067b8}
.artist-route .route-commercial h2{max-width:1020px}
.artist-route .route-commercial .lead{max-width:1040px;font-size:clamp(20px,1.8vw,27px)}
.route-beats{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:26px;margin:48px 0 40px;padding:0}
.route-beats li{border-top:1px solid #c3c3c3;padding-top:20px}
.route-beats span{font-size:11px;letter-spacing:.03em;color:#626262}
.route-beats h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:17px 0 12px}
.route-beats p{font-size:16px;line-height:1.55;color:#5e5e5e}
.route-endcard{display:flex;align-items:center;gap:18px;padding-top:28px;border-top:1px solid #d5d5d5;margin-top:35px}
.route-endcard .windows-symbol{color:#0078d4;flex:none}.route-endcard .windows-symbol i{background:#0078d4}
.route-endcard p{font-size:clamp(21px,2vw,30px);line-height:1.3;letter-spacing:-.02em;font-weight:600}
.route-production-note{font-size:12px;line-height:1.6;color:#737373;max-width:850px;margin-top:24px}
.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px}
.route-grid article{border-top:1px solid #ffffff35;padding-top:24px}
.route-grid article>span{font-size:10px;color:#9bcbf1;letter-spacing:.07em}
.route-grid h3{font-size:clamp(25px,2.5vw,36px);line-height:1.15;letter-spacing:-.025em;margin:19px 0 16px}
.route-grid p{font-size:18px;line-height:1.55;color:#bbb}
.route-grid-four{grid-template-columns:1fr 1fr;gap:34px 65px}
.route-grid-four p{max-width:480px}
.route-details{margin-top:45px;border-top:1px solid #ffffff30;padding-top:20px;color:#aaa;font-size:14px;line-height:1.6}
.route-details summary{cursor:pointer;min-height:44px;display:list-item;font-weight:600;color:#ddd}
.route-details p{max-width:920px;margin:12px 0}
.route-details audio{display:block;width:390px;max-width:100%;margin:18px 0}
.route-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.route-links a{display:inline-flex;gap:20px;align-items:center;min-height:46px;border:1px solid #ffffff38;border-radius:999px;padding:11px 22px;color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.route-links a:hover{background:#ffffff14}.route-links a:focus-visible{outline:2px solid #8acbff;outline-offset:3px}
.harry-route .route-hero .content{width:48%;max-width:640px}
.harry-route .route-hero h1{font-size:clamp(42px,4.4vw,68px);line-height:1.1}
.harry-route .route-hero .lead{max-width:490px}
.harry-route .route-hero .shade{background:linear-gradient(90deg,#0007,#0002 36%,transparent 62%),linear-gradient(0deg,#0007,transparent 30%)}
.harry-route .route-announcement .route-frame-inner{max-width:1050px}
@media(min-width:1800px){.artist-route .route-hero .content{max-width:730px}.artist-route .route-hero .lead{max-width:540px}.harry-route .route-hero h1{font-size:78px}}
@media(min-width:701px) and (max-width:1000px){.route-beats{gap:18px}.route-beats h3{font-size:20px}.route-beats p{font-size:15px}.route-grid{gap:28px}.artist-route .route-hero h1{font-size:6.5vw}.harry-route .route-hero h1{font-size:5.3vw}.artist-route .route-hero .content{width:56%}}
@media(max-width:700px){
 .talent-nav{top:82px;left:5vw;right:5vw;justify-content:center;width:max-content;max-width:90vw;margin-left:auto;padding:3px;gap:0}
 .talent-nav a{min-height:38px;font-size:11px;padding:9px 13px}
 .artist-route .route-hero{height:auto;min-height:100svh;padding:133px 0 115px}
 .artist-route .route-hero>img.backdrop{position:relative;inset:auto;z-index:auto;height:auto;object-fit:contain;width:100%;filter:grayscale(1)}
 .artist-route .route-hero .shade{display:none}
 .artist-route .route-hero .content,.harry-route .route-hero .content{position:relative;inset:auto;transform:none;margin:32px var(--gutter) 0;width:auto;max-width:none;padding:0}
 .artist-route .route-hero h1{font-size:clamp(40px,12vw,65px);line-height:1.07;margin-bottom:24px}
 .harry-route .route-hero h1{font-size:clamp(35px,9.4vw,58px);line-height:1.13}
 .artist-route .route-hero .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:22px}
 .artist-route .route-hero .lead{font-size:18px;max-width:none}
 .artist-route .route-hero .visual-note{position:relative;inset:auto;margin:26px var(--gutter) 0;text-align:left;font-size:9px;max-width:none}
 .artist-route .route-text{padding:155px var(--gutter) 115px;min-height:0}
 .artist-route .route-text h2,.artist-route .route-split h2{font-size:clamp(36px,10.4vw,57px);line-height:1.12;margin-bottom:26px}
 .artist-route .route-text .lead,.artist-route .route-split p{font-size:20px}
 .artist-route .route-split{grid-template-columns:1fr;gap:12px}
 .artist-route .route-split p:last-child{font-size:16px}
 .artist-route .route-frame{padding:150px var(--gutter) 105px}
 .artist-route .route-frame h2{font-size:clamp(30px,8.6vw,48px);margin-bottom:25px;line-height:1.13}
 .artist-route .route-frame img{width:100%;margin:0}
 .route-caption{display:block;margin-top:24px}.route-caption p{font-size:17px}.route-caption small{display:block;margin-top:15px;font-size:9px}
 .route-clues{grid-template-columns:1fr;gap:20px;margin-top:28px}.route-clues p{font-size:18px}.route-clues span{margin-bottom:8px}
 .artist-route .route-scene{height:auto;min-height:0;padding:133px 0 115px}
 .artist-route .route-scene>img.backdrop{position:relative;inset:auto;z-index:auto;height:auto;object-fit:contain}
 .artist-route .route-scene .shade{display:none}
 .artist-route .route-scene .content{position:relative;inset:auto;transform:none;width:auto;max-width:none;margin:32px var(--gutter) 0;padding:0}
 .artist-route .route-watch-party .content{bottom:auto}
 .artist-route .route-scene h2{font-size:clamp(34px,9.5vw,54px);line-height:1.12;margin-bottom:24px}
 .artist-route .route-scene .lead{font-size:18px;max-width:none}
 .artist-route .route-scene .visual-note{position:relative;inset:auto;text-align:left;max-width:none;margin:25px var(--gutter) 0;font-size:9px}
 .route-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px}
 .route-tabs button{padding:10px 6px;font-size:10px;gap:5px;justify-content:center;min-height:46px}.route-tabs button span{display:none}
 .route-panel figcaption{font-size:17px;margin-top:23px}
 .route-beats{grid-template-columns:1fr;gap:24px;margin:36px 0}
 .route-beats li{display:grid;grid-template-columns:44px 1fr;gap:0 16px;padding-top:20px}
 .route-beats span{grid-row:1/3;font-size:10px;padding-top:4px}.route-beats h3{font-size:24px;margin:0 0 10px}.route-beats p{grid-column:2;font-size:16px}
 .route-endcard{gap:13px;align-items:flex-start;padding-top:26px}.route-endcard .windows-symbol{margin-top:4px}.route-endcard p{font-size:22px}
 .route-grid,.route-grid-four{grid-template-columns:1fr;gap:30px;margin-top:35px}.route-grid h3{font-size:28px;margin:16px 0 12px}.route-grid p{font-size:18px}
 .route-details{margin-top:35px;font-size:13px}.route-production-note{font-size:11px}
 .route-links{gap:10px}.route-links a{font-size:12px;gap:12px;padding:10px 16px}
}
@media(max-width:360px){.talent-nav a{font-size:10px;padding-inline:10px}.artist-route .route-hero h1{font-size:11.5vw}.harry-route .route-hero h1{font-size:9.3vw}.route-tabs button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.artist-route *{scroll-behavior:auto!important}}
.music-route-options{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:60px;padding-top:28px;border-top:1px solid #dedede}
.music-route-options>p{font-size:11px;letter-spacing:.08em;font-weight:600;color:#666}
.music-route-options>div{display:flex;gap:10px;flex-wrap:wrap}
.music-route-options a{display:flex;align-items:center;gap:28px;min-height:46px;padding:11px 21px;border:1px solid #d0d0d0;border-radius:999px;color:#111;text-decoration:none;font-size:14px;font-weight:600}
.music-route-options a span{color:#0078d4}.music-route-options a:hover{background:#f1f7fc;border-color:#0078d4}
.music-route-options a:focus-visible{outline:2px solid #0078d4;outline-offset:3px}
@media(max-width:760px){.music-route-options{display:block;margin-top:38px;padding-top:26px}.music-route-options>p{margin-bottom:18px;font-size:10px}.music-route-options a{font-size:12px;padding:10px 17px;gap:15px}.music-route-options>div{gap:8px}}

/* Artist routes belong to the music idea, beside its explanation. */
.music-idea-card .music-route-options{display:block;margin:0;padding:0;border:0;align-self:start}
.music-idea-card .music-route-options>div{gap:8px}
.music-idea-card .music-route-options a{font-size:14px;padding:10px 16px;gap:14px;min-height:48px}

/* Read the entire sound heist at once, in numbered storyboard order. */
.slide.storyboard-section{height:auto;min-height:100svh;overflow:visible}
.sound-storyboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;list-style:none;padding:0;margin:32px auto 0;max-width:1400px;width:100%}
.sound-storyboard.storyboard-three{grid-template-columns:repeat(2,minmax(0,1fr))}
.storyboard-three>li:last-child{grid-column:1/-1}
.artist-route .storyboard-section .route-frame-inner{max-width:1400px}
.sound-storyboard>li{min-width:0}
.sound-storyboard .storyboard-shot{margin:0}
.sound-storyboard .storyboard-shot img{display:block;position:static;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;max-height:none;transform:none}
.sound-storyboard figcaption{margin-top:16px;font-size:16px;line-height:1.5;color:#bdbdbd}
.storyboard-step{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;color:#fff;margin-bottom:9px}
.sound-storyboard figcaption strong{display:block;font-weight:600;color:#eee;margin-bottom:5px}
@media(max-width:1000px){.sound-storyboard.storyboard-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sound-storyboard,.sound-storyboard.storyboard-three{grid-template-columns:1fr;gap:32px}.sound-storyboard figcaption{font-size:16px}.slide.storyboard-section{padding-bottom:110px}}

.storyboard-section .route-note{margin-top:28px;color:#888;font-size:11px;line-height:1.5}

/* A brief social setup keeps the campaign moving. */
.slide.campaign-intrigue-copy{height:auto;min-height:0;padding:155px var(--gutter) 100px}
.intrigue-copy-inner{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;max-width:1240px;margin:auto;align-items:center}
.campaign-intrigue-copy h2{font-size:clamp(32px,3.5vw,54px);line-height:1.1;letter-spacing:-.035em;text-wrap:initial}
.intrigue-social-post{display:block;width:100%;height:auto;object-fit:contain}
.intrigue-copy{padding-top:24px}
.intrigue-copy p{font-size:clamp(18px,1.55vw,22px);line-height:1.55;color:#ccc}
.intrigue-copy p+p{margin-top:20px;color:#fff}
@media(max-width:700px){.slide.campaign-intrigue-copy{padding-top:145px;padding-bottom:85px}.intrigue-copy-inner{grid-template-columns:1fr;gap:28px}.campaign-intrigue-copy h2{font-size:36px}.intrigue-copy p{font-size:18px}}