:root{
  --paper:#efe5c8;
  --paper2:#f7efda;
  --ink:#171611;
  --green:#263f2f;
  --green2:#395746;
  --rust:#9a4b35;
  --gold:#a18446;
  --line:#b59d67;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper2);color:var(--ink);font-family:Georgia,'Times New Roman',serif}
a{color:inherit;text-decoration:none}
.site-header{height:82px;background:rgba(247,239,218,.98);display:grid;grid-template-columns:260px 1fr 220px;align-items:center;border-bottom:1px solid rgba(128,98,43,.25);position:relative;z-index:5}
.logo-wrap{height:128px;width:190px;display:flex;align-items:center;justify-content:center;justify-self:center;transform:translateY(20px);background:var(--paper2);clip-path:polygon(13% 0,87% 0,100% 50%,86% 100%,14% 100%,0 50%);padding:10px}
.logo-wrap img{width:135px;height:105px;object-fit:contain;mix-blend-mode:multiply}
.main-nav{display:flex;justify-content:center;gap:42px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.main-nav a{padding:31px 0 12px;border-bottom:2px solid transparent}.main-nav a.active{border-bottom-color:var(--rust)}
.order-button{justify-self:end;margin-right:42px;background:var(--green);color:#f7efda;min-width:165px;text-align:center;padding:12px 20px 10px;text-transform:uppercase;font-size:13px;letter-spacing:.06em;border-radius:2px;box-shadow:0 3px 8px rgba(0,0,0,.12)}
.order-button small{display:block;font-size:11px;font-style:italic;text-transform:none;margin-top:2px}
.hero{display:grid;grid-template-columns:64% 36%;height:470px;border-bottom:1px solid rgba(128,98,43,.28)}
.hero-image{overflow:hidden;background:#ddd}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 51%;display:block}
.parchment,.paper-panel{background-color:var(--paper2);background-image:radial-gradient(rgba(80,58,27,.07) .6px,transparent .8px);background-size:8px 8px}
.hero-copy{padding:30px 58px 30px 42px;display:flex;flex-direction:column;justify-content:center;position:relative}
.hero-copy h1{font-size:48px;line-height:.98;margin:0 0 18px;letter-spacing:-.03em;max-width:500px}
.eyebrow{font-size:16px;line-height:1.2;text-transform:uppercase;letter-spacing:.09em;font-weight:700;margin:0 0 12px}.lead{font-size:16px;line-height:1.28;max-width:430px;margin:12px 0 18px}
.ornament{display:flex;align-items:center;gap:12px;width:230px;color:var(--gold)}.ornament span{height:1px;background:var(--gold);flex:1}.ornament b{font-size:16px}
.hero-actions{display:flex;gap:14px}.btn{display:inline-block;padding:14px 24px;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.solid{background:var(--green);color:#fff}.outline{border:1px solid #766d58;background:rgba(255,255,255,.14)}
.floral-corner{position:absolute;right:28px;top:30px;color:var(--green2);font-size:34px}
.story-section{display:grid;grid-template-columns:43% 57%;padding:28px 38px 20px;align-items:center;min-height:280px;border-bottom:1px solid rgba(128,98,43,.25)}
.story-copy{padding:8px 40px 18px 120px;position:relative}.teacup-mark{position:absolute;left:25px;top:18px;font-size:70px;filter:sepia(.4)}
.story-copy h2{font-size:42px;margin:0 0 6px}.story-copy .caps{font-size:15px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.story-copy p{font-size:17px;line-height:1.35;max-width:520px}.story-copy .btn{margin-top:4px}
.story-photo{margin:0;position:relative;padding:10px 18px 10px 0}.story-photo img{width:100%;height:245px;object-fit:cover;display:block;clip-path:polygon(1% 3%,99% 0,100% 96%,2% 100%)}
.featured{padding:12px 22px 28px;position:relative;border-bottom:1px solid rgba(128,98,43,.25)}
.section-title,.gallery-title{display:flex;align-items:center;justify-content:center;gap:10px}.section-title h2,.gallery-title h2{font-size:30px;text-transform:uppercase;letter-spacing:.03em;margin:12px 0}.section-title span,.gallery-title span{height:1px;background:var(--gold);width:95px}.section-title b,.gallery-title b{color:var(--gold)}
.side-note{position:absolute;right:32px;top:8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;text-align:center;line-height:1.25}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:6px}.feature-card{background:#efe3c5;text-align:center;position:relative;padding-bottom:15px;border:1px solid rgba(113,88,43,.08);box-shadow:0 4px 12px rgba(91,67,32,.06)}.feature-card img{width:100%;height:200px;object-fit:cover;display:block;clip-path:polygon(0 2%,100% 0,98% 100%,2% 98%)}.feature-card h3{font-size:17px;text-transform:uppercase;margin:12px 8px 6px}.feature-card p{font-size:14px;line-height:1.2;margin:0 auto 12px;padding:0 10px;min-height:50px}.feature-card a{font-size:12px;text-transform:uppercase;color:#984c36;font-weight:700}.latte-card{padding-top:6px}.coffee-illustration{height:194px;display:flex;align-items:center;justify-content:center;font-size:110px;background:radial-gradient(circle at center,#f7ecd1 0 50%,transparent 51%)}
.menu-strip{display:grid;grid-template-columns:250px 1fr 170px;align-items:center;gap:14px;padding:18px 28px;border-bottom:1px solid rgba(128,98,43,.25)}
.menu-intro{display:grid;grid-template-columns:60px 1fr;align-items:center}.moon{font-size:74px;color:#c89239;text-shadow:3px 2px 0 rgba(255,255,255,.4)}.menu-intro h2{font-size:24px;line-height:1.02;margin:0}
.menu-items{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.menu-col{display:flex;flex-direction:column;gap:12px}.menu-item h3{font-size:15px;text-transform:uppercase;margin:0 0 2px}.menu-item p{font-size:12px;line-height:1.15;margin:0}.menu-item .price{color:#a84a38;margin-top:2px}.full-menu-card{background:#efe2bd;min-height:125px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:19px;line-height:1.12;border:1px solid rgba(137,108,48,.14);clip-path:polygon(4% 0,96% 3%,100% 92%,7% 100%)}
.gallery-section{padding:10px 0 0}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:0 5px}.gallery-grid figure{margin:0;height:175px;position:relative;overflow:hidden}.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.gallery-center img{object-position:center 42%}.gallery-title{position:relative}.gallery-title a{position:absolute;right:36px;font-size:11px;text-transform:uppercase}
.site-footer{background:#21392b;color:#f3ead0;display:grid;grid-template-columns:1.3fr 1fr 1.15fr .9fr;align-items:center;min-height:115px;padding:14px 44px;gap:24px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:95px;height:78px;object-fit:contain;background:#f6eed8;mix-blend-mode:screen;filter:contrast(1.2)}.footer-brand strong{font-size:26px;line-height:.95;text-transform:uppercase}.footer-brand span{display:block;font-size:13px;margin-top:6px}.footer-info{display:flex;gap:10px;font-size:13px;line-height:1.15}.footer-info strong{font-size:14px}.icon{font-size:18px}.footer-actions{text-align:center}.footer-actions>a{display:block;border:1px solid #d5c9a9;padding:12px 18px;text-transform:uppercase;font-size:12px}
@media (max-width:980px){
  .site-header{grid-template-columns:140px 1fr 150px}.logo-wrap{width:128px;height:100px;transform:translateY(10px)}.logo-wrap img{width:95px;height:78px}.main-nav{gap:18px;font-size:11px}.order-button{margin-right:12px;min-width:140px;padding:10px 8px}
  .hero{grid-template-columns:58% 42%;height:430px}.hero-copy{padding:28px}.hero-copy h1{font-size:42px}.story-copy{padding-left:70px}.cards{grid-template-columns:repeat(2,1fr)}.feature-card:last-child{grid-column:span 2}.menu-strip{grid-template-columns:1fr}.full-menu-card{min-height:90px}.site-footer{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .site-header{height:auto;grid-template-columns:1fr auto;padding:8px 12px}.logo-wrap{justify-self:start;transform:none;width:108px;height:82px}.main-nav{display:none}.order-button{margin:0}.hero{grid-template-columns:1fr;min-height:0}.hero-image{height:330px}.hero-copy{padding:38px 24px}.hero-copy h1{font-size:48px}.story-section{grid-template-columns:1fr;padding:20px}.story-copy{padding:10px 10px 20px 68px}.teacup-mark{left:0}.story-photo{padding:0}.story-photo figcaption{display:none}.cards{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.feature-card img,.coffee-illustration{height:240px}.side-note{display:none}.menu-items{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid figure{height:190px}.gallery-grid figure:last-child{grid-column:span 2}.gallery-title span,.gallery-title b{display:none}.gallery-title a{position:static;margin-left:10px}.site-footer{grid-template-columns:1fr;padding:24px}.footer-brand img{mix-blend-mode:normal;filter:none}.section-title h2,.gallery-title h2{font-size:22px}
}