.case-page{background:radial-gradient(ellipse at 85% 12%,#10303b66,transparent 34%),var(--bg)}
.case-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);padding:32px 0 48px}
.case-breadcrumb a:hover{color:var(--cyan)}
.case-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:42px}
.case-heading h1{font-size:clamp(46px,6.8vw,88px);line-height:1.08;margin:20px 0 22px;font-weight:650}
.case-heading h1 span{color:var(--cyan)}
.case-lead{color:var(--muted);font-size:18px;line-height:1.75;margin:0}
.case-heading>.text-link{flex-shrink:0;margin-bottom:9px}
.case-heading>div{min-width:0}
.case-heading h1{overflow-wrap:break-word}
.case-tags{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 0;padding:0;list-style:none}
.case-tags li{border:1px solid var(--line);border-radius:30px;color:#bfced7;padding:8px 15px;font-size:11px;letter-spacing:.04em}
.case-visual{margin:0;border:1px solid #35434a;border-radius:14px;overflow:hidden;background:#111c23;position:relative}
.case-visual>img{display:block;width:100%;aspect-ratio:1.48;object-fit:cover;object-position:50% 50%}
.case-visual>figcaption{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:.13em;color:var(--muted)}
.case-visual>figcaption strong{color:var(--text);font-weight:600}
.case-visual>figcaption span{display:flex;align-items:center;gap:9px}
.case-visual>figcaption i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.case-details{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;padding-block:100px}
.case-description h2{margin:20px 0 26px}
.case-description>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.95;max-width:610px}
.case-facts{margin:0;padding:14px 32px;border:1px solid var(--line);border-radius:10px;align-self:start;background:linear-gradient(135deg,#0e2531,#0a1823)}
.case-facts>div{padding:20px 0;border-bottom:1px solid var(--line)}
.case-facts>div:last-child{border-bottom:0}
.case-facts dt{color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px}
.case-facts dd{margin:0;font-size:14px;line-height:1.65}
.case-facts a{color:var(--cyan);display:flex;justify-content:space-between;gap:12px}
.case-focus{border-block:1px solid var(--line);background:#0a1a25;padding-block:80px}
.case-focus .section-heading{align-items:center}
.case-focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:48px}
.case-focus-grid article{border-top:1px solid #2b424d;padding-top:25px}
.case-focus-top{display:flex;justify-content:space-between;color:var(--cyan);align-items:center;margin-bottom:25px}
.case-focus-top>span:first-child{font-size:11px;letter-spacing:.1em;color:var(--muted)}
.case-focus-top svg{width:28px;height:28px}
.case-focus-grid h3{font-size:20px;font-weight:600;margin:0 0 15px}
.case-focus-grid p{color:var(--muted);font-size:14px;line-height:1.9;margin:0}
.case-direction{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:100px}
.case-direction h2{margin:20px 0}
.case-direction p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9}
.case-mood{padding:40px;background:linear-gradient(145deg,var(--mood-color,#101914),#0a151d 78%);border:1px solid #344039;border-radius:12px;overflow:hidden;position:relative}
.case-mood:before{content:'';width:290px;height:290px;border:1px solid #78947920;border-radius:50%;position:absolute;right:-70px;top:-100px;box-shadow:0 0 0 35px #78947908,0 0 0 70px #78947906;pointer-events:none}
.case-mood>span{font-size:10px;letter-spacing:.17em;color:#a5b0a8}
.case-mood>strong{display:block;font-family:Georgia,serif;font-size:clamp(30px,3.2vw,47px);line-height:1.25;font-weight:400;color:#f3eee2;padding:46px 0}
.case-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.case-swatches span{display:block;height:65px;border-radius:4px;border:1px solid #ffffff16}
.case-swatches small{display:block;color:#b3bab3;font-size:10px;line-height:1.4;margin-top:10px}
.case-mood>p{font-size:10px!important;color:#9aab9d!important;margin:23px 0 0;letter-spacing:.03em}
.case-related{border-top:1px solid var(--line);padding-block:80px}
.case-related .project-grid{margin-bottom:32px}
.case-related .section-heading{align-items:center}
.case-related .section-heading>.text-link{white-space:nowrap}
.case-page .contact{padding-bottom:90px}
.case-page :focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
@media(max-width:1000px){.case-details{gap:50px}.case-direction{gap:40px}.case-mood{padding:28px}.case-focus-grid{gap:24px}}
@media(max-width:760px){.case-heading{display:block}.case-heading>.text-link{margin-top:26px;display:inline-flex}.case-breadcrumb{padding-bottom:32px}.case-details{grid-template-columns:1fr;gap:32px;padding-block:64px}.case-direction{grid-template-columns:1fr;gap:30px;padding-block:64px}.case-focus{padding-block:60px}.case-focus-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.case-focus-top{margin-bottom:15px}.case-focus .section-heading{display:block}.case-focus .section-heading>p{margin-top:22px}.case-visual>figcaption{padding:16px;letter-spacing:.07em;font-size:9px}.case-related{padding-block:60px}.case-related .section-heading{display:block}.case-related .section-heading>.text-link{display:inline-flex;margin-top:22px}.case-page .contact{padding-bottom:60px}}
@media(max-width:480px){.case-heading h1{font-size:48px}.case-lead{font-size:15px}.case-tags li{font-size:10px;padding:7px 11px}.case-visual>img{aspect-ratio:1;object-fit:contain}.case-visual>figcaption{align-items:start;flex-direction:column;gap:8px}.case-facts{padding:8px 24px}.case-breadcrumb{gap:8px;font-size:10px}.case-mood{padding:24px}.case-swatches{gap:7px}}

/* The sculptural presentation keeps every floating panel and the pedestal in frame. */
.case-visual-sculpture{background:#07131d;border-color:#203441}
.case-visual-sculpture>img{aspect-ratio:3/2;height:auto;object-fit:contain}
.case-visual-sculpture>figcaption{background:#0a1923;border-top:1px solid #203441}
.case-uploaded{background:#07131d;border-color:#203441}
.case-uploaded>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.case-uploaded>figcaption{background:#0a1923;border-top:1px solid #203441}
.case-original{margin-top:16px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.case-original summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;padding:15px 22px;font-size:12px;color:var(--muted);list-style:none}
.case-original summary::-webkit-details-marker{display:none}
.case-original summary:hover{color:var(--cyan)}
.case-original summary>span{color:var(--cyan);font-size:20px;transition:transform .2s}
.case-original[open] summary>span{transform:rotate(45deg)}
.case-original>img{width:100%;height:auto;border-top:1px solid var(--line)}
.case-page .project-meta h3 a:hover{color:var(--cyan)}
@media(max-width:420px){.case-heading h1{font-size:40px}.case-heading .eyebrow{font-size:10px}.case-original summary{padding:13px 16px;font-size:11px}}