@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,400;0,500;0,600;1,400&display=swap');
:root{--forest:#17372e;--forest-deep:#102820;--ink:#25352e;--paper:#f8f7f2;--cream:#edece3;--sage:#aeb7a0;--gold:#c5ae7f;--muted:#667168;--line:#dce0d4;--white:#fff;--display:"Fraunces",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9b773a;outline-offset:4px}button{border:0}img{display:block;max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:400}.wrap{width:min(1260px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:2.1px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:13px;margin:0 0 22px}.eyebrow:before{content:"";width:28px;border-top:1px solid currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:14px 23px;background:var(--forest);color:#fbfaf3;font-size:12px;font-weight:500;text-decoration:none;border:1px solid var(--forest);border-radius:2px;transition:background .18s}.btn:hover{background:#264c3f}.btn.light{background:#e9e6d6;color:var(--forest);border-color:#e9e6d6}.btn.light:hover{background:white}.btn.ghost{background:transparent;color:inherit;border-color:#aeb8a580}.btn.ghost:hover{background:#ffffff0d}.btn.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:25px;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:transparent;font-size:12px;text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.utility{background:var(--forest-deep);color:#d9dfd0;font-size:9px;letter-spacing:1.15px;text-transform:uppercase}.utility .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:32px}.utility-email{font-size:10px;letter-spacing:.2px;text-transform:none}.site-header{background:#faf9f4f5;backdrop-filter:blur(12px);border-bottom:1px solid #d9ded2;position:sticky;top:0;z-index:20}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand-mark{font-family:var(--display);font-weight:500;letter-spacing:-3px;display:grid;place-items:center;width:49px;height:49px;border:1px solid var(--forest);font-size:25px;line-height:1;padding-right:3px}.brand-wordmark{font-size:12px;line-height:1.4;letter-spacing:1.8px;font-weight:700}.brand-wordmark small{display:block;font-size:7px;letter-spacing:1.65px;font-weight:400;margin-top:5px}.site-nav{display:flex;align-items:center;gap:27px}.site-nav a{font-size:11px;text-decoration:none;padding:10px 0}.site-nav a:hover{color:#8b744e}.header-actions{display:flex;align-items:center;gap:19px}.request-button{display:flex;align-items:center;gap:9px;min-height:43px;background:transparent;font-size:11px;white-space:nowrap}.request-count{width:21px;height:21px;display:grid;place-items:center;background:var(--forest);color:#fff;border-radius:50%;font-size:9px}.menu-button{display:none;background:transparent;border:1px solid var(--line);padding:10px;font-size:11px}.hero{background:var(--forest-deep);color:#f5f3e7;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr}.hero-content{padding:56px 50px 54px 0;align-self:center;position:relative;z-index:1}.hero .eyebrow{color:#bcc7b0}.hero h1{font-size:clamp(45px,4.55vw,68px);letter-spacing:-2.3px;line-height:1.08;margin:0 0 26px;max-width:650px}.hero h1 em{color:var(--gold);font-weight:400}.hero-description{font-size:13px;line-height:1.9;color:#c0cbbb;max-width:375px;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.hero-actions .text-link{color:#e2e7da;border-color:#7b8b7977}.hero-visual{position:relative;isolation:isolate;margin-right:calc((min(1260px,100vw - 96px) - 100vw)/2);overflow:hidden}.hero-visual img{height:100%;width:100%;object-fit:cover;filter:brightness(.65);position:absolute;inset:0}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102820aa,transparent 42%),linear-gradient(0deg,#102820ad,transparent 45%);z-index:0}.origin-seal{position:absolute;top:38px;right:42px;border:1px solid #ddd9b476;border-radius:50%;width:105px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;color:#e4ddc1;transform:rotate(9deg)}.origin-seal span{font-size:7px;letter-spacing:2px}.origin-seal b{font-family:var(--display);font-weight:400;font-size:24px;margin:5px 0}.origin-caption{position:absolute;bottom:40px;left:42px;right:30px;z-index:1}.origin-caption span{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#d3d7c8}.origin-caption p{font-family:var(--display);font-size:61px;letter-spacing:4px;margin:11px 0 0;line-height:1;color:#eeead9}.features-bar{border-bottom:1px solid var(--line);background:#f0f1e8}.features-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:22px}.feature{font-size:12px;display:flex;align-items:center;gap:14px}.feature+ .feature{border-left:1px solid #cbd2c0;padding-left:35px}.feature .number{font-family:var(--display);font-size:23px;color:#82937a}.feature small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.section{padding-block:83px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-header h2{font-size:43px;letter-spacing:-1.4px;line-height:1.13;margin:0}.section-intro{font-size:12px;line-height:1.9;color:var(--muted);max-width:315px;margin:0}.section .eyebrow{color:#6b7d65;margin-bottom:16px}.coffee-group + .coffee-group{margin-top:clamp(48px,7vw,82px)}.coffee-group-title{font-size:clamp(23px,3vw,34px);letter-spacing:-.6px;margin:0 0 20px}.coffee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.coffee-card{min-width:0}.coffee-stage{background:#e8ebe0;height:282px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden}.coffee-card:nth-child(2) .coffee-stage{background:#e6e3da}.coffee-card:nth-child(3) .coffee-stage{background:#e2e7e3}.coffee-stage:before{content:"";position:absolute;width:150px;height:20px;background:#25372a30;filter:blur(11px);border-radius:50%;bottom:30px;z-index:-1}.roast-tag{position:absolute;top:17px;left:18px;font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#5c6e56}.coffee-bag{position:relative;width:145px;height:217px;clip-path:polygon(6% 0,94% 0,96% 6%,96% 89%,100% 100%,0 100%,4% 89%,4% 6%);background:linear-gradient(105deg,#c4b798,#e2d8bc 20%,#d9ceb0 79%,#b7a987);box-shadow:inset 9px 0 8px #fff3,inset -10px 0 9px #44372022;transform:rotate(-3deg);transition:transform .3s}.coffee-card:hover .coffee-bag{transform:translateY(-4px) rotate(0)}.coffee-bag:before{content:"";position:absolute;left:7%;right:7%;top:9px;border-top:3px double #978b6666}.coffee-bag:after{content:"";position:absolute;top:28px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#b3a281;box-shadow:inset 0 1px 2px #0002}.bag-label{position:absolute;left:13px;right:13px;top:49px;bottom:18px;padding:15px 8px 11px;background:var(--forest);color:#f2ead4;text-align:center}.bag-mark{font-family:var(--display);font-size:27px;letter-spacing:-2.5px;line-height:1}.bag-name{font-size:6px;line-height:1.5;letter-spacing:1.45px;margin-top:7px}.bag-rule{width:70%;margin:12px auto 11px;border-top:1px solid #e1d8b24f}.bag-roast{font-family:var(--display);font-size:16px;line-height:1.1}.bag-weight{font-size:7px;letter-spacing:1px;display:block;margin-top:10px}.coffee-card:nth-child(2) .coffee-bag{background:linear-gradient(105deg,#121b18,#354239 23%,#27362e 76%,#101b15)}.coffee-card:nth-child(2) .bag-label{background:#d9d1b8;color:#26392d}.coffee-card:nth-child(2) .bag-rule{border-color:#26392d4f}.coffee-card:nth-child(3) .bag-label{background:#6d8075}.coffee-card h4{font-size:27px;letter-spacing:-.6px;margin:22px 0 8px}.coffee-origin{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#76826f;margin:0 0 12px}.coffee-description{font-size:12px;line-height:1.7;color:var(--muted);min-height:41px;margin:0 0 20px}.coffee-options{border-top:1px solid var(--line);padding-top:19px}.field-label{display:block;font-size:10px;font-weight:500;margin-bottom:9px}.size-options{display:flex;gap:7px}.size-option{font-size:11px;min-height:37px;padding:8px 22px;background:transparent;border:1px solid #cbd3c3;border-radius:2px}.size-option[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:var(--paper)}.purchase-row{display:flex;align-items:end;gap:12px;margin-top:17px}.quantity-control{display:flex;align-items:center;border:1px solid #cbd3c3;border-radius:2px;height:47px;width:102px;flex-shrink:0}.quantity-control button{background:transparent;min-width:29px;height:43px;font-size:17px;padding:0}.quantity-control input{width:40px;min-width:0;padding:0;border:0;background:transparent;text-align:center;font-size:12px;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.purchase-row .btn{padding-inline:12px;flex:1;gap:15px;font-size:10px}.catalog-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:10px;color:#7c8477;line-height:1.7}.catalog-footnote a{color:var(--forest);text-underline-offset:3px}.wholesale{background:#e8ecdf;position:relative;overflow:hidden}.wholesale-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.wholesale-content h2{font-size:49px;letter-spacing:-1.8px;line-height:1.13;max-width:460px;margin-bottom:23px}.wholesale-content>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#62715d;max-width:360px}.wholesale-points{margin-top:31px;border-top:1px solid #c6d0b8;max-width:380px}.wholesale-point{display:flex;align-items:center;gap:17px;padding:17px 0;border-bottom:1px solid #c6d0b8;font-size:11px}.wholesale-point>span{font-family:var(--display);font-size:17px;color:#899a7b}.wholesale-contact{margin-top:29px;font-size:10px;color:#738268}.wholesale-contact a{display:block;font-size:13px;color:var(--forest);margin-top:8px;text-underline-offset:4px;overflow-wrap:anywhere}.wholesale-form{padding:30px;background:#f8f9f2;border:1px solid #d6ddcc}.wholesale-form h3{font-size:25px;margin-bottom:8px;letter-spacing:-.5px}.form-description{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-size:10px;font-weight:500;margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:44px;border:1px solid #cbd4c0;background:#fffefa;border-radius:2px;padding:11px 12px;font-size:12px;color:var(--ink)}.form-field input::placeholder,.form-field textarea::placeholder{color:#9a9f91}.form-field textarea{resize:vertical;min-height:78px;line-height:1.6}.form-note{font-size:10px;color:#7f8877;line-height:1.6;margin:12px 0 0}.wholesale-form>.btn{margin-top:20px;font-size:11px}.mail-ready{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.mail-ready>p{font-size:12px;line-height:1.7}.mail-ready .btn{font-size:11px}.copy-link{font-size:10px;text-decoration:underline;text-underline-offset:4px;background:transparent;padding:14px 0 0}.equipment{background:var(--paper)}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.equipment-card{border:1px solid #d7ddcf;background:#fdfcf8;display:grid;grid-template-columns:1fr 1fr;min-height:290px}.equipment-image{min-height:290px;overflow:hidden;position:relative}.equipment-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.6)}.equipment-card:first-child .equipment-image img{object-position:49% 50%}.equipment-card:last-child .equipment-image img{object-position:47% 50%}.equipment-content{padding:27px 24px;align-self:center}.equipment-content .small{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#7b886f}.equipment-content h3{font-size:29px;letter-spacing:-.8px;line-height:1.1;margin:16px 0 14px}.equipment-content p{font-size:11px;color:var(--muted);line-height:1.9}.equipment-content .text-link{font-size:10px;gap:16px}.equipment-note{font-size:10px;line-height:1.7;color:#85907e;margin:20px 0 0}.syrups{padding:0 0 83px}.syrup-panel{background:#eeede5;border:1px solid #e2e2d6;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;padding:45px 58px;overflow:hidden}.coming-soon{display:inline-flex;font-size:8px;letter-spacing:1.4px;text-transform:uppercase;padding:8px 11px;border:1px solid #9fa993;color:#66735d;margin-bottom:20px;background:#e1e5d8}.syrup-panel h2{font-size:39px;letter-spacing:-1.1px;margin:0 0 14px;line-height:1.2}.syrup-panel p{font-size:12px;line-height:1.85;color:var(--muted);max-width:400px;margin:0}.syrup-art{height:210px;display:flex;align-items:end;justify-content:center;gap:23px;position:relative}.bottle{height:154px;width:64px;border:1px solid #9da68c;border-radius:15px 15px 8px 8px;background:linear-gradient(90deg,#c7cdb820,#adb7a52e,#e9eddf77);position:relative}.bottle:before{content:"";position:absolute;width:23px;height:34px;left:19px;top:-34px;border:1px solid #9da68c;border-bottom:0;background:#e2e5d8;border-radius:3px 3px 0 0}.bottle:after{content:"TN";position:absolute;left:8px;right:8px;top:50px;height:53px;border:1px solid #b3bba5;background:#dfe3d5;font-family:var(--display);color:#87947d;font-size:21px;text-align:center;padding-top:11px;letter-spacing:-1px}.bottle:nth-child(2){height:175px;width:70px}.bottle:nth-child(2):before{left:22px}.bottle:nth-child(3){height:140px}.contact-section{background:var(--forest-deep);color:#edeedc;padding:54px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-inner .eyebrow{color:#a8ba9d;margin-bottom:14px}.contact-inner h2{font-size:39px;letter-spacing:-1px;margin:0 0 13px}.contact-inner p{font-size:12px;color:#b9c7b0;margin:0;line-height:1.8}.contact-link{font-size:16px;letter-spacing:-.3px;display:inline-flex;align-items:center;gap:25px;color:#e4d6b5;text-underline-offset:9px;overflow-wrap:anywhere}.footer{padding:29px 0;background:#0e211b;color:#acb8a3}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.footer .brand-mark{border-color:#829078;color:#c7d0bc;width:37px;height:37px;font-size:21px}.footer .brand-wordmark{font-size:9px;letter-spacing:1.3px}.footer .brand-wordmark small{font-size:6px}.footer-note{font-size:9px;line-height:1.8;text-align:right}.photo-credits{background:#0e211b;color:#798b73;text-align:center;padding:0 20px 20px;font-size:8px;letter-spacing:.2px}.photo-credits a{text-underline-offset:3px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,18px);z-index:60;background:#17372e;color:#f8f5e9;padding:14px 22px;font-size:12px;border:1px solid #8e9d7e;border-radius:3px;box-shadow:0 12px 40px #10282026;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:0;border:0;border-radius:4px;background:#faf9f4;color:var(--ink);box-shadow:0 30px 100px #0004;width:min(565px,calc(100% - 28px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#0d2119a8;backdrop-filter:blur(4px)}.dialog-header{padding:25px 28px;display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.dialog-header .eyebrow{font-size:8px;margin-bottom:12px;color:#7b8a71}.dialog-header h2{font-size:28px;letter-spacing:-.6px;margin:0}.dialog-close{width:31px;height:31px;border:1px solid #c4cdbb;border-radius:50%;font-size:20px;background:transparent;flex-shrink:0}.dialog-content{padding:0 28px 27px}.request-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.request-item h3{font-size:21px;margin:0 0 6px}.request-item p{font-size:11px;color:var(--muted);margin:0}.request-item-side{text-align:right}.request-quantity{display:flex;align-items:center;gap:11px;font-size:12px}.request-quantity button{width:29px;height:29px;background:transparent;border:1px solid #cbd3c2}.request-remove{font-size:9px;text-decoration:underline;background:transparent;padding:10px 0 0;color:#7c8773}.request-totals{display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:12px;align-items:center}.request-totals strong{font-family:var(--display);font-size:29px;font-weight:400}.request-note{font-size:11px;line-height:1.85;color:var(--muted);margin-bottom:20px}.request-empty{padding:40px 0 17px;text-align:center}.request-empty h3{font-size:29px;margin-bottom:13px}.request-empty p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:25px}.request-draft{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.request-draft summary{font-size:10px;cursor:pointer;color:#6b795f}.request-draft pre{font-family:var(--sans);font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#69745f;background:#edf0e5;padding:15px;max-height:230px;overflow:auto}.manual-copy{width:100%;min-height:160px;border:1px solid #aeb99f;background:white;font:12px/1.7 var(--sans);padding:13px;margin-top:14px;color:var(--ink)}
@media(min-width:1600px){.hero-visual{margin-right:calc((1260px - 100vw)/2)}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.site-nav{gap:19px}.header-inner{gap:17px}.header-actions{gap:12px}.brand-wordmark{font-size:10px;letter-spacing:1.3px}.brand-wordmark small{font-size:6px}.hero-visual{margin-right:-30px}.hero-content{padding-right:30px}.hero h1{font-size:52px}.wholesale-layout{gap:45px}.wholesale-content h2{font-size:43px}.equipment-grid{gap:22px}.equipment-card{grid-template-columns:1fr}.equipment-image{min-height:235px;height:235px}.equipment-content{padding:27px}.equipment-content h3{font-size:31px}.equipment-content p{min-height:42px}.contact-link{font-size:14px}}
@media(max-width:800px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 40px)}.utility .wrap{justify-content:center;min-height:31px;font-size:8px;letter-spacing:.7px}.utility-email{display:none}.header-inner{min-height:81px;gap:12px;flex-wrap:wrap;padding-block:13px}.brand{gap:9px}.brand-mark{width:42px;height:42px;font-size:23px}.brand-wordmark{font-size:9px;letter-spacing:1px}.brand-wordmark small{font-size:5.5px;margin-top:4px;letter-spacing:1px}.header-actions{margin-left:auto;gap:9px}.request-button{font-size:10px;gap:6px}.request-count{width:19px;height:19px;font-size:8px}.menu-button{display:block;font-size:10px;padding:9px}.site-nav{display:none;order:3;flex-basis:100%;width:100%;gap:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:7px}.site-nav[data-open=true]{display:flex}.site-nav a{font-size:11px;padding:12px 0}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-content{padding:44px 4px 36px}.hero h1{font-size:clamp(42px,8vw,62px);letter-spacing:-1.9px;max-width:550px}.hero-description{max-width:400px;font-size:13px}.hero-actions{gap:20px}.hero-visual{margin:0 -20px;min-height:260px}.hero-visual img{object-position:50% 55%}.hero-visual:after{background:linear-gradient(0deg,#102820ac,transparent 70%)}.origin-caption{left:27px;bottom:29px}.origin-caption p{font-size:53px}.origin-seal{right:25px;top:24px;width:90px;height:90px}.origin-seal b{font-size:21px}.origin-seal span{font-size:6px}.features-inner{gap:17px;padding-block:20px}.feature{font-size:10px;gap:10px;align-items:start}.feature .number{font-size:19px}.feature+ .feature{padding-left:14px}.feature small{font-size:8px;line-height:1.5;margin-top:5px}.section{padding-block:53px}.section-header{align-items:start;flex-direction:column;gap:19px;margin-bottom:29px}.section-header h2{font-size:37px}.section-intro{max-width:450px}.coffee-grid{grid-template-columns:1fr;gap:39px}.coffee-stage{height:300px}.coffee-bag{width:157px;height:236px}.bag-label{top:54px;bottom:20px}.bag-mark{font-size:31px}.bag-name{font-size:7px}.bag-rule{margin-top:15px;margin-bottom:13px}.bag-roast{font-size:18px}.bag-weight{font-size:8px}.coffee-card h4{font-size:29px;margin-top:19px}.coffee-description{min-height:0;margin-bottom:17px}.coffee-options{display:grid;grid-template-columns:1fr 1.3fr;gap:15px;align-items:end}.purchase-row{margin-top:0;gap:10px}.purchase-row .btn{min-width:0;font-size:10px;min-height:47px;padding:13px 10px}.purchase-row .action-icon{display:none}.quantity-control{width:94px}.quantity-control input{width:34px}.quantity-control button{min-width:29px}.size-option{padding:8px 15px}.catalog-footnote{flex-direction:column;gap:10px;margin-top:26px}.wholesale-layout{grid-template-columns:1fr;gap:33px}.wholesale-content h2{font-size:40px;max-width:480px}.wholesale-content>p:not(.eyebrow){max-width:450px}.wholesale-points{max-width:none}.wholesale-contact{margin-top:21px}.wholesale-form{padding:24px}.equipment-grid{gap:25px}.equipment-card{grid-template-columns:1fr}.equipment-image{height:220px;min-height:220px}.equipment-content{padding:23px}.equipment-content h3{font-size:28px}.syrups{padding-bottom:53px}.syrup-panel{padding:34px 30px;grid-template-columns:1fr;gap:32px}.syrup-panel h2{font-size:35px}.syrup-art{height:215px}.contact-section{padding:41px 0}.contact-inner{align-items:start;flex-direction:column;gap:27px}.contact-inner h2{font-size:34px}.contact-link{font-size:15px;gap:17px}.footer-inner{align-items:start;gap:20px}.footer-note{text-align:left;font-size:8px}.photo-credits{font-size:7px;line-height:1.9}.eyebrow{font-size:9px;letter-spacing:1.7px}.dialog-header{padding:23px}.dialog-content{padding:0 23px 25px}}
.action-icon, .coffee-switcher-icon {
  display: inline-block;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.action-icon { width: 1em; height: 1em; vertical-align: -0.12em; }
.coffee-switcher-icon { width: 18px; height: 18px; }
.coffee-switcher { display: none; }

@media (max-width: 600px) {
  .wrap { width: calc(100% - 40px); }
  .header-inner { gap: 12px; min-height: 72px; }
  .brand-mark { width: 36px; height: 38px; font-size: 22px; }
  .header-actions { gap: 8px; }
  .request-button, .menu-button { min-height: 44px; font-size: 12px; }
  .menu-button { min-width: 48px; }
  .site-nav[data-open=true] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
  .site-nav a { display: flex; align-items: center; min-height: 44px; font-size: 13px; }

  .hero-content { padding: 36px 0 30px; }
  .hero h1 { font-size: clamp(34px, 10.4vw, 48px); }
  .hero-description, .section-intro, .coffee-description,
  .wholesale-content > p:not(.eyebrow) { font-size: 15px; line-height: 1.65; }
  .hero-actions { gap: 10px 20px; }
  .hero-actions .btn, .hero-actions .text-link { font-size: 13px; gap: 12px; }
  .hero-actions .btn { padding-inline: 16px; }
  .hero-visual { min-height: clamp(188px, 52vw, 235px); }
  .origin-seal { top: 18px; right: 20px; width: 74px; height: 74px; }
  .origin-seal b { font-size: 18px; }
  .origin-caption { left: 21px; bottom: 20px; }
  .origin-caption p { font-size: clamp(34px, 10vw, 45px); letter-spacing: 3px; }

  .features-inner { grid-template-columns: 1fr; padding-block: 6px; gap: 0; }
  .feature { padding-block: 14px; font-size: 13px; align-items: center; }
  .feature + .feature { border-left: 0; border-top: 1px solid #d6dccd; padding-left: 0; }
  .feature small { font-size: 12px; }
  .feature .number { width: 25px; }

  .section-header h2 { font-size: clamp(32px, 9vw, 39px); }
  .coffee-group-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 8px;
    margin-bottom: 18px;
  }
  .coffee-group-title { margin-bottom: 0; }
  .coffee-switcher:not([hidden]) { display: inline-flex; align-items: center; gap: 6px; }
  .coffee-switcher button {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #cbd3c3;
    border-radius: 2px;
    background: transparent;
    color: var(--forest);
  }
  .coffee-switcher button:hover { background: #e8ebe0; }
  .coffee-switcher-position { min-width: 32px; font-size: 12px; text-align: center; white-space: nowrap; }
  .coffee-switcher-status {
    position: absolute;
    width: 1px;
    height: 1px;
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
  }
  .coffee-grid > .coffee-card[data-coffee-active="false"] { display: none; }
  .coffee-grid { gap: 44px; }
  .coffee-stage { height: clamp(228px, 64vw, 270px); }
  .coffee-bag { width: 139px; height: 208px; }
  .bag-label { top: 45px; bottom: 16px; padding-block: 12px 8px; }
  .bag-rule { margin-block: 11px 9px; }
  .bag-roast { font-size: 16px; }
  .bag-weight { margin-top: 7px; }
  .coffee-origin { font-size: 11px; }
  .coffee-options { grid-template-columns: 1fr; gap: 16px; }
  .field-label { font-size: 12px; }
  .size-options { gap: 10px; }
  .size-option { flex: 1; min-height: 44px; padding: 8px 12px; font-size: 13px; }
  .purchase-row { gap: 12px; }
  .purchase-row .btn { min-height: 48px; font-size: 13px; }
  .quantity-control { width: 132px; height: 48px; }
  .quantity-control button { min-width: 44px; height: 44px; }
  .quantity-control input { width: 42px; font-size: 16px; }

  .equipment-grid, .equipment-card, .form-grid { grid-template-columns: 1fr; }
  .equipment-image { height: 220px; min-height: 220px; }
  .equipment-content p { font-size: 14px; min-height: 0; }
  .equipment-content .text-link { font-size: 12px; }
  .form-field.full { grid-column: auto; }
  .form-field input, .form-field select, .form-field textarea { font-size: 16px; }
  .form-field label { font-size: 13px; }
  .wholesale-form, .syrup-panel { padding-inline: 20px; }
  .wholesale-form > .btn { font-size: 12px; }
  .contact-link { font-size: 14px; gap: 12px; }

  .dialog-header h2 { font-size: 25px; }
  .dialog-close { width: 44px; height: 44px; }
  .request-item h3 { font-size: 19px; }
  .request-item p, .request-note { font-size: 13px; }
  .request-quantity { gap: 8px; }
  .request-quantity button { width: 44px; height: 44px; }
  .request-totals strong { font-size: 27px; }
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}