[hidden]{display:none!important}
/* Terroir plates. Shares the site palette and type; the site CSS block in the page supplies the rest. */
.t-wrap{max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.t-head{padding-block:clamp(36px,6vw,72px) 18px;display:grid;gap:14px}
.t-over{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#5F6B66}
.t-head h1{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:clamp(42px,7vw,84px);line-height:1;margin:0;text-wrap:balance}
.t-deck{font-family:"Bodoni Moda",Didot,Georgia,serif;font-style:italic;font-size:clamp(20px,2.4vw,26px);color:#684036;margin:0}
.t-idea{max-width:66ch;display:grid;gap:12px;font-size:19px;line-height:1.55;color:#374840}
.t-idea p{margin:0}
.t-switch{margin-top:6px;display:grid;gap:14px}
.t-reg{display:flex;flex-wrap:wrap}
.t-reg a,.t-reg button{font:inherit;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#1F2A26;background:none;border:1px solid #1F2A26;padding:9px 16px;margin-left:-1px;cursor:pointer;line-height:1.3}
.t-reg small{font-size:10px;letter-spacing:.1em;color:#684036;margin-left:4px}
.t-reg a[aria-current],.t-reg button.on{background:#1F2A26;color:#FAF7F2}.t-reg button.on small{color:#BFA99E}
.t-reg button[aria-expanded=true]:not(.on){background:#F3EEE6}
.t-sub{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 22px;border-top:1px solid rgba(31,42,38,.25);padding-top:12px}
.t-subg span{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#684036;margin-bottom:6px}
.t-subg div{display:grid}
.t-subg a{font-size:17px;color:#1F2A26;text-decoration:none;padding:5px 0;border-bottom:1px solid rgba(31,42,38,.14)}
.t-subg a:hover{color:#684036}
.t-subg a[aria-current]{color:#684036;font-style:italic}.t-subg a[aria-current]::before{content:"› "}
@media (max-width:600px){.t-reg{display:grid;grid-template-columns:repeat(3,1fr)}.t-reg a,.t-reg button{font-size:11px;letter-spacing:.1em;padding:11px 4px;margin:-1px 0 0 -1px;text-align:center}.t-sub{grid-template-columns:1fr}}

.t-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;padding-block:12px 40px}
@media (max-width:900px){.t-main{grid-template-columns:minmax(0,1fr)}}
.t-fig{margin:0;border:1px solid #1F2A26;padding:5px;background:#FAF7F2}
#plate{position:relative;border:1px solid rgba(31,42,38,.25);overflow:hidden;background:#FAF7F2}
#plate svg,#plate canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#plate .top{pointer-events:none}
#plate .top .pin{pointer-events:auto;cursor:pointer}
#plate .err{position:relative;padding:20px}
.contours path{fill:none;stroke:#1F2A26;stroke-opacity:.16;stroke-width:.6;vector-effect:non-scaling-stroke}
.coast{fill:none;stroke:#1F2A26;stroke-width:1.1;vector-effect:non-scaling-stroke}
.height{display:none}
#plate.show-height .height{display:inline}
.ava{fill:none;stroke:#684036;stroke-opacity:.55;stroke-width:1;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
.ava.quiet{stroke-opacity:0}
.ava.hi{stroke-opacity:1;stroke-width:2.2;stroke-dasharray:none;fill:#684036;fill-opacity:.07}
.labels text,.pins text{font-family:"EB Garamond",Garamond,Georgia,serif;fill:#1F2A26;paint-order:stroke;stroke:#FAF7F2;stroke-width:calc(var(--u,1)*3px);stroke-linejoin:round}
.l-ava{font-size:calc(var(--u,1)*10.5px);letter-spacing:.22em;text-transform:uppercase;fill:#684036!important;text-anchor:middle}
.l-town{font-size:calc(var(--u,1)*12.5px);font-style:italic}
.river-bank{fill:none;stroke:#FAF7F2;stroke-width:calc(var(--u,1)*7px);stroke-linecap:round;opacity:.85}
.river{fill:none;stroke:#1F2A26;stroke-width:calc(var(--u,1)*1.6px);stroke-linecap:round;stroke-dasharray:none;opacity:.75}
.l-water{font-size:calc(var(--u,1)*14px);font-style:italic;letter-spacing:.12em}
.l-sm{font-size:calc(var(--u,1)*11px)}
.town-dot{r:calc(var(--u,1)*2px);fill:#1F2A26}
.sb{fill:#FAF7F2;stroke:#1F2A26;stroke-width:.8;vector-effect:non-scaling-stroke}.sb.on{fill:#1F2A26}
.cp{fill:#FAF7F2;stroke:#1F2A26;stroke-width:.8;vector-effect:non-scaling-stroke}.cp.on{fill:#1F2A26}
.pin circle{fill:#1F2A26;stroke:#FAF7F2;stroke-width:1.4;vector-effect:non-scaling-stroke;transition:opacity .2s}
.pin.fogged circle{fill:#5F6B66}
@media (max-width:600px){.l-ava{font-size:calc(var(--u,1)*8.5px)}.l-town{font-size:calc(var(--u,1)*10.5px)}}
.pin .l-pin{font-size:calc(var(--u,1)*11.5px);opacity:0;transition:opacity .2s}
.pin:hover .l-pin,.pin:focus .l-pin,.pin.sel .l-pin,.pin.mine .l-pin{opacity:1}
.pin.sel circle,.pin.mine circle{fill:#684036}
.pin.sel circle{stroke:#1F2A26;stroke-width:2}
.pin.dim{opacity:.28}
.pin:focus{outline:none}.pin:focus-visible circle{stroke:#684036;stroke-width:3}
.slice-line{stroke:#684036;stroke-width:1.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}
.t-cap{font-size:15px;color:#5F6B66;margin:10px 2px 0;font-style:italic}

.t-side{display:grid;gap:18px;align-content:start;min-width:0}
@media (min-width:901px){.t-side{position:sticky;top:calc(var(--mast-h,80px) + 12px)}}
.ctl{display:grid;gap:12px;border-top:3px double #1F2A26;padding-top:14px}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.lab{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#5F6B66}
.btn{font:inherit;font-size:14px;letter-spacing:.16em;text-transform:uppercase;background:#FAF7F2;color:#1F2A26;border:1px solid #1F2A26;padding:9px 16px;cursor:pointer;border-radius:0}
.btn[aria-pressed="true"],.chip[aria-pressed="true"]{background:#1F2A26;color:#FAF7F2}
.btn:focus-visible,.chip:focus-visible,.lk:focus-visible,input:focus-visible{outline:2px solid #684036;outline-offset:2px}
.clock{display:flex;align-items:center;gap:12px;flex:1 1 220px;min-width:0}
.clock output{font-family:"Bodoni Moda",Didot,Georgia,serif;font-size:24px;min-width:5.4ch;font-variant-numeric:tabular-nums}
input[type=range]{flex:1;min-width:0;accent-color:#684036}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:inherit;font-size:15px;line-height:1.2;background:#FAF7F2;color:#1F2A26;border:1px solid #1F2A26;padding:6px 11px;cursor:pointer;border-radius:0}
.chip:hover,.btn:hover{background:#F3EEE6}
.chip[aria-pressed="true"]:hover{background:#1F2A26}
#fogLine{font-style:italic;color:#374840;margin:0;font-size:16px}
#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.hint{margin:0;color:#5F6B66;font-style:italic}
.vcard{border-top:1px solid #1F2A26;padding-top:10px;display:grid;gap:8px;min-width:0;align-content:start}
.vcard header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.vcard h3{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:23px;line-height:1.1;margin:0}
.vcard .x{font:inherit;font-size:22px;line-height:1;background:none;border:0;color:#5F6B66;cursor:pointer;padding:0 4px}
.vcard .ava{margin:-4px 0 0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#684036}
.vcard dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:16px}
.vcard dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#5F6B66;padding-top:4px}
.vcard dd{margin:0}
.vcard small{color:#5F6B66;font-size:13px}
.vcard .soil{margin:0;font-size:16px;color:#374840}
.wl{margin:0;padding:0;list-style:none;font-size:16px;display:grid;gap:2px}
.wl b{font-weight:500}
.fpill{font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:3px 8px;border:1px solid currentColor;font-style:normal}
.fpill.fog{color:#5F6B66}.fpill.sun{color:#684036}.fpill.night{color:#374840}
.live i{color:#374840}
#sliceWrap{display:grid;gap:4px}
#sliceWrap .lab{margin-top:4px}
.slicebox{overflow:hidden;border:1px solid rgba(31,42,38,.25)}
#slice{display:block;width:100%;height:auto;background:#FAF7F2}
#sliceCap{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.skey{display:inline-flex;align-items:center;gap:6px;font-style:normal}
.skey i{width:14px;height:10px;display:inline-block;border:1px solid rgba(31,42,38,.35)}
#slice text{font-family:"EB Garamond",Garamond,Georgia,serif;fill:#1F2A26}
.s-sm{font-size:14px;fill:#5F6B66!important}
.s-pin{font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.sfog{fill:#AEBDC0;fill-opacity:.42;stroke:none}
.sfog-top{stroke:#5F6B66;stroke-dasharray:5 4}

.t-prod{border-top:1px solid rgba(31,42,38,.22);padding-block:28px 56px;display:grid;gap:16px}
.t-prod h2{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:clamp(28px,3.4vw,38px);margin:0}
#pwines h3{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:28px;margin:8px 0 2px}
#pwines .more{font-size:15px;color:#684036}
.pw{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:0}
.pw li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:4px 18px;padding:9px 0;border-bottom:1px solid rgba(31,42,38,.14)}
@media (max-width:600px){.pw li{grid-template-columns:minmax(0,1fr)}}
.wn{font-weight:500}
.lk{font:inherit;background:none;border:0;padding:0;color:#684036;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.off{color:#5F6B66;font-style:italic}
.t-notes{font-size:15px;color:#5F6B66;max-width:76ch;display:grid;gap:8px;padding-bottom:48px}
.t-notes p{margin:0}
.pin.hot circle{fill:#684036;r:calc(var(--u,1)*6px)}.pin.hot .l-pin{opacity:1}
#overview{display:grid;gap:10px}
#ovSum{margin:0;font-family:"Bodoni Moda",Didot,Georgia,serif;font-size:20px;line-height:1.3}
.ovbox{border:1px solid rgba(31,42,38,.25);overflow-x:auto}
#ovChart{display:block;width:100%;min-width:340px;height:auto;background:#FAF7F2}
#ovChart text{font-family:"EB Garamond",Garamond,Georgia,serif}
.odot{cursor:pointer}
.odot circle{fill:#1F2A26;stroke:#FAF7F2;stroke-width:1.5}
.odot.fog circle{fill:#8A989E}.odot.above circle{fill:#684036}
.odot .o-lab{font-size:15px;fill:#1F2A26;opacity:0;paint-order:stroke;stroke:#FAF7F2;stroke-width:4px}
.odot:hover .o-lab,.odot:focus .o-lab,.odot.hot .o-lab{opacity:1}
.odot.hot circle{stroke:#1F2A26;stroke-width:2.5}
.odot:focus{outline:none}
#ovList{display:grid;gap:14px}
.og h4{margin:0 0 4px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:#5F6B66}
.og.above h4{color:#684036}
.og h4 span{font-family:"Bodoni Moda",Didot,Georgia,serif;letter-spacing:0;font-size:16px;margin-left:4px}
.og ul{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:16px}
.og small{color:#5F6B66;font-size:14px}
#ovChart .s-sm{font-size:15px}
#ovChart .odot circle{r:6px}
.tl-sec{padding-block:18px 40px}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(20px,3vw,36px)}
.tl-card{display:grid;gap:8px;text-decoration:none;color:#1F2A26;border-top:3px double #1F2A26;padding-top:12px;min-width:0}
.tl-num{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#684036}
.tl-ph{aspect-ratio:4/3;overflow:hidden;border:1px solid #1F2A26;background:#FAF7F2}
.tl-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.tl-card:hover .tl-ph img{transform:scale(1.03)}
.tl-card b{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:clamp(26px,3vw,34px);line-height:1.1}
.tl-card small{font-size:17px;color:#374840}
.tl-go{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#684036}
.tl-stone{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(20px,4vw,48px);border-top:1px solid rgba(31,42,38,.22);padding-top:28px;align-items:start}
@media (max-width:800px){.tl-stone{grid-template-columns:minmax(0,1fr)}}
.tl-strata{aspect-ratio:4/3;border:1px solid #1F2A26;overflow:hidden}
.tl-stone-t{display:grid;gap:12px;min-width:0}
.tl-stone-t h2,.tl-h{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,42px);margin:0}
.tl-stone-t p{margin:0;font-size:19px;color:#374840;max-width:60ch}
.tl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 24px}
.tl-list li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(31,42,38,.14);font-size:17px}
.tl-list span{color:#5F6B66;font-size:14px;white-space:nowrap;align-self:center}
.tl-next{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px 28px}
.tl-next li{display:grid;gap:4px;border-top:1px solid #1F2A26;padding-top:10px}
.tl-next b{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:24px}
.tl-next span{color:#374840;font-size:17px}
/* Italy overview */
#imap{display:block;width:100%;height:auto;background:#FAF7F2}
.im-labels text,.ipin text{font-family:"EB Garamond",Garamond,Georgia,serif;fill:#1F2A26;paint-order:stroke;stroke:#FAF7F2;stroke-width:calc(var(--u,1)*3px);stroke-linejoin:round}
.im-water{font-size:calc(var(--u,1)*13px);font-style:italic;letter-spacing:.14em;fill:#374840!important}
.im-range{font-size:calc(var(--u,1)*12px);letter-spacing:.5em;text-transform:uppercase;fill:#5F6B66!important}
.im-cap{font-size:calc(var(--u,1)*11px);letter-spacing:.2em;text-transform:uppercase;fill:#684036!important}
.im-est{font-size:calc(var(--u,1)*12px);font-style:italic;cursor:pointer}
.im-est.hot{font-weight:500;fill:#684036!important}
.im-lead{stroke:#684036;stroke-width:.8;stroke-opacity:.7}
.im-sm{font-family:"EB Garamond",Garamond,Georgia,serif;font-size:calc(var(--u,1)*11px);fill:#1F2A26}
.ipin{cursor:pointer}
.ipin circle{fill:#684036;stroke:#FAF7F2;stroke-width:1.4}
.ipin.hot circle{fill:#1F2A26;r:6.5px}
.ipin:focus{outline:none}.ipin:focus-visible circle{stroke:#684036;stroke-width:3}
#ichart{display:block;width:100%;min-width:320px;height:auto;background:#FAF7F2}
#ichart text{font-family:"EB Garamond",Garamond,Georgia,serif}
.ic-sm{font-size:14px;fill:#5F6B66}
.ibar{cursor:pointer}
.ib-range{stroke:#684036;stroke-width:6;stroke-linecap:round;stroke-opacity:.4}
.ib-hit{fill:transparent}.ibar.hot .ib-hit{fill:#F3EEE6}
.ibar circle{fill:#684036;stroke:#FAF7F2;stroke-width:1.5}
.ibar.est circle{fill:#FAF7F2;stroke:#684036;stroke-width:1.6}
.ib-lab{font-size:15px;fill:#1F2A26}
.ibar.hot circle{r:8px;fill:#1F2A26}.ibar.hot .ib-lab{font-weight:500}
.ibar:focus{outline:none}
.i-plate{border-top:3px double #1F2A26}
.icards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px 28px}
.icard{border-top:1px solid #1F2A26;padding-top:10px;display:grid;gap:6px;align-content:start;min-width:0;transition:background .3s}
.icard.hot,.icard.flash{background:#F3EEE6}
.icard h3{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:25px;line-height:1.1;margin:0}
.icard .iv{margin:0;font-style:italic;color:#5F6B66;font-size:16px}
.icard dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:16px}
.icard dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#5F6B66;padding-top:4px}
.icard dd{margin:0}.icard small{color:#5F6B66;font-size:13px}
.stones{display:flex;flex-wrap:wrap;gap:4px}
.stone{font-size:13px;border:1px solid #684036;color:#684036;padding:1px 7px;text-decoration:none}
.iw{margin:0;padding:0;list-style:none;font-size:16px;color:#374840;display:grid;gap:1px}
.icard .links{margin:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px}
.icard .links a{color:#684036}
.im-num{display:none}
#imap.narrow .im-area{display:none}
#imap.narrow .im-num{display:inline}
#imap.narrow .im-water,#imap.narrow .im-range{font-size:calc(var(--u,1)*10px)}
.im-num circle{fill:#FAF7F2;stroke:#684036;stroke-width:1}
.im-num text{font-family:"EB Garamond",Garamond,Georgia,serif;font-size:11px;fill:#684036;stroke:none!important}
#ilegend{display:none;list-style:none;margin:10px 2px 0;padding:0;font-size:15px;line-height:1.35}
#ilegend li{padding:4px 0;border-bottom:1px solid rgba(31,42,38,.12)}
#ilegend b{display:inline-block;width:1.4em;font-weight:400;color:#684036}
#ilegend .lc{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#684036;margin-right:4px}
#ilegend .le{font-style:italic;cursor:pointer}#ilegend .le.hot{color:#684036;font-weight:500}
@media (max-width:600px){#ilegend{display:block}}
/* lenses */
.lensnote{margin:-2px 0 0;font-size:16px;color:#374840;max-width:60ch}
.windg{display:none}#plate.show-wind .windg{display:inline}
.windg path{fill:none;stroke:#374840;stroke-width:2.6;stroke-dasharray:14 12;stroke-linecap:round;vector-effect:non-scaling-stroke}
.windg .wl-1,.windg .wl1{stroke-opacity:.55}
.l-wind{font-family:"EB Garamond",Garamond,Georgia,serif;font-size:calc(var(--u,1)*12px);font-style:italic;fill:#374840;paint-order:stroke;stroke:#FAF7F2;stroke-width:calc(var(--u,1)*3px)}
.sunlayer{display:none}#plate.show-sun .sunlayer{display:inline}
#plate.no-fog canvas.fog{display:none}
#plate.show-ground .pin circle{fill:var(--gc,#1F2A26);r:calc(var(--u,1)*6px)}
#plate.show-ground .pin .l-pin{opacity:1}
.keylist{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:16px}
.keylist li{display:grid;grid-template-columns:14px 1fr;gap:4px 10px;align-items:baseline}
.keylist i{width:12px;height:12px;border-radius:50%;display:inline-block;transform:translateY(1px)}
.keylist b{font-weight:500}
.keylist span{grid-column:2;color:#374840;font-size:15px}
#swing{display:block;width:100%;min-width:340px;height:auto;background:#FAF7F2}
#swing text{font-family:"EB Garamond",Garamond,Georgia,serif}
#pitsWrap{display:grid;gap:8px}
.pitbox{border:1px solid rgba(31,42,38,.25);overflow-x:auto;background:#FAF7F2}
#pits{display:block;width:100%;min-width:480px;height:auto}
.pit-depth{font-size:13px;paint-order:stroke;stroke:#E9E3D8;stroke-width:4px}
#pits text{font-family:"EB Garamond",Garamond,Georgia,serif;fill:#1F2A26}
.pit-name{font-size:16px;letter-spacing:.06em}
.pit-sm{font-size:12.5px;fill:#5F6B66!important}
.pit{cursor:pointer}.pit:focus{outline:none}.pit:focus-visible rect{stroke:#684036;stroke-width:2}
#pitNotes{display:grid;gap:8px}
#pitNotes li{display:grid;gap:2px;grid-template-columns:1fr}
#pitNotes span{grid-column:1;color:#374840;font-size:15.5px}
#plate .top .labels{pointer-events:none}

/* floating card: details appear where you are */
.sheet-note{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;max-height:46vh;overflow:auto;background:#FAF7F2;border:1px solid #1F2A26;box-shadow:0 10px 30px rgba(31,42,38,.18);padding:6px 14px 14px;outline:3px double rgba(31,42,38,.22);outline-offset:-7px}
.sheet-note[hidden]{display:none!important}
.sheet-note .vcard{border:0;padding:0;margin:0;box-shadow:none}
.sheet-note .x{width:34px;height:34px;font-size:20px}
.sheet-go{display:block;width:100%;margin-top:10px;padding:10px;border:1px solid #1F2A26;background:#1F2A26;color:#FAF7F2;font:inherit;letter-spacing:.06em;cursor:pointer}
@media (min-width:900px){.sheet-note{left:auto;right:24px;bottom:24px;width:420px}}
.tl-wide{display:grid}
@media (min-width:760px){.tl-wide{grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto auto 1fr;column-gap:28px;align-items:start}.tl-wide .tl-ph{grid-row:1/span 4;grid-column:1}.tl-wide>*:not(.tl-ph){grid-column:2}}
/* landing: every region, slope by slope */
.tl-lede{margin:-6px 0 18px;color:#5F6B66;font-style:italic}
.tl-regs{display:grid;gap:22px 34px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.tl-reg h3{font-family:"Bodoni Moda",serif;font-weight:400;font-size:24px;margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid #1F2A26}
.tl-reg ul{list-style:none;margin:0;padding:0}
.tl-reg li{border-bottom:1px solid rgba(31,42,38,.14)}
.tl-reg a{display:block;padding:9px 0;color:#1F2A26;text-decoration:none;font-size:17px}
.tl-reg a small{display:block;color:#5F6B66;font-size:14px;font-style:italic}
.tl-reg a:hover{color:#684036}
#plate.show-ground .pin.crowd .l-pin{opacity:0}#plate.show-ground .pin.crowd.sel .l-pin,#plate.show-ground .pin.crowd:hover .l-pin{opacity:1}

/* ---------- Terroir explorer (index.html) and the breadcrumbs back to it ---------- */
.t-crumb,.ex-crumb{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#5F6B66}
.t-crumb a,.ex-crumb a{color:#684036;text-decoration:none;border-bottom:1px solid rgba(104,64,54,.3)}
.t-crumb a:hover,.ex-crumb a:hover{border-bottom-color:#684036}
.t-crumb .sep,.ex-crumb .sep{margin:0 .7em;color:#8E9C7B;letter-spacing:0}
.t-crumb [aria-current]{color:#1F2A26}
.t-slope{display:grid;gap:8px;border-top:1px solid rgba(31,42,38,.22);padding-top:12px;max-width:66ch}
.t-slope .lab{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#684036}
.t-slope-l{display:flex;flex-wrap:wrap;gap:0}
.t-slope-l a{display:grid;gap:1px;text-decoration:none;color:#1F2A26;border:1px solid rgba(31,42,38,.55);padding:8px 14px 9px;margin:0 -1px -1px 0;min-width:0}
.t-slope-l a b{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:18px;line-height:1.15}
.t-slope-l a small{font-size:14px;font-style:italic;color:#5F6B66}
.t-slope-l a:hover{border-color:#684036;color:#684036;position:relative}

.ex-head{padding-bottom:6px}
.ex{padding-block:8px 36px;display:grid;gap:16px}
.ex-crumb{min-height:22px;border-bottom:1px solid rgba(31,42,38,.22);padding-bottom:10px}
.ex-crumb [aria-current]{color:#1F2A26}
.ex-panels{display:flex;gap:clamp(12px,1.6vw,22px);align-items:flex-start}
.ex-panel{margin:0;min-width:0;flex:1 1 0}
.ex-map svg,#exMap{display:block;width:100%;height:auto;background:#FAF7F2;touch-action:pan-y}
@media (max-width:719px){.ex-panels{flex-direction:column}.ex-panel{width:100%;flex:none}}
.ex-key{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0}
.ex-key span,.ex-fig figcaption span{display:inline-block;vertical-align:middle;margin-left:8px}
.ex-key span:first-child{margin-left:0}
.k-r{width:16px;height:10px;border:1px dotted #374840}
.k-p{width:12px;height:9px;border:1px solid #684036;background:rgba(104,64,54,.18)}
.k-v{width:7px;height:7px;background:#684036;border-radius:50%}
.k-a{width:14px;height:9px;background:repeating-linear-gradient(55deg,#684036 0 .8px,transparent .8px 3px);border:1px solid #684036}
.k-s{width:18px;border-top:1.6px dashed #684036}
.ex-fig .k-p{border-color:#1F2A26;background:none;outline:1px solid #1F2A26;outline-offset:1.5px}

/* map type: spaced caps for regions, italic for towns and water, Bodoni for the cartouche */
.ex-c-s{font-family:"EB Garamond",serif;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;fill:#684036}
.ex-c-t{font-family:"Bodoni Moda",Didot,Georgia,serif;font-style:italic;font-size:32px;fill:#374840}
.ex-c-t.sm{font-size:24px}
.ex-c-link:hover .ex-c-t,.ex-c-link:focus .ex-c-t{fill:#684036}
.ex-frame{fill:none;stroke:#374840;stroke-width:1}
.ex-frame.in{stroke-width:.5}
.ex-rose{fill:none;stroke:#374840}
.ex-rose text{font-family:"EB Garamond",serif;font-size:10px;fill:#374840;stroke:none}
.ex-scale line{stroke:#374840;stroke-width:1}
.ex-scale text{font-family:"EB Garamond",serif;font-size:11px;letter-spacing:.08em;fill:#5F6B66}
.ex-water{font-family:"EB Garamond",serif;font-style:italic;font-size:13px;letter-spacing:.12em;fill:#374840;fill-opacity:.75}
.ex-town circle{fill:#FAF7F2;stroke:#5F6B66;stroke-width:1}
.ex-town text{font-family:"EB Garamond",serif;font-style:italic;font-size:12.5px;fill:#5F6B66;paint-order:stroke;stroke:#FAF7F2;stroke-width:3px;stroke-linejoin:round}
.ex-vdot{fill:#684036}
.ex-pmark{fill:rgba(104,64,54,.2);stroke:#684036;stroke-width:.9}
.ex-reg-a{cursor:pointer;outline:none}
.ex-rbox{fill:transparent;stroke:#374840;stroke-width:.8;stroke-dasharray:1 2.2;stroke-opacity:.8}
.ex-rname{font-family:"EB Garamond",serif;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;fill:#1F2A26;paint-order:stroke;stroke:#FAF7F2;stroke-width:3.5px;stroke-linejoin:round}
.ex-lead{stroke:#1F2A26;stroke-width:.6;stroke-opacity:.7}
.ex-hit{fill:transparent}
.ex-reg-a:hover .ex-rname,.ex-reg-a:focus .ex-rname,.ex-reg-a.hot .ex-rname{fill:#684036}
.ex-reg-a:hover .ex-rbox,.ex-reg-a:focus .ex-rbox,.ex-reg-a.hot .ex-rbox{stroke:#684036;stroke-dasharray:none;stroke-width:1.2;fill:rgba(104,64,54,.07)}
.ex-reg-a:focus-visible .ex-rname{text-decoration:underline}

/* level 1 */
.ex-vh{display:grid;gap:4px}
.ex-vh h2{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0;color:#374840}
.ex-vgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:899px){.ex-vgrid{grid-template-columns:minmax(0,1fr)}}
.ex-fig{margin:0;display:grid;gap:8px}
@media (min-width:900px){.ex-fig{position:sticky;top:100px}}
.ex-fig figcaption{margin:0}
.ex-plate,.ex-plate-l,.ex-sec,.ex-sec-l,.ex-area-a{cursor:pointer;outline:none}
.ex-pshade{opacity:.9;mix-blend-mode:multiply}
.ex-pframe{fill:rgba(250,247,242,.12);stroke:#1F2A26;stroke-width:1.1}
.ex-pframe.in{fill:none;stroke-width:.5}
.ex-plate:hover .ex-pframe,.ex-plate:focus .ex-pframe,.ex-plate.hot .ex-pframe{stroke:#684036;stroke-width:2;fill:rgba(104,64,54,.1)}
.ex-plate:hover .ex-pframe.in,.ex-plate.hot .ex-pframe.in{stroke-width:.7;fill:none}
.ex-ptitle{font-family:"Bodoni Moda",Didot,Georgia,serif;font-style:italic;font-size:14px;fill:#1F2A26;paint-order:stroke;stroke:#FAF7F2;stroke-width:3.5px;stroke-linejoin:round}
.ex-pnum{font-family:"EB Garamond",serif;font-style:normal;font-size:10.5px;letter-spacing:.18em;fill:#684036}
.ex-plate-l:hover .ex-ptitle,.ex-plate-l.hot .ex-ptitle,.ex-plate-l:focus .ex-ptitle{fill:#684036}
.ex-sline{stroke:#684036;stroke-width:1.6;stroke-dasharray:5 3;stroke-linecap:butt}
.ex-stick{stroke:#684036;stroke-width:1.4}
.ex-shit{stroke:transparent;stroke-width:16;fill:transparent}
.ex-sring{fill:rgba(250,247,242,.6);stroke:#684036;stroke-width:1.4;stroke-dasharray:3 2.2}
.ex-sAB{font-family:"EB Garamond",serif;font-size:10.5px;fill:#684036;paint-order:stroke;stroke:#FAF7F2;stroke-width:3px}
.ex-stitle{font-family:"EB Garamond",serif;font-style:italic;font-size:13px;fill:#684036;paint-order:stroke;stroke:#FAF7F2;stroke-width:3.5px;stroke-linejoin:round}
.ex-sec:hover .ex-sline,.ex-sec.hot .ex-sline,.ex-sec:focus .ex-sline{stroke-width:2.6;stroke-dasharray:none}
.ex-sec:hover .ex-sring,.ex-sec.hot .ex-sring{stroke-dasharray:none;stroke-width:2;fill:rgba(104,64,54,.15)}
.ex-sec-l:hover .ex-stitle,.ex-sec-l.hot .ex-stitle{text-decoration:underline}
.ex-vil{cursor:pointer;outline:none}
.ex-vil circle{fill:#684036;stroke:#FAF7F2;stroke-width:1.2}
.ex-vil:hover circle,.ex-vil.hot circle,.ex-vil:focus circle{r:5}
.ex-vname{font-family:"EB Garamond",serif;font-style:italic;font-size:12.5px;fill:#374840;paint-order:stroke;stroke:#FAF7F2;stroke-width:3px;stroke-linejoin:round;pointer-events:none}
.ex-vname.hot{fill:#684036}
.ex-abox{fill:transparent;stroke:#374840;stroke-width:.8;stroke-dasharray:1 2.2}
.ex-aname{font-family:"EB Garamond",serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;fill:#5F6B66;paint-order:stroke;stroke:#FAF7F2;stroke-width:3.5px;stroke-linejoin:round}
.ex-area-a:hover .ex-abox,.ex-area-a:focus .ex-abox{stroke:#684036;stroke-dasharray:none;fill:rgba(104,64,54,.05)}
.ex-area-a:hover .ex-aname,.ex-area-a:focus .ex-aname{fill:#684036}
.ex-parcel{pointer-events:none}

/* the lists beside the map */
.ex-side{display:grid;gap:10px;min-width:0}
.ex-reg{display:grid;gap:10px;min-width:0}
.ex-h{display:flex;justify-content:space-between;align-items:baseline;font-family:"EB Garamond",serif;font-weight:400;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#684036;margin:14px 0 0;padding-bottom:6px;border-bottom:3px double #1F2A26}
.ex-h span{letter-spacing:.08em;color:#5F6B66}
.ex-chips{display:flex;flex-wrap:wrap}
.ex-chips a{font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:#1F2A26;border:1px solid #1F2A26;padding:8px 12px;margin:0 -1px -1px 0}
.ex-chips a[aria-current]{background:#1F2A26;color:#FAF7F2}
.ex-chips a:hover:not([aria-current]){color:#684036;border-color:#684036;position:relative}
.ex-pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.ex-pcard{display:grid;gap:4px;align-content:start;text-decoration:none;color:#1F2A26;min-width:0;padding:6px;margin:-6px;border:1px solid transparent}
.ex-pcard .tl-ph{aspect-ratio:3/2}
.ex-pcard .tl-num{font-size:11px;letter-spacing:.18em}
.ex-pcard b{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:20px;line-height:1.15}
.ex-pcard small{font-size:15px;color:#374840;line-height:1.35}
.ex-pcard:hover,.ex-pcard.hot{border-color:#684036}
.ex-pcard:hover .tl-ph img{transform:scale(1.03)}
.ex-secs,.ex-est,.ex-regl{list-style:none;margin:0;padding:0}
.ex-secs li,.ex-est li,.ex-regl li{border-bottom:1px solid rgba(31,42,38,.14)}
.ex-secs a{display:grid;gap:1px;padding:8px 0 8px 28px;text-decoration:none;color:#1F2A26;position:relative}
.ex-secs a::before{content:"";position:absolute;left:0;top:19px;width:18px;border-top:1.6px dashed #684036}
.ex-secs b{font-weight:400;font-size:18px}
.ex-secs small{font-size:14.5px;font-style:italic;color:#5F6B66}
.ex-secs li.hot a,.ex-secs a:hover{color:#684036}
.ex-est li{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,2fr);gap:12px;padding:7px 0;font-size:16px}
.ex-est .ex-vn{font-style:italic;color:#374840}
.ex-est a{color:#1F2A26;text-decoration:none;border-bottom:1px solid rgba(31,42,38,.2)}
.ex-est a:hover{color:#684036;border-color:#684036}
.ex-est li.hot .ex-vn{color:#684036}
.ex-est li.flash{animation:exflash 1.6s ease}
@keyframes exflash{0%,40%{background:rgba(104,64,54,.14)}100%{background:transparent}}
.ex-reg .far{opacity:.42}
.ex-reg .far:hover{opacity:1}
.ex-more{margin:10px 0 0;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.ex-more a,.ex-all a{color:#684036;text-decoration:none}
.ex-regl li{display:grid;gap:2px;padding:9px 0}
.ex-regl .ex-rn{font-family:"Bodoni Moda",Didot,Georgia,serif;font-size:22px;color:#1F2A26;text-decoration:none}
.ex-regl .ex-rn:hover,.ex-regl li.hot .ex-rn{color:#684036}
.ex-regl small{color:#5F6B66;font-style:italic;font-size:14.5px}
.ex-rp{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:15px}
.ex-rp a{color:#374840}
/* level 0 index under the panels */
.ex-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 34px;margin-top:8px}
.ex-ic h3{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:24px;margin:0;padding-bottom:6px;border-bottom:3px double #1F2A26}
.ex-ic h3 a{color:#1F2A26;text-decoration:none}
.ex-ic h3 a:hover{color:#684036}
.ex-ic ul{list-style:none;margin:0;padding:0}
.ex-ic li{border-bottom:1px solid rgba(31,42,38,.14)}
.ex-ic li a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;text-decoration:none;color:#1F2A26}
.ex-ic li a b{font-weight:400;font-size:18px;letter-spacing:.14em;text-transform:uppercase;font-size:14px}
.ex-ic li a small{font-size:14px;font-style:italic;color:#5F6B66;text-align:right}
.ex-ic li a:hover b,.ex-ic li.hot a b{color:#684036}
.ex-next .tl-next{margin-top:10px}
.ex-next .tl-next b{font-size:21px}
.ex-next .tl-next span{font-size:16px}
.ex-all{margin:22px 0 0;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.ex .err{font-style:italic;color:#684036}
.ex-cbox{fill:#FAF7F2;stroke:#374840;stroke-width:.5}
body:not(.ex-in) .ex-crumb{display:none}
/* plate cards beside the map: a small engraving, then the words */
.ex-pcards{grid-template-columns:minmax(0,1fr);gap:0}
.ex-pcard{grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:2px;margin:0;padding:10px 0;border:0;border-bottom:1px solid rgba(31,42,38,.14)}
.ex-pcard .tl-ph{grid-row:1/4;aspect-ratio:4/3;align-self:start}
.ex-pcard b{font-size:19px}
.ex-pcard small{font-size:14.5px}
.ex-pcard:hover,.ex-pcard.hot{border-color:rgba(31,42,38,.14);background:rgba(104,64,54,.06)}
.ex-pcard:hover b,.ex-pcard.hot b{color:#684036}
.ex-vh .t-over{display:none}
.ex-pshade{opacity:.6}
.ex-key span,.ex-fig figcaption span{margin-right:6px}

/* landing: folded lists, soil and stone tiles */
.ex-fold{border-top:1px solid rgba(31,42,38,.35);border-bottom:1px solid rgba(31,42,38,.35);margin-top:18px}
.ex-fold>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#374840}
.ex-fold>summary::-webkit-details-marker{display:none}
.ex-fold>summary::after{content:"+";font-size:26px;line-height:1;letter-spacing:0;color:#684036;transition:transform .16s}
.ex-fold[open]>summary::after{transform:rotate(45deg)}
.ex-fold>summary:hover{color:#684036}
.ex-fold[open]>.ex-index,.ex-fold[open]>.tl-next{margin:4px 0 22px}
.ex-next .ex-fold{margin-top:0}
.tl-soil{padding-top:clamp(36px,6vw,72px)}
.tl-soil .tl-h{border-top:3px double #1F2A26;padding-top:16px}
.tl-soil .tl-lede{margin:8px 0 22px}
.tl-bigs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
.tl-big{display:grid;gap:10px;align-content:start;text-decoration:none;color:#1F2A26;min-width:0}
.tl-big .tl-ph{aspect-ratio:3/2;border:1px solid #1F2A26;overflow:hidden}
.tl-big .tl-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.tl-big b{font-family:"Bodoni Moda",Didot,Georgia,serif;font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1.08;color:#374840}
.tl-big small{font-size:17px;line-height:1.5;color:#374840;max-width:52ch}
.tl-big:hover b{color:#684036}
@media(hover:hover) and (pointer:fine){.tl-big:hover .tl-ph img{transform:scale(1.03)}}
@media(max-width:700px){.tl-bigs{grid-template-columns:1fr}}