@font-face{font-family:LiborioSerif;src:url('assets/serif.otf')}@font-face{font-family:LiborioSerif;src:url('assets/serif-bold.otf');font-weight:700}@font-face{font-family:LiborioSans;src:url('assets/sans.otf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2ecdf;color:#25261d;font-family:LiborioSans,Arial,sans-serif;line-height:1.5}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.page-frame{position:relative;margin:3.8vw 6.2vw 0;border:1px solid rgba(37,38,29,.3);border-bottom:0;border-radius:30px 30px 0 0;overflow:hidden;background:#f7f1e7}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:10px}.header{height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 38px;border-bottom:1px solid rgba(37,38,29,.08);background:rgba(247,241,231,.86);position:relative;z-index:10}.header nav{display:flex;gap:34px;align-items:center}.nav-right{justify-content:flex-end}.header a,.mobile-menu a,footer a{color:inherit;text-decoration:none;font-size:14px;transition:opacity .25s}.header a:hover,footer a:hover{opacity:.55}.brand{display:block}.brand img{display:block;object-fit:contain;width:170px;height:auto}.header>.brand img{width:182px}.icon-button{border:0;background:none;color:inherit;cursor:pointer;position:relative;padding:8px}.cart-toggle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4}.cart-count{position:absolute;right:-1px;top:0;background:#565b39;color:#fff;border-radius:50%;font:10px LiborioSans;padding:2px 5px}.menu-toggle{display:none}.hero{min-height:760px;position:relative;text-align:center;padding:52px 28px 0;overflow:hidden}.hero-copy{position:relative;z-index:3}.hero h1,.section-intro h2,.story-copy h2,.values h2,.faq h2,.dialog-heading h2{font:700 clamp(48px,5.2vw,88px)/.91 LiborioSerif,Georgia,serif;letter-spacing:-.055em;margin:14px 0 23px}.hero-copy p{font:22px LiborioSerif,Georgia,serif;margin:0 auto 26px}.hero-actions{display:flex;gap:10px;justify-content:center}.button{border:1px solid #59603e;border-radius:40px;padding:13px 27px;font:15px LiborioSans;color:#25261d;text-decoration:none;display:inline-flex;gap:12px;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #25261d17}.button.primary{background:#59603e;color:#f8f2e9}.button.outline{background:transparent;border-color:#9b9a8d}.button.light{background:#f4eddf;color:#2c3625;border-color:#f4eddf}.button svg,.text-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.product-stage{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;max-width:1050px;margin:18px auto 0;position:relative;z-index:3}.hero-product img{width:min(100%,420px);height:480px;object-fit:contain;filter:drop-shadow(0 24px 15px #33231340);transition:transform .5s}.hero-product img:hover{transform:translateY(-8px) rotate(-1deg)}.origin-note,.harvest-note{text-align:left;position:relative}.harvest-note{padding-left:38px}.origin-note{padding-right:20px}.round-icon{width:67px;height:67px;border:1px solid #b6b3a6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.round-icon svg{width:34px;height:34px;fill:none;stroke:#25261d;stroke-width:1.1}.origin-note:after,.harvest-note:after{content:"";position:absolute;top:42px;height:1px;background:#b8b4a8;width:48%;}.origin-note:after{right:-15%;}.harvest-note:after{left:-15%;}.origin-note h2,.harvest-note h2{font:700 28px LiborioSerif;margin:0 0 2px}.note-subtitle{font:18px LiborioSerif;margin:0}.small-line{display:block;width:40px;height:1px;background:#77786b;margin:22px 0 17px}.note-description{color:#85847a;font-size:15px;margin:0}.hero-foot{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:84%;display:flex;justify-content:space-between;color:#88887f;font:11px LiborioSans;letter-spacing:.14em}.hero-foot a{color:#4e5238;text-decoration:none;letter-spacing:.04em}.beans{position:absolute;z-index:1;width:250px;height:480px;object-fit:cover;object-position:center;mix-blend-mode:multiply;opacity:.9;pointer-events:auto;cursor:pointer;transition:transform 900ms cubic-bezier(.2,.7,.2,1),filter 900ms ease}.beans-left{left:-115px;top:205px}.beans-right{right:-115px;top:188px;transform:scaleX(-1)}.beans-left:hover{transform:translate(7px,-5px) rotate(-1deg) scale(1.018);filter:drop-shadow(0 7px 8px #4c2b171c)}.beans-right:hover{transform:translate(-7px,-5px) rotate(1deg) scale(1.018) scaleX(-1);filter:drop-shadow(0 7px 8px #4c2b171c)}@media (prefers-reduced-motion:reduce){.beans{transition:none}.beans-left:hover,.beans-right:hover{transform:none;filter:none}}.section-pad{padding:120px max(28px,8vw)}.shop{background:#eae1d2}.eyebrow{font-size:11px;letter-spacing:.17em;color:#71745c;font-weight:600}.section-intro{max-width:640px}.section-intro h2,.story-copy h2,.values h2,.faq h2{font-size:clamp(46px,5vw,78px);margin:17px 0}.section-intro p{font:21px LiborioSerif;color:#6e6e62}.shop-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:1100px;margin:70px auto 0;align-items:center}.shop-visual{min-height:600px;background:#d9c8ac;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.shop-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#f6ead1aa,transparent 48%)}.shop-visual img{position:relative;width:70%;height:560px;object-fit:contain;filter:drop-shadow(0 22px 18px #33231342);transition:transform .5s}.shop-visual:hover img{transform:scale(1.03) rotate(1deg)}.small-caption,.visual-caption{position:absolute;color:#59603e;font-size:10px;letter-spacing:.15em}.small-caption{top:22px;left:25px}.visual-caption{bottom:25px;right:25px;text-align:right;font:italic 17px LiborioSerif}.product-details h3{font:700 52px/.98 LiborioSerif;margin:16px 0}.product-details>p{font:19px LiborioSerif;color:#66665b;max-width:470px}.origin-chips{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.origin-chips span{border:1px solid #aaa798;border-radius:20px;padding:6px 12px;font-size:12px}.product-details form{border-top:1px solid #c5bdad;padding-top:25px}.product-details label,.product-details legend{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6b6d59;display:block;margin:13px 0 8px}select,input{font:16px LiborioSans;background:#f5eee4;border:1px solid #b9b4a8;border-radius:2px;color:#25261d;padding:12px;width:100%}fieldset{border:0;padding:0;margin:0}.options{display:flex;gap:8px}.options label{margin:0;flex:1}.options input{display:none}.options span{display:block;text-align:center;border:1px solid #b9b4a8;padding:11px 4px;cursor:pointer;transition:.2s}.options input:checked+span{background:#59603e;color:#fff;border-color:#59603e}.purchase-status{display:flex;align-items:center;gap:8px;margin-top:25px;font-size:13px;color:#555d3b}.status-dot{width:8px;height:8px;border-radius:50%;background:#c09954}.availability,.packaging-note{font-size:12px!important;color:#817e71!important}.purchase-row{display:flex;gap:12px;margin-top:17px}.purchase-row .button{flex:1}.quantity{display:flex;border:1px solid #b9b4a8;align-items:center}.quantity button{height:100%;width:36px;border:0;background:none;font-size:22px;color:#444;cursor:pointer}.quantity input{width:40px;border:0;text-align:center;padding:10px 0}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#f7f1e7}.story-art{background:#365436;min-height:610px;padding:28px;color:#e7d5a7;display:flex}.story-art-inner{border:1px solid #bda56c;flex:1;padding:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.story-art-inner span{letter-spacing:.2em;font-size:11px}.story-art-inner svg{fill:none;stroke:currentColor;stroke-width:1.1;width:180px;height:180px;margin:40px 0 15px}.story-art-inner p{font:italic 33px/.95 LiborioSerif}.story-copy p{font:18px LiborioSerif;color:#6d6c61;max-width:490px}.text-link{display:inline-flex;align-items:center;gap:9px;color:#59603e;margin-top:15px;text-decoration:none}.process{background:#ebe3d5}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.process-grid article{border-top:1px solid #aaa798;padding-top:18px}.step-number{font-size:11px;color:#858378;letter-spacing:.15em}.process-grid svg{display:block;width:52px;height:52px;fill:none;stroke:#59603e;stroke-width:1;margin:50px 0 25px}.bean-mark{display:block;font-size:50px;color:#59603e;margin:44px 0 24px}.process-grid h3{font:700 32px LiborioSerif;margin:0}.process-grid p{color:#74736a;max-width:260px}.values{background:#59603e;color:#f3eddf;text-align:center}.values .eyebrow{color:#d9d0ad}.values h2{margin:22px 0}.values p{font:20px LiborioSerif;opacity:.85}.values .button{margin-top:25px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#f7f1e7}.faq-list{border-top:1px solid #b7b0a3}.faq details{border-bottom:1px solid #b7b0a3;padding:20px 0}.faq summary{font:20px LiborioSerif;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"+";font-family:LiborioSans;color:#59603e}.faq details[open] summary:after{content:"−"}.faq details p{color:#737269;margin:16px 0 0;max-width:500px}footer{padding:70px 8vw 32px;background:#293c29;color:#f3eddf}footer .brand img{filter:brightness(0) invert(1);opacity:.9;width:180px}footer p{font:20px LiborioSerif;color:#cfc8b5}footer nav{display:flex;gap:30px;border-top:1px solid #637059;padding-top:28px;margin-top:35px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #637059;padding-top:22px;margin-top:28px;font-size:11px;color:#c7c4b4}.text-button{background:none;border:0;color:inherit;cursor:pointer;font:inherit}.mobile-menu{padding:12px 24px 18px;background:#f7f1e7;border-bottom:1px solid #d3ccbd}.mobile-menu a{display:block;padding:10px 0}.cart-dialog,dialog{border:0;border-radius:2px;width:min(560px,calc(100% - 32px));padding:35px;background:#f7f1e7;color:#25261d;box-shadow:0 18px 80px #1d291d38}.cart-dialog::backdrop,dialog::backdrop{background:#293c2999}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading h2{font-size:48px;margin:8px 0 24px}.close-dialog{font-size:28px;font-weight:200}.cart-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c9c1b1;padding:15px 0}.cart-line small{display:block;color:#777}.cart-total{border-top:1px solid #959283;padding-top:15px;display:flex;justify-content:space-between;font:700 20px LiborioSerif}.cart-notice{font-size:12px;color:#79776c}.cart-dialog .button{width:100%;margin-top:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#293c29;color:#fff;padding:12px 18px;border-radius:4px;opacity:0;pointer-events:none;transition:.3s;z-index:30;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.page-frame{margin:14px 14px 0;border-radius:22px 22px 0 0}.header{height:78px;padding:0 14px;grid-template-columns:40px 1fr 40px}.header>.brand{justify-self:center}.header>.brand img{width:150px}.nav-left,.nav-right>a{display:none!important}.header .nav-right{justify-content:flex-end}.menu-toggle{display:block}.menu-toggle span{display:block;width:22px;border-top:1px solid;margin:5px 0}.cart-toggle{padding:4px}.hero{padding:45px 18px 0;min-height:auto}.hero h1{font-size:clamp(47px,12vw,72px)}.hero-copy p{font-size:18px}.hero-actions{flex-wrap:wrap}.button{padding:12px 18px}.product-stage{grid-template-columns:1fr;max-width:440px;margin-top:40px}.hero-product{grid-row:1}.hero-product img{height:430px}.origin-note,.harvest-note{padding:24px 0;text-align:center}.round-icon{margin:0 auto 12px;width:55px;height:55px}.origin-note:after,.harvest-note:after{display:none}.origin-note .small-line,.harvest-note .small-line{margin:16px auto}.note-description{font-size:14px}.hero-foot{position:relative;bottom:auto;width:100%;margin:28px 0 18px;font-size:9px}.beans{width:160px;height:280px;top:420px;opacity:.4}.beans-left{left:-70px}.beans-right{right:-70px}.section-pad{padding:80px 22px}.shop-layout,.story,.faq{grid-template-columns:1fr;gap:50px}.shop-visual{min-height:440px}.shop-visual img{height:410px}.product-details h3{font-size:46px}.story-art{min-height:470px}.story-art-inner{padding:28px}.story-art-inner svg{width:125px;height:125px;margin:25px 0 12px}.process-grid{grid-template-columns:1fr;gap:45px}.process-grid svg{margin:25px 0 15px}.values h2{font-size:47px}.faq{gap:35px}footer nav{flex-direction:column;gap:13px}.footer-bottom{flex-wrap:wrap;gap:14px}.purchase-row{flex-direction:column}.quantity{height:48px;width:max-content}.quantity input{height:100%}}
.page-frame:has(.final-hero)>.header{display:none}.final-hero{padding:0;min-height:0;background:#f7f1e7}.final-hero-art{position:relative;width:100%;line-height:0}.final-hero-art>img{display:block;width:100%;height:auto}.hero-hotspot{position:absolute;display:block;background:transparent;border:0;padding:0;cursor:pointer;z-index:5}.nav-cafes{left:5.4%;top:8.1%;width:11%;height:6%}.nav-story{left:16.8%;top:8.1%;width:12%;height:6%}.nav-process{left:28.9%;top:8.1%;width:9%;height:6%}.nav-about{right:13%;top:8.1%;width:12%;height:6%}.nav-faq{right:7%;top:8.1%;width:5%;height:6%}.buy-hotspot{left:35%;top:41%;width:13%;height:6%}.story-hotspot{left:48%;top:41%;width:16%;height:6%}.cart-hotspot{right:4.5%;top:7.5%;width:5%;height:7%}.hero-hotspot:focus-visible{outline:2px solid #59603e;outline-offset:3px;border-radius:4px}.final-hero .beans,.final-hero .hero-copy,.final-hero .product-stage,.final-hero .hero-foot{display:none}@media(max-width:900px){.final-hero-art{overflow:hidden}.hero-hotspot{min-width:26px;min-height:24px}.nav-cafes{left:4%;width:18%}.nav-story{left:22%;width:17%}.nav-process{left:41%;width:14%}.nav-about{right:15%;width:18%}.nav-faq{right:5%;width:9%}.buy-hotspot{left:33%;width:19%}.story-hotspot{left:53%;width:22%}}

/* Original bean regions remain visible; only their image moves. */
.final-hero-art{container-type:inline-size}
.grain-zone{position:absolute;inset:0;z-index:4;display:block;pointer-events:none;overflow:hidden}
.grain-zone img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:1;pointer-events:auto;transition:transform 700ms cubic-bezier(.22,.61,.36,1);will-change:transform}
.grain-zone-left{clip-path:polygon(4.2% 17%,25% 17%,25% 63%,4.2% 63%)}
.grain-zone-right{clip-path:polygon(82% 30%,94% 30%,94% 70%,85.3% 70%,85.3% 65%,82% 65%)}
@media(hover:hover) and (pointer:fine){
.grain-zone-left:hover img{transform:translate3d(3px,-3px,0)}
.grain-zone-right:hover img{transform:translate3d(-3px,-3px,0)}
}
/* Real text controls replace the oversized invisible hit regions. */
.hero-hotspot{font-family:LiborioSans,Arial,sans-serif;color:#171b13;text-decoration:none;font-size:1.08cqw;line-height:1.2;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;z-index:6;transform:none;box-shadow:none;background:transparent;transition:color 220ms ease,filter 220ms ease,transform 220ms ease}
.hero-hotspot:hover,.hero-hotspot:focus-visible{box-shadow:none;background:transparent;transform:none;color:#59603e}
.nav-cafes,.nav-story,.nav-process,.nav-about,.nav-faq{top:6.1%;height:2.5%;background:#faf7ef!important;white-space:nowrap}
.nav-cafes{left:6.9%;width:7.4%}.nav-story{left:16.3%;width:7.9%}.nav-process{left:26%;width:4.8%}.nav-about{left:73.7%;right:auto;width:7.7%}.nav-faq{left:83.2%;right:auto;width:2.6%}
@media(hover:hover){.nav-cafes:hover,.nav-story:hover,.nav-process:hover,.nav-about:hover,.nav-faq:hover{transform:translateY(-1px);color:#59603e}}
.buy-hotspot,.story-hotspot{top:41.35%;height:4.85%;border-radius:999px;font-size:1.08cqw;white-space:nowrap}
.buy-hotspot{left:35%;width:11.7%;background:#59603e!important;color:#fff;border:1px solid #59603e}
.story-hotspot{left:47.45%;width:15.8%;background:#faf7ef!important;border:1px solid #adb09e;color:#171b13}
.buy-hotspot:hover,.story-hotspot:hover,.buy-hotspot:focus-visible,.story-hotspot:focus-visible{transform:translateY(-2px);filter:brightness(.97);box-shadow:0 5px 12px #293c2918}
.buy-hotspot:hover,.buy-hotspot:focus-visible{color:white}
.hero-hotspot:active{transform:translateY(0);filter:brightness(.94)}
.cart-hotspot{left:88.6%;right:auto;top:5.9%;width:2.4%;height:2.8%}
.hero-hotspot:focus-visible{outline:2px solid #59603e;outline-offset:3px}
@media(max-width:600px){
.page-frame:has(.final-hero)>.header{display:grid}.header>.brand img{mix-blend-mode:multiply}
.final-hero-art{overflow:hidden}.final-hero-art>img{width:180%;max-width:none;margin-left:-40%;margin-top:-16.8%}
.final-hero-art .grain-zone,.final-hero-art .nav-cafes,.final-hero-art .nav-story,.final-hero-art .nav-process,.final-hero-art .nav-about,.final-hero-art .nav-faq,.final-hero-art .cart-hotspot{display:none}
.final-hero-art .buy-hotspot,.final-hero-art .story-hotspot{top:36.1%;height:5.6%;font-size:1.94cqw}
.final-hero-art .buy-hotspot{left:23%;width:21.06%}.final-hero-art .story-hotspot{left:45.41%;width:28.44%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain-zone img,.hero-hotspot,.button,.reveal{transition:none!important}.grain-zone img,.hero-hotspot:hover{transform:none!important}.reveal{opacity:1;transform:none}}

.grain-zone-left{mask-image:linear-gradient(to bottom,transparent 16.9%,#000 17.5%,#000 62.2%,transparent 63%)}
.grain-zone-right{mask-image:linear-gradient(to bottom,transparent 29.9%,#000 30.5%,#000 69.5%,transparent 70%)}

.approved-logo{position:absolute;left:42.4%;top:4%;width:14.4%;height:6.8%;z-index:7;background:#faf7ef;display:flex;align-items:center;justify-content:center}.approved-logo img{width:93%;height:auto;display:block}.approved-logo:focus-visible{outline:2px solid #59603e;outline-offset:3px}@media(max-width:600px){.approved-logo{display:none}}

.hero-hotspot:visited{color:#171b13}.buy-hotspot:visited{color:white}

.grain-zone img{filter:url(#bean-cutout)}

.hero-hotspot{-webkit-text-fill-color:#171b13}.buy-hotspot{-webkit-text-fill-color:#fff}

/* Edge-to-edge hero: remove the CSS frame and crop only the baked perimeter. */
.page-frame{margin:0;border:0;border-radius:0}
.final-hero{padding:16px 0 0;overflow:hidden}
@media(min-width:601px){.final-hero-art{width:112.254%;margin-left:-5.144%;margin-top:-3.631%}}
@media(max-width:600px){.final-hero{padding:0}.header{border:0}.final-hero-art{margin:0}}

/* Warm paper with an olive fade inspired by the coffee packaging. */
.final-hero-art{isolation:isolate}
.final-hero-art::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 0% 100%,rgba(66,88,43,.40) 0%,rgba(99,113,65,.22) 24%,transparent 57%),radial-gradient(ellipse at 100% 100%,rgba(66,88,43,.40) 0%,rgba(99,113,65,.22) 24%,transparent 57%),linear-gradient(to bottom,transparent 30%,rgba(185,140,77,.10) 59%,rgba(176,141,90,.15) 100%);mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 20% 29% at 50% 77%,transparent 0%,transparent 55%,#000 100%)}
.final-hero-art::before{content:"";position:absolute;inset:13% 0 0;z-index:2;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url('assets/paper-grain.svg')}
.shop{background:radial-gradient(ellipse 650px 330px at 0% 0%,rgba(66,88,43,.24),transparent 100%),radial-gradient(ellipse 650px 330px at 100% 0%,rgba(66,88,43,.24),transparent 100%),#eae1d2}
@media(max-width:600px){.final-hero-art::after{mask-image:radial-gradient(ellipse 27% 30% at 50% 77%,transparent 55%,#000 100%)}}

/* A quieter editorial rhythm below the approved hero. */
.section-pad{padding:112px max(28px,8vw)}
.section-intro h2,.story-copy h2,.values h2,.faq h2{font-size:clamp(42px,4.6vw,68px);line-height:1.06;letter-spacing:-.04em}
.section-intro p{font-family:LiborioSans,Arial,sans-serif;font-size:16px;line-height:1.65;margin-top:20px}
.eyebrow{font-size:10px;letter-spacing:.18em}
.shop{background:radial-gradient(ellipse 70% 240px at 0 0,rgba(66,88,43,.2),transparent),radial-gradient(ellipse 70% 240px at 100% 0,rgba(66,88,43,.2),transparent),linear-gradient(#eae1d2,#f5efe4 85%)}
.shop .section-intro{max-width:1100px;margin:auto;border-bottom:1px solid #59603e25;padding-bottom:35px}
.shop-layout{gap:9%;margin-top:56px}
.shop-visual{background:transparent;min-height:620px;overflow:visible;isolation:isolate}
.shop-visual:before{inset:14% -8% 12%;background:radial-gradient(ellipse,#d6c6a755,transparent 68%);z-index:-1}
.shop-visual img{width:87%;height:555px;filter:drop-shadow(0 20px 14px #3c311b25);transition:transform .65s ease}
.shop-visual:hover img{transform:translateY(-4px)}
.small-caption{top:0;left:0;font-size:9px;letter-spacing:.17em;color:#777c64}
.visual-caption{bottom:0;right:0;text-align:left;font:17px/1.4 LiborioSerif,Georgia,serif;letter-spacing:0;color:#72735c}
.product-details h3{font-size:clamp(37px,3.7vw,52px);line-height:1.08;letter-spacing:-.035em;margin:14px 0 20px}
.product-details>p{font:15px/1.75 LiborioSans,Arial,sans-serif;color:#686b5c}
.coffee-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 30px;padding:20px 0;border-top:1px solid #59603e25;border-bottom:1px solid #59603e25}
.coffee-facts dt{font-size:10px;color:#777b68;margin-bottom:7px;letter-spacing:.04em}.coffee-facts dd{font-size:13px;margin:0;color:#3c4533}
.product-details form{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.product-details form fieldset{grid-column:1 / -1;grid-row:2}
.product-details label,.product-details legend{font-size:10px;letter-spacing:.08em;margin:0 0 9px}
.product-details select{background:#ffffff35;border-color:#a4a78e66;border-radius:7px;font-size:14px;padding:12px;min-height:47px}
.options label{margin:0}.options span{border-color:#a4a78e66;border-radius:7px;font-size:12px;letter-spacing:0;text-transform:none;padding:12px}
.options input{display:block;position:absolute;opacity:0;width:1px;height:1px;padding:0}.options label{position:relative}.options input:focus-visible+span{outline:2px solid #59603e;outline-offset:3px}
.purchase-status,.availability,.purchase-row{grid-column:1 / -1}
.purchase-status{margin:10px 0 0;font-size:12px}.availability{margin:-9px 0 0;font-size:11px!important;line-height:1.6}
.purchase-row{margin:0;gap:10px}.purchase-row .button{font-size:12px;padding:13px 16px;white-space:nowrap}
.quantity{border-color:#a4a78e66;border-radius:30px;overflow:hidden;background:#ffffff35}.quantity input{background:transparent;font-size:14px}.quantity button{font-size:18px;width:30px}
.product-details .packaging-note{font-size:10px!important;line-height:1.6;margin-top:18px}
.story{background:linear-gradient(#f5efe4,#faf7ef);gap:9%;padding-top:75px}
.story-art{min-height:600px;padding:0;background:#4b583c;border-radius:2px;overflow:hidden;position:relative;color:#ebe2c7}
.story-art-inner{border:0;padding:42px 32px;position:relative;overflow:hidden;justify-content:space-between;min-height:600px;background:radial-gradient(ellipse at 20% 0,#8b8d5740,transparent 70%)}
.story-art-inner span{font-size:9px;letter-spacing:.18em;position:relative;z-index:1}
.story-art-inner .landscape{position:absolute;bottom:0;left:-10%;width:120%;height:70%;margin:0;stroke:currentColor;stroke-width:.8;opacity:.2}
.story-art-inner p{font:400 clamp(38px,3.8vw,55px)/1.08 LiborioSerif,Georgia,serif;letter-spacing:-.035em;position:relative;z-index:1;margin:65px 0 110px;text-align:left;align-self:flex-start}
.story-copy h2{margin:19px 0 26px}.story-copy>p{font:15px/1.85 LiborioSans,Arial,sans-serif;color:#707264}
.story-milestones{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #59603e25;margin-top:28px;padding-top:22px}.story-milestones span{font:23px LiborioSerif,Georgia,serif;color:#4b583c}.story-milestones p{font:11px/1.6 LiborioSans,Arial,sans-serif;color:#777b6a;margin:6px 0 0}
.text-link{font-size:12px;margin-top:30px;transition:gap .25s}.text-link:hover{gap:15px}.text-link:focus-visible{outline:2px solid #59603e;outline-offset:5px}
.process{background:linear-gradient(#faf7ef,#f1ecdf)}.process-grid{gap:6%}.process-grid article{border-color:#59603e30}.process-grid h3{font-size:30px}.process-grid p{font-size:14px;line-height:1.75}
.values{background:radial-gradient(ellipse at 50% 100%,#74815a40,transparent 75%),#4b583c}.values p{font:17px/1.7 LiborioSans,Arial,sans-serif}.values .button{font-size:13px}
.faq{background:#faf7ef}.faq summary{font:17px/1.5 LiborioSans,Arial,sans-serif}.faq details{padding:24px 0;border-color:#59603e30}.faq-list{border-color:#59603e30}.faq details p{font-size:14px;line-height:1.8}
footer{background:#293c29;padding-top:65px}footer .brand img{width:160px}footer nav{border-top:0;padding-top:10px;margin-top:28px;gap:36px}footer nav a{font-size:12px}footer .footer-bottom{border-color:#d3ddc126;margin-top:40px}
:where(select,button,a,input):focus-visible{outline:2px solid #59603e;outline-offset:4px}
@media(max-width:900px){.section-pad{padding:78px 28px}.shop-layout{gap:44px;margin-top:36px}.shop-visual{min-height:520px}.shop-visual img{height:460px;width:80%}.small-caption{left:8%}.visual-caption{right:8%}.product-details{max-width:580px;width:100%;margin:auto}.purchase-row{flex-direction:row}.quantity{height:auto}.story{gap:44px}.story-art,.story-art-inner{min-height:460px}.story-art-inner{padding:30px}.story-art-inner p{font-size:48px;margin:55px 0 100px}.story-copy{max-width:580px}.process-grid{gap:36px}.process-grid article{padding-top:20px}.faq{gap:32px}.values h2{font-size:clamp(36px,7vw,54px)}}
@media(max-width:420px){.section-pad{padding:68px 22px}.shop-visual{min-height:460px}.shop-visual img{height:400px}.purchase-row .button{font-size:11px;padding:12px}.quantity button{width:26px}.quantity input{width:28px}.story-art,.story-art-inner{min-height:420px}.story-art-inner p{font-size:42px}.coffee-facts{gap:8px}.coffee-facts dd{font-size:12px}.story-milestones{gap:14px}.story-milestones span{font-size:21px}}
@media(prefers-reduced-motion:reduce){.shop-visual img,.text-link{transition:none}.shop-visual:hover img{transform:none}}

/* Photography from the family's own farm. */
.story-photo{margin:0;position:relative;height:630px;overflow:hidden;border-radius:2px;background:#3c4931}
.story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.story-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#142016ba);pointer-events:none}
.story-photo figcaption{position:absolute;bottom:30px;left:30px;right:24px;color:#fff8e8;z-index:1;font:25px/1.2 LiborioSerif,Georgia,serif}
.story-photo figcaption span{display:block;font:9px LiborioSans,Arial,sans-serif;letter-spacing:.18em;margin-bottom:14px}
.farm-gallery{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:6px}
.farm-gallery figure{margin:0}.farm-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:2px}
.farm-gallery figcaption{font-size:10px;letter-spacing:.04em;color:#727964;margin-top:13px}
@media(max-width:900px){.story-photo{height:540px}.farm-gallery{gap:20px;margin-top:0}.story-photo figcaption{font-size:24px}}
@media(max-width:600px){.story-photo{height:470px}.farm-gallery{grid-template-columns:1fr;gap:28px}.story-photo figcaption{left:24px;bottom:24px}}

/* Sparse coffee branches emerge from the page edges, beneath interactive content. */
.coffee-foliage{position:absolute;display:block;pointer-events:none!important;user-select:none;object-fit:contain;object-position:bottom;width:clamp(100px,13vw,210px);height:auto;z-index:0}
.final-hero-art>.coffee-foliage{position:absolute;bottom:-2%;width:12%;height:auto;margin:0;max-width:none;z-index:3;mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 100%);opacity:.86}
.final-hero-art>.hero-foliage-left{left:-2.8%;transform:rotate(8deg)}
.final-hero-art>.hero-foliage-right{right:.5%;transform:scaleX(-1) rotate(8deg)}
.shop,.faq{position:relative;isolation:isolate;overflow:hidden}
.shop>.section-intro,.shop>.shop-layout,.faq>.reveal{position:relative;z-index:1}
.shop-foliage{left:-8%;bottom:-25px;width:clamp(120px,14vw,200px);opacity:.55;transform:rotate(14deg);mask-image:linear-gradient(to bottom,transparent,#000 35%)}
.faq-foliage{right:-8%;bottom:-40px;width:clamp(120px,14vw,200px);opacity:.55;transform:scaleX(-1) rotate(12deg);mask-image:linear-gradient(to bottom,transparent,#000 35%)}
@media(max-width:900px){.shop-foliage,.faq-foliage{width:110px;opacity:.3}.shop-foliage{left:-65px}.faq-foliage{right:-65px}}
@media(max-width:600px){.final-hero-art>.coffee-foliage{width:20%;bottom:-1%;opacity:.65}.final-hero-art>.hero-foliage-left{left:-10%}.final-hero-art>.hero-foliage-right{right:-10%}}