/* Project stories extend the shared bilingual portfolio case layout. */
:root{--accent:#455ce9}
.case-hero h1{max-width:none}
.phone-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:530px;margin-inline:auto}
.phone-pair .screen-link{background:#fff}
.phone-pair img{aspect-ratio:auto}
.phone-pair figcaption{font-size:14px}
.phone-pair figcaption .ar{font-size:12px}
.screen-link img{aspect-ratio:auto}
.module-shots .portrait{max-width:310px;justify-self:center}
.module-shots .landscape{grid-column:1/-1}
.gallery-grid .portrait .screen-link{background:#f2f3f4}
.gallery-grid .portrait img{width:auto;max-width:100%;max-height:490px;margin-inline:auto;aspect-ratio:auto;object-fit:contain}
.gallery-grid .landscape img{aspect-ratio:1.44;object-fit:contain;background:#f2f3f4}
.chapter-links{scrollbar-color:#455ce9 #fff}
.contact-links a:hover{color:#c3cbff}
.viewer-thumbnails button[aria-current=true]{border-color:#c3cbff}
.viewer-thumbnails button:focus-visible,.image-viewer .viewer-button:focus-visible{outline-color:#c3cbff}
.image-viewer .viewer-button:hover{background:#455ce9}
.integration-list{margin:32px 0}
.integration-list>div{display:grid;grid-template-columns:minmax(110px,.35fr) 1fr;gap:24px;border-top:1px solid var(--line);padding-block:24px}
.integration-list dt{font-weight:700}.integration-list dd{margin:0}
@media(min-width:1040px){.module-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.role-list{grid-template-columns:repeat(3,minmax(0,1fr))}.case-hero .hero-proof{padding-top:0}.case-hero{min-height:0;padding-block:64px 80px}.gallery-grid{align-items:start}}
@media(max-width:1039px){.module-shots>.portrait{min-width:230px;max-width:280px}.module-shots>.landscape{min-width:min(84vw,640px)}}
@media(max-width:719px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.gallery-grid .landscape{grid-column:1/-1}.gallery-grid figcaption{font-size:14px}.gallery-grid figcaption .ar{font-size:12px}.phone-pair{gap:12px}.phone-pair figcaption{display:none}.capture-note{font-size:12px}.capture-note .ar{font-size:12px}.integration-list>div{grid-template-columns:1fr;gap:12px}}
@media print{.phone-pair{max-width:420px}.gallery-grid .portrait img{max-height:290px}.module-shots>.portrait{max-width:200px}.case-hero{min-height:0}}

.project-value{padding-block:var(--section-gap)}
.project-meta{display:grid;gap:20px;margin-top:36px;border-top:1px solid var(--line);padding-top:24px}
.project-meta dt{font-size:14px;color:var(--muted);margin-bottom:8px}.project-meta dd{margin:0;font-size:17px;line-height:1.5}
.case-hero h1{font-size:clamp(42px,5.8vw,76px);overflow-wrap:anywhere;text-wrap:balance}
.module-shots>.portrait{width:100%}.hero-proof>.portrait{max-width:340px;margin-inline:auto}
.module-shots .screen-link{background:#f2f3f4}
.module-shots img{max-height:760px;object-fit:contain;background:#f2f3f4}
@media(min-width:720px){.project-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:719px){.case-hero h1{font-size:44px}.case-hero h1>.ar{font-size:21px}.hero-proof .landscape img{aspect-ratio:1.44}.project-meta{gap:24px}.module h2{max-width:none}}