.soleron-film{--film-ink:#f1eee7;--film-gold:#d4b783;--film-muted:#bcbab0;color:var(--film-ink);background:#111311;border-radius:28px;overflow:hidden;margin:40px 0}.film-stage{position:relative;aspect-ratio:16/10;isolation:isolate;overflow:hidden;background:#111311}.film-shot{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s;overflow:hidden}.film-shot.is-active{opacity:1;visibility:visible}.film-camera{position:absolute;inset:-2%;transform-origin:68% 48%;overflow:hidden}.film-camera img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.film-focus{opacity:0;mask-image:radial-gradient(ellipse 48% 75% at 75% 50%,#000 10%,transparent 90%);pointer-events:none}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,11,.91) 0%,rgba(10,13,11,.7) 20%,rgba(10,13,11,.23) 50%,rgba(10,13,11,0) 80%),linear-gradient(0deg,rgba(10,13,11,.65),transparent 30%)}.film-copy{position:absolute;z-index:1;left:5.5%;top:12%;width:55%;max-width:600px}.film-copy>span{display:block;color:var(--film-gold);font-size:11px;letter-spacing:.13em;margin-bottom:40px}.film-copy h3{font-size:clamp(34px,4.25vw,66px);line-height:1.05;font-weight:430;letter-spacing:-.04em;margin:0 0 26px;text-wrap:balance}.film-copy p{font-size:clamp(15px,1.35vw,20px);line-height:1.65;max-width:360px;color:#d3d2c7;margin:0}.film-disclosure{position:absolute;left:5.5%;bottom:6%;font-size:10px;color:#c1bfae;z-index:2}.film-pause{position:absolute;right:5%;bottom:5%;z-index:5;border:1px solid #c6bda860;border-radius:30px;background:#10141077;color:var(--film-ink);padding:10px 18px;font-family:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(8px)}.film-navigation{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:26px 5.5% 0}.film-navigation button{position:relative;display:flex;gap:12px;align-items:center;border:0;background:none;color:#8f958b;padding:0 0 20px;text-align:left;font-family:inherit;font-size:14px;cursor:pointer}.film-navigation button span{color:#8f958b;font-size:11px}.film-navigation button[aria-pressed=true]{color:#e6ddc8}.film-navigation button i{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#42473f}.film-navigation button i:after{content:'';position:absolute;left:0;top:0;width:var(--progress,0%);height:2px;background:var(--film-gold)}.film-context{padding:25px 5.5% 30px;max-width:920px;min-height:162px}.film-context p{font-size:15px;line-height:1.8;color:#bfc2b5;margin:0 0 12px}.film-context small{font-size:11px;line-height:1.6;color:#949c8c;display:block}@media(max-width:760px){.soleron-film{margin:30px 0;border-radius:24px}.film-stage{aspect-ratio:4/5}.film-camera img{object-position:63% center}.film-shade{background:linear-gradient(0deg,#0a0d0bee 0%,#0a0d0b99 45%,transparent 88%)}.film-copy{left:7%;top:auto;bottom:18%;width:85%;max-width:none}.film-copy>span{font-size:9px;margin-bottom:19px}.film-copy h3{font-size:39px;margin-bottom:16px}.film-copy p{font-size:14px;line-height:1.55;max-width:285px}.film-navigation{gap:14px;padding-top:23px}.film-navigation button{display:block;font-size:12px;line-height:1.5}.film-navigation button span{display:block;margin-bottom:8px}.film-context{padding-top:20px;min-height:216px}.film-context p{font-size:14px}.film-context small{font-size:10px}.film-disclosure{left:7%;bottom:6%;font-size:9px}.film-pause{font-size:11px;padding:9px 14px}}@media(prefers-reduced-motion:reduce){.film-shot,.film-shot *{animation:none!important;transition:none!important}.film-copy>*{opacity:1;filter:none;transform:none}.film-focus{opacity:.5}}

.soleron-film[data-visible="false"] *,.slide[aria-hidden="true"] .soleron-film *,body.paused .soleron-film *,body.motion-off .soleron-film *{animation-play-state:paused!important}

.film-navigation[hidden]{display:none}.film-shot .film-copy>*{opacity:1;filter:none;transform:none}.film-shot.is-active .film-camera{animation-duration:9s;animation-fill-mode:both;animation-timing-function:ease-out}.film-shot[data-scene-id="cover"].is-active .film-camera{animation-name:tape-arc;transform-origin:74% 66%}.film-shot[data-scene-id="book"].is-active .film-camera{animation-name:depth-pull}.film-shot[data-scene-id="signals"].is-active .film-camera{animation-name:pattern-focus}.film-shot[data-scene-id="execution"].is-active .film-camera{animation-name:match-slide}.film-shot[data-scene-id="closing"].is-active .film-camera{animation-name:four-rise}.film-shot[data-scene-id="web-liquidity"].is-active .film-camera{animation-name:contour-pan}.film-shot[data-scene-id="web-patterns"].is-active .film-camera{animation-name:strip-turn}.film-shot[data-scene-id="web-routing"].is-active .film-camera{animation-name:route-follow}.film-shot[data-scene-id="web-instruction"].is-active .film-camera{animation-name:ledger-track}
@keyframes tape-arc{from{transform:scale(1.1) rotate(-2deg) translateY(1.5%)}to{transform:scale(1.06) rotate(.4deg) translateY(-.5%)}}
@keyframes depth-pull{from{transform:scale(1.15) translate(1.8%,1%)}to{transform:scale(1.025) translate(0,0)}}
@keyframes pattern-focus{0%{transform:scale(1.08);filter:blur(4px) saturate(.25)}35%{filter:blur(0) saturate(.45)}100%{transform:scale(1.04);filter:blur(0) saturate(1)}}
@keyframes match-slide{0%{transform:scale(1.08) translateX(-2%);filter:brightness(.85)}60%{filter:brightness(1.08)}100%{transform:scale(1.04) translateX(1%);filter:brightness(1)}}
@keyframes four-rise{from{transform:scale(1.06) translateY(2.2%);filter:brightness(.7)}to{transform:scale(1.06) translateY(-1%);filter:brightness(1.05)}}
@keyframes contour-pan{from{transform:scale(1.065) translateY(-2%)}to{transform:scale(1.065) translateY(2%)}}
@keyframes strip-turn{0%{transform:perspective(1400px) rotateY(-4deg) scale(1.08);filter:contrast(.75)}100%{transform:perspective(1400px) rotateY(0) scale(1.04);filter:contrast(1.03)}}
@keyframes route-follow{0%{transform:scale(1.16) translate(-3%,2%)}38%{transform:scale(1.105) translate(-1.3%,.6%)}100%{transform:scale(1.03) translate(1%,-.4%)}}
@keyframes ledger-track{0%{transform:scale(1.065) translateX(2%);filter:brightness(.9)}100%{transform:scale(1.065) translateX(-2%);filter:brightness(1.04)}}
[data-scene-id="web-patterns"].is-active .film-focus{animation:pattern-reveal 9s ease-out both;mask-image:linear-gradient(90deg,transparent 30%,#000 70%)}@keyframes pattern-reveal{0%,20%{opacity:0;clip-path:inset(70% 0 0 0)}55%,100%{opacity:.65;clip-path:inset(0 0 0 0)}}
[data-scene-id="web-routing"].is-active .film-focus{animation:route-light 9s ease-in-out both;mask-image:radial-gradient(ellipse at center,#000,transparent 60%);mask-size:45% 70%;mask-repeat:no-repeat;filter:brightness(1.15)}@keyframes route-light{0%{opacity:0;mask-position:20% 80%}25%{opacity:.7}75%,100%{opacity:.25;mask-position:100% 20%}}
[data-scene-id="cover"].is-active .film-copy h3{animation:cover-words 1.6s both}@keyframes cover-words{from{opacity:0;letter-spacing:-.02em}to{opacity:1;letter-spacing:-.04em}}
[data-scene-id="closing"].is-active .film-copy h3{animation:closing-words 2s .2s both}@keyframes closing-words{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.soleron-film.is-paused *,.soleron-film[data-visible="false"] *,.slide[aria-hidden="true"] .soleron-film *,body.paused .soleron-film *,body.motion-off .soleron-film *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.film-shot,.film-shot *{animation:none!important;transition:none!important}}