/* ESXONE Hybrid Signature v0.9.4 cinematic story overlay.
   New styles stay inside the demo (.esxh-cine-ready) and never target carousel internals,
   Bento cards, Discovery controls or the SEO body article. */
.esxh-cine-ready{--esxh-cine-gold:rgba(246,197,103,.88);}
/* Replace the previous single .85s reveal only within this one demo. The stage
   camera controls the children; never dim/hide whole accessible sections. */
.esxh-cine-ready .esxh-section.esxh-reveal{opacity:1!important;transform:none!important;transition:none!important;}
.esxh-cine-ready .esxh-section{isolation:isolate;}
.esxh-cine-ready .esxh-cine-scene-label{
 display:block!important;position:relative;z-index:2;width:max-content;max-width:95%;
 padding:5px 0 5px 17px;margin:0 0 22px max(0px,calc((100% - 1180px)/2))!important;
 border-left:3px solid #efb967;color:#f5ce93!important;font-size:.62rem!important;
 font-weight:700;letter-spacing:.24em;line-height:1.35;
 text-shadow:0 0 10px rgba(250,188,80,.3);
}
/* The style only animates story/title surfaces on scroll. Nothing interactive in
   the existing carousel, Bento or Discovery Universe receives new transforms. */
.esxh-cine-ready .esxh-services::before,
.esxh-cine-ready .esxh-universe-section::before,
.esxh-cine-ready .esxh-story::before,
.esxh-cine-ready .esxh-flow-section::before,
.esxh-cine-ready .esxh-bottom-banner::before{
 content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
 opacity:calc(.10 + var(--esxh-cine-glow,0)*.72);
 background:radial-gradient(ellipse at 28% 32%,rgba(11,199,255,.24),transparent 47%),
 radial-gradient(ellipse at 80% 74%,rgba(234,136,48,.25),transparent 55%);
 transition:opacity .1s linear;
}
.esxh-cine-ready .esxh-services::before{background:radial-gradient(ellipse at 18% 46%,rgba(195,62,250,.21),transparent 52%),radial-gradient(ellipse at 85% 68%,rgba(5,211,222,.26),transparent 58%);}
.esxh-cine-ready .esxh-universe-section::before{background:radial-gradient(circle at 50% 50%,rgba(0,185,255,.31),transparent 57%),radial-gradient(ellipse at 77% 19%,rgba(252,182,67,.18),transparent 51%);}
.esxh-cine-ready .esxh-flow-section::before{background:radial-gradient(ellipse at 84% 8%,rgba(171,68,208,.22),transparent 55%);}
.esxh-cine-ready .esxh-section:not(.esxh-insights)>.esxh-tag,
.esxh-cine-ready .esxh-section:not(.esxh-insights)>h2{
 position:relative;z-index:1;
 transform:translate3d(0,calc(var(--esxh-cine-enter,0px)*.26),0);
 opacity:calc(.78 + .22*var(--esxh-cine-p,1));
 will-change:transform;
}
.esxh-cine-ready .esxh-story{
 overflow:clip;
 background:radial-gradient(ellipse at 60% 40%,rgba(21,70,112,.4),transparent 65%),#0b2036!important;
}
/* Time & Intelligence: two true scroll-scrubbed tableaux. */
.esxh-cine-ready .esxh-story-columns{
 position:relative;perspective:1300px;transform-style:preserve-3d;
 padding:24px 0;min-height:340px;
}
.esxh-cine-ready .esxh-story-columns .wp-block-image{
 position:relative;overflow:hidden;border-radius:20px;isolation:isolate;
 box-shadow:0 32px 70px rgba(0,0,0,.28),0 0 24px rgba(30,146,208,.12);
 transform-style:preserve-3d;
}
.esxh-cine-ready .esxh-story-columns .wp-block-image img{
 display:block;width:100%;
 transform:perspective(1500px) translate3d(0,var(--esxh-cine-photo-y,0px),0) scale(var(--esxh-cine-photo-scale,1.06)) rotateY(var(--esxh-cine-photo-rot,0deg));
 transform-origin:center center;transition:none!important;
}
.esxh-cine-ready .esxh-story-columns .wp-block-image::after{
 content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
 border:2px solid rgba(243,191,112,.76);border-radius:20px;
 box-shadow:inset 0 0 32px rgba(8,155,214,.24),inset 0 3px 0 rgba(255,237,195,.32),0 0 24px rgba(244,184,87,.32);
 background:linear-gradient(114deg,transparent 29%,rgba(255,219,158,.17) 43%,transparent 55%);
 background-size:240% 100%;background-position:calc(105% - var(--esxh-cine-story-p,0)*120%) 0;
 opacity:calc(.52 + var(--esxh-cine-shine,0)*.48);
}
.esxh-cine-ready .esxh-story-columns .esxh-story-copy{
 transform:translate3d(var(--esxh-cine-text-x,0px),0,0);
 opacity:calc(.76 + var(--esxh-cine-story-p,0)*.24);
 position:relative;z-index:3;
 text-shadow:0 7px 18px rgba(0,0,0,.08);
}
.esxh-cine-ready .esxh-story::after,
.esxh-cine-ready .esxh-bottom-banner::after{
 content:'';position:absolute;z-index:2;pointer-events:none;
 left:5%;right:5%;bottom:13px;height:2px;
 background:linear-gradient(90deg,transparent,#f0b86e,#1dcaeb,#e6bb73,transparent);
 transform:scaleX(var(--esxh-cine-p,0));transform-origin:left center;
 box-shadow:0 0 12px rgba(251,201,118,.75),0 0 24px rgba(4,191,237,.42);
}
/* Stage 5 introduces media with a tiny visual glow; never moves the long SEO article. */
.esxh-cine-ready .esxh-flow-section>.esxh-flow{
 position:relative;z-index:1;
 border-top-color:rgba(250,191,115,calc(.28 + var(--esxh-cine-p,0)*.6));
 box-shadow:0 -12px 35px -25px rgba(60,183,229,.35);
}
.esxh-cine-ready .esxh-flow-section .wp-block-image img{border:1px solid rgba(226,182,105,.48);box-shadow:0 0 18px rgba(11,153,211,.1);}
/* Finale gold-sunrise wash, scrubbed directly by scroll progress. */
.esxh-cine-ready .esxh-bottom-banner{position:relative;overflow:hidden;isolation:isolate;}
.esxh-cine-ready .esxh-bottom-banner::before{
 opacity:calc(.15 + var(--esxh-cine-p,0)*.78);
 background:radial-gradient(ellipse at 55% 125%,rgba(255,195,83,.75),transparent 60%),
 linear-gradient(125deg,transparent 25%,rgba(17,191,238,.13) 49%,rgba(241,167,70,.19) 72%,transparent 90%);
}
.esxh-cine-ready .esxh-bottom-banner .esxh-btn{
 position:relative;z-index:3;
 box-shadow:0 0 calc(6px + var(--esxh-cine-p,0)*33px) rgba(240,179,79,.48);
}
/* Progress rail intentionally tucked away from the floating Globalicty and Jennifer widgets. */
.esxh-cine-ready .esxh-cine-rail{
 position:fixed;z-index:42;right:14px;top:43%;transform:translateY(-50%);
 display:flex;flex-direction:column;align-items:center;gap:12px;
 padding:14px 9px;border:1px solid rgba(236,187,104,.35);border-radius:28px;
 background:rgba(4,16,33,.71);backdrop-filter:blur(14px);
 box-shadow:0 10px 24px rgba(0,0,0,.26);
}
.esxh-cine-rail-title,.esxh-cine-rail-count{font:700 .53rem/1.2 system-ui,sans-serif;letter-spacing:.12em;color:#f0c989}
.esxh-cine-rail-dot{
 appearance:none;border:1px solid rgba(211,173,101,.72);width:12px;height:12px;border-radius:50%;
 padding:0;margin:0;cursor:pointer;background:rgba(38,87,119,.65);
 box-shadow:inset 0 0 6px rgba(89,207,235,.2);
 transition:background .23s,box-shadow .23s,transform .23s;
}
.esxh-cine-rail-dot.is-active,.esxh-cine-rail-dot:focus-visible{
 background:#f6c575;box-shadow:0 0 0 3px rgba(242,190,102,.18),0 0 15px rgba(239,177,82,.8);transform:scale(1.15);
}
.esxh-cine-rail-dot:focus-visible{outline:2px solid #fff;outline-offset:4px;}
@media(max-width:1100px){.esxh-cine-ready .esxh-cine-rail{display:none}}
@media(max-width:660px){
 .esxh-cine-ready .esxh-cine-scene-label{font-size:.56rem!important;letter-spacing:.16em;margin-bottom:14px!important;}
 .esxh-cine-ready .esxh-story-columns{min-height:0;perspective:none;overflow:hidden;}
 .esxh-cine-ready .esxh-story-columns .wp-block-image img{transform:translateY(calc(var(--esxh-cine-photo-y,0px)*.35)) scale(1.055)!important;}
 .esxh-cine-ready .esxh-story-columns .esxh-story-copy{transform:translateY(calc(var(--esxh-cine-enter,0px)*.12))!important;opacity:1;}
}
@media(prefers-reduced-motion:reduce){
 .esxh-cine-ready .esxh-cine-rail,.esxh-cine-ready .esxh-cine-scene-label{display:none!important}
 .esxh-cine-ready .esxh-section::before,.esxh-cine-ready .esxh-section::after,.esxh-cine-ready .esxh-story-columns .wp-block-image::after{display:none!important}
 .esxh-cine-ready .esxh-story-columns .wp-block-image img,.esxh-cine-ready .esxh-story-columns .esxh-story-copy,.esxh-cine-ready .esxh-section>.esxh-tag,.esxh-cine-ready .esxh-section>h2{transform:none!important;opacity:1!important;transition:none!important}
}