/* Local fonts and CSS graphic details. No external dependencies. */
:root{--paper:#f2eddf;--green:#203d2d;--ink:#20231e;--line:#a7ac99;--display:Impact,'Arial Narrow','Franklin Gothic Medium',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}p,h1,h2,figure{margin:0}
.skip-link{position:absolute;top:10px;left:20px;padding:14px;background:var(--green);color:var(--paper);transform:translateY(-160%);z-index:2}.skip-link:focus{transform:none}
.site-header,main,.site-footer{width:min(1480px,100%);margin-inline:auto;padding-inline:clamp(22px,5vw,76px)}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px}.header-logo-slot{order:2;width:100px;height:47px;flex:0 0 100px;display:flex;align-items:center}.header-logo-slot a{display:block;width:100%;height:100%}.header-logo-slot img{display:block;width:100%;height:100%;object-fit:contain}nav{display:flex;margin-left:auto;gap:32px;font:14px var(--display);letter-spacing:.6px;text-transform:uppercase}nav a{padding-block:10px;border-bottom:2px solid transparent;transition:border-color .15s}nav a:hover{border-color:var(--green)}
.hero{border-top:3px solid var(--ink);position:relative;padding-top:18px}.hero::before{content:'';position:absolute;top:2px;left:0;right:8%;border-top:1px solid var(--ink);transform:rotate(-.25deg)}.hero-topline{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:10px;font-weight:bold;letter-spacing:1px}.hero-layout{padding-block:70px 50px}.hero-copy{display:grid;grid-template-columns:1.2fr 1fr;column-gap:10%;align-items:end}.hero-copy>.eyebrow{grid-column:1 / -1}.hero-intro{max-width:340px;padding-bottom:5px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;line-height:1.6}.hero-copy>.eyebrow{margin-bottom:22px;color:var(--green)}h1{font:clamp(80px,9.6vw,145px)/.9 var(--display);letter-spacing:-2px;position:relative}h1>span{font:70px/.5 Arial,sans-serif;vertical-align:top;margin-left:4px;color:var(--green)}.brand-statement{max-width:330px;font-size:14px;line-height:1.75;margin:0 0 28px}.button{display:inline-flex;justify-content:space-between;gap:45px;padding:17px 23px;background:var(--green);color:var(--paper);font:14px var(--display);text-transform:uppercase;letter-spacing:.6px;transition:background .15s}.button:hover{background:var(--ink)}
/* Reserved artwork slot; double rules keep the current treatment purely graphic. */
.brand-divider{display:flex;align-items:center;gap:24px;min-height:125px;color:var(--green)}
.brand-divider::before,.brand-divider::after{content:'';flex:1;height:7px;border-top:2px solid currentColor;border-bottom:1px solid currentColor}
.brand-divider>span{font:32px/1 Arial,Helvetica,sans-serif}
h1>.brand-star{font-family:Arial,Helvetica,sans-serif;font-size:.35em;line-height:1;display:inline-block;vertical-align:top;margin-top:.12em;margin-left:8px}
.featured{border-top:2px solid var(--green);padding-block:22px 80px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.section-heading>span{font-size:27px;color:var(--green)}.feature-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.photo-placeholder{aspect-ratio:1.08;min-height:360px;border:2px solid var(--green);background:#dfdfd0;color:var(--green);padding:23px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.photo-placeholder::after{content:'';position:absolute;inset:7px 6px 9px 8px;border:1px solid var(--green);transform:rotate(.5deg);pointer-events:none}.photo-label,.photo-note{font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;line-height:1.6}.photo-title{font:clamp(32px,4.2vw,60px)/1 var(--display);letter-spacing:-.5px;align-self:center;transform:rotate(-3deg)}figcaption{font-size:10px;line-height:1.6;margin-top:12px;color:#50584b}.coffee-copy h2{font:clamp(38px,4.5vw,66px)/1 var(--display);letter-spacing:-.7px;margin:23px 0}.description{font-size:14px;line-height:1.8;max-width:350px}dl{margin:30px 0 20px}dl div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:13px;font-size:11px}dt{text-transform:uppercase;font-weight:bold}dd{margin:0;text-align:right}.availability{font-size:10px;line-height:1.7;color:#50584b}
.about{border-top:3px solid var(--ink);padding-block:42px 70px;display:grid;grid-template-columns:1fr 2fr;gap:10%;position:relative}.about::before{content:'';position:absolute;top:3px;left:15%;right:0;border-top:1px solid var(--ink);transform:rotate(.2deg)}.about-label>span{display:block;font-size:60px;color:var(--green);margin-top:25px}.about h2{font:clamp(40px,5vw,70px)/1 var(--display);letter-spacing:-.8px}.about-intro{font:clamp(24px,3vw,39px)/1.15 var(--display);margin:28px 0 20px;color:var(--green)}.about-copy>p:last-child{max-width:480px;font-size:14px;line-height:1.8}.site-footer{background:var(--green);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:30px}.footer-brand{font:26px var(--display);letter-spacing:-.5px}.site-footer>span,.text-link{font-size:10px}.text-link{padding-block:7px;border-bottom:1px solid transparent}.text-link:hover{border-color:currentColor}
@media(max-width:900px){.hero-copy{column-gap:6%}h1{font-size:clamp(65px,10vw,100px)}h1>span{font-size:48px}.feature-layout{gap:6%}.photo-placeholder{min-height:330px}.about{gap:6%}}
@media(max-width:600px){.site-header{padding-block:22px}nav{font-size:12px;gap:20px}.header-logo-slot{height:43px;width:90px;flex-basis:90px}.hero-topline{font-size:8px;letter-spacing:.6px}.hero-layout{padding-block:40px 30px}.hero-copy{grid-template-columns:1fr;gap:0}.hero-intro{margin-top:32px;padding:0}h1{font-size:clamp(80px,21vw,125px)}h1>span{font-size:55px}.brand-statement{max-width:300px}.brand-divider{min-height:95px;gap:18px}.brand-divider>span{font-size:27px}.featured{padding-bottom:48px}.section-heading{margin-bottom:25px}.feature-layout{grid-template-columns:1fr;gap:33px}.photo-placeholder{min-height:0;aspect-ratio:1}.photo-title{font-size:45px}.coffee-copy h2{font-size:48px}.about{grid-template-columns:1fr;gap:24px;padding-block:32px 45px}.about-label{display:flex;align-items:center;justify-content:space-between}.about-label>span{font-size:29px;margin:0}.about h2{font-size:44px}.about-intro{font-size:30px}.site-footer{flex-wrap:wrap;gap:20px}.footer-brand{width:100%}.text-link{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Real product photography fills the existing frame at every screen size. */
.product-photo{padding:0;overflow:hidden;min-width:0}
.product-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
