.product-cinema{position:relative;height:160svh;background:#f5f6f8;--frost:0;--intro:0;--title:1}
.pc-stage{position:sticky;top:var(--header-h,72px);height:calc(100svh - 72px);min-height:600px;overflow:hidden;isolation:isolate}
.pc-art,.pc-shade,.pc-frost{position:absolute;inset:0;pointer-events:none}
.pc-art{background:#eff2f6}
.pc-art img{position:absolute;object-fit:cover;height:100%;max-width:none}
.pc-business{left:0;top:0;width:65%;opacity:.7;mask-image:linear-gradient(90deg,#000 25%,transparent 100%)}
.pc-os{right:0;top:0;width:77%;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.pc-shade{background:linear-gradient(0deg,#f7f8fa 0%,rgba(247,248,250,.92) 12%,transparent 65%)}
.pc-frost{z-index:1;background:rgba(247,248,250,.68);backdrop-filter:blur(28px) saturate(.7);-webkit-backdrop-filter:blur(28px) saturate(.7);opacity:var(--frost)}
.pc-title{position:absolute;z-index:2;left:0;right:0;bottom:8%;opacity:var(--title)}
.pc-title h1{font-size:clamp(42px,5.4vw,86px);line-height:1.12;letter-spacing:-.035em;white-space:pre-line;margin:16px 0 0;max-width:1000px;color:#172634}
.pc-title .kicker{margin:0;color:#526373}
.pc-intro{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;opacity:var(--intro);pointer-events:none}
.pc-intro p{max-width:960px;font-size:clamp(28px,3.2vw,48px);line-height:1.65;font-weight:600;color:#233340;text-align:center;text-wrap:pretty}
@media(max-width:760px){.pc-stage{min-height:560px}.pc-os{width:115%;height:64%;top:12%;right:-14%;object-fit:contain;mask-image:linear-gradient(0deg,transparent,#000 20%)}.pc-business{width:100%;opacity:.28}.pc-title{bottom:9%}.pc-intro p{font-size:28px}.product-cinema{height:145svh}}
@media(prefers-reduced-motion:reduce){.product-cinema{height:auto}.pc-stage{position:relative}.pc-frost,.pc-intro{display:none}.pc-title{opacity:1}}
@media(prefers-reduced-transparency:reduce){.pc-frost{backdrop-filter:none;background:#f7f8fa}}
.pc-stage{top:146px;height:calc(100svh - 146px);min-height:480px}
@media(max-width:760px){.pc-art .pc-os{width:108%;height:64%;top:8%;right:-8%;object-fit:contain}.pc-title{bottom:9%}.pc-title h1{font-size:40px}.pc-stage{min-height:480px}}
@media(max-width:760px){.pc-art .pc-os{mask-image:linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent);mask-composite:intersect}}
/* Reserve a calm lower-left title area; align the stage to the actual navigation. */
.product-cinema{margin:0;padding:0;background:#eff2f6}
.pc-stage{top:var(--pc-nav-height,122px);height:calc(100svh - var(--pc-nav-height,122px))}
.pc-art .pc-os{width:70%;right:0;object-position:center}
.pc-business{width:58%;mask-image:linear-gradient(180deg,#000 5%,rgba(0,0,0,.7) 40%,transparent 74%)}
.pc-shade{background:radial-gradient(ellipse 62% 70% at 0% 100%,#f7f8fa 0%,#f7f8fa 48%,rgba(247,248,250,.96) 60%,transparent 100%),linear-gradient(0deg,rgba(247,248,250,.6),transparent 28%)}
.pc-title{bottom:7%}
.pc-title h1{margin:0;max-width:48%;font-size:clamp(40px,4.7vw,76px);color:#152431}
@media(max-width:760px){.pc-art .pc-os{width:100%;height:66%;top:0;right:0;object-fit:contain}.pc-business{width:100%}.pc-shade{background:linear-gradient(0deg,#f7f8fa 0%,#f7f8fa 24%,rgba(247,248,250,.8) 34%,transparent 54%)}.pc-title h1{max-width:100%;font-size:clamp(32px,6vw,40px)}.pc-title{bottom:8%}}

/* Display the original pixels without cover-cropping or enlargement. */
.pc-art .pc-os{width:min(62%,1200px);height:auto;top:16%;right:1%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.pc-business{width:48%;opacity:.55}
.pc-shade{background:radial-gradient(ellipse 57% 69% at 0% 100%,#f7f8fa 0%,#f7f8fa 50%,rgba(247,248,250,.95) 64%,transparent 100%),linear-gradient(0deg,rgba(247,248,250,.3),transparent 20%)}
@media(max-width:760px){.pc-art .pc-os{width:90%;height:auto;top:9%;right:0}.pc-business{width:85%;opacity:.25}.pc-shade{background:linear-gradient(0deg,#f7f8fa 0%,#f7f8fa 25%,rgba(247,248,250,.8) 34%,transparent 53%)}}