/* Kinetic landing: small tool-side fixes on top of the kit's landing.css (linked by build_site.py). */
/* the Get cards' long button labels wrap on a 360 px phone instead of pushing the page sideways */
.gcard{min-width:0}
.gcard .cta .btn{white-space:normal;height:auto;min-height:40px;padding-block:9px;text-align:center;line-height:1.25}

/* Anchored sections clear the sticky header (vault 14 Nov: the header covered the gallery's filter chips) */
html { scroll-padding-top: 76px; }

/* The H1 spans both hero columns on wide screens so it sits on two lines (vault 15 Nov: 4 lines at 1440 beside the
   demo); the copy is unchanged. Below 1000 px the kit's stacked layout stays. */
@media (min-width:1000px){
  .hero.band .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto auto auto auto auto 1fr;column-gap:44px;row-gap:0;align-items:start}
  .hero.band .wrap>div:first-child{display:contents}
  .hero.band .badge{grid-column:1/-1;grid-row:1;justify-self:start}
  .hero.band h1{grid-column:1/-1;grid-row:2;font-size:clamp(42px,4.3vw,64px);max-width:none;margin-bottom:22px}
  .hero.band .lead{grid-column:1;grid-row:3;margin-top:6px}
  .hero.band .cta{grid-column:1;grid-row:4}
  .hero.band .hero-note{grid-column:1;grid-row:5}
  .hero.band .demo{grid-column:2;grid-row:3/span 4;align-self:start}
}