.codespectrum-case{--cs-accent:#bd79e5}
.codespectrum-case .case-hero{background:#101010}
.codespectrum-case .case-hero h1{font-size:clamp(58px,9vw,132px);letter-spacing:-.065em;margin-bottom:16px}
.codespectrum-case .case-deck{max-width:980px;color:#f0f0f0;font-weight:500}
.cs-lead{max-width:790px;color:#aaa;font-size:clamp(17px,1.55vw,21px);line-height:1.48;font-weight:500;margin:22px 0 0}
.cs-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:35px}
.cs-open{min-width:175px}
.cs-signature{color:#858585;font-size:14px;font-weight:600}
.codespectrum-case .case-cover img,.cs-figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#060606;border:1px solid #343434;border-radius:16px}
.codespectrum-case .case-cover img{opacity:1}
.codespectrum-case .case-cover figcaption,.cs-figure figcaption{font-size:13px;color:#898989;line-height:1.45;margin-top:13px;font-weight:600}
.codespectrum-case .case-section{scroll-margin-top:80px}
.codespectrum-case .case-section h2{max-width:420px}
.codespectrum-case .case-body{color:#c6c6c6;font-weight:500}
.cs-figure{margin:16px 0 0}
.cs-wide{grid-column:1/-1}
.cs-final-links{display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap;margin-top:30px}
.cs-final-links .text-link{margin:0}
.codespectrum-case .case-next a{font-size:clamp(35px,5vw,65px)}
@media(max-width:800px){.codespectrum-case .case-hero h1{font-size:clamp(49px,10vw,82px)}.cs-figure{margin-top:5px}.codespectrum-case .case-section h2{max-width:none}}
@media(max-width:640px){.codespectrum-case .header-links{overflow:auto;justify-content:flex-start;scrollbar-width:none}.codespectrum-case .header-links::-webkit-scrollbar{display:none}.codespectrum-case .header-links a{white-space:nowrap}.cs-hero-actions{gap:15px}.codespectrum-case .case-cover img,.cs-figure img{border-radius:10px}.cs-final-links .pill{width:100%}}