.case-hero{background:#eff1e9;padding:52px 0}.case-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.case-hero h1{font-size:clamp(32px,4.3vw,58px);letter-spacing:-.035em;margin:28px 0 22px}.case-hero p{font-size:18px;line-height:1.7}.case-hero figure{margin:0;min-width:0}.case-hero img{width:100%;height:auto;border-radius:8px}.case-hero video{width:100%;height:auto;max-height:650px;background:#16231c;border-radius:8px}.case-content .article-body{max-width:850px}.case-content h2{font-size:clamp(25px,3vw,36px);margin:36px 0 18px}.case-content p,.case-content li{line-height:1.8}.case-content a{text-decoration:underline;text-underline-offset:3px}.case-faq details{border-bottom:1px solid #d2d9cb;padding:20px 0}.case-faq summary{font-weight:700;cursor:pointer}.case-faq p{margin-top:14px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 50px}.case-grid article{min-width:0}.case-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px}.case-grid h3{font-size:21px;line-height:1.25;margin:16px 0 10px}.case-grid a{display:block}.case-grid span{font-size:14px;color:#8f1246}.case-grid a:hover h3{text-decoration:underline}[data-portfolio-directory] h2{font-size:clamp(28px,3vw,42px)}[data-portfolio-guides] h2{font-size:30px}[data-portfolio-guides] ul{columns:2;line-height:1.8}[data-portfolio-guides] a{text-decoration:underline}.case-content :focus-visible,.case-grid :focus-visible{outline:3px solid #a10a45;outline-offset:4px}
@media(max-width:720px){.case-split,.case-grid{grid-template-columns:1fr}.case-hero{padding:30px 0}.case-split{gap:28px}.case-hero h1{font-size:37px}.case-grid{gap:36px}[data-portfolio-guides] ul{columns:1}}