/* /sponsor — sponsorship page. Builds on styles.css + join.css (same palette, fonts, header, footer, form look). */
.s-hero{padding-bottom:58px}
.s-hero h1{font-size:clamp(2rem,8vw,3.2rem)}
.s-hero .sub{font-size:1.1rem;max-width:36rem}
.s-cta{margin-top:22px;background:var(--tan);color:var(--night);font-size:1.08rem;min-height:56px;padding:14px 30px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.s-cta:hover{background:var(--sun2);transform:translateY(-1px)}
.s-body{background:var(--sandL);padding:0 0 30px}
.s-wrap{max-width:1040px}
.s-cards{display:grid;gap:14px;position:relative;margin-top:-30px}
.s-card{background:#fff;border-radius:18px;box-shadow:0 12px 32px rgba(11,42,74,.12);border:1px solid rgba(28,101,175,.1);padding:22px 20px 20px}
.s-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--skyPale);font-size:1.4rem;margin-bottom:10px}
.s-card h2{font-size:1.3rem;color:var(--sky);margin:0 0 .4em}
.s-card p{margin:0;color:var(--ink2);line-height:1.55}
.s-split{display:grid;gap:22px;align-items:center;margin:38px 0 10px}
.s-portrait{width:100%;max-width:300px;height:auto;border-radius:20px;box-shadow:0 12px 32px rgba(11,42,74,.16);margin:0 auto;display:block}
.s-copy h2{color:var(--ink);font-size:clamp(1.6rem,6vw,2.2rem)}
.s-copy .eyebrow{color:var(--tan2)}
.s-copy p{color:var(--ink2);font-size:1.05rem;line-height:1.6;margin:0 0 .9em}
.s-cta2{margin-top:6px}
.s-formsec{padding-top:36px;scroll-margin-top:70px}
.s-formhead{text-align:center;margin:0 0 50px}
.s-formhead h2{color:var(--sky);font-size:clamp(1.8rem,7vw,2.4rem);margin:0 0 .3em}
.s-formhead p{color:var(--ink2);max-width:30rem;margin:0 auto}
.s-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.s-other{text-align:center;margin-top:30px}
.s-other-h{font-weight:700;color:var(--ink);margin:0 0 12px}
.s-other-btns{display:grid;gap:10px;max-width:380px;margin:0 auto}
.s-other-btns .btn{width:100%;font-size:.98rem;white-space:nowrap}
.s-other-btns .ic{width:20px;height:20px;flex:none}
.foot-sp a{color:inherit;font-weight:700}
.top nav .nav-sp[aria-current=page]{background:var(--skyPale)}
@media (min-width:700px){
  .s-cards{grid-template-columns:repeat(3,1fr);margin-top:-40px}
  .s-split{grid-template-columns:300px 1fr;gap:40px;margin-top:56px}
  .s-other-btns{max-width:none;grid-template-columns:repeat(3,auto);justify-content:center}
}