:root{--cream:#f6efe6;--paper:#fffaf3;--bean:#2e1d14;--bean-soft:#6b5144;--crema:#c8742d;--line:#e6d8c7;color-scheme:light}*{box-sizing:border-box}body{background:var(--cream);color:var(--bean);margin:0;font:17px/1.6 Onest Variable,system-ui,sans-serif}img,svg{max-width:100%;display:block}.doodle{overflow:visible}a{color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Playfair Display Variable,Georgia,serif;line-height:1.1}p{margin:0}:focus-visible{outline:3px solid var(--crema);outline-offset:3px;border-radius:6px}.wrap{max-width:1120px;margin-inline:auto;padding-inline:20px}.demo-bar{background:var(--bean);color:var(--cream);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:8px 20px;font-size:13px;display:flex}.demo-bar a{color:var(--cream);font-weight:600}.top{z-index:10;background:color-mix(in srgb, var(--cream) 92%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.top__in{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{align-items:center;gap:10px;font-family:Playfair Display Variable,serif;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.top nav{gap:20px;font-weight:550;display:flex}.top nav a{color:var(--bean-soft);text-decoration:none}.top nav a:hover{color:var(--bean)}@media (width<=640px){.top nav{display:none}}.hero{padding-block:clamp(40px,8vw,110px)}.hero__in{align-items:center;gap:40px;display:grid}@media (width>=880px){.hero__in{grid-template-columns:1.1fr .9fr}}.hero__copy{justify-items:start;gap:20px;display:grid}.kicker{color:#8f4c14;text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:600}.hero h1{font-size:clamp(40px,6vw,76px)}.hero h1 em{color:var(--crema)}.lead{color:var(--bean-soft);max-width:52ch;font-size:19px}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:12px 24px;font-weight:650;text-decoration:none;list-style:none;display:inline-flex}.btn::-webkit-details-marker{display:none}.btn--dark{background:var(--bean);color:var(--cream)}.btn--dark:hover{background:#4a3023}.btn--line{border:2px solid var(--bean)}@media (width<=520px){.actions .btn{width:100%}}.hero__art{aspect-ratio:1;justify-self:center;width:min(100%,420px);position:relative}.cup{background:radial-gradient(circle at 35% 30%, #fff 0 20%, var(--paper) 21% 100%);border-radius:50%;place-items:center;display:grid;position:absolute;inset:10%;box-shadow:0 30px 60px -30px #2e1d1466,inset 0 0 0 10px #f0e2cf}.cup img{width:55%;height:auto}.float{background:var(--paper);border-radius:26px;place-items:center;width:92px;height:92px;display:grid;position:absolute;box-shadow:0 12px 30px -12px #2e1d1459}.f1{top:2%;right:4%;transform:rotate(8deg)}.f2{bottom:8%;left:0;transform:rotate(-8deg)}.f3{bottom:0;right:12%;transform:rotate(4deg)}@media (prefers-reduced-motion:no-preference){.float{animation:6s ease-in-out infinite bob}.f2{animation-delay:-2s}.f3{animation-delay:-4s}}@keyframes bob{50%{translate:0 -8px}}.menu{background:var(--paper);border-block:1px solid var(--line);padding-block:clamp(48px,8vw,96px)}.menu h2,.place h2{margin-bottom:32px;font-size:clamp(34px,5vw,52px)}.menu__grid{gap:40px;display:grid}@media (width>=880px){.menu__grid{grid-template-columns:1fr 1fr;gap:64px}}.menu h3{color:var(--crema);margin-bottom:12px;font-size:24px}.menu ul{margin:0;padding:0;list-style:none}.menu li{border-bottom:1px dashed var(--line);grid-template-columns:36px auto 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.menu__name{display:grid}.menu__name small{color:var(--bean-soft);font-size:14px}.menu__dots{border-bottom:2px dotted var(--line);align-self:end;height:1px;margin-bottom:10px}.menu__price{font-variant-numeric:tabular-nums;font-weight:700}.place{padding-block:clamp(48px,8vw,96px)}.perks{gap:16px;display:grid}@media (width>=760px){.perks{grid-template-columns:repeat(3,1fr)}}.perks article{background:var(--paper);border:1px solid var(--line);border-radius:24px;gap:10px;padding:28px;display:grid}.perks h3{font-size:22px}.perks p{color:var(--bean-soft)}.visit{background:var(--bean);color:var(--cream);padding-block:clamp(48px,8vw,96px)}.visit__in{align-items:center;gap:32px;display:grid}@media (width>=880px){.visit__in{grid-template-columns:1.2fr .8fr}}.visit h2{margin-bottom:16px;font-size:clamp(34px,5vw,52px)}.visit .lead{color:#e6d3c0}.hours{gap:32px;margin:24px 0 0;display:flex}.hours dt{color:#d2b89f;font-size:14px}.hours dd{font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:700}.book{background:#3d281d;border-radius:24px;padding:24px;display:grid}.book .btn--dark{background:var(--cream);color:var(--bean);width:100%}.book p{color:#e6d3c0;margin-top:16px;font-size:15px}.foot{color:var(--bean-soft);padding-block:28px;font-size:14px}