/* APPFORGE Phase 03 — product media & visual storytelling */
.case-media-section{padding:0 0 104px;border-bottom:var(--border-hairline)}
.case-media-shell{padding-top:52px}
.case-media-intro{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(28px,6vw,88px);align-items:end;margin-bottom:36px}
.case-media-intro h2{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4.8rem);font-weight:400;line-height:.98;letter-spacing:-.035em;margin:8px 0 0}
.case-media-intro p:last-child{max-width:620px;color:var(--color-text-muted);font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.75;margin:0}
.case-media-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-faint)}
.product-media-stage{border:var(--border-hairline);background:var(--color-surface);border-radius:22px;overflow:hidden}
.product-media-stage img,.product-media-stage svg,.product-media-stage video{display:block;width:100%}
.product-media-caption{display:flex;justify-content:space-between;gap:24px;padding:16px 18px;border-top:var(--border-hairline);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint)}
.product-media-caption span:last-child{text-align:right}
.product-media-grid{display:grid;gap:18px}
.product-media-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-media-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-media-grid--volts{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:start}
.product-media-grid--volts .volts-phones{min-height:0;aspect-ratio:1320/1073;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,44px);background:#0d0d10}
.product-media-grid--volts .volts-phones img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.product-media-grid--volts .volts-demo{background:#0d0d10;display:flex;align-items:center;justify-content:center;padding:30px}
.device-video-shell{position:relative;width:min(100%,330px);aspect-ratio:480/996;border:1px solid var(--color-border-strong);border-radius:34px;overflow:hidden;background:#070709;box-shadow:0 0 0 7px #121217}
.device-video-shell video{width:100%;height:100%;object-fit:cover}
.product-screen-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.product-screen{border:var(--border-hairline);border-radius:20px;overflow:hidden;background:#0d0d10}
.product-screen img{width:100%;height:auto}
.product-motion-frame{position:relative;aspect-ratio:16/9;background:#08080a;overflow:hidden}
.product-motion-frame>img,.product-motion-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-motion-frame>video{z-index:2}
.product-motion-frame.video-ready>img{opacity:0}
.xyh-media-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr)}
.brand-plate{display:flex;align-items:center;justify-content:center;min-height:100%;padding:clamp(42px,7vw,90px);background:#0b0b0e}
.brand-plate img{max-width:280px;height:auto;object-fit:contain}
.brand-plate--countit{background:#f5f6f6}
.brand-plate--homeglow{background:#f1ece4}
.brand-plate--homeglow img{max-width:230px}
.countit-hero-panel{background:#f5f6f6;padding:22px}
.countit-media-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:stretch}
.countit-brand-stage,.countit-app-stage{background:#0b0b0e}
.countit-brand-art{min-height:clamp(360px,46vw,560px);display:grid;place-items:center;padding:clamp(28px,5vw,64px)}
.countit-brand-art img{width:100%;height:auto;max-height:460px;object-fit:contain}
.brand-plate--countit{min-height:100%;display:grid;place-items:center;padding:clamp(34px,6vw,74px);background:#0b0b0e}
.brand-plate--countit img{width:min(86%,390px);height:auto;object-fit:contain}
.countit-identity-grid{grid-template-columns:1.25fr .75fr;margin-top:18px}
.countit-lockup{display:flex;align-items:center;justify-content:center;min-height:220px;padding:44px;background:#f6f7f7}
.countit-lockup img{max-width:420px;width:80%}
.countit-icon{display:flex;align-items:center;justify-content:center;min-height:220px;background:#0d0d10}
.countit-icon img{width:128px;height:128px;border-radius:28px}
.direction-frame{background:#08080a}
.direction-frame img{width:100%;height:auto}
.direction-note{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:7px 10px;border:var(--border-hairline);border-radius:999px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}
.direction-note::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--color-accent)}
.homeglow-media-grid{grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr)}
.homeglow-stack{display:grid;gap:18px}
.homeglow-splash{display:flex;align-items:center;justify-content:center;min-height:260px;background:#f5f1e9;padding:26px}
.homeglow-splash img{max-width:220px;image-rendering:auto}
.media-copy-card{padding:36px;background:var(--color-surface-inset);border:var(--border-hairline);border-radius:20px}
.media-copy-card strong{display:block;font-family:var(--font-display);font-size:2rem;font-weight:400;margin:10px 0 14px}
.media-copy-card p{color:var(--color-text-muted);line-height:1.65;margin:0}
@media(max-width:900px){.case-media-section{padding-bottom:78px}.case-media-intro,.product-media-grid--volts,.xyh-media-grid,.homeglow-media-grid,.countit-identity-grid,.countit-media-grid{grid-template-columns:1fr}.product-media-grid--volts .volts-phones{min-height:0;aspect-ratio:1320/1073;padding:24px}.product-media-grid--volts .volts-demo{padding:42px 24px}.product-screen-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.product-screen{flex:0 0 min(72vw,320px);scroll-snap-align:start}.brand-plate{min-height:320px}}
@media(max-width:640px){.case-media-shell{padding-top:38px}.case-media-intro{gap:18px;margin-bottom:26px}.product-media-caption{font-size:.6rem}.product-media-grid{gap:12px}.product-screen-rail{gap:12px;margin-top:12px}.product-media-stage,.product-screen{border-radius:16px}.device-video-shell{max-width:260px}.direction-note{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.product-motion-frame>video,.device-video-shell>video{display:none}.product-motion-frame>img{opacity:1!important}}

.brand-plate--glyph{min-height:420px;background:#0a0a0d}.brand-plate--glyph img{width:min(62%,360px);height:auto;object-fit:contain;filter:drop-shadow(0 24px 44px rgba(0,0,0,.36))}
@media(max-width:720px){.brand-plate--glyph{min-height:300px}.brand-plate--glyph img{width:min(72%,280px)}}


/* Phase 03 real-product gallery */
.real-screen-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:16px; }
.real-screen-grid .product-media-stage { min-width:0; }
.real-screen-grid img { display:block; width:100%; aspect-ratio:9/16; object-fit:cover; object-position:top center; background:var(--color-surface); }
.brand-plate--xyh img { width:min(92%,720px); max-height:420px; object-fit:contain; }
.brand-plate--sounddistrict img, .brand-plate--homeglow img { width:min(76%,440px); aspect-ratio:1; object-fit:contain; }
@media (max-width:760px) { .real-screen-grid { grid-template-columns:1fr; } }


/* 2026-08-14 media QA corrections */
.sounddistrict-identity-stage{max-width:760px;margin:0 auto;background:#0b0b0e}
.sounddistrict-identity-stage .brand-plate--sounddistrict{min-height:clamp(380px,58vw,640px);display:grid;place-items:center;padding:clamp(34px,7vw,84px);background:#0b0b0e}
.sounddistrict-identity-stage .brand-plate--sounddistrict img{width:min(78%,460px);height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:640px){.sounddistrict-identity-stage .brand-plate--sounddistrict{min-height:340px;padding:34px 26px}.sounddistrict-identity-stage .brand-plate--sounddistrict img{width:min(82%,360px)}.countit-brand-art{min-height:300px;padding:26px 18px}.brand-plate--countit{min-height:320px;padding:34px 24px}}