/* One workshop CTA and matching footer close every page. */
:is(body.home-refresh,body.site-refresh) main .page-cta[data-page] {
  --cta-photo:url('assets/home-refresh/home-cta-workshop.webp');--cta-backdrop:var(--home-ink);
  min-height:clamp(420px,33vw,550px);padding:64px 0;background:var(--home-ink);color:#fff;
}
:is(body.home-refresh,body.site-refresh) main .page-cta[data-page]::before {
  background-image:linear-gradient(90deg,rgba(32,33,30,.94),rgba(32,33,30,.86) 38%,rgba(32,33,30,.28) 68%,rgba(32,33,30,.16)),var(--cta-photo);
  background-size:cover;background-position:center;
}
:is(body.home-refresh,body.site-refresh) main .page-cta .page-cta-copy {max-width:46%}
:is(body.home-refresh,body.site-refresh) main .page-cta h2,:is(body.home-refresh,body.site-refresh) main .page-cta.page-cta p {color:#fff}
:is(body.home-refresh,body.site-refresh) main .page-cta :is(.eyebrow,h2 span) {color:var(--home-gold)}
:is(body.home-refresh,body.site-refresh) main .page-cta .gold {color:var(--home-ink)}
:is(body.home-refresh,body.site-refresh) main .page-cta .page-cta-call {background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
:is(body.home-refresh,body.site-refresh) main .page-cta .page-cta-call:hover {background:rgba(255,255,255,.1);border-color:var(--home-gold)}
:is(body.home-refresh,body.site-refresh) main .page-cta :focus-visible {outline-color:var(--home-gold)}
:is(body.home-refresh,body.site-refresh) footer {background:var(--home-ink);color:#fff;border-top:1px solid rgba(255,255,255,.14)}
:is(body.home-refresh,body.site-refresh) footer :is(p,a,.footer-bottom) {color:#d6d7d3}
:is(body.home-refresh,body.site-refresh) footer :is(h4,.store-hours-title) {color:var(--home-gold)}
:is(body.home-refresh,body.site-refresh) footer .footer-bottom {border-color:rgba(255,255,255,.16)}
:is(body.home-refresh,body.site-refresh) footer .footer-socials .social-icon {background:transparent;color:#d6d7d3;border-color:rgba(255,255,255,.25)}
:is(body.home-refresh,body.site-refresh) footer a:is(:hover,:focus-visible) {color:var(--home-gold)}
:is(body.home-refresh,body.site-refresh) footer :focus-visible {outline-color:var(--home-gold)}


/* Secondary CTA strips use the same charcoal, white and gold hierarchy. */
body.site-refresh main .shop-help {background:var(--home-ink);background-image:none;padding:64px 0;color:#fff}
body.site-refresh main .shop-help :is(h2,p,.text-link) {color:#fff}
body.site-refresh main .shop-help .eyebrow {color:var(--home-gold)}
body.site-refresh main .shop-help .btn {background:var(--home-gold);color:var(--home-ink);border-color:var(--home-gold)}
body.site-refresh main .shop-help .text-link {background:transparent;color:#fff;border:1px solid rgba(255,255,255,.75)}
body.site-refresh main .about-training-banner {background:var(--home-ink);color:#fff;min-height:clamp(460px,38vw,600px);padding:64px 0}
body.site-refresh main .about-training-photo {z-index:-2;object-position:right center}
body.site-refresh main .about-training-banner::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(32,33,30,.97),rgba(32,33,30,.90) 35%,rgba(32,33,30,.20) 72%);pointer-events:none}
body.site-refresh main .about-training-copy {max-width:46%}
body.site-refresh main .about-training-banner h2 {color:#fff}
body.site-refresh main .about-training-banner :is(.eyebrow,h2 span) {color:var(--home-gold)}
body.site-refresh main .about-training-banner p {color:#e2e3df}
body.site-refresh main .about-training-banner .gold {color:var(--home-ink)}
@media(max-width:760px){
 :is(body.home-refresh,body.site-refresh) main .page-cta[data-page] {min-height:0;padding:48px 0 276px}
 :is(body.home-refresh,body.site-refresh) main .page-cta[data-page]::before {background-image:linear-gradient(180deg,#20211e,rgba(32,33,30,.85) 14%,rgba(32,33,30,.25)),var(--cta-photo);background-size:100% 260px,auto 260px;background-position:center bottom,right bottom;background-repeat:no-repeat}
 :is(body.home-refresh,body.site-refresh) main .page-cta .page-cta-copy {max-width:100%}
 body.site-refresh main .shop-help {padding:48px 0}
 body.site-refresh main .about-training-banner {min-height:0;padding:48px 0 316px}
 body.site-refresh main .about-training-copy {max-width:100%}
 body.site-refresh main .about-training-photo {height:300px;inset:auto 0 0;object-position:right center}
 body.site-refresh main .about-training-banner::before {background:linear-gradient(180deg,#20211e calc(100% - 316px),rgba(32,33,30,.35) calc(100% - 270px),transparent 100%)}
}