/* Homepage product hero. Native links remain usable without JavaScript. */
.hbyt-home-carousel{position:relative;isolation:isolate;background:#f3f0e9;overflow:hidden;overflow:clip}
.hbyt-feature-track{position:relative;width:100%;aspect-ratio:1920/500}
.hbyt-feature-slide{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;touch-action:pan-y}
.hbyt-feature-slide[hidden]{display:none!important}
.hbyt-feature-hero .hbyt-feature-link{position:relative;display:block;width:100%;height:100%;color:#182230;background:#f3f0e9}
.hbyt-feature-hero .hbyt-feature-picture{position:absolute;left:80%;top:46%;width:36%;height:86%;transform:translate(-50%,-50%);display:block}
.hbyt-feature-hero .hbyt-feature-picture img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:50% 50%}
.hbyt-feature-hero .hbyt-feature-picture--desktop-canvas{left:0;top:0;width:100%;height:100%;transform:none}
.hbyt-feature-hero .hbyt-feature-picture--desktop-scene{left:30%;top:0;width:70%;height:100%;transform:none}
.hbyt-feature-hero .hbyt-feature-picture--desktop-scene img{object-fit:cover;mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 92%,transparent 100%)}
.hbyt-feature-hero .hbyt-feature-link:focus-visible{outline:3px solid #182230;outline-offset:-5px}
.hbyt-home-carousel.hbyt-feature-empty .hbyt-feature-track{min-height:360px}
@media(min-width:768px) and (max-width:1100px){
  .hbyt-feature-track{min-height:340px}
  .hbyt-feature-hero .hbyt-feature-picture--desktop-product{left:84%;width:28%;height:82%}
}
@media(max-width:767px){
  .hbyt-feature-track{aspect-ratio:4/3;height:auto;min-height:0}
  .hbyt-feature-hero .hbyt-feature-picture,
  .hbyt-feature-hero .hbyt-feature-picture--desktop-canvas,
  .hbyt-feature-hero .hbyt-feature-picture--desktop-scene{left:0;top:0;width:100%;height:100%;padding:4% 7%;box-sizing:border-box;transform:none}
  .hbyt-feature-hero .hbyt-feature-picture--mobile-canvas,
  .hbyt-feature-hero .hbyt-feature-picture--mobile-scene{padding:0}
  .hbyt-feature-hero .hbyt-feature-picture img{mask-image:none;-webkit-mask-image:none}
  .hbyt-feature-hero .hbyt-feature-picture--mobile-product img,
  .hbyt-feature-hero .hbyt-feature-picture--mobile-canvas img{object-fit:contain;object-position:50% 50%}
  .hbyt-feature-hero .hbyt-feature-picture--mobile-scene img{object-fit:cover;object-position:50% 50%}
  .hbyt-home-carousel.hbyt-feature-empty .hbyt-feature-track{display:none}
}