.chart-spotlight{width:100vw;max-width:none;position:relative;left:50%;margin-left:-50vw;margin-top:-40px;margin-bottom:60px;background:#241b3b;isolation:isolate;overflow:hidden;color:#fff}.spotlight-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(8,1fr);z-index:-2;background:#241b3b}.spotlight-mosaic i{background:#b39aff;opacity:var(--tile);animation:mosaic-breathe 10s ease-in-out infinite;animation-delay:var(--delay)}.chart-spotlight::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151021da 0%,#151021a8 40%,#1510210a 100%)}.spotlight-slides{max-width:1480px;margin:auto;display:grid;min-height:520px}.spotlight-slide{grid-area:1/1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:65px 9% 50px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .75s ease,transform .75s ease,visibility .75s;pointer-events:none}.spotlight-slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.spotlight-copy{min-width:0}.spotlight-kicker{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#e5def5;display:block;margin-bottom:25px;font-weight:600;line-height:1.6}.spotlight-kicker>span{margin:0 7px;color:#bdadcf}.spotlight-copy h1{font-size:clamp(38px,5vw,70px);font-weight:650;line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere;text-wrap:balance}.spotlight-copy p{font-size:19px;color:#e7e0f2;margin-top:18px;line-height:1.5}.spotlight-cta{display:inline-flex;padding:12px 25px;border-radius:26px;background:#fff;color:#21192f;font-size:13px;font-weight:650;margin-top:30px;transition:background .2s}.spotlight-cta:hover{background:#e4ddf5}.spotlight-artwork{position:relative;width:100%;max-width:340px;justify-self:center;display:block}.spotlight-artwork img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:5px;box-shadow:0 22px 65px #10091e80}.spotlight-number{position:absolute;left:-25px;top:-32px;z-index:2;font-size:72px;font-weight:750;letter-spacing:-7px;line-height:1;text-shadow:0 3px 18px #120c2166}.spotlight-controls{max-width:1480px;margin:auto;padding:0 9% 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.spotlight-dots{display:flex;gap:7px}.spotlight-dots button{padding:10px 0;width:26px;display:grid;place-items:center}.spotlight-dots button span{display:block;height:3px;width:100%;background:#ffffff45;border-radius:5px;transition:background .35s}.spotlight-dots button[aria-pressed=true] span{background:#fff}.spotlight-navigation{display:flex;align-items:center;gap:14px}.spotlight-navigation button{height:32px;min-width:32px;padding:0;color:#fff;font-size:21px;line-height:1}.spotlight-navigation [data-slide-play]{font-size:16px;margin-right:10px}.spotlight-count{font-size:10px;letter-spacing:1px;color:#e2d9f0;font-variant-numeric:tabular-nums}.chart-spotlight.is-paused .spotlight-mosaic i{animation-play-state:paused}@keyframes mosaic-breathe{0%,100%{opacity:var(--tile)}50%{opacity:calc(var(--tile) * .45)}}@media(max-width:900px){.spotlight-slide{gap:45px;padding:65px 7% 40px}.spotlight-artwork{max-width:280px}.spotlight-copy h1{font-size:45px}.spotlight-slides{min-height:460px}.spotlight-controls{padding-inline:7%}}@media(max-width:700px){.chart-spotlight{margin-top:-24px;margin-bottom:40px}.spotlight-slides{min-height:0}.spotlight-slide{grid-template-columns:1fr;gap:42px;padding:40px 7% 25px;align-content:center}.spotlight-copy{order:2}.spotlight-artwork{max-width:230px;order:1;margin-top:15px}.spotlight-number{font-size:57px;top:-24px;left:-20px;letter-spacing:-5px}.spotlight-kicker{font-size:10px;margin-bottom:14px}.spotlight-copy h1{font-size:37px}.spotlight-copy p{font-size:16px;margin-top:10px}.spotlight-cta{margin-top:22px;font-size:12px}.spotlight-controls{padding:0 7% 22px;gap:8px}.spotlight-dots{gap:5px}.spotlight-dots button{width:20px}.spotlight-navigation{gap:6px}.spotlight-navigation [data-slide-play]{margin-right:3px}.spotlight-count{font-size:9px}.chart-spotlight::after{background:linear-gradient(0deg,#151021ed,#15102120)}.spotlight-mosaic{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(16,1fr)}}@media(prefers-reduced-motion:reduce){.spotlight-mosaic i{animation:none}.spotlight-slide{transition:none;transform:none}}

/* Keep the edge-to-edge artwork inside the viewport scrollbar gutter. */
body:has(.chart-spotlight){overflow-x:clip}

/* Chart-specific colors, softly blended behind the artwork. */
.chart-spotlight{--hero-base:#231b3b;--hero-tile:#b39aff;--hero-shade:#110d1d;background:var(--hero-base);transition:background-color .9s ease}
.chart-spotlight[data-tone="blue"]{--hero-base:#152d48;--hero-tile:#89caff;--hero-shade:#0a1524}
.chart-spotlight[data-tone="amber"]{--hero-base:#422918;--hero-tile:#f7bd79;--hero-shade:#21140c}
.chart-spotlight[data-tone="green"]{--hero-base:#16382e;--hero-tile:#88dfb8;--hero-shade:#0b1c17}
.chart-spotlight[data-tone="rose"]{--hero-base:#421d33;--hero-tile:#fba6cf;--hero-shade:#210e19}
.chart-spotlight[data-tone="teal"]{--hero-base:#153b40;--hero-tile:#85dce1;--hero-shade:#0a1d20}
.spotlight-mosaic{background:transparent;opacity:.42}
.spotlight-mosaic i{background:var(--hero-tile);transition:background-color .9s ease}
.chart-spotlight::after{background:linear-gradient(90deg,color-mix(in srgb,var(--hero-shade) 75%,transparent),color-mix(in srgb,var(--hero-shade) 40%,transparent) 45%,transparent)}
.spotlight-kicker,.spotlight-copy p,.spotlight-count{color:#ffffffd9}.spotlight-kicker>span{color:#ffffff80}
@media(max-width:700px){.chart-spotlight::after{background:linear-gradient(0deg,color-mix(in srgb,var(--hero-shade) 85%,transparent),transparent)}}

/* Quiet, balanced navigation for country and city slides. */
.spotlight-controls{justify-content:center;gap:28px;padding-bottom:26px}
.spotlight-dots{gap:1px;align-items:center}
.spotlight-dots button{width:20px;height:32px;padding:0;transition:width .3s ease}
.spotlight-dots button span{height:4px;width:4px;border-radius:10px;background:#ffffff50;transition:width .3s ease,background .3s ease}
.spotlight-dots button[aria-pressed=true]{width:35px}
.spotlight-dots button[aria-pressed=true] span{width:23px;background:#fff}
.spotlight-navigation{gap:13px;padding-left:25px;border-left:1px solid #ffffff20}
.spotlight-navigation button{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff06;transition:background .2s,border-color .2s}
.spotlight-navigation button:hover{background:#ffffff16;border-color:#ffffff70}
.spotlight-navigation svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.spotlight-count{font-size:10px;letter-spacing:1.2px;min-width:48px;text-align:center}
@media(max-width:700px){.spotlight-controls{gap:14px;padding-inline:5%;padding-bottom:23px}.spotlight-dots button{width:13px}.spotlight-dots button[aria-pressed=true]{width:27px}.spotlight-dots button[aria-pressed=true] span{width:18px}.spotlight-navigation{gap:8px;padding-left:14px}.spotlight-navigation button{width:30px;height:30px;min-width:30px}.spotlight-count{min-width:42px;font-size:9px}}

/* Plain chart-colored hero, without decorative pattern or overlay. */
.chart-spotlight::after{display:none}

/* Editorial headlines give each featured collection its own story. */
.spotlight-slide{grid-template-columns:minmax(0,2.1fr) minmax(220px,1fr);gap:65px;padding-inline:7%}
.spotlight-copy h1{font-size:clamp(30px,3.1vw,46px);line-height:1.14;letter-spacing:-.045em;text-wrap:pretty;overflow-wrap:break-word}
.spotlight-copy p{font-size:14px;margin-top:25px}
.spotlight-artwork{max-width:300px}
.spotlight-kicker{margin-bottom:21px;font-size:10px}
@media(max-width:900px){.spotlight-slide{grid-template-columns:minmax(0,1.8fr) minmax(190px,1fr);gap:35px}.spotlight-copy h1{font-size:32px}.spotlight-artwork{max-width:240px}}
@media(max-width:700px){.spotlight-slide{grid-template-columns:1fr;gap:30px}.spotlight-copy h1{font-size:clamp(26px,6.5vw,34px);line-height:1.16}.spotlight-copy p{font-size:12px;margin-top:18px}.spotlight-artwork{max-width:210px}.spotlight-kicker{margin-bottom:15px}}