.case-hero{display:grid;grid-template-columns:44% 56%;min-height:610px;border-top:1px solid var(--line)}
.case-hero-copy{padding:72px 58px 64px max(35px,calc((100vw - var(--shell))/2));display:flex;flex-direction:column;justify-content:center}
.case-kicker{font-size:9px;color:var(--orange);font-weight:700;letter-spacing:1.3px;margin-bottom:25px}
.case-hero h1,.case-section h2,.case-pull,.case-cta h2{font-family:var(--font-serif);font-weight:400;letter-spacing:-1.7px;line-height:1.06}
.case-hero h1{font-size:58px;margin:0 0 25px;max-width:570px}
.case-deck{font-size:17px;line-height:1.6;max-width:590px;margin:0}
.case-rule{width:38px;height:4px;background:var(--orange);margin:27px 0}
.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-meta div{padding:17px 18px 17px 0;border-right:1px solid var(--line)}
.case-meta div+div{padding-left:18px}.case-meta div:last-child{border-right:0}
.case-meta small{display:block;color:var(--orange);font-size:8px;font-weight:700;letter-spacing:1px;margin-bottom:7px}
.case-meta strong{font-size:11px;line-height:1.45;display:block}
.case-hero-image{min-height:610px;overflow:hidden}.case-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.case-section{padding:78px 0}.case-section.alt{background:var(--paper2)}
.case-grid{display:grid;grid-template-columns:43% 57%;gap:80px;align-items:start}
.case-section h2{font-size:39px;margin:0}.case-body{font-size:15px;line-height:1.75;max-width:660px}.case-body p:first-child{margin-top:0}
.case-pull{font-size:35px;margin:0;max-width:510px}.case-pull span{display:block;width:38px;height:4px;background:var(--orange);margin-top:27px}
.case-image-wide{height:520px;overflow:hidden}.case-image-wide img{width:100%;height:100%;object-fit:cover;object-position:center}
.case-image-caption{font-size:9px;color:#6e6860;max-width:var(--shell);width:calc(100% - 70px);margin:11px auto 0}
.work-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.work-visual{height:460px;background:white;display:flex;align-items:center;justify-content:center;overflow:hidden}
.work-visual img{width:100%;height:100%;object-fit:cover}.work-visual.product img{object-fit:contain;padding:12px}
.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 35px;margin-top:28px;border-top:1px solid var(--line);padding-top:24px}
.scope-grid div{font-size:12px;font-weight:700;padding-bottom:12px;border-bottom:1px solid var(--line)}
.launch-gallery{display:grid;grid-template-columns:40% 60%;gap:22px;margin-top:42px}.launch-gallery figure{margin:0;overflow:hidden;background:#fff}.launch-gallery img{width:100%;height:430px;object-fit:cover}.launch-gallery figure:first-child img{object-position:center}.launch-gallery figcaption{padding:10px 0 0;font-size:9px;color:#6e6860}
.impact{background:#171717;color:white}.impact .case-grid{align-items:center}.impact .case-kicker{margin-bottom:20px}.impact .case-body{color:#ddd5ca}.recognition-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:42px;padding-top:28px;border-top:1px solid #4a4742}.recognition-strip b{font-family:var(--font-serif);text-align:center;font-size:17px;line-height:1.05;font-weight:700}
.transition-card{background:var(--orange);color:white;padding:58px 64px;display:grid;grid-template-columns:42% 58%;gap:70px;align-items:center}.transition-card h2{font-size:39px;margin:0}.transition-card p{font-size:15px;line-height:1.7;margin:0}.transition-card strong{font-weight:700}
.case-cta{padding:80px 0}.case-cta-inner{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:35px}.case-cta small{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:1.1px}.case-cta h2{font-size:40px;margin:12px 0 0}.case-next{font-size:11px;font-weight:700;letter-spacing:1px;border-bottom:1px solid var(--ink);padding-bottom:5px}
.source-note{font-size:8px;color:#77716a;text-align:right;margin-top:18px}
@media(max-width:900px){.case-hero{grid-template-columns:1fr}.case-hero-copy{padding:55px 35px}.case-hero-image{min-height:430px;order:-1}.case-grid,.work-layout,.transition-card{grid-template-columns:1fr;gap:38px}.launch-gallery{grid-template-columns:1fr}.recognition-strip{grid-template-columns:repeat(3,1fr)}.transition-card{padding:46px 35px}.case-image-wide{height:430px}}
@media(max-width:620px){.case-hero h1{font-size:43px}.case-meta{grid-template-columns:1fr}.case-meta div,.case-meta div+div{padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.case-meta div:last-child{border-bottom:0}.case-section{padding:55px 0}.case-section h2,.case-pull,.transition-card h2,.case-cta h2{font-size:31px}.case-grid{gap:30px}.work-visual{height:340px}.launch-gallery img{height:330px}.recognition-strip{grid-template-columns:repeat(2,1fr)}.case-cta-inner{align-items:flex-start;gap:35px;flex-direction:column}}

/* Revised Vonnen case study: preserve approved architecture; add prominent official reel and real publication graphics */
.demo-section{background:var(--paper)}
.demo-intro{margin-bottom:38px}
.video-stage{position:relative;display:block;height:620px;overflow:hidden;background:#111;color:white}
.video-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:transform .45s ease}
.video-stage:hover>img{transform:scale(1.015)}
.video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.58))}
.video-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:rgba(245,241,233,.96);color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:30px;padding-left:6px;box-shadow:0 12px 35px rgba(0,0,0,.22)}
.video-label{position:absolute;left:40px;bottom:32px;display:flex;flex-direction:column;gap:6px}
.video-label b{font-size:11px;letter-spacing:1.2px;color:white}
.video-label small{font-size:11px;color:#e8e0d5}
.impact-cards{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-top:42px}
.award-card,.timeline-card{min-height:190px;background:#252525;border:1px solid #3a3834;display:flex;align-items:center;padding:28px 32px}
.award-card img{width:240px;max-height:100px;object-fit:contain;object-position:left center;margin-right:30px}
.award-card p{margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.45}
.award-card p span{color:#cfc7bc;font-size:12px}
.timeline-card{flex-direction:column;align-items:flex-start;justify-content:center}
.timeline-card>b{font-size:9px;letter-spacing:1.3px;color:var(--orange);margin-bottom:14px}
.timeline-card p{margin:0;font-family:var(--font-serif);font-size:22px;line-height:1.3}
.press-block{margin-top:44px;padding-top:30px;border-top:1px solid #4a4742}
.press-block .case-kicker{margin-bottom:20px}
.press-block img{width:100%;max-height:235px;object-fit:contain;background:#fff;padding:18px 24px;filter:grayscale(1);opacity:.92}
.impact .source-note{color:#8e877f}
@media(max-width:900px){.video-stage{height:480px}.impact-cards{grid-template-columns:1fr}.press-block img{max-height:none}}
@media(max-width:620px){.video-stage{height:310px}.video-play{width:68px;height:68px;font-size:23px}.video-label{left:20px;bottom:18px}.award-card{align-items:flex-start;flex-direction:column}.award-card img{width:220px;margin:0 0 20px}.timeline-card p{font-size:19px}}

/* v2.1 refinement: restore breathing room between section headlines and body copy */
.case-section h2 + .case-body,
.case-section h2 + p,
.work-layout h2 + .case-body,
.transition-card h2 + p{margin-top:30px}
@media(max-width:620px){
  .case-section h2 + .case-body,
  .case-section h2 + p,
  .work-layout h2 + .case-body,
  .transition-card h2 + p{margin-top:22px}
}