@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#183e3b;--lime:#d9ee81;--muted:#65716c;--line:#dce1dc;--light:#f3f5f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-size:16px;background:white}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7a9439;outline-offset:4px}.topline{text-align:center;background:var(--ink);color:white;padding:10px 16px;font-size:12px;letter-spacing:2px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 6%;background:white;border-bottom:1px solid var(--line)}.brand{display:block;flex-shrink:0;width:160px;height:82px;overflow:hidden;position:relative}.brand img{display:block;width:100%;height:100%;object-fit:contain}nav{display:flex;gap:32px;font-size:14px}nav a:hover{text-decoration:underline}button,.button{border:none;border-radius:4px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;font-weight:700}.dark{background:var(--ink);color:white}.lime{background:var(--lime);color:var(--ink)}.quote-toggle{padding:14px 19px;font-size:14px;font-weight:700}.quote-toggle span{display:inline-flex;align-items:center;justify-content:center;margin-left:10px;background:#ffffff26;min-width:23px;height:23px;border-radius:50%}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.hero-copy{padding:65px 6vw}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 24px}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(40px,4.2vw,66px);line-height:1.12;letter-spacing:-2.7px;margin:0 0 27px;font-weight:800}h1 em{font-style:normal;color:#668440}.lead{color:var(--muted);line-height:1.7;max-width:430px;margin:0 0 28px}.hero-note{font-size:12px;color:var(--muted);margin-top:20px}.hero-art{background:var(--light);position:relative;padding:35px;display:flex;align-items:center;justify-content:center;overflow:hidden}.vertical{position:absolute;right:20px;top:30px;writing-mode:vertical-rl;letter-spacing:3px;font-size:12px}.hero-photo{position:relative;width:100%;height:430px}.hero-photo img{position:absolute;object-fit:contain;mix-blend-mode:multiply}.hero-cup{width:55%;height:310px;top:0;left:25%;transform:rotate(-8deg)}.hero-foil{width:70%;height:260px;bottom:-10px;left:-5%;transform:rotate(-6deg)}.hero-tray{width:51%;height:230px;bottom:-30px;right:0;transform:rotate(7deg)}.hero-caption{position:absolute;bottom:25px;left:35px;right:35px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 6%}.category-strip a{padding:25px 12px;border-right:1px solid var(--line);font-weight:600;font-size:14px}.category-strip a:first-child{padding-left:0}.category-strip a:last-child{border:0}.category-strip span{font-size:12px;margin-right:12px;color:var(--muted)}.category-strip a:hover{background:var(--light)}.section{padding:80px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:35px}h2{font-size:clamp(28px,3vw,42px);line-height:1.22;letter-spacing:-1.3px;margin:0}.section-heading>p{color:var(--muted);line-height:1.6;font-size:14px}.catalog-controls{display:flex;gap:18px;background:var(--light);padding:20px}.search{flex:1}.catalog-controls label{font-size:12px;font-weight:700}.catalog-controls input,.catalog-controls select{display:block;width:100%;margin-top:8px;border:1px solid #cbd4cb;background:white;border-radius:3px;padding:13px;color:var(--ink);font-size:14px}.select-label{width:240px}.catalog-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:23px 0}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product{border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.product-visual{height:190px;background:#f6f7f5;display:flex;align-items:center;justify-content:center;padding:24px}.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-visual .product-num{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:52px;color:#d8e0d7;letter-spacing:-3px}.product-info{padding:20px;flex:1;display:flex;flex-direction:column}.product-category{font-size:11px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;margin:0 0 9px}.product h3{font-size:16px;line-height:1.45;margin:0 0 8px;letter-spacing:-.3px}.pack{font-size:13px;color:var(--muted);margin:0 0 22px}.add{margin-top:auto;background:white;color:var(--ink);border:1px solid #bccabc;padding:11px;font-size:14px;font-weight:600}.add:hover{background:var(--ink);color:white}.how{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px}.how h2{margin-bottom:32px}.how .eyebrow{color:var(--lime)}.how ol{list-style:none;margin:0;padding:0}.how li{display:flex;gap:25px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #ffffff25}.how li:last-child{margin-bottom:0;border:0;padding-bottom:0}.how li>span{color:var(--lime);font-size:14px;padding-top:4px}.how h3{font-size:20px;margin:0 0 8px}.how p{color:#c3d1cd;line-height:1.6;font-size:14px;margin:0}.about>div{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about p:not(.eyebrow){line-height:1.8;color:var(--muted);margin:0}footer{padding:30px 6%;background:var(--light);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer>span{font-weight:800;font-size:24px}footer small{display:block;font-size:10px;letter-spacing:1px}footer p{color:var(--muted)}dialog{border:0;border-radius:8px;width:min(760px,94vw);padding:30px;color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#0b211f99}.dialog-header{display:flex;justify-content:space-between;align-items:start;gap:15px}.dialog-header h2{font-size:28px}.dialog-header .eyebrow{margin-bottom:10px}.icon-button{background:var(--light);font-size:28px;width:42px;height:42px;flex-shrink:0}.muted{color:var(--muted);line-height:1.6;font-size:14px}.quote-row{display:grid;grid-template-columns:1fr 75px 40px;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 0}.quote-row p{margin:0}.quote-row small{color:var(--muted)}.quote-row input{width:100%;padding:9px;border:1px solid var(--line)}.remove{font-size:20px;background:var(--light);height:38px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form{border-top:1px solid var(--line);padding-top:20px;margin-top:10px}form label{display:block;font-size:14px;margin-bottom:15px}form input,form textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #bfcabf;border-radius:3px}.dialog-actions{display:flex;gap:12px}.outline{border:1px solid var(--ink);background:white;color:var(--ink)}#feedback{font-size:14px;line-height:1.5}#toast{position:fixed;z-index:1000;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:4px;font-size:14px;box-shadow:0 5px 25px #0002;opacity:0;pointer-events:none;transition:opacity .2s;width:max-content;max-width:90vw}#toast.visible{opacity:1}#empty{padding:25px;background:var(--light)}
@media(min-width:1500px){main,header,footer,.category-strip{max-width:1600px;margin:auto}}
@media(max-width:1000px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{padding:50px 5vw}h1{font-size:48px}.hero-art{padding:15px}.hero-photo{height:370px}.hero-cup{height:270px}.hero-caption{left:18px;right:18px;font-size:10px}.category-strip{padding:0 4%}.category-strip a{font-size:12px}.how,.about>div{gap:40px}}
@media(max-width:700px){.topline{font-size:10px;letter-spacing:1px}header{padding:12px 5%;gap:12px}nav{display:none}.brand{width:134px;height:72px}.quote-toggle{font-size:13px;padding:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6%}h1{font-size:47px;letter-spacing:-2px}.lead{font-size:16px}.hero-art{min-height:345px}.hero-photo{height:290px;max-width:480px}.hero-cup{height:230px;top:-10px}.hero-foil{height:190px;bottom:0}.hero-tray{height:175px;bottom:0}.hero-caption{bottom:15px}.vertical{right:15px;font-size:10px}.category-strip{grid-template-columns:1fr 1fr;padding:0 6%}.category-strip a{padding:18px 8px;font-size:13px}.category-strip a:nth-child(2){border-right:0}.category-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}.category-strip a:nth-child(3){padding-left:0}.section{padding:50px 6%}.section-heading{display:block}.section-heading>p{margin-top:20px}.catalog-controls{display:block;padding:15px}.select-label{display:block;width:100%;margin-top:14px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-visual{height:150px;padding:14px}.product-info{padding:14px}.product h3{font-size:14px}.product-category{font-size:10px}.pack{font-size:12px}.add{font-size:13px;padding:10px 5px}.catalog-meta{font-size:11px;gap:15px}.how,.about>div{grid-template-columns:1fr;gap:38px}.how h2{font-size:32px}.how li{gap:18px}.about h2{font-size:32px}footer{flex-wrap:wrap;padding:25px 6%}footer p{width:100%;margin-bottom:0}dialog{padding:22px}.dialog-header h2{font-size:23px}.form-grid{grid-template-columns:1fr;gap:0}.dialog-actions{flex-direction:column}.quote-row{grid-template-columns:1fr 65px 35px;font-size:14px}.eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-photo .hero-tray{mix-blend-mode:normal;width:56%;right:-1%;bottom:-8px}@media(max-width:700px){.hero-photo .hero-tray{bottom:0;right:0}}

.has-photo{cursor:pointer}.photo-open{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:3px}.photo-hint{position:absolute;bottom:0;right:0;padding:5px 8px;background:#183e3be8;color:white;border-radius:3px;font-size:12px;line-height:1.3}.product-title{display:block;text-align:left;padding:0;border:0;background:none;color:inherit;font:inherit;width:100%;line-height:inherit}.product-title:hover{text-decoration:underline;text-underline-offset:3px}.photo-is-open{overflow:hidden}#product-photo{width:min(900px,94vw);max-height:92dvh;padding:24px}#product-photo::backdrop{background:#0b211fc7}.photo-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.photo-header h2{font-size:clamp(18px,2.4vw,26px);line-height:1.4;letter-spacing:-.4px}.photo-header .icon-button{border:0;border-radius:5px;min-width:44px;min-height:44px}.photo-header .product-category{font-size:12px}.large-photo-stage{height:min(62dvh,620px);margin-top:20px;display:flex;align-items:center;justify-content:center;background:#f6f7f5;border-radius:5px;padding:16px}.large-photo-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}.photo-open:focus-visible{outline-offset:6px}
@media(max-width:700px){#product-photo{width:94vw;padding:16px;max-height:92dvh}.photo-header{gap:12px}.photo-header h2{font-size:18px}.large-photo-stage{height:55dvh;padding:10px;margin-top:16px}.photo-hint{font-size:12px}.photo-open{touch-action:manipulation}.product-title{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#photo-gallery[hidden]{display:none}#product-photo.has-gallery .large-photo-stage{height:min(48dvh,500px)}.photo-navigation{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.photo-navigation button{border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);min-width:44px;min-height:44px;font-size:28px}.photo-navigation span{font-size:14px}#photo-selection{font-weight:600}.photo-thumbnails{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}.photo-thumbnail{display:flex;align-items:center;gap:8px;padding:6px 12px;border:2px solid var(--line);background:white;color:var(--ink);border-radius:5px;min-height:52px;font-size:14px}.photo-thumbnail img{width:40px;height:40px;object-fit:contain}.photo-thumbnail[aria-pressed=true]{border-color:var(--ink);background:var(--light)}#photo-stage{touch-action:pan-y pinch-zoom}
@media(max-width:700px){#product-photo.has-gallery .large-photo-stage{height:43dvh}.photo-navigation{gap:12px}.photo-thumbnail{padding:5px 8px}.photo-thumbnail img{width:34px;height:34px}.photo-thumbnails{gap:8px;margin-top:8px}}

.catalog-controls{flex-wrap:wrap}.search{min-width:200px}.sort-label{width:180px}@media(min-width:701px) and (max-width:1000px){.catalog-controls .search{flex-basis:100%}.catalog-controls .select-label{flex:1;width:auto}}@media(max-width:700px){.catalog-controls .search{min-width:0}.catalog-controls .sort-label{width:100%}}

.footer-brand{display:block;flex-shrink:0}.footer-brand img{display:block;width:140px;height:auto}
.quote-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

#quote .dialog-actions{display:flex;flex-direction:column;gap:8px}#email-request{width:100%}.quote-secondary-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.text-action{font:inherit;font-size:14px;background:none;border:0;color:var(--ink,#183e3b);text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px;padding:8px 10px}.text-action:disabled{opacity:.5;cursor:default}.text-action:focus-visible{outline:2px solid #183e3b;outline-offset:2px}#quote-receipt{margin:20px 0 0;padding:18px;background:#f3f5f2;border:1px solid #dce1dc;border-radius:8px;overflow-wrap:anywhere}#quote-receipt[hidden]{display:none}#quote-receipt h3{margin:0 0 8px}#quote-receipt ul{padding-left:22px}#quote-receipt li{margin:8px 0}

#compatible-products{border-top:1px solid #dce1dc;margin-top:18px;padding-top:16px}#compatible-products[hidden],#photo-stage[hidden]{display:none}.compatible-product{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e7ebe7}.compatible-product img{width:56px;height:56px;object-fit:contain}.compatible-title{flex:1;min-width:0;text-align:left;background:none;border:0;color:#183e3b;font:inherit;font-size:14px;cursor:pointer;text-decoration:underline;min-height:44px}.compatible-product .button{font-size:14px;padding:10px 12px;white-space:nowrap}@media(max-width:500px){.compatible-product{flex-wrap:wrap}.compatible-product .button{margin-left:auto}}

.product-title{color:inherit;text-decoration:none}.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.product-actions .button{min-height:44px;padding:12px 18px;font-size:16px}.product-link{width:100%;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:5px;font-size:16px}.product-actions+.product-link[hidden],#photo-empty[hidden]{display:none}

.product-actions{align-items:center}.product-share{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;margin-left:auto;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);cursor:pointer;touch-action:manipulation}.product-share:hover{background:var(--light);border-color:var(--ink)}.product-share:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.product-share svg{display:block;width:20px;height:20px}

.product-description,.category-description{font-size:16px;line-height:1.65;color:var(--muted);margin:14px 0;max-width:72ch}.product-description:empty{display:none}#related-products{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}#related-products[hidden],#zip-field[hidden]{display:none}#related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-product{display:flex;gap:10px;align-items:center;min-height:60px;border:1px solid var(--line);border-radius:5px;padding:10px;font-size:14px;line-height:1.5}.related-product:hover{background:var(--light)}.related-product img{width:48px;height:48px;object-fit:contain}.related-product span{min-width:0;overflow-wrap:anywhere}#quote select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:4px;padding:12px;background:white;color:var(--ink)}
@media(max-width:700px){.catalog-controls{position:sticky;top:0;z-index:10;background:white;padding:10px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-controls .search{grid-column:1/-1}.catalog-controls .select-label,.catalog-controls .sort-label{width:100%;min-width:0}.catalog-controls label>span{font-size:14px}.catalog-controls input,.catalog-controls select{min-height:44px;font-size:16px}.catalog-controls:focus-within{box-shadow:0 4px 8px #183e3b12}#related-list{grid-template-columns:1fr}}
/* Keep the quote action within reach while browsing product details on phones. */
@media(max-width:700px){
 #product-photo .product-actions{position:sticky;top:0;z-index:20;flex-wrap:nowrap;margin:18px -16px 0;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 12px #183e3b0d}
 #product-photo #photo-add{flex:1;min-height:48px}
 #product-photo .product-share{min-height:48px}
}
.spec-filters{margin-top:12px;border:1px solid var(--line);border-radius:5px;background:white}.spec-filters summary{cursor:pointer;padding:14px 18px;font-size:14px;font-weight:700;min-height:44px}.spec-filter-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;padding:0 18px 18px}.spec-filter-fields label{font-size:14px;font-weight:600;min-width:0}.spec-filter-fields select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #cbd4cb;border-radius:4px;background:white;color:var(--ink);font-size:16px}.spec-filter-fields button{min-height:44px}.compare-choice{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px;margin-bottom:8px;cursor:pointer}.compare-choice input{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0}.compare-tray{position:fixed;bottom:0;left:0;right:0;z-index:800;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line);box-shadow:0 -4px 20px #183e3b16;font-size:14px}.compare-tray[hidden]{display:none}.has-comparison{padding-bottom:100px}.compare-tray .button{padding:12px 18px;min-height:44px}.compare-tray .text-action{min-height:44px}#compare-dialog{width:min(1100px,94vw)}.comparison-scroll{overflow-x:auto;overscroll-behavior-x:contain;margin-top:20px}.comparison-scroll table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.comparison-scroll th,.comparison-scroll td{border:1px solid var(--line);padding:16px;vertical-align:top;line-height:1.6;overflow-wrap:anywhere}.comparison-scroll th:first-child{min-width:150px;background:var(--light)}.comparison-scroll thead th:not(:first-child){min-width:230px;width:28%}.comparison-scroll thead a{display:block;font-size:16px}.comparison-scroll a{text-decoration:underline;text-underline-offset:3px}.comparison-photo{width:100%;height:150px;object-fit:contain;display:block;margin-bottom:12px}.comparison-scroll .button{min-height:44px;padding:12px 14px}.comparison-scroll .text-action{display:block;margin-top:8px;min-height:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.spec-filter-fields{grid-template-columns:1fr}.compare-tray{gap:8px;flex-wrap:wrap;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.compare-tray>span{width:100%;text-align:center}.has-comparison{padding-bottom:130px}#compare-dialog{padding:16px}.comparison-scroll th,.comparison-scroll td{padding:12px}.comparison-scroll th:first-child{min-width:110px}.comparison-scroll thead th:not(:first-child){min-width:200px}}

.product-pack{font-size:16px;font-weight:700;line-height:1.6;padding:12px 14px;background:var(--light);border-radius:4px;overflow-wrap:anywhere}.quote-pack{display:block;margin-top:5px;line-height:1.5}.product h3,.quote-row p{overflow-wrap:anywhere}.quote-row>div{min-width:0}
@media(max-width:700px){#quote input,#quote select,#quote textarea{font-size:16px}.quote-row input,.quote-row .remove,.dialog-header .icon-button,#quote .text-action,.add{min-height:44px}#quote{max-height:92dvh;overflow-y:auto}.quote-pack{font-size:13px}}