.ghee-home{--display:GheeDisplay,'Arial Narrow',Impact,sans-serif;--gutter:clamp(22px,5vw,88px)}
.ghee-home main{display:block}.ghee-home h1,.ghee-home h2,.ghee-home h3{font-family:var(--display);font-weight:700;letter-spacing:-.025em;line-height:.91}.ghee-home h2{font-size:clamp(58px,7.7vw,128px)}.ghee-home p{line-height:1.55}.ghee-home .handwritten{font-family:Note,cursive;letter-spacing:-.035em}.ghee-home .eyebrow{font-size:13px}.ghee-home ::selection{background:var(--gold);color:var(--ink)}.ghee-home .site-header{border:0}.ghee-home .pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 25px;min-height:58px;border-radius:100px;background:var(--ink);color:var(--paper);font-size:16px;transition:background .2s,transform .2s}.ghee-home .pill:hover{background:var(--teal);transform:translateY(-3px)}.pill span{font-size:23px}.text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;padding:9px 0;border-bottom:1px solid currentColor;font-size:16px}.text-link span{font-size:23px}.ghee-hero{padding:12px var(--gutter) 0;overflow:hidden}.hero-eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em;border-top:1px solid var(--line);padding-top:23px}.hero-eyebrow p{margin:0}.hero-composition{position:relative;min-height:700px;height:clamp(700px,56vw,890px);margin-top:20px;display:grid;grid-template-columns:1.1fr 1fr;isolation:isolate}.hero-type{position:relative;z-index:2;padding-top:30px;pointer-events:none}.hero-type h1{font-size:clamp(110px,11.8vw,192px);line-height:.85;letter-spacing:-.025em;white-space:nowrap}.hero-type h1>span{color:#906016}.hero-note{font-size:24px;line-height:1.45!important;margin:36px 0 0 18px;transform:rotate(-5deg);width:max-content}.hero-note span{font:16px var(--body);letter-spacing:0}.hero-product{position:absolute;right:1%;top:-38px;width:49%;height:94%;margin:0;z-index:1;transform:rotate(5deg) translateY(var(--jar-y,0px));will-change:transform}.hero-product img{height:100%;object-fit:contain;mix-blend-mode:multiply}.hero-product figcaption{position:absolute;bottom:5%;right:17%;font-size:12px;color:var(--muted);transform:rotate(-5deg)}.hero-seal{position:absolute;top:8%;right:0;z-index:3;width:139px;height:139px;border-radius:50%;background:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);box-shadow:0 0 0 5px var(--paper);text-align:center;gap:7px}.hero-seal span{font-size:12px;letter-spacing:.13em}.hero-seal strong{font:700 33px/.88 var(--display)}.hero-description{position:absolute;bottom:18px;right:0;max-width:325px;z-index:3}.hero-description p{font-size:17px;margin-bottom:19px}.hero-description .pill{width:100%}.hero-baseline{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:21px 0 24px;font-size:12px;letter-spacing:.07em}.hero-baseline a span{margin-left:18px}.gold-ribbon{background:var(--gold);display:flex;justify-content:space-around;align-items:center;gap:24px;padding:25px 4%;font:700 clamp(19px,2vw,32px)/1 var(--display);letter-spacing:.02em}.gold-ribbon i{font-size:30px;font-style:normal}.bilona-story{padding:112px var(--gutter) 125px}.process-intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;align-items:end;margin-bottom:70px}.process-intro>.eyebrow{align-self:start;padding-top:7px}.process-intro h2{font-size:clamp(65px,7vw,112px)}.process-intro p:last-child{max-width:230px;font-size:17px}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.process-photo{margin:0;position:relative;height:700px}.process-photo img{height:100%;border-radius:46% 46% 2px 2px;object-position:center}.process-photo figcaption{position:absolute;bottom:48px;left:30px;transform:rotate(-8deg);color:var(--paper);font-size:38px;text-shadow:0 2px 9px #000}.process-photo small{position:absolute;left:28px;bottom:18px;color:#fff;font-size:12px;background:#392818aa;padding:1px 5px}.process-step{display:grid;grid-template-columns:35px 1fr;gap:18px;border-top:1px solid var(--line);padding:23px 0;transition:color .3s}.process-step>span{font-size:14px;padding-top:8px}.process-step h3{font-size:clamp(50px,5.7vw,87px);margin-bottom:14px}.process-step p{max-width:365px;margin:0;font-size:17px}.process-step.is-current{color:#895a0e}.taste-story{position:relative;background:var(--gold);padding:90px var(--gutter) 75px;display:grid;grid-template-columns:1fr 1.2fr;gap:0 5%;overflow:hidden}.taste-heading{position:relative;z-index:2}.taste-heading h2{font-size:clamp(100px,13vw,210px);line-height:.85;margin-top:30px}.taste-heading h2 span{color:#f8f8f0}.taste-story figure{grid-column:2;margin:38px 0 0;transform:rotate(3deg);position:relative;height:490px}.taste-story figure img{height:100%;object-fit:cover;border:12px solid var(--paper);box-shadow:0 14px 40px #62461225}.taste-story figcaption{font-size:12px;position:absolute;bottom:19px;right:21px;color:#fff;background:#392818a8;padding:1px 6px}.taste-copy{grid-column:2;max-width:465px;margin-top:35px}.taste-copy .handwritten{font-size:35px;display:block;transform:rotate(-5deg);margin:0 0 24px}.taste-copy p{font-size:19px}.taste-copy .small-copy{font-size:14px;max-width:380px}.care-manifesto{background:var(--ink);color:var(--paper);padding:85px var(--gutter) 100px}.care-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.care-top .handwritten{color:var(--gold);transform:rotate(-6deg);font-size:30px}.care-manifesto h2{font-size:clamp(80px,11.2vw,180px);line-height:.94}.care-manifesto h2 span{color:var(--gold)}.care-bottom{margin-top:62px;display:grid;grid-template-columns:.7fr 1fr .5fr;gap:7%;align-items:center}.care-bottom figure{margin:0;transform:rotate(-5deg)}.care-bottom img{height:325px;object-position:center 45%;border:8px solid var(--paper)}.care-bottom figcaption{font-size:12px;margin-top:13px}.care-bottom p{font-size:18px}.care-bottom .text-link{color:var(--gold)}.herd-note{align-self:center;transform:rotate(7deg);display:flex;flex-direction:column;text-align:center}.herd-note strong{font:700 clamp(70px,8vw,125px)/1 var(--display);color:var(--gold)}.herd-note>span{font-size:13px;letter-spacing:.1em;margin-top:10px}.people-story{padding:120px var(--gutter);display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.people-story h2{font-size:clamp(64px,7.6vw,122px)}.people-story h2 span{color:#8b5b14}.people-copy .handwritten{display:block;font-size:35px;margin-bottom:25px;color:var(--teal);transform:rotate(-4deg)}.people-copy p{max-width:460px;font-size:18px}.order-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:90px var(--gutter);background:#efcf70;border-top:1px solid #d4ad46;border-bottom:1px solid #d4ad46}.order-art{position:relative;background:var(--paper);min-height:800px;border-radius:240px 240px 12px 12px;display:flex;flex-direction:column;justify-content:center;padding:50px 10px 25px}.order-art .handwritten{position:absolute;top:57px;left:5%;font-size:29px;transform:rotate(-9deg);z-index:2}.order-art img{height:650px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-7deg)}.order-art small{text-align:center;display:block;font-size:12px;padding:0 12px}.order-copy{padding-top:20px}.order-copy h2{font-size:clamp(68px,7.7vw,124px);margin-bottom:30px}.order-copy h3{font-family:var(--body);font-size:21px;line-height:1.3;letter-spacing:0;font-weight:400}.order-price{display:flex;align-items:baseline;gap:20px;margin:17px 0}.order-price strong{font:700 51px/1 var(--display)}.order-price span{font-size:16px}.order-copy .pill{width:100%;max-width:450px;margin:7px 0 13px}.order-copy .order-note{font-size:13px;max-width:380px}.order-copy details{border-color:#b99a47;max-width:460px}.order-copy summary{padding:17px 0;font-size:16px}.order-copy details p{font-size:15px}.pantry-link{margin-top:20px}.basket-link{display:flex;font-size:14px;border:0;text-decoration:underline;margin-top:9px;gap:4px}.basket-link span{font-size:14px}.visit-teaser{padding:95px var(--gutter);position:relative}.visit-teaser>a:first-of-type{display:flex;justify-content:space-between;gap:30px;align-items:center}.visit-teaser h2{font-size:clamp(57px,7vw,112px)}.visit-arrow{width:105px;height:105px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:60px;transition:transform .25s}.visit-teaser a:hover .visit-arrow{transform:rotate(45deg)}.visit-teaser>p:not(.eyebrow){margin:28px 0 15px;font-size:18px}.ghee-footer{padding:50px var(--gutter) 25px;background:var(--ink);color:var(--paper);overflow:hidden}.footer-line{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:40px;align-items:center}.footer-line .brand-logo{width:160px;height:74px;border-radius:50%;overflow:hidden}.footer-line p{font-size:18px;margin:0}.footer-line nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:15px}.footer-line nav a{min-height:44px;display:flex;align-items:center}.footer-word{font:700 clamp(70px,20.2vw,360px)/.9 var(--display);letter-spacing:-.025em;white-space:nowrap;margin:65px 0 40px;color:var(--gold)}.footer-legal{border-top:1px solid #78644e;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.ghee-home dialog{--display:Village,Georgia,serif}.ghee-home dialog h2,.ghee-home dialog h3{font-family:var(--display);letter-spacing:-.04em;line-height:1.15;font-weight:400}.ghee-home dialog .close{font-family:var(--body)}
@media(min-width:1700px){.hero-composition{max-width:1600px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.hero-composition{height:730px;min-height:0}.hero-type h1{font-size:12vw}.hero-product{right:-7%;top:-20px;width:57%;height:83%}.hero-description{max-width:290px}.hero-seal{right:-2%;top:8%;width:116px;height:116px}.hero-seal strong{font-size:29px}.hero-seal span{font-size:12px}.process-intro{grid-template-columns:1fr 2fr}.process-intro p:last-child{grid-column:2;max-width:400px}.process-photo{height:620px}.process-layout{gap:6%}.taste-story figure{height:410px}.care-bottom{grid-template-columns:.8fr 1.2fr;gap:7%}.herd-note{display:none}.order-art{min-height:700px}.order-art img{height:540px}.order-art .handwritten{font-size:23px}.order-copy h2{font-size:8vw}}
@media(max-width:760px){.ghee-home .site-header{flex-wrap:nowrap}.ghee-home .site-header nav.is-open{top:100%;z-index:30}.hero-eyebrow p{font-size:12px}.hero-eyebrow p:last-child{display:none}.ghee-hero{padding-top:2px}.hero-composition{height:auto;min-height:1030px;display:block;margin-top:18px}.hero-type{padding-top:0}.hero-type h1{font-size:clamp(88px,17.5vw,133px);line-height:.87}.hero-type h1>span{display:block}.hero-note{font-size:19px;position:absolute;right:0;top:215px;margin:0;z-index:4;max-width:150px;white-space:normal}.hero-note span{font-size:13px}.hero-product{top:300px;left:5%;right:auto;width:90%;height:550px;transform:rotate(5deg)}.hero-product figcaption{bottom:2%;right:8%;font-size:12px}.hero-seal{top:350px;right:0;width:113px;height:113px}.hero-description{position:relative;top:auto;bottom:auto;right:auto;margin-top:520px;max-width:none;width:100%;padding-bottom:28px}.hero-description p{font-size:17px;max-width:420px}.hero-description .pill{width:auto;min-width:260px}.hero-baseline{font-size:12px;align-items:center}.hero-baseline>span{max-width:155px}.hero-baseline>a{white-space:nowrap;letter-spacing:0}.hero-baseline a span{margin-left:5px}.gold-ribbon{flex-wrap:wrap;gap:15px 10px;padding:22px;font-size:23px}.gold-ribbon span{width:42%;text-align:center}.gold-ribbon i{font-size:20px}.gold-ribbon i:nth-of-type(2){display:none}.bilona-story{padding:72px var(--gutter)}.process-intro{display:block;margin-bottom:35px}.process-intro h2{font-size:75px;margin:22px 0}.process-intro p:last-child{max-width:320px}.process-layout{grid-template-columns:1fr;gap:35px}.process-photo{height:510px;max-width:440px;margin:auto;width:100%}.process-photo figcaption{font-size:30px}.process-step{padding:22px 0}.process-step h3{font-size:64px}.process-step p{font-size:17px}.taste-story{padding:60px var(--gutter);grid-template-columns:1fr;gap:30px}.taste-heading h2{font-size:clamp(104px,23vw,150px)}.taste-story figure{grid-column:1;margin:0;height:320px}.taste-copy{grid-column:1;margin:15px 0 0}.taste-copy p{font-size:18px}.care-manifesto{padding:62px var(--gutter)}.care-top{align-items:flex-start;gap:20px;margin-bottom:30px}.care-top .handwritten{font-size:21px;max-width:110px}.care-manifesto h2{font-size:clamp(52px,11.7vw,88px)}.care-bottom{margin-top:35px;grid-template-columns:1fr;gap:40px}.care-bottom figure{max-width:270px;margin:0 auto}.care-bottom img{height:330px}.care-bottom p{font-size:17px}.people-story{padding:75px var(--gutter);grid-template-columns:1fr;gap:40px}.people-story h2{font-size:clamp(62px,13vw,92px)}.people-copy p{font-size:17px}.order-section{grid-template-columns:1fr;gap:35px;padding:55px var(--gutter)}.order-art{min-height:0;height:510px;max-width:420px;width:100%;margin:0 auto;padding:25px 0 17px}.order-art img{height:435px}.order-art .handwritten{top:40px;left:3%;font-size:22px}.order-copy h2{font-size:clamp(70px,15vw,110px)}.order-copy h3{font-size:21px}.visit-teaser{padding:65px var(--gutter)}.visit-teaser h2{font-size:clamp(43px,8.5vw,66px)}.visit-arrow{width:54px;height:54px;font-size:34px;flex-shrink:0}.visit-teaser>a:first-of-type{gap:8px}.visit-teaser>p:not(.eyebrow){font-size:16px}.ghee-footer{padding:40px var(--gutter) 25px}.footer-line{grid-template-columns:1fr 1fr;gap:25px}.footer-line .brand-logo{width:130px;height:60px}.footer-line p{font-size:15px}.footer-line nav{grid-column:1/-1}.footer-word{font-size:20vw;margin:35px 0 25px}.footer-legal{flex-wrap:wrap;font-size:12px;gap:12px}.footer-legal span:last-child{display:none}}
.ghee-home #main{display:block}
@media(max-width:900px){.ghee-home .site-header nav{position:absolute;top:100%;left:0;right:0;flex-basis:auto;padding:20px;background:var(--paper);box-shadow:0 12px 20px #39281815;margin:0}.ghee-home .site-header nav.is-open{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-product{will-change:auto}.ghee-home *{transition:none!important;animation:none!important}}
/* Motion-led product story */
@font-face{font-family:MotionDisplay;src:url('assets/anton.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:MotionSans;src:url('assets/dm-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:MotionScript;src:url('assets/instrument-italic.ttf') format('truetype');font-style:italic;font-display:swap}
.motion-home{--display:MotionDisplay,'Arial Narrow',Impact,sans-serif;--body:MotionSans,Field,Arial,sans-serif;--script:MotionScript,Note,cursive;--paper:#f8f8f0;--ink:#33261b;--teal:#175f5b;--gold:#efb82f;--rust:#a26b16;--line:#d6cbb2;overflow-x:hidden}
.motion-home .script{font-family:var(--script);font-style:italic;font-weight:400;letter-spacing:-.02em}.motion-home h1,.motion-home h2,.motion-home h3{font-family:var(--display);font-weight:400;letter-spacing:.005em;line-height:.87}.motion-home p{font-family:var(--body)}
.jar-journey{position:relative;height:500vh;background:var(--paper)}.jar-stage{position:relative;height:100%;isolation:isolate;overflow:clip}.stage-wash{position:sticky;top:0;height:100vh;background:radial-gradient(circle at 50% 44%,#fffced 0%,var(--paper) 55%,#eae0c8 100%);z-index:0}.stage-wash:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#33261b18 .65px,transparent .65px);background-size:6px 6px;opacity:.18;mix-blend-mode:multiply}.chapter{position:absolute;inset:0;height:100vh;min-height:620px;z-index:4;display:flex;align-items:center;padding:clamp(80px,10vh,130px) var(--gutter) clamp(90px,12vh,150px);opacity:0;visibility:hidden;transform:translateY(4vh) scale(.98);transition:opacity .75s cubic-bezier(.22,.8,.2,1),transform .85s cubic-bezier(.22,.8,.2,1),visibility 0s linear .85s;pointer-events:none}.chapter.is-active{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition-delay:0s;visibility:visible}.chapter h2{font-size:clamp(78px,10vw,168px)}.chapter .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:28px}.chapter p:not(.eyebrow){font-size:clamp(16px,1.35vw,19px);line-height:1.55;max-width:410px}.chapter em{color:var(--rust);font-style:normal}.chapter-left{z-index:2}.chapter-intro{display:block;padding-top:clamp(115px,14vh,180px)}.journey-kicker{font-size:12px!important;letter-spacing:.16em;margin:0 0 28px}.chapter-intro h1{font-size:clamp(112px,15vw,256px);line-height:.77;display:flex;justify-content:space-between;gap:20%;width:100%;max-width:1420px;margin:auto;letter-spacing:-.01em}.title-half{display:flex;flex-direction:column}.title-right{text-align:right;color:var(--rust);padding-top:clamp(55px,8vh,120px)}.type-line{display:block;overflow:hidden}.type-line>span{display:block;transform:translateY(110%);transition:transform 1s cubic-bezier(.16,.8,.22,1)}.chapter-intro.is-active .type-line>span{transform:translateY(0)}.chapter-intro .type-line:nth-child(2)>span{transition-delay:.12s}.title-right .type-line:nth-child(1)>span{transition-delay:.18s}.title-right .type-line:nth-child(2)>span{transition-delay:.28s}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;left:var(--gutter);right:var(--gutter);bottom:12vh;font-size:17px}.intro-bottom p{margin:0}.intro-bottom em{font-style:normal;color:var(--rust)}.intro-bottom .pill{background:var(--teal);color:var(--paper)}.chapter-care{justify-content:space-between}.chapter-care .chapter-left{max-width:520px}.chapter-care .chapter-photo{margin:0;width:min(31vw,440px);height:min(65vh,650px);transform:rotate(6deg) translateX(-10vw);opacity:0;transition:transform 1s cubic-bezier(.16,.8,.22,1),opacity .8s}.chapter-care.is-active .chapter-photo{transform:rotate(6deg) translateX(0);opacity:1}.chapter-photo img{height:100%;object-fit:cover;border:10px solid var(--paper);box-shadow:0 18px 45px #39281824}.chapter-photo figcaption{font-size:30px;color:var(--teal);margin-top:16px;transform:rotate(-5deg)}.chapter-curd .chapter-left,.chapter-churn .chapter-left,.chapter-gold .chapter-left{max-width:500px;margin-left:4vw}.chapter-curd .chapter-right,.chapter-churn .chapter-right,.chapter-gold .chapter-right{margin-left:auto;align-self:flex-end;text-align:right;max-width:310px;margin-bottom:13vh}.chapter-right .script{font-size:clamp(40px,4vw,70px);line-height:.95;color:var(--teal);display:block;transform:rotate(-7deg)}.chapter-right p{font-size:13px!important;letter-spacing:.08em;margin:28px 0 0 auto}.chapter-curd .chapter-left h2 em,.chapter-gold .chapter-left h2 em{color:var(--teal)}.chapter-churn{background:linear-gradient(90deg,transparent 0 18%,#f1dfac55 18% 82%,transparent 82%)}.chapter-gold{background:linear-gradient(135deg,#f2cf62 0%,#e3a826 100%);color:#312317}.chapter-gold .chapter-right .script{color:#683f0c}.chapter-gold .text-link{margin-top:30px}.jar-object{position:sticky;z-index:6;top:15vh;width:min(39vw,560px);height:70vh;margin:-70vh auto 0;pointer-events:none;transform:translateX(0);display:flex;align-items:center;justify-content:center}.jar-parallax{position:relative;width:100%;height:100%;transform:translateY(var(--jar-y,0px)) rotate(var(--jar-tilt,0deg));transition:transform .85s cubic-bezier(.2,.8,.2,1)}.jar-body{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 22px 20px #5d3e141f);transform:scale(var(--jar-scale,1));transition:transform .9s cubic-bezier(.2,.8,.2,1)}.jar-lid{position:absolute;width:39%;height:auto;object-fit:contain;top:7%;left:64%;transform:translateY(var(--lid-y,0px)) rotate(var(--lid-rotate,0deg)) scale(var(--lid-scale,1));transform-origin:45% 55%;filter:drop-shadow(0 16px 15px #5d3e142b);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.jar-object figcaption{position:absolute;bottom:2%;right:-2%;font-size:11px;color:var(--muted);letter-spacing:.06em;opacity:.8}.product-orbit{position:absolute;z-index:5;width:min(35vw,480px);height:min(35vw,480px);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.55}.orbit-type{width:100%;height:100%;fill:none;animation:orbitSpin 36s linear infinite}.orbit-type text{font:12px MotionSans,sans-serif;letter-spacing:2px;fill:var(--teal)}@keyframes orbitSpin{to{transform:rotate(360deg)}}.gold-stamp{position:absolute;z-index:7;right:5%;top:20%;width:120px;height:120px;border-radius:50%;background:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;transform:rotate(12deg);box-shadow:0 0 0 6px var(--paper);font-size:10px;letter-spacing:.09em}.gold-stamp strong{font:30px var(--script);font-style:italic;letter-spacing:0}.stage-floor{position:absolute;z-index:8;left:var(--gutter);right:var(--gutter);bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em}.scroll-invitation{display:flex;align-items:center;gap:14px;color:var(--ink);font-size:11px;letter-spacing:.12em}.scroll-dot{width:24px;height:24px;border:1px solid var(--ink);border-radius:50%;position:relative}.scroll-dot:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--rust);top:9px;left:9px;animation:scrollPulse 1.6s ease-in-out infinite}@keyframes scrollPulse{50%{transform:scale(2);opacity:.25}}.story-progress{position:sticky;z-index:10;bottom:24px;margin:-70px var(--gutter) 0;display:flex;justify-content:center;gap:clamp(12px,2.4vw,38px);font:11px MotionSans,sans-serif;letter-spacing:.08em}.story-progress button{color:var(--muted);font-size:inherit;letter-spacing:inherit;padding:7px 0;opacity:.55}.story-progress button[aria-current=step]{opacity:1;color:var(--ink)}.story-progress button span{color:var(--rust);margin-right:5px}.story-progress-line{display:none}.gold-ribbon{overflow:hidden;display:block;padding:0;white-space:nowrap}.ribbon-track{display:flex;width:max-content;animation:ribbonRun 22s linear infinite;padding:26px 0}.ribbon-track span{display:block;padding:0 18px}.ribbon-track i{font-style:normal;margin:0 22px}@keyframes ribbonRun{to{transform:translateX(-50%)}}.taste-story,.care-manifesto,.people-story,.order-section,.visit-teaser{position:relative;z-index:1}.taste-story [data-reveal],.people-story[data-reveal],.visit-teaser[data-reveal]{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.taste-story.is-seen [data-reveal],.people-story.is-seen,.visit-teaser.is-seen{opacity:1;transform:none}.care-manifesto .manifesto-words{display:flex;flex-direction:column;gap:0}.care-manifesto .manifesto-words span{display:block;opacity:.14;transform:translateX(-30px);transition:opacity .7s ease,transform .7s ease}.care-manifesto.is-seen .manifesto-words span{opacity:1;transform:none}.care-manifesto.is-seen .manifesto-words span:nth-child(2){transition-delay:.12s}.care-manifesto.is-seen .manifesto-words span:nth-child(3){transition-delay:.24s}.order-art{overflow:hidden}.order-jar{position:relative;height:650px;width:100%;display:flex;align-items:center;justify-content:center}.order-body{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-5deg)}.order-lid{position:absolute;width:25%;height:auto;top:19%;left:64%;object-fit:contain;transform:rotate(10deg)}.motion-toggle{position:fixed;z-index:40;right:18px;bottom:18px;padding:9px 13px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:12px MotionSans,sans-serif;border-radius:30px;opacity:.85}.motion-toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}.motion-home.reduce-motion *,.motion-home.reduce-motion *:before,.motion-home.reduce-motion *:after{animation-play-state:paused!important;transition-duration:0s!important}.motion-home.reduce-motion .chapter{opacity:0;visibility:hidden}.motion-home.reduce-motion .chapter-intro{opacity:1;visibility:visible}.motion-home.reduce-motion .jar-lid{transform:translateY(0) rotate(0deg)}
@media(max-width:900px){.jar-journey{height:460vh}.chapter{padding-left:24px;padding-right:24px}.chapter-intro h1{font-size:clamp(84px,15vw,140px)}.jar-object{width:min(46vw,390px);height:64vh;top:18vh;margin-top:-64vh}.jar-lid{width:43%;left:61%}.gold-stamp{right:3%;width:95px;height:95px}.gold-stamp strong{font-size:24px}.story-progress{gap:14px}.story-progress button{font-size:10px}.story-progress button:not([aria-current=step]){display:none}.chapter-care .chapter-photo{width:37vw}.chapter h2{font-size:clamp(66px,9vw,110px)}.chapter-curd .chapter-left,.chapter-churn .chapter-left,.chapter-gold .chapter-left{margin-left:0}.chapter-right{margin-right:4vw}.order-jar{height:540px}}
@media(max-width:640px){.jar-journey{height:430vh}.chapter{min-height:640px;align-items:flex-start;padding-top:130px}.chapter-intro{padding-top:120px}.chapter-intro h1{display:block;font-size:clamp(78px,22vw,130px);line-height:.8}.title-right{padding-top:10px;text-align:right}.intro-bottom{left:24px;right:24px;bottom:90px;display:block}.intro-bottom p{font-size:16px;margin-bottom:20px}.intro-bottom .pill{min-width:230px}.jar-object{top:24vh;width:min(63vw,300px);height:51vh;margin-top:-51vh}.jar-body{transform:scale(1.08)}.jar-lid{width:47%;top:8%;left:61%}.product-orbit{width:70vw;height:70vw;top:48%}.orbit-type text{font-size:14px}.gold-stamp{top:23%;right:6%;width:83px;height:83px;font-size:8px}.gold-stamp strong{font-size:21px}.chapter-care{display:block;padding-top:145px}.chapter-care .chapter-left{max-width:65%}.chapter-care h2{font-size:70px}.chapter-care .chapter-photo{position:absolute;right:24px;bottom:16%;width:42vw;height:42vh}.chapter-photo figcaption{font-size:21px}.chapter-curd .chapter-left,.chapter-churn .chapter-left,.chapter-gold .chapter-left{max-width:72%}.chapter h2{font-size:clamp(62px,16vw,100px)}.chapter .chapter-right{position:absolute;right:24px;bottom:18%;max-width:180px}.chapter-right .script{font-size:34px}.chapter-churn{background:linear-gradient(90deg,transparent,#f1dfac66,transparent)}.story-progress{margin-left:24px;margin-right:24px;bottom:75px;justify-content:flex-start}.story-progress button{display:none}.story-progress button[aria-current=step]{display:block}.stage-floor{left:24px;right:24px;bottom:24px}.stage-floor .story-place{font-size:9px}.gold-ribbon{font-size:23px}.ribbon-track{padding:22px 0}.taste-heading h2{font-size:24vw}.care-manifesto .manifesto-words{font-size:clamp(55px,14vw,90px)}.order-jar{height:430px}.order-lid{left:63%;top:19%;width:28%}.motion-toggle{right:12px;bottom:12px;font-size:11px}.motion-home .site-header{position:relative;z-index:50}}
@media(prefers-reduced-motion:reduce){.motion-home *,.motion-home *:before,.motion-home *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.motion-home .motion-toggle{display:none}}
.motion-home .jar-parallax{transform:translate3d(var(--jar-x,0px),var(--jar-y,0px),0) rotate(var(--jar-tilt,0deg))}

/* The whole composition stays together while the story advances. */
.motion-home{overflow-x:clip}
.motion-home .jar-journey{height:600svh}
.motion-home .jar-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.motion-home .stage-wash{position:absolute;inset:0;height:100%}
.motion-home .chapter{height:100%;min-height:0}
.motion-home .chapter.is-active{pointer-events:auto}
.motion-home .jar-object{position:absolute;left:50%;top:17%;width:min(36vw,540px);height:69%;margin:0;transform:translateX(-50%)}
.motion-home .jar-lid{width:56%;left:54%;top:1%}
.motion-home .order-lid{width:36%;left:60%;top:16%}
.motion-home .story-progress{position:absolute;bottom:18px;left:var(--gutter);right:var(--gutter);margin:0;gap:24px}
.motion-home .story-progress button{min-height:44px;font-size:12px}
.motion-home .stage-floor{bottom:70px}
.chapter-jar{display:none}
/* Curved process arrows echo the handwritten notes elsewhere on the page. */
.motion-home .chapter-gold{background:var(--teal);color:var(--paper)}
.motion-home .chapter-gold .chapter-left,.motion-home .chapter-gold .chapter-right{display:none}
.bottle-kicker{position:absolute;top:9%;left:var(--gutter);right:var(--gutter);text-align:center;max-width:none!important;font-size:13px!important;letter-spacing:.14em}
.jar-benefits{position:absolute;inset:0;pointer-events:none}
.benefit{position:absolute;width:29%;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .7s ease}
.benefit>div{flex:1;min-width:0}
.benefit strong{display:block;font:400 clamp(23px,2.25vw,36px)/1.08 var(--display);letter-spacing:.025em}
.benefit small{display:block;margin-top:10px;font:14px/1.5 var(--body);color:#e2eae0}
.benefit-one{left:5%;top:29%;transition-delay:.1s}
.benefit-two{left:5%;top:62%;transition-delay:.3s}
.benefit-three{right:5%;top:32%;transition-delay:.2s}
.benefit-four{right:5%;top:66%;transition-delay:.4s}
.benefit-left{text-align:right}
.benefit-left .benefit-arrow{order:2}
.benefit-right .benefit-arrow{transform:scaleX(-1)}
.benefit-arrow{flex:0 0 30%;width:30%;height:auto;overflow:visible;color:var(--paper)}
.arrow-stroke{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s .3s ease}
.chapter-gold.is-active .benefit{opacity:1;transform:none}
.chapter-gold.is-active .arrow-stroke{stroke-dashoffset:0}
.jar-stage[data-step="4"] .product-orbit,.jar-stage[data-step="4"] .gold-stamp{opacity:0}
.jar-stage[data-step="4"] .story-progress button,.jar-stage[data-step="4"] .scroll-invitation,.jar-stage[data-step="4"] .story-place,.jar-stage[data-step="4"] .jar-object figcaption{color:var(--paper)}
.jar-stage[data-step="4"] .story-progress button span{color:var(--gold)}
.jar-stage[data-step="4"] .scroll-dot{border-color:var(--paper)}
/* A tasting note occupies the space directly beside the roti invitation. */
.motion-home .taste-heading{grid-area:1/1}
.motion-home .taste-story figure{grid-area:1/2}
.motion-home .taste-note{grid-area:2/1;align-self:start;margin:35px 0 0;padding:28px 0 0;border-top:1px solid #8a661f;max-width:390px}
.taste-note .script{display:block;font-size:clamp(32px,3.4vw,52px);line-height:1.05;color:var(--teal);transform:rotate(-4deg);margin-bottom:30px}
.taste-notes{display:flex;flex-wrap:wrap;gap:10px 18px;font:12px/1.5 var(--body);letter-spacing:.08em}
.taste-notes span:before{content:'✳';margin-right:8px;color:var(--teal)}
.motion-home .taste-copy{grid-area:2/2}
.motion-home .taste-heading.is-seen{opacity:1;transform:none}
.footer-word{display:block;white-space:normal;line-height:1;margin:60px 0 32px}
.footer-word>span{display:block;font:400 clamp(72px,17.5vw,300px)/1 var(--display);letter-spacing:.015em;color:var(--gold)}
.footer-word small{display:block;margin-top:20px;font:12px/1.5 var(--body);letter-spacing:.16em;color:var(--paper)}
.motion-home.reduce-motion .chapter.is-active{opacity:1;visibility:visible}
.motion-home.reduce-motion .chapter:not(.is-active){opacity:0;visibility:hidden}
@media(min-width:761px) and (max-width:1100px){
 .motion-home .chapter h2{font-size:8vw}.motion-home .chapter-left{max-width:37%;margin-left:0}
 .motion-home .chapter-right{max-width:23%;margin-right:0}.chapter-right .script{font-size:36px}
 .chapter-care .chapter-photo{width:28vw}.benefit{width:30%;gap:8px}.benefit strong{font-size:24px}
 .benefit small{font-size:13px}.benefit-one,.benefit-two{left:3%}.benefit-three,.benefit-four{right:3%}
 .motion-home .gold-stamp{width:90px;height:90px;top:15%;right:3%}
}
/* Small screens use an uninterrupted vertical story, with the same imagery and type. */
@media(max-width:760px),(max-height:580px){
 .motion-home .jar-journey{height:auto}
 .motion-home .jar-stage{position:relative;top:auto;height:auto;overflow:clip}
 .motion-home .stage-wash,.motion-home .jar-object,.motion-home .product-orbit,.motion-home .gold-stamp,.motion-home .stage-floor,.motion-home .story-progress{display:none}
 .motion-home .chapter,.motion-home.reduce-motion .chapter:not(.is-active){position:relative;inset:auto;height:auto;min-height:0;opacity:1;visibility:visible;transform:none;pointer-events:auto;padding:64px var(--gutter);display:block}
 .motion-home .chapter-intro{padding-top:30px;padding-bottom:45px}
 .motion-home .chapter-intro h1{display:flex;gap:12%;font-size:clamp(60px,17vw,126px);line-height:.9}
 .motion-home .title-right{padding-top:48px}
 .motion-home .type-line>span{transform:none}
 .motion-home .journey-kicker{font-size:12px!important;letter-spacing:.08em;margin-bottom:28px}
 .chapter-jar{display:block;position:relative;width:230px;height:345px;max-width:65%;margin:0 auto}
 .chapter-jar>img:first-child{width:100%;height:100%;object-fit:contain}
 .chapter-jar .chapter-jar-lid{position:absolute;top:1%;left:54%;width:56%;height:auto;object-fit:contain;transform:rotate(8deg)}
 .motion-home .intro-bottom{position:static;display:block;margin-top:12px}
 .motion-home .intro-bottom p{font-size:16px;margin-bottom:22px}
 .motion-home .intro-bottom .pill{width:100%;min-width:0}
 .motion-home .chapter .chapter-left{max-width:none;margin:0}
 .motion-home .chapter h2{font-size:clamp(56px,14vw,96px);line-height:.95;margin-bottom:25px}
 .motion-home .chapter p:not(.eyebrow):not(.bottle-kicker){font-size:16px;max-width:440px}
 .motion-home .chapter .chapter-right{position:static;max-width:none;margin:34px 0 0;text-align:left}
 .motion-home .chapter-right .script{font-size:36px;transform:rotate(-4deg);margin-bottom:24px}
 .motion-home .chapter-right p{margin:0;font-size:14px!important}
 .motion-home .chapter-care{background:#eee9d7}
 .motion-home .chapter-care .chapter-photo{position:relative;inset:auto;width:85%;max-width:370px;height:350px;margin:35px auto 24px;opacity:1;transform:rotate(3deg)}
 .motion-home .chapter-care .chapter-photo figcaption{font-size:28px}
 .motion-home .chapter-gold{height:730px;padding:0}
 .motion-home .chapter-gold .chapter-jar{position:absolute;top:194px;left:50%;transform:translateX(-50%);width:210px;max-width:58%;height:330px;margin:0}
 .motion-home .bottle-kicker{top:44px;font-size:12px!important;letter-spacing:.1em}
 .motion-home .benefit{width:41%;max-width:225px;display:flex;flex-direction:column;gap:8px;text-align:left;opacity:1;transform:none}
 .motion-home .benefit strong{font-size:20px;line-height:1.1}.motion-home .benefit small{font-size:13px;line-height:1.4;margin-top:6px}
 .motion-home .benefit-one{left:6%;top:109px}.motion-home .benefit-three{right:6%;top:109px;text-align:right}
 .motion-home .benefit-two{left:6%;top:531px}.motion-home .benefit-four{right:6%;top:531px;text-align:right}
 .motion-home .benefit-arrow{position:absolute;width:65px;height:42px;top:99px;right:12px;transform:rotate(40deg)}
 .motion-home .benefit-three .benefit-arrow{left:12px;right:auto;transform:scaleX(-1) rotate(40deg)}
 .motion-home .benefit-two .benefit-arrow{top:-55px;right:20px;transform:rotate(-65deg)}
 .motion-home .benefit-four .benefit-arrow{top:-55px;left:20px;right:auto;transform:scaleX(-1) rotate(-65deg)}
 .motion-home .chapter-gold .arrow-stroke{stroke-dashoffset:0}
 .motion-home .taste-story{grid-template-columns:minmax(0,1fr);gap:30px}
 .motion-home .taste-heading,.motion-home .taste-story figure,.motion-home .taste-note,.motion-home .taste-copy{grid-area:auto;margin:0}
 .motion-home .taste-heading{opacity:1;transform:none}
 .motion-home .taste-heading h2{font-size:24vw}
 .motion-home .taste-story figure{height:320px;transform:rotate(2deg)}
 .motion-home .taste-note{grid-row:4;padding-top:26px;max-width:none}
 .taste-note .script{font-size:35px}.taste-notes{font-size:12px}
 .motion-home .footer-word>span{font-size:17.5vw}.motion-home .footer-word small{font-size:12px}
 .motion-home .order-lid{width:41%;left:57%;top:14%}
 .motion-home .motion-toggle{min-height:44px;font-size:12px;bottom:max(10px,env(safe-area-inset-bottom));right:10px}
}
@media(max-width:760px),(max-height:580px){
 .motion-home .chapter-gold .benefit{opacity:0;transform:translateY(12px)}
 .motion-home .chapter-gold .arrow-stroke{stroke-dashoffset:1}
 .motion-home .chapter-gold.is-seen .benefit{opacity:1;transform:none}
 .motion-home .chapter-gold.is-seen .arrow-stroke{stroke-dashoffset:0}
}
/* A photographic journey from forest grazing to the finished jar. */
.motion-home .jar-journey{height:800svh}
.motion-home .chapter{opacity:var(--chapter-opacity,0);transform:translateY(var(--chapter-shift,0px));transition:none}
.motion-home .jar-object{opacity:var(--bottle-opacity,1);transition:none}
.motion-home .jar-parallax{transform:none}
.motion-home .jar-lid,.motion-home .order-lid,.chapter-jar-lid{display:none}
.motion-home .process-chapter{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:7%;align-items:center;padding:6vh var(--gutter) 115px;background:var(--paper)}
.process-writing{max-width:560px;position:relative;z-index:2}
.motion-home .process-writing h2{font-size:clamp(56px,6.3vw,112px);line-height:.99;margin-bottom:28px}
.motion-home .process-writing .eyebrow{margin-bottom:24px;font-size:13px;letter-spacing:.12em}
.motion-home .process-writing>p:not(.eyebrow){font-size:clamp(16px,1.35vw,20px);max-width:390px;line-height:1.65;margin-bottom:30px}
.process-writing .process-note{display:block;color:var(--teal);font-size:clamp(30px,3.5vw,52px);line-height:1.1;transform:rotate(-4deg)}
.process-scene{margin:0;width:100%;height:min(66svh,700px);position:relative;overflow:hidden;border-radius:48% 48% 3px 3px;align-self:center}
.process-scene img{height:100%;width:100%;object-fit:cover;transform:scale(var(--scene-scale,1.045));will-change:transform}
.process-scene figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 24px 20px;background:linear-gradient(transparent,#092b28c9);color:#fff;font-size:14px;display:flex;justify-content:space-between;align-items:end;gap:16px}
.process-scene figcaption span{font-size:12px;max-width:85px;text-align:right;opacity:.85}
.motion-home .process-graze{background:#edf0e5}.motion-home .process-graze h2 em{color:var(--teal)}
.motion-home .process-milk{background:var(--paper)}
.motion-home .process-curd{background:#f0ead8}
.motion-home .process-churn{background:#e7e9d7}
.motion-home .process-cook{background:#f0d996}
.motion-home .product-orbit,.motion-home .gold-stamp{transition:opacity .4s}
.jar-stage:not([data-step="0"]) .product-orbit,.jar-stage:not([data-step="0"]) .gold-stamp{opacity:0;pointer-events:none}
.motion-home .story-progress{gap:clamp(8px,1.7vw,26px)}
.motion-home .story-progress button{font-size:12px;letter-spacing:.04em;white-space:nowrap}
.jar-stage[data-finish="true"] .story-progress button,.jar-stage[data-finish="true"] .scroll-invitation,.jar-stage[data-finish="true"] .story-place,.jar-stage[data-finish="true"] .jar-object figcaption{color:var(--paper)}
.jar-stage[data-finish="true"] .story-progress button span{color:var(--gold)}
.jar-stage[data-finish="true"] .scroll-dot{border-color:var(--paper)}
.jar-stage[data-step="4"] .story-progress button,.jar-stage[data-step="4"] .scroll-invitation,.jar-stage[data-step="4"] .story-place{color:var(--ink)}
.jar-stage[data-step="4"] .story-progress button span{color:var(--rust)}
.jar-stage[data-step="4"] .scroll-dot{border-color:var(--ink)}
.motion-home.reduce-motion .chapter{transition:none;transform:none}
@media(min-width:761px) and (max-width:1100px){.motion-home .process-writing h2{font-size:6.5vw}.motion-home .process-chapter{gap:5%}.process-scene figcaption{padding:30px 18px 18px;font-size:13px}}
@media(max-width:760px),(max-height:580px){
 .motion-home .jar-journey{height:auto}
 .motion-home .chapter{opacity:1;transform:none}
 .motion-home .process-chapter{display:flex;flex-direction:column;gap:32px;padding:58px var(--gutter) 60px;align-items:stretch}
 .motion-home .process-writing{max-width:600px}
 .motion-home .process-writing h2{font-size:clamp(51px,13vw,85px);line-height:1.02;margin-bottom:25px}
 .motion-home .process-writing>p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:520px;margin-bottom:25px}
 .process-writing .process-note{font-size:33px;margin-bottom:5px}
 .motion-home .process-scene{height:auto;aspect-ratio:1/1.08;max-height:560px;width:100%;max-width:550px;border-radius:44% 44% 3px 3px}
 .process-scene img{transform:scale(1.045);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
 .process-chapter.is-seen .process-scene img{transform:scale(1)}
 .process-scene figcaption{font-size:14px;padding:40px 20px 18px}
 .motion-home .chapter-intro .chapter-jar{height:330px}
 .motion-home .chapter-gold .chapter-jar{top:194px}
}
/* Seamless paper opening and softly feathered process photographs. */
.motion-home,.motion-home .site-header,.motion-home .stage-wash,.motion-home .chapter-intro{background:#f8f8f0}
.motion-home .stage-wash:after{display:none}
.motion-home .process-scene{height:auto;width:min(100%,66svh);max-height:none;aspect-ratio:auto;border-radius:0;overflow:visible;justify-self:end}
.motion-home .process-scene img{height:auto;aspect-ratio:1;object-fit:contain;border-radius:0;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent);
 mask-composite:intersect}
.motion-home .process-scene figcaption{position:relative;inset:auto;background:none;color:var(--ink);padding:12px 7% 0;font-size:14px}
.motion-home .process-scene figcaption span{color:var(--muted);opacity:1}
.motion-home .order-copy h2{font-size:clamp(62px,6vw,96px);margin-bottom:30px}
.motion-home .order-copy .order-product-name{font-family:var(--display);font-size:clamp(36px,3.7vw,60px);font-weight:400;line-height:1.1;letter-spacing:.005em;color:var(--teal);margin:0 0 26px}
.order-product-name>span{display:block;font-family:var(--body);font-size:23px;line-height:1.4;font-weight:600;letter-spacing:0;margin-bottom:10px}
@media(max-width:760px),(max-height:580px){
 .motion-home .process-scene{width:100%;max-width:550px;height:auto;max-height:none;aspect-ratio:auto;border-radius:0}
 .motion-home .process-scene figcaption{padding:12px 5% 0}
 .motion-home .order-copy h2{font-size:clamp(58px,14vw,88px)}
 .motion-home .order-copy .order-product-name{font-size:clamp(34px,8.5vw,54px);line-height:1.12}
 .order-product-name>span{font-size:22px}
}