body.cafe{--coffee:#47291e;--coral:#f26b45;--butter:#f7dfa0;--mint:#b7d7c0;background:#f8edda;color:var(--coffee)}.cafe .site-nav{background:#f8edda;border-bottom:1px solid rgba(71,41,30,.2)}
.cafe-hero{min-height:76vh;padding:6vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;overflow:hidden}.cafe-copy h1{font:400 clamp(65px,9vw,138px)/.82 Georgia,serif;letter-spacing:-.07em;margin:16px 0 28px}.cafe-copy h1 em{color:var(--coral)}.cafe-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:520px}.round-link{display:inline-grid;place-items:center;width:135px;height:135px;background:var(--coral);color:white;border-radius:50%;text-decoration:none;text-align:center;font-weight:900;margin-top:24px;transform:rotate(-8deg);transition:.25s}.round-link:hover{transform:rotate(0) scale(1.06)}
.cafe-collage{height:590px;position:relative}.cafe-collage .shape{position:absolute;display:grid;place-items:center;box-shadow:0 24px 50px rgba(71,41,30,.18)}.cup{width:63%;height:68%;right:0;top:4%;border-radius:180px 180px 20px 20px;background:var(--coffee);color:#f8edda;font-size:100px}.cup:after{content:'';position:absolute;right:-50px;width:90px;height:140px;border:20px solid var(--coffee);border-left:0;border-radius:0 80px 80px 0}.pastry{left:3%;bottom:2%;width:48%;height:43%;background:var(--butter);border-radius:50%;font-size:80px;transform:rotate(-12deg)}.note{left:4%;top:3%;background:var(--mint);padding:24px;width:175px;height:145px;transform:rotate(-7deg);font:700 21px/1.25 Georgia,serif;z-index:2}
.daily-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--coffee);border-bottom:1px solid var(--coffee)}.daily-strip div{padding:22px 3vw;border-right:1px solid var(--coffee)}.daily-strip small{display:block;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.daily-strip strong{font-family:Georgia,serif;font-size:19px}
.cafe-menu{padding:100px 6vw;background:var(--coffee);color:#fff8e9}.cafe-menu header{display:flex;justify-content:space-between;align-items:end;gap:30px}.cafe-menu h2{font:400 clamp(52px,7vw,100px)/.9 Georgia,serif;margin:12px 0}.menu-tabs{display:flex;gap:8px;flex-wrap:wrap}.menu-tab{border:1px solid #fff8e9;color:inherit;background:transparent;border-radius:999px;padding:11px 17px;cursor:pointer}.menu-tab.active{background:var(--coral);border-color:var(--coral)}.menu-panel{display:none;margin-top:55px;grid-template-columns:1fr 1fr;gap:0 6vw}.menu-panel.active{display:grid}.menu-item{padding:22px 0;border-top:1px solid rgba(255,255,255,.25);display:grid;grid-template-columns:1fr auto;gap:6px 20px}.menu-item h3{margin:0;font:400 25px Georgia,serif}.menu-item p{margin:4px 0;color:#cdbfb5;font-size:14px}.menu-item b{grid-row:1/3;grid-column:2;align-self:center;color:var(--butter)}
.cafe-story{padding:100px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.bean-art{aspect-ratio:1;background:var(--coral);border-radius:50%;position:relative;display:grid;place-items:center}.bean-art:before{content:'';width:38%;height:70%;border:3px solid var(--coffee);border-radius:50%;transform:rotate(30deg)}.bean-art:after{content:'';position:absolute;width:3px;height:68%;background:var(--coffee);transform:rotate(30deg)}.cafe-story h2{font:400 clamp(45px,6vw,82px)/.96 Georgia,serif;margin:12px 0}.cafe-story p{font-size:18px;line-height:1.7}.values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.values div{background:var(--butter);padding:20px}.values b{display:block;font-size:25px;margin-bottom:6px}.values span{font-size:13px}
.cafe-club{background:var(--mint);padding:80px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.cafe-club h2{font:400 clamp(44px,6vw,78px)/.96 Georgia,serif;margin:12px 0}.cafe-club form{display:flex;border-bottom:2px solid var(--coffee)}.cafe-club input{flex:1;border:0;background:transparent;padding:18px 0;outline:0}.cafe-club button{border:0;background:transparent;font-weight:900;cursor:pointer}
@media(max-width:800px){.cafe-hero,.cafe-story,.cafe-club{grid-template-columns:1fr}.cafe-collage{height:450px}.daily-strip{grid-template-columns:1fr 1fr}.daily-strip div:nth-child(2){border-right:0}.cafe-menu header{display:block}.menu-tabs{margin-top:25px}.menu-panel.active{grid-template-columns:1fr}.values{grid-template-columns:1fr}}