.case-graphic .work-detail-header h1{font-weight:450}
.case-graphic .work-detail-meta{margin-top:38px}
.case-graphic .work-detail-intro{max-width:760px;margin-top:30px}
.case-graphic .graphic-section{padding-top:112px}
.case-graphic .graphic-kicker{margin-bottom:16px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.case-graphic .graphic-section h2{font-size:clamp(30px,4vw,48px);font-weight:450}
.case-graphic .graphic-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:34px 22px;margin-top:34px}
.case-graphic .graphic-piece{min-width:0;margin:0}
.case-graphic .graphic-piece--wide{grid-column:1/-1}
.case-graphic .graphic-image-button{display:block;width:100%;height:auto;padding:0;overflow:hidden;border:0;border-radius:14px;background:#fff;cursor:zoom-in}
.case-graphic .graphic-image-button img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.case-graphic .graphic-piece figcaption{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.5}
.case-graphic .graphic-piece--standee{grid-column:1/-1;max-width:440px}
@media(max-width:720px){.case-graphic .work-detail-meta{margin-top:28px}.case-graphic .graphic-section{padding-top:82px}.case-graphic .graphic-kicker{margin-bottom:13px}.case-graphic .graphic-gallery{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:26px}.case-graphic .graphic-piece--wide,.case-graphic .graphic-piece--standee{grid-column:auto}.case-graphic .graphic-piece--standee{max-width:100%;width:min(100%,387px)}}

/* V1.12: preserve source DOM order while placing the exhibition artboards in independent desktop columns. */
@media(min-width:721px){
.case-graphic .graphic-gallery--exhibition{--exhibition-column-gap:22px;--exhibition-column-width:calc((100cqw - var(--exhibition-column-gap))/2);container-type:inline-size;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;grid-auto-rows:auto}
.case-graphic .graphic-gallery--exhibition>.graphic-piece--wide{grid-column:1/-1;grid-row:1}
.case-graphic .graphic-gallery--exhibition>.graphic-piece:not(.graphic-piece--wide){grid-row:2;align-self:start}
.case-graphic .graphic-gallery--exhibition .graphic-piece--landscape,.case-graphic .graphic-gallery--exhibition .graphic-piece--standee{grid-column:1}
.case-graphic .graphic-gallery--exhibition .graphic-piece--portrait,.case-graphic .graphic-gallery--exhibition .graphic-piece--foldout-front,.case-graphic .graphic-gallery--exhibition .graphic-piece--foldout-back{grid-column:2}
.case-graphic .graphic-gallery--exhibition .graphic-piece--landscape{margin-block-start:0}
.case-graphic .graphic-gallery--exhibition .graphic-piece--portrait{margin-block-start:0}
.case-graphic .graphic-gallery--exhibition .graphic-piece--foldout-front{margin-block-start:calc((100cqw - var(--exhibition-column-gap)) * .7070 + 64px)}
.case-graphic .graphic-gallery--exhibition .graphic-piece--foldout-back{margin-block-start:calc((100cqw - var(--exhibition-column-gap)) * 1.0755 + 128px)}
.case-graphic .graphic-gallery--exhibition .graphic-piece--standee{margin-block-start:calc((100cqw - var(--exhibition-column-gap)) * .35354 + 64px);grid-row:2}
.case-graphic .graphic-gallery--exhibition .graphic-piece--standee{max-width:none;width:100%}
}
@media(max-width:720px){.case-graphic .graphic-gallery--exhibition{grid-template-columns:minmax(0,1fr);gap:26px}.case-graphic .graphic-gallery--exhibition .graphic-piece{grid-column:auto;grid-row:auto;margin-block-start:0}.case-graphic .graphic-gallery--exhibition .graphic-piece--standee{width:min(100%,387px)}}