/* Homepage: brand introduction, practical entry points, then real-world proof.
   Shared role typography remains authoritative; no content waits for scrolling. */
.cinema-home .cinema-hero{height:clamp(560px,72svh,700px);min-height:560px;max-height:700px;border-bottom:4px solid #00b8d4}
.cinema-home .cinema-hero-copy{bottom:72px}
.cinema-home .cinema-hero-top{left:40px;right:40px;top:28px}
.cinema-home .cinema-overline{margin-bottom:22px}
.home-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px}
.home-hero-actions .btn{font-size:var(--type-ui);min-height:48px;gap:12px;border-radius:4px}
.home-hero-actions .btn.primary{background:#00b8d4;border-color:#00b8d4;color:#082c42}
.home-hero-actions .btn.primary:hover{background:#8fe6ef;border-color:#8fe6ef}
.home-hero-actions .home-hero-secondary{border-color:#bad5df;color:#fff;background:#10283f55}
.home-hero-actions .home-hero-secondary:hover{background:#fff;color:#10283f;border-color:#fff}
.cinema-home .cinema-ecosystem{padding:64px 0;background:linear-gradient(150deg,#f2f9fb,#f8fbfc)}
.cinema-home .cinema-story-heading{max-width:900px}
.cinema-home .cinema-story-heading>p:last-child{max-width:680px;margin-top:18px}
.home-ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:40px}
.home-capability{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d8e7ed;border-radius:10px;overflow:hidden}
.home-capability-media{height:220px;display:flex;align-items:center;justify-content:center;gap:8px;padding:28px 20px;background:linear-gradient(135deg,#f9fcfd,#edf7fa)}
.home-capability-media>*{flex:0 1 54%;width:54%;max-width:54%;min-width:0;height:100%}
.home-capability-media>*:last-child{flex-basis:40%;width:40%;max-width:40%}
.home-capability-media>*:only-child{flex-basis:100%;width:100%;max-width:100%}
.home-capability-media img{object-fit:contain;mix-blend-mode:multiply}
.home-capability-media>.server-cutout img{width:100%;height:100%;max-width:100%;object-fit:contain}
.home-capability-copy{padding:26px;display:flex;flex-direction:column;flex:1}
.home-capability-kicker{display:flex;align-items:center;gap:12px;font-size:var(--type-caption);font-weight:600;letter-spacing:.05em;color:#51758b;margin-bottom:18px}
.home-capability-kicker>span{color:#007e9f;font-variant-numeric:tabular-nums}
.home-capability h3{font-size:var(--type-h3);line-height:1.4;letter-spacing:-.02em;font-weight:600}
.home-capability-copy>p:not(.home-capability-kicker){font-size:var(--type-body);line-height:var(--type-copy-leading);color:#4b667a;margin:18px 0 22px}
.home-capability-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:auto}
.home-capability-links>.eco-text-link{font-size:var(--type-ui);min-height:44px;padding-block:8px}
.cinema-home .eco-compatibility{font-size:var(--type-caption);line-height:1.7;max-width:900px;margin:26px 0 0;color:#607c8e}
.home-case-feature{background:#f3f9fb;border-top:1px solid #e0edf2}
.home-case-card{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);background:#fff;border:1px solid #d9e8ee;border-radius:12px;overflow:hidden;min-height:360px}
.home-case-photo{min-width:0;max-height:440px;background:#d8eef2}
.home-case-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.home-case-copy{padding:42px;align-self:center;min-width:0}
.home-case-copy>.eco-kicker{font-size:var(--type-caption);letter-spacing:.1em;color:#007e9f;margin-bottom:18px}
.home-case-copy h2{font-size:var(--type-h2);line-height:1.3;letter-spacing:-.025em;color:#10283f}
.home-case-copy>p:not(.eco-kicker){font-size:var(--type-body);line-height:var(--type-copy-leading);color:#4b667a;margin-top:20px;max-width:680px}
.home-case-copy .cinema-case-link{font-size:var(--type-ui);font-weight:600;color:#007e9f;min-height:44px;gap:16px;margin-top:22px;border:0;padding:8px 0}
.home-case-copy .cinema-case-link:hover{color:#005a72;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.home-ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-capability:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-capability:last-child:nth-child(odd) .home-capability-media{height:100%;min-height:220px}.home-case-copy{padding:30px}}
@media(max-width:760px){.cinema-home .cinema-hero{height:min(620px,calc(100svh - 72px));min-height:540px;max-height:620px}.cinema-home .cinema-hero-copy{bottom:48px}.cinema-home .cinema-hero-top{left:20px;right:20px;top:20px;gap:12px}.cinema-home .cinema-overline{margin-bottom:18px}.home-hero-actions{margin-top:24px;gap:12px}.cinema-home .cinema-ecosystem{padding:48px 0}.home-ecosystem-grid{grid-template-columns:1fr;margin-top:30px;gap:22px}.home-capability:last-child:nth-child(odd){display:flex;grid-column:auto}.home-capability-media,.home-capability:last-child:nth-child(odd) .home-capability-media{height:210px;min-height:0}.home-capability-copy{padding:24px}.home-capability-kicker{margin-bottom:14px}.home-case-card{grid-template-columns:1fr;min-height:0}.home-case-photo{aspect-ratio:16/9;max-height:300px}.home-case-copy{padding:28px 24px}.home-case-copy h2{font-size:var(--type-h2)}.home-case-copy .cinema-case-link{margin-top:18px}}
@media(max-width:380px){.cinema-home .cinema-hero{min-height:520px}.cinema-home .cinema-hero-top>span{font-size:10px;letter-spacing:.06em}.cinema-home .film-control{padding:8px 10px;font-size:var(--type-caption)}.home-capability-media,.home-capability:last-child:nth-child(odd) .home-capability-media{height:180px}.home-capability-copy{padding:22px}.home-case-copy{padding:26px 22px}}