.cinema-hero{position:relative;height:calc(100svh - 126px);min-height:720px;max-height:1050px;background:#071b35;color:#fff;overflow:hidden;isolation:isolate}
.cinema-poster,.cinema-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.cinema-hero>video{opacity:0;transition:opacity .4s}.cinema-hero.film-playing>video{opacity:1}
.cinema-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03172de5,#03172d88 52%,#03172d28),linear-gradient(0deg,#03172d99,transparent 65%)}
.cinema-hero-top{position:absolute;top:32px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;letter-spacing:.15em}
.film-control{border:1px solid #ffffff80;border-radius:30px;color:#fff;background:#071b3550;backdrop-filter:blur(12px);padding:10px 17px;font-size:14px;min-height:48px;display:flex;gap:10px;align-items:center;letter-spacing:0}
.film-control:hover{background:#fff;color:#071b35}
.cinema-hero-copy{position:absolute;left:0;right:0;bottom:105px}
.cinema-overline{color:#9feefa;font-size:14px;letter-spacing:.14em;font-weight:650;margin-bottom:25px}
.cinema-home .cinema-hero h1{font-size:clamp(64px,6.8vw,104px);line-height:1.12;letter-spacing:-.055em;font-weight:600;color:#fff;max-width:1100px;text-wrap:initial}
.cinema-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-top:35px}
.cinema-hero-bottom p{font-size:22px;line-height:1.8;color:#f2f8fc;max-width:760px}




.cinema-ecosystem{padding:125px 0 48px;background:#f4f8fa}
.cinema-story-heading{max-width:1050px}.cinema-story-heading h2{font-size:clamp(44px,4.8vw,72px);font-weight:600;line-height:1.2}.cinema-story-heading h2 span{color:#007e9f}
.cinema-story-heading>p:last-child{font-size:21px;line-height:1.85;color:#4b667a;margin-top:28px;max-width:800px}
.cinema-story-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:70px;position:relative;margin-top:65px;align-items:start}
.cinema-chapter{min-height:66svh;padding:55px 0 70px;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:150px}
.cinema-chapter-label{display:flex;align-items:center;gap:18px;font-size:13px;letter-spacing:.13em;color:#527285;font-weight:650;margin-bottom:24px}
.cinema-chapter-label>span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #8eabbc;border-radius:50%;font-size:13px;color:#284d65;letter-spacing:0;flex-shrink:0}
.cinema-chapter.current .cinema-chapter-label>span{background:#007e9f;color:#fff;border-color:#007e9f}
.cinema-home .cinema-chapter h3{font-size:clamp(34px,3.5vw,52px);font-weight:600;line-height:1.25}
.cinema-chapter>p:not(.cinema-chapter-label){font-size:21px;line-height:1.9;color:#3c5b72;margin-top:28px;max-width:560px}
.cinema-chapter-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:24px}
.cinema-sticky-art{position:sticky;top:150px;height:calc(100svh - 190px);max-height:720px;min-height:480px;display:flex;flex-direction:column;--scene:0}
.cinema-art-track{display:flex;justify-content:space-between;gap:10px;position:relative;padding-top:19px;border-top:1px solid #b9d1dc}
.cinema-art-track>span:not(.cinema-track-active){font-size:11px;letter-spacing:.14em;color:#5f7e90}
.cinema-track-active{position:absolute;top:-2px;left:0;height:3px;background:#007e9f;width:calc(100% / 3);transform:translateX(calc(var(--scene) * 100%));transition:transform .45s}
.cinema-product-scenes{position:relative;flex:1;min-height:300px}
.cinema-product-scene{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity .4s,transform .45s;pointer-events:none}
.cinema-product-scene.active{opacity:1;transform:none}
.scene-product{position:absolute;object-fit:contain;mix-blend-mode:multiply;max-width:none}
.scene-product.product-0{width:100%;height:64%;left:0;top:4%}.scene-product.product-1{width:56%;height:45%;right:0;bottom:9%}
.cinema-scene-caption{position:absolute;left:5%;bottom:9%;font-size:13px;color:#617d90;max-width:40%;line-height:1.8}
.cinema-cloud-anchor{border-top:1px solid #a5c8d7;padding:25px 0 0;display:flex;align-items:center;gap:18px;position:relative}
.cinema-cloud-anchor:before{content:'';position:absolute;left:50%;top:-32px;height:31px;width:1px;background:#4caac0}
.cinema-cloud-anchor>svg{color:#007e9f}.cinema-cloud-anchor small{display:block;font-size:12px;letter-spacing:.08em;color:#56778c}
.cinema-cloud-anchor strong{font-size:30px;letter-spacing:-.04em;font-weight:600;line-height:1.5}
.cinema-anchor-point{width:8px;height:8px;background:#00b8d4;border-radius:50%;margin-left:auto}
.cinema-mobile-products{display:none}
.cinema-cloud-stage{position:relative;padding-top:80px;margin-top:35px}
.cinema-cloud-word{position:absolute;left:0;right:0;text-align:center;top:0;font-size:clamp(90px,13vw,190px);line-height:1.15;letter-spacing:-.07em;color:#e4f3f7;font-weight:650;white-space:nowrap}
.cinema-cloud-stage>img{position:relative;width:min(100%,1150px);height:auto;margin:auto;z-index:1}
.cinema-human-story{position:relative;min-height:780px;height:90svh;max-height:1050px;isolation:isolate;overflow:hidden;background:#071b35;color:#fff}
.cinema-human-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.cinema-human-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04192ce6,#04192c00 95%);z-index:-1}
.cinema-human-caption{position:absolute;left:0;right:0;bottom:100px}
.cinema-human-caption>p:first-child{font-size:14px;letter-spacing:.12em;color:#b3eaf2;margin-bottom:28px}
.cinema-home .cinema-human-caption h2{font-size:clamp(48px,5.4vw,78px);font-weight:600;line-height:1.2;color:#fff}
.cinema-human-caption>p:not(:first-child){font-size:22px;line-height:1.85;color:#eaf4f9;max-width:660px;margin-top:28px}
.cinema-case-link{display:inline-flex;gap:24px;align-items:center;font-size:19px;color:#fff;border-bottom:1px solid #c0d8e3;padding:12px 0;margin-top:26px;min-height:52px}
.cinema-case-link:hover{color:#99f0fa}.cinema-home+.support-band{display:none}
@media(max-width:1120px){
 .cinema-hero{min-height:750px}.cinema-home .cinema-hero h1{font-size:76px}
 .cinema-story-grid{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cinema-cloud-anchor strong{font-size:26px}
 .cinema-story-heading h2{font-size:56px}.cinema-sticky-art{top:145px;min-height:440px}.cinema-human-story{min-height:700px}
}
@media(max-width:820px){
 .cinema-hero{min-height:720px;max-height:900px;height:calc(100svh - 120px)}.cinema-hero-top{top:25px;left:24px;right:24px}
 .cinema-hero-copy{bottom:95px}.cinema-home .cinema-hero h1{font-size:68px}.cinema-overline{font-size:12px}.cinema-hero-bottom p{font-size:20px}
 .cinema-ecosystem{padding-top:80px}.cinema-story-heading h2{font-size:49px}
 .cinema-story-grid{display:block;margin-top:25px}.cinema-sticky-art{display:none}
 .cinema-chapter{min-height:0;padding:50px 0 55px;border-bottom:1px solid #cadce6}.cinema-chapter:last-child{border-bottom:0}
 .cinema-home .cinema-chapter h3{font-size:42px}.cinema-chapter>p:not(.cinema-chapter-label){font-size:20px;max-width:600px}
 .cinema-mobile-products{display:flex;align-items:center;justify-content:center;gap:15px;min-width:0;margin-top:30px;height:260px}
 .cinema-mobile-products img{width:56%;max-width:56%;height:100%;object-fit:contain;mix-blend-mode:multiply}
 .cinema-mobile-products > .server-cutout{flex:0 1 56%;width:56%;max-width:56%;min-width:0}
 .cinema-mobile-products > .server-cutout:last-child{flex-basis:40%;width:40%;max-width:40%}
 .cinema-mobile-products img:last-child{width:40%;max-width:40%;height:75%}.cinema-cloud-stage{padding-top:55px;margin-top:30px}
 .cinema-human-story{height:800px;min-height:0}.cinema-human-caption{bottom:80px}.cinema-home .cinema-human-caption h2{font-size:55px}
 .cinema-human-caption>p:not(:first-child){font-size:20px;max-width:560px}
}
@media(max-width:540px){
 .cinema-hero{height:calc(100svh - 120px);min-height:680px;max-height:840px}
 .cinema-hero-top{left:20px;right:20px;top:23px;font-size:10px;letter-spacing:.1em}
 .film-control{min-height:46px;font-size:13px;padding:9px 13px}.cinema-hero-copy{bottom:90px}
 .cinema-home .cinema-hero h1{font-size:clamp(43px,11vw,60px);line-height:1.2}
 .cinema-overline{font-size:11px;letter-spacing:.09em;margin-bottom:23px}.cinema-hero-bottom{margin-top:25px}
 .cinema-hero-bottom p{font-size:19px;line-height:1.85}
 
 .cinema-ecosystem{padding:65px 0 30px}.cinema-story-heading h2{font-size:40px;line-height:1.25}
 .cinema-story-heading>p:last-child{font-size:19px;line-height:1.85}.cinema-home .cinema-chapter h3{font-size:35px;line-height:1.3}
 .cinema-chapter>p:not(.cinema-chapter-label){font-size:19px;line-height:1.85}.cinema-chapter-label{font-size:11px;gap:13px;margin-bottom:20px}
 .cinema-mobile-products{height:185px;gap:5px}.cinema-chapter-links .eco-text-link{font-size:17px}
 .cinema-cloud-word{font-size:18vw}.cinema-cloud-stage{padding-top:38px}.cinema-human-story{height:720px}
 .cinema-human-story>img{object-position:57% 50%}.cinema-human-shade{background:linear-gradient(0deg,#04192ce8,#04192c05 110%)}
 .cinema-human-caption{bottom:75px}.cinema-home .cinema-human-caption h2{font-size:43px}
 .cinema-human-caption>p:not(:first-child){font-size:19px}.cinema-human-caption>p:first-child{font-size:11px;letter-spacing:.08em;margin-bottom:22px}
 .cinema-case-link{font-size:18px}.cinema-shade{background:linear-gradient(90deg,#03172dbb,#03172d2c),linear-gradient(0deg,#03172de5,#03172d05 100%)}
}
@media(prefers-reduced-motion:reduce){
 .cinema-sticky-art{display:none}.cinema-story-grid{display:block}.cinema-chapter{min-height:0;padding:45px 0}
 .cinema-mobile-products{display:flex;align-items:center;justify-content:center;gap:20px;height:280px;margin-top:30px}
 .cinema-mobile-products img{max-width:50%;width:50%;height:100%;object-fit:contain;mix-blend-mode:multiply}
 .cinema-mobile-products > .server-cutout{flex:0 1 50%;width:50%;max-width:50%;min-width:0}
 .cinema-product-scene,.cinema-track-active{transition:none;transform:none}
}


.cinema-chapter[data-scene="0"] 

.film-provenance{padding:55px 0 45px;margin:45px 0;border-top:1px solid #c6d9e3;border-bottom:1px solid #c6d9e3;scroll-margin-top:145px}.film-provenance>h2{font-size:36px}.film-provenance>p{max-width:900px;margin-top:24px}.film-provenance ol{padding-left:27px}.film-provenance li{padding:28px 0 30px;border-bottom:1px solid #d6e2e8}.film-provenance li:last-child{border:0}.film-provenance h3{font-size:24px;line-height:1.5}.film-provenance li>p{margin-top:12px;font-size:17px;color:#4b667a}.film-source-links{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:15px}.film-source-links a{font-size:17px}.film-provenance details{margin-top:18px;font-size:16px}.film-provenance summary{cursor:pointer;padding:10px 0;color:#31586f}.film-provenance details p{font-size:16px;margin:12px 0}.film-provenance code{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.9;color:#406074}
@media(max-width:600px){.film-provenance>h2{font-size:29px}.film-provenance h3{font-size:22px}.film-source-links{display:block}.film-source-links a{display:flex;min-height:44px}.film-provenance ol{padding-left:22px}}
/* Demo tools live after the footer so they never obscure the page being reviewed. */
.review-dock{position:static;display:flex;justify-content:center;flex-wrap:wrap;margin:0;max-width:none;border-radius:0;box-shadow:none;opacity:1;padding:12px;gap:6px;border-top:1px solid #ffffff24}
.source-notes{margin-top:30px}.source-notes h3{font-size:24px;line-height:1.5;margin-bottom:18px}.source-notes>div+div{margin-top:22px}.source-notes .source-line{margin-top:12px}
.review-context{margin:55px 0;padding:40px 0;border-top:1px solid #c6d9e3;border-bottom:1px solid #c6d9e3}.review-context h2{font-size:36px;line-height:1.4}.crm-phases{padding-left:25px;margin:28px 0 45px}.crm-phases li{padding:8px 0 20px}.crm-phases h3{font-size:25px;line-height:1.5;margin:0 0 12px}.systems-glossary{margin:28px 0}.systems-glossary dt{font-size:19px;line-height:1.6;font-weight:700;margin-top:26px;color:#00718d}.systems-glossary dd{margin:8px 0 0;font-size:19px;line-height:1.9}
@media(max-width:600px){.review-context{margin:35px 0;padding:30px 0}.review-context h2{font-size:29px}.crm-phases h3{font-size:23px}.systems-glossary dt,.systems-glossary dd{font-size:18px}}
.review-context>h3{font-size:25px;line-height:1.5;margin:32px 0 18px}.pim-preparation{padding-left:24px;margin:22px 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:22px 48px}.pim-preparation li{padding-left:4px}.pim-preparation strong{font-size:21px;line-height:1.5}.pim-preparation p{font-size:18px;line-height:1.85;margin-top:10px}.review-context .btn-row{margin-bottom:5px}
@media(max-width:820px){.pim-preparation{grid-template-columns:1fr;gap:25px}.pim-preparation strong{font-size:20px}.review-context>h3{font-size:23px}}

/* Brand values and the existing case feature share one region before the hero. */
.why-engenius{background:#f4f8fa}
.why-engenius .why-engenius-heading h2{font-size:var(--type-h2);line-height:1.25}
.why-engenius .why-engenius-heading>p:last-child{font-size:var(--type-lead);line-height:var(--type-copy-leading);max-width:var(--reading-width);margin-top:20px}
.why-engenius-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:40px}
.why-engenius-value{min-width:0;border-top:1px solid #b9d1dc;padding-top:24px}
.why-engenius-value .cinema-chapter-label{margin-bottom:20px}
.why-engenius-value h3{font-size:var(--type-card);font-weight:600;line-height:1.45;letter-spacing:-.015em}
.why-engenius-value>p:last-child{font-size:var(--type-body);line-height:var(--type-copy-leading);color:#4b667a;margin-top:16px}
@media(max-width:1120px){.why-engenius-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:600px){.why-engenius-values{grid-template-columns:1fr;gap:28px;margin-top:32px}.why-engenius-value{padding-top:20px}.why-engenius-value .cinema-chapter-label{margin-bottom:16px}}

/* The homepage introduces the independent first-level brand destination. */
.why-home-teaser{background:#f4f8fa}
.why-home-teaser>.wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.why-home-teaser h2{font-size:var(--type-h2);line-height:1.25}
.why-home-teaser h2+p{font-size:var(--type-body);line-height:var(--type-copy-leading);color:#4b667a;margin-top:16px;max-width:var(--reading-width)}
.why-home-teaser .btn{flex-shrink:0}
@media(max-width:820px){.why-home-teaser>.wrap{align-items:flex-start;flex-direction:column;gap:24px}}