/* Swift navy with neutral reflected light. Text and click targets never tilt. */
[data-card-light]{position:relative;isolation:isolate;overflow:hidden}
[data-card-light]::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 300px 220px at var(--light-x,70%) var(--light-y,40%),#ffffff24,transparent 72%);opacity:0;transition:opacity .12s ease}
[data-card-light][data-pointer-active]::after{opacity:1}
[data-card-light] .home-department-art{position:relative;z-index:1;transition:box-shadow .16s ease}
[data-card-light] .home-department-art>img{transform:perspective(650px) translate3d(var(--cursor-x,0px),var(--cursor-y,0px),0) rotateX(var(--cursor-rx,0deg)) rotateY(var(--cursor-ry,0deg))!important;transition:transform .16s ease-out,filter .16s ease!important}
[data-card-light][data-pointer-active] .home-department-art{box-shadow:0 16px 32px #0006}
@supports(container-type:size){
 [data-card-light] .home-department-art.product-image-stage>img{transform:translate(var(--art-x,-50%),var(--art-y,-50%)) perspective(650px) translate3d(var(--cursor-x,0px),var(--cursor-y,0px),0) rotateX(var(--cursor-rx,0deg)) rotateY(var(--cursor-ry,0deg))!important}
}
.home-product-department:focus-within [data-card-light]::after{opacity:.65}
/* Colour belongs to the whole group as well as the moving header light.
   The translucent wash uses the same Swift navy, with no new blue accent. */
.home-product-department{transition:border-color .14s ease,box-shadow .14s ease}
.home-product-department .home-department-body{transition:background-color .14s ease}
.home-product-department .home-department-links a{padding-inline:10px;margin-inline:-10px;border-radius:5px;transition:background-color .12s ease,color .12s ease,border-color .12s ease}
@media(hover:hover){
 .home-product-department:hover{border-color:#001c3166;box-shadow:0 16px 36px #001c311c}
 .home-product-department:hover .home-department-body{background-color:#001c311a}
 .home-product-department .home-department-links a:hover{background-color:#001c31;color:#fff;border-color:#001c31}
}
.home-product-department:focus-within,.home-product-department:active{border-color:#001c3166;box-shadow:0 16px 36px #001c311c}
.home-product-department:focus-within .home-department-body,.home-product-department:active .home-department-body{background-color:#001c311a}
.home-product-department .home-department-links a:focus-visible{background-color:#001c31;color:#fff;border-color:#001c31;outline:2px solid #001c31;outline-offset:3px}
.home-product-department .home-department-links a:active{background-color:#001321;color:#fff;border-color:#001321}
html[data-swift-motion="off"] .home-product-department,html[data-swift-motion="off"] .home-product-department :is(.home-department-body,.home-department-links a){transition:none}
@media(prefers-reduced-motion:reduce){.home-product-department,.home-product-department :is(.home-department-body,.home-department-links a){transition:none}}
@media(hover:hover) and (pointer:fine) and (min-width:761px){
 html[data-swift-motion="on"] .hero-film-media{transform:translateY(var(--hero-depth,0px)) scale(1.02);transform-origin:center}
}
html[data-swift-motion="off"] [data-card-light]::after{display:none}
html[data-swift-motion="off"] [data-card-light] .home-department-art>img{--cursor-x:0px;--cursor-y:0px;--cursor-rx:0deg;--cursor-ry:0deg;transition:none!important}
@media(prefers-reduced-motion:reduce){[data-card-light]::after{display:none}[data-card-light] .home-department-art>img{--cursor-x:0px;--cursor-y:0px;--cursor-rx:0deg;--cursor-ry:0deg;transition:none!important}.hero-film-media{transform:none!important}}

/* Track immediately; ease only the return to rest. */
[data-card-light][data-pointer-active] .home-department-art>img{transition:filter .16s ease!important}