/* Mobile presentation and visible motion; content remains readable without JavaScript. */
.sdf-motion-control{position:fixed;inset:auto auto 16px 16px;color:#fff;background:#004d44e8;z-index:25;font:12px system-ui;padding:10px 14px;border:1px solid #ffffff40;border-radius:99px;backdrop-filter:blur(12px)}
@media(max-width:700px){
 .site-header{background:rgba(0,54,47,.88);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:0 8px 32px #002d2420}
 .hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 25%,#096755,transparent 62%),radial-gradient(ellipse at 0 95%,#ee982b24,transparent 55%),#003d36}
 .hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 55%,#ee982b2b,transparent 45%);animation:sdf-mobile-light 9s ease-in-out infinite alternate}
 .hero-grid{gap:26px;padding-block:30px 40px}.hero-copy h1{font-size:clamp(3.7rem,17vw,7rem);line-height:.94;letter-spacing:-.025em;overflow-wrap:anywhere}.hero-copy .eyebrow{font-size:.68rem;letter-spacing:.11em}
 .hero-intro{display:block}.hero-description{max-width:100%;font-size:1rem;line-height:1.65}.hero-actions{gap:14px;margin-top:22px;align-items:flex-start;flex-wrap:wrap}.hero-actions .button{min-height:48px;padding:14px 20px;border-radius:99px}
 .hero-art.official-brand{width:min(86%,340px);margin:16px auto 26px;filter:drop-shadow(0 20px 26px #001e2445)}.logo-core{animation:sdf-mobile-float 6s ease-in-out infinite}.hero-art img{max-width:100%;object-fit:contain}.hero-art .motion-toggle{font-size:.68rem;min-height:36px}
 .music-player{background:linear-gradient(130deg,#ffffff18,#ffffff08);border:1px solid #ffffff36;border-radius:20px;box-shadow:0 18px 42px #001e2430,inset 0 1px #ffffff18;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:18px}.music-heading{gap:8px}.music-status{font-size:.7rem;max-width:150px;text-align:right}.audio-toggle{min-width:48px;min-height:48px;border-radius:50%}.custom-audio{gap:10px}
 .home-links{display:grid;grid-template-columns:1fr;gap:14px;border:0}.home-links>a{position:relative;min-height:154px;padding:26px;border:1px solid #004d4422;border-radius:22px;background:linear-gradient(135deg,#f1f7f4,#fff);box-shadow:0 14px 32px #004d440c;overflow:hidden}.home-links>a:first-child{background:linear-gradient(130deg,#005f50,#003d36);color:white;border-color:#ffffff24}.home-links>a h3{font-size:clamp(2.6rem,12vw,3.5rem);line-height:1.05}.home-links>a span{font-size:.7rem;letter-spacing:.08em}.home-links>a:active{scale:.985}.home-links>a:focus-visible{outline:3px solid #ee982b;outline-offset:3px}
 .trajectory-stats{background:linear-gradient(125deg,#004d44,#002f29);color:#fff;border:1px solid #ffffff25;border-radius:24px;padding:24px;gap:20px;box-shadow:0 20px 40px #004d441f}.trajectory-stats strong{color:#ffb755;font-size:clamp(3rem,12vw,4.5rem)}.trajectory-stats span{color:#e7f1ec}.trajectory-stats>div+div{border-color:#ffffff30}.trajectory-stats>div:nth-child(2) strong{font-size:clamp(1.8rem,7.5vw,3rem);padding-top:20px}
 .section-heading h2,.cms-editorial h2{font-size:clamp(2.5rem,11vw,3.8rem);line-height:1.03}.section{padding-block:58px}.work-grid article,.feature-card,.support-card{border-radius:22px;box-shadow:0 14px 35px #004d4412}.support-card{padding:24px;background:#f8fbf9;border:1px solid #004d441a}.donation-card{background:linear-gradient(130deg,#00584a,#003d36);color:#fff}.map-shell,.statutes-card{border-radius:22px;box-shadow:0 16px 40px #004d4415}
 .music-dock{transform:none;left:12px;right:auto;bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 110px);border-radius:18px;background:#003d36e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffff36}.music-dock strong{font-size:.8rem}.music-dock small{font-size:.66rem}.sdf-guide{--bird-size:84px!important;bottom:max(14px,env(safe-area-inset-bottom));right:10px}.sdf-guide-badge{font-size:10px;padding:5px 8px}.sdf-guide-motion{width:28px;height:28px}.sdf-motion-control{bottom:112px}
 .motion-paused .hero:before,.motion-paused .logo-core{animation-play-state:paused!important}
}
@keyframes sdf-mobile-light{from{opacity:.4;translate:-3% 0}to{opacity:1;translate:3% -2%}}
@keyframes sdf-mobile-float{0%,100%{translate:0 0;rotate:-.4deg}50%{translate:0 -8px;rotate:.4deg}}
@media(prefers-reduced-motion:reduce){.hero:before,.logo-core{animation:none!important}.home-links>a:active{scale:1}}

@media(max-width:700px){body:has(.sdf-guide[data-side=left]) .music-dock{left:auto;right:12px}.sdf-guide[data-side=left]{left:10px;right:auto}}

.sdf-playlist-controls{display:flex;gap:8px;align-items:center;margin-top:14px}.sdf-playlist-controls button,.sdf-playlist-controls select{min-height:44px;background:#003d36;color:#fff;border:1px solid #ffffff45;border-radius:12px;padding:8px 12px;font:inherit}.sdf-playlist-controls select{min-width:0;flex:1}.sdf-playlist-controls button:focus-visible,.sdf-playlist-controls select:focus-visible{outline:3px solid #ee982b}@media(max-width:700px){.sdf-playlist-controls{flex-wrap:wrap}}
@media(min-width:701px){.music-player,.support-card,.feature-card,.cms-editorial{box-shadow:0 16px 44px #003d3614}.music-player{backdrop-filter:blur(12px)}.home-links>a{transition:background-color .3s,color .3s,box-shadow .3s,transform .3s}}@media(hover:hover) and (pointer:fine){.home-links>a:hover,.support-card:hover{box-shadow:0 20px 55px #003d3628;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.home-links>a{transition:none}.home-links>a:hover,.support-card:hover{transform:none}}
