.hero.hero--av21{--av21-h: min(clamp(500px, calc(100svh - 7rem) , 760px), 66vw);height:var(--av21-h);min-height:0;background:linear-gradient(180deg,#eddac4,#e6d1ba 55%,#dbc4ac);color:#342820}.hero--av21 .hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero--av21 .hero__img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center;-webkit-mask-image:linear-gradient(to right,transparent calc(100% - 1.5 * var(--av21-h)),#000 calc(100% - 1.5 * var(--av21-h) + 14vw));mask-image:linear-gradient(to right,transparent calc(100% - 1.5 * var(--av21-h)),#000 calc(100% - 1.5 * var(--av21-h) + 14vw))}.hero--av21 .hero__content{padding-block:2.25rem}.hero--av21 .hero__kicker{color:#67523a;letter-spacing:.14em;max-width:40%}.hero--av21 .hero__heading{color:#342820;max-width:11ch;font-size:clamp(2.7rem,4.3vw,4.3rem)}.hero--av21 .hero__subheading{max-width:38%;color:#493e35;font-size:1.04rem;line-height:1.65;opacity:1}.hero--av21 .hero__actions{max-width:42%;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:1.6rem}.hero--av21 .hero__actions .btn{background:#342820;color:#fffaf2;border-color:#342820;flex:0 0 auto}.hero--av21 .hero__actions .btn:hover{background:#534033;border-color:#534033}.hero--av21 .hero__secondary{color:#342820;text-decoration:underline;text-underline-offset:.3em;padding-block:.3rem;font-size:.94rem}.hero--av21 .hero__shipping{max-width:37%;margin-top:1.35rem;font-size:.8rem;line-height:1.6;color:#574737}.hero--av21 a:focus-visible{outline:2px solid #342820;outline-offset:5px}@media(max-width:900px){.hero.hero--av21{height:auto;min-height:0;flex-direction:column;align-items:stretch;background:#f8f4ec}.hero--av21 .hero__media{position:relative;inset:auto;width:100%;aspect-ratio:1.15;overflow:hidden}.hero--av21 .hero__img{object-fit:cover;object-position:right center;-webkit-mask-image:none;mask-image:none}.hero--av21 .hero__content{padding:2rem 1.5rem 2.25rem}.hero--av21 .hero__kicker{max-width:none;font-size:.72rem;margin-bottom:.8rem}.hero--av21 .hero__heading{max-width:18ch;font-size:clamp(2rem,7.2vw,3.2rem)}.hero--av21 .hero__subheading{max-width:48ch;font-size:1rem;margin-top:1rem}.hero--av21 .hero__actions{max-width:none;margin-top:1.3rem}.hero--av21 .hero__actions .btn{width:100%}.hero--av21 .hero__secondary{align-self:center}.hero--av21 .hero__shipping{max-width:none;font-size:.78rem;margin-top:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/30/compiled_assets/styles.css.map */