/* The opening directory carries the same asymmetric photo composition as variant 2. */
.home-directory{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px;width:100%;max-width:900px;margin:0 auto}
.home-directory .home-tile{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid var(--rule);padding-bottom:14px;color:var(--coal)}
.home-directory .home-slot-0{grid-column:1/-1}
.home-directory .home-slot-1{grid-column:1;grid-row:2/4}
.home-directory .home-slot-2{grid-column:2;grid-row:2}
.home-directory .home-slot-3{grid-column:2;grid-row:3}
.home-photo{position:relative;background:var(--rule);overflow:hidden}
.home-photo img{display:block;width:100%;height:100%;object-fit:cover}
.home-slot-0 .home-photo{aspect-ratio:1.91}
.home-slot-1 .home-photo{flex:1;min-height:245px}
.home-slot-2 .home-photo,.home-slot-3 .home-photo{aspect-ratio:1.68}
.home-tile-smoke .home-photo img{object-position:49% center}
.home-tile-wine .home-photo img{object-fit:contain;background:#090807}
.home-caption{position:relative;padding:8px 24px 0 0}
.home-caption h2{font-family:var(--display);font-size:38px;font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.home-slot-0 h2{font-size:44px}
.home-caption p{font-family:var(--body);font-size:13px;line-height:1.4;margin:5px 0 0;color:var(--coal);overflow-wrap:anywhere}
.home-chevron{position:absolute;right:3px;top:21px;width:8px;height:8px;border-right:1.4px solid var(--chianti);border-top:1.4px solid var(--chianti);transform:rotate(45deg)}
.home-tile:hover .home-caption h2{color:var(--chianti)}
.home-photo-placeholder{display:flex;align-items:center;justify-content:center;min-height:140px}
.home-photo-placeholder img{width:60px;height:80px;object-fit:contain;opacity:.5;background:none}
@media(max-width:760px){.home-directory{max-width:560px;gap:12px 10px}.home-directory .home-tile{padding-bottom:12px}.home-caption{padding-top:6px;padding-right:20px}.home-caption h2{font-size:32px}.home-slot-0 h2{font-size:37px}.home-caption p{font-size:12px}.home-chevron{top:20px}}
@media(max-width:360px){.home-caption h2{font-size:29px}.home-slot-0 h2{font-size:35px}.home-caption p{font-size:11px}}

/* The desktop directory presents the four departments together. */
@media(min-width:761px){
 .is-home main{max-width:1600px;width:100%}
 .is-home .home-directory{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 26px;align-items:stretch}
 .is-home .home-directory .home-tile{grid-column:auto;grid-row:auto;padding-bottom:17px}
 .is-home .home-directory .home-photo{flex:none;min-height:0;aspect-ratio:1.95}
 .is-home .home-tile-wine .home-photo img{object-fit:cover}
 .is-home .home-caption{padding-top:13px;padding-right:28px;min-height:78px}
 .is-home .home-caption h2{font-size:38px;line-height:1.08}
 .is-home .home-caption p{font-size:12px;line-height:1.65;color:var(--muted);margin-top:7px}
 .is-home .home-chevron{top:27px;right:5px}
 .is-home .menu-intro{padding:32px 0 30px}
 .is-home .intro-title h1{font-size:78px;line-height:.95;margin:0;letter-spacing:-.04em}
 .is-home footer{margin-top:38px}
}
@media(min-width:1100px){
 body.is-home{min-height:100svh;display:flex;flex-direction:column}
 .is-home main{flex:1 0 auto}
 .is-home .home-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 .is-home .home-directory .home-photo{height:clamp(260px,43svh,460px);aspect-ratio:auto}
 .is-home .home-caption{min-height:90px}
 .is-home .home-caption h2{font-size:clamp(32px,2.7vw,43px)}
 .is-home footer{margin-top:32px}
}
@media(min-width:1800px){
 .is-home main{max-width:1800px}
 .is-home .home-directory{gap:30px}
 .is-home .home-directory .home-photo{height:clamp(380px,45svh,560px)}
}
@media(min-width:761px){
 .site-header{justify-content:flex-start;gap:18px}
 .site-header .brand{flex:0 0 auto}
 .site-header .brand-descriptor{margin:0;white-space:nowrap;font-size:20px;letter-spacing:.02em}
 .site-header .header-tools{margin-left:auto}
}
@media(min-width:761px) and (max-width:1000px){.site-header .brand-descriptor{font-size:18px}.site-header{gap:14px}}