/* Fixed75 — landing hero alignment and overflow correction */
.landing-class-hero{
  container-type:inline-size;
}
.landing-brand-layout{
  grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(20px,2.4vw,34px)!important;
  width:100%;
  max-width:100%;
}
.brand-symbol-stage,
.brand-copy{
  min-width:0;
}
.brand-symbol-hero{
  width:min(100%,360px)!important;
}
.brand-copy{
  width:100%;
  max-width:610px;
  padding-right:0!important;
  justify-self:center;
}
.brand-copy h1{
  font-size:clamp(44px,5.05vw,78px)!important;
  letter-spacing:.055em!important;
  white-space:normal;
  overflow-wrap:normal;
}
.brand-copy h1 span{
  letter-spacing:.18em!important;
  padding-left:.18em;
}
.brand-copy .brand-tagline{
  letter-spacing:.31em!important;
}

/* Keep the two landing columns inside the visible viewport. */
.landing-shell{
  width:min(1380px,100%)!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,440px)!important;
}

@media(max-width:1240px){
  .landing-class-hero{padding:42px 38px!important}
  .landing-brand-layout{grid-template-columns:minmax(170px,.62fr) minmax(0,1.38fr)!important;gap:20px!important}
  .brand-symbol-hero{width:min(100%,300px)!important}
  .brand-copy h1{font-size:clamp(42px,5vw,66px)!important}
  .brand-copy .brand-description{font-size:16px!important}
}

/* Switch to a stacked layout before the title or login card can be clipped. */
@media(max-width:1080px){
  .landing-shell{
    grid-template-columns:1fr!important;
    max-width:780px!important;
  }
  .landing-class-hero{min-height:auto!important}
  .landing-brand-layout{
    grid-template-columns:1fr!important;
    text-align:center;
  }
  .brand-copy{order:1;max-width:650px;margin-inline:auto}
  .brand-symbol-stage{order:2;min-height:280px!important}
  .brand-symbol-hero{width:min(58vw,280px)!important}
  .brand-copy .brand-description{margin-inline:auto}
  .brand-feature-row{justify-content:center}
}

@media(max-width:620px){
  .brand-copy h1{font-size:clamp(38px,12vw,50px)!important;letter-spacing:.025em!important}
  .brand-copy h1 span{letter-spacing:.12em!important;padding-left:.12em}
  .brand-copy .brand-tagline{letter-spacing:.20em!important}
}