@media(max-width:650px){
  .groupPage .groupHero{padding:12px 0 24px}
  .groupPage .groupHeroPath{font-size:11px;margin-bottom:14px}
  .groupPage .groupHeroGrid{grid-template-columns:minmax(0,1fr);gap:0;isolation:isolate;border-radius:25px;overflow:hidden;box-shadow:0 14px 32px #21112d20}
  .groupPage .groupHeroCopy,.groupPage .groupHeroVisual{grid-area:1/1;min-width:0}
  .groupPage .groupHeroVisual{z-index:0;min-height:100%;border-radius:0;padding:18px;box-shadow:none}
  .groupPage .groupHeroVisual .admin-group-photo{object-position:center 25%}
  .groupPage .groupHeroVisual .admin-group-shade{background:linear-gradient(180deg,#08071320 0%,#08071330 28%,#080713ad 52%,#080713f2 100%)}
  .groupPage .groupHeroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#080713a6 65%,#080713ed);pointer-events:none}
  .groupPage .groupHeroVisual.has-group-photo:after{display:none}
  .groupPage .groupHeroVisualHead{align-self:stretch;font-size:10px}
  .groupPage .groupHeroVisualFoot{display:none}
  .groupPage .groupHeroCopy{z-index:1;align-self:end;justify-content:flex-end;padding:185px 20px 22px;color:#fff;pointer-events:none}
  .groupPage .groupHeroEyebrow{font-size:10px;letter-spacing:.06em;padding:7px 10px;background:#ffffff22;border:1px solid #ffffff40;color:#fff;backdrop-filter:blur(8px)}
  .groupPage .groupHeroCopy h1{font-size:clamp(30px,8.5vw,42px);line-height:1.06;letter-spacing:-.04em;color:#fff;margin:13px 0 10px;text-shadow:0 2px 14px #0006}
  .groupPage .groupHeroCopy p{font-size:13px;line-height:1.55;color:#ffffffe0;margin:0;max-width:36em}
  .groupPage .groupHeroStats{gap:7px;margin:16px 0}
  .groupPage .groupHeroStats span{padding:7px 9px;font-size:10px;color:#ffffffd9;background:#ffffff14;border-color:#ffffff33;border-radius:10px;backdrop-filter:blur(6px)}
  .groupPage .groupHeroStats b{font-size:14px;color:#fff}
  .groupPage .groupHeroCta{pointer-events:auto;display:flex;justify-content:space-between;width:100%;min-height:46px;padding:12px 16px;background:#fff;color:#342038;border:0;border-radius:13px;font-size:14px;box-shadow:0 6px 18px #0002}
  .groupPage .groupRosterList{gap:10px}
  .groupPage .groupRosterCard{flex:0 0 30%;border-radius:13px}
  .groupPage .groupRosterPortrait{aspect-ratio:4/5}
  .groupPage .groupRosterName{padding:9px 7px 11px;font-size:11px;line-height:1.3}
  .groupPage .groupRosterHeader{margin-bottom:12px}
  .groupPage .groupRoster h2{font-size:23px}
}