:root{color-scheme:dark;--ground:#101110;--panel:#181a18;--panel-deep:#131513;--text:#f2eee4;--muted:#aaa99e;--gold:#d4b67b;--line:#35382f;--blue:#2f5f9e;--green:#4d7a3c;--red:#a7342b;--lavender:#9a88c6;--yellow:#e0b33a;--brown:#7b4f2b;--black:#1e1f22;--charcoal:#41474c;--gray:#8e9497;--white:#f3f1ea;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--text);font:16px/1.65 var(--sans)}a{min-width:44px;color:inherit;text-decoration-color:var(--gold);text-underline-offset:5px}a:hover{color:var(--gold)}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.06;letter-spacing:-.025em}h1{font-size:clamp(3.1rem,6.1vw,5.5rem);overflow-wrap:anywhere}h2{font-size:clamp(2.25rem,4vw,3.3rem)}h3{line-height:1.3;font-size:1.18rem;font-weight:500}p+p{margin-top:14px}em{font-style:normal;color:var(--gold)}ul,ol{padding-left:24px}li{overflow-wrap:anywhere}.wrap{width:min(1184px,calc(100% - 32px));margin-inline:auto}.site-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;min-height:44px;font:500 23px var(--sans);letter-spacing:-1px;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--gold)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;font-size:14px}nav a[aria-current]{color:var(--gold)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--gold);line-height:1.6}.brand{color:var(--muted);font-family:var(--sans)}.lede{font-size:18px;color:var(--muted);max-width:620px;line-height:1.7}.muted{color:var(--muted)}.small{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:12px 22px;background:var(--gold);color:var(--ground);text-decoration:none;font-weight:600;font-size:14px}.button:hover{background:var(--text);color:var(--ground)}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-size:14px}.hero{display:grid;gap:40px;padding:48px 0 64px}.hero-copy{display:flex;align-items:flex-start;flex-direction:column;gap:26px}.hero-copy h1{max-width:670px}.hero-copy .small{max-width:340px}.shelf-panel{min-width:0;background:var(--panel);padding:24px 20px;border:1px solid var(--line);border-radius:3px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2{font-size:30px;margin:8px 0 12px}.shelf-count{color:var(--gold);font:48px var(--serif);white-space:nowrap}.shelf-count span{font:16px var(--sans);color:var(--muted)}.colour-chart{margin:18px 0}.chart-row{display:grid;grid-template-columns:68px 1fr 54px;align-items:center;gap:12px;width:100%;min-height:44px;border:0;background:transparent;color:var(--muted);cursor:pointer;text-align:left;padding:0 4px;border-radius:2px}.chart-row[aria-pressed=true]{background:#272b24;color:var(--text)}.chart-row:hover{background:#22251f}.chart-name{font-size:13px}.chart-state{font-size:10px;text-align:right}.chart-track{width:100%;height:17px;background:var(--ground)}.chart-fill{display:block;width:100%;height:100%;background:var(--swatch);border:1px solid #ffffff30}.chart-fill.empty{background:transparent;border:1px dashed #8e949780}.blue{--swatch:var(--blue)}.green{--swatch:var(--green)}.red{--swatch:var(--red)}.lavender{--swatch:var(--lavender)}.yellow{--swatch:var(--yellow)}.brown{--swatch:var(--brown)}.black{--swatch:var(--black)}.charcoal{--swatch:var(--charcoal)}.gray{--swatch:var(--gray)}.white{--swatch:var(--white)}.colour-detail{padding:20px 0 0;border-top:1px solid var(--line);min-height:210px}.colour-detail h3{font-family:var(--serif);font-size:25px;margin:8px 0 14px}.colour-detail ul{list-style:none;padding:0;margin:0}.colour-detail li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.colour-detail li span{font-size:12px;color:var(--muted)}.colour-detail li a{min-height:44px;display:inline-flex;align-items:center}.sample-list{border-top:1px solid var(--line);margin-top:12px;color:var(--muted);font-size:12px}.sample-list summary{min-height:44px;display:list-item;align-content:center;cursor:pointer}.sample-list a{display:inline-block;min-height:44px;align-content:center}.section{border-top:1px solid var(--line);padding:56px 0}.section-heading h2{margin-top:12px}.steps{list-style:none;padding:0;display:grid;gap:32px;margin:36px 0 0}.steps li>span{font:16px var(--serif);color:var(--gold)}.steps h3{margin:14px 0 12px}.steps p{color:var(--muted);font-size:14px}.explore{display:grid;gap:32px}.explore h2{margin:16px 0 24px}.explore p{max-width:420px;color:var(--muted)}.colour-directory{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.colour-link{display:flex;align-items:center;gap:14px;min-height:52px;text-decoration:none;font-size:15px}.swatch{display:inline-block;flex-shrink:0;width:20px;height:20px;background:var(--swatch);border:1px solid #ffffff35;border-radius:50%}.colour-directory>.text-link{grid-column:1/-1}.beta{padding:36px 24px;background:var(--panel);border:1px solid var(--line);margin:0 0 64px}.beta h2{margin:16px 0 24px}.beta p{max-width:680px}.contact,.address{overflow-wrap:anywhere}.site-footer{display:grid;gap:24px;border-top:1px solid var(--line);padding-block:36px}.site-footer p{color:var(--muted);font-size:12px;margin-top:12px}.site-footer nav{gap:8px 24px}.address{grid-column:1/-1}.skip{position:absolute;left:16px;top:-100px;background:var(--gold);color:var(--ground);padding:12px;z-index:2}.skip:focus{top:12px}.breadcrumbs{margin-top:24px;gap:8px;font-size:12px;color:var(--muted);align-items:center}.breadcrumbs a{font-size:12px}.page-intro{padding:32px 0 42px;max-width:850px}.page-intro h1{margin:16px 0 24px}.page-intro .lede{max-width:740px}.colour-cards{display:grid;gap:16px;margin-bottom:64px}.colour-card{display:block;padding:26px;border:1px solid var(--line);background:var(--panel);text-decoration:none;min-width:0}.colour-card .swatch{width:38px;height:38px;margin-bottom:20px}.colour-card h2{font-size:36px;margin-bottom:12px}.colour-card p{color:var(--muted);font-size:14px}.colour-card .text-link{margin-top:18px}.facts{display:grid;gap:28px;padding:30px 0 38px;border-block:1px solid var(--line)}.facts h2{font:500 14px var(--sans);margin-bottom:12px;color:var(--gold)}.facts p{color:var(--muted);font-size:14px}.content-section{padding:38px 0;border-bottom:1px solid var(--line)}.content-section>h2{margin-bottom:24px;font-size:36px}.content-section>p{max-width:740px}.bottle-grid{list-style:none;display:grid;gap:12px;padding:0;margin:28px 0}.bottle-card{padding:22px;background:var(--panel);border:1px solid var(--line);min-width:0}.bottle-card h3{font:500 18px var(--sans);margin:8px 0}.bottle-card h3 a{display:inline-flex;align-items:center;min-height:44px}.bottle-card .muted{font-size:12px}.note-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;list-style:none;padding:0;margin:0 0 64px}.note-directory a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:52px;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px}.note-directory span{color:var(--muted);font-size:11px}.note-results{list-style:none;padding:0;margin:28px 0 64px;display:grid;gap:0 32px}.note-results li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;border-top:1px solid var(--line)}.note-results a{display:inline-flex;min-height:44px;align-items:center;font-size:15px}.note-results .brand{display:block;font-size:11px;line-height:1.5;letter-spacing:.02em;text-transform:none}.note-results .rank{color:var(--muted);font:16px var(--serif);flex-shrink:0}.pyramid{display:grid;gap:24px}.pyramid h3{color:var(--gold);font:500 12px var(--sans);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.note-chips{display:flex;flex-wrap:wrap;gap:6px}.note-chips a,.note-chips span{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;background:var(--panel);border:1px solid var(--line);font-size:13px;text-decoration:none}.source{font-size:12px;color:var(--muted);margin-top:24px}.source a{display:inline-flex;min-height:44px;align-items:center}.bottle-layout{display:grid;gap:32px}.accords{list-style:none;padding:0;margin:0;display:grid;gap:12px}.accords li{display:grid;grid-template-columns:88px 1fr 36px;align-items:center;gap:14px;font-size:13px}.accords .track{height:6px;background:var(--line)}.accords .bar{display:block;background:var(--gold);height:6px;width:var(--value)}.accords .number{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.slot-list{list-style:none;padding:0;margin:0;display:grid;gap:20px}.slot-list h3{font-size:16px}.slot-list p{font-size:13px;color:var(--muted);margin-top:8px}.pair-grid{display:grid;gap:16px;list-style:none;padding:0;margin:24px 0}.pair-card{border:1px solid var(--line);background:var(--panel);padding:24px;min-width:0}.pair-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pair-top h3{font-size:19px}.pair-top a{min-height:44px;display:inline-flex;align-items:center}.score{color:var(--gold);white-space:nowrap;font:26px var(--serif)}.score small{color:var(--muted);font:10px var(--sans)}.pair-card p{font-size:14px;margin-top:16px;color:var(--muted)}.pair-card .spray{border-top:1px solid var(--line);padding-top:16px;font-size:12px}.prose{max-width:740px;margin-bottom:72px}.prose h2{font-size:32px;margin:32px 0 16px}.prose p{color:var(--muted)}.prose li{margin-block:12px}.prose a{display:inline-flex;align-items:center;min-height:44px}.comparison{padding:24px 0 40px}.comparison p{font-size:14px}.comparison p a{display:inline-flex;align-items:center;min-height:44px}.end-space{margin-bottom:50px}
@media(min-width:650px){.wrap{width:min(1184px,calc(100% - 80px))}.steps{grid-template-columns:1fr 1fr}.colour-cards{grid-template-columns:1fr 1fr}.facts{grid-template-columns:repeat(3,1fr)}.bottle-grid{grid-template-columns:repeat(3,1fr)}.note-directory{grid-template-columns:repeat(3,1fr)}.note-results{grid-template-columns:1fr 1fr}.pyramid{grid-template-columns:repeat(3,1fr)}.pair-grid{grid-template-columns:repeat(3,1fr)}.site-footer{grid-template-columns:1fr 1fr}.site-footer nav{justify-content:flex-end;align-content:start}.bottle-layout{grid-template-columns:1fr 1fr;gap:64px}.explore{grid-template-columns:1fr 1fr}.beta{padding:40px}.site-header{min-height:104px}.wordmark{font-size:26px}}
@media(min-width:1000px){.colour-chart{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.chart-row{grid-template-columns:58px 1fr 38px;gap:6px}.chart-name{font-size:12px}.chart-state{font-size:9px}.colour-detail{min-height:175px}.hero{grid-template-columns:1.15fr 1fr;gap:70px;padding-top:72px;align-items:start}.hero-copy{padding-top:32px}.hero-copy h1{font-size:67px}.shelf-panel{padding:26px 28px}.steps{grid-template-columns:repeat(4,1fr);gap:40px}.section{padding-block:68px}.colour-cards{grid-template-columns:repeat(3,1fr)}.note-directory{grid-template-columns:repeat(4,1fr)}}
@media(max-width:400px){.site-header{gap:8px}.wordmark{font-size:21px}.site-header nav{gap:12px}.site-header nav a{font-size:12px}.hero h1{font-size:47px}.shelf-panel{padding-inline:16px}.note-directory{gap:0 16px}.note-directory a{font-size:13px}}