.case-visual{--visual-bg:#0e1921;--visual-card:#1b2933;--visual-border:#45545f;--visual-muted:#c6ced3;--visual-accent:#ff898e;--visual-swatch:#e52630;background:var(--visual-bg);color:#fff;margin-block:28px 56px;padding-block:80px}.case-visual-lavanda{--visual-bg:#332442;--visual-card:#483353;--visual-border:#796385;--visual-muted:#e2d3ee;--visual-accent:#f4b6c9;--visual-swatch:#ff9da6}.case-visual-heading{grid-template-columns:1fr 3fr;gap:60px;display:grid}.case-visual-heading h2{margin-bottom:48px}.case-visual-heading em{color:var(--visual-accent);font-style:normal}.case-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.case-visual-grid>div{border:1px solid var(--visual-border);background:var(--visual-card);border-radius:12px;flex-direction:column;min-width:0;padding:30px;display:flex}.case-visual-grid>div>span{color:var(--visual-muted);font-size:12px}.case-visual-grid .case-visual-type{letter-spacing:-.08em;font-size:110px;font-weight:500;line-height:1.4;display:block}.case-visual-grid>div>p{color:var(--visual-muted);margin-top:auto;margin-bottom:0;font-size:17px;line-height:1.6}.case-visual-swatches{gap:8px;padding:40px 0;display:flex}.case-visual-swatches i{aspect-ratio:1;border:1px solid var(--visual-border);background:#0e1921;border-radius:50%;width:33.3%}.case-visual-lavanda .case-visual-swatches i:first-child{background:#a084bc}.case-visual-swatches i:nth-child(2){background:#f7f7f4}.case-visual-swatches i:nth-child(3){background:var(--visual-swatch)}.case-visual-composition{margin:35px 0;font-size:clamp(26px,2.8vw,40px);font-weight:500;line-height:1.14}@media (max-width:900px){.case-visual-heading{grid-template-columns:1fr;gap:22px}.case-visual-grid{gap:12px}.case-visual-grid>div{padding:20px}}@media (max-width:600px){.case-visual{margin-block:20px 40px;padding-block:56px}.case-visual-grid{grid-template-columns:1fr}.case-visual-grid>div{padding:28px}.case-visual-swatches{max-width:260px}}