/* Quiet motion accents, progressively enhanced without hiding content. */
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#3058bd,#7e9ff0,#d8c39a);transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}
.hero-content,.hero-note,.hero-bottom,.motion-toggle{z-index:2}.export-copy{z-index:2}
.ambient-light{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .7s;background:radial-gradient(ellipse 420px 340px at var(--light-x,70%) var(--light-y,35%),#4169e12e,transparent 72%),radial-gradient(ellipse 240px 210px at calc(var(--light-x,70%) + 130px) calc(var(--light-y,35%) - 75px),#d8c39a1c,transparent 75%)}
.light-active>.ambient-light{opacity:1}.product-card:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(300px circle at var(--light-x,50%) var(--light-y,50%),#6588ef12,transparent 70%);border:1px solid transparent}
.product-card.light-active:before{opacity:1;border-color:#b8a47a70}.product-card{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}.product-card:hover{box-shadow:0 14px 32px #0b173013}
.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:-50% auto -50% -80%;width:45%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff26,transparent);transform:skewX(-20deg);transition:left .65s ease}.button:hover:after,.button:focus-visible:after{left:140%}.button span{transition:transform .3s}.button:hover span{transform:translate(2px,-2px)}
header nav a{position:relative}header nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}header nav a:hover:after,header nav a:focus-visible:after{transform:scaleX(1)}
.card-arrive{animation:card-arrival .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--arrival-delay,0ms)}
@keyframes card-arrival{from{opacity:.55;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-photo{inset:-45px;translate:0 var(--hero-depth,0px);will-change:translate}.product-card:hover .product-image img{transform:scale(1.055)}}
.paused .ambient-light,.paused .product-card:before{opacity:0!important}.paused .hero-photo{translate:0 0!important}.paused .card-arrive{animation:none!important;opacity:1;transform:none}.paused .reading-progress{display:none}.paused .button:after{display:none}.paused .button,.paused .product-card,.paused .button span{transition:none!important}.paused .button:hover,.paused .product-card:hover{transform:none}.paused .product-image img{transform:none!important}
@media(hover:none),(pointer:coarse){.ambient-light,.product-card:before{display:none}.hero-photo{translate:0 0!important}.card-arrive{animation:none}}
@media(prefers-reduced-motion:reduce){.ambient-light,.product-card:before,.reading-progress,.button:after{display:none}.hero-photo{translate:0 0!important}.card-arrive{animation:none;opacity:1;transform:none}.button:hover,.product-card:hover,.button:hover span,.product-card:hover .product-image img{transform:none}}