/* hero spotlight: pick who you are, see your outcome + one button (f104d9 2026-11-01) */
.sp{margin:22px auto 6px;max-width:1080px;width:100%;min-width:0;text-align:left;box-sizing:border-box}
.sp-chips,.sp-card{min-width:0;max-width:100%}
.sp-k{display:block;text-align:center;font:600 12px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.09em;text-transform:uppercase;color:#f2b04a;margin-bottom:10px}
.sp-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.sp-chip{min-height:46px;padding:10px 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);color:#fff;font:700 15px/1.1 var(--body,"Public Sans",system-ui,sans-serif);cursor:pointer;transition:background .15s,transform .15s}
.sp-chip:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.sp-chip[aria-pressed=true]{background:var(--cta,#f6cf5a);color:var(--cta-ink,#1d1a10);border-color:var(--cta-line,#e2b83c)}
.sp-chip:focus-visible,.sp-go:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sp-card{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;border-radius:18px;overflow:hidden;background:rgba(14,22,16,.78);border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 30px rgba(0,0,0,.28);backdrop-filter:blur(6px)}
.sp-img{position:relative;min-height:230px;background:#10201a}
.sp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;animation:spIn .35s ease both}
.sp-txt{padding:22px 24px;display:flex;flex-direction:column;gap:10px;justify-content:center;color:#fff}
.sp-who{font:600 11px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.08em;text-transform:uppercase;color:#f2b04a}
.sp-h{font:800 clamp(26px,3.4vw,38px)/1.02 var(--display,"Big Shoulders Display","Arial Narrow",sans-serif);text-transform:none;margin:0;text-wrap:balance;color:#fff}
.sp-p{margin:0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.88);max-width:46ch}
.sp-go{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:12px 22px;border-radius:12px;background:var(--cta,#f6cf5a);color:var(--cta-ink,#1d1a10);border:1.5px solid var(--cta-line,#e2b83c);font:800 16px/1 var(--body,"Public Sans",system-ui,sans-serif);text-decoration:none;box-shadow:0 2px 0 rgba(0,0,0,.35)}
.sp-go:hover{filter:brightness(1.06)}
.sp-sub{font-size:13px;color:rgba(255,255,255,.7)}
@keyframes spIn{from{opacity:0;transform:scale(1.03)}}
@media (max-width:720px){
 .sp{overflow:hidden}
 .sp-k{text-wrap:balance}
 .sp-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .sp-chip{white-space:nowrap;flex:none}
 .sp-card{grid-template-columns:1fr}
 .sp-img{min-height:0;aspect-ratio:16/9}
 .sp-txt{padding:16px 16px 18px}
 .sp-go{align-self:stretch;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.sp-img img{animation:none}.sp-chip{transition:none}}