/* Ten-second HFJ broadcast opening. Static, immediately readable with reduced motion. */
.hfj-intro-open{overflow:hidden}
.welcome-intro{--intro-ink:#214354;--intro-green:#286653;position:fixed;inset:0;margin:0;border:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;background:#edf5f7;color:var(--intro-ink);overflow:hidden;isolation:isolate}
.welcome-intro:not([open]){display:none}
.welcome-intro[open]{display:grid}
.welcome-intro::backdrop{background:#edf5f7}
.welcome-intro-scene,.welcome-intro-wash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.welcome-intro-scene{opacity:.94}
.welcome-intro-wash{background:linear-gradient(90deg,#f4f9fce0 0%,#f4f9fcc7 44%,#e9f4f964 70%,#e9f4f912 100%)}
.welcome-intro-viewport{min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;align-items:center}
.welcome-intro-wave{transform-box:fill-box;transform-origin:center;animation:hfj-radio-wave 3.2s linear infinite;filter:drop-shadow(0 0 4px #42dfffb0)}
.welcome-intro-wave:nth-child(2){animation-delay:-.8s}.welcome-intro-wave:nth-child(3){animation-delay:-1.6s}.welcome-intro-wave:nth-child(4){animation-delay:-2.4s}
.welcome-intro-beacon{filter:drop-shadow(0 0 13px #0dcfff);animation:hfj-antenna-light 1.6s ease-in-out infinite}
.welcome-intro-shell{position:relative;align-self:center;box-sizing:border-box;width:min(100%,1380px);margin:auto;padding:clamp(1.5rem,4vh,4rem) clamp(1.2rem,5vw,5rem);display:grid;gap:clamp(1.3rem,3vh,2.5rem)}
.welcome-intro-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.welcome-intro-onair{display:inline-flex;align-items:center;gap:.75rem;border:2px solid #ff8990;border-radius:10px;padding:.55rem 1.1rem;background:linear-gradient(160deg,#f5163b,#bd0625);color:#fff;font-size:clamp(1rem,1.7vw,1.3rem);font-weight:850;letter-spacing:.15em;text-shadow:0 0 8px #ffd1d6;box-shadow:0 0 14px #fa173a77,0 0 34px #fa173a44,inset 0 0 14px #ff769055;animation:hfj-onair 1.6s ease-in-out infinite}
.welcome-intro-onair>span{width:.65rem;height:.65rem;border-radius:50%;background:#fff5f5;box-shadow:0 0 12px #fff}
.welcome-intro-brand{display:flex;align-items:center;gap:1.3rem;contain:paint;padding:.4rem 0}
.welcome-intro-brand>img{flex:none;width:152px;height:152px;border-radius:50%;background:#fff;box-shadow:0 8px 35px #254c6129;animation:hfj-logo-arrive .9s .1s both}
#welcome-intro-title{display:grid;gap:.3rem;margin:0;line-height:1.12;font-weight:500;text-wrap:balance}
#welcome-intro-title,#welcome-intro-title:focus,#welcome-intro-title:focus-visible{background:transparent;border:0;outline:none;box-shadow:none}
.welcome-intro-welcome{--fly-x:0;--fly-y:-100vh;--fly-turn:-6deg;animation:hfj-word-flight .8s .25s both;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;color:#526c79}
.welcome-intro-name{--fly-x:-110vw;--fly-y:0;--fly-turn:-4deg;animation:hfj-word-flight 1s .65s both;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4.3vw,4rem);font-weight:700;letter-spacing:-.035em}
.welcome-intro-podcast{--fly-x:110vw;--fly-y:0;--fly-turn:6deg;animation:hfj-word-flight .9s 1.15s both;font-size:clamp(1.2rem,2.1vw,1.7rem);font-weight:750;color:var(--intro-green);letter-spacing:.035em}
.welcome-intro-stats{display:grid;grid-template-columns:.85fr 1fr 1.35fr;gap:1rem;margin:0;contain:paint;padding:.6rem 0}
.welcome-intro-stat{display:grid;align-content:start;gap:.3rem;padding:1.2rem clamp(.85rem,2vw,1.7rem) 1.4rem;background:#fffffff0;border:1px solid #9fbdc9;border-radius:16px;box-shadow:0 10px 34px #224e6621;--fly-x:-110vw;--fly-y:50vh;--fly-turn:-12deg;animation:hfj-word-flight .95s 2.1s both}
.welcome-intro-stat:nth-child(2){--fly-x:0;--fly-y:-100vh;--fly-turn:10deg;animation-delay:3.35s}
.welcome-intro-stat:nth-child(3){--fly-x:110vw;--fly-y:55vh;--fly-turn:-10deg;animation-delay:4.6s}
.welcome-intro-over{font-size:.9rem;line-height:1.2;color:#526c79}
.welcome-intro-stat strong{font-size:clamp(2.75rem,6.8vw,6rem);font-weight:800;line-height:1.05;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.welcome-intro-stat:last-child strong{color:var(--intro-green)}
.welcome-intro-stat>span:last-child{font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.4;overflow-wrap:anywhere}
.welcome-intro-finale{display:flex;justify-content:center;flex-wrap:wrap;gap:.1em .28em;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.7rem,3.5vw,3.1rem);font-weight:700;line-height:1.35;color:#205b48;font-style:italic;text-align:center;text-wrap:balance;contain:paint;padding:.45rem 0}
.welcome-intro-finale>span{display:inline-block;--fly-x:-100vw;--fly-y:0;--fly-turn:-8deg;animation:hfj-word-flight .9s 6.8s both}
.welcome-intro-finale>span:nth-child(2){--fly-x:0;--fly-y:100vh;--fly-turn:8deg;animation-delay:7.15s}
.welcome-intro-finale>span:nth-child(3){--fly-x:100vw;--fly-y:0;--fly-turn:-8deg;animation-delay:7.5s}
.welcome-intro-progress{height:3px;background:#a9c5cc55;overflow:hidden;border-radius:3px}
.welcome-intro-progress>span{display:block;width:100%;height:100%;background:#437e88;transform-origin:left;animation:hfj-intro-progress 10s linear both}
.welcome-intro-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;min-height:3.25rem}
.welcome-intro-continue{min-height:3.25rem;min-width:10rem;padding:.7rem 1.8rem;border:2px solid #205b48;border-radius:12px;background:#205b48;color:#fff;font:inherit;font-size:1.1rem;font-weight:750;cursor:pointer;box-shadow:0 5px 20px #205b482b}
.welcome-intro-continue[hidden]{display:none}
.welcome-intro-continue:not([hidden]){animation:hfj-continue-arrive .25s ease-out both}
.welcome-intro-continue:hover{background:#164b3a;border-color:#164b3a}
.welcome-intro-continue:focus-visible{outline:3px solid #214354;outline-offset:4px}
@keyframes hfj-word-flight{0%{opacity:0;transform:translate(var(--fly-x,0),var(--fly-y,0)) rotate(var(--fly-turn,0deg)) scale(.75);filter:blur(5px)}72%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1.035);filter:blur(0)}100%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1);filter:blur(0)}}
@keyframes hfj-logo-arrive{from{opacity:0;transform:scale(.45) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes hfj-continue-arrive{from{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}
@keyframes hfj-intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hfj-onair{50%{border-color:#ffc4c8;box-shadow:0 0 20px #ff173ba8,0 0 46px #ff173b6b,0 0 75px #ff173b24,inset 0 0 20px #ff89906e;text-shadow:0 0 10px #fff,0 0 18px #ffe3e6}}
@keyframes hfj-radio-wave{0%{opacity:0;transform:scale(.04)}12%{opacity:.95}75%{opacity:.42}100%{opacity:0;transform:scale(5.5)}}
@keyframes hfj-antenna-light{50%{fill:#fff;filter:drop-shadow(0 0 20px #0dd3ff)}}
@media(max-width:650px){
 .welcome-intro-shell{gap:1.1rem;padding:1.25rem;min-height:100%;align-content:center}
 .welcome-intro-brand{gap:.85rem;flex-direction:column;text-align:center}.welcome-intro-brand>img{width:110px;height:110px}
 .welcome-intro-name{font-size:clamp(1.8rem,6.9vw,2.6rem)}
 .welcome-intro-scene{opacity:.72}.welcome-intro-wash{background:linear-gradient(90deg,#f4f9fccf,#edf7fb77)}
 .welcome-intro-stats{grid-template-columns:1fr;gap:.6rem}
 .welcome-intro-stat{grid-template-columns:6.3rem minmax(0,1fr);column-gap:1rem;align-items:center;padding:.7rem 1rem}
 .welcome-intro-over{grid-column:1;font-size:.75rem;line-height:1}
 .welcome-intro-stat:first-child .welcome-intro-over{display:none}
 .welcome-intro-stat strong{grid-column:1;font-size:2.3rem;letter-spacing:-.045em}
 .welcome-intro-stat>span:last-child{grid-column:2;grid-row:1 / span 2;font-size:1rem}
 .welcome-intro-finale{font-size:1.7rem}
}
@media(max-height:550px) and (min-width:651px){.welcome-intro-shell{padding-block:1rem;gap:.8rem}.welcome-intro-brand>img{width:96px;height:96px}.welcome-intro-name{font-size:2rem}.welcome-intro-stat{padding:.7rem 1rem}.welcome-intro-stat strong{font-size:3rem}.welcome-intro-finale{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.welcome-intro[open],.welcome-intro *{animation:none!important}.welcome-intro-progress{display:none}.welcome-intro-wave{opacity:0}.welcome-intro-onair{box-shadow:0 0 18px #fa173a55}}
@media print{.welcome-intro{display:none!important}}