@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&display=swap');
:root{--black:#030303;--gold:#c88322;--gold2:#e0a345;--cream:#f4eee5;--line:rgba(200,131,34,.65)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}
.site-header{height:112px;background:#030303;border-bottom:1px solid rgba(200,131,34,.25);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}
.logo{display:flex;align-items:center;gap:14px}.logo img{width:88px;height:88px;object-fit:cover;object-position:75% 48%;border-radius:50%;filter:saturate(1.15) contrast(1.1)}.logo strong{font-family:Oswald,Impact,sans-serif;display:block;font-size:34px;line-height:.95;letter-spacing:1px}.logo span{font-family:Oswald,Impact,sans-serif;color:var(--gold);display:block;font-size:25px;letter-spacing:7px}
nav{display:flex;gap:30px;align-items:center;font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:1px}nav a{padding:39px 0;border-bottom:3px solid transparent}nav a:hover,nav a:first-child{color:var(--gold2);border-bottom-color:var(--gold2)}
.outline-btn,.gold-btn,.dark-btn{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:1px;display:inline-block;padding:15px 24px;border:1px solid var(--gold);color:var(--gold2)}.gold-btn{color:#050505;background:linear-gradient(90deg,#b9791e,#e0a345);border-color:#e0a345}.dark-btn{background:rgba(0,0,0,.38);color:var(--cream);border-color:#a46d20}
.hero{min-height:565px;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.42),rgba(0,0,0,.15)),url('images/shopdisplay.png') center/cover no-repeat;display:flex;align-items:center;padding:70px 7vw;border-bottom:1px solid var(--line)}.hero-copy{max-width:590px}h1,h2,h3,h4{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;margin:0}.hero h1{font-size:78px;line-height:1.04;letter-spacing:3px;text-shadow:0 5px 25px rgba(0,0,0,.75)}.hero h2{color:var(--gold2);font-size:38px;letter-spacing:5px;margin-top:12px;padding-bottom:14px;border-bottom:2px solid var(--gold)}.hero p{font-size:22px;line-height:1.45;margin:22px 0 28px}.hero-buttons{display:flex;gap:26px;flex-wrap:wrap}
.values{display:grid;grid-template-columns:repeat(4,1fr);background:#0b0b0b;border-bottom:1px solid var(--line)}.value-card{text-align:center;padding:30px 24px;border-right:1px solid var(--line)}.value-card:last-child{border-right:none}.icon{color:var(--gold2);font-size:46px;line-height:1;margin-bottom:13px}.value-card h3{font-size:22px;margin-bottom:9px}.value-card p{margin:0;line-height:1.45}
.story{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#030303}.story-image{min-height:410px;overflow:hidden;border-right:1px solid var(--line)}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy{padding:60px 7vw 60px 55px;background:radial-gradient(circle at top right,rgba(200,131,34,.18),transparent 45%),#040404}.story-copy span,.action-card span,.section-title span{color:var(--gold2);font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:3px;font-weight:700}.story-copy h2,.section-title h2{font-size:58px;line-height:1.08;margin:10px 0 19px}.story-copy p{font-size:19px;line-height:1.6;max-width:600px}
.action-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.action-card{min-height:315px;padding:34px 36px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line);background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.32)),url('images/shopdisplay.png') center/cover no-repeat}.action-card:last-child{border-right:none}.action-card.gift{background-position:center}.action-card.shop{background:linear-gradient(0deg,rgba(0,0,0,.93),rgba(0,0,0,.4)),url('images/dailybrew.png') center/cover no-repeat}.action-card h3{font-size:36px;line-height:1.05;margin:7px 0 10px}.action-card p{font-size:17px;margin:0 0 20px;max-width:300px}
.menu-section{padding:70px 7vw;background:linear-gradient(rgba(0,0,0,.88),rgba(0,0,0,.9)),#251509;border-bottom:1px solid var(--line)}.section-title{text-align:center;margin-bottom:35px}.menu-grid{max-width:960px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px 34px}.menu-item{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(200,131,34,.5);padding:16px 0;font-size:20px}.menu-item strong{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:1px}.menu-item span{color:var(--gold2);font-family:Oswald,Impact,sans-serif}
footer{background:#070707;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1.25fr;gap:28px;padding:36px 7vw}footer h4{color:var(--gold2);font-size:20px;letter-spacing:1px;margin-bottom:8px}footer p{margin:0;line-height:1.55}form{display:flex;margin-top:15px;border:1px solid var(--gold);max-width:330px}input{flex:1;background:#0d0d0d;border:0;color:#fff;padding:14px;min-width:0}button{border:0;background:var(--gold2);padding:0 22px;font-family:Oswald,Impact,sans-serif;text-transform:uppercase}.bottom{border-top:1px solid rgba(200,131,34,.35);padding:18px 7vw;display:flex;justify-content:space-between;color:#958773}.socials{color:var(--gold2);font-size:30px}
@media(max-width:1000px){nav{display:none}.site-header{height:auto;padding:16px 20px;gap:15px}.logo img{width:70px;height:70px}.logo strong{font-size:27px}.logo span{font-size:18px}.hero h1{font-size:52px}.hero h2{font-size:27px}.values,.action-grid,.footer-grid{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}}
@media(max-width:650px){.site-header{flex-direction:column;align-items:flex-start}.outline-btn{padding:12px 17px}.hero{padding:52px 24px;min-height:520px}.hero h1{font-size:43px}.hero p{font-size:18px}.values,.action-grid,.footer-grid,.menu-grid{grid-template-columns:1fr}.value-card,.action-card{border-right:none;border-bottom:1px solid var(--line)}.story-copy{padding:45px 24px}.story-copy h2,.section-title h2{font-size:42px}.bottom{display:block;text-align:center}}