.project-metric{min-width:0;padding:25px 0;border-bottom:1px solid var(--line)}
.project-metric>strong{display:block;font-size:clamp(54px,6vw,82px);font-weight:400;letter-spacing:-.055em;line-height:1.05;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.project-metric>span{display:block;font-size:15px;line-height:1.5;margin-top:12px;max-width:270px}
.project-metric>small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:350px}
.metric-compact{padding:14px 0 8px;border:0}
.metric-compact>strong{font-size:42px;letter-spacing:-.045em}
.metric-compact>span{font-size:12px;line-height:1.6;margin-top:7px;max-width:300px}
.metric-compact>small{font-size:10px;line-height:1.6;margin-top:5px;color:#a9bab4}
.brief-result .metric-compact{padding:0 0 16px}
.catalog-title .metric-compact{margin-top:10px}
.case-overview{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(225px,1fr);gap:42px;padding:34px 0 44px;border-bottom:1px solid var(--line);align-items:start}
.case-overview.without-gallery{display:block}
.without-gallery #case-metrics{display:flex;gap:50px;flex-wrap:wrap}
.without-gallery .project-metric{flex:1;max-width:420px}
.case-gallery{min-width:0}
.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.gallery-heading .eyebrow,.case-scale>.eyebrow{font-size:9px;letter-spacing:.13em;color:#b5c3bf}
#image-counter{font-size:10px;color:#b3a183;letter-spacing:.08em}
.gallery-open{display:block;position:relative;width:100%;padding:0;border:1px solid #b8c6c346;background:#101819;overflow:hidden;cursor:zoom-in;box-shadow:0 22px 50px #0003}
.gallery-open>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center;transition:filter .25s;background:#e7eaea}
.gallery-enlarge{position:absolute;right:12px;bottom:12px;background:#101819ed;border:1px solid #d0b88866;color:#efdbb9;font-size:10px;padding:7px 12px;backdrop-filter:blur(8px)}
.gallery-open:hover .gallery-enlarge{background:#d9bd90;color:#142022}
.gallery-description{padding:19px 0 16px}
.gallery-description h2{font-size:19px;line-height:1.4}
.gallery-description p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px;max-width:750px}
.gallery-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:6px}
.gallery-choices button{min-width:0;text-align:left;padding:0 0 8px;border-bottom:2px solid transparent;color:#aebdb6}
.gallery-choices img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#202a2c;opacity:.65;transition:opacity .2s}
.gallery-choices span{display:block;font-size:10px;line-height:1.5;margin-top:9px}
.gallery-choices button[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}
.gallery-choices button[aria-pressed=true] img,.gallery-choices button:hover img{opacity:1}
.case-scale .project-metric:first-child{padding-top:21px}
.case-scale .project-metric:last-child{border-bottom:0;padding-bottom:0}
.case-scale .project-metric:not(:first-child)>strong{font-size:46px}
#image-viewer{width:min(1600px,calc(100vw - 40px));padding:20px;max-height:94svh}
#image-viewer .dialog-heading{align-items:center;margin-bottom:14px}
#image-viewer-title{font-size:18px;line-height:1.5;margin:0}
.image-viewer-surface{background:#090f10;overflow:auto;max-height:70svh}
.image-viewer-surface:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
#image-viewer-image{width:100%;height:auto;max-height:70svh;object-fit:contain}
.image-zoomed #image-viewer-image{width:auto;max-width:none;max-height:none}
.image-viewer-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
#image-zoom{border:1px solid var(--line);height:44px;padding:0 12px;font-size:12px}
#image-zoom[aria-pressed=true]{color:#142022;background:var(--accent)}
.image-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:15px}
#image-viewer-caption{font-size:12px;color:var(--muted);line-height:1.7;max-width:1050px}
#image-controls{display:flex;gap:12px;flex-shrink:0}
#image-controls button{width:44px;height:44px;border:1px solid var(--line);font-size:20px}
@media(max-width:1100px){.case-overview{gap:28px;grid-template-columns:minmax(0,2.2fr) minmax(195px,1fr)}.project-metric>strong{font-size:65px}.metric-compact>strong{font-size:40px}}
@media(max-width:760px){.case-overview{grid-template-columns:1fr;padding:27px 0 32px;gap:30px}.case-scale{grid-row:2}.case-scale>.eyebrow{margin-bottom:16px}#case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-scale .project-metric:first-child{grid-column:1/-1;padding:0}.case-scale .project-metric{padding:0;border:0}.case-scale .project-metric:first-child>strong{font-size:66px}.case-scale .project-metric:not(:first-child)>strong{font-size:38px}.project-metric>span{font-size:13px;margin-top:9px}.project-metric>small{font-size:10px;line-height:1.7;margin-top:7px}.case-scale .project-metric:first-child>small{max-width:470px}.gallery-heading{margin-bottom:13px}.gallery-description h2{font-size:18px}.gallery-description p{font-size:11px}.gallery-choices{gap:10px}.gallery-choices span{font-size:9px}.metric-compact>strong{font-size:42px}.metric-compact>span{font-size:12px}.metric-compact>small{font-size:10px}.brief-result .metric-compact{padding-bottom:14px}.without-gallery #case-metrics{display:grid;gap:20px}.gallery-enlarge{font-size:9px;padding:5px 8px;right:7px;bottom:7px}#image-viewer{padding:13px;width:calc(100vw - 20px)}#image-viewer-title{font-size:14px}#image-viewer-caption{font-size:10px}.image-viewer-footer{align-items:start;gap:12px}#image-controls{gap:6px}#image-controls button{width:38px;height:44px}}
@media print{.project-metric>strong{font-size:28px}.project-metric>small{font-size:9px}.metric-compact{padding:0 0 8px}}