.shelf-transition{position:fixed;inset:0;z-index:10000;pointer-events:none;opacity:0;background:#101211;overflow:hidden;transition:opacity 160ms ease;isolation:isolate}
.shelf-transition__photo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1);will-change:transform}
.shelf-transition::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.62) 100%)}
.shelf-transition.is-ready{opacity:1;pointer-events:auto}
.shelf-transition.is-ready .shelf-transition__photo{animation:shelf-camera-approach 1600ms cubic-bezier(.2,.55,.3,1) both}
@keyframes shelf-camera-approach{from{transform:scale(1)}to{transform:scale(1.1)}}
.shelf-transition__caption{position:absolute;z-index:1;left:clamp(24px,6vw,110px);right:24px;bottom:clamp(38px,9vh,100px);color:#fff;font-family:Arial,sans-serif;opacity:0;transform:translateY(12px);transition:opacity 450ms ease,transform 700ms cubic-bezier(.22,.61,.36,1)}
.shelf-transition.is-ready .shelf-transition__caption{opacity:1;transform:translateY(0)}
.shelf-transition__caption span{display:block;margin-bottom:18px;color:#eebd65;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.23em}
.shelf-transition__caption strong{display:block;font-size:clamp(36px,6vw,88px);line-height:1.04;letter-spacing:-.035em;max-width:1000px}
.shelf-navigating .hero-content,.shelf-navigating .quick-links{opacity:0;transition:opacity 160ms ease}
@media(max-width:760px){.shelf-transition__caption strong{font-size:clamp(34px,9vw,56px)}}
@media(prefers-reduced-motion:reduce){.shelf-transition{display:none}.shelf-navigating .hero-content,.shelf-navigating .quick-links{opacity:1;transition:none}.shelf-transition__photo{animation:none!important}}