.spotlight{--step:clamp(10px, 1.4vw, 20px);--stage:#ef5f9f}.spotlight-stage{background-color:var(--stage);background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:12px 12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"frame""all";row-gap:28px;padding:clamp(36px,5vw,80px) clamp(16px,4.2vw,72px);display:grid;position:relative;overflow:hidden}.spotlight-frame,.spotlight-card{clip-path:polygon(calc(var(--step) * 2) 0, calc(100% - var(--step) * 2) 0, calc(100% - var(--step) * 2) var(--step), calc(100% - var(--step)) var(--step), calc(100% - var(--step)) calc(var(--step) * 2), 100% calc(var(--step) * 2), 100% calc(100% - var(--step) * 2), calc(100% - var(--step)) calc(100% - var(--step) * 2), calc(100% - var(--step)) calc(100% - var(--step)), calc(100% - var(--step) * 2) calc(100% - var(--step)), calc(100% - var(--step) * 2) 100%, calc(var(--step) * 2) 100%, calc(var(--step) * 2) calc(100% - var(--step)), var(--step) calc(100% - var(--step)), var(--step) calc(100% - var(--step) * 2), 0 calc(100% - var(--step) * 2), 0 calc(var(--step) * 2), var(--step) calc(var(--step) * 2), var(--step) var(--step), calc(var(--step) * 2) var(--step))}.spotlight-frame{z-index:1;background:var(--ink);grid-area:frame;width:100%;max-width:1080px;margin:0 auto;padding:3px;position:relative}.spotlight-card{color:var(--ink);text-align:center;background:#fbfaf6;flex-direction:column;justify-content:center;padding:clamp(36px,5vw,72px) clamp(24px,6vw,96px);display:flex;container-type:inline-size}.spotlight-eyebrow{font-family:var(--font-auth);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:0;font-size:clamp(13px,1.1vw,17px);display:flex}.spotlight-tag{background:var(--ink);color:#f6b81c;padding:3px 10px 2px}.spotlight-title{font-family:var(--font-headline);letter-spacing:-.015em;text-transform:uppercase;margin:clamp(16px,2vw,28px) 0 0;font-size:min(132px,10.5cqi);font-weight:900;font-stretch:115%;line-height:.9}.spotlight-blurb{max-width:30ch;font-family:var(--font-question);color:#1b1d22;margin:clamp(16px,2vw,28px) auto 0;font-size:clamp(20px,2vw,32px);font-style:italic;line-height:1.2}.spotlight-details{border-top:1.5px solid var(--ink);justify-content:center;margin:clamp(24px,3vw,44px) 0 0;display:flex}.spotlight-details>div{flex:0 auto;padding:14px clamp(20px,3vw,44px) 0}.spotlight-details>div+div{border-left:1px solid #0b0b0b33}.spotlight-details dt{font-family:var(--font-auth);letter-spacing:.08em;text-transform:uppercase;color:#55585f;font-size:clamp(11px,.9vw,14px)}.spotlight-details dd{font-family:var(--font-headline);text-transform:uppercase;white-space:nowrap;margin:6px 0 0;font-size:clamp(18px,1.8vw,28px);font-weight:800;font-stretch:110%}.spotlight-nav{z-index:1;color:var(--paper,#fbfaf6);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.spotlight-nav-prev{left:clamp(16px,3vw,56px)}.spotlight-nav-next{right:clamp(16px,3vw,56px)}.spotlight-motif{border:3px solid var(--ink);width:clamp(64px,7vw,120px);height:auto;transition:transform .3s cubic-bezier(.3,1.5,.5,1);display:block}.spotlight-nav-prev .spotlight-motif{transform:rotate(-8deg)}.spotlight-nav-next .spotlight-motif{transform:rotate(7deg)}.spotlight-nav:hover .spotlight-motif,.spotlight-nav:focus-visible .spotlight-motif{transform:rotate(0)scale(1.08)}.spotlight-nav:active .spotlight-motif{transform:scale(.94)}.spotlight-nav:focus-visible{outline:none}.spotlight-nav:focus-visible .spotlight-motif{outline-offset:4px;outline:3px solid #f6b81c}.spotlight-nav-label{background:var(--ink);font-family:var(--font-auth);letter-spacing:.08em;text-transform:uppercase;padding:3px 8px 2px;font-size:13px}.spotlight-all{--s:4px;font-family:var(--font-auth), system-ui, sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#1b1d22;clip-path:polygon(calc(var(--s) * 2) 0, calc(100% - var(--s) * 2) 0, calc(100% - var(--s) * 2) var(--s), calc(100% - var(--s)) var(--s), calc(100% - var(--s)) calc(var(--s) * 2), 100% calc(var(--s) * 2), 100% calc(100% - var(--s) * 2), calc(100% - var(--s)) calc(100% - var(--s) * 2), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - var(--s) * 2) calc(100% - var(--s)), calc(100% - var(--s) * 2) 100%, calc(var(--s) * 2) 100%, calc(var(--s) * 2) calc(100% - var(--s)), var(--s) calc(100% - var(--s)), var(--s) calc(100% - var(--s) * 2), 0 calc(100% - var(--s) * 2), 0 calc(var(--s) * 2), var(--s) calc(var(--s) * 2), var(--s) var(--s), calc(var(--s) * 2) var(--s));background:#f6b81c;grid-area:all;justify-self:center;padding:10px 16px 9px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .15s}.spotlight-all:hover{background:#ffc93a}.spotlight-all:focus-visible{color:#f6b81c;background:#1b1d22;outline:none}.spotlight-card.is-from-next{animation:.45s cubic-bezier(.2,.8,.2,1) spotlight-in-next}.spotlight-card.is-from-prev{animation:.45s cubic-bezier(.2,.8,.2,1) spotlight-in-prev}@keyframes spotlight-in-next{0%{opacity:0;transform:translate(36px)}}@keyframes spotlight-in-prev{0%{opacity:0;transform:translate(-36px)}}.spotlight-tag.is-result{color:#fbfaf6;background:#1d58b5}.spotlight-tag.is-live{--s:2px;color:#fff;clip-path:polygon(var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--s), 100% var(--s), 100% calc(100% - var(--s)), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - var(--s)) 100%, var(--s) 100%, var(--s) calc(100% - var(--s)), 0 calc(100% - var(--s)), 0 var(--s), var(--s) var(--s));background:#ef5f9f;align-items:center;gap:7px;display:inline-flex}.spotlight-tag.is-live i{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite spotlight-pulse}@keyframes spotlight-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.spotlight-tag.is-live i{animation:none}}.spotlight-winner{align-items:center;gap:10px;display:inline-flex}.spotlight-winner-badge{width:30px;height:auto}@media (min-width:1280px){.spotlight-card{min-height:560px}}@media (max-width:1279px){.spotlight-stage{grid-template-columns:1fr 1fr;grid-template-areas:"frame frame""prev next""all all";row-gap:24px}.spotlight-nav{flex-direction:row;position:static;transform:none}.spotlight-nav-prev{grid-area:prev;justify-self:end;margin-right:12px}.spotlight-nav-next{flex-direction:row-reverse;grid-area:next;justify-self:start;margin-left:12px}.spotlight-motif{width:56px}}@media (prefers-reduced-motion:reduce){.spotlight-card.is-from-next,.spotlight-card.is-from-prev{animation:none}.spotlight-motif,.spotlight-all{transition:none}}@media (max-width:560px){.spotlight-details{flex-direction:column;align-items:stretch}.spotlight-details>div{border-bottom:1px solid #0b0b0b33;flex:none;justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.spotlight-details>div+div{border-left:0}.spotlight-details dd{margin:0}}
