/* Motion enhances the page; content stays visible without JavaScript. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
header{transition:box-shadow .3s ease,border-color .3s ease}
header.is-scrolled{box-shadow:0 8px 28px #0020611c;border-bottom-color:#cbd6f0}
.main-nav>a:not(.button),.main-nav #products-toggle{position:relative}
.main-nav>a:not(.button):after,.main-nav #products-toggle:after{content:'';height:3px;background:#FFE76F;position:absolute;left:0;right:0;bottom:15px;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--motion-ease)}
.main-nav #products-toggle:after{bottom:4px}
.main-nav>a:not(.button):hover:after,.main-nav>a:not(.button):focus-visible:after,.main-nav>a[aria-current=page]:after,.main-nav #products-toggle:hover:after,.main-nav #products-toggle:focus-visible:after,.main-nav #products-toggle[aria-expanded=true]:after{transform:scaleX(1)}
.main-nav #products-toggle>span{transition:transform .25s var(--motion-ease)}
.main-nav #products-toggle[aria-expanded=true]>span{transform:rotate(180deg)}
.category-row{transition:background-color .2s ease,color .2s ease}
.category-row>a{transition:padding-left .22s var(--motion-ease),color .2s ease}
.mega-category.is-active .category-row>a{padding-left:29px}
.category-expand{transition:transform .22s var(--motion-ease),color .2s ease}
.mega-category.is-active .category-expand{transform:translateX(2px)}
.mega-sub li a{transition:color .18s ease,padding-left .22s var(--motion-ease)}
.mega-sub li a:hover,.mega-sub li a:focus-visible{padding-left:7px}
.mega-sub li a span{transition:transform .22s var(--motion-ease)}
.mega-sub li a:hover span{transform:translate(2px,-2px)}
.button{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .25s var(--motion-ease),box-shadow .25s ease}
.button:active{transform:translateY(0) scale(.985)}
.button>span,.collection-arrow,.range-copy .underlined i{transition:transform .3s var(--motion-ease)}
.collection-photo img,.range-image img{transition:transform .55s var(--motion-ease)}
.range-card,.product-card,.audience-grid>a,.capability-grid article,.hero-product{transition:transform .35s var(--motion-ease),box-shadow .35s ease,border-color .25s ease,background-color .25s ease}
.quiet-link,.underlined,.material-links a{transition:color .2s ease,background-color .2s ease,border-color .2s ease}
.material-links a{transition:transform .25s var(--motion-ease),color .2s ease,background-color .2s ease,border-color .2s ease}
#quote-form input,#quote-form select,#quote-form textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
#quote-form input:focus,#quote-form select:focus,#quote-form textarea:focus{background:#fff;border-color:#002EA6;box-shadow:0 0 0 3px #002EA60c}
@media(hover:hover) and (pointer:fine){
 .button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #002EA621}
 .button:hover>span{transform:translate(3px,-2px)}
 .collection-card:hover .collection-arrow{transform:translate(2px,-2px)}
 .range-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #12325614}
 .range-card:hover .range-image img{transform:scale(1.035)}
 .range-card:hover .underlined i{transform:translate(3px,-2px)}
 .hero-product:hover{transform:translateY(-4px);box-shadow:0 12px 26px #00164230}
 .capability-grid article:hover{transform:translateY(-4px);box-shadow:0 12px 24px #002EA610}
 .material-links a:hover{transform:translateY(-2px)}
}
@media(max-width:760px){
 .main-nav>a:not(.button):after{bottom:0}
 .mega-category.is-active .category-row>a{padding-left:17px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*:before,*:after{animation:none!important;transition:none!important}
 .button:hover,.button:active,.product-card:hover,.range-card:hover,.hero-product:hover,.capability-grid article:hover,.material-links a:hover,.collection-card:hover img,.range-card:hover .range-image img{transform:none!important}
}
