*{box-sizing:border-box}img{max-inline-size:100%;block-size:auto}:host{--bg-image: url(/landing/hero-bg.jpg)}:host.scrolling *{pointer-events:none}:host:not(.scrolling) *{pointer-events:auto}html{margin:0;padding:0;box-sizing:border-box;background-color:#f2e3dc;overflow-x:hidden;font-size:15px}body{min-width:100%;margin:0}.container{max-width:90vw;margin:0 auto;padding:0 20px}.carousel-btn{background-color:#8b4513;border:none;width:50px;height:50px;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;transition:background-color .3s ease}.carousel-btn:hover{background-color:sienna}.scroller{max-width:100%}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.scroller[data-animated=true] .scroller__inner{width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite}.scroller[data-animated=true]:hover .scroller__inner{animation-play-state:paused}.scroller[data-direction=right]{--_animation-direction: reverse}.scroller[data-direction=left]{--_animation-direction: forwards}.scroller[data-speed=fast]{--_animation-duration: 20s}.scroller[data-speed=slow]{--_animation-duration: 60s}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}@media only screen and (min-width: 720px){html{font-size:17px}}@media only screen and (min-width: 912px){html{font-size:19px}}@media only screen and (min-width: 1240px){html{font-size:21px}}@media only screen and (min-width: 1640px){html{font-size:24px}}