.case-hero-wrap{--case-surface:#e4e7df;--case-ink:#17221d;background:var(--case-surface);color:var(--case-ink);border-bottom:1px solid rgba(25,35,30,.13);overflow:hidden}
.case-hero-wrap.theme-commi{--case-surface:#dfeae4;--case-ink:#17312c}
.case-hero-wrap.theme-pocketchina{--case-surface:#e6e9e0;--case-ink:#253025}
.case-hero-wrap.theme-squadsizzle{--case-surface:#e8e0f0;--case-ink:#352143}
.case-hero-wrap.theme-ommihub{--case-surface:#e2e8f0;--case-ink:#1d285b}
.case-hero-wrap.theme-spinex{--case-surface:#e3e9e9;--case-ink:#172e33}
.case-hero-wrap.theme-ice-fire{--case-surface:#ede7df;--case-ink:#382922}
.case-hero-wrap.theme-exe{--case-surface:#dce4e4;--case-ink:#152626}
.case-hero-wrap.theme-green-justice{--case-surface:#e3e9dc;--case-ink:#233429}
.case-hero-wrap .back-link{margin:0;display:inline-flex;align-items:center;padding-top:34px;color:var(--case-ink);font-size:13px}
.case-page .case-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,5vw,92px);align-items:center;padding:42px 0 82px;border:0;min-height:min(750px,calc(100svh - 128px))}
.case-hero-copy{min-width:0}.case-hero-copy .eyebrow{font-size:11px;letter-spacing:.13em;color:var(--case-ink)!important;opacity:.7}
.case-page .case-hero h1{font-size:clamp(56px,6.5vw,100px);line-height:.98;letter-spacing:-.07em;margin:22px 0 26px;overflow-wrap:anywhere;max-width:680px}
.case-page .case-lead{font-size:clamp(20px,2vw,28px);line-height:1.35;max-width:630px;color:var(--case-ink);margin:0;letter-spacing:-.025em}
.case-page .case-facts{display:flex;flex-wrap:wrap;gap:16px 26px;margin-top:36px;padding:18px 0 0;border-top:1px solid color-mix(in srgb,var(--case-ink) 24%,transparent)}
.case-page .case-facts div{min-width:90px;max-width:230px}.case-page .case-facts span{font-size:10px;color:var(--case-ink);opacity:.65;margin-bottom:4px}.case-page .case-facts strong{font-size:13px;line-height:1.4;font-weight:600;color:var(--case-ink)}
.case-page .case-links{margin-top:25px;gap:18px}.case-page .case-links .button{background:var(--case-ink)}.case-page .case-links .text-action{color:var(--case-ink)}
.case-hero-art{position:relative;min-width:0;padding:24px 24px 40px;background:color-mix(in srgb,var(--case-ink) 7%,white);transform:rotate(1.2deg);box-shadow:20px 20px 0 color-mix(in srgb,var(--case-ink) 12%,transparent)}
.case-hero-art-inner{aspect-ratio:1.18;overflow:hidden;background:color-mix(in srgb,var(--case-ink) 12%,white)}.case-hero-art-inner img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.theme-pocketchina .case-hero-art-inner img,.theme-commi .case-hero-art-inner img{object-position:top center}
.case-art-label{display:block;position:absolute;bottom:13px;left:24px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--case-ink)}
.case-hero-caption{font-size:13px;color:#67716e;padding-top:14px}
.longform-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding:82px 0 55px}.longform-heading h2{font-size:clamp(44px,5vw,72px);line-height:1.02;font-weight:500;margin:16px 0 0}.longform-heading p{font-size:17px;line-height:1.58;color:#555e59;max-width:560px;margin:0 0 4px}.longform-gallery{width:min(100%,1280px);margin-inline:auto;background:#fff}.longform-gallery a{display:block;line-height:0;cursor:zoom-in}.longform-gallery img{display:block;width:100%;height:auto;border:0;margin:0}.longform-gallery a:focus-visible{outline:3px solid #315fb7;outline-offset:-3px}.longform-end{display:flex;justify-content:space-between;gap:36px;padding:42px 0 110px;align-items:start;font-size:14px;color:#626a66}.longform-end p{max-width:770px;margin:0}.longform-end a{flex:none;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;color:#202926}
@media(max-width:850px){.case-page .case-hero{gap:35px}.case-page .case-hero h1{font-size:clamp(45px,7vw,68px)}.case-hero-art{padding:16px 16px 34px}.case-art-label{left:16px;font-size:9px}}
@media(max-width:700px){.case-hero-wrap .back-link{padding-top:24px}.case-page .case-hero{grid-template-columns:1fr;min-height:0;padding:28px 0 60px;gap:34px}.case-page .case-hero h1{font-size:clamp(52px,13vw,76px);margin:16px 0 20px}.case-page .case-lead{font-size:21px}.case-page .case-facts{margin-top:25px}.case-hero-art{width:calc(100% - 15px);margin-left:0;transform:rotate(.6deg);box-shadow:12px 12px 0 color-mix(in srgb,var(--case-ink) 12%,transparent)}.case-hero-art-inner{aspect-ratio:1.38}.longform-heading{grid-template-columns:1fr;gap:20px;padding:62px 0 36px}.longform-heading p{font-size:16px}.longform-end{display:block;padding:32px 0 80px}.longform-end a{display:inline-block;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.case-hero-art{transform:none}}
.case-page .case-hero{min-height:0;row-gap:24px}.case-hero-detail{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid color-mix(in srgb,var(--case-ink) 24%,transparent);padding-top:16px}.case-page .case-facts{border:0;margin:0;padding:0;gap:16px 34px}.case-page .case-links{margin:0}.zoom-hint{display:block;margin-top:9px;font-size:13px;color:#6a7470}
@media(max-width:700px){.case-page .case-hero{gap:30px;padding-bottom:50px}.case-hero-detail{display:block;padding-top:22px}.case-page .case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-page .case-facts div:last-child{grid-column:1/-1}.case-page .case-links{margin-top:20px}.case-hero-art-inner{aspect-ratio:1.35}}