.q4-hero{position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--q4-hero-text);background:var(--q4-hero-bg);isolation:isolate}.q4-hero[hidden],.q4-hero__stack[hidden]{display:none!important}.q4-hero p{margin:0}.q4-hero__media{position:relative;aspect-ratio:var(--q4-hero-mobile-ratio, 4 / 3)}.q4-hero__media:after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(0deg,var(--q4-hero-bg),transparent)}.q4-hero__img,.q4-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--q4-hero-focal-mobile, center)}.q4-hero__placeholder{fill:#00000026;background:#e7dbd0}.q4-hero__content{position:relative;display:grid;gap:16px;padding:8px 20px 36px;box-sizing:border-box}.q4-hero__breadcrumb{display:flex;align-items:center;gap:10px;font-family:var(--font-body-family, inherit);font-size:14px}.q4-hero__breadcrumb a{color:inherit;text-decoration:none}.q4-hero__breadcrumb a:hover{text-decoration:underline}.q4-hero__crumb-sep{width:14px;height:14px;opacity:.7}.q4-hero__stack{display:grid;justify-items:start;gap:12px}.q4-hero__title{margin:0;color:inherit;font-family:var(--font-heading-family, Georgia, serif);font-weight:500;line-height:1;letter-spacing:-.015em}.q4-hero__hl{color:var(--q4-hero-accent)}.q4-hero__sub{color:var(--q4-hero-muted);font-family:var(--font-body-family, inherit);font-size:18px;line-height:1.35}.q4-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;margin-top:8px;padding:12px 34px;border-radius:8px;color:var(--q4-hero-btn-text);background:var(--q4-hero-btn-bg);font-family:var(--font-body-family, inherit);font-size:18px;font-weight:600;text-decoration:none;box-shadow:0 6px 18px -10px #0009;transition:filter .2s ease,transform .2s ease}.q4-hero__cta:hover{filter:brightness(1.12)}.q4-hero__cta:focus-visible{outline:2px solid var(--q4-hero-btn-bg);outline-offset:3px}.q4-hero__cta-icon{width:20px;height:20px;transition:transform .2s ease}.q4-hero__cta:hover .q4-hero__cta-icon{transform:translate(3px)}.q4-hero--editorial .q4-hero__stack{justify-items:center;gap:10px;text-align:center}.q4-hero__eyebrow{font-family:var(--font-body-family, inherit);font-size:18px;font-weight:600;letter-spacing:.45em;margin-right:-.45em;text-transform:uppercase}.q4-hero--editorial .q4-hero__title{color:var(--q4-hero-accent);font-size:clamp(40px,12vw,104px);font-style:italic;font-weight:600}.q4-hero__rule{width:34px;height:2px;margin:6px 0 4px;background:currentColor}.q4-hero__offer{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(30px,8.5vw,48px);font-weight:600;line-height:1.05}.q4-hero__offer .q4-hero__hl{font-size:1.12em}.q4-hero--editorial .q4-hero__sub{color:var(--q4-hero-text);font-size:clamp(18px,4.8vw,26px)}.q4-hero__brand{padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.12);font-family:var(--font-heading-family, Georgia, serif);font-size:22px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.q4-hero__brand-logo{display:block;width:100%;height:auto}.q4-hero__pill{margin-top:8px}.q4-hero__pill .q4-badge{letter-spacing:.08em}.q4-hero--badge .q4-hero__title{font-size:clamp(46px,13vw,100px);font-weight:500}.q4-hero--badge .q4-hero__sub{font-size:clamp(18px,5vw,28px)}.q4-hero--badge .q4-hero__cta{border-radius:8px}.q4-hero--noir .q4-hero__stack{gap:14px}.q4-hero__goldrule{width:72px;height:2px;background:var(--q4-hero-accent)}.q4-hero__kicker{font-family:var(--font-body-family, inherit);font-size:clamp(18px,5vw,28px);font-weight:400;line-height:1.25;letter-spacing:.32em;text-transform:uppercase}.q4-hero--noir .q4-hero__title{font-size:clamp(48px,13vw,92px);font-weight:500;line-height:1.04}.q4-hero--noir .q4-hero__sub{max-width:30ch;color:var(--q4-hero-muted);font-size:clamp(18px,4.8vw,26px)}.q4-hero__kicker--rule{display:flex;align-items:center;gap:.9em;font-weight:600;letter-spacing:.22em}.q4-hero__kicker--rule:after{content:"";flex:none;width:3.4em;height:2px;background:var(--q4-hero-accent)}.q4-hero--btn-glossy .q4-hero__cta{background:linear-gradient(180deg,#ffffff38,#fff0 55%),linear-gradient(180deg,color-mix(in srgb,var(--q4-hero-btn-bg) 85%,#fff) 0%,var(--q4-hero-btn-bg) 60%,color-mix(in srgb,var(--q4-hero-btn-bg) 80%,#000) 100%);box-shadow:inset 0 1px #ffffff4d,0 10px 24px -12px color-mix(in srgb,var(--q4-hero-btn-bg) 80%,transparent)}.q4-hero--btn-gold .q4-hero__cta{color:#1a1410;background:linear-gradient(180deg,#f1d39a,#dcb36d 55%,#c99d57);box-shadow:inset 0 1px #ffffff73,0 8px 22px -12px #c99d57cc}.q4-hero--btn-gold .q4-hero__cta:focus-visible{outline-color:#dcb36d}@media screen and (max-width:749px){.q4-hero--m-full{justify-content:flex-end;min-height:min(var(--q4-hero-height-mobile, 600px),100svh)}.q4-hero--m-full .q4-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;aspect-ratio:auto}.q4-hero--m-full .q4-hero__media:after{height:var(--q4-hero-fade-size-m, 60%);opacity:var(--q4-hero-fade-m, .6);background:linear-gradient(0deg,var(--q4-hero-bg) 0%,color-mix(in srgb,var(--q4-hero-bg) 75%,transparent) 30%,color-mix(in srgb,var(--q4-hero-bg) 35%,transparent) 65%,transparent 100%)}.q4-hero--m-full .q4-hero__content{padding:24px 20px 36px}.q4-hero--m-full.q4-hero--mt-top{justify-content:flex-start}.q4-hero--m-full.q4-hero--mt-top .q4-hero__media:after{inset:0 0 auto 0;background:linear-gradient(180deg,var(--q4-hero-bg) 0%,color-mix(in srgb,var(--q4-hero-bg) 75%,transparent) 30%,color-mix(in srgb,var(--q4-hero-bg) 35%,transparent) 65%,transparent 100%)}.q4-hero--m-full.q4-hero--mt-top .q4-hero__content{padding:32px 20px 24px}}.q4-hero--bold .q4-hero__stack{gap:14px}.q4-hero--bold .q4-hero__eyebrow{margin-right:0;font-size:13px;font-weight:600;letter-spacing:.2em}.q4-hero--bold .q4-hero__title{font-family:var(--font-body-family, "Helvetica Neue", Arial, sans-serif);font-size:clamp(40px,11vw,64px);font-weight:800;line-height:.95;letter-spacing:-.02em;text-transform:uppercase}.q4-hero--bold .q4-hero__offer{font-family:var(--font-body-family, inherit);font-size:clamp(22px,6vw,32px);font-weight:700}.q4-hero--bold .q4-hero__sub{max-width:40ch;color:var(--q4-hero-text);font-size:16px;line-height:1.45}.q4-hero--bold .q4-hero__cta{min-height:48px;margin-top:4px;padding:12px 24px;border-radius:4px;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.q4-hero--bold .q4-hero__cta-icon{width:16px;height:16px}@media screen and (min-width:750px){.q4-hero{display:block;min-height:var(--q4-hero-height, 460px)}.q4-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;aspect-ratio:auto}.q4-hero__media:after{top:0;right:0;bottom:0;left:0;height:auto;opacity:var(--q4-hero-fade, .7);background:linear-gradient(90deg,var(--q4-hero-bg) 0%,var(--q4-hero-bg) 30%,transparent 60%)}.q4-hero--right .q4-hero__media:after{background:linear-gradient(270deg,var(--q4-hero-bg) 0%,var(--q4-hero-bg) 30%,transparent 60%)}.q4-hero__img,.q4-hero__media img{object-position:var(--q4-hero-focal, right center)}.q4-hero__content{display:flex;flex-direction:column;justify-content:center;gap:20px;min-height:var(--q4-hero-height, 460px);width:min(48%,720px);padding:32px 56px 40px}.q4-hero--right .q4-hero__content{margin-left:auto}.q4-hero--d-viewport,.q4-hero--d-viewport .q4-hero__content{min-height:max(var(--q4-hero-height, 460px),calc(100svh - var(--announcement-height, 0px)))}.q4-hero__breadcrumb{position:absolute;top:22px;left:56px;font-size:15px}.q4-hero--right .q4-hero__breadcrumb{left:auto;right:56px}.q4-hero--editorial .q4-hero__title{font-size:clamp(56px,6vw,104px);white-space:nowrap}.q4-hero__offer{font-size:clamp(36px,3.6vw,54px)}.q4-hero--badge .q4-hero__title{font-size:clamp(56px,6vw,104px);white-space:nowrap}.q4-hero--badge .q4-hero__brand{min-width:320px}.q4-hero--bold .q4-hero__stack{gap:20px}.q4-hero--bold .q4-hero__eyebrow{font-size:15px}.q4-hero--bold .q4-hero__content{width:min(60%,960px)}.q4-hero--bold .q4-hero__title{font-size:clamp(48px,4.4vw,96px);text-wrap:balance}.q4-hero--bold .q4-hero__sub{font-size:clamp(18px,1.4vw,22px)}.q4-hero--bold .q4-hero__cta{min-height:52px;padding:14px 26px;font-size:15px}}@media(prefers-reduced-motion:reduce){.q4-hero__cta,.q4-hero__cta-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/q4-hero.css.map */