
.founding-band{padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(20px,3vw,40px)}
.founding-band h2{font-size:clamp(26px,3.4vw,44px);line-height:1.08;font-weight:600;letter-spacing:-.04em;margin:16px 0 24px;max-width:28ch}
.founding-band h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.015em}
.founding-cta{margin:28px 0 0}
.founding-line{margin:0 0 16px;max-width:60ch}
.founding-left{margin:0 0 12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.founding-left[hidden],[data-founding-cta][hidden]{display:none}

/* Home, small screens: the Founding 10 website offer and a primary action are on screen one (owner rule 10-30: logic check at 375x812) */
.fstrip,.mbar{display:none}
@media (max-width:760px){
  .fstrip{display:block;position:relative;z-index:1;margin:76px 16px 0;padding:12px 14px;border:1px solid rgba(16,21,33,.2);border-radius:12px;background:rgba(255,255,255,.92);color:#101521;box-shadow:0 10px 30px -18px rgba(16,21,33,.5)}
  .fstrip-t strong{color:#101521}
  .fstrip-t{margin:0 0 10px;font-size:14px;line-height:1.35}
  .fstrip .btn{width:100%;justify-content:center;min-height:46px}
  .fstrip-left{display:inline-block;margin-left:4px;font-weight:700}
  .fstrip-left[hidden],.fstrip[hidden]{display:none}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(8,12,22,.94);border-top:1px solid rgba(255,255,255,.12)}
  .mbar .btn{flex:1;justify-content:center;min-height:48px;padding-left:10px;padding-right:10px;font-size:15px}
  .mbar[hidden]{display:none}
  body{padding-bottom:72px}
  .fstrip:not([hidden]) ~ main .hero{padding-top:12px}
  .fstrip:not([hidden]) ~ main .hero-copy{padding-top:20px}
  .fstrip:not([hidden]) ~ main .hero-art{aspect-ratio:16/5;margin-top:14px}
  .fstrip:not([hidden]) ~ main .ticker{display:none} /* decorative, aria-hidden sample chip: it overlapped the headline once the strip pushed the art up */
}
