/* /audioworlds-home.css?v=406 */
/* Audioworlds Home hierarchy, scoped by host-specific stylesheet delivery. */
.cinematic-site .home-format .home-format-kicker{font-size:14px;line-height:1.4}
.cinematic-site .home-format-copy p[data-platform-identity]{max-width:none;width:100%}
.cinematic-site .ward-banner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:380px}
.cinematic-site .ward-banner img{height:400px;width:100%;aspect-ratio:auto;object-fit:contain}
.cinematic-site .ward-banner h2{font-size:44px;line-height:1.1}
.cinematic-site .ward-banner .ward-statement{font:400 18px/1.6 Interface,Arial,sans-serif;letter-spacing:normal;text-transform:none;max-width:36ch;color:#d2dce2}
.cinematic-site .hero-inner .audio-beta-label{font:400 13px/1.5 Interface,Arial,sans-serif;letter-spacing:.18em;color:#ebc471;margin:0 0 8px}
.cinematic-site .hero-inner h1.audio-hero-title{font:400 clamp(40px,5vw,68px)/1.08 Poster,Arial,sans-serif;max-width:90vw;margin:0;text-wrap:balance}
/* Use the same Interface face as the site's supporting copy. */
.cinematic-site .hero-inner .audio-hero-description{font:400 clamp(18px,1.7vw,22px)/1.4 Interface,Arial,sans-serif;letter-spacing:normal;text-transform:none;color:#f3efe4;max-width:100%;margin:0;text-align:center;text-wrap:balance;text-shadow:0 2px 8px #000c}
.cinematic-site .hero-inner .audio-hero-description + .home-play{margin-top:12px}
@media(max-width:700px){
 .cinematic-site .ward-banner{grid-template-columns:1fr;min-height:0}
 .cinematic-site .ward-banner img{height:240px}
 .cinematic-site .ward-banner .ward-copy{padding:24px}
 .cinematic-site .ward-banner h2{font-size:36px}
 .cinematic-site .ward-banner .ward-statement{font-size:17px}
 .cinematic-site .hero-inner h1.audio-hero-title{font-size:clamp(36px,9vw,52px);max-width:90vw}
 .cinematic-site .hero-inner .audio-hero-description{font-size:clamp(16px,4.2vw,18px);max-width:30ch}
 .cinematic-site .hero-inner .audio-hero-description + .home-play{margin-top:10px}
 .cinematic-site .home-format .home-format-kicker{font-size:13px}
}

/* Mobile format introduction: large, naturally wrapping copy on Home and About. */
@media(max-width:700px){
 .cinematic-site .home-format #home-format-title{font-size:clamp(30px,8.2vw,40px)!important;line-height:1.15!important;text-wrap:balance;overflow-wrap:break-word}
 .cinematic-site .home-format-copy>p:not([data-platform-identity]):not(.home-format-kicker){font-size:clamp(20px,5.3vw,24px);line-height:1.45;max-width:none;text-wrap:pretty}
 .cinematic-site .about-intro{font-size:clamp(20px,5.3vw,24px);line-height:1.45;max-width:none;text-wrap:pretty}
 .cinematic-site .about-intro>span{display:block}
 .cinematic-site .about-intro>span:first-child{font-size:clamp(30px,8.2vw,40px);line-height:1.2;margin-bottom:18px;text-wrap:balance;overflow-wrap:break-word}
}

/* Reserve the lower part of the first laptop screen for the brand introduction.
   Use available window height rather than a nearly full-screen hero. */
@media(min-width:701px){
 .cinematic-site .hero{box-sizing:border-box;margin-top:-110px;padding-top:110px;min-height:320px;height:clamp(320px,calc(100svh - 260px),760px)}
 .cinematic-site .hero .hero-inner{top:0;padding:12px 20px 20px}
 .cinematic-site .hero + .wrap{padding-top:20px}
 .cinematic-site .home-format{align-items:flex-start}
 .cinematic-site .home-format-copy{padding:28px clamp(28px,4vw,56px)}
 .cinematic-site .home-format .home-format-kicker{margin-bottom:12px}
}

/* Anchor the landscape to the foreground so laptop crops retain the boots. */
@media(min-width:701px){
 .cinematic-site .hero{background-position:center bottom}
}
/* Put the introduction before its artwork on small screens, reserving space
   for the complete headline without shrinking the approved mobile type. */
@media(max-width:700px){
 .cinematic-site .hero{box-sizing:border-box;margin-top:-88px;padding-top:88px;min-height:300px;height:clamp(300px,calc(100svh - 235px),650px)}
 .cinematic-site .hero .hero-inner{top:0;padding:12px 12px 20px}
 .cinematic-site .hero + .wrap{padding-top:14px}
 .cinematic-site .home-format{display:flex;flex-direction:column}
 .cinematic-site .home-format-copy{order:-1;padding:20px 18px 24px;width:100%}
 .cinematic-site .home-format .home-format-kicker{margin-bottom:10px}
 .cinematic-site .home-format>img{width:100%;flex:none}
}

/* Cinematic closing invitation: a landscape with an editorial text layer. */
.cinematic-site .home-beta-invite{position:relative;isolation:isolate;overflow:hidden;margin-top:48px;padding:56px clamp(24px,5vw,64px) 32px;background:#071520;border-radius:10px;border:1px solid #ebc47130;min-height:600px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.home-beta-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}
.home-beta-invite:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071520f2 0%,#071520d9 32%,#07152033 75%),linear-gradient(0deg,#071520f5,transparent 65%)}
.cinematic-site .home-beta-content{max-width:500px}
.cinematic-site .home-beta-invite .home-beta-kicker{font:400 12px/1.5 Interface,Arial,sans-serif;letter-spacing:.16em;color:#ebc471;margin:0 0 20px}
.cinematic-site .home-beta-invite h2{font:400 clamp(44px,5.5vw,76px)/1.02 Poster,Arial,sans-serif;color:#f3efe4;margin:0 0 24px;text-shadow:0 2px 20px #071520}
.cinematic-site .home-beta-invite h2 span{color:#ebc471}
.cinematic-site .home-beta-invite p{font:400 18px/1.6 Interface,Arial,sans-serif;margin:0 0 12px;max-width:38ch;color:#f3efe4}
.cinematic-site .home-beta-invite .action{margin-top:16px;min-height:48px;background:#071520bd;border-color:#ebc471;gap:24px}
.cinematic-site .home-beta-invite .action:hover{background:#ebc471;color:#071520}
.home-beta-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(100%,650px)}
.home-beta-places figure{margin:0;position:relative;aspect-ratio:1.7;overflow:hidden;border-radius:4px;border:1px solid #ffffff26;background:#071520}
.home-beta-places figure:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#071520e6)}
.home-beta-places img{display:block;width:100%;height:100%;object-fit:cover}
.home-beta-places figcaption{position:absolute;z-index:1;bottom:12px;left:12px;right:12px;font:400 clamp(17px,1.6vw,23px)/1.15 Poster,Arial,sans-serif;color:#f3efe4}
@media(max-width:700px){
 .cinematic-site .home-beta-invite{margin-top:28px;padding:200px 22px 24px;gap:28px;min-height:0}
 .home-beta-landscape{height:360px;object-position:center top}
 .home-beta-invite:before{background:linear-gradient(0deg,#071520 0%,#071520 48%,#071520b3 70%,#07152000 100%)}
 .cinematic-site .home-beta-invite p{font-size:17px}
 .home-beta-places{gap:8px}
 .home-beta-places figure{aspect-ratio:.85}
 .home-beta-places figcaption{left:7px;right:7px;bottom:9px;font-size:17px}
}

.home-beta-actions{display:flex;flex-wrap:wrap;gap:12px}.home-beta-actions .action{margin:0}.home-share-panel .share-panel-art{height:180px;background:linear-gradient(transparent,#0c1720),url('/assets/explore-cinema.webp') center/cover}.home-share-panel #share-panel-status a{color:#ebc471;text-decoration:underline}@media(max-width:700px){.home-beta-actions{flex-direction:column}.home-beta-actions .action{width:100%}.home-share-panel .share-panel-art{height:140px}}

/* Wider Home landscapes on laptop; retain existing mobile gutters and text measures. */
@media(min-width:701px){
 .cinematic-site .hero + .wrap{box-sizing:border-box;width:92%;max-width:none;padding-left:0;padding-right:0}
}

/* Clear, coordinated signup actions; the main invitation takes priority. */
.cinematic-site .home-beta-invite{justify-content:center;min-height:480px}
.cinematic-site .home-beta-content{max-width:660px}
.cinematic-site .home-beta-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;width:min(100%,640px)}
.cinematic-site .home-beta-actions .action{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-width:0;min-height:62px;margin:0;padding:18px 20px;border:1px solid #ebc471;border-radius:6px;font:600 14px/1.35 Interface,Arial,sans-serif;letter-spacing:.08em;text-align:center;box-shadow:none;cursor:pointer}
.cinematic-site .home-beta-actions a.action{background:#ebc471;color:#071520}
/* Keep the shared Share styling; only its row height follows Join the list. */
.cinematic-site .home-beta-actions #share-whisperworld{min-height:62px}
.cinematic-site .home-beta-actions .action:hover{background:#f8dca3;color:#071520;border-color:#f8dca3}
.cinematic-site .home-beta-actions .action:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:700px){.cinematic-site .home-beta-invite{min-height:0}.cinematic-site .home-beta-actions{grid-template-columns:1fr;gap:12px}.cinematic-site .home-beta-actions .action,.cinematic-site .home-beta-actions #share-whisperworld{min-height:58px}}

/* Separate the two introductory ideas without adding excess vertical space. */
.cinematic-site .home-format-copy>p.home-format-adventures{margin-bottom:16px}
.cinematic-site .home-format-copy>p.home-format-adventures+p{margin-top:0}

/* Match the neighbouring Explore and Soundscapes card feedback. */
.cinematic-site .home-format:hover,.cinematic-site .home-format:focus-visible{border-color:#ebc471;box-shadow:0 0 18px #ebc47125}

#share-panel.home-share-panel #share-panel-title{margin-bottom:20px}

/* One spacing rhythm for Home content, replacing mixed section margins. */
.cinematic-site .hero + .wrap{--home-section-gap:40px;display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--home-section-gap);padding-bottom:var(--home-section-gap)}
.cinematic-site .hero + .wrap>.home-format,.cinematic-site .hero + .wrap>.split,.cinematic-site .hero + .wrap>.ward-banner,.cinematic-site .hero + .wrap>#home-collection,.cinematic-site .hero + .wrap>.home-beta-invite{margin-top:0;margin-bottom:0}
@media(max-width:700px){.cinematic-site .hero + .wrap{--home-section-gap:28px}.cinematic-site .hero + .wrap>.split{gap:var(--home-section-gap)}}

/* Match the shared readable scale after Home-specific presentation rules. */
.cinematic-site .home-beta-invite p,.cinematic-site .ward-banner .ward-statement{font-size:1.1875rem;line-height:1.75rem}
.cinematic-site .home-beta-actions .action{font-size:1rem}
.cinematic-site .home-format .home-format-kicker,.cinematic-site .hero-inner .audio-beta-label{font-size:1rem}
.cinematic-site .home-format-copy>p:not([data-platform-identity]):not(.home-format-kicker),.cinematic-site .about-intro{font-size:1.5rem;line-height:1.875rem}
@media(max-width:700px){.cinematic-site .home-format-copy>p:not([data-platform-identity]):not(.home-format-kicker),.cinematic-site .about-intro{font-size:1.3125rem;line-height:1.75rem}}

/* Mobile WARD artwork flows into the card instead of sitting as an inset tile. */
@media(max-width:700px){
 .cinematic-site .ward-banner img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
 .cinematic-site .ward-banner .ward-copy{padding:8px 24px 24px;margin-top:-8px;position:relative}
}

/* Home's WARD label stays together while fitting its text column. */
.cinematic-site .ward-banner .ward-kicker{white-space:nowrap;overflow-wrap:normal;letter-spacing:.02em;font-size:min(1rem,4.8cqi)!important;line-height:1.5!important}

/* Give the About statement a stronger two-line presence. */
.cinematic-site .about-hero h1.about-story-title{font:400 clamp(46px,5.75vw,78px)/1.08 Poster,Arial,sans-serif;max-width:100%;text-wrap:initial}
.cinematic-site .about-hero h1.about-story-title span{white-space:nowrap}
@media(max-width:700px){.cinematic-site .about-hero h1.about-story-title{font-size:clamp(40px,10vw,58px)}}

/* About: warm-white lettering with a single gold accent over local shading. */
.cinematic-site .about-hero h1.about-story-title{color:#f3efe4;text-shadow:0 2px 8px #0006}
.cinematic-site .about-story-title .about-story-accent{font:inherit;color:#ebc471}
.cinematic-site .about-hero:before{
 inset:105px auto auto 50%;width:min(780px,94%);height:280px;
 transform:translateX(-50%);z-index:0;pointer-events:none;
 background:radial-gradient(ellipse at center,#071520b3 0%,#0715208c 35%,#07152040 60%,transparent 76%);
 filter:blur(18px);border-radius:50%;
}
@media(max-width:700px){
 .cinematic-site .about-hero:before{top:55px;width:96%;height:240px;filter:blur(14px)}
}

/* Use the About page's existing journey-note layout and typography.
   Override only the nested supporter-label styles on body paragraphs. */
.cinematic-site.about-page .grant-credit .about-production p{font-family:Interface,Arial,sans-serif;font-weight:400;font-size:var(--body-size)!important;line-height:1.75rem!important;letter-spacing:normal;color:#e5dfd3;text-transform:none}

/* /locales/selector.css?v=6 */
.header .navright{display:flex;align-items:center;gap:14px;flex-shrink:0}.locale-switch{position:relative;color:#e9c16e;flex-shrink:0;z-index:100}.locale-switch summary{display:flex;align-items:center;justify-content:center;width:48px;height:48px;cursor:pointer;list-style:none;border-radius:50%;}.locale-switch summary::-webkit-details-marker{display:none}.locale-switch summary svg{width:34px;height:34px}.locale-switch summary:hover,.locale-switch summary:focus-visible{background:#e9c16e14;outline:1px solid #e9c16e80}.locale-switch nav{position:absolute;right:0;top:calc(100% + 12px);width:250px;max-width:calc(100vw - 40px);padding:10px;background:#081923;border:1px solid #b18b48;border-radius:10px;box-shadow:0 16px 40px #0009;display:flex;flex-direction:column;gap:2px}.locale-switch nav a{display:block;padding:12px 14px;font:500 16px/1.4 system-ui,sans-serif;color:#f4f2e9;text-decoration:none;text-transform:none;letter-spacing:0;border-radius:5px}.locale-switch nav a:hover,.locale-switch nav a:focus-visible{background:#ffffff12}.locale-switch nav a[aria-current]{color:#e9c16e;background:#e9c16e12}.locale-switch nav a[aria-current]::after{content:' ✓';float:right}@media(max-width:700px){.header .navright{gap:4px}.locale-switch summary{width:44px;height:44px}.locale-switch summary svg{width:32px;height:32px}.cinematic-site .header .brand{max-width:calc(100vw - 172px)!important}}
/* Shared mobile language control: burger above globe, balanced icons, contained menu. */
.locale-switch:not([open])>nav{display:none}
.locale-switch nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
.locale-switch nav a[aria-current]::after{float:none;flex:0 0 auto}
@media(max-width:700px){
 .header .navright,.aw-header .navright{display:flex!important;flex-direction:column!important;align-items:center;gap:4px;width:44px;top:12px;right:12px;transform:none}
 .header .navright .menu-toggle,.aw-header .navright .menu-toggle{position:static;order:0;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;transform:none}
 .locale-switch{order:1;flex:0 0 44px}
 .locale-switch summary{width:44px;height:44px;padding:8px;border-radius:8px}
 .locale-switch summary svg{width:28px;height:28px}
 .cinematic-site .header .brand,.aw-header .brand{position:absolute;left:50%!important;right:auto!important;top:20px;transform:translateX(-50%)!important;margin:0;max-width:calc(100vw - 136px)!important}
 .locale-switch>nav{right:0;top:calc(100% + 10px);width:260px;max-width:calc(100vw - 24px);padding:8px}
 .locale-switch nav a{min-height:44px;padding:10px 12px;font-size:15px;line-height:1.4}
}

/* Language is a quiet desktop utility and an inline mobile menu section. */
.locale-mobile{display:none}
.locale-desktop{color:#c6ab76}
.locale-desktop summary svg{width:24px;height:24px}
.locale-desktop summary:hover,.locale-desktop summary:focus-visible{color:#f3d18b}
@media(max-width:700px){
 .header .navright,.aw-header .navright{flex-direction:row!important}
 .navright .locale-desktop{display:none}
 .header .nav,.aw-header .aw-menu{max-height:calc(100dvh - 90px);overflow-y:auto;max-width:calc(100vw - 24px)}
 .header .nav .locale-mobile,.aw-header .aw-menu .locale-mobile{display:block;flex:none;margin-top:10px;padding-top:10px;border-top:1px solid #e9c16e30}
 .locale-mobile summary{width:100%;height:auto;min-height:48px;justify-content:flex-start;gap:10px;padding:10px 12px;border-radius:6px;font:500 15px/1.5 system-ui,sans-serif;letter-spacing:0;text-transform:none}
 .locale-mobile summary svg{width:22px;height:22px;flex:none}
 .locale-mobile>nav{position:static;width:100%;max-width:none;padding:4px 0;border:0;background:transparent;box-shadow:none;border-radius:0}
 .locale-mobile>nav a{font:500 15px/1.4 system-ui,sans-serif;letter-spacing:0;text-transform:none;min-height:44px}
}