/* V76: Unified mobile campus photography and restrained mobile branding.
   Desktop campus scenes and marketplace cards remain unchanged. */
.campus-mobile-image{display:none}
@media(max-width:650px){
  /* The wordmark remains the supplied original graphic, just a little smaller. */
  .site-header .header-inner>.brand.brand-collegiate,
  .site-header .header-inner>.brand{width:min(174px,46vw)!important;margin-left:15px!important}

  /* Every storefront gets the same uncluttered, full-width mobile image treatment. */
  .campus-page .university-hero{
    position:relative;height:auto!important;min-height:0!important;
    width:100%;aspect-ratio:1.85 / 1;border-radius:14px!important;
    background:#e8e6e2;isolation:isolate;overflow:hidden;
  }
  .campus-page .university-hero>img.university-photo{
    display:block;width:100%;height:100%;object-fit:cover!important;
    object-position:center 46%;max-width:none;
  }
  .campus-page .university-hero::after{display:none!important}
  .campus-page .university-hero .university-hero-label,
  .campus-page .university-hero .campus-portrait-inset{display:none!important}
  .campus-page .university-hero .generic-image-note{
    top:auto;bottom:8px;right:9px;left:auto;z-index:4;
    font-size:9px;letter-spacing:.01em;padding:6px 9px;
    background:rgba(11,28,45,.78);color:#fff;border-radius:7px;
  }

  /* Portrait/source-graphic assets: show the complete ORIGINAL upright,
     rather than a badly cropped portrait or competing inset / title overlay. */
  .campus-page .university-hero.campus-portrait-hero>img.university-photo,
  .campus-page .university-hero.campus-portrait-hero .generic-image-note{display:none!important}
  .campus-page .university-hero.campus-portrait-hero .campus-mobile-image{
    position:absolute;inset:0;display:grid;place-items:center;isolation:isolate;
    overflow:hidden;background:#26364c;
  }
  .campus-page .campus-mobile-image>img.campus-mobile-backdrop{
    position:absolute;inset:-22px;display:block;width:calc(100% + 44px);height:calc(100% + 44px);
    max-width:none;object-fit:cover!important;object-position:center;
    filter:blur(17px) brightness(.60);opacity:.78;transform:scale(1.05);z-index:-1;
  }
  .campus-page .campus-mobile-image>img.campus-mobile-foreground{
    position:relative;display:block;height:100%;width:100%;object-fit:contain!important;
    object-position:center;max-width:100%;z-index:1;filter:none;
  }

  /* The institution's name and badge appear only once BELOW the image. */
  .campus-page .shop-summary{
    display:grid!important;grid-template-columns:46px minmax(0,1fr);
    align-items:start!important;column-gap:12px;row-gap:8px;
    margin:15px 0 20px!important;padding:0 0 17px!important;
    border-bottom:1px solid #e8e9ec;
  }
  .campus-page .shop-summary .shop-logo{
    grid-column:1;grid-row:1;width:46px!important;height:46px!important;
    min-width:0;margin:1px 0 0;padding:5px;box-shadow:none;
    align-self:start;
  }
  .campus-page .shop-summary>div:nth-child(2){grid-column:2;grid-row:1;min-width:0}
  .campus-page .shop-summary .kicker{font-size:9px;line-height:1.3;letter-spacing:.08em;margin-bottom:4px}
  .campus-page .shop-summary h1{
    font-size:clamp(23px,6.3vw,29px)!important;line-height:1.12!important;
    margin:2px 0 6px!important;letter-spacing:-.025em;
    overflow-wrap:break-word;color:#0A2348;
  }
  .campus-page .shop-summary p{font-size:12px;line-height:1.5;color:#66707b}
  .campus-page .shop-summary .shop-disclaimer{
    font-size:10px;line-height:1.55;margin-top:7px;color:#796c53
  }
  .campus-page .shop-summary .shop-count{
    grid-column:2;grid-row:2;justify-self:start;margin:0!important;
    text-align:left;font-size:10px;line-height:1.2;white-space:normal;
    background:#f3f5f7;border-radius:7px;padding:6px 10px;color:#0A2348;
  }
  .campus-page .campus-intro{margin-top:13px}
  .campus-page .campus-intro h2{font-size:clamp(23px,6.2vw,29px);line-height:1.15}
}
@media(max-width:365px){
  .site-header .header-inner>.brand.brand-collegiate,
  .site-header .header-inner>.brand{width:min(155px,44vw)!important;margin-left:11px!important}
  .campus-page .shop-summary{grid-template-columns:40px minmax(0,1fr);column-gap:10px}
  .campus-page .shop-summary .shop-logo{width:40px!important;height:40px!important}
}