/* DINOGOODS visual refinement — 2026-08-28 */

/* Requested white UI surfaces */
.site-header,
.header-inner,
.mobile-menu,
.mobile-menu-head,
.section-soft{
  background:#ffffff!important;
}

/* Keep the logo/menu bar consistently white while sticky. */
.site-header{
  background:rgba(255,255,255,.98)!important;
}

/* Homepage hero title: both words share exactly the same left content edge. */
.hero h1,
.hero h1 span{
  margin-left:0!important;
  text-align:left!important;
}
.hero h1 span{display:block!important}

/* Footer DINOGOODS: one compact, heavy wordmark instead of widely distributed glyphs. */
.footer-wordmark{
  display:block!important;
  width:100%!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:clamp(54px,15vw,258px)!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  line-height:.78!important;
  white-space:nowrap!important;
  text-align:left!important;
  overflow:hidden!important;
  padding-top:clamp(26px,3.4vw,46px)!important;
  padding-bottom:clamp(12px,1.6vw,20px)!important;
}
.footer-wordmark span{
  display:inline!important;
  flex:none!important;
  font-weight:900!important;
}

@media(max-width:899px){
  .footer-wordmark{
    font-size:clamp(50px,15.2vw,118px)!important;
    letter-spacing:-.045em!important;
  }
}

@media(max-width:520px){
  .footer-wordmark{
    font-size:15vw!important;
    letter-spacing:-.04em!important;
  }
}