/* 080 — a site-builder demonstration, then a large editorial gallery. No effect per card. */
.marketing-page{--cinema-ready:082}
.marketing-page .home-replay{font:400 10px/1.6 "Plus Jakarta Sans",sans-serif;color:#677162;border:0;border-bottom:1px solid #cbd0c1;background:none;padding:3px 0;cursor:pointer;white-space:nowrap}
.marketing-page .home-replay:focus-visible{outline:2px solid #597262;outline-offset:5px}
[data-home-motion="cinema-082"] .marketing-nav{position:sticky;top:0;z-index:40;background:#fffefb;backdrop-filter:none;transition:box-shadow .25s,border-color .25s}
[data-home-motion="cinema-082"] .marketing-nav[data-cinema-scrolled=true]{box-shadow:0 5px 20px #24352a0b;border-bottom-color:#dedbd1}
.cinema-hero-track,.cinema-model-track{position:relative;width:100%}
.cinema-caption,.cinema-scroll-note,.cinema-controls{display:none}
[data-cinema-mode="desktop"] .marketing-hero{position:sticky;top:var(--cinema-nav-h,76px);height:var(--cinema-screen-h,760px);min-height:0;max-width:1440px;width:100%;padding-top:48px;padding-bottom:72px;overflow:visible;isolation:isolate}
[data-cinema-mode="desktop"] .marketing-copy{opacity:var(--cinema-copy-opacity,1);transform:translateY(var(--cinema-copy-y,0px));z-index:2}
[data-cinema-mode="desktop"] .editor-showcase{transform:translate3d(var(--cinema-x,0px),var(--cinema-y,0px),0) scale(var(--cinema-scale,1));transform-origin:0 0;z-index:3;translate:none;rotate:none;scale:1}
[data-cinema-mode="desktop"] .showcase-window{transform:perspective(1400px) rotateY(calc(-17deg * (1 - var(--cinema-flat,0)))) rotateX(calc(5deg * (1 - var(--cinema-flat,0)))) rotateZ(calc(-.8deg * (1 - var(--cinema-flat,0))));box-shadow:0 18px 45px #433b281b;transition:none}
[data-cinema-mode="desktop"] .editor-showcase:before{opacity:calc(1 - var(--cinema-flat,0));transition:none}
[data-cinema-mode="desktop"] .showcase-scene{transform:none;translate:none;scale:1}
[data-cinema-mode="desktop"] .showcase-badge{transform:scale(calc(1 / var(--cinema-scale,1)));transform-origin:100% 100%;translate:none;transition:box-shadow .2s}
[data-cinema-mode="desktop"] .cinema-caption{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:absolute;z-index:5;left:24px;right:24px;top:22px;text-align:center;opacity:var(--cinema-caption-opacity,0)}
.cinema-kicker{font-size:8px;letter-spacing:2px;color:#788170;font-weight:600}
.cinema-caption h2{margin:0;color:#26362c;font:500 clamp(28px,3.2vw,40px)/1.15 "Plus Jakarta Sans",sans-serif;letter-spacing:-1.6px}
.cinema-caption button{background:transparent;border:0;border-bottom:1px solid #9ba98f;padding:4px 0;color:#52674f;font:400 11px/1.4 "Plus Jakarta Sans",sans-serif;cursor:pointer}
.cinema-caption button span{display:inline-block;margin-left:6px;transition:translate .2s}.cinema-caption button:hover span{translate:2px -2px}
[data-cinema-mode="desktop"] .cinema-scroll-note{display:flex;align-items:center;gap:18px;position:absolute;left:var(--home-gutter,64px);right:var(--home-gutter,64px);bottom:16px;z-index:5;font-size:10px;color:#7a8173}
.cinema-scroll-line{height:2px;width:110px;background:#dfe3d6;overflow:hidden}.cinema-scroll-line i{display:block;width:100%;height:100%;background:#536b51;transform-origin:left;transform:scaleX(var(--cinema-progress,0))}
.cinema-scroll-note button{margin-left:auto;border:0;background:transparent;font:500 11px "Plus Jakarta Sans",sans-serif;color:#50664e;cursor:pointer;padding:10px 0}
.cinema-scroll-note button span{margin-left:12px}
.cinema-selection{display:block;position:absolute;inset:-5px -7px;pointer-events:none;border:1px solid #6b876f;border-radius:2px;opacity:var(--cinema-edit,0)}
.cinema-selection i{position:absolute;width:4px;height:4px;border:1px solid #6b876f;background:#f9fbf6;border-radius:50%}.cinema-selection i:nth-child(1){left:-2px;top:-2px}.cinema-selection i:nth-child(2){right:-2px;top:-2px}.cinema-selection i:nth-child(3){right:-2px;bottom:-2px}.cinema-selection i:nth-child(4){left:-2px;bottom:-2px}
.cinema-selection small{position:absolute;left:-1px;top:-15px;color:#fffdfa;background:#607b64;padding:3px 5px;border-radius:3px 3px 0 0;font:400 6px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:0;white-space:nowrap}
[data-home-motion="cinema-082"] .feature-strip{position:relative}.feature-strip:after{content:'';position:absolute;left:10%;right:10%;top:0;height:1px;background:#b5bfaa;transform:scaleX(var(--cinema-band,0));transform-origin:center;pointer-events:none}
[data-home-motion="cinema-082"] .login-box{box-shadow:0 24px 60px rgba(46,58,50,calc(.012 + var(--cinema-form-depth,0)*.045))}
[data-cinema-mode="compact"] .cinema-hero-track,[data-cinema-mode="compact"] .cinema-model-track{height:auto!important}
[data-cinema-mode="compact"] .cinema-viewport{overflow:visible}
/* Compact screens retain the full scroll sequence, pinned around the preview only. */
[data-cinema-mode="compact"] .marketing-hero{grid-template-columns:minmax(0,1fr);align-items:start;max-width:760px}
[data-cinema-mode="compact"] .marketing-copy{width:100%;max-width:624px;margin-inline:auto}
.cinema-scene-track{position:relative;min-width:0;width:100%}
.cinema-compact-stage{position:sticky;top:calc(var(--cinema-nav-h,68px) + 12px);padding:66px 0 46px;min-width:0;isolation:isolate}
[data-cinema-mode="compact"] .editor-showcase{width:100%;max-width:min(570px, max(180px, calc((100svh - var(--cinema-nav-h,68px) - 144px) * 1.4)));margin-inline:auto;transform:translateY(var(--cinema-y,0px)) scale(var(--cinema-scale,1));transform-origin:center;translate:none;rotate:none}
[data-cinema-mode="compact"] .showcase-window{transform:perspective(1100px) rotateY(calc(-9deg * (1 - var(--cinema-flat,0)))) rotateX(calc(4deg * (1 - var(--cinema-flat,0)))) rotateZ(calc(1deg * (1 - var(--cinema-flat,0))));transition:none}
[data-cinema-mode="compact"] .editor-showcase:before{opacity:calc(1 - var(--cinema-flat,0))}
[data-cinema-mode="compact"] .showcase-scene{transform:none;translate:none;scale:1}
[data-cinema-mode="compact"] .cinema-caption{display:flex;flex-direction:column;gap:6px;position:absolute;top:8px;left:0;right:0;text-align:center;opacity:var(--cinema-caption-opacity,0)}
[data-cinema-mode="compact"] .cinema-caption h2{font-size:clamp(23px,4vw,32px);letter-spacing:-1px}
[data-cinema-mode="compact"] .cinema-scroll-note{display:flex;align-items:center;gap:10px;position:absolute;bottom:3px;left:0;right:0;font-size:9px;color:#7a8173}
[data-cinema-mode="compact"] .cinema-scroll-line{width:42px;flex-shrink:1}
[data-cinema-mode="compact"] .cinema-scroll-note button{font-size:9px;white-space:nowrap}
[data-cinema-mode="compact"] .cinema-scroll-note button span{margin-left:3px}
@media(prefers-reduced-motion:reduce){.marketing-page .home-replay{display:none}.cinema-caption,.cinema-scroll-note,.cinema-controls,.cinema-selection{display:none!important}.cinema-hero-track,.cinema-model-track{height:auto!important}.marketing-page .marketing-hero,.marketing-page .marketing-models{position:relative!important;height:auto!important}.marketing-page .editor-showcase,.marketing-page .showcase-window,.marketing-page .showcase-scene{transform:none!important;translate:none!important;scale:1!important}.marketing-page .marketing-copy{opacity:1!important;transform:none!important}}
@media print{.cinema-caption,.cinema-scroll-note,.cinema-controls,.home-replay{display:none!important}.cinema-hero-track,.cinema-model-track{height:auto!important}.marketing-page .marketing-nav,.marketing-page .marketing-hero,.marketing-page .marketing-models{position:static!important;height:auto!important}.marketing-page .marketing-copy{opacity:1!important}}

/* 082: one decorative word edit after the existing centred preview; no layout shift. */
.cinema-edit-word{position:relative;display:inline-block;white-space:pre;vertical-align:baseline;isolation:isolate;letter-spacing:inherit;line-height:inherit}
.cinema-edit-measure{visibility:hidden;pointer-events:none}
.cinema-edit-content{position:absolute;top:0;left:0;white-space:pre;z-index:1;line-height:inherit}
.cinema-edit-highlight{position:absolute;pointer-events:none;left:-.015em;top:.015em;width:calc(var(--edit-word-width,1em) + .04em);height:1.06em;background:#91aa965c;border-radius:.035em;z-index:0;transform-origin:left center;transform:scaleX(var(--edit-selection,0))}
.cinema-edit-cursor{position:absolute;pointer-events:none;left:var(--edit-pointer-x,0px);top:.14em;height:.82em;width:1px;background:#253a2d;opacity:var(--edit-pointer-opacity,0);z-index:3}
.cinema-edit-cursor:before,.cinema-edit-cursor:after{content:'';position:absolute;left:-1.6px;width:4.2px;height:1px;background:#253a2d}.cinema-edit-cursor:before{top:0}.cinema-edit-cursor:after{bottom:0}
.cinema-edit-caret{position:absolute;pointer-events:none;left:var(--edit-caret-x,0px);top:.055em;height:1em;width:1px;background:#45694e;opacity:var(--edit-caret-opacity,0);z-index:3}
.cinema-edit-confirm{position:absolute;right:-1px;top:-17px;display:flex;align-items:center;gap:3px;color:#3c6046;background:#f5f8f1;border:1px solid #9eb6a055;border-radius:4px;padding:2px 5px;font:500 6px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none}
.cinema-edit-check{font-size:7px;line-height:1}
@media(prefers-reduced-motion:reduce){.cinema-edit-cursor,.cinema-edit-caret,.cinema-edit-highlight,.cinema-edit-confirm{display:none!important}}
@media print{.cinema-edit-cursor,.cinema-edit-caret,.cinema-edit-highlight,.cinema-edit-confirm{display:none!important}}

/* The marketing preview is visual-only. The real editor is not affected. */
.marketing-page .editor-showcase{pointer-events:none;user-select:none;-webkit-user-select:none}