:root{--ink:#102018;--cream:#eee7d8;--gold:#bd8a4e;--green:#365a43;--muted:#a4a79f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{position:absolute;z-index:10;top:0;left:0;width:100%;height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.logo{font:700 17px Georgia,serif;letter-spacing:.06em}.logo span{color:var(--gold)}nav{display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}nav>a:not(.navCta){color:#ffffff9d}.navCta{padding:13px 18px;border:1px solid #ffffff45}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:130px 7vw 90px;background:#14251b url('/coffee-hero.png') center/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a1610f2,#0a1610aa 46%,#0a16101f 76%),linear-gradient(0deg,#0a16109c,transparent 55%)}.copy{position:relative;z-index:1;max-width:850px}.copy>p:first-child,.tag{font-size:9px;font-weight:700;letter-spacing:.23em;color:var(--gold)}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}h1{margin:24px 0 28px;font-size:clamp(70px,9vw,138px);line-height:.82}h1 em{color:var(--gold);font-weight:400}.lead{max-width:600px;color:#ffffffb2;font-size:17px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:36px}.actions a,.closing a{min-height:52px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.actions a:first-child,.closing a{background:var(--gold);color:#10150f}.actions a:last-child{border:1px solid #ffffff49}.foot{position:absolute;z-index:1;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#ffffff64;font-size:8px;letter-spacing:.18em}.section{padding:115px 7vw}.story{display:grid;grid-template-columns:.7fr 2fr;gap:65px;background:var(--cream);color:#162019}.story h2,.uses h2,.dealTop h2{margin:18px 0 25px;font-size:clamp(50px,5.7vw,85px);line-height:.97}.story>div>p{max-width:650px;margin-left:22%;color:#6b706b;line-height:1.75}.equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-top:55px;border-top:1px solid #b8b0a2;border-bottom:1px solid #b8b0a2}.equation span{padding:26px 0;font:400 24px Georgia,serif}.equation small{display:block;margin-top:8px;color:#86867e;font:9px Arial,sans-serif;letter-spacing:.13em}.equation b{color:#9a6b35}.craft{min-height:730px;position:relative;display:flex;align-items:flex-end;padding:85px 7vw;background:#18241c url('/coffee-craft.png') center/cover no-repeat}.craft:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a160fdf,#0a160f1d 70%),linear-gradient(0deg,#0a160fdf,transparent 62%)}.craft>div{position:relative;z-index:1;max-width:760px}.craft h2{margin:18px 0 22px;font-size:clamp(52px,6vw,90px);line-height:.97}.craft p:last-child{max-width:570px;color:#ffffffad;line-height:1.7}.uses{display:grid;grid-template-columns:.85fr 1.55fr;gap:70px}.list{border-top:1px solid #3b4d42}.list article{min-height:150px;display:grid;grid-template-columns:38px .8fr 1.3fr 20px;gap:20px;padding:27px 0;border-bottom:1px solid #3b4d42}.list span,.options>article>span{color:var(--gold);font-size:9px}.list h3,.options h3{margin:0;font:400 22px Georgia,serif}.list p,.options p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.list b{color:var(--gold)}.deal{background:#e7e0d2;color:#162019}.dealTop{display:grid;grid-template-columns:1.55fr .7fr;gap:60px;align-items:end}.price{padding-left:28px;border-left:1px solid #aaa294}.price small,.price span{display:block;color:#6c716c;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.price strong{display:block;margin:14px 0 10px;font:400 clamp(33px,3.8vw,55px) Georgia,serif}.options{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #aaa294;border-bottom:1px solid #aaa294}.options article{min-height:235px;padding:28px 24px 28px 0}.options article+article{padding-left:24px;border-left:1px solid #aaa294}.options h3{margin:35px 0 14px}.options p{color:#686d68}.closing{display:flex;align-items:center;justify-content:space-between;margin-top:45px}.closing p{color:#686d68}footer{min-height:96px;padding:24px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#92988f;font-size:10px}footer p{text-align:center}footer>a:last-child{text-align:right;color:var(--gold)}
.contact{display:grid;grid-template-columns:.85fr 1.55fr;gap:70px;background:#132219}.contact h2{margin:18px 0 24px;font-size:clamp(48px,5.2vw,78px);line-height:.98}.contactIntro{max-width:500px;color:#a4a79f;line-height:1.7}.contactGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3b4d42;border-left:1px solid #3b4d42}.contactGrid a{min-height:190px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #3b4d42;border-bottom:1px solid #3b4d42;transition:background .2s ease,transform .2s ease}.contactGrid a:hover{background:#1a2c20}.contactGrid small{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.contactGrid strong{font:400 21px Georgia,serif;overflow-wrap:anywhere}.contactGrid span{color:#a4a79f;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.contactGrid a:hover span{color:var(--gold)}@media(max-width:850px){nav>a:not(.navCta){display:none}.section{padding:85px 24px}.hero{padding-left:24px;padding-right:24px;background-position:62% center}.story,.uses,.dealTop,.contact{grid-template-columns:1fr}.story>div>p{margin-left:0}.craft{padding:70px 24px}.list article{grid-template-columns:35px .8fr 1.2fr 18px}.options{grid-template-columns:1fr 1fr}.options article:nth-child(3){border-left:0;border-top:1px solid #aaa294;padding-left:0}.options article:nth-child(4){border-top:1px solid #aaa294}footer{grid-template-columns:1fr 1fr}footer p{display:none}}
@media(max-width:560px){.contactGrid{grid-template-columns:1fr}.contactGrid a{min-height:160px}header{height:70px;padding:0 18px}.navCta{font-size:8px;padding:11px}.hero{min-height:810px;align-items:flex-end;padding-bottom:115px}.shade{background:linear-gradient(0deg,#0a1610f4,#0a16107d 70%,#0a161037)}h1{font-size:61px}.actions{flex-direction:column}.actions a{width:100%}.story h2,.uses h2,.dealTop h2{font-size:44px}.equation{grid-template-columns:1fr}.equation b{display:none}.craft{min-height:620px}.list article{grid-template-columns:28px 1fr 18px}.list p{grid-column:2}.options{grid-template-columns:1fr}.options article+article,.options article:nth-child(3),.options article:nth-child(4){border-left:0;border-top:1px solid #aaa294;padding-left:0}.closing{flex-direction:column;align-items:flex-start;gap:25px}.closing a{width:100%}footer{grid-template-columns:1fr}footer>a:last-child{text-align:left}}