.oxh{--oxh-split:50%;background:radial-gradient(900px 520px at 85% 20%,#FFF3D6 0,rgba(255,243,214,0) 70%),linear-gradient(180deg,#FBF7EE,#F4EEDF);color:#3E4073;font-family:'Inter',sans-serif;position:relative;overflow-x:clip}
.oxh__wrap::before{content:"";position:absolute;inset:0 calc(50% - 50vw) 0 var(--oxh-split);background:var(--tg-color-dark-blue);border-left:1px solid #D4B064;pointer-events:none}
.oxh *{box-sizing:border-box}
.oxh__wrap{max-width:1250px;margin:0 auto;padding:64px 15px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative}
.oxh__copy{min-width:0;position:relative}
.oxh__eyebrow{margin:0 0 18px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4A4C7A}
.oxh__title{font-family:'Outfit',sans-serif;font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.01em;font-weight:700;color:#14176C;margin:0 0 22px}
.oxh__title span{color:#D98E00}
.oxh__lead{font-size:17px;line-height:1.6;color:#4A4C7A;max-width:54ch;margin:0 0 24px}
.oxh__cta{display:flex;flex-wrap:wrap;gap:14px}
.oxh__btn{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:10px;font-family:'Outfit',sans-serif;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.oxh__btn--primary{background:#F7A400;color:#0E104B}
.oxh__btn--primary:hover{background:#14176C;color:#fff}
.oxh__btn--ghost{border-color:#B9B6D6;color:#14176C;background:rgba(255,255,255,.5)}
.oxh__btn--ghost:hover{border-color:#D98E00;color:#8A5A00}
.oxh a:focus-visible,.oxh button:focus-visible{outline:3px solid #14176C;outline-offset:3px}
.oxh__direct{font-size:15px;color:#4A4C7A;margin:0}
.oxh__direct a{color:#14176C;text-decoration:underline;text-underline-offset:3px}
.oxh__direct a:hover{color:#8A5A00}
/* slides: horizontal entrance */
.oxh__slides{display:grid;margin:0 0 22px;overflow-x:clip;padding:4px 4px 6px;margin-left:-4px}
.oxh__slide{grid-area:1/1;visibility:hidden;transition:visibility 0s .5s}
.oxh__slide.is-active{visibility:visible;transition:visibility 0s}
.oxh__slide>*{opacity:0;transform:translateX(calc(var(--dx,1)*16px));transition:opacity .35s ease,transform .4s ease}
.oxh__slide.is-leave>*{transform:translateX(calc(var(--dx,1)*-16px))}
.oxh__slide.is-active>*{opacity:1;transform:none;transition:opacity .5s ease,transform .55s ease}
.oxh__slide.is-active>:nth-child(1){transition-delay:.1s}
.oxh__slide.is-active>:nth-child(2){transition-delay:.22s}
.oxh__slide.is-active>:nth-child(3){transition-delay:.34s}
.oxh__slide.is-active>:nth-child(4){transition-delay:.46s}
.oxh:not(.oxh--ready) .oxh__slide:not(:first-child){display:none}
.oxh:not(.oxh--ready) .oxh__slide>*{opacity:1;transform:none}
.oxh__kicker{margin:0 0 10px;font:600 13px/1 'Outfit',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#4A4C7A}
.oxh__headline{font-family:'Outfit',sans-serif;font-size:clamp(20px,2.2vw,26px);line-height:1.25;font-weight:600;color:#14176C;margin:0 0 12px;max-width:560px}
.oxh__controls{display:flex;align-items:center;gap:10px;margin:0 0 22px}
.oxh:not(.oxh--ready) .oxh__controls{display:none}
.oxh__ctl{min-width:44px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid #B9B6D6;background:rgba(255,255,255,.6);color:#14176C;font:600 14px 'Outfit',sans-serif;cursor:pointer;transition:border-color .2s,color .2s,transform .2s;touch-action:manipulation}
.oxh__ctl:hover{border-color:#D98E00;color:#8A5A00}
.oxh__ctl:active{transform:scale(.96)}
.oxh__dots{display:flex;gap:2px;margin:0 4px}
.oxh__dot{position:relative;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:0}
.oxh__dot::before,.oxh__dot::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:4px;margin-top:-2px;border-radius:2px}
.oxh__dot::before{background:#B9B6D6}
.oxh__dot::after{background:#F7A400;transform:scaleX(0);transform-origin:left}
.oxh__dot.is-active::after{transform:scaleX(1)}.oxh__dot.is-active::before{background:#14176C}
.oxh--timing .oxh__dot.is-active::after{animation:oxhFill var(--oxh-dur,7s) linear forwards}
.oxh--paused .oxh__dot.is-active::after{animation-play-state:paused}
@keyframes oxhFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Four curved photo tiles, rotating through the existing six photographs. */
.oxh__visual{min-width:0;position:relative;aspect-ratio:1/.92;width:100%;max-width:640px;justify-self:center;--ez:cubic-bezier(.65,0,.25,1)}
/* Centre within the full right-hand background, including the outer page gutter. */
@media(min-width:992px){.oxh__visual{left:calc(max(0px,25vw - 312.5px) - 4.5px)}}
.oxh__fig{margin:0;position:absolute;min-width:0;opacity:0;pointer-events:none;left:0;top:0;width:48.5%;height:48.5%;z-index:1;transition:left 1.1s var(--ez),top 1.1s var(--ez),opacity .9s ease,transform 1.1s var(--ez)}
.oxh__fig picture{display:block;width:100%;height:100%;overflow:hidden;border-radius:50% 50% 8px 50%;background:#EDE6D3;border:1px solid rgba(217,142,0,.28);box-shadow:0 2px 4px rgba(20,23,108,.06),0 12px 28px -12px rgba(20,23,108,.2);pointer-events:none;transform:scale(1);transform-origin:inherit;transition:transform .55s cubic-bezier(.2,.7,.2,1),border-radius 1.1s var(--ez),box-shadow .55s ease}
.oxh__fig img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.02);transform:scale(1.03);transition:filter .55s ease,transform .65s ease}
.oxh__fig[data-pos="0"]{opacity:1;z-index:3;pointer-events:auto}
.oxh__fig[data-pos="0"] img{animation:oxhPhotoDrift 4.2s ease-out both}
.oxh--paused .oxh__fig[data-pos="0"] img{animation-play-state:paused}
@keyframes oxhPhotoDrift{from{transform:scale(1.03)}to{transform:scale(1)}}
.oxh__fig[data-pos="1"],.oxh__fig[data-pos="2"],.oxh__fig[data-pos="3"]{opacity:1;z-index:2;pointer-events:auto}
.oxh__fig[data-pos="1"]{left:51.5%;top:0}
.oxh__fig[data-pos="2"]{left:0;top:51.5%}
.oxh__fig[data-pos="3"]{left:51.5%;top:51.5%}
.oxh__fig[data-pos="1"] picture{border-radius:50% 50% 50% 8px}
.oxh__fig[data-pos="2"] picture{border-radius:50% 8px 50% 50%}
.oxh__fig[data-pos="3"] picture{border-radius:8px 50% 50% 50%}
.oxh__fig[data-pos="0"]{transform-origin:top left}
.oxh__fig[data-pos="1"]{transform-origin:top right}
.oxh__fig[data-pos="2"]{transform-origin:bottom left}
.oxh__fig[data-pos="3"]{transform-origin:bottom right}
@media(hover:hover) and (pointer:fine){
.oxh__fig[data-pos]:not([data-pos="wait"]):not([data-pos="out"]):hover{z-index:10}
/* The figure's hit area stays at its original size; only the non-interactive photo enlarges. */
.oxh__fig:hover picture{transform:scale(2);box-shadow:0 18px 48px -12px rgba(14,16,75,.4)}
.oxh__fig:hover img{animation:none;filter:brightness(1.18) saturate(1.08) contrast(1.04);transform:scale(1.1)}
}
.oxh__fig[data-pos="out"]{z-index:1;transform:scale(.97)}
.oxh__fig[data-pos="wait"]{display:none}
@starting-style{.oxh__fig[data-pos="3"]{opacity:0;transform:translateY(8px)}}
/* products */
.oxh__products{background:#fff;border-top:4px solid #F7A400;display:grid;grid-template-columns:1fr}
.oxh__grid{list-style:none;margin:0 auto;padding:0 15px;max-width:1250px;width:100%;display:grid;grid-template-columns:repeat(4,1fr)}
.oxh__grid li{border-right:1px solid #E2E3F1}
.oxh__grid li:first-child{border-left:1px solid #E2E3F1}
.oxh__grid a{display:flex;flex-direction:column;gap:6px;padding:26px 24px;height:100%;text-decoration:none;color:#3E4073;font-size:14px;transition:background .25s,transform .25s}
.oxh__grid a:hover{background:#FEF6E6;transform:translateY(-3px)}
.oxh__grid strong{font-family:'Outfit',sans-serif;font-size:20px;color:#14176C}
.oxh__k{font-family:'Outfit',sans-serif;font-weight:700;color:#F7A400;font-size:13px}
.oxh__plan{background:#191D88;padding:20px 15px;display:flex;flex-wrap:wrap;gap:12px 40px;align-items:center;justify-content:center}
.oxh__plan>*{max-width:1250px}
.oxh__plan h2{font-family:'Outfit',sans-serif;font-size:16px;color:#F7A400;margin:0;text-transform:uppercase;letter-spacing:.06em}
.oxh__plan dl{display:flex;flex-wrap:wrap;gap:12px 36px;margin:0}
.oxh__plan dl div{display:flex;gap:8px;font-size:14px}
.oxh__plan dt{color:#B8B9DA;font-weight:500}
.oxh__plan dd{margin:0;color:#fff;font-weight:600}
@media(max-width:991px){
.oxh{--oxh-split:calc(55% - 3px)}
.oxh__wrap{grid-template-columns:1.1fr .9fr;gap:28px;padding:44px 15px}
.oxh__grid{grid-template-columns:1fr 1fr}
.oxh__grid li{border-bottom:1px solid #E2E3F1}
}
@media(max-width:767px){
.oxh__wrap::before{display:none}
.oxh__wrap{grid-template-columns:1fr;gap:48px;padding-bottom:40px}
.oxh__visual::before{content:"";position:absolute;top:-24px;bottom:-40px;left:50%;width:100vw;transform:translateX(-50%);background:var(--tg-color-dark-blue);border-top:1px solid #D4B064;pointer-events:none}
}
@media(max-width:575px){
.oxh__lead{font-size:16px}
.oxh__btn{width:100%;justify-content:center}
.oxh__controls{flex-wrap:wrap;gap:6px}
.oxh__dots{margin:0}
.oxh__pause{min-width:72px;padding-inline:10px}
.oxh__grid{grid-template-columns:1fr;padding:0}
.oxh__grid li{border-left:0!important;border-right:0}
.oxh__plan dl div{flex-direction:column;gap:0}
}
@media(prefers-reduced-motion:reduce){.oxh__fig,.oxh__fig picture,.oxh__fig img{animation:none!important;transition:none!important;transform:none!important}.oxh__slide>*,.oxh__slide.is-active>*{transition:none!important;transform:none!important}.oxh--timing .oxh__dot.is-active::after{animation:none}}
/* Keep the existing homepage navigation on one row at small desktop widths. */
@media(min-width:992px) and (max-width:1199px){
body:has([data-oxh]) .tgmenu__nav{flex-wrap:nowrap;gap:20px}
body:has([data-oxh]) .tgmenu__nav .logo{flex:0 0 140px}
body:has([data-oxh]) .tgmenu__nav .logo img{max-width:140px}
body:has([data-oxh]) .tgmenu__navbar-wrap{min-width:0}
body:has([data-oxh]) .tgmenu__navbar-wrap>ul{margin-left:0;flex-wrap:nowrap;gap:12px}
body:has([data-oxh]) .tgmenu__navbar-wrap>ul>li{margin-right:0}
body:has([data-oxh]) .tgmenu__navbar-wrap>ul>li>a{font-size:14px;padding:36px 0;white-space:nowrap}
body:has([data-oxh]) .tgmenu__action ul{margin-left:0;gap:16px}
body:has([data-oxh]) .tgmenu__action ul>li{margin-left:0}
}