.hero-banner{--white: var(--calypso-paper-soft);--ink: var(--calypso-ink);--muted: var(--calypso-muted);--serif: var(--calypso-serif);--sans: var(--calypso-sans);--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:var(--hero-ar, 1.7778);display:flex;align-items:center;font-family:var(--sans)}.hero-banner *{box-sizing:border-box}.hero-banner img{display:block;max-width:100%}.hero-banner .wrap{max-width:1320px;margin:0 auto;padding:0 40px}.hero-banner .eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:var(--muted);font-weight:400}.hero-banner .display{font-family:var(--serif);font-weight:400;line-height:1;letter-spacing:-.5px}.hero-banner .italic{font-style:italic}.hero-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;align-items:flex-end}.hero-banner__img .ph__tag{opacity:.75}.hero-banner__content{position:relative;z-index:2;color:var(--white);max-width:1320px}.hero-banner .hero-banner__eyebrow{color:inherit}.hero-banner__title{font-size:clamp(calc(var(--calypso-headline-size, 2rem) * 1.75),6.4vw,calc(var(--calypso-headline-size, 2rem) * 3.25));text-transform:var(--calypso-headline-transform, none);margin:20px 0 0;color:var(--calypso-paper-soft);text-shadow:0 2px 24px rgba(0,0,0,calc(var(--hshadow, 30) / 100))}.hero-banner__lede{font-size:18px;line-height:1.65;color:rgba(var(--calypso-paper-soft-rgb),.92);max-width:420px;margin:26px 0 0;text-shadow:0 1px 12px rgba(0,0,0,calc(var(--hshadow, 30) / 100))}.hero-banner__cta{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap}.hero-banner__cta .global-button{font-family:var(--calypso-nav);font-size:var(--calypso-nav-size, 12px);font-weight:var(--calypso-button-weight, 500);letter-spacing:var(--calypso-nav-spacing, 2px);text-transform:var(--calypso-button-transform, uppercase)}.hero-banner__cta .global-button--teal-lift,.hero-banner__cta .global-button--teal-lift>*{color:#fcfcfc}.hero-banner .ph{position:relative;overflow:hidden;background:var(--tint, #e7ded3);display:flex;align-items:flex-end;justify-content:flex-start}.hero-banner .ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.035) 0 1px,transparent 1px 14px)}.hero-banner .ph__tag{position:relative;z-index:2;margin:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.3px;color:#8c8278;background:#fff9;padding:5px 10px;border-radius:2px;text-transform:lowercase;display:inline-flex;align-items:center;gap:7px}@media(max-width:860px){.hero-banner__lede{font-size:16px}}@media(max-width:600px){.hero-banner__cta{gap:10px}.hero-banner__cta .global-button{flex:1}}.hero-banner__imgel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-banner__img .hero-banner__imgel--m{display:none}@media(max-width:768px){.hero-banner__img.has-mobile .hero-banner__imgel--d{display:none}.hero-banner__img.has-mobile .hero-banner__imgel--m{display:block}.hero-banner{aspect-ratio:var(--hero-ar-m, var(--hero-ar, 1.7778))}}.hero-banner[data-align-v=top]{align-items:flex-start}.hero-banner[data-align-v=middle]{align-items:center}.hero-banner[data-align-v=bottom]{align-items:flex-end}.hero-banner__content{display:flex;flex-direction:column;width:100%}.hero-banner[data-align-h=left] .hero-banner__content{align-items:flex-start}.hero-banner[data-align-h=center] .hero-banner__content{align-items:center}.hero-banner[data-align-h=right] .hero-banner__content{align-items:flex-end}.hero-banner__caption{display:flex;flex-direction:column;max-width:min(640px,100%)}.hero-banner__text{display:flex;flex-direction:column}.hero-banner[data-justify=left] .hero-banner__caption,.hero-banner[data-justify=left] .hero-banner__text{align-items:flex-start}.hero-banner[data-justify=center] .hero-banner__caption,.hero-banner[data-justify=center] .hero-banner__text{align-items:center}.hero-banner[data-justify=right] .hero-banner__caption,.hero-banner[data-justify=right] .hero-banner__text{align-items:flex-end}.hero-banner[data-justify=left] .hero-banner__caption{text-align:left}.hero-banner[data-justify=center] .hero-banner__caption{text-align:center}.hero-banner[data-justify=right] .hero-banner__caption{text-align:right}@media(min-width:769px){.hero-banner[data-align-v=top] .hero-banner__content{padding-top:56px}.hero-banner[data-align-v=bottom] .hero-banner__content{padding-bottom:56px}html.ch-overlay .hero-banner[data-align-v=top] .hero-banner__content{padding-top:calc(var(--ch-h, 104px) + 28px)}}@media(max-width:768px){.hero-banner .wrap.hero-banner__content{position:relative;align-self:stretch;padding:0}.hero-banner__caption{display:contents}.hero-banner__text,.hero-banner__cta{position:absolute;left:24px;right:24px;max-width:none;margin:0;transform:translateY(-50%)}.hero-banner__text{top:var(--htext-y, 40%);display:flex;flex-direction:column;max-width:var(--hcap-w-m, none)}.hero-banner__cta{top:var(--hbtn-y, 80%);display:flex;flex-wrap:wrap;gap:12px;max-width:var(--hbtn-w-m, none)}.hero-banner[data-align-h-m=left] .hero-banner__text{align-items:flex-start;text-align:left;margin-right:auto}.hero-banner[data-align-h-m=center] .hero-banner__text{align-items:center;text-align:center;margin-inline:auto}.hero-banner[data-align-h-m=right] .hero-banner__text{align-items:flex-end;text-align:right;margin-left:auto}.hero-banner[data-align-h-m=left] .hero-banner__cta{justify-content:flex-start;margin-right:auto}.hero-banner[data-align-h-m=center] .hero-banner__cta{justify-content:center;margin-inline:auto}.hero-banner[data-align-h-m=right] .hero-banner__cta{justify-content:flex-end;margin-left:auto}.hero-banner[data-lede-m=false] .hero-banner__lede{display:none}}.hero-banner[data-text=dark] .hero-banner__content{color:var(--ink)}.hero-banner[data-text=dark] .hero-banner__title{color:var(--ink);text-shadow:none}.hero-banner[data-text=dark] .hero-banner__lede{color:var(--calypso-ink-soft);text-shadow:none}.hero-banner[data-text=dark] .hero-banner__cta .global-button--glass-veil,.hero-banner[data-text=dark] .hero-banner__cta .global-button--glass-veil>*{color:var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/256/assets/calypso-hero.css.map */