/* Subtle feedback, confined to elements that can be used. */
.chapter-pieces .ring-photo img{scale:1;transition:scale 320ms cubic-bezier(.2,.65,.3,1)}
.arrow-icon{--arrow-x:2px;--arrow-y:-2px;transform:translate(0,0);transition:transform 220ms ease}
.family-explore .arrow-icon{--arrow-y:2px}
.chapter-back .arrow-icon,.closing .arrow-icon{--arrow-x:0px;--arrow-y:-2px}
.gallery-prev .arrow-icon{--arrow-x:-2px;--arrow-y:0px}
.gallery-next .arrow-icon{--arrow-x:2px;--arrow-y:0px}
.text-link{position:relative;border-bottom-color:var(--line);transition:color 220ms ease}
.text-link:hover{gap:32px}
.text-link::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform 260ms ease}
.family-explore{position:relative}
.family-explore::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 260ms ease}
.header nav a{position:relative}
.header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 220ms ease}
.gallery-outgoing{position:absolute!important;inset:0;pointer-events:none}
.ring-open,.chapter-signature,.image-arrow,.gallery-prev,.gallery-next,.product-view,.hero-discover{transition:scale 130ms ease,background-color 180ms ease,color 180ms ease}
:is(.text-link,.chapter-signature,.chapter-back,.image-arrow,.gallery-prev,.gallery-next,.ring-open):focus-visible .arrow-icon{transform:translate(var(--arrow-x),var(--arrow-y))}
.family-intro:focus-visible .arrow-icon{transform:translate(var(--arrow-x),var(--arrow-y))}
.text-link:focus-visible::after,.family-intro:focus-visible .family-explore::after,.header nav a:focus-visible::after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
 .ring-open:hover .ring-photo img{scale:1.02}
 :is(.text-link,.chapter-signature,.chapter-back,.image-arrow,.gallery-prev,.gallery-next,.ring-open):hover .arrow-icon{transform:translate(var(--arrow-x),var(--arrow-y))}
 .family-intro:hover .arrow-icon{transform:translate(var(--arrow-x),var(--arrow-y))}
 .text-link:hover::after,.family-intro:hover .family-explore::after,.header nav a:hover::after{transform:scaleX(1)}
}
@media(hover:none) and (pointer:coarse){
 .ring-open:active{scale:.995}
 :is(.chapter-signature,.image-arrow,.gallery-prev,.gallery-next,.product-view,.hero-discover):active{scale:.985}
 .ring-open:active .card-open-icon{background:#fff}
}
@media(prefers-reduced-motion:reduce){
 .chapter-pieces .ring-photo img,.ring-open:hover .ring-photo img{scale:1;transition:none}
 .arrow-icon{transform:none!important;transition:none}
 .ring-open,.chapter-signature,.image-arrow,.gallery-prev,.gallery-next,.product-view,.hero-discover{scale:1!important;transition:none}
 .text-link::after,.family-explore::after,.header nav a::after{transition:none}
}