:root{--green:#064c3d;--deep:#073c32;--gold:#e5bd67;--ivory:#fffcf5;--ink:#163f35;--pad:clamp(24px,6vw,110px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,.ticker:focus-visible,.carousel:focus-visible{outline:3px solid #d89f31;outline-offset:5px}button{font:inherit}p{margin-top:0}.header{background:var(--green);color:white;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:23px var(--pad);border-bottom:1px solid #ffffff28}.brand{display:flex;flex-direction:column;align-items:center}.brand-logo{width:235px;height:auto;display:block}.brand-city{font-size:10px;text-transform:uppercase;letter-spacing:4px;margin-top:9px;color:#f0ddba}.nav{font-size:12px;letter-spacing:2px}.contact{justify-self:end;font-size:14px;padding:10px 0;border-bottom:1px solid #d3b66e}.hero{background:var(--green);display:grid;grid-template-columns:1fr 1fr;min-height:690px;position:relative;isolation:isolate}.intro{padding:85px 30px 85px var(--pad);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.7px;text-transform:uppercase;margin:0 0 23px;color:#8b661e}.intro .eyebrow{font-size:14px;color:#e5bd67}h1{font:400 clamp(58px,6vw,94px)/1.04 Georgia,serif;letter-spacing:-3px;margin:0;color:#fffdf3;max-width:670px}.tagline{font:400 67px/1.1 Italianno,Georgia,cursive;color:#e5bd67;margin:26px 0 32px}.hero-link{display:inline-flex;justify-content:center;align-items:center;border:1px solid #ffffff;border-radius:2px;padding:15px 28px;color:#064c3d;background:#ffffff;font-size:14px;font-weight:600;letter-spacing:.5px;transition:background .2s,transform .2s}.hero-link:hover{background:#f2f7f5;transform:translateY(-3px)}.carousel{position:relative;overflow:hidden;min-width:0;touch-action:pan-y}.slide{position:absolute;inset:0;opacity:0;transform:translateX(5%);transition:opacity 1.3s,transform 1.5s ease}.slide.active{opacity:1;transform:translateX(0);z-index:1}.slide img{width:100%;height:100%;object-fit:cover;object-position:58% center;transform:scale(1);transition:transform 8s linear}.slide.active img{transform:scale(1.055)}.carousel:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#082c27aa,transparent 30%)}.slide-controls{position:absolute;z-index:3;bottom:27px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between}.slide-dots{display:flex;gap:6px}.slide-controls button{display:grid;place-items:center;min-width:44px;height:44px;padding:10px;color:white;background:transparent;border:0;cursor:pointer}.slide-dots button:before{content:'';width:36px;height:3px;background:#ffffff80}.slide-dots button[aria-pressed=true]:before{background:var(--gold);width:58px}.slide-controls .slide-pause{border:1px solid #ffffff90;border-radius:50%;font-size:20px}.ticker{overflow:hidden;background:#ffffff;color:var(--green);padding:18px 0;position:relative}.track{display:flex;width:max-content;animation:marquee 55s linear infinite}.track>div{display:flex;align-items:center;gap:40px;padding-right:40px;white-space:nowrap;font-size:13px;letter-spacing:2.2px;font-weight:600}.track b{font-weight:400;font-size:19px}.ticker:hover .track,.ticker:focus-within .track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.product{max-width:1540px;margin:auto;padding:110px var(--pad);display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.motion-frame{position:relative;overflow:hidden;aspect-ratio:1;border-radius:230px 230px 5px 5px;background:#123b32;box-shadow:18px 18px 0 #e5bd6738}.cafe-motion{height:100%;width:100%;animation:photo-drift 18s ease-in-out infinite alternate}.photo{width:100%;height:100%;display:block;object-fit:cover}.details{min-width:0}.details h2{font:400 clamp(42px,4.4vw,68px)/1.06 Georgia,serif;letter-spacing:-1.8px;margin:0 0 21px;color:#124c3c}.origin{font-size:18px;color:#4b665d;margin:0 0 25px}.attributes{display:flex;flex-wrap:wrap;gap:10px;padding:19px 0;border-top:1px solid #c6d1c5;border-bottom:1px solid #c6d1c5;font-size:13px;letter-spacing:.3px}.attributes span+span:before{content:'•';padding-right:10px;color:#97732e}.price{font:44px/1.2 Georgia,serif;margin:27px 0 7px}.price span{font:14px Arial,sans-serif;color:#5c6d61;margin-left:12px}.delivery{font-size:14px;margin:0 0 8px;color:#4c6358}.actions{display:grid;gap:11px;margin-top:25px}.button{display:flex;justify-content:center;align-items:center;min-height:57px;padding:15px 22px;border:1px solid #0a674d;background:#0a674d;color:white;font-size:14px;letter-spacing:.3px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#09503d;transform:translateY(-2px)}.button.sold-out,.button.sold-out:hover{width:100%;background:#e3e7dd;border-color:#c3cdbe;color:#586751;cursor:not-allowed;transform:none}.button.secondary{background:var(--green);color:#fff}.button.secondary:hover{background:#08725a}.beans{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:65px var(--pad) 90px;background:#e9eee4}.beans figure{position:relative;margin:0;overflow:hidden;min-width:0}.bean-motion-frame{height:470px;overflow:hidden}.beans img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.beans figure:hover img{transform:scale(1.055)}.beans figure:first-child{margin-bottom:70px}.beans figure:nth-child(2){margin-top:70px}.beans figcaption{font:400 clamp(26px,3vw,43px)/1.2 Georgia,serif;color:#164d3a;padding:22px 0 0;letter-spacing:-.5px}.order{padding:85px var(--pad);background:#076048;display:flex;justify-content:space-between;align-items:center;gap:45px;position:relative;overflow:hidden}.order h2{font:400 clamp(28px,3vw,42px)/1.2 Georgia,serif;letter-spacing:-.5px;color:#fff8e9;max-width:650px;margin:0}.order .button{background:#ffffff;border-color:#ffffff;color:var(--green);min-width:225px}.order .button:hover{background:#f2f7f5;border-color:#f2f7f5}.footer{background:#063e31;color:#fff9eb;padding:45px var(--pad);border-top:1px solid #ffffff30;display:flex;justify-content:space-between}.office-address{font-size:14px;font-style:normal;line-height:1.8;letter-spacing:.2px}.office-address strong{font-size:17px;font-weight:500}.office-email{display:inline-block;margin-top:12px;color:#e5bd67;border-bottom:1px solid #9f9766;overflow-wrap:anywhere}@keyframes photo-drift{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.intro{animation:arrive 1s ease both}@supports(animation-timeline:view()){.details,.beans figure{animation:arrive both;animation-timeline:view();animation-range:entry 0% entry 20%}}
@media(min-width:1600px){.hero{min-height:790px}.intro{padding-left:max(var(--pad),calc((100vw - 1360px)/2))}}
@media(max-width:1000px){.hero{min-height:620px}h1{font-size:6.5vw}.intro{padding-left:5vw}.product{gap:6%;padding-top:85px;padding-bottom:85px}.bean-motion-frame{height:370px}.brand-logo{width:200px}}
@media(max-width:700px){.header{display:flex;justify-content:center;padding:21px 24px}.brand-logo{width:218px}.brand-city{font-size:10px;margin-top:8px}.nav,.contact{display:none}.hero{display:flex;flex-direction:column;min-height:0}.intro{padding:40px 24px 37px;align-items:center;text-align:center}.intro .eyebrow{font-size:13px;letter-spacing:2px;margin-bottom:21px}h1{font-size:clamp(44px,12vw,69px);line-height:1.05;letter-spacing:-1.6px}.tagline{font-size:56px;margin:15px 0 23px}.hero-link{padding:13px 25px}.carousel{height:105vw;max-height:610px;min-height:350px}.slide img{object-position:center 55%}.slide-controls{bottom:18px;left:18px;right:22px}.ticker{padding:16px 0}.track>div{font-size:12px;gap:25px;padding-right:25px}.product{grid-template-columns:1fr;padding:58px 24px;gap:44px}.motion-frame{aspect-ratio:1;border-radius:160px 160px 3px 3px;box-shadow:10px 10px 0 #e5bd6738}.details>.eyebrow{font-size:14px;margin-bottom:17px}.details h2{font-size:48px;letter-spacing:-1.3px}.origin{font-size:17px;margin-bottom:22px}.price{font-size:41px}.attributes{font-size:13px}.button{font-size:14px}.beans{padding:42px 24px 48px;gap:18px}.bean-motion-frame{height:270px}.beans figure:first-child{margin-bottom:35px}.beans figure:nth-child(2){margin-top:35px}.beans figcaption{font-size:25px;padding-top:17px}.order{padding:48px 24px;flex-direction:column;align-items:flex-start;gap:29px}.order h2{font-size:30px}.order .button{width:100%}.footer{padding:34px 24px}.office-address{font-size:14px}}@media(max-width:365px){.beans{gap:12px;padding-left:20px;padding-right:20px}.beans figcaption{font-size:22px}.bean-motion-frame{height:230px}.details h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.slide.active img{transform:none}.ticker{overflow-x:auto}}
/* Flagship presentation and continuous roast gallery. */
.product{max-width:none;display:block;background:radial-gradient(ellipse at 10% 5%,#147659,transparent 65%),#063c30;padding:85px var(--pad);color:#fffaf0}.details{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;column-gap:9%;align-items:start}.details>.eyebrow{grid-column:1;grid-row:1;color:#e5bd67;margin-bottom:25px}.details h2{grid-column:1;grid-row:2 / span 3;font-size:clamp(53px,6vw,90px);line-height:1.02;color:#fffaf0;letter-spacing:-2px;margin:0}.details h2 em{font-weight:400;color:#e5bd67}.origin{grid-column:1;grid-row:5;color:#d3e8dc;margin:23px 0 0}.attributes{grid-column:1;grid-row:6;border:0;padding:25px 0 0;gap:9px;color:#e4eee8;font-size:12px}.attributes span{border:1px solid #ffffff40;border-radius:25px;padding:7px 12px}.attributes span+span:before{content:none}.price{grid-column:2;grid-row:2;font:clamp(50px,5vw,72px)/1 Georgia,serif;color:#fff;margin:0 0 17px}.price span{color:#d4e2d9;font-size:16px}.delivery{grid-column:2;color:#dae6df;font-size:15px;max-width:390px;margin-bottom:12px}.delivery:first-of-type{grid-row:3}.actions{grid-column:2;margin-top:16px;gap:12px}.button.sold-out,.button.sold-out:hover{background:transparent;border:1px solid #ffffff50;color:#ecf1ec;border-radius:40px;min-height:45px;font-size:13px;letter-spacing:2px;text-transform:uppercase}.button.secondary{background:#e5bd67;color:#123f31;border-color:#e5bd67;border-radius:40px;min-height:59px}.button.secondary:hover{background:#f5d794}.beans{display:block;padding:32px 0 64px;background:#072e25;overflow:hidden}.roast-controls{display:flex;justify-content:flex-end;padding:0 var(--pad) 20px}.roast-pause{border:1px solid #ffffff50;background:transparent;color:#e5bd67;border-radius:30px;padding:10px 18px;font-size:13px;cursor:pointer}.roast-window{overflow:hidden}.roast-track{display:flex;width:max-content;animation:roast-scroll 24s linear infinite}.roast-group{display:flex;flex-shrink:0;gap:24px;padding-right:24px}.beans figure,.beans figure:first-child,.beans figure:nth-child(2){width:43vw;max-width:650px;margin:0;position:relative}.bean-motion-frame{height:470px}.beans figcaption{position:absolute;left:0;right:0;bottom:0;padding:65px 27px 25px;background:linear-gradient(transparent,#041e19df);color:#fffaf0;font-size:37px;pointer-events:none}.beans figure:hover img{transform:none}.roast-window:hover .roast-track,.roast-window:focus-within .roast-track,.beans.is-paused .roast-track{animation-play-state:paused}@keyframes roast-scroll{to{transform:translateX(-50%)}}@media(max-width:700px){.product{padding:51px 24px}.details{display:block}.details>.eyebrow{font-size:13px;margin-bottom:24px}.details h2{font-size:61px;letter-spacing:-1.7px;margin-bottom:20px}.origin{margin:0 0 22px;font-size:16px}.attributes{padding:0 0 28px;gap:7px;font-size:11px}.attributes span{padding:7px 11px}.price{font-size:59px;margin:0 0 12px;padding-top:27px;border-top:1px solid #ffffff30}.price span{font-size:15px}.delivery{font-size:14px;margin-bottom:10px}.actions{margin-top:26px}.beans{padding:22px 0 37px}.roast-controls{padding:0 24px 19px}.roast-group{gap:16px;padding-right:16px}.beans figure,.beans figure:first-child,.beans figure:nth-child(2){width:83vw;max-width:none}.bean-motion-frame{height:410px}.beans figcaption{font-size:32px;padding:70px 22px 24px}.roast-track{animation-duration:20s}}@media(prefers-reduced-motion:reduce){.roast-track{animation:none}.roast-window{overflow-x:auto}.roast-group[aria-hidden=true]{display:none}}
/* Moving editorial cover. */
.slide img{transition:transform 5s linear;transform:scale(1.02) translateX(-1%)}.slide.active img{transform:scale(1.17) translateX(1.5%)}.slide video{width:100%;height:100%;object-fit:cover;display:block}.scene-location{position:absolute;bottom:91px;left:30px;z-index:3;font-size:12px;letter-spacing:3px;color:#fff;text-shadow:0 2px 12px #000}.hero{position:relative;min-height:780px;display:block;overflow:hidden}.hero .carousel{position:absolute;inset:0;min-height:0}.hero .carousel:after{background:linear-gradient(90deg,#043c32f5 0%,#043c32d9 28%,#043c3255 58%,transparent 80%),linear-gradient(0deg,#032c25aa,transparent 30%)}.hero .intro{position:relative;z-index:3;width:55%;min-height:780px;pointer-events:none;padding-right:0}.hero .intro a{pointer-events:auto}.hero .slide img{object-position:70% 50%}.hero .slide video{object-position:center}.hero .slide-controls{left:60%;right:40px}.hero .scene-location{left:60%}.beans figcaption{display:none}.beans{padding-bottom:42px}.media-credit{font-size:12px;color:#c2d1c8;max-width:260px;margin:0;align-self:flex-end}.media-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.hero{display:flex;min-height:0;flex-direction:column}.hero .carousel{position:relative;inset:auto;order:0;height:113vw;min-height:410px;max-height:620px}.hero .intro{order:1;width:100%;min-height:0;padding:34px 24px 38px;align-items:flex-start;text-align:left;background:#064c3d}.hero .intro h1{font-size:clamp(44px,12.5vw,68px)}.hero .carousel:after{background:linear-gradient(0deg,#043c32,transparent 35%)}.hero .slide-controls{left:18px;right:22px;bottom:20px}.hero .scene-location{left:28px;bottom:89px}.hero .slide img{object-position:58% center}.hero .tagline{margin:16px 0 22px}.footer{flex-direction:column;gap:26px}.media-credit{align-self:flex-start}.bean-motion-frame{height:355px}}
@media(prefers-reduced-motion:reduce){.slide.active img{transform:none}}
/* Expanded supplier story. */
.slide-dots{gap:2px}.slide-dots button{min-width:34px;padding:8px 5px}.slide-dots button:before{width:22px}.slide-dots button[aria-pressed=true]:before{width:34px}.roast-track{animation-duration:55s}.hero .supplier-slide img{object-position:center}.supplier-slide{background:#064c3d}@media(max-width:700px){.roast-track{animation-duration:45s}.slide-dots button{min-width:33px}}
/* Preserve the native detail in supplier screen-recording stills. */
.hero .supplier-slide{background:linear-gradient(120deg,#064c3d,#0c3029)}
.hero .supplier-slide img,.hero .supplier-slide.active img{position:absolute;inset:0 5% 0 auto;width:min(43vw,480px);height:100%;object-fit:contain;object-position:center;transform:none;transition:none}
@media(max-width:700px){.hero .supplier-slide img,.hero .supplier-slide.active img{inset:0;margin:auto;width:100%;max-width:480px;height:100%;object-fit:contain}.hero .supplier-slide:after{content:none}}
/* Keep both café guests visible rather than cropping the left guest. */
.hero .cafe-slide{background:#064c3d}
.hero .cafe-slide img,.hero .cafe-slide.active img{inset:0 0 0 auto;position:absolute;width:58%;height:100%;object-fit:contain;object-position:center;transform:none;transition:none}
@media(max-width:700px){.hero .cafe-slide img,.hero .cafe-slide.active img{width:100%;height:100%;object-fit:contain;object-position:center}.hero .carousel{height:100vw;min-height:0}.hero .cafe-slide{background:#064c3d}}
@media(min-width:701px){.hero .carousel:has(.cafe-slide.active):after{background:linear-gradient(90deg,#043c32 0%,#043c32ef 30%,#043c3215 47%,transparent 65%),linear-gradient(0deg,#032c2566,transparent 18%)}}

/* Preserve the natural framing of the founder's real portrait. */
.hero .founder-slide{background:#064c3d}
.hero .founder-slide img,.hero .founder-slide.active img{position:absolute;inset:0 0 0 auto;width:58%;height:100%;object-fit:contain;object-position:center;transform:none;transition:none}
@media(min-width:701px){.hero .carousel:has(.founder-slide.active):after{background:linear-gradient(90deg,#043c32 0%,#043c32ef 30%,#043c3215 47%,transparent 65%),linear-gradient(0deg,#032c2566,transparent 18%)}}
@media(max-width:700px){.hero .founder-slide img,.hero .founder-slide.active img{width:100%;height:100%;object-fit:contain;object-position:center}}

/* Gentle tonal correction on the untouched original photograph. */
.hero .founder-slide img,.hero .founder-slide.active img{filter:brightness(1.1) saturate(.72) contrast(1.04);object-fit:cover;object-position:50% 22%}
@media(max-width:700px){.hero .founder-slide img,.hero .founder-slide.active img{object-fit:cover;object-position:50% 28%}}

/* Coordinate-locked privacy masks keep the original portrait intact. */
.hero .founder-slide{overflow:hidden}
.hero .founder-photo{position:absolute;right:0;top:0;width:58%;height:100%;filter:brightness(1.1) saturate(.72) contrast(1.04)}
.founder-caption{position:absolute;right:6%;bottom:110px;z-index:3;color:#fff8e9;font-family:Georgia,serif;font-size:32px;letter-spacing:.03em;text-shadow:0 2px 15px #000}
@media(max-width:700px){.hero .founder-photo{width:100%;height:auto;top:-20vw}.founder-caption{right:24px;bottom:78px;font-size:27px}}

/* Direct contact choices. */
.order .contact-options{display:flex;justify-content:center;gap:clamp(22px,4vw,42px);flex-shrink:0}
.contact-icon{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffffff;font-size:14px;font-weight:600;letter-spacing:.3px;min-width:72px}
.contact-icon-circle{display:grid;place-items:center;width:68px;height:68px;background:#ffffff;color:var(--green);border-radius:50%;transition:background .2s,transform .2s}
.contact-icon svg{width:30px;height:30px;display:block}
.contact-icon:hover .contact-icon-circle{background:#f2f7f5;transform:translateY(-3px)}
.contact-icon:focus-visible{outline:3px solid #ffffff;outline-offset:7px;border-radius:6px}
@media(max-width:700px){.order .contact-options{width:100%}}


/* Robusta product image follows its attributes. */
.product-photo{grid-column:1;grid-row:7;margin:30px 0 0;width:100%;max-width:480px;justify-self:center;overflow:hidden;border-radius:8px}.product-photo img{display:block;width:100%;height:auto}.product .product-photo{align-self:start}@media(max-width:700px){.product-photo{margin:0 auto 28px;max-width:420px}}

/* Available Robusta and shipping checkout. */
.button.buy-now{background:#e5bd67;color:#123f31;border-color:#e5bd67;border-radius:40px;min-height:59px;font-size:16px}.button.buy-now:hover{background:#f5d794}.availability{font-size:14px;color:#ecf1ec;margin:0 0 4px;text-align:center}
.checkout-page{background:#fffcf5;color:#163f35;min-height:100vh}.checkout-header{background:#064c3d;padding:22px 24px;text-align:center}.checkout-header img{width:180px;max-width:65vw}.checkout-wrap{max-width:1000px;margin:auto;padding:35px 24px 65px}.back-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}.checkout-heading{font:400 clamp(36px,7vw,52px)/1.15 Georgia,serif;margin:26px 0 10px}.checkout-intro{max-width:610px}.checkout-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:38px;margin-top:30px;align-items:start}.shipping-form,.order-summary{border:1px solid #d4ddd5;border-radius:12px;padding:25px;background:white}.shipping-form h2,.order-summary h2{font:400 25px/1.2 Georgia,serif;margin:0 0 24px}.shipping-form label{display:block;font-size:14px;font-weight:600;margin:0 0 15px}.shipping-form input,.shipping-form select{display:block;width:100%;margin-top:6px;border:1px solid #81998e;border-radius:5px;padding:12px;font:16px/1.4 Arial,sans-serif;color:#163f35;background:white;min-height:48px}.shipping-form input:focus-visible,.shipping-form select:focus-visible{outline:3px solid #d89f31;outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-note{font-size:14px;color:#53675e}.checkout-submit{width:100%;min-height:52px;padding:14px 20px;background:#064c3d;color:white;border:0;border-radius:6px;font:600 16px/1.5 Arial;cursor:pointer}.checkout-submit:disabled{opacity:.65;cursor:wait}.order-summary img{width:100%;max-height:240px;object-fit:contain;border-radius:8px;background:#062f26;margin-bottom:15px}.order-summary dl{margin:22px 0}.order-summary dl div{display:flex;justify-content:space-between;gap:20px;margin:12px 0}.order-summary dd{margin:0}.order-total{border-top:1px solid #d4ddd5;padding-top:16px;font-size:20px;font-weight:700}.checkout-whatsapp{text-decoration:underline;text-underline-offset:3px;font-size:14px}.form-error{color:#a01818;font-size:15px}.form-error:empty{display:none}.order-saved{padding:20px;border:1px solid #b8c8be;border-radius:8px;background:#eef5ef}.order-saved a{display:block;margin:15px 0;text-align:center}.trap-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.order-card{background:white;border:1px solid #d4ddd5;padding:23px;border-radius:8px;margin:18px 0;overflow-wrap:anywhere}.order-card h2{font:24px Georgia;margin:0 0 12px}.order-card address{font-style:normal;white-space:pre-line}.order-card select,.order-card button{font:16px Arial;padding:10px;margin:12px 8px 0 0}.status-label{font-size:14px;font-weight:700}.admin-nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.admin-nav a{text-decoration:underline}@media(max-width:700px){.checkout-grid{grid-template-columns:1fr;gap:22px}.order-summary{order:-1}.order-summary img{display:none}.shipping-form,.order-summary{padding:20px}.checkout-wrap{padding:28px 18px 50px}.form-row{grid-template-columns:1fr}.checkout-grid{margin-top:22px}} 

/* Compact branded shipping form. */
.refined-checkout{background:#063c30;color:#fffaf0}.refined-checkout .checkout-header{background:transparent;padding:25px 20px 12px}.refined-checkout .checkout-header img{width:150px}.refined-checkout .checkout-wrap{max-width:600px;padding:10px 20px 30px}.refined-checkout .back-link{color:#e6d6b2;font-size:14px}.refined-checkout .checkout-card{margin-top:17px;padding:26px;border:1px solid #e5bd6740;border-radius:14px;background:#084838}.compact-product{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #e5bd6738}.compact-product img{width:60px;height:68px;object-fit:cover;border-radius:5px}.compact-product>div{flex:1;min-width:0}.compact-product strong{font-size:16px;font-weight:600;line-height:1.35}.compact-product span{display:block;font-size:14px;color:#ccdcd3;margin-top:5px}.compact-product .compact-price{color:#e5bd67;white-space:nowrap}.refined-checkout .checkout-heading{font:400 34px/1.15 Georgia,serif;color:#fffaf0;margin:23px 0 20px;letter-spacing:-.5px}.refined-checkout .shipping-form{border:0;padding:0;background:none;border-radius:0}.refined-checkout .shipping-form label{font-size:14px;font-weight:400;color:#f4ecda;margin:0 0 13px}.refined-checkout .shipping-form input,.refined-checkout .shipping-form select{background:#063c30;color:#fffaf0;border:1px solid #7d9a89;border-radius:5px;min-height:44px;padding:9px 11px;margin-top:5px;font-size:16px;line-height:1.4;color-scheme:dark}.refined-checkout .shipping-form select option{background:#063c30;color:#fffaf0}.refined-checkout .shipping-form input:focus-visible,.refined-checkout .shipping-form select:focus-visible{outline:2px solid #e5bd67;outline-offset:2px}.refined-checkout .optional{color:#b8cdc0}.refined-checkout .email-note{font-size:14px;color:#b8cdc0;margin:-5px 0 16px}.address-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}.address-row>label{min-width:0}.compact-total{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0 19px;margin-top:3px;border-top:1px solid #e5bd6738;font-size:16px}.compact-total small{display:block;color:#bdcfc4;font-size:14px;margin-top:1px}.compact-total strong{font:28px/1.2 Georgia,serif;color:#e5bd67}.refined-checkout .checkout-submit{background:#e5bd67;color:#123f31;border:1px solid #e5bd67;border-radius:6px;min-height:48px;font-size:16px;padding:11px 14px;display:block;text-align:center}.refined-checkout .checkout-submit:disabled{opacity:.65;cursor:not-allowed}.checkout-pending{font-size:14px;color:#d3dfd6;text-align:center;margin:11px 0 0}.checkout-pending a{color:#e5bd67;text-decoration:underline;text-underline-offset:3px}.checkout-footnote{text-align:center;font-size:14px;color:#b8cdc0;margin:16px 0 0}.refined-checkout .form-error{color:#ffb6ab}.refined-checkout .order-saved{color:#fffaf0;background:#063c30;border-color:#e5bd6740}.refined-checkout .order-saved h2{font:28px Georgia,serif}.refined-checkout a:focus-visible,.refined-checkout button:focus-visible{outline:2px solid #e5bd67;outline-offset:4px}@media(max-width:450px){.refined-checkout .checkout-wrap{padding:8px 16px 25px}.refined-checkout .checkout-card{padding:20px}.compact-product{gap:10px}.compact-product img{width:48px;height:58px}.compact-product strong{font-size:15px}.compact-product span{font-size:14px}.refined-checkout .checkout-heading{font-size:31px;margin:20px 0 18px}.address-row{grid-template-columns:1fr 1fr;gap:0 12px}.address-row .city-field{grid-column:1 / -1}}

/* Approved origin story; tagline inherits the home page's Italianno font. */
.coffee-story{background:var(--deep);color:var(--ivory);padding:64px var(--pad) 60px;border-top:1px solid #e5bd6738}
.coffee-story-inner{max-width:820px;margin:0 auto}
.coffee-story h2{font:400 clamp(32px,4vw,48px)/1.18 Georgia,serif;color:var(--gold);letter-spacing:-.6px;margin:0 0 30px}
.coffee-story p:not(.tagline){font-size:18px;line-height:1.85;color:#e1eae3;margin:0 0 24px}
.coffee-story .tagline{margin-bottom:0}
@media(max-width:700px){.coffee-story{padding:45px 24px}.coffee-story h2{font-size:34px;margin-bottom:24px}.coffee-story p:not(.tagline){font-size:16px;line-height:1.8}}

/* About Us and shared navigation */
.header .nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;letter-spacing:1px}.nav a{padding:8px 0}.nav a:hover,.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.footer-about{font-size:14px;color:var(--gold);text-decoration:underline;text-underline-offset:4px;align-self:flex-start}.footer{gap:24px;flex-wrap:wrap}.about-page{max-width:1440px;margin:auto;padding:80px var(--pad);display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;min-height:65vh}.about-copy h1{color:var(--green);font-size:clamp(48px,6vw,80px);margin:0 0 30px;letter-spacing:-1.5px}.about-copy>p:not(.eyebrow):not(.tagline){font-size:18px;line-height:1.8}.about-copy .eyebrow{font-size:14px}.about-motto{font-family:Georgia,serif}.about-copy .tagline{color:#87631f;margin-bottom:0}.about-photo{margin:0}.about-photo img{display:block;width:100%;height:auto}@media(max-width:700px){.header{flex-direction:column;gap:14px}.header .brand{order:-1}.header .nav{display:flex;justify-content:center;gap:28px}.about-page{grid-template-columns:1fr;padding:44px 24px;gap:36px}.about-copy>p:not(.eyebrow):not(.tagline){font-size:17px}.about-copy h1{font-size:52px}}

/* Keep the logo centered while placing navigation at the far right. */
.header .brand{grid-column:2;grid-row:1;position:relative;z-index:1;pointer-events:auto}.header .brand img,.header .brand span{pointer-events:none}.header .nav{grid-column:3;grid-row:1;justify-self:end;justify-content:flex-end}.header .nav a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:700px){.header .nav{width:100%;justify-content:flex-end}.header .brand{flex-shrink:0}}

/* Left dropdown navigation; preserve the centered logo and header spacing. */
.header{position:relative}.site-menu{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);z-index:20}.site-menu summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff9eb;border-radius:2px}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary:hover{background:#ffffff12}.site-menu summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.menu-lines{display:grid;gap:5px;width:23px}.menu-lines span{height:2px;width:100%;background:currentColor}.menu-panel{position:absolute;top:calc(100% + 12px);left:0;min-width:190px;padding:10px;background:var(--ivory);color:var(--green);border:1px solid #e5bd6770;box-shadow:0 12px 30px #001e2630;border-radius:3px}.menu-panel a{display:flex;align-items:center;min-height:46px;padding:10px 16px;font-size:16px}.menu-panel a:hover{background:#064c3d0d}.site-menu[open] summary{color:var(--gold)}@media(max-width:700px){.header{padding-bottom:79px}.site-menu{left:12px;top:43px;transform:none}.site-menu summary{width:40px}.menu-panel{max-width:calc(100vw - 24px)}}
/* Keep navigation accessible while scrolling, without moving the logo. */
.header .site-menu{position:fixed;top:max(24px,env(safe-area-inset-top));left:var(--pad);transform:none;z-index:1000}.site-menu summary{background:var(--green);border:1px solid #e5bd6759;box-shadow:0 3px 12px #001e2626;border-radius:5px}.site-menu summary:hover{background:var(--deep)}.menu-panel{max-height:calc(100dvh - 110px);overflow-y:auto}@media(max-width:700px){.header .site-menu{left:12px;top:max(43px,env(safe-area-inset-top))}.site-menu summary{width:44px}}

.founder-title{display:block;margin-top:6px;font-size:16px;line-height:1.3;letter-spacing:.06em}

.founder-caption{width:36%;max-width:440px;line-height:1.2}.founder-quote{margin:0 0 18px;font-size:clamp(19px,1.8vw,26px);line-height:1.4;letter-spacing:0;text-wrap:pretty}.founder-slide:after{content:"";position:absolute;inset:45% 0 0 42%;background:linear-gradient(transparent,rgba(0,20,16,.82));pointer-events:none}
@media(max-width:700px){.founder-caption{width:calc(100% - 48px);max-width:360px}.founder-quote{font-size:20px;line-height:1.35;margin-bottom:12px}.founder-slide:after{inset:40% 0 0}}

/* Founder signature and editorial attribution. */
.founder-signature{display:block;color:var(--gold);font:400 58px/1.2 "Great Vibes",Georgia,cursive;letter-spacing:0}.founder-caption .founder-title{margin-top:7px;font-family:Georgia,serif;font-size:20px;line-height:1.35;letter-spacing:.09em}.founder-quote{margin-bottom:14px}
@media(max-width:700px){.founder-signature{font-size:50px}.founder-caption .founder-title{font-size:19px;margin-top:5px}}

.product-read-more{display:block;margin:16px auto 24px;padding:12px 28px;min-height:48px;border:1px solid #064c3d;border-radius:3px;background:#ffffff;color:#064c3d;text-decoration:none;cursor:pointer;font-size:16px;font-weight:600}.product-read-more:hover{background:#064c3d;border-color:#064c3d;color:#ffffff}.coffee-description{width:min(620px,calc(100% - 32px));max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;padding:48px 28px 24px;border:1px solid var(--gold);border-radius:8px;background:var(--ivory);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}.coffee-description::backdrop{background:rgb(3 25 20 / 72%)}.coffee-description h2{font:400 clamp(30px,7vw,42px)/1.15 Georgia,serif;margin:0 0 24px}.coffee-description .eyebrow{margin-bottom:10px}.description-close{position:absolute;top:8px;right:10px;width:44px;height:44px;border:0;background:transparent;color:var(--green);font-size:32px;cursor:pointer}.description-specs{margin:24px 0;padding:16px 0;border-block:1px solid #d8cdb9}.description-specs>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:4px 0}.description-specs dt{font-weight:600}.description-specs dd{margin:0}.coffee-description .tagline{font-size:48px;margin:18px 0 0;color:#866019}html:has(.coffee-description[open]){overflow:hidden}

/* Product gallery: full images, gentle transitions, swipe and pause controls. */
.product-gallery{position:relative;background:#092f28;touch-action:pan-y}
.product-gallery-stage{position:relative;aspect-ratio:1;overflow:hidden}
.product-gallery .slide{transform:none;transition:opacity 1s ease}
.product-gallery .slide img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transition:none}
.product-gallery .slide-controls{position:static;padding:8px 14px;background:#073c32}
.product-gallery .slide-dots button:before{width:8px;height:8px;border-radius:50%;background:#ffffff70}
.product-gallery .slide-dots button[aria-pressed=true]:before{width:8px;background:#ffffff}
.product-gallery .slide-controls .slide-pause{width:44px;height:44px;font-size:18px}
@media(prefers-reduced-motion:reduce){.product-gallery .slide{transition:none}}

/* Vietnamese iced coffee brewing guide. */
.vietnamese-recipe{padding:80px var(--pad);background:#fffcf5;color:#163f35;scroll-margin-top:30px}.recipe-inner{max-width:1080px;margin:auto}.recipe-heading{max-width:660px}.recipe-heading .eyebrow{color:#866019;margin-bottom:15px}.recipe-heading h2{font:400 clamp(42px,6vw,72px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:0 0 12px;color:#064c3d}.recipe-subtitle{font:400 23px/1.4 Georgia,serif;margin:0 0 20px}.recipe-heading p:not(.eyebrow):not(.recipe-subtitle){line-height:1.8}.recipe-meta{font-size:13px;letter-spacing:.04em;color:#5b6d61}.recipe-meta span{padding:0 8px}.recipe-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:64px;margin:32px 0}.recipe-columns h3{font:400 27px/1.3 Georgia,serif;color:#064c3d;margin:0 0 22px}.recipe-ingredients{border-top:2px solid #b58b43;padding-top:24px}.recipe-method{border-top:2px solid #064c3d;padding-top:24px}.recipe-columns ul,.recipe-columns ol{padding-left:22px;margin:0}.recipe-columns li{padding-left:6px;margin-bottom:17px;line-height:1.75}.recipe-method li::marker{color:#866019;font-weight:700}.recipe-equipment{font-size:14px;line-height:1.75;border-top:1px solid #ded7c8;margin-top:26px;padding-top:20px}.recipe-tip{padding:20px 24px;background:#edf2ec;border-left:3px solid #b58b43;line-height:1.75}.recipe-shop{display:inline-block;padding:12px 0;border-bottom:1px solid #866019;font-weight:600;color:#064c3d}.recipe-shop:hover{color:#866019}@media(max-width:700px){.vietnamese-recipe{padding:50px 24px}.recipe-columns{grid-template-columns:1fr;gap:20px}.recipe-heading h2{font-size:45px;letter-spacing:-.8px}.recipe-subtitle{font-size:21px}.recipe-tip{padding:18px}.recipe-shop{font-size:15px}}

/* Compact, accessible recipe disclosure. */
.vietnamese-recipe{padding:30px var(--pad)}
.recipe-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:8px 0}
.recipe-summary::-webkit-details-marker{display:none}
.recipe-summary:focus-visible{outline:2px solid #866019;outline-offset:8px;border-radius:2px}
.recipe-summary .eyebrow{display:block;margin:0 0 8px}
.recipe-name{display:block;font:400 clamp(28px,4vw,38px)/1.15 Georgia,serif;color:#064c3d;letter-spacing:-.5px}
.recipe-summary .recipe-subtitle{display:block;font:400 16px/1.4 Georgia,serif;margin:6px 0 0}
.recipe-toggle{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:14px;color:#064c3d}
.recipe-symbol{font-size:25px;font-weight:300;line-height:1;transition:transform .2s}
.recipe-hide{display:none}
.recipe-disclosure[open] .recipe-view{display:none}
.recipe-disclosure[open] .recipe-hide{display:inline}
.recipe-disclosure[open] .recipe-symbol{transform:rotate(45deg)}
.recipe-content{padding-top:18px}
.recipe-columns{gap:36px;margin:22px 0}
.recipe-columns h3{font-size:24px;margin-bottom:16px}
.recipe-columns li{margin-bottom:12px;line-height:1.6}
@media(max-width:700px){.vietnamese-recipe{padding:24px}.recipe-summary{gap:16px;flex-wrap:wrap}.recipe-name{font-size:30px}.recipe-summary .recipe-subtitle{font-size:16px}.recipe-columns{gap:20px}.recipe-toggle{font-size:13px}}

/* Full-size bottom gallery with gentle crossfades. */
.bottom-gallery{background:#072e25;padding:0}
.gallery-carousel{width:100%;height:clamp(480px,58vw,780px);min-height:0;max-height:none}
.gallery-carousel .slide,.gallery-carousel .slide.active{transform:none;transition:opacity 2s ease;background:#072e25}
.gallery-carousel .slide img,.gallery-carousel .slide.active img{display:block;object-fit:contain;object-position:center;width:100%;height:100%;transform:none;transition:none}
.gallery-carousel .slide-controls{left:clamp(18px,4vw,60px);right:clamp(18px,4vw,60px)}
@media(max-width:700px){.gallery-carousel{height:110vw;min-height:0;max-height:none}}
@media(prefers-reduced-motion:reduce){.gallery-carousel .slide{transition:none}}

/* Make the recipe action prominent on every screen. */
.recipe-summary{flex-direction:column;align-items:flex-start;gap:20px}
.recipe-toggle{display:inline-flex;background:#064c3d;color:#fffcf5;padding:14px 22px;border-radius:4px;font-size:15px;font-weight:600;min-height:48px;box-sizing:border-box}
.recipe-summary:hover .recipe-toggle{background:#0b5c49}

/* Preserve portrait supplier footage within the established hero composition. */
.hero .supplier-slide video{position:absolute;inset:0 5% 0 auto;width:min(43vw,480px);height:100%;object-fit:contain;object-position:center}
@media(max-width:700px){.hero .supplier-slide video{inset:0;margin:auto;width:100%;max-width:480px;height:100%;object-fit:contain}}

/* Preserve the framing of the user-edited clips and wide Da Lat landscape. */
.gallery-carousel .slide video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}

/* Fill the bottom gallery frame for the two portrait bean videos. */
.gallery-carousel > .slide:nth-child(2) video,.gallery-carousel > .slide:nth-child(3) video{object-fit:cover}

/* Tanzania release */
.tanzania-product{padding:80px var(--pad);background:#10100d;color:#fff7e8;scroll-margin-top:95px}.tanzania-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.tanzania-inner figure{margin:0}.tanzania-inner img{display:block;width:100%;height:auto;border-radius:8px}.tanzania-copy .eyebrow{color:#e5bd67}.tanzania-copy h2{font:400 clamp(48px,5vw,76px)/1.05 Georgia,serif;margin:0 0 24px}.tanzania-copy h2 em{color:#e5bd67;font-weight:400}.tanzania-arrival{color:#e5bd67;font-size:17px;letter-spacing:1px}.tanzania-copy .attributes{padding:14px 0;color:#eee}.tanzania-description{font-size:16px;line-height:1.75;color:#e1dccf}.tanzania-copy .price{color:#fff7e8;margin-top:24px}.tanzania-copy .price span,.tanzania-copy .delivery{color:#d8cdb9}.tanzania-copy .actions{display:block;margin-top:24px}.tanzania-copy .button{background:#e5bd67;border-color:#e5bd67;color:#102d25;border-radius:4px}.tanzania-copy .button:hover{background:#f3d48e}.tanzania-note{font-size:13px;line-height:1.6;color:#c8bfad}.tanzania-copy .tagline{color:#e5bd67}.tanzania-copy .price span{white-space:nowrap}@media(max-width:700px){.tanzania-product{padding:48px 24px}.tanzania-inner{grid-template-columns:1fr;gap:32px}.tanzania-copy h2{font-size:54px}.tanzania-copy .price{font-size:44px}.tanzania-inner figure{max-width:440px;margin:auto}}

/* Mission typography */
.header .header-mission{grid-column:1 / -1;grid-row:2;justify-self:center;width:100%;max-width:690px;margin:0;text-align:center;color:var(--ivory);font-weight:400}
.header:has(.header-mission){row-gap:24px;padding-bottom:32px}
.mission-statement{display:block;max-width:650px;margin:auto;font:400 clamp(24px,2.7vw,34px)/1.3 Georgia,serif;letter-spacing:-.5px;text-wrap:balance}
.mission-statement em{color:var(--gold);font-weight:400;font-style:normal}
.mission-explore{display:block;margin-top:20px;font:400 19px/1.6 Georgia,serif;letter-spacing:.2px;text-wrap:balance}
.mission-explore::before{content:"";display:block;width:72px;height:1px;margin:0 auto 17px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.mission-finale{display:block;margin-top:10px;color:var(--gold);font:400 24px/1.4 Georgia,serif;letter-spacing:0}
@media(max-width:700px){.header .header-mission{margin-top:13px;order:2;max-width:420px}.header:has(.header-mission){padding-bottom:27px}.mission-statement{font-size:25px;line-height:1.32}.mission-explore{font-size:17px;margin-top:17px}.mission-finale{font-size:22px;margin-top:10px}}

/* Shared purchase buttons match the approved Robusta style. */
.actions.purchase-actions{display:grid;gap:12px}
.actions.purchase-actions .button{width:100%;min-height:59px;border:1px solid #fff;border-radius:40px;background:#fff;color:var(--green);font-size:16px}
.actions.purchase-actions .button:hover{background:#f2f7f5;border-color:#f2f7f5;color:var(--green)}
.actions.purchase-actions .product-whatsapp{display:grid;place-items:center;justify-self:center;width:56px;height:56px;margin-top:7px;border-radius:50%;background:#fff;color:var(--green);transition:background .2s,transform .2s}
.product-whatsapp svg{display:block;width:28px;height:28px}
.actions.purchase-actions .product-whatsapp:hover{background:#f2f7f5;transform:translateY(-2px)}

/* Short product introductions keep each full story close to its coffee. */
.robusta-story-preview{grid-column:1;grid-row:8;margin-top:24px}
.robusta-story-preview h3{font:400 clamp(28px,3vw,38px)/1.2 Georgia,serif;color:var(--gold);margin:0 0 16px}
.robusta-story-preview p{color:#e1eae3;font-size:16px;line-height:1.75;margin:0 0 16px}
.coffee-description h3{font:400 27px/1.25 Georgia,serif;margin:24px 0 16px}
@media(max-width:700px){.robusta-story-preview{margin-top:0}}

.discovery-links{width:100%;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;color:#e1eae3}.discovery-links a{text-decoration:underline;text-underline-offset:4px}

.order .wholesale-link{display:flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;min-height:52px;padding:13px 25px;margin:25px auto 0;background:#fff;color:var(--green);border:1px solid #fff;border-radius:40px;font-size:16px;font-weight:600}.order .wholesale-link:hover{background:#f2f7f5}

@media(max-width:700px){.order>div:first-child{width:100%}}