@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--bg:#f0e6d5;--paper:#e7dac4;--ink:#2a211b;--muted:#766457;--brown:#4b3024;--dark:#241b16;--line:#b9a58c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(42,33,27,.18);position:relative;z-index:2}
.logo{font-size:15px;font-weight:700;letter-spacing:.15em}.logo span{font-family:serif;font-size:19px;font-weight:400;margin:0 3px}
nav{display:flex;gap:30px;font-size:13px}nav a{opacity:.65}nav a:hover,nav a.active{opacity:1}
.hero{min-height:690px;padding:90px 9vw;display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:center;background:radial-gradient(circle at 82% 45%,rgba(112,71,43,.16),transparent 27%),linear-gradient(120deg,#eadfce,#f2e8d7)}
.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.16em;color:var(--muted)}
h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:.98;margin:18px 0}h1{font-size:clamp(60px,9vw,122px);max-width:850px;letter-spacing:-.045em}h2{font-size:clamp(38px,5vw,68px)}
.lead{max-width:580px;font-size:18px;line-height:1.75;color:#65554a}.actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-block;background:var(--brown);color:#f6ead9;padding:15px 23px;font-size:13px;font-weight:700}.button:hover{transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:4px}
.hero-card{aspect-ratio:4/5;background:#3c2920;color:#eadbc5;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:18px 18px 0 rgba(75,48,36,.13);background-image:linear-gradient(145deg,rgba(255,255,255,.05),transparent 50%),repeating-linear-gradient(85deg,transparent 0 16px,rgba(255,255,255,.025) 17px 18px)}.cup{font-size:110px;opacity:.8;margin-bottom:auto}.hero-card p{font:11px 'DM Mono';text-transform:uppercase;letter-spacing:.15em;opacity:.6}.hero-card strong{font-family:'Playfair Display';font-size:32px;font-weight:500}.hero-card span{font-size:13px;margin-top:7px;opacity:.7}
.intro{padding:120px 14vw 90px;max-width:1200px}.intro h2{max-width:900px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:45px;color:var(--muted);line-height:1.8}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:0 7vw}.feature-grid article{padding:42px 35px 65px;border-right:1px solid var(--line)}.feature-grid article:last-child{border:0}.feature-grid span{font:11px 'DM Mono';color:var(--muted)}h3{font-family:'Playfair Display';font-size:35px;font-weight:500;margin:24px 0 12px}.feature-grid p{line-height:1.7;color:var(--muted)}
.contact{margin:70px 0 0;padding:75px 9vw;display:flex;justify-content:space-between;align-items:center;background:#cdb79b}.contact h2{margin:8px 0 10px;font-size:50px}.contact p:not(.eyebrow){color:#675548}.button-dark{background:var(--dark)}
footer{padding:30px 7vw;background:var(--dark);color:#bba895;font-size:11px;letter-spacing:.05em}
.menu-page{max-width:1100px;margin:auto}.menu-hero{padding:110px 5vw 75px;border-bottom:1px solid var(--line)}.menu-hero h1{font-size:clamp(55px,8vw,95px);max-width:800px}.menu-hero>p:last-child{max-width:570px;color:var(--muted);line-height:1.7}
.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px 5vw 120px}.menu-section h2{font-size:42px;border-bottom:1px solid var(--line);padding-bottom:18px}.item{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid rgba(185,165,140,.65)}.item strong{font-size:15px}.item small{display:block;color:var(--muted);margin-top:7px;font-size:12px}.item b{font:500 13px 'DM Mono';white-space:nowrap}
@media(max-width:760px){.site-header{height:auto;padding:22px 6vw;align-items:flex-start}.site-header nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}.hero{padding:70px 7vw;grid-template-columns:1fr;min-height:auto}.hero-card{max-width:330px;margin-top:20px}.intro{padding:80px 8vw}.columns,.menu-list{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr;margin:0 8vw}.feature-grid article{border-right:0;border-bottom:1px solid var(--line);padding:35px 0}.contact{display:block;padding:55px 8vw}.contact h2{font-size:40px}.contact .button{margin-top:20px}.menu-hero{padding:75px 7vw 55px}.menu-list{padding:45px 7vw 80px;gap:35px}h1{font-size:62px}}
