.onon-video-modal[hidden]{display:none!important}

/* ONON homepage: responsive geometry, smooth activation and custom 9:16 player. */
:root{--onon-adminbar:0px;--onon-vvh:100dvh}
body.admin-bar{--onon-adminbar:32px}
html,body{max-width:100%;overflow-x:clip}

/* The hero scales against both axes, so short laptops do not crop the reel. */
.onon-hero{height:calc(100dvh - var(--onon-adminbar));min-height:680px;padding:clamp(30px,4.2dvh,58px) clamp(24px,5.2vw,100px) clamp(24px,3.4dvh,42px)}
.onon-hero__inner{width:min(1720px,100%);height:100%;min-height:0;grid-template-columns:minmax(0,1fr) clamp(320px,25vw,410px);gap:clamp(44px,6vw,118px)}
.onon-hero__copy{width:min(100%,920px)}
.onon-hero__title{font-size:clamp(43px,3.65vw,72px);line-height:1.12;text-wrap:balance}
.onon-hero__description{max-width:760px}
.onon-reels{width:min(410px,25vw,calc((100dvh - var(--onon-header) - 132px)*.5625))}
.onon-reels__stage{aspect-ratio:9/16}

/* The missing word was stroked with its own transparent currentColor. */
.onon-activation__title .is-off{color:transparent;-webkit-text-stroke:1.5px #a51f50;filter:none!important}
.onon-activation__title .is-on{filter:none!important}
.onon-activation__title span{will-change:transform,opacity;backface-visibility:hidden}
.onon-activation__sticky,.onon-activation__grid,.onon-activation__wash,.onon-switch__knob{backface-visibility:hidden;transform-style:flat}
.onon-switch__track{backdrop-filter:none}
.onon-switch__knob b{display:block;font-family:Oughter,Poppins,sans-serif;font-size:clamp(28px,3vw,46px);font-weight:400;letter-spacing:-.08em;line-height:1;text-transform:lowercase}
.onon-switch__knob b::before,.onon-switch__knob b::after{content:none}
.onon-reels__controls i,.onon-reel__play i,.onon-video-modal button i{display:block;width:1em;font-family:"Font Awesome 6 Free"!important;font-style:normal;font-weight:900!important;line-height:1;text-align:center}
.onon-reels__controls button,.onon-video-modal__close,.onon-video-modal__controls button,.onon-reel__play,.onon-primary-cta>span,.onon-reference-orbit>i,#onon-site-header .onon-icon-link,#onon-site-header .onon-menu-toggle{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;text-align:center!important}
.onon-reels__controls button>i,.onon-video-modal button>i,.onon-reel__play>i,.onon-primary-cta>span>i,.onon-reference-orbit>i{margin:0!important;position:static!important}
.onon-reel__play .fa-play,.onon-video-modal .fa-play{transform:translateX(1px)}
#onon-site-header .fa-envelope{transform:translateY(-.5px)}
@supports not (-webkit-text-stroke:1px #000){.onon-activation__title .is-off{color:#a51f50}}

/* GPU-friendly card base. Motion only touches transform and opacity. */
.onon-reel{backface-visibility:hidden;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.22,.78,.2,1),opacity .3s ease,box-shadow .42s ease}
.onon-video-modal.is-open{animation:ononModalFadeIn .24s ease both}
.onon-video-modal.is-open .onon-video-modal__frame{animation:ononModalCardIn .52s cubic-bezier(.16,.86,.22,1) both;transform-origin:center}
@keyframes ononModalFadeIn{from{opacity:0}to{opacity:1}}
@keyframes ononModalCardIn{0%{opacity:0;transform:perspective(1200px) translate3d(0,28px,-120px) rotateX(7deg) scale(.88)}65%{opacity:1;transform:perspective(1200px) translate3d(0,-3px,0) rotateX(-1deg) scale(1.015)}100%{opacity:1;transform:perspective(1200px) translate3d(0,0,0) rotateX(0) scale(1)}}

@media(hover:hover) and (pointer:fine){
  .onon-primary-cta,.onon-reference-orbit,.onon-reel__play,.onon-reels__controls button,.onon-about__handoff>i,.onon-references__cta i,#onon-site-header .onon-icon-link,#onon-site-header .onon-menu-toggle{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background-color .25s ease,color .25s ease,border-color .25s ease}
  .onon-primary-cta:hover{box-shadow:0 26px 64px rgba(90,20,47,.17);border-color:rgba(165,31,80,.38)}
  .onon-primary-cta:hover>span{transform:translateY(-50%) rotate(-28deg) scale(1.08)}
  .onon-reference-orbit:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 20px 48px rgba(90,20,47,.14)}
  .onon-reference-orbit:hover>i{transform:translateY(3px) scale(1.06)}
  .onon-reel--active:hover .onon-reel__play{transform:scale(1.08) rotate(7deg);box-shadow:0 15px 36px rgba(0,0,0,.28)}
  .onon-reels__controls button:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 9px 24px rgba(90,20,47,.16)}
  .onon-about__handoff:hover>i{transform:translateY(5px) rotate(-8deg) scale(1.06);background:#7c183d}
  .onon-references__cta:hover i{transform:translateX(4px) rotate(-8deg) scale(1.06)}
  #onon-site-header .onon-icon-link:hover,#onon-site-header .onon-menu-toggle:hover{transform:translateY(-2px);border-color:rgba(165,31,80,.3);box-shadow:0 10px 26px rgba(90,20,47,.11)}
}

/* Burgundy-only interaction states; suppress native blue tap/focus paint. */
.onon-hero button,.onon-hero a,.onon-video-modal button,#onon-site-header button,#onon-site-header a{-webkit-tap-highlight-color:transparent}
.onon-hero button,.onon-video-modal button,#onon-site-header button{-webkit-appearance:none;appearance:none}
.onon-hero button:focus-visible,.onon-hero a:focus-visible,.onon-video-modal button:focus-visible,#onon-site-header button:focus-visible,#onon-site-header a:focus-visible{outline:3px solid rgba(124,24,61,.28)!important;outline-offset:3px;box-shadow:0 0 0 5px rgba(124,24,61,.1)!important}
@media(hover:hover) and (pointer:fine){
  .onon-reels__controls button:hover,.onon-video-modal__controls button:hover,#onon-site-header .onon-offer:hover,#onon-site-header .onon-menu-toggle:hover{background:#7c183d!important;color:#fff!important;border-color:#7c183d!important}
  #onon-site-header .onon-icon-link:hover{background:#f6e8ed!important;color:#7c183d!important;border-color:#b35a7a!important}
}
.onon-reels__controls button:active,.onon-video-modal__controls button:active,#onon-site-header .onon-offer:active,#onon-site-header .onon-menu-toggle:active{background:#68112f!important;color:#fff!important;border-color:#68112f!important;transform:scale(.96)!important}

.onon-primary-cta>span,.onon-reference-orbit>i{transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .25s ease,color .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){
  .onon-primary-cta:hover>span,.onon-reference-orbit:hover>i{background:#7c183d!important;color:#fff!important;box-shadow:0 10px 24px rgba(104,17,47,.24)!important}
}
.onon-primary-cta:active>span,.onon-reference-orbit:active>i{background:#68112f!important;color:#fff!important;transform:scale(.96)!important}

/* Elementor/theme link states sometimes reset shadows and child transforms. */
@media(hover:hover) and (pointer:fine){
  .onon-primary-cta:hover{box-shadow:0 26px 64px rgba(90,20,47,.17)!important;border-color:rgba(165,31,80,.38)!important}
  .onon-primary-cta:hover:after{width:100%!important}
  .onon-primary-cta:hover>span{transform:translateY(-50%) rotate(-28deg) scale(1.08)!important}
  .onon-reference-orbit:hover{transform:translateY(-4px) scale(1.025)!important;box-shadow:0 20px 48px rgba(90,20,47,.14)!important}
  .onon-reference-orbit:hover>i{transform:translateY(3px) scale(1.06)!important}
  .onon-reel--active:hover .onon-reel__play{transform:scale(1.08) rotate(7deg)!important;box-shadow:0 15px 36px rgba(0,0,0,.28)!important}
  .onon-reels__controls button:hover{transform:translateY(-2px) scale(1.06)!important;box-shadow:0 9px 24px rgba(90,20,47,.16)!important}
  .onon-references__cta{transition:filter .3s ease,box-shadow .3s ease}
  .onon-references__cta:hover{filter:brightness(1.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
}

/* A centred, browser-independent player; native iOS controls stay disabled. */
.onon-video-modal{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:none;align-items:center;justify-content:center;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}
.onon-video-modal.is-open{display:flex}
.onon-video-modal__frame{width:min(92vw,calc((100dvh - 32px)*.5625),500px);height:auto;max-height:calc(100dvh - 32px);aspect-ratio:9/16;border-radius:clamp(22px,2vw,30px);overflow:hidden;isolation:isolate}
.onon-video-modal video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-tap-highlight-color:transparent}
.onon-video-modal video::-webkit-media-controls{display:none!important}
.onon-video-modal__close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:5}
.onon-video-modal__controls{left:12px;right:12px;bottom:12px;padding:9px 12px 10px;border:1px solid rgba(255,255,255,.13);border-radius:17px;display:block;background:rgba(13,10,12,.94);box-shadow:0 12px 30px rgba(0,0,0,.24);backdrop-filter:none;-webkit-backdrop-filter:none}
.onon-video-modal__control-row{display:flex;align-items:center;gap:8px;margin-top:7px}
.onon-video-modal__controls button{flex:0 0 38px;width:38px;height:38px;padding:0;display:grid;place-items:center;line-height:1}
.onon-video-modal__controls button:first-child{background:var(--onon-burgundy)}
.onon-video-modal__controls button i{font-size:13px}
.onon-video-modal__controls [data-modal-volume] i{font-size:15px}
.onon-video-modal__controls [data-modal-fullscreen] i{font-size:14px}
.onon-video-modal__spacer{flex:1}
.onon-video-modal__time{font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:.02em}
.onon-video-modal__progress{display:block;width:100%;height:4px;margin:0;accent-color:var(--onon-burgundy);cursor:pointer}
.onon-video-modal__progress{--value:0%;-webkit-appearance:none;appearance:none;border:0;border-radius:999px;background:linear-gradient(90deg,#d73972 0 var(--value),rgba(255,255,255,.34) var(--value) 100%)}
.onon-video-modal__progress::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:transparent}
.onon-video-modal__progress::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:3px solid #fff;border-radius:50%;background:var(--onon-burgundy);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.onon-video-modal__progress::-moz-range-track{height:4px;border:0;border-radius:999px;background:rgba(255,255,255,.34)}
.onon-video-modal__progress::-moz-range-progress{height:4px;border-radius:999px;background:var(--onon-burgundy)}
.onon-video-modal__progress::-moz-range-thumb{width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:var(--onon-burgundy)}

@media(max-width:1350px){
  .onon-hero__inner{grid-template-columns:minmax(0,1fr) clamp(300px,27vw,360px);gap:clamp(32px,4.5vw,70px)}
  .onon-hero__title{font-size:clamp(40px,4vw,58px)}
  .onon-reels{width:min(360px,27vw,calc((100dvh - var(--onon-header) - 116px)*.5625))}
}

@media(max-width:980px){
  .onon-hero{height:calc(100dvh - var(--onon-adminbar));min-height:760px;padding:calc(var(--onon-header) + 22px) clamp(22px,5vw,46px) 28px}
  .onon-hero__inner{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:center;gap:28px}
  .onon-hero__copy{width:100%;max-width:760px;margin-inline:auto}
  .onon-hero__title{font-size:clamp(40px,6.8vw,58px)}
  .onon-reels{width:min(300px,42vw,calc((100dvh - var(--onon-adminbar) - 480px)*.5625));max-width:100%;margin-inline:auto;align-self:center}
}

@media(max-width:767px){
  body.admin-bar{--onon-adminbar:46px}
  .onon-hero{height:calc(var(--onon-vvh,100svh) - var(--onon-adminbar));min-height:0;padding:calc(var(--onon-header) + 44px) 20px max(12px,env(safe-area-inset-bottom))}
  .onon-hero__inner{height:100%;grid-template-rows:auto minmax(0,1fr);gap:12px}
  .onon-hero__title{font-size:clamp(32px,9.4vw,39px);line-height:1.08;letter-spacing:-.05em;text-wrap:nowrap}
  .onon-hero__title>span{white-space:nowrap}
  .onon-hero__title .onon-special{display:inline-block;line-height:.82;vertical-align:-.035em}
  .onon-hero__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:12px;font-size:11px;line-height:1.5}
  .onon-hero__actions{margin-top:10px;gap:8px}
  .onon-primary-cta{width:calc(100% - 64px);min-height:60px;padding:10px 52px 9px 14px;border-radius:18px}
  .onon-primary-cta small{margin-bottom:5px;font-size:6.5px}
  .onon-primary-cta strong{font-size:15px}
  .onon-primary-cta>span{right:10px;width:38px;height:38px}
  .onon-reference-orbit{flex-basis:56px;width:56px;height:56px}
  .onon-reference-orbit svg{width:52px;height:52px}
  .onon-reference-orbit text{font-size:7px}
  .onon-reference-orbit>i{width:27px;height:27px;font-size:9px}
  .onon-services{height:22px;margin-top:10px}
  .onon-services a{font-size:15px}
  .onon-reels{width:min(46vw,190px,calc((var(--onon-vvh,100svh) - var(--onon-adminbar) - 350px)*.5625));min-width:150px}
  .onon-reels__controls{width:100%;min-height:46px;margin-top:6px;padding:4px 5px;gap:5px}
  .onon-reels__controls button{flex-basis:34px;width:34px;height:34px}
  .onon-reel__label{left:11px;right:11px;top:11px;min-height:32px;padding:9px 12px;font-size:7px}
  .onon-reel__play{right:12px;bottom:12px;width:50px;height:50px;border-width:4px}
  .onon-reel--previous{transform:translate3d(-25%,8%,0) scale(.68) rotateY(10deg) rotateZ(-3deg)}
  .onon-reel--next{transform:translate3d(25%,4%,0) scale(.68) rotateY(-10deg) rotateZ(3deg)}
  .onon-activation__title .is-off{-webkit-text-stroke-width:1px}
  .onon-video-modal__frame{width:min(calc(100vw - 24px),calc((var(--onon-vvh,100dvh) - 24px)*.5625));max-height:calc(var(--onon-vvh,100dvh) - 24px);border-radius:24px}
  .onon-video-modal__controls{left:9px;right:9px;bottom:max(9px,env(safe-area-inset-bottom));padding:8px 10px 9px}
  .onon-video-modal__control-row{gap:6px}
  .onon-video-modal__controls button{flex-basis:36px;width:36px;height:36px}
  .onon-video-modal__close{width:42px;height:42px}
}

@media(max-width:767px) and (max-height:720px){
  .onon-hero{min-height:0;padding-top:calc(var(--onon-header) + 36px);padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .onon-hero__inner{gap:8px}
  .onon-hero__title{font-size:clamp(30px,8.8vw,36px);line-height:1.03}
  .onon-hero__description{-webkit-line-clamp:2;margin-top:10px;font-size:10.5px}
  .onon-hero__actions{margin-top:9px}
  .onon-primary-cta{min-height:58px}
  .onon-reference-orbit{flex-basis:54px;width:54px;height:54px}
  .onon-services{display:block;height:18px;margin-top:7px}
  .onon-services a{font-size:13px}
  .onon-reels{width:min(35vw,138px,calc((var(--onon-vvh,100svh) - var(--onon-adminbar) - 380px)*.5625));min-width:128px}
  .onon-reels__controls{min-height:46px;margin-top:6px}
  .onon-reels__controls button{flex-basis:34px;width:34px;height:34px}
}

@media(min-width:768px) and (max-width:980px) and (orientation:landscape){
  .onon-hero{min-height:620px;padding:calc(var(--onon-header) + 20px) 34px 24px}
  .onon-hero__inner{grid-template-columns:minmax(0,1fr) minmax(230px,.62fr);grid-template-rows:1fr;gap:34px}
  .onon-hero__title{font-size:clamp(38px,5vw,50px)}
  .onon-hero__description{margin-top:20px;font-size:12px;line-height:1.6}
  .onon-hero__actions{margin-top:20px}
  .onon-services{margin-top:24px}
  .onon-reels{width:min(280px,28vw,calc((100dvh - var(--onon-adminbar) - 120px)*.5625))}
}

@media(min-width:981px) and (max-height:800px){
  .onon-hero{padding-top:24px;padding-bottom:22px}
  .onon-hero__inner{height:100%;min-height:0}
  .onon-hero__title{font-size:clamp(39px,3.4vw,58px)}
  .onon-hero__description{margin-top:24px;line-height:1.65}
  .onon-hero__actions{margin-top:24px}
  .onon-services{margin-top:28px}
  .onon-reels{width:min(350px,25vw,calc((100dvh - var(--onon-header) - 84px)*.5625))}
}

@media(prefers-reduced-motion:reduce){
  .onon-activation__title span,.onon-switch__knob{will-change:auto}
}

/* One transition system: side poster moves into the centre, then hands off once. */
.onon-reel-transition{z-index:5;pointer-events:none;background-color:#211b1e;background-repeat:no-repeat;will-change:transform,opacity;transition:transform .5s cubic-bezier(.18,.82,.18,1),opacity .32s ease,box-shadow .5s ease}
.onon-reel-transition.is-from-next{transform:translate3d(32%,4%,0) scale(.63) rotateY(-15deg) rotateZ(4deg);opacity:.52}
.onon-reel-transition.is-from-previous{transform:translate3d(-32%,10%,0) scale(.63) rotateY(15deg) rotateZ(-4deg);opacity:.52}
.onon-reel-transition.is-entering{transform:translate3d(0,0,32px) scale(1) rotateY(0) rotateZ(0);opacity:1;box-shadow:0 30px 68px rgba(57,21,35,.24)}
.onon-reels.is-switching-next .onon-reel--active{transform:translate3d(-20%,4%,-20px) scale(.8) rotateY(10deg) rotateZ(-2deg);opacity:0}
.onon-reels.is-switching-previous .onon-reel--active{transform:translate3d(20%,4%,-20px) scale(.8) rotateY(-10deg) rotateZ(2deg);opacity:0}
.onon-reels.is-switching-next .onon-reel--next,.onon-reels.is-switching-previous .onon-reel--previous{opacity:0!important}
.onon-reel--active.is-reel-reveal{transform:translate3d(0,0,0)!important;opacity:0!important;filter:none!important;transition:none!important}
.onon-reel--active.is-reel-reveal.is-visible{opacity:1!important;transition:none!important}
.onon-reel-transition.is-handing-off{transform:translate3d(0,0,32px) scale(1) rotateY(0) rotateZ(0);opacity:0;transition:opacity .16s linear,transform .16s ease}

/* The complete CTA surfaces now own the hover colour; no theme-blue leakage. */
.onon-primary-cta,.onon-reference-orbit{-webkit-tap-highlight-color:transparent}
@media(hover:hover) and (pointer:fine){
  .onon-primary-cta:hover{background:linear-gradient(135deg,#a51f50,#7c183d)!important;border-color:#7c183d!important;color:#fff!important;box-shadow:0 26px 64px rgba(90,20,47,.24)!important}
  .onon-primary-cta:hover small,.onon-primary-cta:hover strong{color:#fff!important}
  .onon-primary-cta:hover small i{background:#fff!important;box-shadow:0 0 0 6px rgba(255,255,255,.14)!important}
  .onon-primary-cta:hover:after{background:rgba(255,255,255,.7)!important}
  .onon-primary-cta:hover>span{background:#fbf6f1!important;color:#7c183d!important;box-shadow:0 10px 24px rgba(63,9,29,.22)!important}
  .onon-reference-orbit:hover{background:linear-gradient(145deg,#a51f50,#7c183d)!important;color:#fff!important;box-shadow:0 20px 48px rgba(90,20,47,.22)!important}
  .onon-reference-orbit:hover svg{fill:#fff!important;color:#fff!important}
  .onon-reference-orbit:hover>i{background:#fbf6f1!important;color:#7c183d!important;box-shadow:0 9px 22px rgba(63,9,29,.2)!important}
}
.onon-primary-cta:focus-visible,.onon-reference-orbit:focus-visible{outline:3px solid rgba(165,31,80,.32)!important;outline-offset:4px}

@media(max-width:767px){
  .onon-reel-transition.is-from-next{transform:translate3d(25%,4%,0) scale(.68) rotateY(-10deg) rotateZ(3deg)}
  .onon-reel-transition.is-from-previous{transform:translate3d(-25%,8%,0) scale(.68) rotateY(10deg) rotateZ(-3deg)}
}

/* Frame-synchronised handoff and stable side-card reorder. */
.onon-reels.is-reordering .onon-reel--previous,.onon-reels.is-reordering .onon-reel--next{opacity:0!important;transition:none!important}
.onon-reels:not(.is-switching) .onon-reel--previous,.onon-reels:not(.is-switching) .onon-reel--next{transition:transform .5s cubic-bezier(.2,.78,.2,1),opacity .3s ease}
.onon-reel-trail{z-index:2;pointer-events:none;opacity:0;background-color:#211b1e;background-repeat:no-repeat;transition:opacity .26s ease;will-change:opacity}
.onon-reel-trail.is-trail-previous{transform:translate3d(-32%,10%,0) scale(.63) rotateY(15deg) rotateZ(-4deg)}
.onon-reel-trail.is-trail-next{transform:translate3d(32%,4%,0) scale(.63) rotateY(-15deg) rotateZ(4deg)}
.onon-reel-trail.is-visible{opacity:.58}
.onon-reel-trail.is-handing-off{opacity:0;transition-duration:.16s}
.onon-reels.is-switching .onon-reel--previous,.onon-reels.is-switching .onon-reel--next{opacity:0!important;transition:opacity .26s ease,transform .5s cubic-bezier(.2,.78,.2,1)!important}

@media(max-width:767px){
  .onon-reel-trail.is-trail-previous{transform:translate3d(-25%,8%,0) scale(.68) rotateY(10deg) rotateZ(-3deg)}
  .onon-reel-trail.is-trail-next{transform:translate3d(25%,4%,0) scale(.68) rotateY(-10deg) rotateZ(3deg)}
  .onon-hero{height:auto;min-height:calc(var(--onon-vvh,100svh) - var(--onon-adminbar));padding-bottom:max(28px,env(safe-area-inset-bottom))}
  .onon-hero__inner{height:auto;grid-template-rows:auto auto;gap:24px}
  .onon-reels{width:clamp(218px,60vw,244px);min-width:0;align-self:center}
  .onon-reels__controls{margin-top:9px}
}

@media(max-width:767px) and (max-height:720px){
  .onon-hero{height:auto;min-height:calc(var(--onon-vvh,100svh) - var(--onon-adminbar))}
  .onon-reels{width:clamp(208px,58vw,228px);min-width:0}
}

/* ONON 1.0.27 — dedicated lightweight mobile reel, independent from desktop 3D. */
@media(max-width:767px){
  .onon-hero__inner{gap:16px}
  .onon-reels{width:clamp(226px,72vw,276px);margin-top:2px;perspective:none}
  .onon-reels__stage{isolation:isolate}
  .onon-reels__stage::before,.onon-reels__stage::after{content:"";position:absolute;inset:7% 0 6%;z-index:0;border:1px solid rgba(165,31,80,.12);border-radius:27px;pointer-events:none;box-shadow:0 22px 48px rgba(57,21,35,.11)}
  .onon-reels__stage::before{background:linear-gradient(155deg,rgba(165,31,80,.18),rgba(115,38,66,.28));transform:translateX(-9%) scale(.92) rotate(-3deg)}
  .onon-reels__stage::after{background:linear-gradient(155deg,rgba(181,190,194,.72),rgba(114,119,124,.42));transform:translateX(9%) scale(.92) rotate(3deg)}
  .onon-reel--previous,.onon-reel--next,.onon-reel-transition,.onon-reel-trail{display:none!important}
  .onon-reel--active{z-index:3;transform:none;opacity:1;filter:none;transition:transform .2s cubic-bezier(.2,.78,.2,1),opacity .18s ease!important;backface-visibility:hidden}
  .onon-reels.is-mobile-leaving-next .onon-reel--active{transform:translate3d(-10%,0,0) scale(.965);opacity:0}
  .onon-reels.is-mobile-leaving-previous .onon-reel--active{transform:translate3d(10%,0,0) scale(.965);opacity:0}
  .onon-reels.is-mobile-entering-next .onon-reel--active{transform:translate3d(10%,0,0) scale(.975);opacity:0;transition:none!important}
  .onon-reels.is-mobile-entering-previous .onon-reel--active{transform:translate3d(-10%,0,0) scale(.975);opacity:0;transition:none!important}
  .onon-reels.is-mobile-entering.is-mobile-entering-active .onon-reel--active{transform:translate3d(0,0,0) scale(1);opacity:1;transition:transform .28s cubic-bezier(.2,.82,.2,1),opacity .24s ease!important}
  .onon-reels__controls{width:92%;margin-top:10px}
  .onon-hero__ambient{filter:none;opacity:.55}
  .onon-reel__label{background:rgba(250,248,245,.95);backdrop-filter:none;-webkit-backdrop-filter:none}
  .onon-reel,.onon-reels__stage::before,.onon-reels__stage::after{box-shadow:0 16px 36px rgba(57,21,35,.12)}
}

@media(max-width:767px) and (max-height:720px){
  .onon-reels{width:clamp(218px,68vw,248px)}
}