/* R04: discovery text, quiet image feedback, keyboard/touch parity. */
.action-copy{display:inline-grid;vertical-align:middle;line-height:1.85;isolation:isolate}
.action-copy>span{grid-area:1/1;white-space:nowrap;transition:opacity .22s ease,transform .28s var(--ease);padding-block:2px}
.action-alternate{opacity:0;transform:translateY(5px)}
.discovery-action{--copy-active:0}.discovery-action svg{flex-shrink:0}
.discovery-action:focus-visible .action-default,a:focus-visible>.discovery-action .action-default{opacity:0;transform:translateY(-5px)}
.discovery-action:focus-visible .action-alternate,a:focus-visible>.discovery-action .action-alternate{opacity:1;transform:none}
.product-photo{transition:border-radius .4s var(--ease),box-shadow .3s ease;isolation:isolate}
.product-photo img{transition:transform .5s var(--ease),opacity .3s ease}
.photo-action{position:absolute;z-index:3;bottom:12px;right:12px;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--paper);color:var(--wine);border:1px solid var(--line);border-radius:5px;font-size:10px;opacity:0;transform:translateY(5px);transition:opacity .22s,transform .3s var(--ease);pointer-events:none}
.photo-action svg{width:15px;height:15px}.product-photo .badge{max-width:calc(100% - 20px);transition:opacity .2s}
.category{border-radius:2px;transition:border-radius .4s var(--ease)}
.motion-media{display:block;overflow:hidden;isolation:isolate;transition:border-radius .4s var(--ease)}
.motion-media>img{height:100%;width:100%;object-fit:cover;transition:transform .55s var(--ease);border-radius:0!important;margin:0!important}
.editorial>.motion-media{border-radius:48% 48% 2px 2px / 25% 25% 0 0;margin:32px;width:calc(100% - 64px);height:560px}
.journal-card>.motion-media{border-radius:2px 70px 2px 2px;aspect-ratio:3/2}
.material-grid .motion-media{border-radius:48% 48% 3px 3px;aspect-ratio:1}
.prose>.motion-media{border-radius:3px}.hero-stage{transition:transform .7s var(--ease)}
/* Visible keyboard feedback never requires a mouse. */
.product-card:focus-within .product-photo{border-radius:14px;box-shadow:0 0 0 1px var(--line)}
.product-card:focus-within .product-photo img{transform:scale(1.02)}
.product-card:focus-within .second{opacity:1}
.product-card:focus-within .photo-action{opacity:1;transform:none}
.product-card:focus-within .badge{opacity:0}
.category:focus-visible{border-radius:14px}.category:focus-visible img{transform:scale(1.02)}
.journal-card:focus-visible .motion-media{border-radius:12px 76px 12px 12px}
.journal-card:focus-visible .motion-media>img{transform:scale(1.02)}
summary{transition:color .18s,background-color .18s}summary:focus-visible{color:var(--wine);background:#741b2806}
@media(hover:hover) and (pointer:fine){
 .discovery-action:hover .action-default,a:hover>.discovery-action .action-default{opacity:0;transform:translateY(-5px)}
 .discovery-action:hover .action-alternate,a:hover>.discovery-action .action-alternate{opacity:1;transform:none}
 .category:hover{border-radius:14px}.category:hover img{transform:scale(1.02)}
 .product-card:hover .product-photo{border-radius:14px;box-shadow:0 0 0 1px var(--line)}
 .product-card:hover .product-photo img{transform:scale(1.02)}
 .product-card:hover .second{opacity:1}.product-card:hover .photo-action{opacity:1;transform:none}.product-card:hover .badge{opacity:0}
 .editorial>.motion-media:hover{border-radius:49% 49% 10px 10px / 26% 26% 1% 1%}
 .motion-media:hover>img,.journal-card:hover .motion-media>img{transform:scale(1.02)}
 .journal-card:hover .motion-media{border-radius:12px 76px 12px 12px}
 .material-grid .motion-media:hover{border-radius:49% 49% 12px 12px}
 .prose>.motion-media:hover{border-radius:14px}
 .hero:hover .hero-stage{transform:scale(1.012)}
 .journal-card:is(:hover,:focus-visible) h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
 summary:hover{color:var(--wine);background:#741b2806}
}
@media(hover:none),(pointer:coarse){
 .action-alternate{display:none}.action-default{opacity:1!important;transform:none!important}
 .product-card:focus-within .product-photo img{transform:none}.product-card:focus-within .second{opacity:0}.product-card:focus-within .photo-action{opacity:0}.product-card:focus-within .badge{opacity:1}
 a.button:active,.textlink:active,.mobile-dock a:active,.mobile-dock button:active{background-color:#741b2817;color:var(--wine)}
 .hero .button:active{background:#54121d;color:var(--paper)}
 .product-photo:active,.category:active,.journal-card:active .motion-media{opacity:.88}
}
@media(max-width:700px){
 .editorial>.motion-media{height:340px;width:calc(100% - 48px);margin:24px 24px 0}
 .journal-card>.motion-media{border-top-right-radius:35px}
 .section-heading>div{min-width:0}.section-heading>.textlink{flex-shrink:0}
 .action-copy{line-height:1.8}.hero-copy .button{min-height:49px}
}
@media(prefers-reduced-motion:reduce){
 .action-copy>span,.motion-media,.motion-media>img,.product-photo,.product-photo img,.photo-action,.category,.hero-stage{transition:none!important}
 .action-copy>span{transform:none!important}
 .product-photo img,.motion-media>img,.category img,.hero-stage{transform:none!important}
}
.motion-off .product-photo img,.motion-off .motion-media>img,.motion-off .category img,.motion-off .hero-stage{transform:none!important}

.main-image{overflow:hidden;border-radius:3px;transition:border-radius .4s var(--ease)}.main-image>img{transition:transform .5s var(--ease)}
.main-image:focus-visible{border-radius:14px}.main-image:focus-visible>img{transform:scale(1.02)}
@media(hover:hover) and (pointer:fine){.main-image:hover{border-radius:14px}.main-image:hover>img{transform:scale(1.02)}}
@media(prefers-reduced-motion:reduce){.main-image,.main-image>img{transition:none!important}.main-image>img{transform:none!important}}
.motion-off .main-image>img{transform:none!important}