/* Shared hierarchy: supporting descriptions use sentence-case interface type. */
.cinematic-site .title p,
.cinematic-site .collection-heading-wrap .title p,
.cinematic-site .editorial p,
.cinematic-site .journey-note p,
.cinematic-site .ward-capability p,
.cinematic-site .ward-accessibility p,
.cinematic-site .discovery p,
.cinematic-site .continue p,
.cinematic-site .empty p,
.cinematic-site .share-invitation {
 font:400 17px/1.65 Interface,Arial,sans-serif;
 color:#e5dfd3;letter-spacing:normal;text-transform:none;
}
.cinematic-site .about-intro,
.cinematic-site .ward-stage p {
 font:400 18px/1.65 Interface,Arial,sans-serif;
 color:#e5dfd3;letter-spacing:normal;text-transform:none;
}
.cinematic-site .title .collection-save-note{font-size:12px;color:#a9b7bf}
.cinematic-site .ward-accessibility{padding-top:8px;padding-bottom:40px}
.ward-accessibility-inner{border-top:1px solid #ebc47160;padding-top:28px}
.cinematic-site .ward-accessibility h2{font:400 clamp(28px,3vw,36px)/1.15 Poster,Arial,sans-serif;color:#ebc471;letter-spacing:.03em;margin:0 0 14px}
.cinematic-site .ward-accessibility p{max-width:860px;margin:0}
.ward-accessibility strong{font-weight:600}
@media(max-width:700px){
 .cinematic-site .title p,.cinematic-site .collection-heading-wrap .title p,.cinematic-site .editorial p,.cinematic-site .journey-note p,.cinematic-site .ward-capability p,.cinematic-site .ward-accessibility p,.cinematic-site .discovery p,.cinematic-site .continue p,.cinematic-site .empty p,.cinematic-site .share-invitation{font-size:16px}
 .cinematic-site .about-intro,.cinematic-site .ward-stage p{font-size:17px}
 .cinematic-site .title .collection-save-note{font-size:12px}
 .cinematic-site .ward-accessibility{padding-bottom:28px}
 .ward-accessibility-inner{padding-top:22px}
}

/* Desktop footer: About at left, platform statement at right. */
@media(min-width:701px){
 .cinematic-site .footer a[href="/my-collection"]{display:none}
 .cinematic-site .footer>span{margin-left:auto;text-align:right}
}

/* About: connected worlds retain the existing editorial typography. */
.cinematic-site .about-return{border-top:0;padding-top:0}
.cinematic-site .about-return h2{color:#ebc471}
.cinematic-site .about-soundscapes>img{grid-column:1;grid-row:1}
.cinematic-site .about-soundscapes>div{grid-column:2;grid-row:1}
@media(max-width:700px){
 .cinematic-site .about-return{padding-top:0}
 .about-page .editorial>img{order:-1}
 .about-page .editorial>div{order:0}
 .cinematic-site .about-soundscapes>img,.cinematic-site .about-soundscapes>div{grid-column:auto;grid-row:auto}
}

/* About is the format pitch: larger desktop type in the existing brand fonts. */
.about-page .editorial h2,.about-page .journey-note h2{font-family:Poster,Arial,sans-serif;font-weight:400;color:#ebc471}
@media(min-width:701px){
 .about-page .about-intro{font-size:clamp(21px,1.8vw,25px);line-height:1.55;max-width:1100px;margin-bottom:48px}
 .about-page .editorial{gap:clamp(32px,4vw,64px);margin-bottom:48px}
 .about-page .editorial h2{font-size:clamp(36px,3.2vw,46px);line-height:1.12;letter-spacing:.015em;margin:0 0 20px;text-wrap:balance}
 .about-page .editorial p,.about-page .journey-note p{font-size:clamp(19px,1.55vw,22px);line-height:1.6;text-wrap:pretty}
 .about-page .editorial p{max-width:46ch;margin-bottom:24px}
 .about-page .editorial .action{font:400 14px/1.3 Interface,Arial,sans-serif;letter-spacing:.08em}
 .about-page .journey-note{padding:32px}
 .about-page .journey-note h2{font-size:32px;line-height:1.15}
}

.format-availability{font:400 16px/1.6 Interface,Arial,sans-serif;color:#bfcfd8;text-align:center;margin:0 auto 32px;max-width:65ch}.home-format .format-availability{text-align:left}.beta-gift-note{font:400 16px/1.6 Interface,Arial,sans-serif;color:#e5dfd3;text-align:center;margin:12px auto 24px;max-width:40ch}

/* Give the About title depth without softening its letterforms. */
.about-page h1{text-shadow:0 2px 3px rgba(0,0,0,.55),0 6px 18px rgba(0,0,0,.35)}

/* Headline depth: restrained on plain backgrounds, stronger over artwork. */
.cinematic-site .title h1,
.cinematic-site .ward-stage h1,
.cinematic-site .ward-stage h2,
.cinematic-site .ward-copy h2 {
 text-shadow:0 2px 3px rgba(0,0,0,.55),0 6px 18px rgba(0,0,0,.35);
}
.cinematic-site .hero h1.beta-invitation,
.cinematic-site .home-format h2,
.cinematic-site .feature h2,
.cinematic-site .poster-body h2,
.cinematic-site .world>span:first-of-type {
 text-shadow:0 2px 4px rgba(0,0,0,.8),0 6px 18px rgba(0,0,0,.5);
}