:root{
  --paper:#fffbf2;
  --ink:#090705;
  --coffee:#2b140d;
  --espresso:#120806;
  --gold:#c7a17a;
  --rust:#8b4a28;
  --cream:#fff7e8;
  --muted:#6c5c4e;
  --line:#17100c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Roboto,Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
sup{font-size: 9px;margin-top:-6px}
img{max-width:100%;display:block}
.container{width:min(1180px,92vw);margin-inline:auto}
.top-strip{background:var(--ink);color:#e7d5bd;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;padding:.55rem 0}
.top-strip .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,251,242,.95);border-bottom:0px solid var(--ink);backdrop-filter:blur(12px)}
.navbar{height:86px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:.8rem;font-weight:900;text-transform:uppercase}
.logo img{max-height:54px;width:auto}
.logo-mark{width:54px;height:54px;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);font-family:Oswald,Arial,sans-serif;font-size:1.4rem}
.logo small{display:block;font-family:Oswald,sans-serif;letter-spacing:.15em;font-size:.74rem;color:var(--rust)}
.logo strong{font-family:Oswald,sans-serif;letter-spacing:.05em;font-size:1.45rem;line-height:1}
.desktop-nav{display:flex;align-items:center;gap:1.8rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.desktop-nav>a,.nav-item-mega>a{position:relative;font-size:1rem;color:inherit;text-decoration:none}
.desktop-nav>a.active:after,.desktop-nav>a:hover:after,.nav-item-mega>a.active:after,.nav-item-mega>a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;background:var(--ink)}
.nav-item-mega{position:relative;display:flex;align-items:center}
.mega-menu{position:fixed;left:50%;transform:translateX(-50%);top:95px;background:#000;color:white;width:850px;max-width:90vw;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;padding:3.5rem 3rem;border:3px solid var(--ink);z-index:1000;box-sizing:border-box}
.nav-item-mega:hover .mega-menu{opacity:1;visibility:visible;pointer-events:auto}
.nav-item-mega.mega-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto}
.mega-menu-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
.mega-col,.mega-col-featured{position:relative}
.mega-category{font-family:Oswald,sans-serif;font-size:.75rem;letter-spacing:.2em;color:rgba(255,255,255,.5);margin:0 0 .35rem;text-transform:uppercase;font-weight:400}
.mega-col a{display:block;color:white;font-family:Oswald,sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em;margin:0 0 .8rem;transition:.2s;text-decoration:none;font-weight:500;line-height:1.2}
.mega-col a:hover{color:var(--gold)}
.mega-title{font-family:Oswald,sans-serif;font-size:2rem;text-transform:uppercase;letter-spacing:.02em;color:white;margin:0 0 1rem;font-weight:700;line-height:1.1}
.mega-desc{font-size:.85rem;color:rgba(255,255,255,.65);margin:0 0 1.5rem;line-height:1.6;font-weight:300}
.mega-col-featured img{width:100%;height:auto;min-height:200px;object-fit:cover}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--ink);background:var(--ink);color:white;padding:.9rem 1.2rem;text-transform:uppercase;font-family:Oswald,sans-serif;letter-spacing:.12em;font-weight:700;transition:.2s}
.nav-cta:hover,.btn:hover{background:var(--paper);color:var(--ink)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn.gold:hover{background:var(--ink);border-color:var(--ink);color:white}
.menu-toggle{display:none;background:var(--ink);color:white;border:0;padding:.7rem .8rem;font-size:1.4rem}
.mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(390px,86vw);background:var(--paper);z-index:100;border-left:4px solid var(--ink);transform:translateX(100%);transition:.28s ease;padding:1.5rem}
.mobile-drawer.open{transform:translateX(0)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;z-index:90;transition:.2s}
.drawer-backdrop.open{opacity:1;pointer-events:auto}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}
.close-btn{background:none;border:0;font-size:2rem}
.mobile-nav{display:grid;gap:1rem;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:1.45rem}
.mobile-nav>a{font-size:1.45rem;line-height:1.2}
.mobile-nav-item.has-submenu{display:grid;gap:.35rem}
.mobile-submenu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:0;color:inherit;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:1.45rem;letter-spacing:.04em;line-height:1.2;cursor:pointer}
.mobile-submenu-toggle .chevron{font-size:1rem;line-height:1;transform:rotate(0deg);transition:transform .2s ease}
.mobile-nav-item.open .mobile-submenu-toggle .chevron{transform:rotate(180deg)}
.mobile-submenu{display:none;gap:.45rem;padding-left:.5rem;padding-top:.3rem}
.mobile-nav-item.open .mobile-submenu{display:grid}
.mobile-submenu a{font-size:1.05rem;letter-spacing:.06em;color:rgba(9,7,5,.85)}
.mobile-submenu a:hover{color:var(--ink)}
.mobile-drawer{display:flex;flex-direction:column}
.mobile-nav{flex:1 1 auto;align-content:start}
.mobile-drawer-bottom{margin-top:auto;padding-top:1rem;border-top:2px solid rgba(9,7,5,.15)}
.mobile-social-bar{display:flex;justify-content:center;gap:.75rem;margin-bottom:.95rem}
.mobile-social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid rgba(9,7,5,.25);border-radius:999px;background:white;color:var(--ink);transition:.2s}
.mobile-social-link svg{width:18px;height:18px;fill:currentColor}
.mobile-social-link:hover{background:var(--ink);color:white;border-color:var(--ink)}
.mobile-order-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.1rem;border:3px solid var(--ink);background:var(--ink);color:white;text-transform:uppercase;font-family:Oswald,sans-serif;letter-spacing:.12em;font-weight:700;transition:.2s}
.mobile-order-btn:hover{background:var(--paper);color:var(--ink)}
.hero{position:relative;min-height:calc(100vh - 116px);background:var(--espresso);color:white;overflow:hidden;display:grid;align-items:center}
.hero-media{position:absolute;inset:0;opacity:.55}
.hero-media video,.hero-media iframe,.hero-media wistia-player{width:100%;height:100%;object-fit:cover;border:0;display:block;margin:0;padding:0;border-radius:0}
.hero-media wistia-player{position:absolute;top:0;left:0;right:0;bottom:0}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(18,8,6,.68),rgba(18,8,6,.15))}
.hero-content{position:relative;z-index:2;padding:8rem 0 7rem;max-width:850px}
.eyebrow{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-weight:700;font-size:.82rem;margin-bottom:1rem}
h1,h2,h3{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;line-height:1.02;margin:0 0 1rem}
h1{font-size:6rem;letter-spacing:.01em}
h2{font-size:clamp(2.7rem,5vw,6rem)}
h3{font-size:clamp(1.6rem,2vw,2.4rem)}
.lead{font-size:clamp(1.05rem,1.6vw,1.35rem);max-width:760px;color:rgba(255,255,255,.78)}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.hero-badge{position:absolute;right:5vw;bottom:5vw;width:210px;height:210px;border-radius:50%;border:3px solid var(--gold);display:grid;place-items:center;text-align:center;font-family:Oswald,sans-serif;text-transform:uppercase;color:var(--gold);letter-spacing:.08em;background:rgba(0,0,0,.45)}
.ticker{border-block:3px solid var(--ink);background:var(--paper);overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:marquee 24s linear infinite}
.ticker span{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:2rem;letter-spacing:.05em;padding:1rem 2rem;white-space:nowrap}
.ticker b{color:var(--gold)}
@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:6.5rem 0;position:relative}
.section.dark{background:var(--ink);color:white}
.section.coffee{background:var(--coffee);color:white}
.section.dark.why-choose-section{background:url('../img/splash-30.jpg') center/cover no-repeat;position:relative;overflow:hidden}
.section.dark.why-choose-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(9,7,5,.82),rgba(18,8,6,.68))}
.section.dark.why-choose-section>.container{position:relative;z-index:1}
.brew-experience{position:relative;background:radial-gradient(circle at 18% 8%,rgba(199,161,122,.18),transparent 42%),linear-gradient(180deg,#090604,#130904);color:#f5e9d8;padding:5.8rem 0 4.8rem;overflow:hidden}
.brew-experience:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.62));pointer-events:none}
.brew-experience .container{position:relative;z-index:1}
.brew-experience-top{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start;margin-bottom:2.2rem}
.brew-experience-image-wrap{width:fit-content;max-width:100%;justify-self:start;align-self:start;border:1px solid rgba(199,161,122,.34);border-radius:18px;overflow:hidden;box-shadow:0 22px 46px rgba(0,0,0,.45);background:#0b0705}
.brew-experience-image{display:block;width:auto;max-width:100%;height:auto;filter:saturate(1.05) contrast(1.06)}
.brew-experience-about{background:rgba(11,7,4,.72);border:1px solid rgba(199,161,122,.32);border-radius:18px;padding:2.1rem 2rem;backdrop-filter:blur(2px)}
.brew-experience-about .eyebrow{font-size:.82rem;letter-spacing:.2em;margin-bottom:.8rem}
.brew-experience-about h2{font-family:Georgia,"Times New Roman",serif;text-transform:none;line-height:1.1;font-size:clamp(2rem,3.2vw,3.3rem);margin:0 0 .9rem;color:#f6ede1}
.brew-experience-about h2 span{color:var(--gold)}
.brew-experience-about p{margin:0 0 1rem;color:rgba(245,233,216,.86);font-size:1.02rem;line-height:1.7}
.brew-points{list-style:none;padding:0;margin:0 0 1.3rem;display:grid;gap:.5rem}
.brew-points li{position:relative;padding-left:1.25rem;color:#f3e6d3}
.brew-points li:before{content:"•";position:absolute;left:0;top:0;color:var(--gold)}
.brew-experience-about .btn{min-width:160px}
.brew-picks-head{text-align:center;margin:102px 0 1.2rem}
.brew-picks-head .eyebrow{margin-bottom:.35rem}
.brew-picks-head h3{font-family:Georgia,"Times New Roman",serif;text-transform:none;font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:.01em;margin:0;color:#f6ede1}
.brew-picks-slider{display:grid;grid-template-columns:44px 1fr 44px;gap:.9rem;align-items:stretch}
.brew-picks-viewport{overflow:hidden}
.brew-picks-track{display:flex;gap:.9rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:.25rem;-ms-overflow-style:none;scrollbar-width:none}
.brew-picks-track::-webkit-scrollbar{display:none}
.brew-picks-arrow{align-self:center;justify-self:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(199,161,122,.4);background:rgba(255,255,255,.04);color:#e7d4ba;font-size:1.55rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s}
.brew-picks-arrow:hover{background:rgba(199,161,122,.16);color:white}
.brew-picks-arrow:disabled{opacity:.38;cursor:not-allowed}
.brew-pick-card{flex:0 0 calc((100% - 2.7rem)/4);min-width:0;scroll-snap-align:start;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(199,161,122,.28);border-radius:14px;padding:.7rem .7rem .95rem;display:grid;grid-template-rows:auto auto 1fr auto;gap:.38rem}
.brew-pick-card img{width:100%;height:168px;object-fit:cover;border-radius:10px}
.brew-pick-card h4{font-family:Oswald,sans-serif;font-size:1.08rem;text-transform:uppercase;letter-spacing:.03em;margin:.1rem 0 0;color:#f6ede1}
.brew-pick-card p{margin:0;color:rgba(245,233,216,.72);font-size:.9rem;line-height:1.45}
.brew-pick-price{font-family:Oswald,sans-serif;color:var(--gold);font-size:1.35rem;line-height:1;margin-top:.45rem}
.brew-picks-cta{display:flex;justify-content:center;margin:1.3rem 0 1.6rem}
.brew-picks-cta .btn{border-color:rgba(199,161,122,.56);background:transparent;color:#f5e9d8}
.brew-picks-cta .btn:hover{background:var(--gold);border-color:var(--gold);color:#130904}
.brew-value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;background:rgba(199,161,122,.12);border:1px solid rgba(199,161,122,.28);border-radius:12px;padding:.95rem 1rem}
.brew-value-item{display:flex;gap:.72rem;align-items:flex-start}
.brew-value-item>div{display:grid;gap:.12rem;align-content:start}
.brew-value-icon{width:34px;height:34px;flex:0 0 34px;border-radius:999px;border:1px solid rgba(199,161,122,.42);display:grid;place-items:center;color:#f6ede1;background:rgba(255,255,255,.04);margin-top:.05rem}
.brew-value-icon svg{width:18px;height:18px;display:block}
.brew-value-item strong{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;color:#f6ede1}
.brew-value-item span{font-size:.85rem;color:rgba(245,233,216,.78)}
/* ── Timeline ── */
.motm-timeline{background:radial-gradient(ellipse at 50% 0%,rgba(80,45,12,.55),transparent 60%),#0a0704;padding:5.8rem 0 5rem;color:#f5e9d8;border-top:2px solid rgba(199,161,122,.18)}
.motm-timeline-head{text-align:center;margin-bottom:3.5rem}
.motm-timeline-title{font-family:Oswald,Arial,sans-serif;font-size:clamp(3.2rem,7vw,6rem);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 .5rem;line-height:1}
.motm-timeline-rule{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-bottom:.8rem}
.motm-timeline-rule span{flex:0 0 80px;height:1px;background:rgba(199,161,122,.5)}
.motm-timeline-eyebrow{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.3em;font-size:.8rem;color:rgba(245,233,216,.7)}
.motm-timeline-track-wrap{position:relative;width:min(1100px,88vw);margin:0 auto}
.motm-timeline-line{position:absolute;top:calc(3.2rem + 2px);left:0;right:0;pointer-events:none;display:flex;align-items:center}
.motm-timeline-line span{display:block;flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(199,161,122,.7) 5%,rgba(199,161,122,.7) 92%,transparent 100%);position:relative}
.motm-timeline-line span:after{content:"▶";position:absolute;right:-1px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:.7rem;line-height:1}
.motm-timeline-track{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative;z-index:1}
.motm-tm-item{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}
.motm-tm-date-top{margin-bottom:.5rem}
.motm-tm-month{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;color:rgba(245,233,216,.72);line-height:1}
.motm-tm-year{font-family:Oswald,sans-serif;font-size:clamp(2rem,3.5vw,3rem);color:var(--gold);line-height:1.05;font-weight:700;letter-spacing:.04em}
.motm-tm-dot{width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(199,161,122,.6),0 0 22px rgba(199,161,122,.25);flex:0 0 16px;margin:.1rem 0}
.motm-tm-body{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding-top:.7rem}
.motm-tm-icon{width:88px;height:88px;border-radius:50%;border:1.5px solid rgba(199,161,122,.55);display:grid;place-items:center;color:var(--gold);background:rgba(199,161,122,.06);box-shadow:0 0 20px rgba(199,161,122,.12)}
.motm-tm-icon svg{width:38px;height:38px}
.motm-tm-diamond{line-height:1;color:var(--gold);margin:.1rem 0}
.motm-tm-label{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.88rem;color:var(--gold);font-weight:700;margin-top:.1rem}
.motm-tm-desc{margin:0;font-size:.95rem;color:rgba(245,233,216,.76);line-height:1.55;max-width:190px}
.motm-timeline-foot{text-align:center;margin-top:3.2rem}
@media(max-width:900px){
.motm-timeline-track{grid-template-columns:1fr 1fr;gap:2rem 1rem}
.motm-timeline-line{display:none}
.motm-tm-dot{display:none}
.motm-tm-date-top{margin-bottom:.35rem}
}
@media(max-width:560px){
.motm-timeline{padding:4.4rem 0 4rem}
.motm-timeline-head{margin-bottom:2.5rem}
.motm-timeline-track{grid-template-columns:1fr}
.motm-tm-desc{max-width:280px}
}
/* ── end Timeline ── */
.motm-delivery{background:linear-gradient(180deg,#0e0907,#18100c);padding:4.8rem 0;border-top:1px solid rgba(199,161,122,.2);border-bottom:1px solid rgba(199,161,122,.2)}
.motm-delivery-grid{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:1.05rem;align-items:stretch}
.motm-delivery-panel{position:relative;min-height:520px;border:1px solid rgba(199,161,122,.3);overflow:hidden;background:#120906}
.motm-delivery-panel img{width:100%;height:100%;object-fit:cover;display:block}
.motm-delivery-overlay{position:absolute;left:1.1rem;right:1.1rem;bottom:1.1rem;background:rgba(7,4,2,.62);border:1px solid rgba(199,161,122,.25);padding:.95rem 1rem;color:#f1dfc7;backdrop-filter:blur(2px)}
.motm-delivery-overlay h3{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:1.4rem;letter-spacing:.06em;margin:0 0 .35rem}
.motm-delivery-overlay p{margin:0;font-size:.95rem;line-height:1.5;color:rgba(241,223,199,.86)}
.motm-delivery-center{display:flex;flex-direction:column;justify-content:center;background:#dcc4a0;border:1px solid #b4946d;padding:2rem 1.9rem;color:#2c1f17}
.motm-delivery-badge{width:86px;height:86px;object-fit:contain;margin:0 auto 1rem}
.motm-delivery-center .eyebrow{color:#6b4a2c;text-align:center;letter-spacing:.18em;margin-bottom:.85rem}
.motm-delivery-center h2{font-family:Georgia,"Times New Roman",serif;text-transform:none;font-size:clamp(2rem,3.1vw,3rem);line-height:1.1;margin:0 0 .95rem;color:#2d2118}
.motm-delivery-center p{margin:0 0 1rem;font-size:1.03rem;line-height:1.66;color:#3b2b1f}
.motm-delivery-points{list-style:none;padding:0;margin:0 0 1.3rem;display:grid;gap:.45rem}
.motm-delivery-points li{position:relative;padding-left:1.05rem;font-size:.95rem;color:#3f2f22}
.motm-delivery-points li:before{content:"•";position:absolute;left:0;top:0;color:#6b4a2c}
.motm-delivery-center .btn{align-self:center;background:#2b1a11;border-color:#2b1a11;color:#f7efe2}
.motm-delivery-center .btn:hover{background:#f4e6d1;border-color:#2b1a11;color:#2b1a11}
.story-modal-open{cursor:pointer;display:inline-flex;align-items:center}
.story-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:1300;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}
.story-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.story-modal-backdrop{position:absolute;inset:0;background:rgba(5,3,2,.82);backdrop-filter:blur(6px)}
.story-modal-dialog{position:relative;width:min(900px,94vw);background:#100904;border:1px solid rgba(199,161,122,.35);border-radius:14px;padding:2rem 2rem 1.5rem;transform:translateY(20px) scale(.96);transition:transform .38s ease;color:#f6ede1}
.story-modal.is-open .story-modal-dialog{transform:translateY(0) scale(1)}
.story-modal-close{position:absolute;top:.6rem;right:.8rem;z-index:8;background:none;border:0;color:#ecd7ba;font-size:2.2rem;line-height:1;cursor:pointer;transition:color .2s}
.story-modal-close:hover{color:var(--gold)}
.story-modal-title{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:1rem;color:var(--gold);margin:0 0 1rem}
.story-modal-video-wrap{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:8px;overflow:hidden}
.story-modal-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.delivery-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:1200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}
.delivery-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.delivery-modal-backdrop{position:absolute;inset:0;background:rgba(5,3,2,.7);backdrop-filter:blur(4px)}
.delivery-modal-dialog{position:relative;width:min(640px,92vw);max-height:92vh;overflow:hidden;background:#20130c;border:1px solid rgba(199,161,122,.45);border-radius:16px;padding:1.2rem 1.2rem 1.1rem;transform:translateY(16px) scale(.97);transition:transform .35s ease;perspective:1200px;color:#f6ede1}
.delivery-modal.is-open .delivery-modal-dialog{transform:translateY(0) scale(1)}
.delivery-modal-close{position:absolute;top:.45rem;right:.55rem;z-index:8;background:none;border:0;color:#ecd7ba;font-size:2rem;line-height:1;cursor:pointer}
.delivery-flip{position:relative;min-height:430px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.23,.99,.31,.99)}
.delivery-flip.is-flipped{transform:rotateY(180deg)}
.delivery-face{position:absolute;inset:0;backface-visibility:hidden;padding:1.15rem .8rem .4rem;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}
.delivery-face h3{font-family:Georgia,"Times New Roman",serif;text-transform:none;font-size:clamp(2rem,4vw,2.5rem);margin:0 0 .45rem;color:#f6ede1}
.delivery-face p{margin:0 0 .95rem;color:rgba(246,237,225,.84)}
.delivery-face form{display:grid;gap:.8rem}
.delivery-face .btn{justify-self:start}
.delivery-face-back{transform:rotateY(180deg)}
.delivery-order-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.9fr);gap:1rem;align-items:start}
.delivery-order-builder{display:grid;gap:.8rem}
.delivery-field-group{display:grid;gap:.55rem}
.delivery-field-row{display:grid;gap:.35rem}
.delivery-form-triple{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(120px,.7fr) minmax(140px,.8fr);gap:.8rem;align-items:start}
.delivery-form-split{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.delivery-field-row label{font-family:Oswald,sans-serif;letter-spacing:.07em;text-transform:uppercase;font-size:.8rem;color:#d8b790}
.delivery-field-row input,.delivery-field-row select{width:100%;border:1px solid rgba(199,161,122,.45);background:#2a1a11;color:#f5e9d8;padding:.82rem .78rem;font:inherit}
.delivery-field-row textarea{width:100%;min-height:96px;max-height:160px;resize:vertical;overflow-y:auto;border:1px solid rgba(199,161,122,.45);background:#2a1a11;color:#f5e9d8;padding:.82rem .78rem;font:inherit}
.delivery-field-row input:focus,.delivery-field-row select:focus,.delivery-field-row textarea:focus{outline:2px solid rgba(199,161,122,.5);outline-offset:1px}
.delivery-selection-total{margin:0;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#d8b790}
.delivery-add-btn{padding:.75rem 1rem;font-size:.8rem;letter-spacing:.11em}
.delivery-order-summary{position:sticky;top:0;background:rgba(255,255,255,.04);border:1px solid rgba(199,161,122,.28);border-radius:14px;padding:.95rem .95rem 1rem;display:grid;gap:.65rem}
.delivery-order-summary-head{display:flex;justify-content:space-between;gap:.75rem;align-items:end;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#f6ede1}
.delivery-order-summary-head strong{font-size:1.6rem;color:#f3d0a7}
.delivery-order-summary-sub{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:#cfa97d}
.delivery-order-items{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;max-height:250px;overflow-y:auto}
.delivery-order-items li{display:grid;gap:.18rem;padding:.55rem .6rem;border:1px solid rgba(199,161,122,.22);background:rgba(0,0,0,.18)}
.delivery-order-item-top{display:flex;justify-content:space-between;gap:.6rem;align-items:start}
.delivery-order-item-name{font-weight:700;color:#f6ede1}
.delivery-order-item-meta{font-size:.86rem;color:rgba(246,237,225,.76)}
.delivery-order-item-price{font-family:Oswald,sans-serif;color:#f3d0a7;letter-spacing:.05em}
.delivery-order-empty{margin:0;font-size:.92rem;color:rgba(246,237,225,.66)}
.delivery-order-error{margin:0;min-height:1.2em;font-size:.88rem;color:#ffb4a6}
.delivery-card-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem}
.delivery-loader{margin-top:1rem;display:none;gap:.45rem}
.delivery-loader.is-active{display:grid}
.delivery-loader-bar{height:11px;border:1px solid rgba(199,161,122,.5);background:#120b07;border-radius:999px;overflow:hidden}
.delivery-loader-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,#c79f74,#f1dcc2);transition:width .2s ease}
.delivery-loader-text{font-size:.9rem;color:#f1dfc7}
.bean-market{position:relative;background:linear-gradient(180deg,#0d0806,#090504);padding:5.2rem 0 4.5rem;color:#e7d5bd;overflow:hidden}
.bean-market:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgba(199,161,122,.2),transparent 35%),radial-gradient(circle at 100% 100%,rgba(139,74,40,.2),transparent 30%);pointer-events:none}
.bean-market-shell{position:relative;z-index:1;border:1px solid rgba(199,161,122,.25);padding:1rem;background:rgba(0,0,0,.22)}
.bean-market-hero{display:grid;grid-template-columns:1.35fr .95fr;gap:1rem;border:1px solid rgba(199,161,122,.2);background:rgba(10,6,4,.7);padding:1rem}
.bean-market-hero-image{width:100%;height:100%;min-height:300px;max-height:360px;object-fit:cover;filter:contrast(1.06) saturate(.92)}
.bean-market-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:.4rem .5rem}
.bean-market-hero-copy .eyebrow{letter-spacing:.2em;margin-bottom:.45rem;color:#c8a37e}
.bean-market-hero-copy h2{font-family:Georgia,"Times New Roman",serif;text-transform:none;color:#f6ede1;font-size:clamp(1.8rem,3.4vw,3.1rem);line-height:1.14;margin:0 0 .7rem}
.bean-market-hero-copy p{margin:0 0 1rem;color:rgba(245,233,216,.86);font-size:.98rem;line-height:1.6}
.bean-market-hero-copy .btn{align-self:flex-start}
.bean-market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.bean-market-card{border:1px solid rgba(199,161,122,.2);background:rgba(9,5,3,.72);padding:.7rem;display:grid;gap:.6rem;align-content:start}
.bean-market-card h3{font-family:Georgia,"Times New Roman",serif;text-transform:none;font-size:clamp(1.4rem,2vw,2rem);color:#c89d69;margin:0}
.bean-market-card img{width:100%;height:165px;object-fit:cover;filter:contrast(1.03) saturate(.95)}
.bean-market-card p{margin:0;color:rgba(231,213,189,.75);font-size:.95rem;line-height:1.5}
.bean-market-link{display:inline-flex;align-items:center;justify-content:center;align-self:start;border:1px solid #926942;background:linear-gradient(180deg,#9d744a,#7d5735);color:#f5e8d4;padding:.5rem .9rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.09em;font-size:.88rem;transition:.2s}
.bean-market-link:hover{filter:brightness(1.07);transform:translateY(-1px)}
.bean-market-meta{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;border-top:1px solid rgba(199,161,122,.22);padding-top:1rem}
.bean-meta-column{border-right:1px solid rgba(199,161,122,.2);padding-right:.75rem}
.bean-meta-column:last-child{border-right:0}
.bean-meta-column h4{margin:0 0 .45rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#c89d69;font-size:1.08rem}
.bean-meta-column p{margin:0;color:rgba(231,213,189,.74);font-size:.92rem;line-height:1.5}
.bean-meta-column a{display:inline-block;margin-top:.4rem;color:#f3dcbf;text-decoration:underline;text-underline-offset:3px}
.about-showcase{background:#f2eee8;color:var(--ink);padding:5.8rem 0 5rem}
.about-showcase .container{position:relative}
.about-showcase-top{display:grid;grid-template-columns:56% 44%;gap:2.2rem;align-items:start}
.about-showcase-panel{max-width:640px;min-width:0}
.about-showcase .eyebrow{color:#b18d64;letter-spacing:.22em;margin-bottom:1.4rem}
.about-showcase h2{font-family:Oswald,Arial,sans-serif;font-size:clamp(2.7rem,5vw,6rem);line-height:.98;letter-spacing:.01em;text-transform:uppercase;margin:0;color:#090705}
.about-showcase-dot{font-family:Oswald,Arial,sans-serif;font-size:3.8rem;line-height:1;color:#090705;margin-top:.2rem}
.about-showcase-images{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;padding-top:.2rem;min-width:0;max-width:460px;justify-self:start;margin-right:0}
.about-shot img{display:block;width:100%;height:280px;object-fit:cover}
.about-showcase-copy{font-size:1.1rem;line-height:1.55;color:#191310;max-width:1240px;margin:1.1rem 0 1.4rem}
.about-showcase-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.about-showcase-actions .btn{border-radius:0;padding:1.05rem 1.6rem;letter-spacing:.14em;font-size:.98rem}
.about-showcase-actions .btn:first-child{background:#d2b08a;border-color:#d2b08a;color:#090705}
.about-showcase-actions .btn:first-child:hover{background:#c29a6e;border-color:#c29a6e;color:#090705}
.about-showcase-actions .btn:last-child{background:#090705;border-color:#090705;color:white}
.about-showcase-actions .btn:last-child:hover{background:#20160f;border-color:#20160f;color:white}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.card{border:3px solid var(--ink);background:var(--cream);padding:2rem;min-height:100%}
.dark .card,.coffee .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.22);color:white}
.card .num{font-family:Oswald,sans-serif;font-size:3rem;color:var(--gold);line-height:1}
.image-frame{border:4px solid var(--ink);padding:12px;background:var(--paper);box-shadow:18px 18px 0 var(--gold)}
.dark .image-frame,.coffee .image-frame{border-color:white;background:var(--ink)}
.image-frame img{width:100%;height:520px;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.menu-list{display:grid;gap:1.4rem}
.menu-item{border-bottom:2px solid rgba(255,255,255,.26);padding-bottom:1.2rem}
.menu-item-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.menu-item-title{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;min-width:0}
.menu-item-title .signature-icon{order:0}
.menu-item-title h3{order:1}
.signature-icon{width:28px;height:28px;flex:0 0 28px;object-fit:cover;border-radius:2px}
.menu-item h3{font-size:1.5rem;margin:0;color:inherit}
.price{font-family:Oswald,sans-serif;color:var(--gold);font-size:1.3rem}
.signature-heading{margin-bottom:0}
.signature-menu-list{gap:1.05rem;margin-top:20px}
.signature-item{display:grid;grid-template-columns:112px 1fr;gap:1.2rem;align-items:start;padding-bottom:1rem}
.signature-item-image{width:112px;height:112px;object-fit:cover;display:block}
.signature-item-content{min-width:0}
.signature-item .menu-item-head{align-items:flex-start}
.signature-item h3{font-size:1.35rem;letter-spacing:.02em}
.signature-item .muted{margin:0;font-size:1rem;line-height:1.6}
.muted{color:var(--muted)}
.dark .muted,.coffee .muted{color:rgba(255,255,255,.68)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:3px solid var(--ink)}
.gallery-tile{position:relative;min-height:310px;overflow:hidden;background:var(--coffee)}
.gallery-tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25);transition:.35s}
.gallery-tile:hover img{transform:scale(1.06);filter:grayscale(0)}
.gallery-tile span{position:absolute;inset:auto 1rem 1rem 1rem;background:var(--paper);border:2px solid var(--ink);font-family:Oswald,sans-serif;text-transform:uppercase;padding:.65rem 1rem}
.testimonials{position:relative;background:linear-gradient(180deg,#f3ecdf 0%,#efe6d6 100%);padding:5.4rem 0 4.8rem;border-block:2px solid rgba(35,22,14,.45)}
.testimonials .eyebrow{text-align:center}
.testimonials-title{font-family:Georgia,"Times New Roman",serif;text-transform:none;font-size:clamp(1.8rem,3.4vw,3.1rem);font-weight:500;line-height:1.14;text-align:center;color:#1d140f;margin:.35rem 0 1.7rem}
.testimonials-shell{width:min(1120px,90vw);margin:0 auto}
.testimonial-quote-mark{display:none}
.testimonial-viewport{overflow:hidden;padding:.15rem}
.testimonial-track{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:.2rem;-ms-overflow-style:none;scrollbar-width:none}
.testimonial-track::-webkit-scrollbar{display:none}
.testimonial-slide{flex:0 0 calc((100% - 1rem) / 2);display:grid;gap:.75rem;padding:1.25rem 1.15rem 1.1rem;background:#fff;border:1px solid rgba(60,40,22,.18);border-radius:14px;box-shadow:0 14px 30px rgba(33,20,12,.08)}
.testimonial-slide h3{font-family:Georgia,"Times New Roman",serif;text-transform:none;font-size:clamp(1.18rem,1.8vw,1.6rem);font-weight:600;line-height:1.3;margin:0;color:#1f1610}
.testimonial-slide p{margin:0;color:#2d241d;font-size:1rem;line-height:1.65}
.testimonial-source{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:1.02rem;color:#2b1b12;margin-top:.3rem}
.testimonial-author{font-size:.92rem;color:#5a4e45}
.testimonial-arrow{position:absolute;top:52%;transform:translateY(-50%);width:50px;height:50px;border:1px solid rgba(44,30,20,.22);border-radius:999px;background:#fff;color:#3f2d21;font-size:1.55rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s;box-shadow:0 10px 18px rgba(28,19,13,.12)}
.testimonial-arrow:hover{background:#2b1a11;color:#f7efe2;border-color:#2b1a11}
.testimonial-arrow:disabled{opacity:.3;cursor:not-allowed;background:#f3eee8;color:#9c9086;box-shadow:none}
.testimonial-arrow.prev{left:max(8px,2vw)}
.testimonial-arrow.next{right:max(8px,2vw)}
.cta{background:var(--gold);color:var(--ink);border-block:3px solid var(--ink);padding:4.5rem 0}
.cta-row{display:flex;justify-content:space-between;gap:2rem;align-items:center}
.page-hero{background:var(--espresso);color:white;padding:7rem 0 5rem;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at right,rgba(199,161,122,.22),transparent 36%)}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:clamp(3.8rem,8vw,8rem)}
.form{display:grid;gap:1rem}
input,textarea,select{width:100%;border:3px solid var(--ink);background:var(--paper);padding:1rem;font:inherit;color:var(--ink)}
textarea{min-height:150px}
.footer{background:#000;color:white;padding:4rem 0 1.4rem}
.footer .brew-value-strip{margin-bottom:2rem}
.footer .brew-value-item span{color:rgba(255,255,255,.78)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:2rem}
.footer h3{font-size:1.3rem;color:var(--gold)}
.footer a{display:block;color:rgba(255,255,255,.75);margin:.4rem 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.25);margin-top:3rem;padding-top:1.3rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.6)}
.hours{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}
.hours li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.55rem}
@media(max-width:900px){
.desktop-nav,.nav-cta,.mega-menu{display:none}.menu-toggle{display:block}.tagline{display:none}
.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}
.brew-experience{padding:4.5rem 0 3.8rem}
.brew-experience-top{grid-template-columns:1fr;gap:1.2rem}
.brew-experience-image{width:100%;height:auto}
.brew-experience-about{padding:1.55rem 1.25rem}
.brew-picks-head{margin:2.4rem 0 1.1rem}
.brew-pick-card{flex-basis:calc((100% - .9rem)/2)}
.brew-picks-arrow{display:none}
.brew-value-strip{grid-template-columns:repeat(2,1fr)}
.motm-delivery{padding:3.8rem 0}
.motm-delivery-grid{grid-template-columns:1fr;gap:.9rem}
.motm-delivery-panel{min-height:360px}
.motm-delivery-center{padding:1.5rem 1.2rem}
.delivery-flip{min-height:460px}
.delivery-order-layout{grid-template-columns:1fr}
.bean-market{padding:4.3rem 0 3.8rem}
.bean-market-shell{padding:.8rem}
.bean-market-hero{grid-template-columns:1fr;gap:.8rem}
.bean-market-hero-image{min-height:250px;max-height:300px}
.bean-market-grid{grid-template-columns:1fr}
.bean-market-meta{grid-template-columns:repeat(2,1fr)}
.bean-meta-column{border-right:0;padding-right:0}
.hero-media{top:0px;bottom:0;left:0;right:0}
.about-showcase{padding:4.6rem 0}
.about-showcase-top{grid-template-columns:1fr;gap:1.6rem}
.about-showcase h2{font-size:clamp(3.2rem,10vw,4.8rem)}
.about-showcase-dot{font-size:2.9rem}
.about-showcase-images{grid-template-columns:1fr 1fr;gap:1rem;max-width:100%;justify-self:start}
.about-shot img{height:240px}
.about-showcase-copy{font-size:1.1rem;max-width:100%;margin:1rem 0 1.2rem}
.hero-badge{position:relative;right:auto;bottom:auto;margin-top:2rem;width:160px;height:160px}
.hero-content{padding:6rem 0;}
.signature-item{grid-template-columns:96px 1fr;gap:1rem}
.signature-item-image{width:96px;height:96px}
.gallery-grid{grid-template-columns:1fr 1fr}
.testimonials{padding:4.8rem 0 4.2rem}
.testimonials-shell{width:min(980px,86vw)}
.testimonials-title{margin:.3rem 0 1.3rem}
.testimonial-slide{padding:1.05rem 1rem .95rem}
.testimonial-slide h3{font-size:clamp(1.1rem,2.7vw,1.35rem)}
.testimonial-slide p{font-size:.95rem;line-height:1.56}
.testimonial-source{font-size:.92rem}
.testimonial-arrow{width:44px;height:44px;font-size:1.2rem}
.testimonial-arrow.prev{left:10px}
.testimonial-arrow.next{right:10px}
.cta-row{align-items:flex-start;flex-direction:column}
.image-frame img{height:360px}
}
@media(max-width:560px){
.brew-experience{padding:3.9rem 0 3.1rem}
.brew-experience-about h2{font-size:clamp(1.8rem,9vw,2.35rem)}
.brew-picks-head h3{font-size:clamp(1.65rem,9vw,2.15rem)}
.brew-picks-slider{grid-template-columns:36px 1fr 36px;gap:.45rem}
.brew-picks-track{gap:.6rem}
.brew-picks-arrow{display:grid;width:34px;height:34px;font-size:1.15rem}
.brew-pick-card{flex-basis:100%}
.brew-pick-card img{height:196px}
.brew-value-strip{grid-template-columns:1fr}
.motm-delivery-panel{min-height:280px}
.motm-delivery-center h2{font-size:clamp(1.7rem,8vw,2.2rem)}
.delivery-modal-dialog{padding:1rem .85rem .8rem}
.delivery-flip{min-height:490px}
.delivery-card-row{grid-template-columns:1fr}
.delivery-form-triple{grid-template-columns:1fr}
.delivery-form-split{grid-template-columns:1fr}
.delivery-order-summary{position:relative}
.bean-market{padding:3.6rem 0 3.1rem}
.bean-market-meta{grid-template-columns:1fr;gap:.75rem}
.bean-market-card img{height:190px}
.about-showcase{padding:3.8rem 0}
.about-showcase h2{font-size:clamp(2.5rem,13vw,3.6rem)}
.about-showcase-images{grid-template-columns:1fr;gap:.85rem}
.about-shot img{height:220px}
.about-showcase-copy{font-size:1rem;line-height:1.55}
.about-showcase-actions .btn{width:100%;justify-content:center}
.signature-item{grid-template-columns:1fr;gap:.8rem}
.signature-item-image{width:100%;height:160px}
.signature-item .menu-item-head{flex-wrap:wrap;gap:.45rem .8rem}
.testimonials{padding:4rem 0 3.7rem}
.testimonials-shell{width:min(640px,90vw)}
.testimonial-track{gap:.75rem}
.testimonial-slide{flex-basis:100%;padding:1rem .95rem .9rem}
.testimonial-slide h3{font-size:1.2rem}
.testimonial-slide p{font-size:.95rem;line-height:1.58}
.testimonial-author{font-size:.88rem}
.testimonial-arrow{width:42px;height:42px;font-size:1.25rem}
h1{font-size:3.8rem}.ticker span{font-size:1.3rem;padding:.8rem 1.2rem}.gallery-grid{grid-template-columns:1fr}.top-strip .container{display:block}.navbar{height:74px}.logo strong{font-size:1.1rem}
}



/* ── Split Hero ── */
.hist-hero{display:grid;grid-template-columns:1fr 1.45fr .62fr;min-height:520px;border-bottom:0px solid #1d130c;overflow:hidden}
.hist-hero-left{background:#f2ece0;padding:3.8rem 2.8rem;display:flex;flex-direction:column;justify-content:center;gap:.55rem}
.hist-hero-script{font-family:'Dancing Script',Georgia,serif;font-size:1.9rem;font-weight:600;text-transform:none;letter-spacing:.01em;color:#9a7040;margin:0 0 .1rem}
.hist-hero-left h1{font-family:Oswald,Arial,sans-serif;font-size:clamp(4.5rem,8.5vw,8.5rem);line-height:.9;color:#1d130c;text-transform:uppercase;letter-spacing:.01em;margin:0 0 .7rem}
.hist-hero-tagline{font-size:1rem;color:#4a3525;line-height:1.55;margin:0 0 1.5rem;max-width:250px}
.hist-hero-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;background:#1d130c;border:3px solid #1d130c;color:#fff;padding:.8rem 1.5rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;transition:.2s;font-weight:700}
.hist-hero-cta:hover{background:var(--gold);border-color:var(--gold);color:#1d130c}
.hist-hero-center{position:relative;overflow:hidden}
.hist-hero-center img{width:100%;height:100%;object-fit:cover;display:block}
.hist-hero-badge{position:absolute;top:1.6rem;left:50%;transform:translateX(-50%);width:98px;height:98px;border-radius:50%;background:#1d130c;border:2px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gold);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;font-size:.68rem;padding:.5rem}
.hist-hero-badge strong{font-size:1.1rem;letter-spacing:.04em;display:block}
.hist-hero-right{background:#1d130c;padding:2.5rem 1.6rem;display:flex;flex-direction:column;justify-content:center;gap:1.6rem}
.hist-feat{display:flex;gap:.8rem;align-items:flex-start}
.hist-feat-icon{flex:0 0 36px;width:36px;height:36px;border:1px solid rgba(199,161,122,.4);border-radius:50%;display:grid;place-items:center;color:var(--gold);margin-top:.05rem}
.hist-feat-icon svg{width:17px;height:17px;fill:currentColor}
.hist-feat-title{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.09em;font-size:.86rem;color:#f5e9d8;margin:0 0 .18rem}
.hist-feat-desc{font-size:.8rem;color:rgba(245,233,216,.6);line-height:1.42;margin:0}
/* ── Story ── */
.hist-story{background:#f2ece0;padding:5.2rem 0 4.8rem}
.hist-story-intro{font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.72;color:#1d140c;font-weight:500;margin:0 0 2.8rem;border-left:4px solid var(--gold);padding-left:1.2rem}
.hist-story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}
.hist-story-text p{margin:0 0 1.1rem;color:#2e2119;font-size:1.02rem;line-height:1.72}
.hist-story-text p:last-child{margin:0}
.hist-story-image img{width:100%;height:380px;object-fit:cover;border:3px solid #1d130c;display:block}
/* ── Dark Feature ── */
.hist-dark{background:radial-gradient(ellipse at 50% 0%,rgba(90,50,20,.55),transparent 58%),#110805;padding:5.5rem 0 5rem;text-align:center;color:#f5e9d8;border-top:2px solid rgba(199,161,122,.2)}
.hist-dark-logo{width:84px;margin:0 auto 1.1rem;opacity:.9}
.hist-dark-heading{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:500;text-transform:none;line-height:1.1;color:#f5e9d8;margin:0 0 .6rem}
.hist-dark-heading em{color:var(--gold);font-style:italic}
.hist-dark-sub{font-style:italic;font-size:1.12rem;color:rgba(245,233,216,.68);margin:0 0 3rem}
.hist-drinks{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:860px;margin:0 auto}
.hist-drink{background:rgba(255,255,255,.04);border:1px solid rgba(199,161,122,.22);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.hist-drink img{width:100%;height:200px;object-fit:cover;display:block}
.hist-drink-body{padding:1rem .95rem .7rem;flex:1}
.hist-drink-name{font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;font-weight:600;color:#f5e9d8;margin:0 0 .25rem;text-transform:none}
.hist-drink-price{font-family:Oswald,sans-serif;color:var(--gold);font-size:1.05rem;letter-spacing:.04em}
.hist-drink-link{display:block;padding:.65rem .8rem;background:rgba(199,161,122,.12);border-top:1px solid rgba(199,161,122,.2);color:#f5e9d8;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.83rem;text-align:center;transition:background .2s,color .2s}
.hist-drink-link:hover{background:var(--gold);color:#1d130c}
/* ── Tile Grid ── */
/* ── Founder ── */
.hist-founder{background:#f8f3eb;padding:5.5rem 0 5rem;border-top:3px solid #1d130c}
.hist-founder-grid{display:grid;grid-template-columns:380px 1fr;gap:4rem;align-items:center}
.hist-founder-img-wrap{position:relative;align-self:start}
.hist-founder-img-wrap img{width:100%;display:block;border:3px solid #1d130c;filter:grayscale(.12) contrast(1.04)}
.hist-founder-badge{position:absolute;bottom:-1px;right:-1px;background:#1d130c;border:2px solid var(--gold);padding:.55rem .9rem;display:flex;align-items:center;gap:.5rem;color:var(--gold);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}
.hist-founder-badge svg{width:18px;height:18px;flex:0 0 18px;stroke:var(--gold)}
.hist-founder-copy .eyebrow{color:#9a7040;margin-bottom:.5rem}
.hist-founder-name{font-family:Georgia,"Times New Roman",serif;text-transform:none;font-size:clamp(2.4rem,4vw,4rem);font-weight:600;line-height:1;color:#1d130c;margin:0 0 .35rem}
.hist-founder-role{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.88rem;color:#7a5c3a;margin:0 0 1.4rem}
.hist-founder-copy p{color:#2e2119;font-size:1.03rem;line-height:1.72;margin:0 0 1rem}
.hist-founder-quote{border-left:4px solid var(--gold);padding-left:1.1rem;margin:1.5rem 0 1.8rem;font-style:italic;font-size:1.12rem;color:#4a3525;line-height:1.6}
.hist-founder-actions{display:flex;gap:.75rem;flex-wrap:wrap}
@media(max-width:900px){
.hist-founder-grid{grid-template-columns:1fr;gap:2rem}
.hist-founder-img-wrap{max-width:380px}
}
@media(max-width:560px){
.hist-founder{padding:4rem 0 3.5rem}
.hist-founder-name{font-size:clamp(2rem,10vw,3rem)}
.hist-founder-actions .btn{width:100%;justify-content:center}
}
/* ── end Founder ── */
.hist-tiles{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid #1d130c}
.hist-tile{position:relative;overflow:hidden;min-height:300px}
.hist-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease;filter:brightness(.7) saturate(.9)}
.hist-tile:hover img{transform:scale(1.06);filter:brightness(.82) saturate(1.05)}
.hist-tile-label{position:absolute;inset:auto 0 0 0;background:linear-gradient(transparent,rgba(10,6,3,.82));padding:2rem 1.2rem .95rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:1.08rem;color:#f5e9d8;text-align:center}
/* ── Responsive ── */
@media(max-width:900px){
.hist-hero{grid-template-columns:1fr}
.hist-hero-center{min-height:300px}
.hist-hero-right{flex-direction:row;flex-wrap:wrap;gap:.9rem;padding:1.5rem 1.2rem}
.hist-feat{flex:1 1 calc(50% - .5rem)}
.hist-story-grid{grid-template-columns:1fr;gap:1.8rem}
.hist-drinks{grid-template-columns:1fr 1fr}
.hist-tiles{grid-template-columns:1fr}
.hist-tile{min-height:220px}
}
@media(max-width:560px){
.hist-hero-left{padding:2.6rem 1.4rem 2rem}
.hist-hero-left h1{font-size:clamp(4rem,18vw,6rem)}
.hist-hero-right{flex-direction:column;gap:1.1rem}
.hist-drinks{grid-template-columns:1fr}
.hist-dark-heading{font-size:clamp(2rem,9vw,2.8rem)}
.hist-story-image img{height:220px}
.hist-story-intro{font-size:1rem}
}


.shop-page{background:#f7f2ea;color:#1a120d}
.shop-shell{width:min(1220px,94vw);margin:0 auto}
.shop-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:0;min-height:520px;border:1px solid rgba(34,22,14,.16);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(44,30,20,.12);margin:2rem auto 1.8rem}
.shop-hero-copy{padding:3.6rem 3.2rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(170deg,#faf6ef,#f1e7d8)}
.shop-hero-copy .eyebrow{font-size:.72rem;letter-spacing:.24em;color:#8e6237;margin-bottom:1rem}
.shop-hero-copy h1{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;font-size:clamp(4.5rem,8.5vw,8.5rem);line-height:.9;letter-spacing:.01em;margin:0 0 1rem;color:#1b120d}
.shop-hero-copy p{margin:0 0 1.7rem;color:#4b392b;font-size:1.04rem;line-height:1.7;max-width:440px}
.shop-hero-actions{display:flex;gap:.65rem;flex-wrap:wrap}
.shop-hero-media{position:relative;overflow:hidden}
.shop-hero-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02) contrast(1.05)}
.shop-hero-overlay{position:absolute;inset:auto 1rem 1rem auto;background:rgba(18,10,7,.78);border:1px solid rgba(199,161,122,.42);padding:.7rem .85rem;color:#f5e9d8;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:.74rem}

.shop-benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(34,22,14,.1);border-radius:14px;overflow:hidden;background:#fff;margin-bottom:2.2rem}
.shop-benefit{padding:1.2rem 1rem;border-right:1px solid rgba(34,22,14,.08);display:grid;justify-items:center;text-align:center;gap:.5rem}
.shop-benefit:last-child{border-right:0}
.shop-benefit-icon{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#efe2cf;color:#704722}
.shop-benefit-icon svg{width:20px;height:20px;fill:currentColor}
.shop-benefit h3{margin:0;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.09em;font-size:.88rem;color:#2e2015}
.shop-benefit p{margin:0;font-size:.86rem;line-height:1.45;color:#5f4a36}

.shop-section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}
.shop-section-head .eyebrow{margin:0 0 .3rem;color:#8e6237;font-size:.72rem;letter-spacing:.24em}
.shop-section-head h2{margin:0;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;font-size:clamp(2rem,3vw,3rem);line-height:1;color:#1a120d}
.shop-view-link{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;color:#3d2a1d}
.shop-view-link:hover{color:#8e6237}

.shop-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid rgba(34,22,14,.1);border-radius:12px;padding:.75rem .85rem;margin-bottom:1rem}
.shop-filters{display:flex;gap:.45rem;flex-wrap:wrap}
.shop-filter{border:1px solid rgba(34,22,14,.2);background:#f8f2e8;color:#2d1f14;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;padding:.42rem .72rem;border-radius:999px;cursor:pointer}
.shop-filter:hover{border-color:#8e6237;color:#8e6237}
.shop-filter.is-active{background:#2d1c12;color:#f7efe2;border-color:#2d1c12}
.shop-sort-wrap{display:flex;align-items:center;gap:.5rem}
.shop-sort-wrap label{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#5e4935}
.shop-sort-wrap select{width:auto;min-width:172px;border:1px solid rgba(34,22,14,.2);background:#fff7ea;color:#2f2218;padding:.5rem .65rem;font-size:.84rem}
.shop-search-wrap{display:flex;align-items:center;gap:.5rem}
.shop-search-wrap label{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#5e4935}
.shop-search-wrap input{width:240px;min-width:180px;border:1px solid rgba(34,22,14,.2);background:#fff7ea;color:#2f2218;padding:.5rem .65rem;font-size:.84rem}
.shop-results{font-size:.84rem;color:#6a5340;margin:0 0 1rem}
.shop-empty{display:none;background:#fff;border:1px solid rgba(34,22,14,.12);border-radius:12px;padding:1.1rem;text-align:center;color:#5d4736;margin:0 0 2.5rem}

.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}
.shop-card{background:#fff;border:1px solid rgba(34,22,14,.12);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 22px rgba(34,22,14,.08)}
.shop-card-media{position:relative;aspect-ratio:1.08/1;background:#e8ddcd}
.shop-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.shop-tag{position:absolute;left:.6rem;top:.6rem;background:#1b120d;color:#f7efe2;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:.66rem;letter-spacing:.12em;padding:.3rem .48rem;border-radius:999px}
.shop-card-body{padding:.85rem .82rem .92rem;display:grid;gap:.45rem;height:100%}
.shop-card h3{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;margin:0;color:#2a1b12;line-height:1.2}
.shop-card p{margin:0;color:#634d39;font-size:.88rem;line-height:1.45}
.shop-card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding-top:.22rem}
.shop-price{font-family:Oswald,sans-serif;font-size:1.25rem;letter-spacing:.02em;color:#8e6237}
.shop-add{width:32px;height:32px;border-radius:999px;border:1px solid #2d1c12;background:#2d1c12;color:#f8efe3;display:grid;place-items:center;font-size:1.1rem;line-height:1;cursor:pointer}
.shop-add:hover{background:#8e6237;border-color:#8e6237;color:#1b120d}

.shop-story{display:grid;grid-template-columns:.92fr 1.08fr;gap:1.4rem;background:#fff;border:1px solid rgba(34,22,14,.11);border-radius:14px;overflow:hidden;margin-bottom:2.5rem}
.shop-story-copy{padding:2.2rem 2rem}
.shop-story-copy h2{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;font-size:clamp(2.2rem,3vw,3.3rem);line-height:.98;margin:0 0 .8rem;color:#1c130d}
.shop-story-copy p{margin:0 0 1rem;color:#56402e;line-height:1.65}
.shop-story-media img{width:100%;height:100%;object-fit:cover;display:block}

.shop-cta{background:linear-gradient(90deg,#26170d,#6e4322);border:1px solid rgba(34,22,14,.2);border-radius:14px;padding:1rem 1.2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;color:#f6ebde;margin-bottom:2.6rem}
.shop-cta h3{margin:0;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;font-size:2rem;color:#f6ebde}
.shop-cta p{margin:0;color:rgba(246,235,222,.85)}
.shop-cta form{display:flex;gap:.5rem;min-width:300px}
.shop-cta input{border:1px solid rgba(246,235,222,.32);background:rgba(255,255,255,.12);color:#fff;padding:.75rem .8rem}
.shop-cta .btn{border-color:#d4b189;background:#d4b189;color:#28190f}
.shop-cta .btn:hover{background:#fff1dd;border-color:#fff1dd}

@media(max-width:1100px){
.shop-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
.shop-hero{grid-template-columns:1fr}
.shop-hero-copy{padding:2.3rem 1.3rem}
.shop-benefits{grid-template-columns:1fr 1fr}
.shop-benefit{border-right:1px solid rgba(34,22,14,.08)}
.shop-benefit:nth-child(2n){border-right:0}
.shop-grid{grid-template-columns:repeat(2,1fr)}
.shop-story{grid-template-columns:1fr}
.shop-cta{grid-template-columns:1fr;text-align:center}
.shop-cta form{min-width:0;justify-content:center}
.shop-controls{align-items:flex-start}
}
@media(max-width:560px){
.shop-grid{grid-template-columns:1fr}
.shop-benefits{grid-template-columns:1fr}
.shop-benefit{border-right:0;border-bottom:1px solid rgba(34,22,14,.08)}
.shop-benefit:last-child{border-bottom:0}
.shop-section-head{flex-direction:column;align-items:flex-start}
.shop-cta form{flex-direction:column}
.shop-sort-wrap{width:100%}
.shop-sort-wrap select{width:100%}
.shop-search-wrap{width:100%}
.shop-search-wrap input{width:100%}
}