/* Scotch Racer — shared stylesheet. No inline styles are used anywhere in the site. */
:root{
  --ink:#0D0E0C;--racing:#12291F;--racing-2:#1B3A2C;--parchment:#EFE7D6;--muted:#A79F8E;
  --amber:#B9772F;--brass:#C8A45E;--signal:#B3261E;
  /* derived, AA-checked: --ink-2 on parchment 7.6:1, --brass-deep on parchment 5.2:1 */
  --ink-2:#4B463C;--brass-deep:#7A5A22;--rule:rgba(200,164,94,.32);--rule-strong:rgba(200,164,94,.6);
  --display:'Cormorant Garamond','Cormorant',Garamond,'Times New Roman',serif;
  --text:'Instrument Sans','Helvetica Neue',Helvetica,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  --ease:cubic-bezier(.2,.7,0,1);
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s8:64px;--s10:80px;--s12:96px;--s15:120px;--s20:160px;
  --section:clamp(96px,13vw,192px);
  --gutter:clamp(20px,4vw,48px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--ink);scroll-padding-top:96px}
@media (prefers-reduced-motion:no-preference){html:not([data-motion="reduce"]){scroll-behavior:smooth}}
body{margin:0;background:var(--ink);color:var(--parchment);font:400 17px/1.65 var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;background:url(grain.svg) repeat;opacity:.045;mix-blend-mode:overlay}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-color:var(--rule-strong);text-underline-offset:.22em;text-decoration-thickness:1px;transition:color .3s var(--ease),text-decoration-color .3s var(--ease)}
a:hover{color:var(--brass);text-decoration-color:var(--brass)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.light :focus-visible{outline-color:var(--brass-deep)}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
::selection{background:var(--brass);color:var(--ink)}

.skip{position:fixed;left:16px;top:-120px;z-index:200;padding:14px 22px;background:var(--brass);color:var(--ink);font-weight:500;text-decoration:none}
.skip:focus{top:16px;color:var(--ink)}

/* ---------- Layout ---------- */
.wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.section{padding-top:var(--section);padding-bottom:var(--section);position:relative}
.on-racing{background:var(--racing)}
.light{background:var(--parchment);color:var(--ink)}
.light a:hover{color:var(--brass-deep)}

/* ---------- Type ---------- */
.lead-in{font:italic 500 clamp(19px,1.6vw,23px)/1.3 var(--display);color:var(--brass);margin-bottom:var(--s3);letter-spacing:.005em}
.light .lead-in{color:var(--brass-deep)}
.h2{font:500 clamp(40px,5.6vw,84px)/1.0 var(--display);letter-spacing:-.012em}
.h2 em{font-style:italic}
.h3{font:500 clamp(26px,2.4vw,34px)/1.12 var(--display)}
.label{font:400 12px/1.4 var(--mono);letter-spacing:.06em;color:var(--muted)}
.light .label{color:var(--ink-2)}
.prose{max-width:62ch;color:var(--parchment)}
.prose p+p{margin-top:1.1em}
.muted{color:var(--muted)}
.light .muted{color:var(--ink-2)}
.fine{font-size:13px;line-height:1.6;color:var(--muted)}
.light .fine{color:var(--ink-2)}
.big-lede{font:500 clamp(26px,2.8vw,40px)/1.22 var(--display);max-width:26ch}

/* Line reveal headlines */
.lines .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.lines .ln>span{display:inline-block}
.motion .lines .ln>span{transform:translateY(105%);opacity:0;transition:transform .7s var(--ease),opacity .7s var(--ease)}
.motion .lines.in .ln>span{transform:none;opacity:1}
.motion .lines.in .ln:nth-child(2)>span{transition-delay:.08s}
.motion .lines.in .ln:nth-child(3)>span{transition-delay:.16s}
.motion .lines.in .ln:nth-child(4)>span{transition-delay:.24s}
.motion .lines.in .ln:nth-child(5)>span{transition-delay:.32s}
.motion .rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.motion .rv.in{opacity:1;transform:none}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 28px;border:1px solid var(--brass);background:transparent;color:var(--parchment);font:500 15px/1 var(--text);letter-spacing:.02em;text-decoration:none;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.btn:hover{background:var(--brass);color:var(--ink)}
.btn-solid{background:var(--brass);color:var(--ink)}
.btn-solid:hover{background:var(--parchment);border-color:var(--parchment);color:var(--ink)}
.light .btn{color:var(--ink);border-color:var(--ink)}
.light .btn:hover{background:var(--ink);color:var(--parchment)}
.light .btn-solid{background:var(--ink);color:var(--parchment)}
.light .btn-solid:hover{background:var(--brass-deep);border-color:var(--brass-deep)}
.btn[disabled]{opacity:.6;cursor:progress}
.textlink{display:inline-flex;align-items:center;min-height:44px;gap:10px;color:var(--parchment);text-decoration:underline;text-decoration-color:var(--rule-strong)}
.light .textlink{color:var(--ink)}

/* ---------- Age gate ---------- */
.gate{display:none}
.gate-open .gate{display:flex}
.gate{position:fixed;inset:0;z-index:300;background:var(--ink);align-items:center;justify-content:center;padding:var(--gutter);text-align:center}
.gate::before{content:"";position:absolute;inset:clamp(12px,2.5vw,32px);border:1px solid var(--rule);pointer-events:none}
.gate-in{max-width:760px;display:flex;flex-direction:column;align-items:center;gap:var(--s5);position:relative}
.gate-mark{width:72px;height:72px}
.gate p{font:italic 500 clamp(30px,4.4vw,56px)/1.12 var(--display)}
.gate-actions{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center}
.gate-actions .btn{min-width:200px}
.gate-open body{overflow:hidden}

/* ---------- Header ---------- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background-color .5s var(--ease),border-color .5s var(--ease);border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(13,14,12,.92);border-bottom-color:var(--rule)}
@supports (backdrop-filter:blur(8px)){.site-header.scrolled{background:rgba(13,14,12,.78);backdrop-filter:blur(14px) saturate(1.1)}}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:84px}
.brand{position:relative;display:inline-flex;align-items:center;height:48px;min-width:48px;text-decoration:none;color:var(--parchment)}
.brand:hover{color:var(--parchment)}
.brand .word{font:600 26px/1 var(--display);letter-spacing:.01em;white-space:nowrap;transition:opacity .45s var(--ease),transform .6s var(--ease);transform-origin:left center}
.brand .word i{font-style:italic;font-weight:500}
.brand .mono{position:absolute;left:0;top:0;width:48px;height:48px;opacity:0;transform:scale(.7);transition:opacity .45s var(--ease),transform .6s var(--ease)}
.scrolled .brand .word{opacity:0;transform:translateX(-8px) scale(.92)}
.scrolled .brand .mono{opacity:1;transform:none}
.nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,36px)}
.nav ul{display:flex;list-style:none;gap:clamp(16px,2.2vw,32px)}
.nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:none;color:var(--parchment);position:relative}
.nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.nav ul a:hover::after,.nav ul a[aria-current]::after{transform:scaleX(1)}
.nav ul a:hover{color:var(--parchment)}
.hdr .btn{min-height:44px;padding:0 20px;font-size:14px}
.menu-btn{display:none;min-height:44px;min-width:44px;padding:0 14px;background:none;border:1px solid var(--rule-strong);color:var(--parchment);font-size:14px}
@media (max-width:900px){
  .menu-btn{display:inline-flex;align-items:center}
  .nav ul{display:none}
  .nav.open ul{display:flex;position:fixed;top:84px;left:0;right:0;flex-direction:column;gap:0;background:var(--ink);border-bottom:1px solid var(--rule);padding:8px var(--gutter) 24px}
  .nav.open ul a{min-height:56px;font:500 28px/1 var(--display);width:100%;border-bottom:1px solid var(--rule)}
  .nav.open ul a::after{display:none}
}
@media (max-width:420px){.hdr .btn{padding:0 14px}.brand .word{font-size:22px}}

/* ---------- Chequer divider (dividers only) ---------- */
.chequer{height:8px;background:url(chequer.svg) repeat-x left center;background-size:12px 8px;opacity:.55;width:96px}
.chequer.wide{width:100%;opacity:.28}

/* ---------- Hero ---------- */
.hero{min-height:100vh;min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding-top:132px;padding-bottom:var(--s10)}
.speed{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.speed svg{position:absolute;top:0;left:-50%;width:200%;height:100%;max-width:none}
.motion .speed svg{animation:drift 40s linear infinite}
@keyframes drift{to{transform:translateX(25%)}}
.hero .grid{align-items:center;position:relative;width:100%}
.hero-copy{grid-column:1 / span 8;position:relative;z-index:2}
.hero h1{font:italic 500 clamp(52px,8.6vw,138px)/.94 var(--display);letter-spacing:-.022em;margin-left:-.04em}
.hero h1 .ln:nth-child(2){padding-left:.9em}
.hero h1 .ln:nth-child(4){padding-left:.45em}
.hero .sub{margin-top:var(--s5);max-width:34ch;font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:var(--parchment)}
.paths{margin-top:var(--s5);display:flex;flex-wrap:wrap;gap:var(--s2)}
.hero-bottle{grid-column:9 / span 4;position:relative;z-index:1;justify-self:center;width:100%;max-width:300px}
.hero-bottle svg{width:100%;height:auto}
.hero-bottle figcaption{margin-top:var(--s2);text-align:center}
.hero-foot{position:absolute;left:0;right:0;bottom:28px}
.hero-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}
@media (max-width:900px){
  .hero{min-height:auto;padding-top:120px}
  .hero-copy{grid-column:1 / -1}
  .hero-bottle{grid-column:1 / -1;max-width:220px;margin-top:var(--s8);justify-self:start}
  .hero-foot{display:none}
  .hero h1 .ln:nth-child(2),.hero h1 .ln:nth-child(4){padding-left:0}
}

/* ---------- Bottles (engraved SVG) ---------- */
.bt .ol{fill:none;stroke:var(--brass);stroke-width:1.3;stroke-linejoin:round}
.bt .ht{stroke:var(--brass);stroke-width:.55;opacity:.62}
.bt .ht2{stroke:var(--brass);stroke-width:.5;opacity:.35}
.bt .hl{fill:none;stroke:var(--parchment);stroke-width:1.1;opacity:.35;stroke-linecap:round}
.bt .liq{fill:var(--liq,var(--amber));opacity:.9}
.bt .men{fill:none;stroke:var(--brass);stroke-width:.9;opacity:.9}
.bt .lab{fill:var(--ink);stroke:var(--brass);stroke-width:.8}
.bt .lab2{fill:none;stroke:var(--brass);stroke-width:.4}
.bt .lt{fill:var(--brass);font-family:var(--display);font-style:italic;font-weight:500;text-anchor:middle}
.bt .ls{fill:var(--muted);font-family:var(--mono);font-size:6.5px;letter-spacing:.12em;text-anchor:middle}
.bt .shadow{fill:var(--ink);opacity:.5}
.light .bt .ol,.light .bt .ht,.light .bt .ht2,.light .bt .men{stroke:var(--brass-deep)}
.light .bt .lab{fill:var(--parchment);stroke:var(--brass-deep)}
.light .bt .lt{fill:var(--brass-deep)}
.light .bt .shadow{fill:var(--ink);opacity:.12}
.liq-1{--liq:#C98A3D}.liq-2{--liq:#B9772F}.liq-3{--liq:#9A5A22}.liq-4{--liq:#7C4317}.liq-5{--liq:#5E2E0F}
.liq-w1{--liq:#5A1624}.liq-w2{--liq:#481220}.liq-w3{--liq:#6A1E2A}
.bt .liq-g{transition:transform .7s var(--ease)}

/* Photo slot: real photo sits above the engraved fallback, revealed only once it loads */
.slot{position:relative;aspect-ratio:4/5;background:var(--racing-2);overflow:hidden;isolation:isolate}
.slot::before{content:"";position:absolute;inset:0;background:url(guilloche.svg) center/140% no-repeat;opacity:.18;z-index:-1}
.slot .fb{position:absolute;inset:8% 22% 6%;display:flex;align-items:flex-end;justify-content:center}
.slot .fb svg{height:100%;width:auto}
.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;color:transparent;font-size:0}
.js .slot img{opacity:0;transition:opacity .7s var(--ease)}
.js .slot img.is-loaded{opacity:1}
.slot.wide{aspect-ratio:16/10}
.slot.wide .fb{inset:10% 38% 6%}

/* ---------- Statement (dates as image) ---------- */
.statement .grid{row-gap:var(--s10)}
.dates{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--s8)}
.date{border-top:1px solid var(--rule);padding-top:var(--s3)}
.date .yr{display:block;font:500 clamp(96px,17vw,248px)/.82 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--brass);margin:var(--s3) 0 var(--s3) -.04em}
.date:nth-child(2){margin-top:clamp(0px,12vw,180px)}
.date p{max-width:34ch}
.statement .closing{grid-column:3 / span 8;text-align:center}
.statement .closing .big-lede{margin:0 auto;max-width:24ch}
@supports not (-webkit-text-stroke:1px black){.date .yr{color:var(--brass)}}
@media (max-width:700px){.dates{grid-template-columns:1fr}.date:nth-child(2){margin-top:0}.statement .closing{grid-column:1 / -1}}

/* ---------- Example hunt tracker ---------- */
.hunt-head{grid-column:1 / span 6}
.hunt-note{grid-column:8 / span 5;align-self:end}
.tracker{grid-column:1 / -1;margin-top:var(--s10)}
.track-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);list-style:none}
.track-rail::before{content:"";position:absolute;left:0;right:0;top:21px;height:1px;background:var(--rule)}
.track-fill{position:absolute;left:0;right:0;top:21px;height:1px;background:var(--brass);transform-origin:left;transform:scaleX(0);transition:transform .7s var(--ease)}
.track-rail button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;min-height:44px;padding:0 8px 0 0;background:none;border:0;text-align:left;color:var(--muted)}
.track-rail .dot{width:43px;height:43px;border-radius:50%;border:1px solid var(--rule-strong);background:var(--ink);display:grid;place-items:center;transition:border-color .4s var(--ease),background-color .4s var(--ease)}
.track-rail .dot::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--rule-strong);transition:background-color .4s var(--ease),transform .4s var(--ease)}
.track-rail .st{font:400 12px/1.3 var(--mono);letter-spacing:.14em}
.track-rail button[aria-selected="true"]{color:var(--parchment)}
.track-rail button[aria-selected="true"] .dot{border-color:var(--brass)}
.track-rail button[aria-selected="true"] .dot::after{background:var(--signal);transform:scale(1.4)}
.track-rail button.done .dot::after{background:var(--brass)}
.track-panel{margin-top:var(--s6);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;border-top:1px solid var(--rule);padding-top:var(--s5)}
.track-panel .label{grid-column:1 / span 3}
.track-panel h3{grid-column:4 / span 4}
.track-panel p{grid-column:8 / span 5;color:var(--parchment)}
@media (max-width:800px){
  .hunt-head,.hunt-note{grid-column:1 / -1}.hunt-note{margin-top:var(--s3)}
  .track-rail .st{font-size:10px;letter-spacing:.06em}
  .track-rail .dot{width:36px;height:36px}.track-rail::before,.track-fill{top:18px}
  .track-panel .label,.track-panel h3,.track-panel p{grid-column:1 / -1;margin-bottom:var(--s2)}
}
@media (max-width:480px){.track-rail .st{writing-mode:vertical-rl;transform:rotate(180deg);height:92px}}

/* ---------- Cellar ---------- */
.cellar-head{grid-column:1 / span 7}
.cellar-ctl{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--s3);margin-top:var(--s8);padding-bottom:var(--s3);border-bottom:1px solid var(--rule)}
.tabs{display:flex;gap:var(--s4)}
.tabs button{min-height:52px;background:none;border:0;padding:0;font:500 clamp(30px,3vw,44px)/1 var(--display);color:var(--muted);position:relative}
.tabs button[aria-selected="true"]{color:var(--parchment);font-style:italic}
.tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:1px;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.tabs button[aria-selected="true"]::after{transform:scaleX(1)}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.filters button{min-height:44px;padding:0 18px;background:none;border:1px solid var(--rule);color:var(--parchment);font-size:14px;border-radius:999px;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.filters button[aria-pressed="true"]{background:var(--parchment);border-color:var(--parchment);color:var(--ink)}
.count{grid-column:1 / -1;margin-top:var(--s2)}
.panel{grid-column:1 / -1;margin-top:var(--s6)}
.bottles{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s8) 24px}
.bottles>li:nth-child(4n+2),.bottles>li:nth-child(4n+4){margin-top:var(--s10)}
.bottles>li.is-hidden{display:none}
.card{position:relative;display:flex;flex-direction:column;gap:var(--s2)}
.card .slot{transition:transform .7s var(--ease)}
.card:hover .slot{transform:translateY(-6px)}
.card .house{margin-top:var(--s1)}
.card h3{font:500 clamp(24px,2vw,30px)/1.1 var(--display)}
.card p{font-size:15px;line-height:1.55;color:var(--muted)}
.card .open{align-self:flex-start;min-height:44px;padding:0;background:none;border:0;border-bottom:1px solid var(--rule-strong);color:var(--parchment);font-size:14px;margin-top:var(--s1)}
.card .open::before{content:"";position:absolute;inset:0;z-index:1}
.card .open:focus-visible{outline:none}
.card:has(.open:focus-visible){outline:2px solid var(--brass);outline-offset:8px}
.card .open:hover{border-color:var(--brass)}
@media (max-width:1000px){.bottles{grid-template-columns:repeat(2,minmax(0,1fr))}.bottles>li:nth-child(4n+4){margin-top:0}.bottles>li:nth-child(2n){margin-top:var(--s10)}}
@media (max-width:560px){.bottles{grid-template-columns:1fr 1fr;gap:var(--s5) 14px}.bottles>li:nth-child(2n){margin-top:var(--s6)}.card h3{font-size:22px}.card p{font-size:14px}.cellar-head{grid-column:1 / -1}}

/* Age-in-cask scale */
.scale{grid-column:1 / -1;margin-top:var(--section);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;border-top:1px solid var(--rule);padding-top:var(--s8)}
.scale-read{grid-column:1 / span 4}
.scale-num{font:italic 500 clamp(120px,15vw,220px)/.8 var(--display);letter-spacing:-.04em;display:flex;align-items:baseline;gap:.08em}
.scale-num small{font:400 14px/1 var(--mono);letter-spacing:.06em;font-style:normal;color:var(--muted)}
.scale-body{grid-column:6 / span 7}
.scale-body h3{margin-bottom:var(--s2)}
.scale-out{min-height:5.2em;margin-top:var(--s3);color:var(--parchment)}
.scale-out strong{font-weight:500;color:var(--brass)}
.range{position:relative;margin-top:var(--s4)}
.range input{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:0;cursor:ew-resize}
.range input::-webkit-slider-runnable-track{height:1px;background:var(--rule-strong)}
.range input::-moz-range-track{height:1px;background:var(--rule-strong)}
.range input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--ink);border:1px solid var(--brass);box-shadow:inset 0 0 0 6px var(--ink),inset 0 0 0 14px var(--brass)}
.range input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--brass);border:6px solid var(--ink);outline:1px solid var(--brass)}
.range input:focus-visible{outline-offset:6px}
.ticks{position:relative;height:28px;list-style:none}
.ticks li{position:absolute;top:0;transform:translateX(-50%);font:400 11px/1 var(--mono);color:var(--muted);padding-top:10px}
.ticks li::before{content:"";position:absolute;top:0;left:50%;width:1px;height:6px;background:var(--brass)}
.t3{left:calc(14px + (100% - 28px) * 0)}.t12{left:calc(14px + (100% - 28px) * .1731)}.t18{left:calc(14px + (100% - 28px) * .2885)}.t25{left:calc(14px + (100% - 28px) * .4231)}.t30{left:calc(14px + (100% - 28px) * .5192)}.t55{left:calc(14px + (100% - 28px) * 1)}
@media (max-width:800px){.scale-read,.scale-body{grid-column:1 / -1}.scale-body{margin-top:var(--s4)}}

/* ---------- Provenance File dialog ---------- */
.dossier{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--brass);background:var(--racing);color:var(--parchment);overflow:auto}
.dossier::backdrop{background:rgba(5,6,5,.82)}
.motion .dossier[open]{animation:dz .5s var(--ease)}
@keyframes dz{from{opacity:0;transform:translateY(16px) scale(.985)}}
.dz{display:grid;grid-template-columns:5fr 7fr}
.dz-art{position:relative;background:var(--racing-2);border-right:1px solid var(--rule);display:flex;flex-direction:column;justify-content:space-between;padding:var(--s4);min-height:100%;overflow:hidden}
.dz-art::before{content:"";position:absolute;inset:-20%;background:url(guilloche.svg) center/cover no-repeat;opacity:.45}
.dz-art>*{position:relative}
.dz-art .fb{height:300px;display:flex;justify-content:center}
.dz-art .fb svg{height:100%;width:auto}
.seal{width:84px;height:84px;align-self:flex-end}
.dz-body{padding:var(--s5) var(--s5) var(--s4)}
.dz-top{display:flex;justify-content:space-between;align-items:start;gap:var(--s2)}
.dz-body h2{font:500 clamp(32px,3.4vw,46px)/1.04 var(--display);margin-top:var(--s1)}
.dz-x{flex:none;width:44px;height:44px;border:1px solid var(--rule-strong);background:none;color:var(--parchment);display:grid;place-items:center}
.dz-x:hover{border-color:var(--brass)}
.dz-fields{margin-top:var(--s4);border-top:1px solid var(--rule)}
.dz-fields div{display:grid;grid-template-columns:150px 1fr;gap:var(--s2);padding:12px 0;border-bottom:1px solid var(--rule)}
.dz-fields dt{font:400 11px/1.6 var(--mono);letter-spacing:.12em;color:var(--muted);padding-top:2px}
.dz-fields dd{font:400 14px/1.6 var(--mono);color:var(--parchment);min-height:1.6em}
.dz-fields .status{display:inline-flex;align-items:center;gap:10px}
.dz-fields .status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--signal);flex:none}
.caret::after{content:"";display:inline-block;width:.55em;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--brass);opacity:.8}
.dz-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.dz-actions .btn{flex:1 1 220px}
.dz-note{margin-top:var(--s3)}
@media (max-width:760px){.dz{grid-template-columns:1fr}.dz-art{border-right:0;border-bottom:1px solid var(--rule);flex-direction:row;align-items:end;padding:var(--s3)}.dz-art .fb{height:180px}.seal{width:64px;height:64px}.dz-body{padding:var(--s3)}.dz-fields div{grid-template-columns:1fr;gap:2px}}

/* ---------- Method stepper ---------- */
.method-head{grid-column:1 / span 7}
.method-body{grid-column:1 / -1;margin-top:var(--s12);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.rail{grid-column:1 / span 3;position:sticky;top:120px;align-self:start;display:flex;gap:var(--s3)}
.rail-line{position:relative;width:1px;background:var(--rule);flex:none}
.rail-fill{position:absolute;inset:0;background:var(--brass);transform-origin:top;transform:scaleY(0);transition:transform .6s var(--ease)}
.rail ol{list-style:none;display:flex;flex-direction:column;gap:var(--s3)}
.rail a{display:flex;align-items:baseline;gap:14px;min-height:44px;text-decoration:none;color:var(--muted);font-size:15px;transition:color .4s var(--ease)}
.rail a .n{font:400 12px/1 var(--mono)}
.rail a.active{color:var(--parchment)}
.rail a.active .n{color:var(--brass)}
.steps{grid-column:5 / span 8;list-style:none}
.step{min-height:62vh;padding:var(--s4) 0 var(--s10);border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:24px}
.step:last-child{min-height:0}
.step .k{grid-column:1 / span 2;font:italic 500 clamp(64px,7vw,112px)/.85 var(--display);color:transparent;-webkit-text-stroke:1px var(--brass)}
.step .c{grid-column:3 / span 6}
.step h3{margin-bottom:var(--s2)}
.step p{color:var(--parchment);max-width:52ch}
.step p+p{margin-top:var(--s2)}
@media (max-width:900px){.rail{display:none}.steps{grid-column:1 / -1}.step{min-height:0;padding-bottom:var(--s8)}.step .k{grid-column:1 / -1;margin-bottom:var(--s3)}.step .c{grid-column:1 / -1}}

/* ---------- Sell ---------- */
.sell-head{grid-column:1 / span 6}
.sell-need{grid-column:8 / span 5;align-self:end}
.need{list-style:none;border-top:1px solid var(--ink-2)}
.need li{display:grid;grid-template-columns:120px 1fr;gap:var(--s2);padding:14px 0;border-bottom:1px solid rgba(75,70,60,.35);font-size:16px}
.need li .label{padding-top:4px}
.routes{grid-column:1 / -1;margin-top:var(--s12);display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}
.route{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;gap:var(--s3)}
.route+.route{border-left:1px solid var(--ink)}
.route h3{font:500 clamp(30px,3vw,44px)/1.05 var(--display)}
.route h3 em{display:block;font-style:italic;color:var(--brass-deep)}
.route p{color:var(--ink);max-width:44ch}
.route .figure{font:italic 500 clamp(64px,7vw,104px)/.9 var(--display);letter-spacing:-.03em;color:var(--ink)}
.route .figure small{display:block;font:400 12px/1.5 var(--mono);letter-spacing:.06em;color:var(--ink-2);font-style:normal;margin-top:10px}
.route ul{list-style:none;border-top:1px solid rgba(75,70,60,.35);margin-top:auto}
.route li{padding:10px 0;border-bottom:1px solid rgba(75,70,60,.35);font-size:15px}
.assess{grid-column:1 / span 7;margin-top:var(--s8)}
.assess p{max-width:60ch}
.disclaimer{grid-column:1 / span 8;margin-top:var(--s4)}
@media (max-width:860px){.sell-head,.sell-need,.assess,.disclaimer{grid-column:1 / -1}.sell-need{margin-top:var(--s6)}.routes{grid-template-columns:1fr}.route+.route{border-left:0;border-top:1px solid var(--ink)}.need li{grid-template-columns:1fr;gap:2px}}

/* ---------- Founder ---------- */
.founder .slot{grid-column:1 / span 4;aspect-ratio:4/5}
.founder-copy{grid-column:6 / span 6;align-self:center}
.founder-copy blockquote p{font:500 clamp(24px,2.3vw,32px)/1.38 var(--display)}
.founder-copy blockquote p+p{margin-top:var(--s3)}
.sig{margin-top:var(--s5);display:flex;align-items:center;gap:var(--s3)}
.sig svg{width:120px;height:auto}
.sig .who{font-size:15px}
.sig .who span{display:block;color:var(--muted);font-size:14px}
@media (max-width:860px){.founder .slot{grid-column:1 / span 8;max-width:360px}.founder-copy{grid-column:1 / -1;margin-top:var(--s6)}}

/* ---------- Journal ---------- */
.journal-head{grid-column:1 / span 6}
.jlist{grid-column:1 / -1;margin-top:var(--s10);list-style:none;border-top:1px solid var(--rule)}
.jlist li{border-bottom:1px solid var(--rule)}
.jlist a{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:baseline;padding:var(--s4) 0;text-decoration:none;color:var(--parchment)}
.jlist .label{grid-column:1 / span 2}
.jlist .t{grid-column:3 / span 6;font:500 clamp(30px,3.6vw,54px)/1.02 var(--display);transition:transform .6s var(--ease)}
.jlist .d{grid-column:9 / span 4;color:var(--muted);font-size:15px}
.jlist a:hover .t{transform:translateX(16px);font-style:italic}
.jlist a:hover{color:var(--parchment)}
@media (max-width:800px){.jlist .label,.jlist .t,.jlist .d{grid-column:1 / -1}.jlist .t{margin:6px 0 10px}}

/* ---------- FAQ ---------- */
.faq-head{grid-column:1 / span 4}
.faq-list{grid-column:6 / span 7}
.faq-list details{border-bottom:1px solid var(--rule)}
.faq-list details:first-child{border-top:1px solid var(--rule)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s3);min-height:72px;padding:var(--s2) 0;cursor:pointer;font:500 clamp(21px,1.9vw,26px)/1.25 var(--display)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--brass),var(--brass)) center/14px 1px no-repeat,linear-gradient(var(--brass),var(--brass)) center/1px 14px no-repeat;transition:transform .5s var(--ease)}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list .a{padding:0 0 var(--s4);max-width:58ch;color:var(--parchment)}
.light .faq-list details,.light .faq-list details:first-child{border-color:rgba(75,70,60,.4)}
.light .faq-list summary::after{background:linear-gradient(var(--ink),var(--ink)) center/14px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1px 14px no-repeat}
.light .faq-list .a{color:var(--ink)}
@media (max-width:860px){.faq-head,.faq-list{grid-column:1 / -1}.faq-list{margin-top:var(--s6)}}

/* ---------- Enquiry ---------- */
.enq-side{grid-column:1 / span 4}
.enq-main{grid-column:6 / span 7}
.progress{list-style:none;margin-top:var(--s6);border-top:1px solid var(--rule)}
.progress li{display:flex;gap:var(--s2);align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule);color:var(--muted);font-size:15px}
.progress li .label{width:28px}
.progress li[aria-current="step"]{color:var(--parchment)}
.progress li[aria-current="step"] .label{color:var(--brass)}
.progress li.done{color:var(--parchment)}
.dm{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--rule)}
.dm p{font-size:15px;color:var(--muted)}
.form{position:relative}
.form fieldset{border:0;padding:0;margin:0;min-width:0}
.form legend{padding:0;font:500 clamp(32px,3.2vw,46px)/1.05 var(--display);margin-bottom:var(--s5)}
.form legend .label{display:block;margin-bottom:var(--s2)}
.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.choice{position:relative}
.choice input{position:absolute;opacity:0;width:1px;height:1px}
.choice label{display:flex;flex-direction:column;gap:10px;min-height:160px;padding:var(--s3);border:1px solid var(--rule-strong);cursor:pointer;transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.choice label b{font:italic 500 32px/1 var(--display)}
.choice label span{font-size:14px;color:var(--muted);line-height:1.5}
.choice input:checked+label{border-color:var(--brass);background:var(--racing-2)}
.choice input:focus-visible+label{outline:2px solid var(--brass);outline-offset:3px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.fields .full{grid-column:1 / -1}
.field{display:flex;flex-direction:column;gap:8px}
.field>label,.fgroup legend{font-size:14px;color:var(--parchment)}
.field .opt{color:var(--muted)}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--rule-strong);border-radius:0;color:var(--parchment);font-size:17px;transition:border-color .3s var(--ease)}
.field select{appearance:none;-webkit-appearance:none;padding-right:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C8A45E'/%3E%3C/svg%3E") right 4px center no-repeat}
.field select option{background:var(--racing);color:var(--parchment)}
.field textarea{min-height:104px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--brass)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.field [aria-invalid="true"]{border-bottom-color:#E8A898}
.field ::placeholder{color:rgba(167,159,142,.7)}
.err{font-size:14px;color:#F0B8A8}
.err:empty{display:none}
.fgroup{border:0;padding:0;margin:0}
.fgroup legend{margin-bottom:12px;font:400 14px/1.4 var(--text)}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.check{position:relative}
.check input{position:absolute;opacity:0;width:1px;height:1px}
.check label{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--rule-strong);border-radius:999px;font-size:14px;cursor:pointer;transition:background-color .3s var(--ease),color .3s var(--ease)}
.check input:checked+label{background:var(--parchment);color:var(--ink);border-color:var(--parchment)}
.check input:focus-visible+label{outline:2px solid var(--brass);outline-offset:3px}
.for-sell{display:contents}
.step-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid var(--rule)}
.step-nav .back{min-height:44px;background:none;border:0;padding:0 4px;color:var(--muted);text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:.22em}
.step-nav .back:hover{color:var(--parchment)}
.review{border-top:1px solid var(--rule)}
.review div{display:grid;grid-template-columns:160px 1fr;gap:var(--s2);padding:12px 0;border-bottom:1px solid var(--rule)}
.review dt{font:400 11px/1.7 var(--mono);letter-spacing:.1em;color:var(--muted)}
.review dd{font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}
.review-disc{margin-top:var(--s3)}
.form-msg{margin-top:var(--s3);font-size:15px;color:#F0B8A8}
.form-msg:empty{display:none}
.form-msg a{color:var(--parchment)}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.done-panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);padding:var(--s6) 0}
.done-panel h3{font:italic 500 clamp(40px,4.4vw,64px)/1 var(--display)}
.done-panel h3:focus{outline:none}
.done-panel .seal{width:112px;height:112px;align-self:flex-start}
.motion .done-panel .seal{animation:stamp .7s var(--ease) both}
@keyframes stamp{from{opacity:0;transform:scale(1.5) rotate(-12deg)}}
@media (max-width:900px){.enq-side,.enq-main{grid-column:1 / -1}.enq-main{margin-top:var(--s8)}}
@media (max-width:600px){.choices{grid-template-columns:1fr}.choice label{min-height:0}.fields{grid-template-columns:1fr}.review div{grid-template-columns:1fr;gap:2px}}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);border-top:1px solid var(--rule);padding:var(--s12) 0 var(--s5);position:relative}
.ft-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:var(--s6)}
.ft-word{grid-column:1 / span 6;font:500 clamp(56px,8vw,128px)/.88 var(--display);letter-spacing:-.025em}
.ft-word i{font-weight:500}
.ft-cols{grid-column:8 / span 5;display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.ft-cols ul{list-style:none;display:flex;flex-direction:column}
.ft-cols a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;text-decoration:none;color:var(--parchment)}
.ft-cols a:hover{color:var(--brass)}
.ft-cols .label{margin-bottom:var(--s1)}
.glyph{width:18px;height:18px;flex:none;fill:none;stroke:var(--brass);stroke-width:1.4}
.glyph .f{fill:var(--brass);stroke:none}
.ft-legal{margin-top:var(--s10);padding-top:var(--s3);border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s2) var(--s4);font-size:13px;color:var(--muted)}
.ft-legal p{max-width:70ch}
.motion-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--rule-strong);background:none;color:var(--parchment);font-size:13px;border-radius:999px}
.motion-toggle .sw{width:28px;height:14px;border-radius:999px;border:1px solid var(--brass);position:relative}
.motion-toggle .sw::after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:var(--brass);transition:transform .3s var(--ease)}
.motion-toggle[aria-pressed="true"] .sw::after{transform:translateX(14px)}
@media (max-width:860px){.ft-word,.ft-cols{grid-column:1 / -1}}

/* ---------- Subpages ---------- */
.sub-hero{padding-top:clamp(140px,16vw,220px);padding-bottom:var(--s12);position:relative;overflow:hidden}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;font:400 12px/1.4 var(--mono);letter-spacing:.06em;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--rule-strong)}
.crumbs a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none;color:var(--muted)}
.crumbs a:hover{color:var(--parchment)}
.crumbs [aria-current]{display:inline-flex;min-height:44px;align-items:center}
.sub-hero .grid{align-items:end;margin-top:var(--s5)}
.sub-hero h1{grid-column:1 / span 9;font:italic 500 clamp(48px,7.4vw,116px)/.96 var(--display);letter-spacing:-.02em}
.sub-hero .intro{grid-column:1 / span 6;margin-top:var(--s6);font-size:clamp(18px,1.4vw,20px);line-height:1.6}
.sub-hero .intro p+p{margin-top:1em}
.sub-hero .actions{grid-column:1 / span 6;margin-top:var(--s5);display:flex;flex-wrap:wrap;gap:var(--s2)}
.sub-hero .slot{grid-column:9 / span 4;grid-row:1 / span 3;align-self:end}
@media (max-width:900px){.sub-hero h1,.sub-hero .intro,.sub-hero .actions{grid-column:1 / -1}.sub-hero .slot{grid-column:1 / span 8;grid-row:auto;margin-top:var(--s8);max-width:320px}}
.article{padding-top:var(--s12);padding-bottom:var(--section);border-top:1px solid var(--rule)}
.toc{grid-column:1 / span 3;position:sticky;top:120px;align-self:start}
.toc ol{list-style:none;border-top:1px solid var(--rule);margin-top:var(--s2)}
.toc a{display:flex;min-height:44px;align-items:center;padding:6px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-size:14px;color:var(--muted);line-height:1.35}
.toc a:hover,.toc a.active{color:var(--parchment)}
.body{grid-column:5 / span 7}
.body>*+*{margin-top:1.15em}
.body h2{font:500 clamp(34px,3.6vw,52px)/1.04 var(--display);margin-top:var(--s12);padding-top:var(--s4);border-top:1px solid var(--rule)}
.body h2:first-child{margin-top:0}
.body h3{font:italic 500 clamp(24px,2.2vw,30px)/1.15 var(--display);margin-top:var(--s6)}
.body p,.body li{max-width:64ch}
.body ul,.body ol{padding-left:0;list-style:none}
.body ul li{position:relative;padding-left:28px}
.body ul li+li,.body ol li+li{margin-top:.6em}
.body ul li::before{content:"";position:absolute;left:2px;top:.78em;width:12px;height:1px;background:var(--brass)}
.body ol{counter-reset:o}
.body ol li{counter-increment:o;position:relative;padding-left:44px}
.body ol li::before{content:counter(o);position:absolute;left:0;top:-.05em;font:italic 500 26px/1 var(--display);color:var(--brass)}
.body strong{font-weight:500;color:var(--parchment)}
.body .cta-inline{margin-top:var(--s5)}
.pull{margin:var(--s10) 0;padding:var(--s5) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.pull .big{display:block;font:italic 500 clamp(72px,9vw,144px)/.85 var(--display);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px var(--brass)}
.pull p{margin-top:var(--s3);font:500 clamp(20px,1.8vw,24px)/1.4 var(--display);max-width:40ch}
.note-box{border:1px solid var(--rule-strong);padding:var(--s4);position:relative;overflow:hidden}
.note-box::before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;background:url(guilloche.svg) center/contain no-repeat;opacity:.35}
.note-box>*{position:relative}
.note-box p+p{margin-top:var(--s2)}
.sources{margin-top:var(--s12);padding-top:var(--s4);border-top:1px solid var(--rule)}
.sources h2{font:400 12px/1.4 var(--mono);letter-spacing:.08em;color:var(--muted);border:0;padding:0;margin:0 0 var(--s3)}
.sources ol li{font-size:14px;color:var(--muted);padding-left:36px}
.sources ol li::before{font-size:18px;top:0}
.sources a{overflow-wrap:anywhere}
.related{grid-column:1 / -1}
@media (max-width:900px){.toc{display:none}.body{grid-column:1 / -1}}
.closing{text-align:center}
.closing .h2{max-width:14ch;margin:0 auto}
.closing p{margin:var(--s4) auto 0;max-width:46ch}
.closing .btn{margin-top:var(--s6)}
.closing .chequer{margin:0 auto var(--s6)}

/* 404 */
.nf{min-height:100vh;display:flex;align-items:center;padding-top:120px;padding-bottom:var(--s10)}
.nf .grid{align-items:center;width:100%}
.nf-art{grid-column:1 / span 5}
.nf-copy{grid-column:7 / span 6}
.nf h1{font:italic 500 clamp(48px,6vw,96px)/.96 var(--display)}
.nf p{margin-top:var(--s4);max-width:40ch}
.nf .paths{margin-top:var(--s5)}
@media (max-width:800px){.nf-art,.nf-copy{grid-column:1 / -1}.nf-art{max-width:360px;margin-bottom:var(--s6)}}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
[data-motion="reduce"] *,[data-motion="reduce"] *::before,[data-motion="reduce"] *::after{animation:none!important;transition:none!important}

/* SVG parts shared by bottles, monogram and seal */
.bt .cap{fill:var(--racing-2);stroke:var(--brass);stroke-width:1}
.bt .facet{fill:none;stroke:var(--brass);stroke-width:.6;opacity:.45}
.bt .stopper{fill:var(--ink)}
.light .bt .cap{fill:var(--parchment);stroke:var(--brass-deep)}
.mono .m-ring,.seal .m-ring,.gate-mark .m-ring{fill:none;stroke:var(--brass);stroke-width:1}
.mono .m-ring2,.seal .m-ring2,.gate-mark .m-ring2{fill:none;stroke:var(--brass);stroke-width:.5;opacity:.6}
.m-t{fill:var(--brass);font:italic 500 19px/1 var(--display);text-anchor:middle;letter-spacing:-.02em}
.seal .s-big{font-size:38px}
.s-arc{fill:var(--brass);font:400 7.4px/1 var(--mono);letter-spacing:.2em}
.racer-art{width:132px;height:auto}
.racer-art .ol{fill:none;stroke:var(--brass);stroke-width:1.2}
.racer-art .ht{stroke:var(--brass);stroke-width:.7;opacity:.7}

/* Additions: sell duo, scale art, tracker car */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s4)}
.duo .note-box{margin:0}
@media (max-width:700px){.duo{grid-template-columns:1fr}}
.scale-art{display:none}
.bt .liq-dark{fill:#3A1A08;opacity:0}
.track-car{position:relative;height:40px;margin-bottom:var(--s3)}
.track-car svg{position:absolute;left:0;width:96px;height:auto;transition:transform .9s var(--ease)}
.bt .ls-sm{font-size:4.4px;letter-spacing:.04em}

/* ---- Art-direction pass 1 ---- */
.light .prose{color:var(--ink)}
.date .yr,.route .figure,.pull .big{font-variant-numeric:lining-nums}
.date .yr{margin-bottom:var(--s5)}
.lines+p,.lines+.prose,.h3+p{margin-top:var(--s3)}
.cellar-head .prose,.method-head .prose,.sell-head .prose{margin-top:var(--s4)}
.enq-side .lines+p{margin-top:var(--s4)}
.step{min-height:46vh}
.hdr .btn{white-space:nowrap}
.track-car svg{transform:translateX(calc(var(--p,0) * 100%))}
.track-car{width:100%}
.track-car svg{left:-14px}
.sig .mono-sig{width:56px;height:56px}
.sig .mono-sig .m-t{font-size:19px}
@media (max-width:800px){
  .grid>*{grid-column:1 / -1!important}
  .founder .slot{max-width:340px}
  .sub-hero .slot{max-width:320px}
}
.track-car svg{transform:none;left:-14px}
.track-car-in{position:absolute;inset:0;transform:translateX(calc(var(--p,0) * 100%));transition:transform .9s var(--ease)}
.track-car{overflow:hidden}
.track-car-in{right:auto;width:100%}

/* ---- Art-direction pass 2 ---- */
.sub-hero h1{grid-column:1 / span 8;grid-row:1}
.sub-hero .intro{grid-column:1 / span 6;grid-row:2}
.sub-hero .actions{grid-column:1 / span 6;grid-row:3}
.sub-hero .slot{grid-column:10 / span 3;grid-row:1 / span 3;align-self:start;margin-top:var(--s2)}
.dz-art{justify-content:center;align-items:center;gap:var(--s4)}
.dz-art::before{opacity:.16;inset:-10%}
.dz-art .fb{height:min(52vh,360px)}
.seal{align-self:center}
.dz-body{padding:var(--s4) var(--s5) var(--s4)}
.dz-fields div{padding:10px 0}
.dz-fields dd{font-size:13px}
.dz-actions{margin-top:var(--s3)}
.dz-actions .btn{flex:1 1 180px}
.hero .speed{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%)}
@media (max-width:900px){.sub-hero h1,.sub-hero .intro,.sub-hero .actions,.sub-hero .slot{grid-row:auto}}