:root{--sage:#6f8482;--pale:#b7c2c1;--deep:#355d56;--alt:#708584;--tint:#cad5d4;--hair:#e1e6e4;--shadow:#4d5c5b;--body:#666;--ink:#333;--field:#f0f2f2;--serif:Georgia,"Times New Roman",Times,serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.5 var(--serif);color:var(--body);background:#fff;-webkit-font-smoothing:antialiased}
.wrap{width:min(960px,100% - 32px);margin-inline:auto}
.content{background:#fff;padding-bottom:40px}
h1{margin:30px 0 20px;padding-bottom:5px;font-size:clamp(22px,3vw,30px);color:var(--sage);text-transform:uppercase;letter-spacing:5px;border-bottom:1px dotted var(--sage);font-weight:400;overflow:hidden}
h1:has(.btn.float),h1:has(.yrcount){display:flex;align-items:baseline;justify-content:space-between;gap:20px}
h1 .btn.float{float:none;margin:0 0 6px auto;letter-spacing:0;text-transform:none;flex:0 0 auto;align-self:center}
h1 .yrcount{float:none;margin-left:auto;line-height:inherit}
h2{margin:0 0 10px;padding-bottom:5px;font-size:clamp(18px,2.4vw,26px);color:var(--sage);font-style:italic;border-bottom:1px dotted var(--sage);font-weight:400}
h2 a{color:inherit}
h3{margin:0 0 10px;font-size:20px;color:var(--pale);font-style:italic;font-weight:400}
h4{margin:0 0 8px;font-size:14px;color:var(--alt);text-transform:uppercase;font-weight:400;letter-spacing:1px}
p{margin:0 0 14px;line-height:22px}
a{color:var(--sage);text-decoration:none}a:hover{color:var(--ink);text-decoration:underline}
.btn,.btn-form,button.denom{display:inline-block;margin:5px 0;padding:6px 32px 6px 14px;font:14px var(--serif);color:#fff;border:1px solid var(--sage);background:var(--sage) url(../../assets/img/btn-arrow.gif) no-repeat right center;line-height:16px;cursor:pointer;text-transform:none;letter-spacing:0}
.btn:hover{background-color:var(--deep);color:#fff;text-decoration:underline}
.btn-ghost{display:inline-block;padding:6px 14px;font-size:14px;border:1px solid var(--hair)}
button.denom{background:#fff;color:var(--sage);padding:8px 16px;border:1px solid var(--sage)}
button.denom.on{background:var(--sage);color:#fff}
.buybox{margin:5px 0;min-height:40px}
.buybox .shopify-buy__btn{letter-spacing:0}

header{padding:18px 0 0}
.topbar{display:flex;justify-content:flex-end;gap:8px;padding:10px 0}
.footsoc{display:flex;justify-content:center;gap:10px;padding:10px 0 0}
.soc{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--sage);color:#fff;transition:background .15s}
.soc:hover{background:var(--deep);color:#fff;text-decoration:none}
.soc svg{width:15px;height:15px;display:block;margin:0;transform:translateY(.4px)}
.soc[aria-label="Twitter"] svg{width:13px;height:13px;transform:translate(-.5px,.4px)}
.soc[aria-label="Facebook"] svg{transform:translateY(.6px)}
.soc[aria-label="Instagram"] svg{transform:translateY(.6px)}
.brandrow{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}
.logo img{width:208px;max-width:60vw;height:auto;display:block}
nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;margin:50px 0 20px}
nav li{padding:10px 9px;margin-left:10px;font-size:15px;font-style:italic;border-top:1px dotted var(--sage);border-bottom:1px dotted var(--sage)}
nav li.current a{color:var(--ink)}
section{padding:30px 0}
/* homepage hero: tall bottle left, copy sitting low right, seal watermark behind */
.hero-wine{display:grid;grid-template-columns:448px 368px;justify-content:space-between;align-items:start;
  background:url(../../assets/img/seal-full.jpg) no-repeat center 60px;padding:0 0 30px}
.hero-wine .shot img{width:100%;max-width:434px;height:auto;display:block}
.hero-wine .copy{padding-top:260px}
.vineyard-split{display:grid;grid-template-columns:528px 368px;justify-content:space-between;align-items:start;
  background:url(../../assets/img/compass.jpg) no-repeat center top;padding-top:60px}
.vineyard-split > div:first-child{padding-top:30px}
.vineyard-split .tall img{max-width:360px}
.buy-split{display:grid;grid-template-columns:448px 368px;justify-content:space-between;align-items:start;
  background:url(../../assets/img/seal-full.jpg) no-repeat center 60px;padding:0 0 30px}
.buy-split .copy{padding-top:240px}
.buy-split .tall img{width:100%;max-width:368px;display:block}
.tall img{width:100%;height:auto;display:block}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.split.narrow{grid-template-columns:280px 1fr}
.bottle{text-align:center}.bottle img{max-width:200px;height:auto}
blockquote{margin:20px 0;padding:55px 0 10px 50px;font-size:clamp(20px,3.2vw,38px);line-height:1.15;color:var(--ink);font-style:italic;background:url(../../assets/img/blockquote-top.jpg) no-repeat 0 3px}
blockquote div{padding:0 50px 60px 0;background:url(../../assets/img/blockquote-bottom.jpg) no-repeat right bottom}
.process,.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin-top:20px}
.process img,.grid3 img{width:100%;height:auto;display:block;margin-bottom:12px}
.process h3{color:var(--alt);font-size:18px}.process p{font-size:14px;line-height:20px}
.jhome{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;grid-template-rows:auto auto auto 1fr auto}
.jhome .jentry-home{display:grid;grid-row:span 5;grid-template-rows:subgrid;grid-template-columns:1fr;
  gap:0;padding:4px 0 0;border-top:0}
.jhome .jentry-home .jthumb{margin-bottom:16px}
.jhome .jentry-home .jthumb img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block;border:0;box-shadow:none}
.jhome .jentry-home .jdate{align-self:start}
.jhome .jentry-home h2{font:italic 21px var(--serif);margin:0 0 10px;border:0;padding:0;line-height:1.3;align-self:start}
.jhome .jentry-home h2 a{color:var(--sage)}
.jhome .jentry-home h2 a:hover{color:var(--ink);text-decoration:none}
.jhome .jentry-home .jx{margin:0 0 14px;align-self:start}
.jhome .jentry-home .jmore{align-self:start;justify-self:start}
.jhome .jentry-home .jtext{display:contents}
@supports not (grid-template-rows: subgrid){
 .jhome .jentry-home{display:block}
 .jhome .jentry-home .jtext{display:block}
 .jhome .jentry-home h2{min-height:2.6em;display:flex;align-items:flex-end}
}
.getintouch{border-top:1px dotted var(--hair);margin-top:20px}
/* interior pages: full-width slideshow, numbered nav, two text columns */
.slideshow{display:flex;gap:10px;width:100%;aspect-ratio:928/356;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;margin:10px 0 0;scrollbar-width:none;-ms-overflow-style:none}
.slideshow::-webkit-scrollbar{display:none}
.slideshow img{flex:0 0 100%;scroll-snap-align:center;width:100%;height:100%;object-fit:cover;display:block}
.slidenav{display:flex;gap:11px;margin:14px 0 0;align-items:center}
.slidenav button{width:9px;height:9px;padding:0;border:1px solid var(--sage);background:transparent;cursor:pointer;
  font-size:0;line-height:0;color:transparent;transform:rotate(45deg);transition:background .16s,transform .16s}
.slidenav button:hover{background:var(--tint)}
.slidenav button.on{background:var(--sage);transform:rotate(45deg) scale(1.25)}
.pagecols{display:grid;grid-template-columns:448px 448px;justify-content:space-between;gap:0 32px;align-items:start;padding-top:30px}
.vicons{display:flex;flex-wrap:wrap;justify-content:center;gap:0;padding:20px 0}
.vicons img{width:229px;max-width:50%;height:auto;padding:20px 14px}
iframe.gmap{width:100%;aspect-ratio:928/504;border:0;display:block;margin:20px 0 10px}

/* ---- shared ---- */
.hdr{display:none;background:#fff;transition:box-shadow .18s ease}
.hdr.live{display:block}
.hdr-in{display:flex;align-items:center;gap:20px;min-height:66px}
.mark img{height:40px;width:auto;display:block}
.mainnav ul{list-style:none;display:flex;margin:0;padding:0;align-items:center}
.mainnav li{position:relative;margin:0;flex:0 0 auto;padding:0;border:0}
.mainnav li>a{display:block;padding:9px 0;font:12px var(--serif);letter-spacing:2.6px;text-transform:uppercase;
  color:var(--alt);border:0;white-space:nowrap;position:relative}
.mainnav li>a::before{content:"";position:absolute;left:0;right:100%;bottom:2px;border-bottom:1px solid var(--sage);transition:right .22s ease}
.mainnav li>a:hover::before{right:0}
.mainnav li>a:hover{color:var(--ink)}
.mainnav li>a:hover,.mainnav li.current>a{color:var(--ink);text-decoration:none}
.mainnav li.current>a{position:relative;color:var(--ink)}
.mainnav li.current>a::before{right:100%}
.mainnav li.current>a::after{content:"";position:absolute;left:50%;bottom:-2px;width:5px;height:5px;
  margin-left:-2.5px;background:var(--sage);transform:rotate(45deg)}
.mainnav svg{margin-left:5px;vertical-align:1px;opacity:.7}
.hdr-end{margin-left:auto;display:flex;align-items:center;gap:12px}
.basket-ico{position:relative;color:var(--sage);display:flex;align-items:center;padding:6px}
.basket-ico:hover{color:var(--deep)}
.bcount{position:absolute;top:-3px;right:-5px;min-width:19px;height:19px;border-radius:10px;background:var(--sage);
  color:#fff;font:11px/19px var(--serif);text-align:center;padding:0 5px;border:2px solid #fff}
.burger,.menuword{display:none;appearance:none;background:none;border:0;cursor:pointer;color:var(--sage);padding:8px}
.burger span{display:block;width:22px;height:1.5px;background:currentColor;margin:4px 0}
.menuword{display:flex;align-items:center;gap:9px;margin-left:auto;font:italic 16px var(--serif)}
.menuword span{width:20px;height:1.5px;background:currentColor;box-shadow:0 5px 0 currentColor,0 -5px 0 currentColor}

/* Shopify basket — half bottle, cut against the page edge */
.shopify-buy-frame--toggle{position:fixed!important;right:0!important;left:auto!important;
  top:50%!important;bottom:auto!important;transform:translateY(-50%);
  width:44px!important;height:190px!important;background:transparent;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%20190%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cpath%20d%3D%22M44%2C0%20L32%2C0%20L32%2C56%20C32%2C64%2016%2C74%2016%2C98%20L16%2C182%20C16%2C186%2019%2C190%2023%2C190%20L44%2C190%20Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M44%2C0%20L32%2C0%20L32%2C56%20C32%2C64%2016%2C74%2016%2C98%20L16%2C182%20C16%2C186%2019%2C190%2023%2C190%20L44%2C190%20Z%22%20fill%3D%22%236f8482%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2252%22%20fill%3D%22%23355d56%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%22112%22%20width%3D%2230%22%20height%3D%2234%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%22112%22%20width%3D%2230%22%20height%3D%220.75%22%20fill%3D%22%23355d56%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%22146%22%20width%3D%2230%22%20height%3D%220.75%22%20fill%3D%22%23355d56%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M44%2C0%20L32%2C0%20L32%2C56%20C32%2C64%2016%2C74%2016%2C98%20L16%2C182%20C16%2C186%2019%2C190%2023%2C190%20L44%2C190%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23355d56%22%20stroke-width%3D%222.2%22%2F%3E%3C%2Fsvg%3E");background-size:44px 190px;background-repeat:no-repeat;
  clip-path:path("M44,0 L32,0 L32,56 C32,64 16,74 16,98 L16,182 C16,186 19,190 23,190 L44,190 Z");
  transition:filter .18s ease;overflow:visible;
  filter:drop-shadow(-3px 0 10px rgba(77,92,91,.25))}
.shopify-buy-frame--toggle:hover{filter:drop-shadow(-3px 0 10px rgba(77,92,91,.35)) brightness(.93)}
.shopify-buy-frame--toggle iframe{width:44px!important;height:190px!important;border-radius:0;
  position:relative;z-index:2;background:transparent!important}
@media (max-width:767px){
 .shopify-buy-frame--toggle{width:34px!important;height:148px!important;
   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%20148%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cpath%20d%3D%22M34%2C0%20L25%2C0%20L25%2C44%20C25%2C50%2012%2C58%2012%2C76%20L12%2C142%20C12%2C145%2014%2C148%2018%2C148%20L34%2C148%20Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M34%2C0%20L25%2C0%20L25%2C44%20C25%2C50%2012%2C58%2012%2C76%20L12%2C142%20C12%2C145%2014%2C148%2018%2C148%20L34%2C148%20Z%22%20fill%3D%22%236f8482%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2234%22%20height%3D%2240%22%20fill%3D%22%23355d56%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2288%22%20width%3D%2224%22%20height%3D%2227%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2288%22%20width%3D%2224%22%20height%3D%220.75%22%20fill%3D%22%23355d56%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%22115%22%20width%3D%2224%22%20height%3D%220.75%22%20fill%3D%22%23355d56%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M34%2C0%20L25%2C0%20L25%2C44%20C25%2C50%2012%2C58%2012%2C76%20L12%2C142%20C12%2C145%2014%2C148%2018%2C148%20L34%2C148%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23355d56%22%20stroke-width%3D%222.2%22%2F%3E%3C%2Fsvg%3E");background-size:34px 148px;
   clip-path:path("M34,0 L25,0 L25,44 C25,50 12,58 12,76 L12,142 C12,145 14,148 18,148 L34,148 Z")}
 .shopify-buy-frame--toggle iframe{width:34px!important;height:148px!important}
}

.enq-status{margin:14px 0 0;font-size:14px;font-style:italic;min-height:1.2em}
.enq-status.is-good{color:var(--deep)}
.enq-status.is-bad{color:#9c4a12}

/* awards */
.aw-lede{font-size:19px;line-height:1.8;color:var(--ink);margin:0 auto;max-width:720px;text-align:center}

/* the haul, by metal — echoes the stat row on the vineyard page */
.aw-tally{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 0;
  border-top:1px solid var(--hair)}
.aw-t{position:relative;padding:26px 8px 24px;text-align:center}
.aw-t + .aw-t::before{content:"";position:absolute;left:0;top:28px;bottom:26px;
  width:1px;background:var(--hair)}
.aw-tdot{display:block;width:9px;height:9px;margin:0 auto 14px;transform:rotate(45deg);
  background:var(--metal,var(--pale))}
.aw-tn{display:block;font:italic 40px/1 var(--serif);color:var(--ink)}
.aw-tl{display:block;margin-top:11px;font-size:10px;letter-spacing:2.8px;
  text-transform:uppercase;color:var(--pale)}
.aw-gold{--metal:#ab8544}
.aw-silver{--metal:#868f91}
.aw-bronze{--metal:#9c6a45}
.aw-commended{--metal:#7d908e}

/* no bottom border: the stage below opens with its own rule, and the two
   of them 8px apart read as a mistake */
.aw-quote{margin:0;padding:28px 0 30px;border-top:1px solid var(--hair);text-align:center}
.aw-quote p{font:italic 21px/1.6 var(--serif);color:var(--ink);margin:0 auto;max-width:680px}
.aw-quote cite{display:block;margin-top:16px;font-style:normal;font-size:10px;letter-spacing:2.6px;
  text-transform:uppercase;color:var(--pale)}

.aw-wine{display:grid;grid-template-columns:150px 1fr;gap:0 44px;align-items:center;
  padding:40px 0;border-bottom:1px solid var(--hair)}
.aw-wine:last-of-type{border-bottom:0}
.aw-bottle{display:flex;align-items:center;justify-content:center}
.aw-bottle img{display:block;height:230px;width:auto;max-width:100%}
.aw-body h2{font:italic 24px var(--serif);color:var(--sage);margin:0;border:0;padding:0}
.aw-body h2 a{color:inherit}
.aw-body h2 a:hover{color:var(--ink);text-decoration:none}
.aw-count{margin:7px 0 22px;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--pale)}
.aw-medals{display:flex;flex-wrap:wrap;gap:26px 30px}
.aw-medal{margin:0;width:124px;text-align:center}
.aw-medal img{display:block;width:92px;height:92px;object-fit:contain;margin:0 auto 11px;
  transition:transform .2s ease}
.aw-medal:hover img{transform:scale(1.06)}
.aw-award{display:block;font:italic 15px var(--serif);color:var(--sage);line-height:1.3}
.aw-comp{display:block;margin-top:5px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--pale);line-height:1.5}
.aw-foot{margin:30px 0 0;padding-top:20px;border-top:1px solid var(--hair);font-size:12px;
  font-style:italic;color:var(--alt)}

/* the three competitions, explained — sits under the carousel.
   Two shared rows, one for the names and one for the text, so the
   paragraphs start level even when a competition's name runs to two
   lines (which depends on the reader's font, not on the column width) */
.aw-about{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;
  gap:0 40px;margin:4px 0 0;padding-top:34px;border-top:1px solid var(--hair)}
.aw-about-item{display:grid;grid-row:span 2;grid-template-rows:subgrid}
.aw-about-item h3{font:italic 18px/1.35 var(--serif);color:var(--sage);
  margin:0 0 12px;padding:0;border:0;letter-spacing:0}
.aw-about-item p{margin:0;font-size:14px;line-height:1.75;color:var(--alt)}
/* the names carry their own line breaks, so even without subgrid every
   one of them is two lines and the paragraphs still line up */
@supports not (grid-template-rows: subgrid){
 .aw-about-item{display:block}
}
@media (max-width:860px){
 .aw-about{grid-template-columns:1fr;grid-template-rows:none;gap:28px 0;padding-top:28px}
 .aw-about-item{display:block;grid-row:auto}
 .aw-about-item h3{min-height:0}
}

/* ---- awards: year carousel ---- */
/* no top border: the quote block above already closes with one, and two
   hairlines 30px apart read as a mistake */
/* The year selector is a chart as well as a control: one diamond per medal,
   best metal at the top, columns tiling edge to edge so their baselines
   join into a single rule. It lives inside the stage, as its footer, so it
   is always beside the thing it changes — as a separate block below the
   stage it could never share a screen with it, and reaching it meant
   throwing the page about. It heads the panel rather than closing it:
   below the cards it moved every time the track changed height, which on
   a phone (where the cards stack, so each year is a different height) put
   it somewhere new under your thumb on every tap. */
.aw-rail{margin:0;padding:4px 56px 22px;border-bottom:1px solid var(--hair)}
.aw-rail-cap{margin:16px 0 10px;text-align:center;font-size:10px;letter-spacing:2.8px;
  text-transform:uppercase;color:var(--pale)}
/* narrower than the page: seven columns across the full 960 spread the
   pips so far apart that the shape of the haul stops reading as a shape.
   No overflow here — overflow-x:auto quietly forces overflow-y to auto too,
   which was clipping the top off the tallest columns. */
.aw-rail-in{display:flex;max-width:720px;margin-inline:auto}
.aw-y{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;
  appearance:none;background:none;border:0;padding:0;cursor:pointer;
  color:var(--pale);transition:color .2s}
.aw-y:hover{color:var(--sage)}
.aw-stack{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;
  gap:3px;height:90px;padding-bottom:8px;border-bottom:1px solid var(--hair);
  transition:box-shadow .2s}
.aw-pip{width:9px;height:9px;flex:0 0 9px;transform:rotate(45deg);
  background:var(--metal,var(--pale));opacity:.45;transition:opacity .25s ease}
.aw-y:hover .aw-pip{opacity:.75}
.aw-yn{padding-top:11px;font:italic 19px var(--serif);line-height:1;letter-spacing:.4px}
/* inset rather than a thicker border, so turning it on moves nothing */
.aw-y[aria-current="true"] .aw-stack{box-shadow:inset 0 -2px 0 var(--sage)}
.aw-y[aria-current="true"]{color:var(--deep)}
.aw-y[aria-current="true"] .aw-pip{opacity:1}

/* the stage: a tinted panel so the bottles sit on something */
.aw-carousel{margin:0;display:flex;flex-direction:column;background:#f6f8f7;
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.aw-stage{position:relative}
/* flex-start, not stretch: each year is only as tall as it needs to be and
   the script animates the track down to the chosen one, so a year with a
   single medal no longer sits marooned in a panel sized for the busiest year */
.aw-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:flex-start;
  transition:height .45s ease}
.aw-track::-webkit-scrollbar{display:none}
/* the global section{padding:30px 0} was quietly adding 60px to every slide,
   and so to the stage */
.aw-slide{flex:0 0 100%;min-width:100%;display:flex;align-self:flex-start;padding:0;
  scroll-snap-align:center;scroll-snap-stop:always}
.aw-slide-in{flex:1;display:flex;flex-direction:column;justify-content:center;
  padding:24px 56px 26px;opacity:.25;transform:translateY(10px);
  transition:opacity .45s ease,transform .45s ease}
.aw-slide.live .aw-slide-in{opacity:1;transform:none}
.aw-ytally{margin:0 0 22px;text-align:center;font-size:10px;letter-spacing:2.8px;
  text-transform:uppercase;color:var(--pale)}
/* flex, not auto-fit grid: two wines should sit together in the middle
   rather than being pushed to opposite edges of a 960px row */
.aw-cab{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:22px}
/* every card is the same width and the same height on every slide, so
   flipping between years never changes the shape of the thing you are
   looking at. 268 x 3 + two 22px gaps = 848, the stage's inner width.
   --aw-card-h is the tallest a card ever needs to be (a three-medal wine
   whose medal captions run longest, which measures 413); holding every card to it is what keeps
   the panel from resizing as you move through the years */
.aw-card{flex:0 0 268px;max-width:268px;min-height:var(--aw-card-h,414px);
  text-align:center;background:#fff;
  border:1px solid var(--hair);padding:22px 18px 20px;
  display:flex;flex-direction:column}
.aw-card .aw-bottle{position:relative}
.aw-card .aw-bottle img{height:160px;width:auto;display:block;margin:0 auto;
  position:relative;z-index:1}
/* a soft ellipse so the cut-out bottles don't float on the white card */
.aw-card .aw-bottle::after{content:"";position:absolute;left:50%;bottom:-2px;
  width:116px;height:14px;margin-left:-58px;border-radius:50%;
  background:rgba(77,92,91,.16);filter:blur(5px)}
/* name and vintage on their own lines: every title is then exactly two
   lines, so the rules beneath them all sit at the same height without any
   filler space */
.aw-card h3{font:italic 18px/1.25 var(--serif);color:var(--sage);margin:16px 0 14px;
  border:0;padding:0 0 13px;letter-spacing:0;border-bottom:1px solid var(--hair)}
.aw-wname{display:block}
.aw-wyear{display:block;margin-top:7px;font-style:normal;font-size:10px;
  letter-spacing:2.6px;color:var(--pale)}
.aw-card h3 a{color:inherit}
.aw-card h3 a:hover{color:var(--ink);text-decoration:none}
/* top-aligned, not centred: every card is the same height, so starting the
   medals at the same point puts the first row at the same height on every
   card and on every year — centring made it drift with the medal count */
/* three medals across one row. Two rows was what made the card 620px tall,
   which made the stage 840px, which meant the stage and the selector below
   it could never be on screen together */
.aw-card .aw-medals{flex:1;display:flex;flex-wrap:wrap;gap:14px 10px;
  justify-content:center;align-content:flex-start}
.aw-card .aw-medal{width:70px}
.aw-card .aw-medal img{width:64px;height:64px;margin-bottom:9px}
/* the award word takes its metal's colour — the one place this page
   is allowed a little warmth */
.aw-medal .aw-award{color:var(--metal,var(--sage));font-size:13px;line-height:1.25}
.aw-medal .aw-comp{font-size:9px;letter-spacing:1.1px;margin-top:4px;white-space:nowrap}

.aw-arrow{position:absolute;top:50%;margin-top:-20px;z-index:5;appearance:none;background:#fff;
  border:1px solid var(--hair);border-radius:50%;width:40px;height:40px;cursor:pointer;
  color:var(--sage);display:flex;align-items:center;justify-content:center;
  transition:color .2s,border-color .2s,opacity .2s}
.aw-arrow:hover{color:var(--deep);border-color:var(--sage)}
.aw-arrow[disabled]{opacity:.22;cursor:default}
.aw-prev{left:10px}
.aw-next{right:10px}

@media (max-width:767px){
 .aw-lede{font-size:17px;text-align:left}
 .aw-tally{grid-template-columns:repeat(2,1fr);margin-top:26px}
 /* with two per row the third and fourth cells need a rule above them,
    and the one at the start of each row must not draw a left divider */
 .aw-t{padding:20px 6px 18px}
 .aw-t:nth-child(odd)::before{display:none}
 .aw-t:nth-child(n+3){border-top:1px solid var(--hair)}
 .aw-tn{font-size:32px}
 .aw-rail{padding:4px 14px 18px}
 .aw-rail-cap{margin:16px 0 10px}
 /* all seven columns still fit a phone once the numerals come down a size,
    which beats hiding two of them behind a sideways scroll */
 .aw-rail-in{max-width:none}
 .aw-stack{height:84px;gap:3px}
 .aw-pip{width:8px;height:8px;flex:0 0 8px}
 .aw-yn{font-size:15px;padding-top:10px}
 .aw-slide-in{padding:26px 44px 30px}
 .aw-yr{font-size:25px}
 .aw-cab{gap:18px}
 .aw-card{flex:1 1 100%;max-width:none;min-height:0;padding:18px 14px 16px}
 .aw-card .aw-bottle img{height:178px}
 .aw-card .aw-medal{width:96px}
 .aw-card .aw-medal img{width:70px;height:70px}
 /* cards stack on a phone, so a vertically centred arrow would land on top
    of the second card's medals — hold them up by the first bottle instead */
 .aw-arrow{width:34px;height:34px;top:150px;margin-top:0}
 .aw-prev{left:4px}
 .aw-next{right:4px}
 .aw-wine{grid-template-columns:1fr;gap:20px;text-align:center}
 .aw-bottle img{height:180px}
 .aw-medals{justify-content:center;gap:22px}
 .aw-medal{width:104px}
 .aw-medal img{width:78px;height:78px}
}
table.retention{width:100%;margin:18px 0;font-size:14px;border-collapse:collapse}
table.retention th{width:34%;padding:10px 16px 10px 0;color:var(--sage);text-align:left;font-weight:400;
  vertical-align:top;border:0;border-bottom:1px dotted var(--hair);background:none}
table.retention td{padding:10px 0;border:0;border-bottom:1px dotted var(--hair);vertical-align:top}
@media (max-width:767px){
 .aw-tally{flex-wrap:wrap}
 .aw-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
 table.retention th,table.retention td{display:block;width:auto;padding:6px 0;border:0}
 table.retention tr{display:block;padding:8px 0;border-bottom:1px dotted var(--hair)}
}

/* wine panel */
.winepanel{position:absolute;left:50%;top:100%;width:760px;max-width:calc(100vw - 40px);
  transform:translate(-50%,-6px);background:#fff;border:1px solid var(--hair);border-top:1px solid var(--sage);
  opacity:0;visibility:hidden;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.winepanel.open{opacity:1;visibility:visible;transform:translate(-50%,0)}
.winepanel .wp-in{width:auto;max-width:none;padding:18px 20px 14px;display:block}
.wp-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0 10px;text-align:center;
  grid-template-rows:auto auto auto auto}
.wp-item{display:grid;grid-template-rows:subgrid;grid-row:span 4}
@supports not (grid-template-rows: subgrid){
 .wp-item{display:block}
 .wp-name{min-height:2.5em}
}
.wp-item{padding:4px 4px 6px;align-content:start}
.wp-item:hover{text-decoration:none}
.wp-shot{display:flex;align-items:flex-end;justify-content:center;height:62px;margin-bottom:9px}
.wp-range,.wp-name,.wp-price{align-self:start}
.wp-shot img{max-height:62px;width:auto;transition:transform .18s ease}
.wp-item:hover .wp-shot img{transform:translateY(-3px)}
.wp-range{display:block;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--pale)}
.wp-name{display:block;font:italic 15px var(--serif);color:var(--sage);margin:2px 0 4px;line-height:1.25}
.wp-item:hover .wp-name{color:var(--ink)}
.wp-price{display:block;font-size:11px;color:var(--alt)}
.wp-vint{display:block;font-style:normal;font-size:10px;letter-spacing:2.2px;color:var(--alt);margin-top:4px}
.wp-price em{color:var(--pale);font-style:italic}
.wp-all{margin:10px 0 0;padding-top:10px;border-top:1px dotted var(--hair);text-align:center;
  font-size:10px;letter-spacing:2px;text-transform:uppercase}
.wp-all a{color:var(--pale)}
.wp-all a:hover{color:var(--ink)}

/* centred header */
.c-wrap{position:relative;padding-bottom:4px}
.c-top{display:flex;justify-content:center}
.c-nav ul{justify-content:center;gap:46px;padding:18px 0 16px;transition:gap .18s ease,padding .18s ease}
.hdr-centred{padding:16px 0 0;text-align:center;background:#fff}
.c-util{position:absolute;top:10px;display:flex;align-items:center;gap:8px;transition:top .18s ease}
.c-right{right:0}

.c-mark img{height:124px;width:auto;display:block;transition:height .18s ease}

/* Two separate ideas, deliberately kept apart:
   .pinned  — the header is out of the flow, with #shell holding its space.
   .shrunk  — the header is drawn small.
   A sticky header keeps its slot in the flow, so the moment it shrank the
   page below jumped up by the ~120px it gave back, and near the threshold
   that jump re-triggered the toggle: the flicker. Pinning first keeps the
   document height constant through the change. Because .pinned outlives
   .shrunk on the way back up, the header can animate to full height
   without any of those frames moving the page. */
.hdr.pinned{position:fixed;top:0;left:0;right:0;z-index:50}
.hdr-centred.shrunk{padding-top:8px;box-shadow:0 6px 14px -12px var(--shadow)}
#shell{padding-top:var(--hdr-pad,0px)}
/* suppressed only while the script re-measures the full-height header */
.hdr.no-anim, .hdr.no-anim *{transition:none !important}
.hdr-centred.shrunk .c-mark img{height:44px}
.hdr-centred.shrunk .c-nav ul{gap:38px;padding:9px 0 11px}

.hdr-centred.shrunk .c-util{top:6px}
.hdr-centred.shrunk .basket-ico svg{width:22px;height:22px}

/* logo left, nav right */
.hdr-split .c-wrap{display:flex;align-items:center;justify-content:space-between;gap:36px;
  padding:18px 0 16px;text-align:left;transition:padding .18s ease}
.hdr-split .c-top{justify-content:flex-start;flex:0 0 auto}
.hdr-split .c-mark img{height:136px}
.hdr-split .c-nav{flex:1 1 auto}
.hdr-split .c-nav ul{justify-content:flex-end;gap:30px;padding:0;margin:0;align-items:center;flex-wrap:nowrap}
.hdr-split .c-util{position:static;order:3}
.hdr-split .winepanel{left:auto;right:0;transform:translate(0,-6px)}
.hdr-split .winepanel.open{transform:translate(0,0)}
.hdr-split.shrunk{padding-top:0}
.hdr-split.shrunk .c-wrap{padding:8px 0 7px}
.hdr-split.shrunk .c-mark img{height:48px}
.hdr-split.shrunk .c-nav ul{gap:28px;padding:0;margin:0}

.hdr-split .c-top{display:flex;align-items:center}

/* overlay */
.navover{position:fixed;inset:0;background:rgba(255,255,255,.985);z-index:200;display:none;align-items:center;justify-content:center}
.navover.open{display:flex}
.navover-in{display:flex;flex-direction:column;gap:4px;text-align:center}
.navover-in a{font:italic clamp(26px,5vw,40px) var(--serif);color:var(--sage);padding:8px 20px}
.navover-in a:hover{color:var(--ink);text-decoration:none}
.navclose{position:absolute;top:18px;right:24px;appearance:none;background:none;border:0;font:300 40px var(--serif);color:var(--sage);cursor:pointer;line-height:1}

.gap{background:#fdf0e3;border-bottom:1px dotted #DC6F2E;color:#9c4a12;font-style:italic;padding:0 3px}
.warnbox{background:#f4f7f6;border-left:3px solid var(--sage);padding:12px 14px;font-size:14px;margin:0 0 16px}
.content h2{margin-top:26px}
.content table.spec th{width:52%}
/* wine detail */
.tnote{display:grid;grid-template-columns:210px 1fr;gap:64px;align-items:stretch;padding:34px 0 10px}
.tnote-shot{position:relative;min-height:460px}
.tnote-shot img{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:100%;object-fit:contain}
.tnote-card{display:flex;flex-direction:column;min-width:0}
.tnote-range{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--pale);margin:0 0 6px}
.tnote-name{margin:0 0 18px;padding-bottom:10px;font-size:clamp(24px,3.2vw,32px);color:var(--sage);
  text-transform:uppercase;letter-spacing:5px;border-bottom:1px dotted var(--sage);font-weight:400}
.tnote-note{font-style:italic;font-size:17px;line-height:29px;color:var(--ink);margin:0 0 24px}
.spec-list{margin:0 0 auto}
.spec-row{display:grid;grid-template-columns:122px 1fr;gap:0 20px;padding:8px 0;border-bottom:1px dotted #d9dedd;align-items:start}
.spec-row:first-child{border-top:1px dotted #d9dedd}
.spec-row dt{color:var(--sage);font-size:14px;margin:0}
.spec-row dd{margin:0;color:var(--ink);font-size:14px;line-height:22px}
.tnote-foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--hair)}
.tnote-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.tnote-price .price{font-size:24px;color:var(--alt)}
.tnote-price .unit{font-size:14px;color:var(--pale)}
.tnote-price .perbottle{font-size:14px;color:var(--pale);font-style:italic;margin-left:auto}
.tnote-acts{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.btn-quiet{font-size:13px;color:var(--sage);border-bottom:1px dotted var(--sage);padding-bottom:2px}
.btn-quiet:hover{color:var(--ink);border-bottom-color:var(--ink);text-decoration:none}
.tnote-foot .terms{font-size:12px;color:var(--pale);font-style:italic;margin:14px 0 0;line-height:18px}
/* enquiry */
.enq-grid{display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:start;padding:28px 0 10px}
.enq-lede{font-style:italic;font-size:17px;line-height:29px;color:var(--ink);margin:0 0 30px}
.enq-label{font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--pale);margin:22px 0 5px}
.enq-note p{margin:0 0 4px;line-height:23px}
.enq{display:block}
.enq-row{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.enq label{display:block;margin:0 0 26px}
.enq label>span{display:block;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--sage);margin-bottom:7px}
.enq input,.enq textarea{width:100%;background:none;border:0;border-bottom:1px solid var(--hair);
  padding:7px 0 9px;font:16px var(--serif);color:var(--ink);transition:border-color .16s}
.enq textarea{resize:vertical;min-height:90px;line-height:26px}
.enq input:focus,.enq textarea:focus{outline:none;border-bottom-color:var(--sage)}
.enq input:focus+span{color:var(--ink)}
.enq-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.enq-send{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-top:4px}
.btn-wide{appearance:none;cursor:pointer;background:var(--sage);color:#fff;border:1px solid var(--sage);
  padding:13px 34px;font:12px var(--serif);letter-spacing:2.6px;text-transform:uppercase;transition:background .16s}
.btn-wide:hover{background:var(--deep)}
.enq-secure{display:flex;align-items:center;gap:7px;margin:0;font-size:11px;color:var(--pale);font-style:italic}
.enq-secure svg{flex:0 0 auto;opacity:.8}
.winecard{border:1px solid var(--hair);padding:18px;text-align:center;display:flex;flex-direction:column}
.winecard .btn{margin-top:auto;align-self:center}
.winecard .price{margin-bottom:16px}
.winecard img{height:auto;margin:0 auto;display:block}
.winecard.small img{max-width:52px}
.winecard p{font-size:13px;line-height:18px}
.price{color:var(--alt);font-size:18px}
.perbottle{color:var(--pale);font-size:13px;font-style:italic;display:block;margin-top:2px}.price small{color:var(--pale);font-size:13px}
.lede{font-size:18px;font-style:italic;color:var(--alt);line-height:28px}
.giftcard{width:70px;height:46px;margin:0 auto 12px;background:var(--sage);color:#fff;font-size:11px;line-height:1.2;display:flex;align-items:center;justify-content:center}
table.spec{width:100%;margin:22px 0;font-size:14px;border-collapse:collapse}
table.spec th{width:52%;padding:9px 10px 9px 0;color:var(--sage);text-align:left;font-weight:400;vertical-align:top;border:0;border-bottom:1px dotted var(--hair);background:none}
table.spec td{padding:9px 0;border:0;border-bottom:1px dotted var(--hair);vertical-align:top}
h1 .yrcount{font-size:12px;letter-spacing:2px;color:var(--alt);text-transform:none;font-style:italic}
.yearrail{display:flex;flex-wrap:wrap;gap:0;margin:0 0 4px;padding:2px 0 10px}
.yearrail .yr{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:7px 13px 6px;margin:0 2px 0 0;
  font:italic 18px var(--serif);color:var(--alt);cursor:pointer;line-height:1.2;transition:color .12s,border-color .12s}
.yearrail .yr span{display:block;font-style:normal;font-size:10px;letter-spacing:1.5px;color:var(--sage);margin-top:3px}
.yearrail .yr:hover{color:var(--ink)}
.yearrail .yr.on{color:var(--ink);border-bottom-color:var(--sage)}
.yearrail .yr.on span{color:var(--ink)}
.yearrail .yr.all{margin-left:auto}
.yrgap{font-size:13px;color:var(--alt);font-style:italic;margin:12px 0 22px;display:none}
.yrgap.show{display:block}
#blog-index{display:block}
.jentry{display:grid;grid-template-columns:300px 1fr;gap:0 36px;align-items:start;
  padding:34px 0;border-top:1px solid var(--hair)}
.jentry:first-of-type{padding-top:26px}
.jthumb{display:block}
.jthumb img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border:0;box-shadow:none}
.jthumb-none{display:block;aspect-ratio:3/2;background:var(--field)}
.jdate{display:block;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--pale);margin:0 0 10px}
.jentry h2{font:italic 23px var(--serif);margin:0 0 11px;border:0;padding:0;line-height:1.3}
.jentry h2 a{color:var(--sage)}
.jentry h2 a:hover{color:var(--ink);text-decoration:none}
.jentry .jx{margin:0 0 14px;color:var(--body)}
.jmore{font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--sage)}
.jmore:hover{color:var(--ink);text-decoration:none}

.jread{max-width:680px;margin:0 auto;padding-top:8px}
.jkicker{margin:0 0 26px;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;text-align:center}
.jkicker a{color:var(--pale)}
.jkicker a:hover{color:var(--ink)}
.jdate-lg{text-align:center;margin-bottom:12px}
.jtitle{font:italic 32px var(--serif);text-transform:none;letter-spacing:0;text-align:center;
  border:0;padding:0;margin:0 0 18px;color:var(--sage);line-height:1.25}
.jdiamond{display:block;width:7px;height:7px;background:var(--sage);transform:rotate(45deg);margin:0 auto 30px}
.jhero{margin:0 0 30px}
.jhero img{display:block;width:100%;height:auto;border:0;box-shadow:none}
.jbody p{margin:0 0 18px}
.jbody p:first-of-type{font-size:18px;line-height:1.75;color:var(--ink)}
.jlinks-h{margin-top:26px}
.jnav{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;padding-top:24px;
  border-top:1px solid var(--hair)}
.jnav a{font:italic 15px var(--serif);color:var(--sage);line-height:1.35}
.jnav a:hover{color:var(--ink);text-decoration:none}
.jnav span{display:block;font-style:normal;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;
  color:var(--pale);margin-bottom:6px}
.jnav .jnext{text-align:right}
.jnav .jprev:only-child{grid-column:1}
.jnav .jnext:only-child{grid-column:2}

.agenote{font-size:12px;color:var(--alt);font-style:italic;margin:26px 0 0}
.winecard .agenote{margin:0}
.wc-shot{display:flex;align-items:flex-end;justify-content:center;height:164px;margin-bottom:16px}
.wc-shot img{max-height:164px;max-width:100%;width:auto}
.winecard h4 a{color:inherit}
.winecard h4 a:hover{color:var(--ink);text-decoration:none}
.journal-image{border:3px solid #fff;width:100%;height:auto;display:block;box-shadow:0 4px 4px -2px var(--shadow)}
.journal-image.wide{max-width:440px;margin:10px 0 20px}
.jlinks{margin:34px 0 0;padding-top:22px;border-top:1px solid var(--hair)}
.jlinks-h{margin:0 0 12px;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--pale)}
.jlinks ul{list-style:none;margin:0;padding:0}
.jlinks li{margin:0 0 7px}
.jlinks a{font:italic 15px var(--serif);color:var(--sage)}
.jlinks a:hover{color:var(--ink);text-decoration:none}
.jback-foot{text-align:center;margin:34px 0 0;font-size:10px;letter-spacing:2.6px;text-transform:uppercase}
.jback-foot a{color:var(--pale)}
.jback-foot a:hover{color:var(--ink)}
ul.links{margin:0 0 20px 20px;font-size:14px}
footer{padding:34px 0 40px;background:#fff url(../../assets/img/bg-06.jpg) repeat-x 0 2px;font-size:14px}
footer ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:26px 0 18px;row-gap:4px}
footer li{padding:0;margin:0;line-height:22px}
.age-line{text-align:center;font-size:12px;font-style:italic;color:var(--alt);margin:0 0 8px}
footer li + li::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--pale);margin:0 11px;vertical-align:middle}
.copy-line{font-size:12px;line-height:20px;color:var(--pale);text-align:center;max-width:62ch;margin:0 auto;padding-top:16px;border-top:1px dotted var(--hair)}
.muted{font-size:12px;color:var(--pale);font-style:italic}
.flag{border-left:3px dotted var(--pale);padding-left:12px}
.note{background:var(--deep);color:#fff;font:13px/1.4 var(--serif);padding:8px 16px;text-align:center}
.live-tag{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--sage);border:1px dotted var(--sage);padding:2px 7px;margin-left:4px}
.basket{position:fixed;right:14px;bottom:14px;max-width:340px;line-height:1.5;background:var(--deep);color:#fff;padding:10px 16px;font-size:13px;display:none}
@media (max-width:860px){
 .hero-wine,.vineyard-split,.buy-split,.split,.split.narrow,.process,.grid3,#blog-index,.jhome,.pagecols,.tnote,.enq-grid,.enq-row{grid-template-columns:1fr;grid-template-rows:none}
 .jhome .jentry-home{display:block}
 .jhome .jentry-home .jtext{display:block}
 .tnote-shot{min-height:0;height:300px}
 .tnote-shot img{position:static;transform:none;margin-inline:auto}
 .spec-row{grid-template-columns:1fr}
 .spec-row dt{font-style:italic}
 .jentry{grid-template-columns:1fr;gap:16px}
 .jnav{grid-template-columns:1fr}
 .jnav .jnext{text-align:left}
 .journal-image.img-right{float:none;width:100%;max-width:100%;margin:10px 0 18px}
 .slideshow{aspect-ratio:4/3}
 .hero-wine,.vineyard-split,.buy-split{background-image:none;padding-top:10px}
 .hero-wine .shot img{max-width:260px}
 .topbar,.footsoc,footer ul{justify-content:center}
 .mainnav{display:none}

 .burger{display:block}
 .c-mark img{height:76px}
 .hdr-centred{padding:0}
 .winepanel{display:none}
 .c-util{top:50%;transform:translateY(-50%)}
 .hdr-centred.shrunk .c-util{top:50%}nav li{margin:0 6px}
 /* phone header: the .hdr-split desktop rules out-specify the plain ones
    above, so every mobile override here has to carry .hdr-split too */
 /* symmetric padding: .hdr-centred and .c-wrap both used to lean 2px top-heavy,
    which stacked to 4px and left the logo sitting visibly high in the bar */
 .hdr-split .c-wrap{gap:12px;padding:20px 0}
 .hdr-split .c-mark img{height:62px}
 .hdr-split.shrunk{padding:0}
 .hdr-split.shrunk .c-wrap{padding:9px 0}
 .hdr-split.shrunk .c-mark img{height:40px}
 .hdr-split .c-util{position:static;top:auto;transform:none;align-self:center}
 .burger{padding:10px 4px 10px 10px}
 .navover{background:#fff}
 .navover-in{gap:2px}
 .navover-in a{padding:11px 20px}
 .navclose{top:14px;right:12px}
 .jhome .jentry-home{display:block}
 .jhome .jentry-home .jtext{display:block}
 .jhome .jentry-home h2{min-height:0;display:block}
 .hero-wine .copy,.buy-split .copy{padding-top:0}
 .vineyard-split > div:first-child{padding-top:0}
 .brandrow{flex-direction:column;align-items:center}
 h1 .btn.float{float:none;display:block;width:max-content;margin-top:10px}
 blockquote{padding-left:22px}blockquote div{padding-right:22px}}