#supporters .supporter-section{display:block}
#supporters .supporter-intro{max-width:860px;margin-bottom:30px}
#supporters .supporter-intro h2{margin-bottom:16px}
#supporters .supporter-intro p:last-child{margin-bottom:0}
#supporters .supporter-carousel{width:100%;max-width:none;min-width:0}
#supporters .supporter-spotlights{gap:18px}
#supporters #supporter-track{position:relative;display:flex;flex-wrap:nowrap;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:8px;scroll-behavior:smooth;padding:8px;scrollbar-width:thin;scrollbar-color:#c99a58 transparent;-webkit-overflow-scrolling:touch}
#supporters #supporter-track>.spotlight{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;align-self:stretch}
#supporters .spotlight{position:relative;min-height:250px;padding:34px 38px;border-radius:24px;overflow:hidden;background:linear-gradient(140deg,#fffaf3,#f1deca);border:1px solid #d4b48f;box-shadow:0 12px 28px rgba(70,35,16,.06)}
#supporters .bob-spotlight{border-top:1px solid #d4b48f}
.spotlight-portrait{float:left;position:relative;border:0;background:transparent;width:150px;height:150px;border-radius:50%;padding:0;margin:2px 30px 12px -2px;cursor:pointer;isolation:isolate}
.spotlight-portrait::before{content:"";position:absolute;inset:-5px;border:1px solid #c99a58;border-radius:50%;transform:rotate(-15deg);z-index:-1}
.spotlight-portrait::after{content:"";position:absolute;inset:4px -9px -9px 4px;background:#d8ad79;border-radius:50%;z-index:-2;opacity:.3}
.spotlight-portrait img{width:100%;height:100%;object-fit:contain;border-radius:50%;transition:transform .2s}
.spotlight-portrait:hover img{transform:scale(1.025)}
#supporters .spotlight .tag{font-size:.65rem;letter-spacing:.1em;margin-top:6px}
#supporters .spotlight h3{font-size:2rem;margin:0 0 8px}
#supporters .spotlight-role{font-size:.9rem;font-weight:700;margin:0 0 12px;line-height:1.45}
#supporters .spotlight-thanks{clear:none;padding-top:0;margin:8px 0 18px;font-size:.98rem}
.spotlight-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.spotlight-meet{background:#24150f;color:#fffaf3;border:1px solid #24150f;border-radius:999px;min-height:42px;padding:9px 18px;cursor:pointer;font-family:inherit;font-weight:700;font-size:.8rem;line-height:1.4}
.spotlight-links a{font-size:.85rem;text-underline-offset:4px}
.supporter-controls{display:flex;align-items:center;gap:12px;padding:12px 8px 0}
.supporter-controls>button{height:36px;min-width:36px;border:1px solid #bda38b;border-radius:999px;background:transparent;color:#17100d;font:inherit;cursor:pointer}
.supporter-controls>button:not(#supporter-pause){font-size:1.4rem;line-height:1}
.supporter-controls #supporter-pause{padding:4px 14px;font-size:.8rem;margin-left:auto}
.supporter-dots{display:flex;gap:8px}
.supporter-dot{width:9px;height:9px;padding:0;border:1px solid #a94f27;background:transparent;border-radius:50%;cursor:pointer}
.supporter-dot[aria-pressed=true]{background:#a94f27}
.supporter-count{font-size:.75rem;color:#725f54}
.supporter-carousel:focus-visible,#supporter-track:focus-visible{outline:3px solid #c99a58;outline-offset:3px}
.supporter-cloud-wrap{margin-top:38px;padding-top:28px;border-top:1px solid #e5d4c2}
.supporter-cloud-label{margin-bottom:10px}
.supporter-cloud-summary{margin:0 0 20px}
.supporter-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px 20px;min-height:88px;padding:4px 0 22px;text-align:center}
.supporter-cloud-name{font-family:Georgia,serif;color:#a94f27;line-height:.95;white-space:nowrap;transition:font-size .35s ease,transform .2s ease,opacity .3s ease}
.supporter-cloud-name:hover{transform:translateY(-2px)}
.supporter-cloud-name.tier-1{font-size:clamp(1.05rem,1.8vw,1.35rem);opacity:.8}
.supporter-cloud-name.tier-2{font-size:clamp(1.3rem,2.3vw,1.75rem);opacity:.88}
.supporter-cloud-name.tier-3{font-size:clamp(1.7rem,3vw,2.35rem)}
.supporter-cloud-name.tier-4{font-size:clamp(2.25rem,4vw,3.25rem)}
.supporter-cloud-name.tier-5{font-size:clamp(3.15rem,5.6vw,4.75rem);font-weight:700}
.supporter-cloud-dot{color:#d4b48f;font-size:1.05rem;line-height:1}
.supporter-cloud-note{max-width:760px;margin:0 auto;text-align:center}
.spotlight-dialog{padding:0;background:#fffaf3;color:#17100d;border:1px solid #c99a58;border-radius:22px;width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 100px);overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.spotlight-dialog::backdrop{background:rgba(23,16,13,.8)}
.spotlight-dialog-inner{padding:38px 34px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#eed7bb,transparent 55%)}
.spotlight-dialog-photo{width:210px;height:210px;object-fit:contain;border-radius:50%;margin:0 auto 24px;padding:6px;border:1px solid #c99a58}
.spotlight-dialog h3{font-size:2.4rem;margin-bottom:10px}
.spotlight-dialog .tag{margin:0 0 16px}
.spotlight-dialog p{max-width:520px;margin:14px auto 22px}
.spotlight-dialog-close{display:block;margin:14px 14px 0 auto;padding:8px 15px;border:1px solid #bda38b;border-radius:999px;background:transparent;font:inherit;cursor:pointer}
.spotlight-dialog .button{font-size:.9rem}
@media(max-width:720px){#supporters .supporter-intro{margin-bottom:24px}#supporters .spotlight{padding:28px 24px;min-height:0}.spotlight-portrait{float:none;width:118px;height:118px;margin:0 auto 20px;display:block}#supporters .spotlight .tag,#supporters .spotlight h3,#supporters .spotlight-role{text-align:center}#supporters .spotlight-thanks{clear:both;text-align:left}.spotlight-links{justify-content:center}.supporter-controls{gap:10px}.supporter-cloud-wrap{margin-top:30px;padding-top:24px}.supporter-cloud{gap:8px 13px;min-height:70px}.supporter-cloud-name.tier-5{font-size:clamp(2.5rem,13vw,3.4rem)}.supporter-cloud-name.tier-4{font-size:clamp(1.95rem,10vw,2.7rem)}.supporter-cloud-name.tier-3{font-size:clamp(1.55rem,8vw,2.1rem)}.spotlight-dialog-inner{padding:24px 22px 32px}.spotlight-dialog-photo{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.spotlight-portrait img,.supporter-cloud-name{transition:none}#supporters #supporter-track{scroll-behavior:auto}}

/* Summit spotlight: clear details alongside the established portrait treatment. */
#supporters .spotlight-event{font-size:.9rem;line-height:1.6;margin:0 0 20px}
#supporters .tish-wendy-spotlight .spotlight-links{clear:both}
@media(max-width:720px){#supporters .spotlight-event{clear:both}}