/* MHQ main-site unification v1
   Brings legacy creator/content pages onto the calmer Squad Home visual system.
   Scoped to .premium-site so Arcade and MLBB Lab are untouched. */

/* Shared main-site rhythm */
.premium-site{
  --mhq-main-display:'Barlow Condensed','Arial Narrow',sans-serif;
  --mhq-main-sans:'DM Sans',Arial,sans-serif;
  --mhq-main-white:#f6f5eb;
  --mhq-main-dim:#b4c2d0;
  --mhq-main-line:#2c3e50;
  --mhq-main-surface:#101820;
  --mhq-main-radius:7px;
}

.premium-site main{
  font-family:var(--mhq-main-sans);
}

/* Legacy page heroes now share the Home page proportions and spacing. */
.premium-site main>.hero.container,
.premium-site main>.hero.member-hero.container{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
  gap:clamp(25px,5vw,78px)!important;
  align-items:center!important;
  min-height:0!important;
  padding-top:clamp(30px,4.2vw,66px)!important;
  padding-bottom:clamp(32px,4.2vw,64px)!important;
}

.premium-site main>.hero .hero-content{
  align-self:center!important;
  min-width:0;
}

.premium-site main>.hero .eyebrow{
  margin:0!important;
  min-height:0!important;
  font-family:var(--mhq-main-sans)!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
}

.premium-site main>.hero .hero-content>h1{
  margin:18px 0!important;
  color:var(--mhq-main-white)!important;
  font-family:var(--mhq-main-display)!important;
  font-size:clamp(69px,6.6vw,111px)!important;
  font-weight:800!important;
  line-height:.84!important;
  letter-spacing:-.025em!important;
  text-transform:uppercase!important;
  text-wrap:initial!important;
}

.premium-site main>.hero .hero-content>h1 em{
  font:inherit!important;
  font-style:italic!important;
}

.premium-site main>.hero .hero-description,
.premium-site main>.hero .hero-content>p{
  max-width:45ch!important;
  margin-top:0!important;
  color:var(--mhq-main-dim)!important;
  font-family:var(--mhq-main-sans)!important;
  font-size:clamp(15px,1.15vw,18px)!important;
  line-height:1.57!important;
}

.premium-site main>.hero .hero-actions{
  margin-top:24px!important;
  gap:11px!important;
}

/* Visual cards use the same restrained geometry as the Home crest. */
.premium-site main>.hero .hero-visual{
  min-width:0!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.premium-site main>.hero .portrait,
.premium-site main>.hero .hero-visual>.info-panel,
.premium-site main>.hero .hero-visual>.contact-card{
  border-radius:8px!important;
  overflow:hidden;
  box-shadow:none!important;
}

/* Do not let old entrance/tilt effects make route changes feel like a different site. */
.premium-site .motion-reveal,
.premium-site .motion-reveal.motion-from-left,
.premium-site .motion-reveal.motion-scale,
.premium-site .motion-reveal.is-visible{
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  transition:none!important;
  animation:none!important;
}

.premium-site main>.hero .portrait,
.premium-site main>.hero .portrait-image,
.premium-site main>.hero .hero-sticker{
  transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease!important;
}

/* Shared section rhythm mirrors Squad Home instead of the older oversized gaps. */
.premium-site main>.section.container,
.premium-site main>.community-section,
.premium-site main>.server-connect-section,
.premium-site main>.youtube-recent{
  margin-top:0!important;
  margin-bottom:clamp(34px,4vw,62px)!important;
  padding-top:clamp(20px,2vw,30px)!important;
}

.premium-site main>.section.container{
  border-top:1px solid var(--mhq-main-line);
}

.premium-site .section-heading,
.premium-site .community-heading,
.premium-site .server-connect-heading,
.premium-site .schedule-modern-header{
  align-items:flex-end!important;
  gap:20px!important;
  margin-bottom:21px!important;
}

.premium-site :is(.section-heading,.community-heading,.server-connect-heading,.schedule-modern-header) h2{
  color:var(--mhq-main-white)!important;
  font-family:var(--mhq-main-display)!important;
  font-size:clamp(36px,3.6vw,57px)!important;
  font-weight:800!important;
  line-height:.95!important;
  letter-spacing:-.015em!important;
  text-transform:uppercase!important;
}

.premium-site :is(.section-heading,.community-heading,.server-connect-heading,.schedule-modern-header)>p{
  max-width:34ch!important;
  color:var(--mhq-main-dim)!important;
  font-size:14px!important;
  line-height:1.45!important;
}

/* Normalize the older card language to Home: thin borders, compact radius, no floating/glowing blocks. */
.premium-site :is(.info-panel,.contact-card,.video-card,.schedule-modern-card,.server-edition-card,.premium-stream-card,.feature-card,.member-card){
  border-radius:var(--mhq-main-radius)!important;
  box-shadow:none!important;
}

.premium-site :is(.info-panel,.contact-card,.video-card,.schedule-modern-card,.server-edition-card,.feature-card,.member-card){
  border-color:var(--mhq-main-line)!important;
}

.premium-site :is(.info-panel,.contact-card,.video-card,.server-edition-card,.feature-card){
  background:var(--mhq-main-surface)!important;
}

/* Keep creator/game accent identity through lines, labels and primary actions rather than wildly different geometry. */
.premium-site .game-strip{
  border-top:1px solid var(--mhq-main-line)!important;
  border-bottom:1px solid var(--mhq-main-line)!important;
  box-shadow:none!important;
}

.premium-site .cta-band{
  box-shadow:none!important;
}

/* Stable route-to-route content paint. */
.premium-site #main{
  min-height:60vh;
}

@media(max-width:950px){
  .premium-site main>.hero.container,
  .premium-site main>.hero.member-hero.container{
    gap:24px!important;
  }
  .premium-site main>.hero .hero-content>h1{
    font-size:clamp(65px,8vw,82px)!important;
  }
}

@media(max-width:760px){
  .premium-site main>.hero.container,
  .premium-site main>.hero.member-hero.container{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  }
  .premium-site .section-heading,
  .premium-site .community-heading,
  .premium-site .server-connect-heading,
  .premium-site .schedule-modern-header{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
}

@media(max-width:650px){
  .premium-site main>.hero.container,
  .premium-site main>.hero.member-hero.container{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding-top:23px!important;
    padding-bottom:30px!important;
  }
  .premium-site main>.hero .hero-content>h1{
    margin:13px 0!important;
    font-size:clamp(59px,13.4vw,78px)!important;
  }
  .premium-site main>.hero .hero-description,
  .premium-site main>.hero .hero-content>p{
    font-size:15px!important;
  }
  .premium-site main>.hero .hero-actions{
    margin-top:17px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .premium-site *,
  .premium-site *::before,
  .premium-site *::after{
    scroll-behavior:auto!important;
  }
}