.cb-case{--cb-gap:clamp(20px,2.5vw,36px)}
.cb-wrap{max-width:1480px;margin-inline:auto;padding-inline:var(--pad)}
.cb-case .case-heading{max-width:1480px;margin-inline:auto}
.cb-case h1{max-width:13ch;text-wrap:balance}
.cb-case figure{margin:0;min-width:0}
.cb-case img{display:block;width:100%;height:auto;border-radius:var(--radius,24px)}
.cb-case figcaption,.cb-note{font-size:12px;line-height:1.6;color:var(--muted);padding-top:12px;letter-spacing:.025em}
.cb-opening{display:grid;grid-template-columns:1fr 1fr;gap:var(--cb-gap);align-items:center}
.cb-opening figure:last-child{padding:clamp(0px,2vw,28px)}
.cb-opening figure:last-child img{background:#fff}
.cb-index{display:flex;flex-wrap:wrap;gap:8px 32px;border-bottom:1px solid var(--edge);padding:24px 0;margin-bottom:16px}
.cb-index a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.cb-index a:hover{color:var(--accent)}
.cb-chapter-head{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:var(--cb-gap);padding-block:clamp(48px,7vw,100px) 36px;text-align:start}
.cb-chapter-head>.eyebrow{color:var(--muted);padding-top:8px}
.cb-chapter-head h2,.cb-closing h2{font-size:clamp(32px,4.4vw,64px);font-weight:500;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
.cb-chapter-head>div>p,.cb-closing>p:not(.eyebrow){max-width:62ch;font-size:17px;line-height:1.8;color:var(--muted);margin-top:24px}
.cb-illustrations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cb-gap);background:#f5f5ef;border-radius:var(--radius,24px);padding:clamp(24px,5vw,72px)}
.cb-illustrations img{aspect-ratio:1;object-fit:contain;padding:10%;border-radius:0}
.cb-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cb-gap);align-items:start}
.cb-materials{align-items:center}
.cb-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cb-gap)}
.cb-spaced{margin-top:clamp(28px,4vw,56px)}
.cb-cups{display:grid;grid-template-columns:1fr 1fr 1.3fr;align-items:center;gap:var(--cb-gap);margin-top:clamp(28px,4vw,56px)}
.cb-note{margin-top:12px}
.cb-highlights{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(12px,2vw,28px);padding-block:12px 30px}
.cb-highlights img{border-radius:50%;aspect-ratio:1;object-fit:contain}
.cb-film-layout{display:grid;grid-template-columns:1fr minmax(0,.8fr);gap:clamp(32px,8vw,120px);align-items:center;padding-top:36px}
.cb-film-layout .cb-chapter-head{display:block;padding:0}
.cb-film-layout .cb-chapter-head>.eyebrow{margin-bottom:28px}
.cb-film-layout video{display:block;width:100%;height:auto;max-height:80svh;object-fit:contain;background:#171717;border-radius:var(--radius,24px)}
.cb-closing{margin-top:clamp(48px,7vw,100px);padding-block:48px 80px;border-top:1px solid var(--edge)}
.cb-closing h2{max-width:20ch;margin-top:28px}
.cb-closing .archive-link{max-width:360px;margin-top:32px}
html[lang="ar"] .cb-case h1,html[lang="ar"] .cb-case h2{letter-spacing:0;line-height:1.4}
@media(max-width:700px){.cb-opening,.cb-chapter-head,.cb-film-layout{grid-template-columns:1fr}.cb-opening figure:last-child{padding:0}.cb-chapter-head{gap:16px}.cb-chapter-head>div>p{margin-top:18px;font-size:16px}.cb-case .case-kicker{flex-wrap:wrap;gap:12px}.cb-illustrations{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-three{grid-template-columns:1fr}.cb-highlights{grid-template-columns:repeat(4,minmax(0,1fr))}.cb-cups{grid-template-columns:1fr 1fr}.cb-cups figure:last-child{grid-column:1/-1}.cb-materials{grid-template-columns:1fr}.cb-film-layout{gap:28px}.cb-closing{padding-bottom:48px}}