.h3{position:relative;display:grid;align-content:center;min-height:var(--ma-hero-h);padding-block:3.1rem 2.25rem;background:var(--v3-wall);color:var(--v3-ink);overflow-x:clip}.h3__grid{position:relative;display:grid}.h3__age{position:absolute;z-index:2;left:.15rem;top:calc(100% + .4rem);max-width:none;margin:0;font:700 1.15rem/.9 var(--ma-font-display);text-transform:uppercase;white-space:nowrap;color:var(--v3-paper)}.h3__sheet{position:relative;z-index:2;justify-self:start;width:calc(100% - .75rem);display:grid;justify-items:start;gap:.9rem;padding:1.15rem 1.25rem 1.35rem;box-shadow:var(--v3-sh-sheet);transform:rotate(-1.5deg)}.h3__title{display:grid;justify-items:start;margin:0 0 .24em;font-size:clamp(2.6rem,12.4vw,3.4rem);color:var(--v3-t1)}.h3__kick{font-size:.46em;line-height:1.1;margin-bottom:-.85em}.h3__word{display:block;font-family:var(--ma-font-display);font-weight:700;line-height:.88;text-transform:uppercase}.h3__lead{margin:0;max-width:36ch;font-size:var(--ma-text-body);font-weight:700;line-height:1.4;color:var(--v3-ink)}.h3__cta{margin-top:.15rem;gap:.4rem}@media(max-width:379px){.h3__sheet{gap:.55rem;padding:.9rem 1.1rem 1rem}.h3__lead{font-size:.9375rem;line-height:1.3}.h3__cta{gap:.3rem}.h3 .ma-offer-line{font-size:.8rem}}.h3 .ma-reassure{color:var(--v3-ink)}.h3__flora{position:absolute;z-index:3;right:-1rem;bottom:-4rem;width:4.5rem;height:auto;transform:rotate(7deg);filter:var(--v3-sh-sticker);pointer-events:none}.h3__stamp{position:absolute;z-index:3;right:-.4rem;top:-.75rem;width:4.25rem;height:auto;transform:rotate(6deg);filter:var(--v3-sh-sticker);pointer-events:none}@media(max-width:999px){.h3__word{padding-right:2.75rem}}.h3__leo{display:none}.h3__window{--mug-x: 88%;--mug-y: 40%;position:relative;z-index:1;margin:-.6rem calc(-1 * var(--ma-gutter)) 0 0;padding:.5rem;box-shadow:var(--v3-sh-photo);transform:rotate(2deg)}.h3__img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.h3__tags{position:absolute;z-index:2;left:31%;right:.75rem;bottom:0;display:flex;align-items:flex-start;gap:.5rem;margin:0;translate:0 42%}.h3__tag{display:inline-grid;justify-items:start;max-width:9.5em;padding:.4rem .65rem .5rem;box-shadow:var(--v3-sh-tag);font:700 .8rem/1.05 var(--ma-font-display);text-transform:uppercase;color:var(--v3-ink);transform:rotate(var(--rot, -1.5deg))}.h3__tag+.h3__tag{--rot: 1.5deg}.h3__tag em{display:block;padding-top:.12em;font-size:1.15em;font-style:normal;line-height:1.3;color:var(--v3-t2)}.h3__promo{--size: 7.75rem;position:absolute;z-index:3;left:-.6rem;top:23%}.h3__steam{position:absolute;z-index:1;left:var(--mug-x);top:var(--mug-y);width:clamp(1.25rem,2.6vw,2.25rem);translate:-50% -100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 1.5px color-mix(in srgb,var(--ma-ink) 35%,transparent))}.h3__wisp{fill:none;stroke:var(--ma-paper);stroke-width:2.5;stroke-linecap:round;opacity:.5;animation:h3-steam 4.5s ease-in-out infinite}.h3__wisp:nth-child(2){animation-delay:-1.5s}.h3__wisp:nth-child(3){animation-delay:-3s}@keyframes h3-steam{0%{opacity:0;transform:translateY(8px) scaleY(.85)}35%{opacity:.6}to{opacity:0;transform:translateY(-14px) scaleY(1.1)}}.h3__promo{animation:h3-stick .6s var(--ma-ease-bounce) .45s both}.h3__tag{animation:h3-lay .42s ease-out .25s both}.h3__tag+.h3__tag{animation-delay:.33s}.h3__flora{animation:h3-pop .5s var(--ma-ease-bounce) .65s both}.h3__stamp{animation:h3-stamp .5s var(--ma-ease-bounce) .55s both}.h3__leo{animation:h3-pop .5s var(--ma-ease-bounce) .75s both}.is-hero-wait :is(.h3__promo,.h3__tag,.h3__flora,.h3__stamp,.h3__leo){animation-play-state:paused}@media(prefers-reduced-motion:no-preference){.h3__img{transition:opacity .35s ease-out}.is-hero-wait .h3__img{opacity:0}}@keyframes h3-stamp{0%{opacity:0;transform:scale(1.3) rotate(0)}to{opacity:1;transform:scale(1) rotate(6deg)}}@keyframes h3-stick{0%{opacity:0;transform:scale(1.35) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(var(--rot, 8deg))}}@keyframes h3-lay{0%{opacity:0;transform:translateY(-.6rem) rotate(var(--rot, -1.5deg))}to{opacity:1;transform:rotate(var(--rot, -1.5deg))}}@keyframes h3-pop{0%{opacity:0;translate:0 .75rem}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.h3__wisp{animation:none;opacity:.5}.h3__promo,.h3__tag,.h3__flora,.h3__stamp,.h3__leo{animation:none}}@media(max-width:380px){.h3__flora{bottom:-5rem}}@media(max-width:767px)and (max-height:700px){.h3{padding-block:2.6rem 1.6rem}.h3__sheet{gap:.45rem;padding:.8rem 1.1rem .95rem}.h3__title{font-size:2.45rem}.h3__lead{font-size:.9375rem;line-height:1.32}.h3__window{justify-self:end;width:min(100% + var(--ma-gutter),(var(--ma-hero-h) - 24.6rem) * 1.5 + 1rem)}.h3__promo{--size: 6.75rem}}.h3 .ma-offer-line>*{display:block}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ma-css-sections-hero-v3.css.map */