/* Entrances and interactions extend the existing Demo without changing its layout. */
html.wz-motion-ready .wz-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .72s cubic-bezier(.2,.65,.3,1),transform .72s cubic-bezier(.2,.65,.3,1);transition-delay:var(--wz-delay,0ms)}
html.wz-motion-ready .wz-reveal[data-wz-kind="text"]{transform:translate3d(0,16px,0);transition-duration:.64s}
html.wz-motion-ready .wz-reveal.wz-in,html.wz-motion-ready .wz-reveal:focus-within{opacity:1;transform:translate3d(0,0,0)}
@keyframes wz-text-enter{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.slide.on .slide-t>*{animation:wz-text-enter .78s cubic-bezier(.2,.65,.3,1) both;animation-delay:220ms}
.slide.on .slide-t>:nth-child(2){animation-delay:310ms}.slide.on .slide-t>:nth-child(3){animation-delay:400ms}.slide.on .slide-t>:nth-child(4){animation-delay:490ms}
.card{transition:box-shadow .25s,border-color .25s}.col-img img,.pb img{transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.btn,.chip,.tabs button,.qty button,.arw{transition:color .22s,background-color .22s,border-color .22s,box-shadow .22s}
.nav>a,.nav>.dd>a,.ft a,.lnk{transition:color .22s,opacity .22s}
.nav>a,.nav>.dd>a{position:relative}.nav>a:after,.nav>.dd>a:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}
.card:focus-within{box-shadow:inset 0 0 0 1px #bcb2a2}.form input,.form textarea{transition:border-color .22s,box-shadow .22s}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
a:focus-visible,button:focus-visible{outline:2px solid #aa8a62;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .card:hover{box-shadow:0 10px 25px #201d1512;border-color:#bbb2a4}.card:hover .card-img img{transform:scale(1.065)}
 .col:hover .col-img img{transform:scale(1.06)}.col:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
 .pb:hover img{transform:scale(1.035)}.btn:hover{box-shadow:0 5px 14px #0000001a}.btn:active{box-shadow:none}
 .nav>a:hover:after,.nav>.dd>a:hover:after{transform:scaleX(1);transform-origin:left}
 .lnk:hover,.ft a:hover{opacity:.7}.chip:hover{border-color:var(--ink)}.tabs button:not(.on):hover,.qty button:hover{background:var(--soft)}
 .arw:not(:disabled):hover{background:var(--ink);color:#fff;border-color:var(--ink)}.hero .arw:not(:disabled):hover{background:#ffffff24;color:inherit;border-color:currentColor}
}
@media(hover:none){.card:hover .card-img img,.col:hover .col-img img{transform:none}}
@media(max-width:860px){
 html.wz-motion-ready .wz-reveal{transform:translate3d(0,16px,0);transition-duration:.58s}
 html.wz-motion-ready .wz-reveal.wz-in,html.wz-motion-ready .wz-reveal:focus-within{transform:none}
 .slide p{font-size:14px;line-height:1.55}.slide h1,.slide h2{font-size:32px}.slide .eyebrow{font-size:10px;letter-spacing:.16em}
 .hero{height:calc(78vw + 350px)}.btn{padding-inline:21px}.card-b h3{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
 html.wz-motion-ready .wz-reveal,.wz-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .slide,.slide img,.slide-t,.slide.on .slide-t>*,.mq-t,.card,.card-img img,.col-img img,.pb img,.btn,.nav a:after{animation:none!important;transition:none!important}
 .slide img,.slide.on img,.slide.on .slide-t,.slide.on .slide-t>*{transform:none!important}.slide.on .slide-t,.slide.on .slide-t>*{opacity:1!important}
 html{scroll-behavior:auto!important}
}
