:root{--cream:#faf4e5;--ink:#441b20;--rule:#bfab99;--red:#8a342d}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Source Sans 3","Segoe UI",sans-serif}
header,main,footer{max-width:1540px;width:92%;margin:auto}
header,footer{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
header{padding:1.3rem 0;border-bottom:1px solid var(--ink)}
header strong,footer span:first-child{font: bold 1.65rem/1 Georgia,serif;letter-spacing:-.06em}
header strong span{color:var(--red)}
header>span,footer span:last-child{font-size:.85rem}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:clamp(2rem,5vw,5rem) 0}
.intro{min-width:0}.origin{font:600 .75rem/1.3 "Courier Prime","Courier New",monospace;letter-spacing:.15em;text-transform:uppercase;margin:0 0 1.35rem;color:var(--red)}
h1,h2,h3,p{margin:0}
h1,h2{font-family:"Instrument Serif",Georgia,serif;font-weight:normal;letter-spacing:-.065em}
h1{font-size:clamp(2.7rem,5.65vw,5.6rem);line-height:1.07}
.lead{font:italic clamp(1.55rem,2.35vw,2.65rem)/1.12 Georgia,serif;margin:1.5rem 0 1.05rem}
.description,.notes p{font-size:1rem;line-height:1.55;max-width:32em}
figure{margin:0;overflow:hidden;background:#dba64c}
figure img{width:100%;height:auto;aspect-ratio:1.30;object-fit:cover;display:block}
.tasting{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%;border-top:1px solid var(--ink);padding:2.4rem 0 3rem}
.tasting .origin{margin-bottom:.7rem}h2{font-size:clamp(2.25rem,3.8vw,4rem);line-height:1}
h3{font:normal 1.45rem/1.25 Georgia,serif;margin-bottom:.7rem}
.notes{border-left:1px solid var(--rule);padding-left:1.5rem;align-self:center}
footer{border-top:1px solid var(--rule);padding:1rem 0 1.5rem}
@media(max-width:740px){
 header,main,footer{width:90%}.hero{grid-template-columns:1fr;gap:1.75rem}
 h1{font-size:clamp(2.5rem,12vw,5.4rem)}figure img{aspect-ratio:1.5}
 .tasting{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0}.notes{padding-left:0;border:0}
 header strong,footer span:first-child{font-size:1.35rem}header>span,footer span:last-child{font-size:.75rem}
}