html{scrollbar-width:none;-ms-overflow-style:none;scrollbar-gutter:auto;scroll-padding-top:120px}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
:root{--kb-azure:#236487;--kb-ivory:#F2EFE7;--kb-paper:#F2EFE7;--kb-ink:#236487;--kb-muted:#236487bf;--kb-line:#2364872b;--kb-surface:#ffffff58;--kb-wash:#f2efe7cc;--kb-glass:#e2eef1;--kb-sheer:#f2efe778}
:root[data-theme=azure]{--kb-paper:#236487;--kb-ink:#F2EFE7;--kb-muted:#f2efe7c4;--kb-line:#f2efe742;--kb-surface:#f2efe709;--kb-wash:#236487cc;--kb-glass:#377d9d;--kb-sheer:#23648778;color-scheme:dark}
.division-page{--paper:var(--kb-paper);--ivory:var(--kb-paper);--ink:var(--kb-ink);--azure:var(--kb-ink);--green:#236487;--muted:var(--kb-muted);--line:var(--kb-line);--title:'Bodoni Moda',Didot,serif;--body:'Libre Franklin',Arial,sans-serif;background:var(--kb-paper);color:var(--kb-ink);font-family:var(--body);transition:background-color .55s,color .55s}
.division-page h1,.division-page h2,.division-page h3{font-family:var(--title);font-weight:600;letter-spacing:-.025em}
.division-page input,.division-page textarea,.division-page select{color:var(--kb-ink);border-color:var(--kb-line);font-size:16px}
.division-page input::placeholder,.division-page textarea::placeholder{color:var(--kb-muted)}
.division-page :is(input,textarea,select):focus{outline-color:var(--kb-ink);border-color:var(--kb-ink);box-shadow:none}
.division-page :is(.glass-button,.glass-circle,.size-selector button,.package-tab){color:var(--kb-ink);background:linear-gradient(145deg,var(--kb-surface),var(--kb-glass));border-color:#f2efe780;box-shadow:inset 0 1px #f2efe7b3,0 4px 12px -8px #173e4f70}
.division-page .glass-button.dark,.division-page .submit-button{background:linear-gradient(150deg,#478dad,#236487);color:#F2EFE7;border-color:#f2efe7b3;box-shadow:inset 0 1px #abd4e7,0 4px 12px -8px #173e4f70}
.division-page .contact-card,.division-page .contact-sheet,.division-page .material-display{background:var(--kb-surface);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--kb-line)}
.division-page :is(.form-description,.small-note,.intro-summary,.eyebrow,.product-description,.product-detail){color:inherit}
.division-page dialog{background:var(--kb-paper);color:var(--kb-ink)}
.division-page dialog::backdrop{backdrop-filter:none}
.division-page .detail-body>p,.division-page .origin-details{color:var(--kb-ink)}
.division-page :is(.origin-navigation button,.gallery-caption p,.flavor-tags,.farm-credit){color:var(--kb-ink);text-shadow:none}
.division-page .landscape-backdrop::after{background:linear-gradient(var(--kb-paper),var(--kb-wash) 18%,var(--kb-sheer) 48%,var(--kb-wash) 82%,var(--kb-paper))}
.division-page .gallery-shell{background:var(--kb-surface);box-shadow:inset 0 1px #f2efe7a3,0 20px 45px -30px #173e4f70}
.division-page .gallery-ambient::before{animation:none;background:none;border:1px solid #f2efe765;mask:none}
.division-page .scene-bg,.division-page .scene-bg.is-visible{filter:none!important;inset:-5%;will-change:transform,opacity}
.division-page .mist{display:none!important}
.division-page .origin-card{border-color:#f2efe7cc;background:var(--kb-glass)}
.division-page .opening-progress{display:none}
.division-page .origin-navigation button[aria-pressed=true]{color:var(--kb-ink)}
.division-page .tasting-notes #flavor-tags span{border-color:var(--kb-line)}
.division-page .channel-grid .glass-button{min-height:44px}
.division-page .contact-section::before{background:none}
.division-page .content-width.journey{position:relative;isolation:isolate}
.division-page .brand-current{opacity:.065!important}
:root[data-theme=azure] .division-page .brand-current{opacity:.11!important}
/* Keep the approved deep-water finish in both themes. */
body .site-footer,.kb-footer{background:#236487!important;color:#F2EFE7!important;--ivory:#F2EFE7;--azure:#236487;--ink:#F2EFE7;--muted:#f2efe7bd}
:root[data-theme=azure] .site-footer :is(.footer-description,.footer-heading,.market-placeholders,.footer-location,.footer-legal,.footer-email,.footer-links),.site-footer :is(.footer-wordmark,.footer-company){color:#F2EFE7!important}
:root[data-theme=azure] .site-footer :is(.footer-legal,.footer-email){border-color:#f2efe745}
.site-footer .footer-mark{background:#F2EFE7}
.concept-film .universe::after{background:linear-gradient(transparent,#236487)}
.kb-footer{display:block!important;margin:0!important;max-width:none!important;padding:65px max(24px,5vw) 30px!important;border-top:0;font:14px 'Libre Franklin',Arial,sans-serif}
.kb-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;max-width:1300px;margin:auto}
.kb-footer-brand{display:flex;align-items:center;gap:17px}
.kb-footer-brand img{width:48px;height:55px;filter:brightness(0) invert(1)}
.kb-footer-brand strong{font:600 26px 'Bodoni Moda',serif;letter-spacing:-.025em}.kb-footer-brand small{display:block;font-size:9px;letter-spacing:.2em;margin-top:8px}
.kb-footer p{font-size:13px;line-height:1.65;margin:20px 0;color:#f2efe7cc}
.kb-footer nav{display:flex;flex-direction:column;gap:12px}.kb-footer a{color:inherit;text-decoration:none}.kb-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.kb-footer-label{font-size:10px;letter-spacing:.15em;margin:0 0 20px;display:block;opacity:.7}
.kb-footer-base{border-top:1px solid #f2efe72b;padding-top:25px;margin:42px auto 0;max-width:1300px;font-size:11px;display:flex;justify-content:space-between;gap:20px;color:#f2efe7ba}
.about-section{isolation:isolate}
.shipping-page{margin:0}.shipping-page cargo-journey{min-height:100svh}
@media(max-width:700px){.kb-footer-grid{grid-template-columns:1fr 1fr;gap:34px}.kb-footer-grid>div:first-child{grid-column:1/-1}.kb-footer-base{flex-direction:column}.division-page .origin-card{will-change:transform}.division-page .scene-bg{transition:opacity 1s ease!important}.division-page .gallery-shell,.division-page .contact-card{box-shadow:inset 0 1px #f2efe760}.concept-film .scene-name-gap{width:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.division-page{transition:none}}

.manufacturing-page .send-button{color:#F2EFE7}

.manufacturing-page .flavor-word,.manufacturing-page .flavor-scene[data-flavor] .flavor-word{color:var(--kb-ink)}
.manufacturing-page .flavor-glow,.manufacturing-page .flavor-glow[data-tone]{background:radial-gradient(ellipse 55% 55% at 50% 55%,#9cc6dc26,transparent)}
.manufacturing-page .size-selector button[aria-pressed=true]{background:var(--kb-ink);color:var(--kb-paper)}

.concept-film .universe-mist{background:linear-gradient(180deg,#F2EFE7 1%,#f2efe7e6 11%,#f2efe778 24%,transparent 41%,transparent 70%,#236487 100%)}
:root[data-theme=azure] .concept-film .universe-mist{background:linear-gradient(180deg,#236487 1%,#236487e6 11%,#23648778 24%,transparent 41%,transparent 70%,#236487 100%)}

.is-phone-preview #kb-navigation .phone-preview-toggle{display:none}

.trade-intro{max-width:1440px;margin:auto;padding:170px 7vw 65px;min-height:78svh;display:flex;flex-direction:column;justify-content:center}
.trade-intro h1{font-size:clamp(52px,7.2vw,112px);line-height:1.04;margin:26px 0 38px;max-width:1080px}
.trade-intro-bottom{display:flex;justify-content:space-between;gap:60px;align-items:end}
.trade-intro-bottom p{font-size:17px;line-height:1.75;max-width:640px}
.trade-intro-bottom>div{display:flex;flex-direction:column;gap:18px;flex-shrink:0}
.trade-intro a{color:inherit;text-decoration:none;border-bottom:1px solid var(--kb-line);padding-bottom:12px;font-size:13px;display:flex;justify-content:space-between;gap:25px}
.trade-intro a:hover{border-color:currentColor}.trade-categories{display:flex;flex-wrap:wrap;gap:22px;margin-top:45px;padding-top:24px;border-top:1px solid var(--kb-line);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:700px){.trade-intro{padding:128px 7vw 40px;min-height:0}.trade-intro h1{font-size:clamp(42px,10.5vw,65px);margin:22px 0 30px}.trade-intro-bottom{display:block}.trade-intro-bottom p{font-size:16px}.trade-intro-bottom>div{margin-top:28px}.trade-categories{gap:15px;font-size:9px;line-height:1.4;margin-top:32px}.trade-intro .eyebrow{font-size:10px;letter-spacing:.08em}}

/* Photographic captions remain ivory in both site themes. */
.coffee-page :is(.gallery-caption h3,.gallery-caption>span,.card-origin,.editorial-card figcaption,.shipping-image figcaption){color:#F2EFE7}
.shipping-page .trade-intro{border-bottom:0}
/* Keep compositing light during carousel gestures. */
.coffee-page .origin-card{filter:none!important}
.coffee-page .origin-card .shine{transform:none!important;opacity:.2}

.coffee-page :is(.origin-card,.editorial-card,.shipping-image){--ivory:#F2EFE7}
.concept-film .universe p{color:#F2EFE7}

/* Insets inside the page follow the chapter beneath Safari's own chrome. */
.browser-safe-edge,.browser-bottom-edge{position:fixed;left:0;right:0;z-index:30;pointer-events:none;background:var(--kb-paper)}
.browser-safe-edge{top:0;height:env(safe-area-inset-top,0px)}
.browser-bottom-edge{bottom:0;height:env(safe-area-inset-bottom,0px)}
.division-page .kb-footer{padding-bottom:max(30px,env(safe-area-inset-bottom,0px))!important}
/* Card surfaces flatten once; the parent still follows the same 3D track. */
.coffee-page .origin-card{transform-style:flat;backface-visibility:hidden;contain:layout paint style;will-change:auto}
.coffee-page .origin-card.is-visible{will-change:transform,opacity}
.coffee-page .scene-bg,.coffee-page .scene-bg.is-visible{transition:opacity .7s ease!important}
.coffee-page .scene-bg::after{display:none}
@media(hover:none){#kb-navigation .nav-logo:hover{transform:translateY(-3px)}}

/* Footer policy link: same footprint as the former Home button. */
.site-footer .footer-legal a{font-size:12px;padding:0;color:#F2EFE7;text-decoration:none;white-space:nowrap}
.site-footer .footer-legal a:hover{color:#a6ddea;text-decoration:underline}
.site-footer .footer-legal a:focus-visible,.kb-footer-base a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:600px){.site-footer .footer-legal a{font-size:11px}}