/* Approved artwork is displayed whole. The native anchor matches its printed CTA. */
.revision-restored #hero.approved-cover-section{padding:0;background:#111;overflow:hidden}
.revision-restored #hero.approved-cover-section>.container{width:100%;max-width:648px;margin:0 auto}
.hero-cover-frame{position:relative;width:100%;margin:0;isolation:isolate}
.hero-cover-image{display:block;width:100%;height:auto;aspect-ratio:9/16;max-width:100%;object-fit:contain}
.cover-accessible-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.hero-cover-cta{position:absolute;left:4.05%;top:90.04%;width:61.11%;height:6.97%;display:block;z-index:2;overflow:hidden;border-radius:clamp(8px,2.6vw,16px);background:transparent;box-shadow:0 4px 0 #a85e3eb3,0 8px 18px #00000026,0 0 17px #ffa47924,0 2px 1px #ffffff69 inset,0 -2px 1px #9e4f3026 inset;transition:box-shadow .15s;cursor:pointer;-webkit-tap-highlight-color:#ffffff24}
.hero-cover-cta::after,.revision-v2 .button.primary.purchase-button::after{content:'';position:absolute;inset:-45% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff00 44%,#ffffff66 50%,#ffffff00 56%,transparent 60%);transform:translateX(-70%);animation:club-cta-shine 7s ease-in-out infinite;opacity:0}
.hero-cover-cta:hover,.hero-cover-cta:focus-visible{box-shadow:0 5px 0 #a85e3ecc,0 10px 22px #00000029,0 0 24px #ffa4794d,0 2px 1px #ffffff80 inset,0 -2px 1px #9e4f3026 inset}
.hero-cover-cta:active{box-shadow:0 1px 0 #a85e3ecc,0 3px 10px #00000026,0 2px 3px #79361c24 inset}
.hero-cover-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
/* A single peach palette connects every purchase action with the cover. */
.revision-v2 .button.primary.purchase-button{position:relative;isolation:isolate;overflow:hidden;color:#171412;border-color:#ffc29e;background:linear-gradient(180deg,#ffffff38,transparent 55%,#9e4f300d),linear-gradient(112deg,#ff9f70,#ffae83);box-shadow:0 5px 0 #a85e3e,0 10px 18px #4a241b2b,0 2px 1px #ffffff80 inset,0 -2px 1px #9e4f3026 inset;transition:transform .15s,box-shadow .15s,background .2s}
.revision-v2 .button.primary.purchase-button>span,.revision-v2 .button.primary.purchase-button>.icon{position:relative;z-index:1}
.revision-v2 .button.primary.purchase-button:hover{background:linear-gradient(180deg,#ffffff3d,transparent 55%,#9e4f300d),linear-gradient(112deg,#ffac83,#ffbb95);box-shadow:0 6px 0 #a85e3e,0 13px 23px #4a241b30,0 2px 1px #ffffff99 inset,0 -2px 1px #9e4f3026 inset}
.revision-v2 .button.primary.purchase-button:active{transform:translateY(2px);box-shadow:0 2px 0 #a85e3e,0 4px 10px #4a241b26,0 2px 3px #79361c1f inset}
.revision-v2 .button.primary.purchase-button::after{animation-delay:1.5s}
@keyframes club-cta-shine{0%,55%{transform:translateX(-70%);opacity:0}58%{opacity:.65}74%{transform:translateX(70%);opacity:0}100%{transform:translateX(70%);opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-cover-cta::after,.revision-v2 .button.primary.purchase-button::after{animation:none;display:none}.hero-cover-cta{transition:none}}

/* Keep the floating CTA label at the button's actual center. */
.revision-v2 .sticky-mobile>.button.primary.purchase-button{justify-content:center;padding-inline:48px;text-align:center}
.revision-v2 .sticky-mobile>.button.primary.purchase-button>.icon{position:absolute;right:23px;top:50%;transform:translateY(-50%)}

/* Repeat just the printed cover button so its lettering moves with the CTA. */
.hero-cover-cta{background-image:url("/assets/media/club-cover-final.jpg");background-repeat:no-repeat;background-size:163.6393388971% 1434.7202295552%;background-position:10.4139881718% 96.7859830162%}
@keyframes club-button-breathe{0%,100%{scale:1}50%{scale:1.035}}
@media(prefers-reduced-motion:no-preference){
 .revision-v2 main .button.primary.purchase-button,.revision-v2 .sticky-mobile>.button.primary.purchase-button,.hero-cover-cta{animation:club-button-breathe 2.4s ease-in-out infinite;transform-origin:center}
 .revision-v2 main .button.primary.purchase-button:hover,.revision-v2 main .button.primary.purchase-button:focus-visible,.revision-v2 .sticky-mobile>.button.primary.purchase-button:hover,.revision-v2 .sticky-mobile>.button.primary.purchase-button:focus-visible,.hero-cover-cta:hover,.hero-cover-cta:focus-visible{animation-play-state:paused}
}
/* The floating action breathes at the same rhythm without changing its fixed placement. */
.revision-v2 .sticky-mobile>.button.primary.purchase-button{transform:none}
.revision-v2 .sticky-mobile>.button.primary.purchase-button::after{animation:none;opacity:0}