/* A consistent tactile art direction: cobalt, lime and polished chrome. */
.g-art{pointer-events:none;user-select:none;object-fit:cover}
.variant-d .catalog-view>.g-home-hero{grid-column:1/-1;position:relative;isolation:isolate;overflow:hidden;min-height:230px;margin:0 0 14px;padding:32px 38px;border-radius:22px;background:#f8f9fb;border:1px solid #fff;box-shadow:0 10px 32px #25355607}
.g-home-hero>div{position:relative;z-index:1;max-width:65%}
.variant-d .g-home-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.07;letter-spacing:-.05em;max-width:700px}
.variant-d .g-home-hero .eyebrow{display:block;margin-bottom:18px}
.variant-d .g-home-hero .scale-caption{font-size:16px;max-width:500px;margin-top:15px}
.g-home-art{position:absolute;right:-4%;top:-23%;width:60%;height:145%;object-position:70% 54%;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.variant-d .catalog-view>.catalog-toolbar{grid-column:1/-1;grid-row:2;margin:0 0 4px}
.variant-d .catalog-view>.knowledge-shortcuts{grid-row:3;margin:0 0 13px;gap:5px 24px}
.g-broadcast-panel{position:relative;isolation:isolate;overflow:hidden;background:#10182d!important;color:#fff!important;min-height:285px;border-radius:0 16px 16px 0}
.g-broadcast-art{position:absolute;z-index:-1;inset:0 0 0 auto;width:100%;height:100%;object-position:76% 50%;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 82%)}
.g-broadcast-panel>p,.g-broadcast-panel>h3,.g-broadcast-panel>button,.g-broadcast-panel>a{position:relative;z-index:1}
.g-broadcast-panel>h3{max-width:260px;text-shadow:0 2px 15px #10182d}
.g-broadcast-panel>p{font-size:11px!important;letter-spacing:.06em}
.g-broadcast-panel>button{max-width:240px;background:#d0ff62!important;color:#13231d!important;border-color:#d0ff62!important}
.g-broadcast-panel>a{color:#fff!important;text-shadow:0 1px 8px #000}
.g-community-panel{position:relative;overflow:hidden;isolation:isolate;display:block;padding:34px 36px;min-height:290px;border-radius:20px;background:#f6f7fb;border:1px solid #e0e5ee}
.g-community-panel>div,.g-community-panel>p{position:relative;max-width:58%;z-index:1}
.g-community-panel>p{font-size:16px;line-height:1.7;margin-bottom:0}
.g-community-panel h2{font-size:clamp(32px,3.6vw,48px)}
.g-community-art{position:absolute;z-index:0;inset:-12% -6% -12% auto;width:64%;height:124%;object-position:72% 50%;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.cover{position:relative;overflow:hidden;isolation:isolate;flex-shrink:0}
.g-station-logo{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:inherit;pointer-events:none}
.variant-d .station-hero.g-station-hero{background:#f8f9fb;min-height:265px}
.g-station-art{position:absolute;z-index:-1;inset:-12% -3% -12% auto;width:52%;height:124%;object-position:70% 50%;mask-image:linear-gradient(90deg,transparent,#000 50%);opacity:.76}
.variant-d .station-hero.g-created-hero{background:#e9edfc}
.g-created-hero .g-station-art{opacity:.21;mask-image:linear-gradient(90deg,transparent,#000)}
.g-station-hero>.station-identity{max-width:calc(100% - 210px)}
.g-station-hero .station-identity h1{overflow-wrap:anywhere;text-wrap:balance}
.g-station-hero .station-buttons{flex-wrap:wrap}
.variant-d .seo-hero.g-guide-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e4e8f0;border-radius:22px;background:#f8f9fb;padding:36px;min-height:285px}
.g-guide-art{position:absolute;z-index:-1;inset:0 -4% 0 auto;width:54%;height:100%;object-position:70% 50%;mask-image:linear-gradient(90deg,transparent,#000 55%)}
.g-guide-hero>*:not(.g-art){max-width:68%}
.variant-d .seo-hero.g-guide-broadcast{background:#10182d;color:#fff;border-color:#1d2a45}.g-guide-broadcast .g-guide-art{opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 80%)}
.g-guide-broadcast .seo-lead,.g-guide-broadcast .seo-reading-time{color:#d1d8e7}.g-guide-broadcast .eyebrow{color:#cfff60}.g-guide-broadcast h1{text-shadow:0 2px 18px #10182d}
.g-guide-broadcast .primary-button{background:#d0ff62;color:#152418;border-color:#d0ff62}.g-guide-broadcast .secondary-button{background:#ffffff0c;border-color:#ffffff50;color:#fff}
.g-guide-hero .seo-atmosphere{display:none}
@media(prefers-reduced-motion:no-preference){body:not(.motion-off):not(.g-away):not(.page-away) .g-home-art,body:not(.motion-off):not(.g-away):not(.page-away) .g-community-art{animation:art-float 14s ease-in-out infinite alternate}@keyframes art-float{from{transform:translate3d(0,0,0) rotate(-1deg)}to{transform:translate3d(-7px,-5px,0) rotate(1deg)}}}
@media(max-width:1180px){.g-broadcast-panel{display:block;border-radius:0 0 16px 16px;min-height:260px}.g-broadcast-art{width:62%;object-position:70% 50%}.g-broadcast-panel>h3{font-size:29px}.g-broadcast-panel>button{width:240px}.g-broadcast-panel>a{display:block;width:max-content;margin-top:14px}.g-station-hero>.station-identity{max-width:calc(100% - 165px)}}
@media(max-width:760px){
 .variant-d .catalog-view>.g-home-hero{min-height:170px;margin-bottom:14px;padding:22px 20px;border-radius:16px}
 .g-home-hero>div{max-width:76%}.variant-d .g-home-hero h1{font-size:32px;max-width:220px;line-height:1.06}
 .variant-d .g-home-hero .eyebrow{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:11px}
 .variant-d .g-home-hero .scale-caption{max-width:195px;font-size:12px;line-height:1.5;margin-top:10px}
 .g-home-art{width:88%;height:115%;right:-27%;top:-4%;object-position:72% 50%;mask-image:linear-gradient(90deg,transparent,#000 34%)}
 .variant-d .catalog-view>.catalog-toolbar{margin-bottom:4px}.variant-d .catalog-view>.knowledge-shortcuts{gap:0 17px;margin-bottom:12px;font-size:12px}
 .g-community-panel{padding:25px 22px 155px;min-height:0}.g-community-panel>div,.g-community-panel>p{max-width:100%}.g-community-panel h2{font-size:32px}.g-community-panel>p{font-size:15px;margin-top:16px}
 .g-community-art{inset:auto -5% -65px auto;width:100%;height:260px;object-position:65% 65%;mask-image:linear-gradient(0deg,#000 55%,transparent)}
 .g-broadcast-art{width:85%;opacity:.7;right:-8%;mask-image:linear-gradient(90deg,transparent,#000 90%)}
 .g-broadcast-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10182d80 40%,#10182d60 70%,transparent);z-index:0;pointer-events:none}
 .g-broadcast-panel{min-height:280px}.g-broadcast-panel>h3{font-size:27px;max-width:240px}.g-broadcast-panel>p{max-width:210px}
 .variant-d .station-hero.g-station-hero{min-height:0}.g-station-art{width:85%;height:180px;inset:0 -12% auto auto;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 70%)}
 .g-created-hero .g-station-art{opacity:.22}.g-station-hero>.station-identity{max-width:100%}
 .variant-d .seo-hero.g-guide-hero{padding:24px 22px 145px;min-height:0;border-radius:16px}
 .g-guide-hero>*:not(.g-art){max-width:100%}.g-guide-art{inset:auto -6% -65px auto;width:95%;height:240px;object-position:70% 70%;mask-image:linear-gradient(0deg,#000 48%,transparent)}
 .g-guide-broadcast .g-guide-art{opacity:.9;mask-image:linear-gradient(0deg,#000 45%,transparent)}.g-guide-hero .seo-actions{position:relative;z-index:1}
 .variant-d .catalog-types{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-d .catalog-types button{white-space:normal;min-width:0}
 .home-news-heading{flex-wrap:wrap;gap:12px}.home-news-heading>div{min-width:0}.home-news-heading h2{overflow-wrap:anywhere}
}
@media(max-width:370px){.variant-d .app-header .brand>b{display:none}html .variant-d .app-header .header-tools{gap:4px}.g-home-art{width:80%;right:-31%;opacity:.68}.variant-d .g-home-hero .scale-caption{max-width:175px}.variant-d .catalog-types button{font-size:11px;padding:7px 6px}}
@media(prefers-reduced-motion:reduce){.g-art{animation:none!important}}