:root{--ivory: #f6f1e9;--chocolate: #29160f;--espresso: #140d0a;--cocoa: #3a2118;--caramel: #a97945;--gold: #b08d57;--champagne: #e8d6b7;--text: #4d4038;--muted: #82776d;--hairline: rgba(92, 63, 43, .2);--on-dark: #f6f1e9;--plate: #070504;--product-ar: 1417 / 979;--choc-ar: 727 / 683;--serif: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;--sans: "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--max: 1320px;--gutter: clamp(20px, 4vw, 56px);--header-h: 76px;--section-y: clamp(96px, 13vw, 184px);--hero-out: 0;--interlude: 0}@media (prefers-reduced-motion: no-preference){:root{--hero-in: 0}html{scroll-behavior:smooth}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-h)}body{margin:0;background:var(--ivory);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip}html[data-menu=open] body{overflow:hidden}img,video{display:block;max-width:100%}a{color:inherit}:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 16px;background:var(--chocolate);color:var(--ivory);font-size:13px;text-decoration:none}.skip-link:focus{top:12px}.container{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.label,.eyebrow{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0}.eyebrow{color:var(--gold)}.section-index{display:flex;align-items:center;gap:14px;margin:0 0 28px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.section-index span{font-family:var(--serif);font-style:italic;font-size:22px;letter-spacing:0;color:var(--gold)}.section-index span:after{content:"";display:inline-block;width:36px;height:1px;margin-left:14px;vertical-align:middle;background:var(--gold);opacity:.6}.display{font-family:var(--serif);font-weight:300;font-size:clamp(42px,5.4vw,86px);line-height:1.02;letter-spacing:-.01em;color:var(--chocolate);margin:0 0 28px;text-wrap:balance}.display em,.hero-line em,.accent{font-style:italic;color:var(--gold)}.body-lg{font-size:clamp(16px,1.25vw,18px);line-height:1.75;max-width:34em;margin:0}.fine-print{margin:20px 0 0;font-size:12px;color:var(--muted)}.text-link{display:inline-block;padding:4px 0;border:0;background:none;font:500 11px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--chocolate);text-decoration:none;border-bottom:1px solid var(--gold);cursor:pointer;transition:color .25s ease,border-color .25s ease}.text-link:hover{color:var(--caramel)}.section{position:relative;padding-block:var(--section-y)}.section+.section{border-top:1px solid var(--hairline)}.site-header{position:fixed;inset:0 0 auto;z-index:60;height:var(--header-h);background:#f6f1e9eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;max-width:calc(var(--max) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.header-logo{justify-self:start;display:block;width:52px;height:52px}.header-logo img{width:52px;height:52px}.site-nav ul{display:flex;margin:0;padding:0;list-style:none}.site-nav li+li{border-left:1px solid var(--hairline)}.site-nav a{display:block;padding:6px 20px;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--chocolate);transition:color .25s ease}.site-nav a:hover{color:var(--gold)}.nav-mobile-only{display:none}.header-cta{justify-self:end;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--chocolate);padding-bottom:3px;border-bottom:1px solid var(--gold)}.menu-toggle{display:none}.hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden}.hero-eyebrow{position:absolute;top:calc(var(--header-h) + clamp(28px,6vh,64px));left:0;right:0;text-align:center;opacity:calc(var(--hero-in, 1) * (1 - var(--hero-out)))}.hero-title{position:absolute;top:34%;left:0;right:0;transform:translateY(-50%);margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:0 .32em;font-family:var(--serif);font-weight:300;font-size:clamp(64px,10.2vw,172px);line-height:.9;letter-spacing:.08em;color:var(--chocolate);pointer-events:none;-webkit-user-select:none;user-select:none}.hero-word{display:inline-flex}.hero-letter{--l: clamp(0, calc(var(--hero-in, 1) * 2.1 - var(--i) * .085), 1);display:inline-block;opacity:calc(var(--l) * (1 - var(--hero-out)));transform:translate3d(calc(var(--c) * var(--hero-out) * 1.1vw),calc((1 - var(--l)) * .32em),0);will-change:transform,opacity}.hero-stage{position:absolute;left:50%;top:55%;width:min(34vw,500px,calc((100svh - 320px)*1.06));aspect-ratio:var(--choc-ar);transform:translate(-50%,-50%)}.hero-static{width:100%;height:100%;object-fit:contain;visibility:hidden}html[data-product=static] .hero-static{visibility:visible}.hero-line{position:absolute;left:0;right:0;bottom:clamp(72px,11vh,120px);margin:0;text-align:center;font-family:var(--serif);font-size:clamp(20px,1.8vw,28px);font-weight:300;color:var(--chocolate);opacity:calc(var(--hero-in, 1) * (1 - var(--hero-out) * 1.4))}.hero-foot{position:absolute;left:0;right:0;bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;max-width:calc(var(--max) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.scroll-cue{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:var(--muted)}.scroll-cue i{display:block;width:56px;height:1px;background:var(--gold)}.signature-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.signature-grab{position:fixed;left:0;top:0;z-index:41;width:var(--p-w, 0);height:var(--p-h, 0);transform:translate3d(var(--p-x, -9999px),var(--p-y, 0),0);pointer-events:none;touch-action:pan-y;cursor:grab}html[data-product=canvas][data-grabbable="1"] .signature-grab{pointer-events:auto}html[data-dragging="1"] .signature-grab{cursor:grabbing}.drag-hint{position:absolute;left:50%;top:calc(100% + 18px);transform:translate(-50%);white-space:nowrap;font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity .4s ease;pointer-events:none}html[data-product=canvas][data-grabbable="1"] .drag-hint{opacity:calc(1 - var(--hero-out) * 1.6)}.load-line{--load: 0;position:fixed;left:0;right:0;bottom:0;z-index:80;height:1px;background:var(--gold);transform-origin:left;transform:scaleX(var(--load));pointer-events:none}.boxes .section-head{text-align:center}.boxes .section-head .section-index{justify-content:center}.boxes .section-head .body-lg{margin-inline:auto}.jar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px);margin:0;padding:0;list-style:none}.jar-card{display:flex;flex-direction:column;align-items:center;text-align:center}.jar-card .plate{align-self:stretch}.jar-card .product-note{flex:1}.jar-count{color:var(--gold)}.jar-price{margin:0 0 18px;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--caramel)}.jar-price strong{font-family:var(--sans);font-style:normal;font-weight:500;font-size:17px;letter-spacing:.02em;color:var(--chocolate);margin-left:4px}.wa-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:1px solid var(--chocolate);color:var(--chocolate);background:transparent;font:500 10.5px/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .3s ease,color .3s ease}.wa-button:hover{background:var(--chocolate);color:var(--ivory)}.wa-mark{flex:none}.wa-float{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:65;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;background:var(--chocolate);color:var(--ivory);border:1px solid var(--gold);box-shadow:0 10px 30px #140d0a40;font:500 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:background .3s ease,color .3s ease}.wa-float:hover{background:var(--gold);color:var(--espresso)}.wa-float .wa-mark{width:18px;height:18px}html[data-menu=open] .wa-float{display:none}.story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) minmax(0,.7fr);gap:clamp(24px,3vw,48px);align-items:center}.story-stage{height:clamp(320px,34vw,480px)}.process-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--hairline)}.process-list li{display:flex;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--hairline);font-family:var(--serif);font-size:clamp(20px,1.6vw,24px);color:var(--chocolate);line-height:1.3}.num{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--gold)}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:clamp(56px,8vw,104px) 0 0;padding:0;list-style:none;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.facts li{padding:26px 0;text-align:center;color:var(--chocolate)}.facts li+li{border-left:1px solid var(--hairline)}.interlude{position:relative;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,3vh,40px);min-height:110vh;padding-block:10vh;overflow:hidden;overflow:clip;border-top:1px solid var(--hairline)}.interlude-row{margin:0;white-space:nowrap;font-family:var(--serif);font-weight:300;font-size:clamp(72px,15vw,250px);line-height:1;letter-spacing:-.01em;text-align:center;will-change:transform}.interlude-row--solid{color:var(--chocolate);transform:translate3d(calc(var(--interlude) * -14vw),0,0)}.interlude-row--outline{font-style:italic;color:transparent;-webkit-text-stroke:1.2px var(--gold);transform:translate3d(calc(var(--interlude) * 14vw),0,0)}.interlude-stage{position:absolute;left:50%;top:50%;width:min(40vw,560px);aspect-ratio:var(--product-ar);transform:translate(-50%,-50%)}.experience-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}.notes{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,3vw,48px);margin:44px 0 0}.note{padding:22px 0;border-top:1px solid var(--hairline)}.note dt{color:var(--gold);margin-bottom:8px}.note dd{margin:0;font-family:var(--serif);font-size:clamp(19px,1.5vw,22px);line-height:1.35;color:var(--chocolate)}.experience-stage{height:clamp(300px,30vw,440px)}.tasting-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,24px);margin:clamp(56px,8vw,112px) 0 0;padding:0;list-style:none}.tasting-strip figure{margin:0}.tasting-strip img{width:100%;aspect-ratio:4 / 5;object-fit:cover;background:var(--plate)}.tasting-strip figcaption{padding-top:14px;color:var(--chocolate)}.section-head{margin-bottom:clamp(48px,6vw,88px)}.collection .section-head,.table .section-head{text-align:center}.collection .section-head .section-index,.table .section-head .section-index{justify-content:center}.collection .section-head .body-lg,.table .section-head .body-lg{margin-inline:auto}.collection-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,36px);margin:0;padding:0;list-style:none}.product{text-align:center}.plate{position:relative;aspect-ratio:4 / 3;background:var(--plate);overflow:hidden;margin-bottom:28px}.plate-img{width:100%;height:100%}.plate-img--contain{object-fit:contain}.plate-img--cover{object-fit:cover}.dock-img{position:absolute;left:50%;top:50%;width:90%;height:auto;aspect-ratio:var(--product-ar);transform:translate(-50%,-50%)}html[data-product=canvas][data-box-out="1"] [data-dock-slot=boxes],html[data-product=canvas] [data-dock-slot=collection]{opacity:0}html[data-product=canvas][data-docked-at=collection] [data-dock-slot=collection]{opacity:1}.product-category{color:var(--gold)}.product-title{margin:10px 0;font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.3vw,34px);line-height:1.1;color:var(--chocolate)}.product-note{max-width:26em;margin:0 auto 20px;font-size:15px}.making{background:var(--espresso);color:#f6f1e9c7}.section.making,.section.making+.section{border-top:0}.making .display{color:var(--on-dark)}.making .section-index{color:#f6f1e98c}.making .accent{font-family:var(--serif);font-size:clamp(22px,2vw,30px);margin:0 0 24px}.making-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,88px);align-items:center}.making-film{margin:0}.making-film video{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#000}.making-film figcaption{padding-top:14px;color:#f6f1e980}.gold-rule{margin:clamp(72px,9vw,128px) 0 0;height:1px;border:0;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent)}.pairings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin:0;padding:0;list-style:none}.pairings li{border-top:1px solid var(--hairline);padding-top:28px}.pairings figure{margin:0 0 24px}.pairings img{width:100%;aspect-ratio:5 / 4;object-fit:cover;background:var(--plate)}.pairings h3{margin:0 0 8px;color:var(--gold)}.pairings p{margin:0;font-family:var(--serif);font-size:clamp(20px,1.6vw,24px);line-height:1.35;color:var(--chocolate)}.orders{padding-bottom:0}.orders-inner{max-width:calc(820px + var(--gutter) * 2);text-align:center}.orders-inner .section-index{justify-content:center}.orders-inner .body-lg{margin-inline:auto}.order-form-wrap{margin-top:clamp(40px,5vw,64px);text-align:left}.order-form{display:grid;grid-template-columns:1fr 1fr;gap:28px clamp(20px,3vw,40px)}.field{display:flex;flex-direction:column;min-width:0}.field--wide{grid-column:1 / -1}.field label{margin-bottom:8px;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--chocolate)}.optional{letter-spacing:.08em;text-transform:none;color:var(--muted);font-weight:400}.field input,.field select,.field textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(92,63,43,.35);border-radius:0;background:transparent;font:400 17px/1.4 var(--sans);color:var(--chocolate);-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .25s ease}.field select{padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 7px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}.field textarea{resize:vertical;min-height:84px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--gold);box-shadow:0 1px 0 0 var(--gold)}.field [aria-invalid=true]{border-bottom-color:#9b3b26}.field-error,.form-error{margin:8px 0 0;font-size:13px;color:#9b3b26}.form-error{margin-bottom:24px;text-align:center}.form-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:12px}.button{min-width:300px;padding:20px 36px;border:1px solid var(--chocolate);border-radius:0;background:var(--chocolate);color:var(--ivory);font:500 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;cursor:pointer;transition:background .3s ease,color .3s ease}.button:hover:not(:disabled){background:transparent;color:var(--chocolate)}.button:disabled{opacity:.6;cursor:progress}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.demo-note{margin:0;font-size:12px;color:var(--muted);text-align:center}.form-success{padding:48px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);text-align:center}.success-title{max-width:28em;margin:0 auto 18px;font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);line-height:1.25;color:var(--chocolate)}.form-success .demo-note{margin-bottom:24px}.closing{margin-top:clamp(96px,12vw,176px);padding:0 var(--gutter) clamp(56px,7vw,96px);text-align:center;overflow:hidden}.closing-word{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(54px,9.6vw,170px);line-height:1;letter-spacing:.06em;color:transparent;-webkit-text-stroke:1px var(--gold)}.closing-tagline{margin-top:22px;color:var(--gold)}.site-footer{background:var(--espresso);color:#f6f1e9b3;padding-top:clamp(64px,8vw,112px)}.footer-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(32px,5vw,80px);align-items:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-brand img{width:140px;height:140px}.footer-tagline{color:var(--gold);font-size:10px}.footer-statement{max-width:30em;margin:0;font-family:var(--serif);font-size:clamp(20px,1.7vw,26px);line-height:1.4;color:var(--on-dark)}.footer-nav{display:flex;flex-direction:column;gap:12px}.footer-nav a{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;transition:color .25s ease}.footer-nav a:hover{color:var(--gold)}.footer-base{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(48px,6vw,88px);padding-block:28px;background:linear-gradient(#b08d5740,#b08d5740) var(--gutter) 0 / calc(100% - var(--gutter) * 2) 1px no-repeat}.footer-line{margin:0;font-family:var(--serif);font-style:italic;font-size:18px;color:var(--champagne)}.footer-base .label{color:#f6f1e973}@media (max-width: 1180px){.header-cta{display:none}.site-nav a{padding-inline:14px}}@media (max-width: 1100px){.story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.story-copy{grid-column:1}.story-stage{grid-column:2;grid-row:1}.story-aside{grid-column:1 / -1}.process-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}}@media (max-width: 960px){:root{--header-h: 64px}.header-inner{grid-template-columns:auto 1fr auto}.header-logo,.header-logo img{width:44px;height:44px}.header-cta{display:none}.menu-toggle{display:block;grid-column:3;padding:10px 0 10px 16px;border:0;background:none;font:500 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--chocolate);cursor:pointer}.site-nav{position:fixed;inset:var(--header-h) 0 0;z-index:70;display:none;padding:24px var(--gutter);background:var(--ivory);overflow-y:auto}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column}.site-nav li+li{border-left:0}.site-nav li{border-bottom:1px solid var(--hairline)}.site-nav a{padding:22px 0;font-family:var(--serif);font-size:30px;font-weight:300;letter-spacing:0;text-transform:none}.nav-mobile-only{display:block}.hero-stage{width:min(52vw,440px,calc((100svh - 320px)*1.06))}.experience-grid,.making-grid{grid-template-columns:1fr}.experience-stage{height:clamp(240px,56vw,400px)}.tasting-strip{grid-template-columns:repeat(2,1fr)}.jar-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}.pairings{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.footer-grid{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px 28px}}@media (max-width: 760px){.hero-title{top:30%;font-size:clamp(48px,15vw,96px);letter-spacing:.05em}.hero-stage{width:min(70vw,400px)}.hero-foot{justify-content:center}.hero-foot .label{display:none}.story-grid{grid-template-columns:1fr}.story-stage{grid-column:1;grid-row:auto;height:64vw}.process-list,.facts{grid-template-columns:1fr}.facts li+li{border-left:0;border-top:1px solid var(--hairline)}.interlude{min-height:80vh}.interlude-row{font-size:clamp(52px,17vw,110px)}.interlude-row--solid{transform:translate3d(calc(var(--interlude) * -6vw),0,0)}.interlude-row--outline{transform:translate3d(calc(var(--interlude) * 6vw),0,0)}.interlude-stage{width:72vw}.notes{grid-template-columns:1fr}.jar-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.collection-row{grid-template-columns:1fr;gap:64px;max-width:520px;margin-inline:auto}.order-form{grid-template-columns:1fr}.button{min-width:0;width:100%}.footer-base{flex-direction:column;text-align:center}.site-footer{padding-bottom:76px}.wa-float{padding:15px}.wa-float-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (prefers-reduced-motion: reduce){.hero-letter,.interlude-row{transform:none!important}.hero-letter{opacity:1}*,*:before,*:after{transition-duration:.01ms!important}}
