
:root{--wwf-hero-ratio:3/1;--wwf-content-gap:32px}
.wwf-page-hero{display:block;position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:none;aspect-ratio:var(--wwf-hero-ratio);height:auto;min-height:0;margin:0;overflow:hidden;color:#071c43;text-decoration:none;background:#f8f2e8}
.wwf-page-hero__picture{display:block;position:absolute;inset:0;width:100%;height:100%}
.wwf-page-hero__picture img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:1;mix-blend-mode:normal;filter:none;transform:none;border:0;border-radius:0}
.wwf-page-hero__copy{position:absolute;inset:0 auto 0 0;width:46%;box-sizing:border-box;padding:3% 4.5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(10px,1.6vw,24px);font-family:var(--wwf-font);pointer-events:none}
.wwf-page-hero__copy h1{font:700 clamp(26px,3.35vw,62px)/1.12 var(--wwf-font)!important;color:#071c43!important;margin:0!important;text-transform:none!important;letter-spacing:0!important}
.wwf-page-hero__copy p{font:400 clamp(14px,1.25vw,21px)/1.4 var(--wwf-font);color:#071c43;margin:0}
.wwf-page-hero__button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 25px;border:1px solid #957341;border-radius:40px;color:#071c43;background:#dbbb7d;font:600 16px/1.2 var(--wwf-font);white-space:nowrap}
.wwf-page-hero__button svg{width:20px;height:20px;flex:none}
.wwf-page-hero:focus-visible{outline:3px solid #071c43;outline-offset:-5px}
.wwf-page-hero:hover .wwf-page-hero__button{background:#e7ca92}
.row--product-list>div:has(.wwf-page-hero),.row--product-list>section:has(.wwf-page-hero){width:100%;max-width:none;padding:0;margin:0 0 var(--wwf-content-gap);flex-basis:100%}
.wwf-page-hero~#wwf-collection-products{scroll-margin-top:110px}
.wwf-approved-card-art{object-fit:cover!important;object-position:center bottom!important}
@media(max-width:767px){
 :root{--wwf-hero-ratio:4/5;--wwf-content-gap:24px}
 .wwf-page-hero__copy{inset:0 0 auto;width:100%;height:38%;padding:12px 16px 6px;align-items:center;justify-content:center;text-align:center;gap:8px}
 .wwf-page-hero__copy h1{font-size:clamp(25px,6.8vw,36px)!important;line-height:1.1!important}
 .wwf-page-hero__copy p{font-size:clamp(14px,3.8vw,18px);line-height:1.3;max-width:32ch}
 .wwf-page-hero__button{min-height:44px;padding:10px 20px;font-size:14px;gap:12px}
 .wwf-page-hero__button svg{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.wwf-page-hero{scroll-behavior:auto}}
