/* Deliberate overrides of the original preview; no external font dependencies. */
/* Main title follows the tall, condensed all-caps type of the approved thumbnails. */
html{scroll-behavior:smooth}body{background:#080e15!important;font:16px/1.7 'Segoe UI',Arial,sans-serif!important;color:#f1eee4!important}.wrap{width:min(1280px,calc(100% - 64px))!important}header{padding:24px 0!important}.brand img{width:64px!important;height:64px!important;object-fit:contain;box-shadow:none!important}.brand strong{font:700 18px/1.4 'Segoe UI',Arial,sans-serif!important;letter-spacing:.14em!important}.brand span span{font-size:11px!important;letter-spacing:.17em!important}nav{font-size:14px!important}.hero{grid-template-columns:.85fr 1.15fr!important;gap:36px!important;min-height:620px!important;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:0 -32px;z-index:-1;background:linear-gradient(90deg,#080e15 5%,#080e15bb 60%,#080e1560),linear-gradient(0deg,#080e15,transparent),url('assets/forest.png') center/cover;opacity:.7}h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold','Arial Narrow',sans-serif!important;font-size:clamp(58px,7vw,102px)!important;font-weight:400!important;line-height:.9!important;letter-spacing:.015em!important;text-transform:uppercase}h1 em{font-family:inherit!important;color:#d04550!important;font-style:normal}.eyebrow{font-size:11px!important;letter-spacing:.21em!important}.lead{font-size:18px!important;color:#afbfcb!important;max-width:450px!important}.actions{gap:12px!important}.button{font-size:14px!important;border-radius:4px!important}.button.primary{background:#b51f2b!important;border-color:#b51f2b!important}.radio-stage{position:relative;margin:0;width:100%;padding:24px 0 38px}.radio-photo{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none}.seal{position:absolute;width:clamp(105px,12vw,160px);height:auto;right:12px;bottom:0;filter:drop-shadow(0 8px 18px #000a)}figcaption{font-size:10px;letter-spacing:.18em;color:#9bafbd;margin-top:15px;padding-right:160px}.strip{grid-template-columns:1fr 1fr!important;gap:24px!important;padding:0 0 50px!important}.landscape{min-height:290px!important;display:flex;align-items:end;padding:30px!important;border-radius:8px!important;background-size:cover!important;background-position:center!important}.rain{background-image:linear-gradient(0deg,#050b12f5,transparent),url('assets/forest.png')!important}.river{background-image:linear-gradient(0deg,#050b12f5,transparent),url('assets/river.png')!important}.landscape b{font-size:29px!important;line-height:1.2!important;margin:12px 0!important}.landscape p{color:#c2cdd4!important;font-size:15px}.landscape small{font-size:11px;letter-spacing:.15em;color:#c2cdd4}.about{display:flex;align-items:center;gap:30px;background:transparent!important;border:0!important;border-top:1px solid #ffffff20!important;border-radius:0!important;padding:40px 0!important}.about img{flex-shrink:0;object-fit:contain}.about b{font-size:30px!important}.about p{max-width:800px}#shop{background:transparent!important;border:0!important;border-top:1px solid #ffffff20!important;border-radius:0!important;padding:30px 0!important;margin:0!important}footer{font-size:12px!important;color:#91a4b2!important}a:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:850px){.hero{grid-template-columns:1fr!important;padding:50px 0!important;gap:20px!important}.radio-stage{max-width:680px;margin:auto}.hero h1{font-size:76px!important}.hero .lead{max-width:580px!important}}@media(max-width:560px){.wrap{width:calc(100% - 36px)!important}.strip{grid-template-columns:1fr!important}.hero h1{font-size:60px!important}.brand strong{font-size:15px!important}.brand img{width:52px!important;height:52px!important}.about{align-items:start;gap:18px}.about img{width:70px;height:70px}.about b{font-size:25px!important}.landscape{min-height:250px!important}.seal{width:110px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}

/* Reduce empty space above the hero content. */
.hero{min-height:520px!important}

/* Align section typography with the thumbnail display style. */
h2,h3,.section-heading h2,.channel-column h3,.card b,.story-card b,.landscape b{font-family:Impact,Haettenschweiler,'Arial Narrow Bold','Arial Narrow',sans-serif!important;font-weight:400!important;letter-spacing:.025em!important;text-transform:uppercase!important}
.section-heading h2,.channel-column h3{color:#f0eadb!important}
.section-heading p,.channel-column>p,.card p,.story-card p,.landscape p{font-family:'Segoe UI',Arial,sans-serif!important}

/* Keep navigation and current broadcast status visible while browsing. */
header{position:sticky!important;top:0!important;z-index:20!important;padding:16px 0!important;background:linear-gradient(180deg,#080e15 72%,#080e15e8 88%,transparent)!important;backdrop-filter:blur(10px)}

/* About: a quiet station card rather than a generic text block. */
#about.about{display:grid!important;grid-template-columns:150px minmax(240px,1fr) minmax(270px,.8fr)!important;align-items:center!important;gap:38px!important;margin:24px 0 0!important;padding:54px 0!important;border-top:1px solid #b98b4c55!important;border-bottom:1px solid #ffffff18!important;background:linear-gradient(90deg,#070c12f5 0%,#080d13e8 45%,#070b11ef 100%),radial-gradient(circle at 8% 50%,#4a2b1738,transparent 28%),url('assets/about-rain-forest.png') center/cover!important}
.about-mark{display:grid;place-items:center;width:150px;height:150px;border:1px solid #c79b5a48;border-radius:50%;background:radial-gradient(circle,#382619 0 27%,#0a0e12 68%);box-shadow:inset 0 0 0 8px #0003,0 12px 26px #0007}.about-mark img{width:128px!important;height:128px!important;filter:drop-shadow(0 7px 11px #000b)}
.about-eyebrow{display:block;margin-bottom:13px;color:#df4650;font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.about-intro h2{margin:0 0 17px;color:#f1eadb;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(34px,3.4vw,52px);font-weight:400;letter-spacing:.01em;line-height:.94;text-transform:uppercase;text-shadow:2px 2px #030609}.about-intro p{max-width:610px;margin:0;color:#bdc7c9;font-size:15px;line-height:1.62}.about-intro p+p{margin-top:12px}.about-intro .about-lead{color:#f0e7d5;font-size:17px;letter-spacing:.01em}.about-paths{display:grid;gap:10px}.about-path{display:grid;grid-template-columns:29px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:70px;padding:11px 14px;border:1px solid #af885149;border-radius:4px;background:linear-gradient(110deg,#2a1d13,#111317 58%,#1e1712);color:#eee5d4;text-decoration:none;box-shadow:inset 0 1px #f4cf8320}.about-path:hover{border-color:#df4650;transform:translateX(3px)}.about-path>span{color:#c89957;font-size:11px;font-weight:900;letter-spacing:.08em}.about-path b{display:block;font-size:15px;letter-spacing:.09em;text-transform:uppercase}.about-path small{display:block;margin-top:3px;color:#b3bfc2;font-size:12px;line-height:1.3}.about-path i{color:#df4650;font-size:18px;font-style:normal;text-align:right}
@media(max-width:900px){#about.about{grid-template-columns:112px minmax(0,1fr)!important;gap:26px!important}.about-mark{width:112px;height:112px}.about-mark img{width:96px!important;height:96px!important}.about-paths{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:560px){#about.about{grid-template-columns:1fr!important;gap:24px!important;padding:42px 0!important}.about-mark{width:104px;height:104px}.about-mark img{width:90px!important;height:90px!important}.about-paths{grid-column:auto;grid-template-columns:1fr}.about-intro h2{font-size:38px!important}.about-intro p{font-size:16px!important}}

/* The supplied rain forest is the continuous scene behind the complete station. */
body{background:linear-gradient(90deg,#050910e8 0%,#080e15bd 50%,#050910e8 100%),url('assets/about-rain-forest.png') center top/cover fixed no-repeat!important}
#about.about{background:linear-gradient(90deg,#070c12e8 0%,#080d13cc 45%,#070b11e5 100%),radial-gradient(circle at 8% 50%,#4a2b1738,transparent 28%)!important}
.hero .radio-stage{transform:translateY(-24px)}
@media(max-width:850px){.hero .radio-stage{transform:none}}
.about-mark{align-self:start;margin-top:34px}

/* The section titles remain real text so the browser can wrap and resize them. */
@font-face{font-family:'Midnight Cut';src:url('assets/MidnightCut-v1.6.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
h2.branded-heading,h3.branded-heading{font-family:'Midnight Cut',Impact,sans-serif!important;font-weight:400!important;line-height:1.08!important;letter-spacing:.012em!important;text-transform:uppercase!important;color:#f0eadb!important;hyphens:auto;overflow-wrap:anywhere}
.section-heading h2.branded-heading{font-size:clamp(1.65rem,7.8vw,3.2rem)!important}
.channel-column h3.branded-heading{font-size:clamp(1.7rem,2.4vw,2rem)!important}
.about-intro h2.branded-heading{font-size:clamp(1.9rem,3vw,2.5rem)!important;line-height:1.05!important}
.shop-heading{font-size:2rem!important;margin:0 0 6px!important}