.hero{--headline-em: min(var(--text-poster), 10svh);--copy-left: calc( max((100% - var(--container-max)) / 2, 0px) + var(--gutter-wide) );--seam-top: calc(var(--copy-left) + 6.6 * var(--headline-em));--seam-run: var(--headline-em);--seam-bottom: calc(var(--seam-top) - var(--seam-run));--photo-west: 40%;--photo-ar: 1207 / 889;--photo-focus: 0%;--clip-panel: polygon( 0 0, var(--seam-top) 0, var(--seam-bottom) 100%, 0 100% );--clip-photo: polygon( var(--seam-top) 0, 100% 0, 100% 100%, var(--seam-bottom) 100% );position:relative;background:var(--color-lemon-sorbet);overflow:hidden;display:grid;min-height:calc(100vh - var(--header-h) - var(--proof-h));min-height:calc(100svh - var(--header-h) - var(--proof-h))}.hero>*{grid-area:1 / 1}.hero__photo{position:relative;margin-left:var(--photo-west);background:var(--color-watermelon)}.hero__photo-img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-focus) center}.hero__panel{position:relative;background:var(--color-lemon-sorbet);clip-path:var(--clip-panel)}.hero__base{position:relative;clip-path:var(--clip-panel)}.hero__ghost{position:relative;clip-path:var(--clip-photo)}.hero__ghost .hero__kicker,.hero__ghost .hero__headline,.hero__ghost .hero__em,.hero__ghost .hero__sub,.hero__ghost .hero__benefit-title,.hero__ghost .hero__benefit-note,.hero__ghost .hero__benefit-icon{color:var(--color-lemon-sorbet)}.hero__inner{width:100%;height:100%;max-width:var(--container-max);margin-inline:auto;padding:var(--space-3) var(--gutter-wide);display:flex;flex-direction:column;justify-content:safe center}.hero__inner>*{animation:hero-settle var(--duration-3) var(--ease-standard) backwards}.hero__kicker{font-size:var(--text-eyebrow);color:var(--ink-accent);margin-bottom:var(--space-2)}.hero__headline{font-size:var(--headline-em);line-height:var(--leading-display);color:var(--ink-primary);margin-bottom:var(--space-3);animation-delay:var(--duration-1)}.hero__em{display:block;font-style:italic;color:var(--color-watermelon)}.hero__post{display:block}.hero__sub{font-size:var(--text-lede);max-width:min(var(--measure-narrow),5.8 * var(--headline-em));text-wrap:pretty;color:var(--ink-primary);margin-bottom:var(--space-4);animation-delay:var(--duration-1)}.hero__benefits{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-3);animation-delay:var(--duration-2)}.hero__benefit{display:flex;align-items:baseline;gap:var(--space-2)}.hero__benefit-icon{flex:none;align-self:center;width:var(--space-3);height:var(--space-3);color:var(--ink-accent)}.hero__benefit>div{display:flex;align-items:baseline;gap:var(--space-2)}.hero__benefit-title{display:block;font-size:var(--text-eyebrow);color:var(--ink-accent);letter-spacing:var(--tracking-normal);white-space:nowrap}.hero__benefit-note{display:block;font-size:var(--text-caption);color:var(--ink-secondary);white-space:nowrap}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2);animation-delay:var(--duration-2)}.hero__amazon-note{font-size:var(--text-caption);color:var(--ink-secondary);animation-delay:var(--duration-2)}@keyframes hero-settle{0%{opacity:0;translate:0 var(--space-3)}to{opacity:1;translate:0 0}}@media(min-width:960px)and (max-height:925px){.hero__inner{padding-block:var(--space-1)}.hero__kicker,.hero__headline,.hero__sub,.hero__benefits{margin-bottom:var(--space-1)}.hero__ctas{margin-bottom:var(--space-05)}}@media(min-width:960px)and (max-height:730px){.hero{--proof-h: 0px}}@media(max-width:959px){.hero{min-height:auto;display:flex;flex-direction:column}.hero__photo{order:2;margin-left:0;aspect-ratio:var(--photo-ar)}.hero__panel,.hero__ghost{display:none}.hero__base{clip-path:none}.hero__inner{height:auto;padding:var(--space-6) var(--gutter)}.hero__headline{font-size:var(--text-display)}.hero__sub{max-width:var(--measure-narrow)}.hero__benefit{align-items:center}.hero__benefit>div{display:block}.hero__benefit-note{white-space:normal}}@media(max-width:639px){.hero__headline{font-size:min(var(--text-h1),var(--display-fit))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */