/* TIMEON v9: independent, continuous horizontal motion on all screens. */
#site .timeon-v9-viewport{width:100%;max-width:100%;overflow:hidden!important;touch-action:pan-y;position:relative;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
#site .timeon-v9-track{display:flex!important;gap:0!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;min-width:0!important;transition:none!important;animation:none!important;will-change:transform;grid-template-columns:none!important;align-items:stretch!important;overflow:visible!important}
#site .timeon-v9-group{display:flex!important;flex:0 0 auto!important;align-items:stretch!important;gap:16px!important;padding-right:16px!important;min-width:0!important}
#site .timeon-v9-group > *{flex:0 0 auto!important;width:clamp(260px,29vw,360px)!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;transition:none!important}
#site #steps .timeon-v9-group .step{width:clamp(270px,29vw,370px)!important}
#site #regions .timeon-v9-group .region{width:clamp(260px,30vw,360px)!important}
#site .timeon-v9-nav{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:19px;padding-bottom:10px}
#site .timeon-v9-arrow{cursor:pointer;color:#204336;background:#fbfaf6;border:1px solid #c6ae87;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:26px;line-height:1}
#site .timeon-v9-dots{display:flex;align-items:center;gap:7px}
#site .timeon-v9-dot{cursor:pointer;background:#adbeb3;border:0;border-radius:20px;width:8px;height:8px;padding:0;transition:width .2s,background .2s}
#site .timeon-v9-dot[aria-current="true"]{width:19px;background:#b08b5b}
#site .timeon-v9-viewport .timeon-v9-group[aria-hidden="true"]{pointer-events:none}
/* Make the image stack genuinely visible in mobile browsers. */
#site .hero{isolation:isolate!important}
#site .hero .timeon-v6-hero-scenes{z-index:0!important;inset:0!important;pointer-events:none!important;opacity:1!important}
#site .hero .timeon-v6-hero-scene{background-repeat:no-repeat!important;z-index:0!important}
#site .hero::before{z-index:1!important;pointer-events:none!important}
#site .hero::after{z-index:1!important;pointer-events:none!important}
#site .hero .hero-inner{z-index:3!important}
#site .hero .hero-grain{z-index:2!important;pointer-events:none!important}
#site #brands .marquee-track{animation-play-state:running!important}
@media (hover:hover) and (pointer:fine){#site #brands .brand-marquee:hover .marquee-track{animation-play-state:paused!important}}
@media(max-width:700px){
 #site .timeon-v9-group{gap:12px!important;padding-right:12px!important}
 #site #steps .timeon-v9-group .step,#site #regions .timeon-v9-group .region{width:min(82vw,360px)!important;flex:0 0 min(82vw,360px)!important}
 #site #steps .timeon-v9-group .step .step-picture{height:170px}
 #site #brands .brand-marquee .marquee-track,#site #brands .brand-marquee:hover .marquee-track{animation:marqueeSlide 28s linear infinite!important;animation-play-state:running!important}
 #site .hero .timeon-v6-hero-scene{filter:blur(.4px) saturate(.95)!important}
}
@media(prefers-reduced-motion:reduce){#site #brands .marquee-track{animation:none!important}#site .timeon-v9-track{transform:none!important}#site .timeon-v9-viewport{overflow-x:auto!important;touch-action:pan-x pan-y!important;mask-image:none!important;-webkit-mask-image:none!important}}