.hero3{--h3-paper:#f8f4ec;--h3-ink:#241b13;--h3-sky:#94d7fc;--h3-studio:#1550b4;--h3-honey:#f4c97e;--h3-radius:20px;--h3-gap:clamp(10px,1vw,16px);--h3-gutter:clamp(16px,3vw,72px);--h3-ease:cubic-bezier(.16,1,.3,1);background:var(--h3-paper);padding:var(--h3-gap) var(--h3-gutter) clamp(28px,3vw,48px)}.hero3 *{box-sizing:border-box}.hero3 a{color:inherit}.hero3 .hero3__panel--box a,.hero3 .hero3__panel--box{color:#121212}.hero3__grid{max-width:2400px;margin:0 auto;display:grid;gap:var(--h3-gap);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:1fr 1fr;height:auto}.hero3__panel{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--h3-radius);min-height:0;min-width:0}.hero3__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero3__media img{width:100%;height:100%;object-fit:cover;display:block}.hero3__kicker{margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.3}.hero3__kicker a{text-decoration:none}.hero3__kicker a:hover{text-decoration:underline;text-underline-offset:3px}.hero3 h1,.hero3 h2{font-family:"Averia Serif Libre",Georgia,serif;font-weight:700;margin:0;text-wrap:balance}.hero3 h1{font-size:clamp(36px,5.8cqw,88px);line-height:1.02;letter-spacing:-.025em}.hero3 h2{font-size:clamp(26px,2.1vw,38px);line-height:1.05;letter-spacing:-.02em}.hero3__lead{margin:18px 0 0;font-size:clamp(14px,1.45cqw,18px);line-height:1.6;max-width:31ch}.hero3__body{margin:10px 0 0;font-size:15px;line-height:1.55;max-width:26ch}.hero3__btn{white-space:nowrap;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px 0 24px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .2s var(--h3-ease)}.hero3__btn svg,.hero3__link svg{flex:none;transition:transform .3s var(--h3-ease)}.hero3__btn:hover svg,.hero3__link:hover svg{transform:translate(3px)}.hero3__btn:active{transform:scale(.98)}.hero3 a.hero3__btn--ink{background:#121212;color:#fffaf0}.hero3 a.hero3__btn--ink:hover{background:#2c2620;color:#fffaf0}.hero3 a.hero3__btn--light{background:#fffaf0;color:var(--h3-ink);min-height:46px;padding:0 18px 0 20px}.hero3 a.hero3__btn--light:hover{background:#fff;color:var(--h3-ink)}.hero3__link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}.hero3 a:focus-visible{outline:3px solid #2457ff;outline-offset:3px;border-radius:6px}.hero3__panel--box a:focus-visible{outline-color:#2457ff}.hero3__btn:focus-visible{border-radius:999px}.hero3__panel--brand{grid-row:1/span 2;align-self:start;aspect-ratio:4/3;container-type:inline-size;background:var(--h3-sky)}.hero3__scene{position:absolute;top:0;right:0;bottom:0;left:0}.hero3__panel--brand .hero3__media img{object-position:72% 100%}.hero3__copy{position:relative;z-index:1;width:44%;padding:clamp(28px,4.6cqw,64px);padding-top:clamp(40px,8cqw,128px)}.hero3__copy .hero3__btn{margin-top:28px}.hero3__caption{position:absolute;left:clamp(28px,3.6vw,64px);bottom:clamp(20px,2.4vw,36px);margin:0;color:#fffaf0;font-size:14px;font-weight:500;text-shadow:0 1px 2px rgba(36,27,19,.35)}.hero3__panel--box,.hero3__panel--farmer{display:flex}.hero3__side{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:18px;width:58%;padding:clamp(20px,1.9vw,32px)}.hero3__panel--box .hero3__media,.hero3__panel--farmer .hero3__media{left:auto;width:52%}.hero3__panel--box{background:#f2f0ec;color:#121212}.hero3__panel--box .hero3__media img{object-position:62% 58%;-webkit-mask-image:none;mask-image:none}.hero3__panel--farmer{background:var(--h3-honey)}.hero3__meta{margin:6px 0 0;font-size:13px;line-height:1.4}.hero3__bottles{position:absolute;left:40%;bottom:20%;width:46%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));pointer-events:none}.hero3__bottles span{position:relative;min-width:0;aspect-ratio:1000/2370}.hero3__bottles img{position:relative;z-index:1;height:100%;width:100%;object-fit:contain;display:block;transform:translateY(4.01%)}.hero3__bottles span:after{content:"";position:absolute;left:12%;right:2%;bottom:-2.5%;height:6%;background:radial-gradient(closest-side,rgba(42,48,10,.55),rgba(42,48,10,.18) 60%,transparent)}.hero3__bottles span:before{content:"";position:absolute;left:30%;right:-38%;bottom:-1.5%;height:5%;transform:skew(-35deg);background:radial-gradient(closest-side,rgba(52,58,14,.22),transparent)}.hero3__panel--farmer .hero3__side{width:54%}.hero3__panel--farmer .hero3__media{width:52%;bottom:-12%}.hero3__panel--farmer .hero3__media img{-webkit-mask-image:none;mask-image:none;object-position:50% 12%}.hero3__side--farmer{display:grid;grid-template-rows:auto 1fr auto;gap:12px}.hero3__side--farmer>.hero3__link{align-self:end;justify-self:start}.hero3__bottle{display:flex;align-items:flex-end;gap:14px;text-decoration:none;margin:0;align-self:center}.hero3__bottle-img{position:relative;flex:none;height:clamp(96px,8vw,128px);padding-bottom:clamp(14px,1.4vw,22px)}.hero3__bottle-img img{height:100%;width:auto;display:block}.hero3__bottle-img:after{content:"";position:absolute;left:-12%;right:-12%;bottom:calc(clamp(14px,1.4vw,22px) - 5px);height:10px;z-index:-1;background:radial-gradient(closest-side,rgba(92,64,18,.35),transparent)}.hero3__bottle-text{padding-bottom:clamp(20px,1.9vw,32px)}.hero3__bottle-name{display:block;font-family:"Averia Serif Libre",Georgia,serif;font-weight:700;font-size:17px;line-height:1.2}.hero3__bottle-price{display:block;margin-top:6px;font-size:15px;font-weight:600;white-space:nowrap}.hero3__bottle-price small{font-size:12px;font-weight:400}.hero3__bottle-cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px}@media(max-width:1180px){.hero3__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.hero3__panel--brand{grid-column:1/-1;grid-row:auto}.hero3__panel--box,.hero3__panel--farmer{min-height:320px}}@media(max-width:720px){.hero3__grid{grid-template-columns:1fr}.hero3__panel--brand{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}.hero3__scene{position:relative;inset:auto;flex:none;width:100%;aspect-ratio:940/1000}.hero3__copy{order:-1;width:100%;padding:32px 28px 0}.hero3__panel--brand h1{font-size:clamp(36px,10cqw,54px)}.hero3__lead{font-size:15px;margin-top:14px}.hero3__copy .hero3__btn{margin-top:22px}.hero3__panel--brand .hero3__media img{object-position:50% 100%}.hero3__bottles{left:7%;bottom:29%;width:86%}.hero3__panel--box,.hero3__panel--farmer{min-height:260px}.hero3__side{width:64%;padding:20px 18px}.hero3 a.hero3__btn--light{padding:0 16px 0 18px}.hero3__panel--box .hero3__media,.hero3__panel--farmer .hero3__media{width:48%}.hero3__body{font-size:14px}}@media(prefers-reduced-motion:reduce){.hero3 *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/dirt-paper-hero-3-luik.css.map */