.studio-hero{padding-top:168px;background:var(--brand-bg-alt)}.studio-before-after{display:grid;grid-template-columns:0.9fr 1.1fr;grid-gap:40px;gap:40px;align-items:center}.studio-before-after h1{font-size:max(2rem, min(4vw, 3.5rem))}.studio-before-after figure{margin:0;border:1px solid var(--brand-border);background:var(--brand-bg);padding:14px}.studio-before-after img{width:100%;aspect-ratio:1.48;-o-object-fit:cover;object-fit:cover}.studio-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:34px}.studio-case-grid article,.studio-matrix article{border:1px solid var(--brand-border);background:var(--brand-bg);padding:22px}.studio-matrix span{display:inline-block;color:var(--brand-primary);font-weight:700;margin-bottom:8px}.swatch-panel{border:1px solid var(--brand-border);padding:24px;background:var(--brand-bg)}.studio-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px}.studio-swatches span{display:grid;align-items:center;justify-items:center;place-items:center;min-height:72px;color:var(--brand-text-inverse);font-weight:700;border:1px solid var(--brand-border)}.studio-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.studio-case-grid img{width:100%;aspect-ratio:1.3;-o-object-fit:cover;object-fit:cover;margin-bottom:16px}.studio-cta{background:var(--brand-primary-dark);text-align:left}.studio-cta-grid{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(320px,1fr);grid-gap:36px;gap:36px;align-items:start}.studio-cta h2,.studio-cta p{color:var(--brand-text-inverse)}@media (max-width:991px){.studio-before-after,.studio-cta-grid{grid-template-columns:1fr}.studio-case-grid,.studio-matrix,.studio-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575px){.studio-case-grid,.studio-matrix,.studio-swatches{grid-template-columns:1fr}}