:root{--turquoise:#78b7b2;--navy:#172a3a;--navy-dark:#0e1d29;--cream:#fff0d0;--cream-light:#fff8e8;--coral:#d94a38;--gold:#c89b3c;--green:var(--navy);--green-dark:var(--navy-dark);--red:var(--coral);--espresso:var(--navy);--brass:var(--gold);--muted:#53636c;--line:#172a3a2e;--shadow:0 24px 70px #172a3a2e;--hero-max-width:1240px;--page-gutter:clamp(20px, 6vw, 78px);--hero-content-edge:max(var(--page-gutter), calc((100vw - var(--hero-max-width)) / 2))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream-light);color:var(--espresso);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{background:var(--cream);min-height:100vh;overflow-x:hidden}.site-header{z-index:20;top:14px;right:var(--hero-content-edge);background:var(--cream-light);isolation:isolate;border:1px solid #172a3a4d;border-radius:6px;justify-content:center;align-items:center;width:max-content;max-width:calc(100% - 24px);min-height:52px;margin:0;padding:4px 24px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 24px #172a3a2e}.site-header:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(105deg,#78b7b229 0 14px,#0000 14px 30px);position:absolute;inset:0}.nav-toggle{width:44px;height:44px;color:var(--cream-light);background:var(--green);border:0;border-radius:6px;justify-content:center;align-items:center;display:none}.nav-toggle svg,.button svg,.feature-icon svg,.quality-link svg,.info-list svg,.contact-link svg,.story-panel li svg{flex:none;width:18px;height:18px}.nav-links{z-index:1;color:var(--green-dark);align-items:center;gap:clamp(14px,2vw,28px);font-size:.96rem;font-weight:700;display:flex;position:relative}.nav-links a{z-index:1;text-shadow:none;border-bottom:2px solid #0000;padding:9px 4px;position:relative}.nav-links a:hover,.nav-links a:focus-visible{border-bottom-color:var(--red);outline:none}.nav-end{align-items:center;gap:clamp(14px,2vw,28px);display:flex}.nav-links .nav-instagram{width:38px;height:38px;color:var(--cream-light);background:var(--red);text-shadow:none;border:1px solid #172a3a38;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 3px #172a3a2e}.nav-instagram svg{width:20px;height:20px}.nav-links .nav-instagram:hover,.nav-links .nav-instagram:focus-visible{color:var(--navy);background:var(--turquoise);border-color:var(--navy);outline:2px solid var(--cream-light);outline-offset:2px}.hero{min-height:auto;padding:32px var(--page-gutter) 64px;background:var(--cream);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0d0f7,#fff0d0c2),repeating-linear-gradient(45deg,#78b7b21f 0 12px,#0000 12px 24px);position:absolute;inset:0}.hero:after{content:"";right:var(--hero-content-edge);background:linear-gradient(90deg, var(--navy) 0 36%, var(--turquoise) 36% 58%, var(--coral) 58% 76%, var(--gold) 76%);opacity:.85;width:min(560px,52vw);height:10px;position:absolute;bottom:34px}.hero-layout{z-index:1;width:min(var(--hero-max-width), 100%);grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:stretch;gap:clamp(32px,5vw,72px);margin:0 auto;display:grid;position:relative}.hero-content{width:100%;position:relative}.eyebrow{color:var(--navy);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:.82rem;font-weight:900;display:inline-flex}.eyebrow:before{content:"";background:var(--coral);width:18px;height:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:10ch;color:var(--green);overflow-wrap:normal;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.7rem,8.2vw,7.6rem);line-height:.96}h1 span{display:block}.hero-logo-title{width:min(380px,100%);max-width:none;margin-inline:auto}.hero-logo-title img{width:100%;height:auto;display:block}.hero-copy{max-width:660px;color:var(--navy);margin:20px 0 0;font-size:clamp(1.08rem,2vw,1.25rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.track-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.track-tags span{min-height:32px;color:var(--green);text-transform:uppercase;background:#fff8e8d1;border:1px solid #78b7b27a;border-radius:999px;align-items:center;padding:7px 10px;font-size:.72rem;font-weight:900;display:inline-flex}.hero-media{box-shadow:var(--shadow);background:var(--green);border:1px solid #172a3a3d;border-radius:8px;align-self:stretch;margin-top:44px;position:relative;overflow:hidden}.hero-media:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#172a3ab8),linear-gradient(90deg,#172a3a2e,#0000 42%);position:absolute;inset:0}.hero-media img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-spec-card{z-index:2;width:min(330px,100% - 36px);color:var(--cream-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#172a3ae6;border:1px solid #78b7b275;border-radius:8px;padding:16px;position:absolute;bottom:18px;right:18px}.hero-spec-card div{color:var(--brass);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:.76rem;font-weight:900;display:flex}.hero-spec-card svg{width:16px;height:16px}.hero-spec-card strong{margin-bottom:6px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;line-height:1;display:block}.hero-spec-card p{color:#fff0d0d1;margin:0;line-height:1.45}@media (width>=901px){.hero:after{bottom:74px}.hero-media{aspect-ratio:4/3;align-self:start}}.button{border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:13px 18px;font-weight:900;display:inline-flex}.button.primary{color:var(--cream-light);background:var(--green);box-shadow:var(--shadow)}.button.secondary{color:var(--navy);background:var(--turquoise);border:1px solid #172a3a52}.section{padding:clamp(64px,10vw,112px) clamp(20px,6vw,78px)}.section-inner{width:min(1160px,100%);margin:0 auto}.intro-band{background:var(--navy);color:var(--cream-light);border-top:1px solid #78b7b247;border-bottom:1px solid #78b7b247;padding-top:42px;padding-bottom:42px}.feature-grid{background:#78b7b242;border:1px solid #78b7b242;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.feature-card{background:var(--green);min-height:210px;padding:clamp(22px,3vw,34px)}.feature-icon{width:42px;height:42px;color:var(--navy);background:var(--turquoise);border-radius:6px;justify-content:center;align-items:center;margin-bottom:22px;display:inline-flex}.feature-card h2,.menu-card h3{margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.05}.feature-card p,.section-heading p,.story-layout p,.bay-layout p,.location-layout p,.contact-layout p{margin:0;line-height:1.65}.section-heading{max-width:760px;margin-bottom:34px}.section-heading h2,.story-layout h2,.bay-layout h2,.location-layout h2,.contact-layout h2{color:var(--green);margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.35rem,6vw,4.8rem);line-height:.96}.menu-section{background:var(--cream-light)}.coffee-quality-section{color:var(--cream-light);background:linear-gradient(110deg, #0e1d29fc, #2d5c60f5), var(--navy);border-top:1px solid #78b7b238;border-bottom:1px solid #172a3a3d}.coffee-quality-layout{grid-template-columns:minmax(0,.92fr) minmax(360px,.86fr);align-items:center;gap:clamp(40px,7vw,88px);display:grid}.coffee-quality-intro{max-width:650px}.coffee-quality-intro .eyebrow{color:var(--brass)}.coffee-quality-intro .eyebrow:before{background:var(--turquoise)}.coffee-quality-intro h2{color:var(--cream);margin:0 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.35rem,5.8vw,4.8rem);line-height:.96}.coffee-quality-intro>p:not(.quality-source){color:#fff0d0e0;margin:0;font-size:1.06rem;line-height:1.7}.clean-claims{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.clean-claims span{min-height:32px;color:var(--cream-light);text-transform:uppercase;border:1px solid #78b7b28a;border-radius:999px;align-items:center;padding:7px 10px;font-size:.74rem;font-weight:900;display:inline-flex}.quality-link{min-height:46px;color:var(--green-dark);background:var(--cream);border:1px solid #78b7b26b;border-radius:6px;align-items:center;gap:9px;margin-top:26px;padding:12px 16px;font-weight:900;display:inline-flex}.quality-link:hover,.quality-link:focus-visible{background:var(--cream-light);outline:2px solid var(--red);outline-offset:3px}.quality-source{color:#fff0d0ad;margin:14px 0 0;font-size:.78rem;line-height:1.45}.coffee-quality-points{border-top:1px solid #78b7b252}.coffee-quality-point{border-bottom:1px solid #78b7b252;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:24px 0;display:grid}.coffee-quality-point>div{width:44px;height:44px;color:var(--green-dark);background:var(--brass);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.coffee-quality-point svg{width:20px;height:20px}.coffee-quality-point strong{color:var(--cream-light);margin-bottom:6px;font-size:1.02rem;display:block}.coffee-quality-point p{color:#fff0d0c7;margin:0;line-height:1.55}.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.menu-card{background:var(--cream-light);border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 12px 30px #172a3a1a}.menu-card h3{color:var(--green)}.menu-card ul,.story-panel ul{gap:18px;margin:0;padding:0;list-style:none;display:grid}.menu-card li{border-top:1px solid var(--line);padding-top:18px}.menu-card li:first-child{border-top:0;padding-top:0}.menu-card span{color:var(--espresso);margin-bottom:6px;font-weight:900;display:block}.menu-card p{color:var(--muted);margin:0;line-height:1.5}.menu-partner-link{color:var(--navy);-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:3px;align-items:center;gap:6px;margin-top:10px;font-size:.85rem;font-weight:900;text-decoration-thickness:1px;display:inline-flex}.menu-partner-link svg{width:15px;height:15px;color:var(--coral)}.story-section{background:var(--cream)}.story-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.78fr);align-items:center;gap:clamp(36px,6vw,76px);display:grid}.story-layout p+p{margin-top:18px}.story-panel{background:var(--green);color:var(--cream-light);box-shadow:var(--shadow);border-radius:8px;padding:28px}.story-panel img{aspect-ratio:4/3;object-fit:contain;border-radius:8px;width:min(360px,100%);height:auto;margin:0 auto 24px;display:block}.story-panel li{color:var(--cream-light);align-items:center;gap:12px;font-weight:800;display:flex}.story-panel li svg{color:var(--brass)}.feature-bay{color:var(--cream-light);background:linear-gradient(135deg, #78b7b21a 0 25%, transparent 25% 50%, #78b7b21a 50% 75%, transparent 75%) 0 0 / 42px 42px, linear-gradient(90deg, #0e1d29f5, #172a3af0), var(--green)}.bay-layout{grid-template-columns:minmax(0,.92fr) minmax(300px,.7fr);align-items:center;gap:clamp(30px,5vw,70px);display:grid}.bay-layout h2,.feature-bay .eyebrow{color:var(--cream)}.feature-bay .eyebrow:before{background:var(--gold)}.bay-layout p{color:#fff0d0e0;font-size:1.08rem}.bay-card{background:#78b7b23d;border:1px solid #78b7b24d;border-radius:8px;gap:1px;display:grid;overflow:hidden}.bay-detail{background:#0e1d29c7;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:20px;display:grid}.bay-detail span{color:var(--brass);font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:900}.bay-detail strong{color:var(--cream-light);margin-bottom:4px;display:block}.bay-detail p{color:#fff0d0c2;margin:0;font-size:.96rem}.location-section{background:var(--cream-light)}.location-layout,.contact-layout{grid-template-columns:minmax(0,.9fr) minmax(300px,.74fr);align-items:start;gap:clamp(32px,6vw,72px);display:grid}.info-list{gap:14px;display:grid}.info-list>div{background:var(--cream-light);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:14px;padding:18px;display:flex}.info-list svg{color:var(--red)}.info-list strong,.info-list span{display:block}.info-list strong{margin-bottom:4px}.info-list span{color:var(--muted)}.contact-section{background:var(--cream)}.contact-actions{gap:12px;display:grid}.contact-link{min-height:58px;color:var(--cream-light);background:var(--green);border-radius:8px;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:16px;font-weight:900;transition:background-color .16s,box-shadow .16s,transform .16s;display:grid}.contact-link svg:last-child{justify-self:end}.contact-link:hover,.contact-link:focus-visible{color:var(--navy);background:var(--turquoise);outline:2px solid var(--red);outline-offset:2px;transform:translateY(-2px);box-shadow:0 5px #172a3a38}.contact-link:active{transform:translateY(0);box-shadow:0 2px #172a3a2e}.contact-status{min-height:1.35rem;color:var(--green-dark);margin:2px 2px 0;font-size:.9rem;font-weight:700}.site-footer{color:var(--cream-light);background:var(--navy);justify-content:space-between;align-items:center;gap:22px;padding:26px clamp(20px,6vw,78px);display:flex}.site-footer div{align-items:center;gap:14px;font-weight:900;display:flex}.site-footer img{width:auto;height:68px}.site-footer p{color:#fff0d0c7;margin:0}@media (width<=900px){.site-header{background:var(--navy);border-color:#78b7b275;min-height:50px;margin:0;padding:3px;top:29px;right:12px;overflow:visible}.site-header:before{display:none}.nav-toggle{display:inline-flex}.nav-links{color:var(--cream-light);background:var(--navy);box-shadow:var(--shadow);border:1px solid #78b7b252;border-radius:8px;flex-direction:column;align-items:stretch;gap:0;padding:10px;display:none;position:fixed;top:82px;left:12px;right:12px}.nav-links.open{display:flex}.nav-links a{padding:14px 12px}.nav-end{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;width:100%;display:grid}.nav-links .nav-instagram{align-self:center;width:44px;height:44px;padding:0}.hero{min-height:auto;padding-top:32px}.hero-layout{grid-template-columns:1fr}.hero-media{align-self:auto;margin-top:0}.hero-media img{aspect-ratio:16/9;height:auto;position:static}.hero:after{width:68vw}.feature-grid,.menu-grid,.coffee-quality-layout,.story-layout,.bay-layout,.location-layout,.contact-layout{grid-template-columns:1fr}.feature-card{min-height:auto}.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=560px){.hero{padding-left:18px;padding-right:18px}.hero-logo-title{width:min(430px,100%)}.hero-spec-card{border-width:1px 0 0;border-radius:0;width:auto;position:static}.hero-actions,.button{width:100%}.button{justify-content:center}.menu-card,.story-panel{padding:22px}.contact-link{font-size:.94rem}}