:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#10150f;color:#f6eedf}*{box-sizing:border-box;min-width:0}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100dvh;padding:2vh 2vw;display:grid;grid-template-rows:minmax(40px,10vh) minmax(0,1fr) minmax(22px,5vh);gap:2vh}header{display:flex;align-items:center;gap:2vw}header img{height:100%;width:9vw;object-fit:contain}header span{color:#ceaa56;letter-spacing:.2em;font-size:clamp(8px,1.1vh,16px);font-weight:bold}h1{font-size:clamp(18px,4vh,64px);margin:.3vh 0}button{margin-left:auto;background:transparent;color:#ceaa56;border:1px solid #49503e;border-radius:50%;width:clamp(30px,5vh,56px);height:clamp(30px,5vh,56px);font-size:clamp(20px,3vh,32px);cursor:pointer}main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:2vw;min-height:0}#taplist{display:grid;grid-template-rows:repeat(var(--rows,1),minmax(0,1fr));gap:1vh;min-height:0}.tap{--fit:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1vw;align-items:center;background:#1c2218;border:1px solid #343d2b;border-radius:1.2vh;padding:.8vh 1vw;min-height:0}.line{color:#ceaa56;font-size:calc(var(--fit)*clamp(9px,1.5vh,22px));font-weight:bold;max-width:5vw}.tap h2{font-size:calc(var(--fit)*clamp(12px,2.7vh,40px));line-height:1.05;margin:0 0 .35vh;overflow-wrap:anywhere}.meta{color:#c4c9b9;line-height:1.25;overflow-wrap:anywhere;font-size:calc(var(--fit,1)*clamp(9px,1.65vh,25px))}.prices{display:flex;gap:1vw;text-align:right;color:#ecd395;font-weight:bold;font-size:calc(var(--fit)*clamp(10px,2vh,30px));white-space:nowrap}.prices small{display:block;font-size:calc(var(--fit)*clamp(7px,1.05vh,16px));color:#c4c9b9;margin-bottom:.4vh;font-weight:normal}aside{--fit:1;border-radius:2vh;border:1px solid #77602e;background:radial-gradient(ellipse at top,#34402b,#1b2118 70%);padding:2vh 2vw;display:flex;flex-direction:column;justify-content:center;gap:1.3vh;min-height:0;overflow:hidden}aside img{max-width:100%;width:100%;height:26vh;min-height:0;object-fit:contain;flex-shrink:1}aside .eyebrow{color:#d1ab55;text-transform:uppercase;letter-spacing:.2em;font-size:calc(var(--fit)*clamp(9px,1.3vh,19px))}aside h2{font-size:calc(var(--fit)*clamp(18px,4.5vh,68px));line-height:1.05;margin:0;overflow-wrap:anywhere}aside p{font-size:calc(var(--fit)*clamp(11px,2.3vh,34px));line-height:1.35;margin:0;overflow-wrap:anywhere}aside .source{font-size:calc(var(--fit)*clamp(8px,1.15vh,17px));color:#cfb26e;text-decoration:none}footer{position:relative;display:flex;justify-content:center;align-items:center;min-height:0}footer img{height:100%;max-height:38px;max-width:90px;object-fit:contain;background:white;border-radius:3px}#status{position:absolute;left:0;bottom:0;color:#ceaa56;font-size:clamp(8px,1.3vh,16px);max-width:40vw}@media(max-aspect-ratio:4/5){body{grid-template-rows:8vh minmax(0,1fr) 4vh;gap:1vh}main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.8fr) minmax(0,1fr);gap:1vh}.tap{gap:2vw;padding:.4vh 2vw}.line{max-width:9vw}.tap h2{font-size:calc(var(--fit)*2vh)}.tap .meta{font-size:calc(var(--fit)*1.3vh)}.prices{gap:2vw;font-size:calc(var(--fit)*1.6vh)}.prices small{font-size:calc(var(--fit)*1vh)}aside{display:block;position:relative;padding:1.3vh 3vw}aside img{float:right;width:30%;height:100%;max-height:22vh;margin-left:2vw}aside h2{font-size:calc(var(--fit)*2.8vh);margin:1vh 0}aside p{font-size:calc(var(--fit)*1.6vh);margin:1vh 0}aside .meta{font-size:calc(var(--fit)*1.3vh)}header img{width:14vw}h1{font-size:3vh}}

.farmnet-credit{display:block;flex:0 0 auto;width:112px;height:100%;max-height:48px;min-height:22px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:3px}aside .tasting-title{color:#d1ab55;letter-spacing:.12em;font-size:calc(var(--fit)*clamp(9px,1.3vh,19px));text-transform:uppercase}aside .pairing{font-size:calc(var(--fit)*clamp(10px,1.6vh,24px));color:#d6d8cd}

/* The mark is embedded so lazy image optimizers cannot hide it. */
.santo-brand{display:block;flex:0 0 11vw;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}
body{background:radial-gradient(ellipse at top right,#303322 0, #10150f 65%)}
main{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
h1{font-family:Georgia,serif;color:#f8e8bf}header{border-bottom:1px solid #66552f;padding-bottom:1vh}
.tap{transition:border-color .6s,background .6s}.tap.featured{border-color:#d6ac51;background:#30331f;box-shadow:inset 4px 0 #d6ac51}
aside{gap:.8vh;background:radial-gradient(ellipse at top,#465034,#191e15 75%);border-color:#b08a3d;box-shadow:0 8px 35px #0005}
aside img{background:#fffdf5;border-radius:2vh;padding:1vh;height:24vh;flex:0 1 24vh;max-width:80%;align-self:center}
aside h2{font-family:Georgia,serif;color:#ffe5a6;font-size:calc(var(--fit)*clamp(18px,4vh,60px))}
aside p{font-size:calc(var(--fit)*clamp(11px,1.85vh,28px))}
@media(max-aspect-ratio:4/5){main{grid-template-columns:minmax(0,1fr)}.santo-brand{flex-basis:19vw}aside img{height:19vh;max-width:28%;padding:.5vh}aside h2{font-size:calc(var(--fit)*2.8vh)}aside p{font-size:calc(var(--fit)*1.5vh)}}