/* September 21: the mark stands alone; five subjects tell the festival story. */
.arrival .central-mark{top:28%;width:clamp(420px,44vw,650px);max-width:52vw}
.arrival .hero-moon{right:-9%;top:8%;width:230px}
.mental-health-feature{max-width:1320px;margin:0 auto;padding:110px 6vw 135px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:8vw}
.listening-art{position:relative;isolation:isolate;min-width:0}
.listening-art>img:first-of-type{position:relative;width:100%;aspect-ratio:1;object-fit:contain}
.listening-orbit{position:absolute;inset:9%;border:3px solid var(--pink);border-radius:50%;transform:rotate(-22deg) scaleY(.6);z-index:-1}
.listening-art .listening-star{position:absolute;width:52px;right:4%;top:6%;transform:rotate(15deg)}
.mental-health-copy h2{font-size:clamp(86px,9.8vw,145px);line-height:.88;text-transform:uppercase;margin-bottom:36px}
.mental-health-copy .feature-lead{font-size:24px;color:var(--white);margin-bottom:18px}
.mental-health-copy>p{font-size:16px;line-height:1.75;color:#c3c3be;max-width:42ch;margin-bottom:16px}
.text-action{display:inline-flex;align-items:center;gap:32px;padding:14px 0;margin-top:10px;background:none;border:0;border-bottom:1px solid var(--pink);font-size:14px;min-height:48px}
.text-action span{color:var(--pink);font-size:24px}.text-action:hover{color:var(--gold)}
.focus-discoveries{max-width:1320px;margin:auto;padding:20px 7vw 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10vw;row-gap:90px;align-items:start}
.focus-discoveries .discovery{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:450px;padding:0;margin:0;justify-self:center}
.focus-discoveries .discovery-art{margin-top:150px}
.focus-discoveries .discovery-radio{grid-column:1/-1;width:min(450px,100%);margin-top:0}
.focus-discoveries .object-label{margin-top:24px}
.focus-discoveries .object-label small{font-size:14px;letter-spacing:0;text-transform:none;color:var(--gold)}
.focus-discoveries .object-label strong{font-size:clamp(48px,5.2vw,76px);line-height:.95}
.focus-discoveries .object-label>span{max-width:31ch;font-size:15px;line-height:1.65;margin-top:10px}
.focus-universe>.plans-note{max-width:none;padding-bottom:105px}
.lineup-section{max-width:1440px;margin:auto;padding:80px 7vw 120px;overflow:hidden}
.lineup-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:68px}
.lineup-intro h2{font-size:clamp(80px,10vw,140px);text-transform:uppercase;line-height:.9}
.lineup-intro>div{max-width:350px}.lineup-intro p{font-size:16px;line-height:1.7;color:#c3c3be}
.lineup-intro p:first-child{font-size:23px;color:white;margin-bottom:14px}
.lineup-stage{position:relative;padding-top:8px}
.lineup-placeholders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.lineup-slot{min-width:0;--portrait:#f32f91;transform:rotate(-4deg)}
.lineup-slot:nth-child(2){transform:translateY(24px) rotate(3deg)}
.lineup-slot:nth-child(3){transform:rotate(-2deg)}
.lineup-slot-gold{--portrait:#f4bb24}.lineup-slot-blue{--portrait:#18c7c0}
.lineup-slot svg{width:100%;height:auto;display:block;border:1px solid color-mix(in srgb,var(--portrait) 45%,#111);background:color-mix(in srgb,var(--portrait) 9%,#111);fill:color-mix(in srgb,var(--portrait) 20%,#111);border-radius:46% 46% 4px 4px}
.lineup-slot>span{display:block;background:#292929;height:10px;width:58%;margin-top:22px;border-radius:2px}
.lineup-slot>span+span{width:38%;height:6px;margin-top:10px}
.lineup-announcement{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%) rotate(-6deg);width:max-content;max-width:98%;font:900 clamp(65px,9vw,135px)/.93 var(--display);text-transform:uppercase;color:#111;background:var(--pink);padding:17px 35px 23px;box-shadow:0 0 0 10px #111;text-align:center}
.lineup-note{color:var(--muted);font-size:13px;margin-top:70px;text-align:center}
.register{border-top:1px solid #292929;margin-inline:auto;max-width:1320px}
@media(min-width:1600px){.arrival .central-mark{top:26%}}
@media(max-width:1050px) and (min-width:701px){
 .arrival .central-mark{top:30%}.mental-health-feature{gap:5vw;padding-inline:5vw}
 .mental-health-copy h2{font-size:86px}.mental-health-copy>p{font-size:15px}
 .focus-discoveries{column-gap:7vw}.lineup-intro{align-items:start;gap:30px}
 .lineup-intro>div{max-width:280px}.lineup-intro p{font-size:15px}.lineup-placeholders{gap:20px}
}
@media(max-width:700px){
 .arrival{height:850px}.arrival .central-mark{top:34%;width:78vw;max-width:78vw}
 .arrival .hero-moon{width:85px;right:-15%;top:44%}
 .arrival .crew-explorer{width:130px;left:-3%;top:14%}.arrival .crew-moonwalker{width:99px;right:1%;top:14%}
 .arrival .crew-signal{width:132px;left:3%;top:66%}.arrival .crew-venus{width:163px;right:-3%;top:66%}
 .mental-health-feature{display:flex;flex-direction:column-reverse;gap:38px;padding:58px 26px 65px;align-items:stretch}
 .mental-health-copy h2{font-size:clamp(84px,22vw,130px);line-height:.88;margin-bottom:27px}
 .mental-health-copy .feature-lead{font-size:22px}.mental-health-copy>p{font-size:15px;max-width:40ch}
 .mental-health-copy .text-action{font-size:13px}.listening-art{width:78%;max-width:330px;align-self:center;margin:5px 0 0}
 .listening-art .listening-star{width:35px;right:-5%;top:12%}
 .focus-discoveries{grid-template-columns:1fr;gap:84px;padding:0 30px 65px}
 .focus-discoveries .discovery{max-width:350px;margin:0;width:100%}
 .focus-discoveries .discovery-music{padding-right:16px}.focus-discoveries .discovery-art{padding-left:16px}
 .focus-discoveries .object-label strong{font-size:54px}.focus-discoveries .object-label>span{font-size:14px;max-width:28ch}
 .focus-discoveries .object-art{height:280px}.focus-universe>.plans-note{padding:0 28px 50px;max-width:320px;font-size:12px}
 .lineup-section{padding:60px 24px 75px}.lineup-intro{display:block;margin-bottom:42px}
 .lineup-intro h2{font-size:clamp(74px,20vw,115px);margin-bottom:28px}
 .lineup-intro p:first-child{font-size:21px;margin-bottom:10px}.lineup-intro p{font-size:15px}
 .lineup-placeholders{gap:12px}.lineup-slot>span{height:6px;margin-top:14px}.lineup-slot>span+span{height:4px;margin-top:7px}
 .lineup-slot:nth-child(2){transform:translateY(12px) rotate(3deg)}
 .lineup-announcement{font-size:clamp(38px,11vw,68px);padding:12px 18px 16px;box-shadow:0 0 0 5px #111;top:43%}
 .lineup-note{font-size:12px;margin-top:48px}.register h2{font-size:clamp(68px,18vw,100px)}
}
@media(max-width:359px){.arrival{height:810px}.arrival .crew-venus{width:144px}.arrival .crew-signal{width:118px}.focus-discoveries .object-label strong{font-size:48px}.mental-health-feature{padding-inline:23px}.lineup-section{padding-inline:23px}}

/* The lineup uses record artwork, never unannounced people. */
.lineup-slot svg{color:color-mix(in srgb,var(--portrait) 36%,#111)}
.focus-discoveries .discovery-radio{grid-column:auto;width:100%}
.focus-discoveries .discovery-story{margin-top:150px}
.documentary-note{max-width:37ch;margin:28px auto 0;color:var(--muted);font-size:14px;line-height:1.75;text-align:center}
.mental-health-copy h2{font-size:clamp(80px,8.2vw,120px)}
@media(max-width:700px){.focus-discoveries .discovery-story{margin-top:0;padding-left:16px}.mental-health-copy h2{font-size:clamp(76px,20vw,120px)}.documentary-note{font-size:13px;max-width:32ch}.lineup-slot svg{border-radius:35% 35% 4px 4px}}
