/* Original artwork uses shared case components and keeps its source proportions. */
html body.case-components .th-original-pair{margin-top:32px}
html body.case-components .th-full-site{display:block;padding:0;background:transparent;border:0;border-block:1px solid var(--cs-line);border-radius:0}
html body.case-components .th-full-site>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none;color:var(--cs-ink);font:400 18px/1.5 var(--font-body),sans-serif}
html body.case-components .th-full-site>summary::-webkit-details-marker{display:none}
html body.case-components .th-full-site>summary span{font-size:28px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
html body.case-components .th-full-site[open]>summary span{transform:rotate(45deg)}
html body.case-components .th-full-site .cs-full-preview{margin-block:20px 32px}
html body.case-components .th-full-site>summary:focus-visible{outline:2px solid var(--cs-muted);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html body.case-components .th-full-site>summary span{transition:none}}

html body.case-components .th-source-link{display:block;text-decoration:none;color:inherit}
html body.case-components .th-source-link:focus-visible{outline:2px solid var(--cs-muted);outline-offset:6px}
/* One store presentation, with original screens retained as source evidence. */
html body.case-components .th-store-board{margin:0;background:transparent;padding:0;border:0}
html body.case-components .th-store-board__screens{display:grid;grid-template-columns:.58fr 1fr;gap:24px;align-items:start;padding:32px;background:var(--cs-surface);border-radius:20px;overflow:hidden}
html body.case-components .th-store-board__home{height:clamp(360px,56vw,800px);overflow:hidden;border-radius:12px;box-shadow:0 8px 32px #0000000b}
html body.case-components .th-store-board__screens img{display:block;width:100%;height:auto;border-radius:12px;object-fit:contain}
html body.case-components .th-store-board__screens>a{display:block;min-width:0}
html body.case-components .th-store-board figcaption{font-size:12px;line-height:1.6;color:var(--cs-muted);padding:14px 0 0;background:transparent}
@media(max-width:900px){html body.case-components .th-store-board__screens{padding:20px;gap:16px}html body.case-components .th-store-board__home{height:clamp(280px,56vw,600px)}}
@media(max-width:600px){html body.case-components .th-store-board__screens{grid-template-columns:1fr;padding:16px;gap:20px}html body.case-components .th-store-board__home{height:300px}}