@font-face{font-family:'Onest';src:url('/catalog/view/theme/default/fonts/Onest-VF.woff2') format('woff2');font-style:normal;font-display:swap;font-weight:100 900;}

@font-face{font-family:'Anticva';src:url('../../fonts/Anticva-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}

.home-intro{
    width:100%;
    flex-shrink:0;
    padding:44px 0 48px;
    background:transparent;
    color:#183f35;
    font-family:'Onest',sans-serif;
    font-synthesis:none;
    scroll-margin-top:96px;
}
.home-intro>.container{padding-left:20px;padding-right:20px}
.home-intro .home-intro__heading{max-width:790px;margin:0 auto 22px;text-align:center}
.home-intro .home-intro__eyebrow{margin:0 0 16px;color:#6b7a65;font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.15em;text-transform:uppercase}
.home-intro h2{margin:0;color:inherit;font-family:'Anticva',serif;font-size:clamp(29px,2.4vw,36px);font-weight:400;line-height:1.25;letter-spacing:-.025em}
.home-intro .home-intro__lead{margin:16px 0 0;color:#6b7a65;font-size:16px;font-weight:400;line-height:1.65}
.home-intro__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px}
.home-intro__item{display:flex;flex-direction:column;min-width:0;align-items:flex-start}
/* One shared transparent atlas; each square displays its own third. */
.home-intro__art{position:relative;flex-shrink:0;width:240px;max-width:100%;aspect-ratio:1;margin:0 auto 22px;overflow:hidden;isolation:isolate}
.home-intro__art picture{position:absolute;left:0;top:0;display:block;width:300%;height:100%;pointer-events:none}
.home-intro .home-intro__art img{display:block;width:100%;max-width:none;height:100%;object-fit:fill}
.home-intro__art--decants picture{left:-100%}
.home-intro__art--selection picture{left:-200%}
.home-intro h3{min-height:55px;max-width:26ch;margin:0 0 12px;color:inherit;font-family:'Onest',sans-serif;font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.02em;text-transform:none}
.home-intro .home-intro__description{flex:1;margin:0 0 22px;color:#65735f;font-size:16px;font-weight:400;line-height:1.7;overflow-wrap:break-word}
.home-intro .home-intro__link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;max-width:100%;min-height:50px;padding:0 0 2px;border-bottom:1px solid #b3c3a8;color:#183f35;font-size:14px;font-weight:500;line-height:1.45;text-decoration:none;transition:color .2s,border-color .2s}
.home-intro__link svg{display:block;box-sizing:border-box;flex:0 0 28px;width:28px;height:36px;padding:7.5px 3.5px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.home-intro .home-intro__link:hover{color:#497447;border-color:#497447}
.home-intro__link:focus-visible{outline:2px solid #397754;outline-offset:5px;border-radius:1px}
@media(min-width:1024px){.home-intro h2{font-size:clamp(34px,2.8vw,42px)}}
@media(min-width:1400px){.home-intro h3{min-height:28px}}
@media(min-width:1600px){.home-intro__grid{gap:64px}}
@media(max-width:1000px){.home-intro__grid{gap:28px}.home-intro h3{font-size:20px;min-height:78px}.home-intro .home-intro__description{font-size:15px}.home-intro__art{width:210px}}
@media(max-width:700px){
    .home-intro{padding:30px 0 36px}
    .home-intro .home-intro__heading{margin-bottom:20px;text-align:left}
    .home-intro .home-intro__eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:.12em}
    .home-intro h2{font-size:28px;line-height:1.3}
    .home-intro h2 br{display:none}
    .home-intro .home-intro__lead{margin-top:14px;font-size:15px;line-height:1.6;max-width:32ch}
    .home-intro__grid{grid-template-columns:1fr;gap:24px}
    .home-intro__item+.home-intro__item{border-top:1px solid #d3ddc9;padding-top:20px}
    .home-intro__art{width:170px;margin:0 0 16px}
    .home-intro h3{min-height:0;margin-bottom:10px;font-size:21px;max-width:26ch}
    .home-intro .home-intro__description{margin-bottom:18px;font-size:15px;line-height:1.65}
}
@media(max-width:350px){.home-intro>.container{padding-left:16px;padding-right:16px}.home-intro h2{font-size:25px}.home-intro__art{width:150px}}
@media(prefers-reduced-motion:reduce){.home-intro__link{transition:none}}

/* The home hero meets the header directly; retain the shared header geometry. */
.header .header-row{border-bottom-color:transparent}
