/* Product-led 2D motion. No models, extra media or duplicated product images. */
html.ys-products-root.motion-ready .intro-in,html.ys-products-root.motion-ready .page-fade{animation:none}
html.ys-products-root body.ys-products .motion-word-mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.13em;margin-bottom:-.13em}
html.ys-products-root body.ys-products .motion-word{display:inline-block}
html.ys-products-root body.ys-products .motion-stage{transform:translate(var(--pointer-x,0px),calc(var(--scroll-shift,0px) + var(--pointer-y,0px)));transition:transform .22s ease-out;will-change:transform}
html.ys-products-root.motion-ready .float-caption{animation:caption-drift 6.5s ease-in-out 1.9s infinite alternate}
@keyframes caption-drift{from{translate:0 0}to{translate:0 -7px}}
html.ys-products-root.motion-paused .float-caption{animation-play-state:paused}
html.ys-products-root.motion-ready .product-card .product-frame{transition:border-color .4s,box-shadow .4s}
html.ys-products-root.motion-ready .product-card:hover .product-frame{border-color:rgba(196,162,123,.62);box-shadow:0 12px 32px -20px rgba(196,162,123,.5)}
html.ys-products-root.motion-ready .product-card .product-frame img{transition:transform .75s cubic-bezier(.22,1,.36,1)}
html.ys-products-root.motion-ready .product-card:hover .product-frame img{transform:scale(1.055)}
html.ys-products-root.motion-ready .filter-pills button{transition:color .22s,background-color .22s,border-color .22s}
html.ys-products-root.motion-ready .button .arrow{transition:transform .35s cubic-bezier(.22,1,.36,1)}
html.ys-products-root.motion-ready .button:hover .arrow{transform:translate(3px,-3px)}
html.ys-products-root.motion-ready .product-link>span{transition:transform .35s cubic-bezier(.22,1,.36,1)}
html.ys-products-root.motion-ready .product-link:hover>span{transform:translate(3px,-3px)}
html.ys-products-root.motion-ready .image-dialog[open],html.ys-products-root.motion-ready .enquiry-dialog[open]{animation:product-dialog-in .4s cubic-bezier(.22,1,.36,1)}
@keyframes product-dialog-in{from{opacity:0;transform:translateY(34px) scale(.95);clip-path:inset(3% 1% 1% 1% round 24px)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 24px)}}
html.ys-products-root.motion-ready .faq summary{transition:color .25s}
html.ys-products-root.motion-ready .faq summary:hover{color:var(--brown)}
@media(max-width:850px){html.ys-products-root.motion-ready .site-nav.open{animation:product-menu-in .4s cubic-bezier(.22,1,.36,1)}}
@keyframes product-menu-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html.ys-products-root body.ys-products .motion-word-mask{overflow:visible}html.ys-products-root body.ys-products .motion-stage{transform:none!important;transition:none!important}html.ys-products-root body.ys-products .float-caption{animation:none!important;translate:none!important}}

html.ys-products-root body.ys-products .reading-progress{position:fixed;z-index:100;left:0;top:0;height:3px;width:100%;pointer-events:none;transform:scaleX(0);transform-origin:left;background:var(--brown);box-shadow:0 0 12px rgba(196,162,123,.2)}
html.ys-products-root.motion-ready .filter-pills{position:relative;isolation:isolate}
html.ys-products-root body.ys-products .filter-marker{position:absolute;left:0;top:0;height:2px;background:var(--brown);border-radius:2px;pointer-events:none;transition:transform .6s cubic-bezier(.16,1,.3,1),width .6s cubic-bezier(.16,1,.3,1)}
html.ys-products-root.motion-ready .application-image img{transition:transform 1s cubic-bezier(.16,1,.3,1)}
html.ys-products-root.motion-ready .application-image:hover img{transform:scale(1.035)}
html.ys-products-root.motion-ready .application-products a{transition:padding .35s,color .35s}
html.ys-products-root.motion-ready .application-products a:hover{padding-left:5px}
html.ys-products-root.motion-ready .application-products a span{transition:transform .35s}
html.ys-products-root.motion-ready .application-products a:hover span{transform:translate(4px,-4px)}
html.ys-products-root.motion-ready .detail-subnav a{position:relative;transition:color .3s}
html.ys-products-root.motion-ready .detail-subnav a:after{content:'';position:absolute;bottom:14px;left:0;width:100%;height:2px;background:var(--brown);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}
html.ys-products-root.motion-ready .detail-subnav a[aria-current="location"]{color:var(--brown)}
html.ys-products-root.motion-ready .detail-subnav a[aria-current="location"]:after{transform:scaleX(1)}
html.ys-products-root.motion-ready .image-dialog[open]::backdrop,html.ys-products-root.motion-ready .enquiry-dialog[open]::backdrop{animation:backdrop-in .45s ease-out}
@keyframes backdrop-in{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.76)}}
html.ys-products-root.motion-disabled .page-fade,html.ys-products-root.motion-disabled .intro-in{animation:none!important}
html.ys-products-root.motion-disabled .motion-stage{transform:none!important}
html.ys-products-root.motion-disabled .product-card,html.ys-products-root.motion-disabled .product-frame img,html.ys-products-root.motion-disabled .button,html.ys-products-root.motion-disabled .image-dialog,html.ys-products-root.motion-disabled .enquiry-dialog{animation:none!important;transition:none!important}
@media(hover:none){html.ys-products-root.motion-ready .product-card:hover .product-frame img,html.ys-products-root.motion-ready .application-image:hover img{transform:none}}