/* Dynamic Banners v0.14.0 — scroll-driven engine */
.dynb-instance .dynb-motion__copy h2,.dynb-instance .dynb-marquee__header h2,.dynb-instance .dynb-scroll-story__step h2{color:var(--dynb-text,#fff)}.dynb-motion__copy h2,
.dynb-marquee__header h2,
.dynb-scroll-story__step h2 {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(38px, 5vw, 74px);
    line-height: 1.02;
    letter-spacing: -.03em;
}.dynb-motion__copy p,
.dynb-marquee__header p,
.dynb-scroll-story__step p {
    max-width: 590px;
    margin: 0 0 24px;
    color: rgba(255,255,255,.7);
    font-size: 14px;
    line-height: 1.85;
}.dynb-scroll-story__rail { position: absolute; top: 50px; bottom: 50px; left: 20px; width: 3px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.12); }.dynb-scroll-story__rail span { display: block; width: 100%; height: 100%; background: #fff; transform: scaleY(var(--dynb-scroll-progress)); transform-origin: top; }.dynb-scroll-story__copy { position: relative; min-height: 330px; }.dynb-scroll-story__step { position: absolute; inset: 35px 0 auto; opacity: 0; transform: translateY(24px); transition: opacity .35s ease, transform .35s ease; }.dynb-scroll-story__step.is-current { opacity: 1; transform: translateY(0); }.dynb-scroll-story__step b { display: inline-block; margin-bottom: 16px; color: rgba(255,255,255,.45); font-size: 12px; letter-spacing: .15em; }.dynb-scroll-story__visual { position: relative; min-height: 410px; }.dynb-scroll-story__frame {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 40px;
    background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.04));
    transform: rotate(calc(-3deg + (var(--dynb-scroll-progress) * 6deg))) scale(calc(.94 + (var(--dynb-scroll-progress) * .06)));
}.dynb-scroll-story__frame span { position: absolute; width: 58%; aspect-ratio: 1; top: 18%; right: 18%; border: 1px solid rgba(255,255,255,.28); border-radius: calc(50% - (var(--dynb-scroll-progress) * 20%)); transform: translateX(calc(var(--dynb-scroll-progress) * -52px)); }.dynb-scroll-story__frame i { position: absolute; width: 25%; aspect-ratio: 1; bottom: 15%; left: 15%; border-radius: 22px; background: rgba(255,255,255,.16); transform: translateY(calc(var(--dynb-scroll-progress) * -85px)) rotate(calc(var(--dynb-scroll-progress) * 24deg)); }.dynb-scroll-story__frame b { position: absolute; right: 6%; bottom: -5%; color: rgba(255,255,255,.13); font-size: clamp(120px, 16vw, 220px); line-height: 1; }.dynb-scroll-story__caption { position: absolute; right: 20px; bottom: -34px; left: 20px; display: flex; justify-content: space-between; color: rgba(255,255,255,.52); font-size: 10px; letter-spacing: .1em; }.dynb-scroll-story__caption strong { color: #fff; }@media(max-width:640px){.dynb-instance__surface{min-height:var(--dynb-height-mobile,720px)}.dynb-instance.has-image .dynb-instance__surface:before{background-image:linear-gradient(rgba(0,0,0,var(--dynb-overlay,.18)),rgba(0,0,0,var(--dynb-overlay,.18))),var(--dynb-mobile-image,var(--dynb-image))}.dynb-instance .dynb-motion{min-height:var(--dynb-height-mobile,720px)}.dynb-instance .dynb-carousel__slides{min-height:calc(var(--dynb-height-mobile,720px) - 40px)}.dynb-instance .dynb-carousel__slide{gap:20px;padding:32px 22px 70px}.dynb-instance .dynb-carousel__art{width:min(245px,80vw)}.dynb-instance .dynb-motion__copy h2,.dynb-instance .dynb-marquee__header h2,.dynb-instance .dynb-scroll-story__step h2{font-size:38px}.dynb-instance .dynb-marquee__tile{min-width:200px;min-height:82px;font-size:22px}.dynb-instance .dynb-parallax__copy{width:auto;padding:54px 24px}.dynb-instance .dynb-parallax__copy h2{font-size:44px}.dynb-instance .dynb-parallax__card{top:53%;right:16%;width:68%}.dynb-instance .dynb-motion--scroll-story{padding:48px 24px 80px}.dynb-instance .dynb-scroll-story__copy{min-height:300px}.dynb-instance .dynb-scroll-story__visual{min-height:310px}.dynb-instance.disable-mobile-motion .dynb-marquee__track{animation:none!important;transform:none!important}.dynb-instance.disable-mobile-motion .dynb-carousel__slide{transition:none!important}.dynb-instance.disable-mobile-motion .dynb-parallax__sky,.dynb-instance.disable-mobile-motion .dynb-parallax__grid,.dynb-instance.disable-mobile-motion .dynb-parallax__orb,.dynb-instance.disable-mobile-motion .dynb-parallax__copy,.dynb-instance.disable-mobile-motion .dynb-parallax__card{transform:none!important}}