.spectra-promo{padding-top:72px;padding-bottom:50px}
.spectra-promo .section-heading{margin-bottom:32px}
html:lang(ko) .spectra-promo .section-heading h2{word-break:keep-all}
.spectra-promo-banner{max-width:1024px;margin:0 auto 38px}
.spectra-promo a{display:block;cursor:zoom-in}
.spectra-promo img{width:100%;height:auto}
.spectra-promo figcaption{margin:12px 0 0;font-size:12px;line-height:1.55;color:var(--muted);text-align:center}
.spectra-promo-stories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.spectra-promo-stories figure{min-width:0}
.spectra-image-viewer{width:min(1200px,94vw);max-width:1200px;max-height:94dvh;padding:20px;overflow:auto;background:var(--bg)}
.spectra-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.spectra-image-viewer .spectra-viewer-header p{margin:0;font-size:14px;color:var(--ink);line-height:1.5}
.spectra-viewer-close{flex-shrink:0;border:1px solid var(--line);background:transparent;color:var(--ink);min-height:44px;padding:9px 16px;cursor:pointer}
.spectra-image-viewer .spectra-viewer-art{width:auto;height:auto;max-width:100%;max-height:76dvh;margin:auto}
.spectra-promo-open{overflow:hidden}
@media(max-width:900px){.spectra-promo-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}
@media(max-width:740px){.spectra-promo{padding-top:50px;padding-bottom:32px}.spectra-promo-banner{margin-bottom:28px}.spectra-promo-stories{gap:24px 14px}.spectra-promo figcaption{font-size:11px}.spectra-image-viewer{padding:14px}.spectra-image-viewer .spectra-viewer-header p{font-size:12px}}