/* GALAXISRADIO V91.38 — About page repair only.
   Scoped to .about-page: no effect on Home, Schedule, Team, Contact, Shop, Members or Charts. */

/* Desktop hero copy: keep the original hero artwork visible and place page information in a calm card. */
@media (min-width:1200px){
  .about-page .hero.subpage-home-hero .hero-desktop-copy-v44{
    display:block!important;
    left:3.4%!important;
    top:auto!important;
    bottom:8.5%!important;
    width:min(470px,31vw)!important;
    min-height:0!important;
    padding:10px 14px 11px!important;
    border-radius:13px!important;
    background:rgba(255,248,239,.90)!important;
    border:1px solid rgba(255,255,255,.82)!important;
    box-shadow:0 7px 22px rgba(8,37,86,.13)!important;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }
  .about-page .hero-desktop-copy-v44 > span{
    margin:0 0 3px!important;
    font-size:10px!important;
    line-height:1.15!important;
    letter-spacing:1.45px!important;
  }
  .about-page .hero-desktop-copy-v44 > strong{
    display:block!important;
    margin:0 0 4px!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .about-page .hero-desktop-copy-v44 > b{display:none!important}
  .about-page .hero-desktop-copy-v44 > p{
    display:block!important;
    margin:0!important;
    max-width:none!important;
    font-size:12px!important;
    line-height:1.35!important;
    color:#294969!important;
  }
  .about-page .hero.subpage-home-hero .hero-copy{display:none!important}
}

/* Main About listening feature. */
.about-page .about-main{
  width:min(1220px,calc(100% - 36px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.about-page .about-listen-v8813{
  margin:0 0 18px!important;
  padding:25px!important;
  border-radius:22px!important;
}
.about-page .about-listen-head-v8813{
  max-width:860px;
  margin:0 0 19px;
}
.about-page .about-listen-head-v8813 .small-kicker{
  display:block;
  margin:0 0 7px;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:1.8px;
}
.about-page .about-listen-head-v8813 h2{
  margin:0 0 7px;
  font-size:clamp(27px,2.2vw,37px);
  line-height:1.08;
}
.about-page .about-listen-head-v8813 p{
  margin:0;
  font-size:15px;
  line-height:1.5;
}
.about-page .about-platforms-v8813{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:11px!important;
  margin:0 0 14px!important;
}
.about-page .about-platform-v8813{
  min-width:0!important;
  min-height:126px!important;
  padding:13px 8px 11px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:center!important;
  color:#0b2f68!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.about-page .about-platform-v8813 img{
  display:block!important;
  width:52px!important;
  height:52px!important;
  max-width:52px!important;
  object-fit:contain!important;
  border-radius:11px!important;
  background:#fff!important;
}
.about-page .about-platform-v8813 strong{
  display:block!important;
  margin:1px 0 0!important;
  color:#0b2f68!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
.about-page .about-platform-v8813 span{
  display:block!important;
  color:#5e7390!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:750!important;
}
.about-page .about-facebook-v8813{
  min-height:82px!important;
  padding:13px 17px!important;
  border-radius:17px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  color:#0b2f68!important;
  text-decoration:none!important;
}
.about-page .about-facebook-icon-v8813{
  width:54px!important;
  height:54px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:#eaf2ff!important;
  overflow:hidden!important;
}
.about-page .about-facebook-icon-v8813 img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.about-page .about-facebook-v8813 > span:nth-child(2){
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.about-page .about-facebook-v8813 small{
  color:#ff5f61!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:1.35px!important;
  font-weight:950!important;
}
.about-page .about-facebook-v8813 strong{
  margin-top:4px!important;
  color:#0b2f68!important;
  font-size:16px!important;
  line-height:1.15!important;
}
.about-page .about-facebook-v8813 b{
  margin-top:3px!important;
  color:#617590!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.about-page .about-facebook-v8813 em{
  color:#1479d7!important;
  font-size:25px!important;
  font-style:normal!important;
  font-weight:900!important;
}

/* Keep lower cards aligned cleanly. */
.about-page .about-grid-v31{margin-top:0!important}

@media (min-width:768px) and (max-width:1199px){
  .about-page .about-main{width:min(960px,calc(100% - 24px))!important}
  .about-page .about-listen-v8813{padding:20px!important}
  .about-page .about-platforms-v8813{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .about-page .about-platform-v8813{min-height:112px!important}
}
@media (max-width:767px){
  .about-page .about-main{width:calc(100% - 20px)!important}
  .about-page .about-listen-v8813{padding:17px!important;border-radius:18px!important}
  .about-page .about-listen-head-v8813 h2{font-size:25px!important}
  .about-page .about-listen-head-v8813 p{font-size:14px!important}
  .about-page .about-platforms-v8813{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .about-page .about-platform-v8813{min-height:105px!important;padding:11px 6px!important}
  .about-page .about-platform-v8813 img{width:45px!important;height:45px!important}
  .about-page .about-facebook-v8813{grid-template-columns:46px minmax(0,1fr)!important;padding:12px!important}
  .about-page .about-facebook-icon-v8813{width:46px!important;height:46px!important}
  .about-page .about-facebook-icon-v8813 img{width:36px!important;height:36px!important}
  .about-page .about-facebook-v8813 em{display:none!important}
  .about-page .about-facebook-v8813 strong{font-size:14px!important}
}
