:root {
  --navy: #09295a;
  --ink: #0a1d3f;
  --blue: #19549d;
  --mid-blue: #2869b7;
  --sky: #cde5f5;
  --cream: #f7f1e7;
  --gold: #f0d17b;
  --orange: #eb7850;
  --white: #fffdf8;
  --line: rgba(9, 41, 90, .12);
  --sans: "DM Sans", Arial, sans-serif;
  --display: "Playfair Display", Georgia, serif;
  --dev: "Tiro Devanagari Hindi", serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); background: var(--cream); color: var(--ink); overflow-x: hidden; }
body::selection { background: var(--gold); color: var(--navy); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.page-glow { position: absolute; z-index: -1; width: 38vw; height: 38vw; border-radius: 50%; filter: blur(80px); opacity: .25; pointer-events: none; }
.page-glow--one { top: 52rem; right: -20vw; background: #9bc9eb; }
.page-glow--two { top: 100rem; left: -22vw; background: #efd98c; }

.top-strip { min-height: 35px; display: flex; align-items: center; justify-content: space-between; padding: 6px max(4vw, 28px); background: var(--navy); color: #d7e9f5; font-size: 10px; letter-spacing: .05em; }
.top-strip p { margin: 0; display: flex; align-items: center; gap: 8px; }
.top-strip a { color: var(--gold); font-weight: 700; text-transform: uppercase; font-size: 9px; }
.top-strip a span { font-size: 13px; margin-left: 3px; }
.pulse-dot { height: 7px; width: 7px; background: #e3715a; border-radius: 50%; box-shadow: 0 0 0 0 rgba(227, 113, 90, .6); animation: pulse 1.8s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 6px rgba(227,113,90,0); } 100% { box-shadow: 0 0 0 0 rgba(227,113,90,0); } }

.site-header { height: 86px; display: flex; align-items: center; padding: 0 max(4vw, 28px); position: relative; z-index: 5; background: var(--white); border-bottom: 1px solid rgba(9, 41, 90, .08); }
.brand, .footer-brand { display: inline-flex; align-items: center; gap: 9px; }
.logo-shell { width: 57px; height: 57px; background: #08306c; border-radius: 50%; overflow: hidden; padding: 2px; flex: none; box-shadow: 0 3px 9px rgba(4, 39, 83, .16); }
.logo-shell img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-wordmark { display: grid; gap: 2px; color: var(--navy); }
.brand-wordmark strong, .footer-brand b { font-family: var(--display); font-size: 15px; letter-spacing: .12em; line-height: 1; }
.brand-wordmark em, .footer-brand small { font-style: normal; font-size: 8px; letter-spacing: .16em; color: #4975a9; font-weight: 700; }
.main-nav { display: flex; align-items: center; gap: clamp(17px, 2vw, 34px); margin-left: auto; margin-right: clamp(20px, 3vw, 50px); }
.main-nav a { font-family: var(--dev); font-size: 15px; color: #436183; position: relative; padding: 7px 0; }
.main-nav a::after { content: ""; position: absolute; height: 2px; left: 0; right: 0; bottom: 0; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.main-nav a:hover, .main-nav a.active { color: var(--navy); }
.main-nav a:hover::after, .main-nav a.active::after { transform: scaleX(1); }
.header-listen { background: var(--navy); color: white; border-radius: 99px; padding: 11px 15px; font-size: 11px; font-weight: 700; display: flex; align-items: center; gap: 8px; white-space: nowrap; transition: transform .2s ease, background .2s ease; }
.header-listen:hover { transform: translateY(-2px); background: #154989; }
.sound-bars { height: 13px; display: inline-flex; align-items: center; gap: 2px; }
.sound-bars i { width: 2px; display: block; background: var(--gold); border-radius: 3px; animation: bars 1.1s infinite alternate; }
.sound-bars i:nth-child(1) { height: 5px; } .sound-bars i:nth-child(2) { height: 11px; animation-delay: .15s; } .sound-bars i:nth-child(3) { height: 7px; animation-delay: .3s; } .sound-bars i:nth-child(4) { height: 12px; animation-delay: .45s; }
@keyframes bars { to { transform: scaleY(.45); } }
.menu-toggle { display: none; border: 0; background: transparent; padding: 8px; }

.hero { min-height: 620px; position: relative; isolation: isolate; overflow: hidden; color: var(--white); background: linear-gradient(118deg, #071d49 0%, #0a3472 47%, #1e69ad 100%); padding: clamp(65px, 9vw, 130px) max(7vw, 42px) 56px; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -3; opacity: .8; background: radial-gradient(circle at 83% 50%, rgba(239, 207, 118, .24), transparent 18%), linear-gradient(110deg, transparent 60%, rgba(152, 206, 239, .11)); }
.hero-noise { position: absolute; inset: 0; z-index: -1; opacity: .12; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E"); }
.hero-content { max-width: 645px; position: relative; z-index: 2; }
.eyebrow { margin: 0 0 15px; font-size: 10px; letter-spacing: .17em; color: #d6e9f8; text-transform: uppercase; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.eyebrow span { display: inline-block; height: 1px; width: 32px; background: currentColor; }
.hero h1 { font-family: var(--dev); font-size: clamp(45px, 6.2vw, 83px); line-height: 1.12; letter-spacing: -.04em; max-width: 610px; margin: 0; font-weight: 600; }
.hero h1 em, h2 em { color: var(--gold); font-style: normal; }
.hero-copy { max-width: 460px; margin: 23px 0 30px; color: #d7e6f2; font-family: var(--dev); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 27px; }
.listen-button { border: 0; cursor: pointer; border-radius: 99px; padding: 8px 22px 8px 9px; color: var(--navy); background: var(--gold); display: flex; gap: 9px; align-items: center; font-weight: 700; font-size: 12px; text-align: left; transition: transform .2s, box-shadow .2s; }
.listen-button:hover { transform: translateY(-3px); box-shadow: 0 9px 20px rgba(0,0,0,.19); }
.listen-button small { font-family: var(--sans); display: block; color: #a66336; font-size: 8px; letter-spacing: .15em; line-height: 1.3; }
.play-icon { height: 34px; width: 34px; border-radius: 50%; background: var(--navy); display: grid; place-items: center; color: var(--gold); font-size: 11px; padding-left: 2px; }
.ghost-link { color: var(--white); font-family: var(--dev); font-size: 16px; border-bottom: 1px solid rgba(255,255,255,.6); padding-bottom: 4px; }
.ghost-link span { margin-left: 7px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 0; margin-top: 55px; }
.hero-meta span { font-family: var(--dev); color: #abcce5; font-size: 13px; border-right: 1px solid rgba(220,238,250,.25); padding: 0 15px; }
.hero-meta span:first-child { padding-left: 0; } .hero-meta span:last-child { border: 0; }
.hero-meta b { color: var(--white); font-weight: 600; }
.hero-visual { position: absolute; right: max(4vw, 35px); top: 50%; width: min(51vw, 700px); height: min(51vw, 700px); transform: translateY(-48%); z-index: 1; }
.hero-disc { position: absolute; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hero-disc--outer { width: 92%; aspect-ratio: 1; border: 1px solid rgba(219,240,250,.32); box-shadow: 0 0 0 25px rgba(169,213,240,.04), 0 0 0 65px rgba(169,213,240,.025); }
.hero-disc--outer::before, .hero-disc--outer::after { content: ""; position: absolute; border-radius: 50%; inset: 11%; border: 1px dashed rgba(239,209,123,.46); animation: spin 27s linear infinite; }
.hero-disc--outer::after { inset: 21%; border-color: rgba(219,240,250,.3); animation-direction: reverse; animation-duration: 20s; }
@keyframes spin { to { transform: rotate(360deg); } }
.hero-disc--inner { width: 62%; aspect-ratio: 1; background: radial-gradient(circle at 35% 25%, #2a7ac3, #0b3474 68%); box-shadow: inset 16px 0 35px rgba(255,255,255,.08), 0 20px 45px rgba(0,11,43,.36); }
.equalizer { position: absolute; bottom: 14%; left: 13%; right: 13%; display: flex; justify-content: center; align-items: end; gap: 5px; height: 30%; opacity: .95; }
.equalizer span { width: 4.2%; background: var(--gold); border-radius: 4px 4px 0 0; box-shadow: 0 0 14px rgba(240,209,123,.5); transform-origin: bottom; animation: equalize 1.1s ease-in-out infinite alternate; }
.equalizer span:nth-child(1) { height: 28%; } .equalizer span:nth-child(2) { height: 64%; animation-delay: .15s; } .equalizer span:nth-child(3) { height: 45%; animation-delay: .2s; }.equalizer span:nth-child(4) { height: 88%; animation-delay: .3s; }.equalizer span:nth-child(5) { height: 55%; animation-delay: .1s; }.equalizer span:nth-child(6) { height: 72%; animation-delay: .5s; }.equalizer span:nth-child(7) { height: 42%; animation-delay: .25s; }.equalizer span:nth-child(8) { height: 60%; animation-delay: .35s; }.equalizer span:nth-child(9) { height: 23%; animation-delay: .4s; }
@keyframes equalize { to { transform: scaleY(.5); } }
.mic { position: absolute; width: 24%; height: 44%; left: 50%; top: 42%; transform: translate(-50%, -50%); z-index: 2; }
.mic-head { width: 65%; height: 45%; margin: 0 auto; border: 5px solid var(--gold); border-radius: 40px; background: repeating-linear-gradient(0deg, #e7eff1 0 3px, #73a6c2 3px 5px); box-shadow: inset 0 0 0 4px #b4d8e3, 0 7px 16px rgba(0,0,0,.2); position: relative; overflow: hidden; }
.mic-head::after { content: ""; position: absolute; inset: 7px 25%; border-left: 1px solid rgba(6,37,82,.25); border-right: 1px solid rgba(6,37,82,.25); }
.mic-head i { position: absolute; display: block; height: 100%; width: 3px; background: rgba(9,41,90,.26); top: 0; z-index: 1; }.mic-head i:nth-child(1){left:24%;}.mic-head i:nth-child(2){left:50%;}.mic-head i:nth-child(3){right:24%;}
.mic-neck { width: 10px; height: 40%; background: var(--gold); margin: 0 auto; position: relative; }.mic-neck::before { content: ""; position: absolute; width: 57px; height: 50px; border: 5px solid var(--gold); border-top: 0; border-radius: 0 0 29px 29px; top: -2px; left: 50%; transform: translateX(-50%); }
.mic-stand { width: 52%; height: 6px; border-radius: 3px; background: var(--gold); margin: 5px auto; position: relative; }.mic-stand::before { content:""; position:absolute; height:28px; width:5px; bottom:4px; left:50%; background:var(--gold); }.mic-stand::after { content:""; position:absolute; height:5px; width:55px; border-radius:4px; background:var(--gold); bottom:-23px; left:50%; transform:translateX(-50%); }
.frequency-sticker { position: absolute; right: 5%; bottom: 16%; font-family: var(--display); font-size: clamp(32px, 5vw, 67px); color: var(--navy); padding: 8px 16px 11px; background: var(--gold); transform: rotate(-8deg); box-shadow: 5px 7px 0 rgba(4,31,70,.22); }.frequency-sticker small { font-family: var(--sans); font-size: .27em; letter-spacing: .1em; }
.hero-orbit { border: 1px solid rgba(220,239,249,.18); width: 1200px; height: 390px; position: absolute; border-radius: 50%; transform: rotate(-28deg); z-index: -1; }.hero-orbit--one { right: -560px; top: -210px; }.hero-orbit--two { right: -450px; bottom: -270px; }
.hero-side-note { position: absolute; right: 3.4vw; bottom: 30px; z-index: 2; display: flex; gap: 9px; align-items: end; color: #b7d6e7; }.hero-side-note > span { color: var(--gold); font-family: var(--display); font-size: 46px; line-height: .7; }.hero-side-note p { margin: 0; font-family: var(--dev); font-size: 11px; line-height: 1.16; }.hero-side-note strong { color: var(--white); font-weight: 500; }

.ticker { height: 50px; background: var(--gold); color: var(--navy); display: flex; overflow: hidden; }.ticker-label { background: var(--navy); color: var(--gold); flex: none; font-size: 9px; letter-spacing: .16em; padding: 0 max(4vw, 28px); display: flex; align-items: center; gap: 10px; font-weight: 700; }.ticker-label span { font-size: 15px; }.ticker-viewport { overflow: hidden; flex: 1; display: flex; align-items: center; }.ticker-track { white-space: nowrap; display: flex; align-items: center; gap: 24px; font-family: var(--dev); font-weight: 600; font-size: 15px; animation: marquee 26s linear infinite; }.ticker-track i { color: #b46a46; font-style: normal; } @keyframes marquee { to { transform: translateX(-50%); } }

.section-wrap { width: min(1160px, 88vw); margin: 0 auto; }.schedule { padding: 105px 0; }.section-intro { margin-bottom: 35px; }.eyebrow--blue { color: var(--blue); }.eyebrow--gold { color: var(--gold); }.title-row { display: flex; justify-content: space-between; align-items: end; gap: 30px; }.section-intro h2, .story-copy h2, .about-copy h2, .contact h2 { font-family: var(--dev); font-weight: 600; font-size: clamp(34px, 4vw, 54px); line-height: 1.18; letter-spacing: -.035em; margin: 0; color: var(--navy); }.title-row > p { margin: 0 4px 7px; color: #547191; font-family: var(--dev); font-size: 16px; }.show-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.show-card { min-height: 360px; padding: 24px 25px; position: relative; overflow: hidden; display: flex; flex-direction: column; color: var(--navy); transition: transform .25s ease, box-shadow .25s ease; }.show-card:hover { transform: translateY(-7px); box-shadow: 0 15px 28px rgba(6,38,83,.14); }.show-card--sunrise { background: #efd179; }.show-card--noon { background: #b9ddeb; }.show-card--night { background: var(--navy); color: var(--white); }.show-time { font-size: 10px; font-weight: 700; letter-spacing: .1em; }.show-type { margin: auto 0 4px; text-transform: uppercase; font-size: 9px; letter-spacing: .15em; font-weight: 700; color: #a56643; }.show-card--noon .show-type { color: #3675a0; }.show-card--night .show-type { color: var(--gold); }.show-card h3 { font-family: var(--display); font-weight: 700; font-size: clamp(27px, 2.8vw, 37px); line-height: 1.01; letter-spacing: -.04em; margin: 0; position: relative; z-index: 2; }.show-card h3 em { font-size: 1.18em; color: var(--gold); }.show-card button { position: absolute; right: 22px; bottom: 23px; z-index: 3; border: 0; background: transparent; padding: 8px 0; color: inherit; font-family: var(--dev); font-size: 15px; cursor: pointer; border-bottom: 1px solid currentColor; }.show-card button b { margin-left: 7px; }.show-graphic { position: absolute; top: 48px; right: 15px; width: 66%; height: 54%; }.sun-graphic { background: radial-gradient(circle at 73% 51%, #f9eeae 0 19%, transparent 19.4%), repeating-radial-gradient(ellipse at 73% 51%, transparent 0 28%, rgba(167,96,57,.2) 28.5% 29%, transparent 29.5% 39%); }.sun-graphic::before { content:""; position: absolute; height: 1px; width: 170%; bottom: 18%; right: -10%; background: #be744c; transform: rotate(-11deg); box-shadow: 0 18px #be744c, 0 36px #be744c; }.chat-graphic { overflow: hidden; }.chat-graphic span { position: absolute; right: 2%; top: 9%; background: var(--white); padding: 13px 21px; border-radius: 30px 30px 4px 30px; font-family: var(--dev); font-size: 16px; color: var(--blue); transform: rotate(8deg); box-shadow: 3px 4px 0 rgba(30,93,139,.14); }.chat-graphic i { position:absolute; border-radius:50%; width: 130px; height:130px; border:20px solid #e9f5f7; right:15%; bottom:-25px; box-shadow: 0 0 0 16px #75add0; }.moon-graphic { background: radial-gradient(circle at 70% 43%, var(--gold) 0 21%, transparent 21.4%); }.moon-graphic span { color: #ffe8a3; font-size: 114px; position: absolute; right: 12%; top: -15%; transform: rotate(-20deg); text-shadow: 0 0 24px rgba(255,225,145,.3); }.moon-graphic i { color: var(--gold); font-style: normal; position: absolute; }.moon-graphic i:nth-child(2) { left: 30%; top: 25%; font-size: 22px; }.moon-graphic i:nth-child(3) { left: 62%; bottom: 10%; font-size: 13px; }

.story-band { position: relative; min-height: 580px; display: grid; grid-template-columns: 1fr 1fr; color: var(--white); background: #10437e; overflow: hidden; }.story-copy { padding: clamp(68px, 7vw, 105px) max(7vw, 55px); grid-column: 2; position: relative; z-index: 2; max-width: 660px; }.story-copy h2 { color: white; margin-bottom: 20px; }.story-copy > p:not(.eyebrow) { max-width: 480px; font-family: var(--dev); font-size: 17px; color: #c9e1f0; line-height: 1.7; }.text-arrow { display: inline-block; border-bottom: 1px solid var(--gold); color: var(--gold); font-family: var(--dev); font-size: 16px; padding-bottom: 4px; margin-top: 12px; }.text-arrow span { margin-left: 8px; }.story-art { position: absolute; inset: 0 49% 0 0; background: linear-gradient(145deg, #efc96d, #d98557); overflow: hidden; }.story-art::after { content:""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 70%, rgba(16,67,126,.85)); }.story-sun { position: absolute; height: 260px; width: 260px; border: 17px solid #fce59a; border-radius: 50%; left: 22%; top: 11%; box-shadow: 0 0 0 16px rgba(252,229,154,.35), 0 0 0 37px rgba(252,229,154,.13); }.story-field { position: absolute; bottom: -17%; left: -9%; height: 43%; width: 115%; transform: rotate(-6deg); background: repeating-linear-gradient(165deg, #c36446 0 1px, transparent 1px 32px); }.story-field i { position:absolute; height: 130%; width: 5px; background: #7e4d3e; bottom: -24%; transform: rotate(38deg); }.story-field i:nth-child(1){left:8%}.story-field i:nth-child(2){left:34%}.story-field i:nth-child(3){left:65%}.story-field i:nth-child(4){left:90%}.story-house { position: absolute; bottom: 24%; left: 28%; width: 147px; height: 104px; border: 8px solid #0f4a83; background: #e6e0b4; z-index: 1; }.story-house::before { content:""; position:absolute; left:-22px; top:-75px; border-bottom: 70px solid #0f4a83; border-left: 88px solid transparent; border-right: 88px solid transparent; }.story-house b { height: 44px; width: 28px; background: #d07249; bottom: 0; left: 55px; position: absolute; }.story-house i { position:absolute; width: 20px; height:20px; background:#7bb6cc; top:20px; left:20px; box-shadow: 66px 0 #7bb6cc; }.story-mic { position: absolute; z-index: 2; top: 34%; left: 56%; height: 93px; width: 75px; background: var(--navy); color: var(--gold); border-radius: 49% 49% 42% 42%; text-align: center; padding-top: 20px; font-size: 22px; transform: rotate(13deg); box-shadow: 8px 10px 0 rgba(6,29,67,.16); }.story-mic::before { content:""; position:absolute; width: 38px; height:45px; border: 6px solid var(--navy); border-top:0; border-radius: 0 0 25px 25px; left: 18px; bottom:-27px; }.story-mic::after { content:""; position:absolute; width: 75px; height:6px; border-radius: 4px; background:var(--navy); left:0; bottom:-42px; }.story-script { position: absolute; font-family: var(--dev); text-align: center; color:#fce69a; font-size:32px; line-height: .94; right: 9%; top:12%; z-index: 1; transform:rotate(-5deg); }.story-stats { position: absolute; bottom: 0; right: 0; left: 51%; display: flex; z-index: 2; border-top: 1px solid rgba(201,225,240,.23); }.story-stats div { flex: 1; padding: 20px 17px 23px; border-right: 1px solid rgba(201,225,240,.23); }.story-stats div:last-child{border:0}.story-stats strong { font-family:var(--display); display:block; font-size:26px; color:var(--gold); line-height:1; }.story-stats span { font-family:var(--dev); display:block; color:#c7e1f2; font-size:12px; margin-top:6px; line-height:1.2; }

.voices { padding: 105px 0; }.section-intro--split { display:flex; align-items:end; justify-content:space-between; gap:50px; }.section-intro--split > p { max-width: 370px; color:#587595; font-family:var(--dev); font-size:16px; line-height:1.6; margin:0 0 4px; }.voice-grid { display:grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 16px; }.voice-card { min-height: 308px; padding: 26px; background:#f4e4b7; position:relative; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(10,29,63,.06); transition: transform .25s; }.voice-card:hover { transform:translateY(-5px); }.voice-card--feature { background: var(--navy); color:white; }.voice-symbol { font-family:var(--display); font-size:145px; position:absolute; color:rgba(239,209,123,.17); top:-30px; right:12px; line-height:1; }.voice-tag { color:#86643a; font-size:9px; text-transform:uppercase; letter-spacing:.15em; font-weight:700; margin:0; position:relative; }.voice-card--feature .voice-tag {color:var(--gold)}.voice-card h3 { font-family:var(--dev); font-size:31px; font-weight:600; line-height:1.12; margin:auto 0 7px; letter-spacing:-.02em; position:relative; }.voice-card span { font-family:var(--dev); max-width:240px; font-size:13px; line-height:1.45; color:#6f6044; position:relative; }.voice-card--feature span {color:#bfdaee}.card-doodle { position:absolute; color:rgba(9,41,90,.25); line-height:1; }.card-doodle--leaf { right:22px; top:25px; font-size:106px; transform:rotate(18deg); }.card-doodle--note { color:rgba(22,83,153,.28); right:29px; top:32px; font-size:105px; transform:rotate(-17deg); }

.audio-library { padding: 95px 0 101px; background: #1d5795; color: white; position: relative; overflow: hidden; }.audio-library::before { content:""; position:absolute; width:620px; height:620px; border:1px solid rgba(235,246,253,.16); border-radius:50%; right:-190px; top:-390px; box-shadow: 0 0 0 32px rgba(235,246,253,.025),0 0 0 75px rgba(235,246,253,.02); }.audio-heading { position:relative; display:flex; align-items:end; justify-content:space-between; gap:45px; margin-bottom:35px; }.audio-heading h2 { margin:0; color:white; font-family:var(--dev); font-size:clamp(34px,4vw,52px); font-weight:600; line-height:1.15; letter-spacing:-.04em; }.audio-heading > p { max-width:390px; margin:0; color:#c4e1f2; font-family:var(--dev); line-height:1.55; font-size:15px; }.audio-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; position:relative; }.audio-card { min-height:265px; position:relative; padding:19px 20px 22px 105px; color:var(--navy); background:var(--white); overflow:hidden; box-shadow:0 11px 23px rgba(4,31,72,.12); }.audio-card::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .2s; }.audio-card.is-playing::after { transform:scaleX(1); }.audio-art { position:absolute; left:0; top:0; bottom:0; width:87px; display:grid; place-items:center; overflow:hidden; color:var(--navy); }.audio-art span { position:relative; z-index:2; font-family:var(--dev); font-size:19px; font-weight:600; writing-mode:vertical-rl; }.audio-art i { position:absolute; font-family:var(--display); font-style:normal; font-size:120px; opacity:.33; line-height:1; }.audio-art--morning { background:#efd177; }.audio-art--folk { background:#9dd0dd; }.audio-art--evening { background:#143f7e; color:var(--gold); }.audio-kind { font-size:8px; color:#64819f; letter-spacing:.11em; font-weight:700; }.audio-details h3 { margin:11px 0 8px; font-family:var(--dev); font-size:25px; font-weight:600; line-height:1.12; letter-spacing:-.03em; }.audio-details p { margin:0; font-family:var(--dev); color:#577595; font-size:13px; line-height:1.4; }.audio-play { border:0; background:var(--navy); color:var(--gold); width:42px; height:42px; border-radius:50%; position:absolute; bottom:44px; left:106px; display:grid; place-items:center; cursor:pointer; font-size:13px; padding-left:2px; transition:transform .2s,background .2s; }.audio-play:hover { transform:scale(1.08); background:#155095; }.audio-card.is-playing .audio-play { background:#d46e4e; color:white; padding-left:0; }.track { position:absolute; bottom:34px; left:164px; right:20px; height:3px; background:#d9e8ef; overflow:hidden; }.track-progress { width:0; height:100%; background:var(--orange); transition:width .12s linear; }.audio-timer { position:absolute; bottom:15px; left:106px; color:#577595; font-size:10px; font-variant-numeric:tabular-nums; }.audio-blog-link { display:inline-block; margin-top:29px; color:var(--gold); border-bottom:1px solid rgba(240,209,123,.7); padding-bottom:3px; font-family:var(--dev); font-size:16px; position:relative; }.audio-blog-link span { margin-left:9px; }

.about-panel { min-height:540px; color:var(--white); background: var(--navy); position:relative; overflow:hidden; display:grid; grid-template-columns: 42% 58%; }.about-panel::before { content:""; position:absolute; width:65vw; height:65vw; border:1px solid rgba(213,235,248,.14); border-radius:50%; left:-33vw; top:-16vw; box-shadow:0 0 0 48px rgba(213,235,248,.027),0 0 0 94px rgba(213,235,248,.025); }.about-panel::after { content:""; position:absolute; right:-10%; top:0; height:100%; width:33%; background: repeating-linear-gradient(132deg, transparent 0 26px, rgba(240,209,123,.08) 27px 28px); }.about-logo { display:grid; place-items:center; position:relative; z-index:2; }.about-logo::before {content:""; position:absolute; height:270px; width:270px; border-radius:50%; border:1px solid rgba(240,209,123,.35); box-shadow: 0 0 0 18px rgba(240,209,123,.05),0 0 0 54px rgba(240,209,123,.03); }.about-logo img { width:190px; height:190px; object-fit:contain; position:relative; filter:drop-shadow(0 14px 14px rgba(0,0,0,.2)); }.about-copy { padding: 100px 9vw 60px 0; position:relative; z-index:2; }.about-copy h2 { color:white; margin-bottom:17px; }.about-copy > p:not(.eyebrow) { max-width:520px; color:#bed9eb; line-height:1.65; font-family:var(--dev); font-size:17px; }.about-actions { display:flex; align-items:center; gap:24px; margin-top:28px; }.light-button { cursor:pointer; border:0; border-radius:99px; display:inline-flex; align-items:center; gap:14px; padding:12px 18px; background:var(--gold); color:var(--navy); font-family:var(--dev); font-size:15px; font-weight:600; }.light-button span { font-family:var(--sans); font-size:17px; }.email-link { color:#c5e1f1; font-size:12px; border-bottom:1px solid rgba(197,225,241,.7); padding-bottom:3px; }.about-watermark { font-family:var(--display); position:absolute; line-height:.8; bottom:-12px; left:5px; color:rgba(255,255,255,.025); letter-spacing:-.08em; font-size: clamp(100px, 18vw, 295px); z-index:1; }

.contact { padding:105px 0; display:grid; grid-template-columns: 39% 61%; align-items:center; gap:60px; }.contact > div:first-child > p:not(.eyebrow) { font-family:var(--dev); color:#597494; line-height:1.6; font-size:16px; }.contact-cards { display:grid; gap:9px; }.contact-card { min-height:77px; display:flex; align-items:center; gap:15px; padding:13px 18px; background:var(--white); border:1px solid var(--line); transition:border .2s, transform .2s, box-shadow .2s; }.contact-card:hover { border-color:#a8cae2; transform:translateX(4px); box-shadow:0 8px 17px rgba(18,62,110,.07); }.contact-icon { background:#e0f0f7; color:var(--blue); border-radius:50%; height:39px; width:39px; display:grid; place-items:center; font-size:17px; flex:none; }.contact-card div {display:grid; gap:3px;}.contact-card small {font-size:9px; font-weight:700; color:#69829d; text-transform:uppercase; letter-spacing:.12em;}.contact-card strong {font-family:var(--dev); font-weight:600; color:var(--navy); font-size:15px;}.contact-card i {font-style:normal; margin-left:auto; color:#5580ae; font-size:20px;}

footer { background:#071b3b; color:#b9d5e7; padding: 26px max(5vw,35px); display:flex; align-items:center; justify-content:space-between; gap:20px; }.footer-brand img { width:40px; height:40px; object-fit:contain; }.footer-brand span {display:grid;gap:4px}.footer-brand b {color:white;font-size:12px}.footer-brand small {color:#a6c5dd;font-size:7px}.footer-brand + p {margin:0;font-size:10px;}.back-top{font-family:var(--dev); font-size:14px;color:var(--gold);}

.listen-modal { visibility:hidden; opacity:0; position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:20px; background:rgba(5,23,54,.72); backdrop-filter: blur(5px); transition:opacity .25s, visibility .25s; }.listen-modal.open {visibility:visible;opacity:1}.modal-card {width:min(490px,100%); color:white; background:var(--navy); padding:48px 48px 42px; position:relative; text-align:center; box-shadow:0 23px 60px rgba(0,0,0,.36); transform:translateY(14px); transition:transform .25s;}.listen-modal.open .modal-card{transform:translateY(0)}.modal-close {position:absolute;top:13px;right:16px;border:0;background:transparent;color:#d6e7f3;font-size:30px;cursor:pointer;line-height:1}.modal-mark{display:block;color:var(--gold);font-size:42px;margin-bottom:10px}.modal-card .eyebrow{justify-content:center;color:var(--gold)}.modal-card h2{font-family:var(--dev);font-size:34px;line-height:1.18;margin:0;color:white}.modal-card h2 em{color:var(--gold);font-family:var(--display);font-style:normal}.modal-card>p:not(.eyebrow){font-family:var(--dev);line-height:1.6;color:#c5ddec;font-size:15px;margin:19px 0 25px}.modal-ok{margin:auto}

.footer-links { display:flex; gap:20px; align-items:center; }.footer-links > a { font-family:var(--dev); font-size:14px; color:var(--gold); }

.blog-hero { position:relative; overflow:hidden; min-height:420px; padding:85px max(7vw,45px); background:linear-gradient(118deg,#092552,#1a5997); color:white; }.blog-hero::before { content:""; position:absolute; height:520px; width:520px; right:-70px; top:-255px; border:1px solid rgba(234,245,252,.25); border-radius:50%; box-shadow:0 0 0 26px rgba(234,245,252,.035),0 0 0 75px rgba(234,245,252,.025); }.blog-hero h1 { margin:0; font-family:var(--dev); font-size:clamp(43px,6vw,72px); line-height:1.08; letter-spacing:-.045em; position:relative; z-index:1; }.blog-hero h1 em,.blog-cta h2 em { color:var(--gold); font-style:normal; }.blog-hero > p:not(.eyebrow) { max-width:460px; position:relative; z-index:1; margin:21px 0 0; color:#c6e1f2; font-family:var(--dev); font-size:17px; line-height:1.6; }.blog-hero-deco { position:absolute; z-index:0; right:12%; bottom:-78px; font-family:var(--dev); font-size:390px; line-height:1; color:rgba(240,209,123,.1); transform:rotate(-10deg); }.blog-content { padding:69px 0 95px; }.blog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:27px; border-bottom:1px solid var(--line); padding-bottom:17px; }.blog-toolbar > p { margin:0; font-family:var(--dev); font-size:18px; color:var(--navy); }.blog-toolbar strong { color:#6d8eb1; font-family:var(--sans); font-size:11px; letter-spacing:.08em; }.blog-filters { display:flex; flex-wrap:wrap; gap:7px; }.blog-filters button { cursor:pointer; border:1px solid #cbddea; background:transparent; color:#3d648d; border-radius:99px; padding:7px 12px; font-family:var(--dev); font-size:13px; transition:background .2s,color .2s; }.blog-filters button.is-selected,.blog-filters button:hover { background:var(--navy); border-color:var(--navy); color:white; }.blog-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:17px; }.blog-card { min-height:284px; display:grid; grid-template-columns:37% 63%; background:var(--white); border:1px solid var(--line); transition:transform .25s,box-shadow .25s; overflow:hidden; }.blog-card:hover { transform:translateY(-5px); box-shadow:0 14px 25px rgba(8,45,88,.1); }.blog-card[hidden] { display:none; }.blog-card--lead { grid-column:span 2; grid-template-columns:38% 62%; min-height:344px; }.blog-card-art { position:relative; overflow:hidden; display:grid; place-items:center; color:var(--navy); }.blog-card-art::before { content:""; position:absolute; height:135%; width:135%; border-radius:50%; border:1px solid rgba(8,42,89,.24); }.blog-card-art span { font-family:var(--dev); font-weight:600; font-size:24px; position:relative; z-index:1; writing-mode:vertical-rl; }.blog-card-art i { font-style:normal; position:absolute; font-family:var(--display); font-size:140px; line-height:1; opacity:.24; right:-17px; bottom:-10px; }.art-culture { background:#eecf79; }.art-health { background:#bde0e7; }.art-community { background:#e89b70; }.art-artists { background:#adc9e2; }.art-school { background:#e5dca8; }.blog-card-copy { padding:24px 23px; display:flex; flex-direction:column; }.blog-meta { color:#6683a0; font-size:9px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; margin:0; }.blog-meta span { color:var(--orange); margin-inline:5px; }.blog-card h2 { margin:12px 0 9px; color:var(--navy); font-family:var(--dev); font-weight:600; font-size:24px; line-height:1.17; letter-spacing:-.025em; }.blog-card--lead h2 { font-size:31px; }.blog-card-copy > p:not(.blog-meta) { margin:0; color:#557392; font-family:var(--dev); font-size:14px; line-height:1.48; }.read-story { align-self:flex-start; margin-top:auto; padding:11px 0 3px; border:0; cursor:pointer; color:var(--blue); font-family:var(--dev); font-size:14px; background:transparent; border-bottom:1px solid currentColor; }.read-story span { margin-left:7px; }.empty-filter { display:none; margin-top:21px; padding:30px; color:#6683a0; background:#eff6f9; text-align:center; font-family:var(--dev); }.empty-filter.show { display:block; }.blog-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:72px max(7vw,45px); background:#eacb75; color:var(--navy); }.blog-cta h2 { margin:0; font-family:var(--dev); font-size:clamp(34px,4.2vw,52px); font-weight:600; line-height:1.1; letter-spacing:-.04em; }.blog-cta h2 em { color:var(--blue); }.blog-cta .eyebrow { color:#8c6844; }.blog-cta .light-button { background:var(--navy); color:var(--gold); white-space:nowrap; }.story-modal { visibility:hidden; opacity:0; position:fixed; inset:0; z-index:20; display:grid; place-items:center; padding:20px; background:rgba(5,23,54,.72); backdrop-filter:blur(5px); transition:opacity .25s,visibility .25s; }.story-modal.open { visibility:visible; opacity:1; }.story-modal-card { width:min(470px,100%); padding:43px 40px 38px; text-align:center; color:white; background:var(--navy); position:relative; transform:translateY(14px); transition:transform .25s; }.story-modal.open .story-modal-card { transform:translateY(0); }.story-close { position:absolute; top:13px; right:16px; border:0; background:transparent; color:#d6e7f3; font-size:30px; cursor:pointer; line-height:1; }.story-message { color:#c5ddec; font-family:var(--dev); font-size:17px; line-height:1.6; margin:10px 0 26px; }

@media (max-width: 900px) {
  .site-header { height:76px; }.main-nav { gap:17px; margin-right:20px; }.main-nav a {font-size:14px;}.brand-wordmark strong{font-size:13px}.header-listen{padding:10px 12px;font-size:10px}.hero {min-height: 600px;}.hero-visual {right:-85px;width:580px;height:580px;opacity:.86}.story-copy{padding-left:45px;padding-right:40px}.story-art{inset:0 47% 0 0}.story-stats{left:53%}.about-copy{padding-right:5vw}.about-logo img{width:150px;height:150px}.contact{gap:35px}
}
@media (max-width: 700px) {
  .top-strip {font-size:8px;padding-inline:18px}.top-strip a{display:none}.site-header {padding-inline:18px;height:70px}.logo-shell{width:47px;height:47px}.brand-wordmark strong{font-size:12px}.brand-wordmark em{font-size:7px}.menu-toggle{display:grid;margin-left:auto;gap:5px;cursor:pointer}.menu-toggle span{display:block;background:var(--navy);height:2px;width:23px}.main-nav {display:none;position:absolute;top:70px;left:0;right:0;background:var(--white);padding:17px 20px 22px;margin:0;box-shadow:0 10px 15px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start;gap:7px}.main-nav.open{display:flex}.header-listen{display:none}.hero{padding:67px 25px 38px;min-height:560px}.hero h1{font-size:44px;max-width:390px}.hero-copy{font-size:16px;max-width:340px}.hero-visual{right:-160px;top:43%;width:490px;height:490px;opacity:.6}.hero-side-note{display:none}.hero-actions{gap:18px}.hero-meta{margin-top:39px;max-width:330px}.hero-meta span{font-size:11px;padding:0 8px}.ticker-label{padding-inline:18px;font-size:8px}.ticker-track{font-size:13px}.section-wrap{width:min(100% - 40px, 560px)}.schedule,.voices,.contact{padding:70px 0}.title-row{align-items:flex-start;flex-direction:column;gap:5px}.title-row>p{margin:0}.show-grid,.voice-grid{grid-template-columns:1fr;gap:12px}.show-card{min-height:285px}.story-band{grid-template-columns:1fr;min-height:680px}.story-art{inset:0 0 49% 0}.story-art::after{background:linear-gradient(0deg,#10437e,transparent 60%)}.story-copy{grid-column:1;padding:55px 25px 116px;align-self:end}.story-copy h2{font-size:38px}.story-copy>p:not(.eyebrow){font-size:15px}.story-stats{left:0;bottom:0}.story-stats div{padding:15px 12px 17px}.story-stats strong{font-size:20px}.story-stats span{font-size:10px}.story-script{right:5%;top:8%;font-size:24px}.story-house{transform:scale(.75);transform-origin:left bottom;left:17%;bottom:17%}.story-mic{transform:scale(.8) rotate(13deg);left:63%;top:37%}.section-intro--split{display:block}.section-intro--split>p{margin-top:13px}.voice-card{min-height:240px}.about-panel{min-height:650px;grid-template-columns:1fr}.about-logo{height:220px;align-self:end}.about-logo::before{height:200px;width:200px}.about-logo img{width:130px;height:130px}.about-copy{padding:18px 28px 58px}.about-copy h2{font-size:35px}.about-copy>p:not(.eyebrow){font-size:15px}.about-actions{align-items:flex-start;flex-direction:column;gap:15px}.about-watermark{font-size:120px}.contact{grid-template-columns:1fr;gap:25px}.contact h2{font-size:42px}.contact-card{padding:12px}.contact-card strong{font-size:13px}.contact-card small{font-size:8px}.contact-icon{height:35px;width:35px}.contact-card:last-child strong{font-size:12px}footer{padding:22px 20px;align-items:flex-start;flex-wrap:wrap}.footer-brand + p{order:3;width:100%;font-size:9px}.back-top{margin-left:auto}.modal-card{padding:43px 25px 30px}.modal-card h2{font-size:30px}
}

/* WordPress theme integrations */
.main-nav .primary-menu { list-style:none; display:flex; align-items:center; gap:clamp(17px, 2vw, 34px); margin:0; padding:0; }
.main-nav .primary-menu li { margin:0; padding:0; }
.main-nav .current-menu-item > a, .main-nav .current_page_item > a { color:var(--navy); }
.main-nav .current-menu-item > a::after, .main-nav .current_page_item > a::after { transform:scaleX(1); }
.blog-card-art img { width:100%; height:100%; object-fit:cover; position:relative; z-index:1; }
.posts-pagination { margin-top:35px; font-family:var(--dev); color:var(--blue); }
.posts-pagination .nav-links { display:flex; gap:15px; align-items:center; }
.posts-pagination a, .posts-pagination .current { border:1px solid #b7d2e4; padding:8px 12px; }
.posts-pagination .current { background:var(--navy); border-color:var(--navy); color:white; }
.article-main { background:var(--cream); padding:85px 0 105px; min-height:55vh; }
.post-article { max-width:850px; }
.post-article h1 { margin:0 0 26px; color:var(--navy); font-family:var(--dev); font-size:clamp(38px,5vw,65px); font-weight:600; line-height:1.13; letter-spacing:-.04em; }
.post-featured-image { margin:0 0 32px; overflow:hidden; }
.post-featured-image img { display:block; width:100%; height:auto; }
.post-content { color:#284b70; font-family:var(--dev); font-size:18px; line-height:1.8; }
.post-content > *:first-child { margin-top:0; }
.post-content h2, .post-content h3 { color:var(--navy); line-height:1.25; }
.post-content a { color:var(--blue); text-decoration:underline; }
.post-content img { max-width:100%; height:auto; }
.post-footer { margin-top:36px; }

@media (max-width: 700px) {
	.main-nav .primary-menu { width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
	.post-content { font-size:16px; }
	.article-main { padding:60px 0 75px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.001ms !important; scroll-behavior:auto !important; transition-duration:.001ms !important; } }

@media (max-width: 900px) {
  .audio-card { padding-left:95px; }.audio-art { width:78px; }.audio-play,.audio-timer { left:94px; }.track { left:151px; }
}
@media (max-width: 700px) {
  .audio-library { padding:70px 0; }.audio-heading { display:block; margin-bottom:26px; }.audio-heading > p { margin-top:13px; }.audio-grid { grid-template-columns:1fr; }.audio-card { min-height:210px; }
  .blog-hero { min-height:375px; padding:66px 25px; }.blog-hero h1 { font-size:43px; }.blog-hero > p:not(.eyebrow) { font-size:16px; max-width:330px; }.blog-hero-deco { right:-7px; font-size:285px; bottom:-52px; }.blog-content { padding:48px 0 65px; }.blog-toolbar { display:block; }.blog-filters { margin-top:14px; }.blog-grid { grid-template-columns:1fr; }.blog-card,.blog-card--lead { grid-column:auto; grid-template-columns:31% 69%; min-height:240px; }.blog-card--lead h2,.blog-card h2 { font-size:22px; }.blog-card-art span { font-size:20px; }.blog-card-art i { font-size:106px; }.blog-card-copy { padding:18px 15px; }.blog-card-copy > p:not(.blog-meta) { font-size:13px; }.blog-cta { padding:55px 25px; display:block; }.blog-cta .light-button { margin-top:21px; }.story-modal-card { padding:40px 25px 30px; }.story-message { font-size:16px; }.footer-links { margin-left:auto; gap:15px; }
}