.case-header { display:flex; align-items:center; justify-content:space-between; max-width:var(--maxw); margin:0 auto; padding:24px; gap:20px; }.case-back { color:var(--muted); border-bottom:1px solid var(--line); font-size:.84rem; font-weight:700; }.case-back:hover { color:var(--accent); border-color:var(--accent); }
.case-hero { padding-top:74px; padding-bottom:88px; }.case-title-row { display:grid; grid-template-columns:1.4fr .6fr; align-items:end; gap:48px; padding:34px 0 45px; }.case-type { margin-bottom:14px; color:var(--muted); font-size:.72rem; font-weight:700; letter-spacing:.09em; }.case-title-row h1,.case-overview h2 { font-size:clamp(3.7rem,8.5vw,7.9rem); line-height:.86; }.case-title-row h1 span,.case-overview h2 span { color:var(--accent); }.case-title-row>p { max-width:320px; color:var(--muted); font-size:.98rem; line-height:1.75; }.case-cover { margin:0; }.case-cover img { display:block; width:100%; aspect-ratio:16/8; object-fit:cover; border:1px solid var(--line); border-radius:var(--radius); }.case-cover figcaption { margin-top:9px; color:var(--muted); font-size:.76rem; }
.case-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:72px; padding-top:0; padding-bottom:92px; }.case-overview h2 { margin-top:13px; font-size:clamp(2.5rem,5vw,4.6rem); }.case-copy { max-width:590px; padding-top:30px; }.case-copy p { color:var(--muted); font-size:.98rem; line-height:1.8; }.case-copy p+p { margin-top:17px; }.feature-section { display:block; }.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:25px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.feature-grid article { min-height:180px; padding:24px 18px 24px 0; border-right:1px solid var(--line); }.feature-grid article+article { padding-left:20px; }.feature-grid article:last-child { border-right:0; }.feature-grid span { color:var(--accent); font-size:.72rem; font-weight:700; }.feature-grid h3 { margin:24px 0 8px; font-size:1.1rem; }.feature-grid p { color:var(--muted); font-size:.84rem; line-height:1.6; }.case-facts { display:grid; grid-template-columns:repeat(4,1fr); margin-top:48px; }.case-facts dt { margin-bottom:6px; color:var(--muted); font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.case-facts dd { margin:0; font-size:.88rem; font-weight:700; }.case-next { padding-top:0; padding-bottom:82px; }.case-next a { color:var(--text); border-bottom:2px solid var(--accent); font-family:"Space Grotesk",sans-serif; font-size:clamp(1.8rem,3.5vw,3rem); font-weight:700; }.case-next a span { color:var(--accent); }
@media (max-width:760px) { .case-header { padding:18px; }.case-hero { padding-top:46px; padding-bottom:65px; }.case-title-row,.case-section { grid-template-columns:1fr; gap:24px; }.case-title-row { padding:28px 0 34px; }.case-cover img { aspect-ratio:16/10; }.case-section { padding-bottom:70px; }.case-copy { padding-top:0; }.feature-grid,.case-facts { grid-template-columns:repeat(2,1fr); }.feature-grid article:nth-child(2) { border-right:0; }.feature-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }.feature-grid article:nth-child(odd) { padding-left:0; }.feature-grid article:nth-child(even) { padding-left:16px; }.feature-grid article { min-height:155px; }.case-facts { gap:24px 16px; } }