/* Concept standard button and media motion; no animation library required. */
.concept-motion{isolation:isolate;overflow:hidden;--motion-bg:#fff;--motion-ink:#263d1b;--motion-fill:#263d1b;--motion-hover-ink:#fff;background:var(--motion-bg);color:var(--motion-ink)}
.concept-motion.primary,.concept-motion.quick-button{--motion-bg:#476626;--motion-ink:#fff;--motion-fill:#fff;--motion-hover-ink:#476626;box-shadow:inset 0 0 0 1px #476626}
.concept-motion.card-plus{position:relative;--motion-bg:#eef2e6}
.concept-motion:hover{background:var(--motion-bg);color:var(--motion-ink)}
.motion-fill{display:block;pointer-events:none;position:absolute;width:150%;height:200%;inset-block-start:-50%;inset-inline-start:-25%;border-radius:50%;background:var(--motion-fill);transform:translateY(-76%);z-index:0}
.concept-motion>.motion-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:inherit;width:100%;height:100%;pointer-events:none;color:var(--motion-ink);transition:color 500ms cubic-bezier(.3,1,.3,1) 100ms}
.concept-motion.motion-active:not(:disabled)>.motion-label{color:var(--motion-hover-ink)}
.concept-motion:disabled>.motion-fill{display:none}
.concept-motion:disabled>.motion-label{color:var(--motion-ink)}
@media(hover:hover) and (pointer:fine){
 .product-image-button img,.editorial-media>a img,.collection-art>img,.pdp-main-image img{transition:transform 700ms cubic-bezier(.3,1,.3,1)}
 .card-media:hover .product-image-button img,.editorial-media:hover>a img,.collection-art:hover>img,.pdp-main-image:hover img{transform:scale(1.05)}
 .text-link svg,.round-link svg{transition:transform 500ms cubic-bezier(.3,1,.3,1)}
 .text-link:hover svg,.round-link:hover svg{transform:translateX(4px)}
 [dir=rtl] .text-link:hover svg,[dir=rtl] .round-link:hover svg{transform:translateX(-4px) scaleX(-1)}
 .round-link{transition:background-color 500ms cubic-bezier(.3,1,.3,1),color 500ms cubic-bezier(.3,1,.3,1)}
 .round-link:hover{background:#476626;color:#fff}
 #close-drawer svg{transition:transform 500ms cubic-bezier(.3,1,.3,1)}
 #close-drawer:hover svg{transform:rotate(90deg)}
 .nav>a{position:relative}
 .nav>a::after{content:'';position:absolute;inset-inline:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 500ms cubic-bezier(.6,0,.4,1)}
 .nav>a:hover::after{transform:scaleX(1);transform-origin:left}
}
@media(max-width:639px){.editorial-add>.motion-label{display:flex}.editorial-add>.motion-label>span{display:none}.quick-button>.motion-label{gap:0}}
@media(prefers-reduced-motion:reduce){
 .motion-fill{display:none}.concept-motion.motion-active:not(:disabled){background:var(--motion-fill)}
 .concept-motion>.motion-label{transition:none}
 .card-media:hover .product-image-button img,.editorial-media:hover>a img,.collection-art:hover>img,.pdp-main-image:hover img{transform:none}
 .text-link svg,.round-link svg,#close-drawer svg,.nav>a::after{transition:none!important}
}