:root{--paper:#f7f3e9;--ink:#302925;--muted:#6c645b;--wine:#6b2938;--wine-dark:#4d1925;--rule:#dcd4c6;--sage:#e7e9db;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans)}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(46px,5.8vw,82px)}h2{font-size:clamp(32px,3.8vw,50px)}h3{font-size:27px}p{margin-bottom:20px}.wrap{width:min(1192px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--wine);color:white;padding:12px;z-index:3}.skip:focus{top:8px}:focus-visible{outline:3px solid #a65d3d;outline-offset:5px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:114px;border-bottom:1px solid var(--rule)}.brand{font:29px/1 var(--serif);text-decoration:none;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--wine);color:var(--paper);border-radius:50%;font:26px var(--serif)}.brand-caption{font:11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:6px}.site-header nav{display:flex;gap:25px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.header-action{font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--wine);padding-block:8px;color:var(--wine)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:74px;align-items:center;padding-block:66px 78px}.eyebrow{font:600 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--wine);margin-bottom:24px}.hero h1{margin-bottom:28px}.hero h1 em{font-weight:400;color:var(--wine)}.hero .lede{font-size:18px;max-width:440px;color:var(--muted);line-height:1.65}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;padding:12px 23px;border:1px solid var(--wine);font-size:14px;line-height:1.4;font-weight:600;text-decoration:none;background:var(--wine);color:#fff9ee;border-radius:4px;transition:background .15s}.btn:hover{background:var(--wine-dark)}.btn.secondary{color:var(--wine);background:transparent}.btn.secondary:hover{background:#eee2df}.small-note{font-size:12px;color:var(--muted);margin-top:13px}.hero-art{margin:0;position:relative;padding:0 0 28px 18px}.hero-art>img{width:100%;aspect-ratio:1/1.05;object-fit:cover;border-radius:150px 150px 8px 8px}.hero-art figcaption{position:absolute;bottom:0;left:0;background:#fffaf0;border:1px solid var(--rule);padding:19px 25px;box-shadow:0 10px 30px #3b25230c;max-width:90%;transform:rotate(-3deg);font:24px/1.2 var(--serif)}.hero-art figcaption span{display:block;margin-top:8px;font:10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.section{padding-block:76px;border-top:1px solid var(--rule)}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:40px}.section-intro h2{max-width:650px;margin-bottom:0}.section-intro>p{max-width:305px;font-size:15px;color:var(--muted);margin-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.step-icon{display:block;margin:0 0 22px}.steps h3{font-size:26px}.steps p{font-size:15px;color:var(--muted);margin-bottom:0}.inline-link{font-size:14px;color:var(--wine)}
.demo-section{background:#ede5d7}.demo-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:88px;align-items:center}.demo-intro p{color:var(--muted);max-width:380px}.drink-card{background:#fffbf2;padding:25px;border-radius:7px;box-shadow:0 18px 38px #38262512;transform:rotate(1deg)}.drink-head{display:grid;grid-template-columns:108px 1fr;gap:22px;align-items:center;margin-bottom:22px}.drink-head img{width:108px;height:142px;object-fit:cover;border-radius:3px}.drink-head h3{font-size:30px;margin:8px 0 12px}.drink-head p{font-size:13px;margin-bottom:0;color:var(--muted)}.tag{font-size:10px;font-weight:600;letter-spacing:.11em;color:var(--wine);text-transform:uppercase}.rating-question{border-top:1px solid var(--rule);padding-top:20px;margin-bottom:12px;font-size:14px;font-weight:600}.rating-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.rating-buttons button{border:1px solid var(--rule);background:transparent;color:var(--ink);padding:10px 3px;cursor:pointer;border-radius:3px;font-size:23px;font-family:var(--serif)}.rating-buttons button span{display:block;font:11px var(--sans);margin-top:3px}.rating-buttons button:hover,.rating-buttons button[aria-pressed=true]{background:var(--wine);color:white;border-color:var(--wine)}.demo-status{min-height:44px;margin:15px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.uses{display:grid;grid-template-columns:1fr 1fr;gap:52px 82px}.uses article{border-top:1px solid var(--rule);padding-top:24px}.uses h3{margin-bottom:16px}.uses p{font-size:16px;color:var(--muted);max-width:470px}.scope{background:var(--sage);border-radius:4px;padding:27px 32px;margin-top:42px;display:grid;grid-template-columns:230px 1fr;gap:35px}.scope h3{font-size:24px;margin:0}.scope p{font-size:14px;margin:0;color:#515548}
.story{display:grid;grid-template-columns:240px 1fr;gap:100px;align-items:start}.story .eyebrow{margin-top:12px}.story h2{font-size:40px;max-width:650px}.story p{max-width:660px;color:var(--muted)}.story-links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--wine)}
.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.reading-grid article{border-top:1px solid var(--wine);padding-top:20px}.reading-grid h3{font-size:26px}.reading-grid h3 a{text-decoration:none}.reading-grid h3 a:hover{text-decoration:underline}.reading-grid p{font-size:14px;color:var(--muted)}.reading-grid .tag{display:block;margin-bottom:18px}.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-layout h2{max-width:330px}details{border-bottom:1px solid var(--rule);padding:19px 0}details:first-child{border-top:1px solid var(--rule)}summary{cursor:pointer;font-size:16px;font-weight:500;list-style:none;display:flex;gap:24px;justify-content:space-between}summary::-webkit-details-marker{display:none}summary::after{content:'+';color:var(--wine);font:25px/1 var(--serif)}details[open] summary::after{content:'−'}details p{font-size:15px;color:var(--muted);margin:16px 24px 0 0}.closing{background:var(--wine);color:#fff8e9;padding:55px 60px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:72px}.closing h2{font-size:37px;margin-bottom:12px}.closing p{font-size:15px;margin-bottom:0;color:#e1c6c7}.closing .actions{margin:0;flex-shrink:0}.closing .btn{border-color:#fff8e9;background:#fff8e9;color:var(--wine)}.closing .btn.secondary{background:transparent;color:#fff8e9}.site-footer{border-top:1px solid var(--rule);padding-block:40px 50px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.site-footer p{font-size:12px;color:var(--muted);margin:15px 0 0}.footer-links{display:flex;flex-direction:column;align-items:flex-start;font-size:13px;gap:8px}.footer-note{text-align:right}
.article-header{max-width:850px;padding-block:58px 28px}.article-header h1{font-size:clamp(40px,5vw,65px);margin-bottom:24px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:35px}.article-lede{font-size:20px;color:var(--muted);max-width:730px}.article-layout{display:grid;grid-template-columns:minmax(0,750px) 270px;gap:100px;padding-bottom:65px}.prose h2{font-size:32px;margin:38px 0 22px}.prose h3{font-size:24px;margin-top:28px}.prose p,.prose li{font-size:17px;line-height:1.8;color:#574f49}.prose li{padding-left:5px;margin-bottom:10px}.prose ul,.prose ol{padding-left:22px}.prose .callout{border-left:3px solid var(--wine);padding:14px 24px;background:#eee7db}.article-aside{align-self:start;position:sticky;top:28px;background:#ede6d8;padding:27px 24px;border-radius:4px;margin-top:38px}.article-aside h2{font-size:28px}.article-aside p{font-size:14px;color:var(--muted)}.article-aside .actions{display:flex;flex-direction:column}.article-aside .btn{font-size:13px;padding-inline:12px}.related{margin-top:45px;padding-top:25px;border-top:1px solid var(--rule)}.related a{font-size:15px;display:block;margin:9px 0;color:var(--wine)}
@media(min-width:1500px){.hero{padding-block:84px 90px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.brand-caption{display:none}.site-header nav{gap:17px}.hero{gap:38px}.hero h1{font-size:61px}.demo-layout{gap:42px}.article-layout{gap:45px;grid-template-columns:minmax(0,1fr) 245px}.closing{padding:36px;flex-direction:column;align-items:start}.story{gap:45px}.faq-layout{gap:40px}}
@media(max-width:740px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.site-header{min-height:88px;gap:16px;flex-wrap:wrap;padding-block:20px}.brand{font-size:27px}.site-header nav{order:3;width:100%;font-size:12px;justify-content:space-between;border-top:1px solid var(--rule);padding-top:14px}.header-action{font-size:12px;margin-left:auto}.hero{grid-template-columns:1fr;gap:36px;padding-block:43px 49px}.hero h1{font-size:clamp(45px,11vw,63px);margin-bottom:22px}.hero .lede{font-size:17px;max-width:100%}.hero-art{max-width:500px;width:100%;justify-self:center;padding-left:12px;padding-bottom:27px}.hero-art>img{aspect-ratio:1.16;border-radius:95px 95px 6px 6px}.hero-art figcaption{font-size:20px;padding:15px 20px}.actions .btn{flex:1;padding-inline:13px}.eyebrow{font-size:10px;margin-bottom:18px}.section{padding-block:48px}.section-intro{display:block;margin-bottom:30px}.section-intro>p{margin-top:20px;max-width:100%}h2{font-size:35px}.steps{grid-template-columns:1fr;gap:26px}.steps article{position:relative;padding-left:52px}.step-icon{position:absolute;left:0;top:0}.steps h3{font-size:24px;margin-bottom:10px}.demo-layout{grid-template-columns:1fr;gap:26px}.demo-intro p{max-width:100%}.drink-card{padding:19px;transform:none}.drink-head{grid-template-columns:90px 1fr;gap:17px}.drink-head img{width:90px;height:122px}.drink-head h3{font-size:27px}.uses{grid-template-columns:1fr;gap:25px}.scope{grid-template-columns:1fr;gap:15px;padding:24px;margin-top:30px}.story{grid-template-columns:1fr;gap:0}.story h2{font-size:33px}.reading-grid{grid-template-columns:1fr;gap:26px}.reading-grid article{padding-top:17px}.reading-grid .tag{margin-bottom:12px}.reading-grid h3{margin-bottom:12px}.faq-layout{grid-template-columns:1fr;gap:12px}.faq-layout h2{max-width:100%}.closing{padding:30px 25px;margin-bottom:45px;gap:26px}.closing h2{font-size:31px}.closing .actions{width:100%}.site-footer{grid-template-columns:1fr 1fr;gap:28px 16px}.footer-note{text-align:left;grid-column:1/-1}.site-footer .brand{font-size:28px}.article-header{padding-top:33px}.article-header h1{font-size:43px}.breadcrumbs{margin-bottom:25px}.article-lede{font-size:18px}.article-layout{grid-template-columns:1fr;gap:20px}.article-aside{position:static;margin-top:0}.article-aside .actions{flex-direction:row;flex-wrap:wrap}.prose h2{font-size:29px}.prose p,.prose li{font-size:16px}.prose .callout{padding:13px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
.demo-layout > *{min-width:0}.drink-head > div{min-width:0}.drink-head h3{overflow-wrap:anywhere}@media(max-width:740px){.drink-head{grid-template-columns:90px minmax(0,1fr)}}

/* Small editorial details, with real photographs from the project. */
.feature-icon{display:block;color:var(--wine);flex:none}.step-icon .feature-icon{width:34px;height:34px}.uses .feature-icon{margin-bottom:20px}.uses article:nth-child(2) .feature-icon{color:#786134}.uses article:nth-child(3) .feature-icon{color:#3e6453}
.bottle-strip{display:grid;grid-template-columns:270px minmax(0,1fr);gap:65px;align-items:center;padding-block:28px 74px}.bottle-strip h2{font-size:36px}.bottle-strip p:not(.eyebrow){font-size:15px;color:var(--muted)}.label-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:16px 5px}.label-photos figure{margin:0;background:#fffcf5;padding:10px 10px 15px;box-shadow:0 4px 16px #30292514;transform:rotate(-3deg)}.label-photos figure:nth-child(2){transform:rotate(2deg);margin-top:25px}.label-photos figure:nth-child(3){transform:rotate(-1deg)}.label-photos img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover}.label-photos figcaption{padding:12px 4px 0;font:19px/1.3 var(--serif)}.label-photos figcaption span{display:block;margin-top:5px;font:11px/1.5 var(--sans);color:var(--muted)}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.journal-card{min-width:0}.journal-image{display:block;overflow:hidden;border-radius:3px;background:#e7ddc9}.journal-image img{width:100%;height:225px;object-fit:cover;object-position:center 40%}.journal-card:nth-child(2) .journal-image img{object-position:center}.journal-card-text{padding:23px 0 0}.journal-card .tag{font-size:10px;line-height:1.6;margin-bottom:15px}.journal-card h3{font-size:29px;margin-bottom:15px}.journal-card h3 a{text-decoration:none}.journal-card h3 a:hover{text-decoration:underline}.journal-card p:not(.tag){font-size:15px;color:var(--muted);line-height:1.7}.journal-header{max-width:900px}.journal-header h1{font-style:italic}.journal-collection{padding-bottom:70px}.journal-collection .journal-image img{height:270px}.editorial-note{border-top:1px solid var(--rule);padding-top:24px;margin-top:40px;max-width:780px;font-size:14px;color:var(--muted)}
.article-meta{font-size:12px;color:var(--muted);margin-top:25px}.article-cover{margin:5px 0 32px}.article-cover img{height:330px;width:100%;object-fit:contain;background:#eae3d7;border-radius:3px}.article-cover figcaption{font-size:11px;color:var(--muted);margin-top:8px}.source-note{border-top:1px solid var(--rule);margin-top:35px;padding-top:5px}.prose .source-note h2{font-size:24px;margin-top:22px}.prose .source-note p,.prose .source-note li{font-size:13px}.label-notes{margin:25px 0}.label-notes>div{display:grid;grid-template-columns:160px 1fr;gap:18px;border-bottom:1px solid var(--rule);padding:18px 0}.label-notes dt{font-weight:600;color:var(--wine);font-size:15px}.label-notes dd{margin:0;font-size:16px;color:var(--muted)}
@media(max-width:1050px){.bottle-strip{grid-template-columns:220px minmax(0,1fr);gap:30px}.journal-grid{gap:24px}.journal-image img{height:185px}.journal-card h3{font-size:26px}}
@media(max-width:740px){.step-icon{top:2px}.step-icon .feature-icon{width:27px;height:27px}.bottle-strip{grid-template-columns:1fr;gap:8px;padding-block:0 40px}.bottle-strip h2{font-size:33px}.label-photos{gap:10px}.label-photos figure{padding:5px 5px 10px}.label-photos figcaption{font-size:14px;overflow-wrap:anywhere}.label-photos figcaption span{font-size:10px}.label-photos figure:nth-child(2){margin-top:14px}.journal-grid{grid-template-columns:1fr;gap:30px}.journal-image img,.journal-collection .journal-image img{height:235px}.journal-card-text{padding-top:19px}.journal-card h3{font-size:29px}.section-intro>.inline-link{display:inline-block;margin-top:20px}.journal-collection{padding-bottom:40px}.article-cover img{height:270px}.label-notes>div{grid-template-columns:1fr;gap:6px}.article-meta{font-size:11px}.uses .feature-icon{margin-bottom:14px}}

.editorial-note h2{font-size:28px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}.site-header nav{align-items:center}
@media(max-width:740px){.site-header nav{padding-top:6px}.editorial-note h2{font-size:25px}}