:root{--orange:#d86543;--coral:#e98a62;--yellow:#f5b74d;--cream:#fff9f0;--paper:#f4e8d8;--ink:#252525;--muted:#6e6258}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial, sans-serif}a{color:inherit;text-decoration:none}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 8.33%;background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;font-size:13px;line-height:.9;font-weight:800;letter-spacing:.08em}.brand i{font-family:Georgia,serif;font-weight:400;font-size:15px;letter-spacing:.02em}.brand-mark{width:32px;height:32px;border:2px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:var(--orange);font-size:20px}.site-header nav{display:flex;gap:36px;font-size:13px}.site-header nav a:hover,footer a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;gap:20px;padding:18px 23px;background:var(--cream);color:var(--orange);font-weight:700;font-size:13px;border-radius:2px}.button span{font-size:18px}.button-small{padding:13px 17px;font-size:12px;gap:12px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:620px;background:var(--orange);color:var(--cream);padding:100px 8.33% 80px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.eyebrow,.section-number{font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.eyebrow span{color:var(--yellow);margin:0 8px}.hero h1,h2{font:400 clamp(60px,7vw,106px)/.9 Georgia,serif;letter-spacing:-.06em;margin:35px 0 28px}.hero h1 em,h2 em{color:var(--yellow);font-style:italic}.hero-text{max-width:380px;font-size:17px;line-height:1.45;margin-bottom:32px}.hero-note{font-size:11px;letter-spacing:.06em;margin-top:35px}.hero-art{position:relative;min-height:420px}.sun{position:absolute;width:340px;height:340px;border-radius:50%;background:var(--coral);right:10%;top:0}.waffle{position:absolute;right:16%;top:38px;width:255px;height:255px;background:var(--yellow);color:#cf8743;border-radius:45% 55% 48% 52%;display:grid;place-items:center;font-size:150px;transform:rotate(14deg);text-shadow:10px 10px 0 #eb9b42}.cup{position:absolute;right:4%;bottom:14px;width:175px;height:150px;background:var(--cream);border-radius:10px 10px 65px 65px;display:grid;place-items:center;color:var(--orange);font-size:54px;transform:rotate(-8deg)}.cup:after{content:"";position:absolute;right:-38px;top:30px;width:52px;height:75px;border:14px solid var(--cream);border-left:0;border-radius:0 45px 45px 0}.sparkle{position:absolute;right:3%;top:20px;color:var(--yellow);font-size:34px}.art-label{position:absolute;left:15%;bottom:35px;color:var(--yellow);font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.18em;transform:rotate(-12deg)}.intro{padding:110px 8.33% 65px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end}.section-number{color:var(--orange);margin:0}.section-number span{margin:0 8px;color:var(--muted)}h2{font-size:76px;margin:0}.intro-text{font:19px/1.35 Georgia,serif;max-width:240px;margin:0 0 6px}.selection{padding:0 8.33% 110px;min-height:220px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.visit{background:var(--ink);color:var(--cream);padding:92px 8.33%;display:grid;grid-template-columns:1fr 1fr;gap:50px}.visit h2{margin-top:35px}.visit-card{background:var(--yellow);color:var(--ink);padding:35px;max-width:460px;justify-self:end;width:100%;transform:rotate(2deg)}.status{font-size:12px;font-weight:bold}.status b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4f9b52;margin-right:8px}.address{font:28px/1.15 Georgia,serif;margin:70px 0 40px}.address small{font:13px/1.4 Arial,sans-serif}.visit-card>a{font-weight:bold;font-size:13px}.story{padding:100px 8.33%;display:flex;justify-content:space-between;align-items:start}.story>p:last-child{font:28px/1.2 Georgia,serif;max-width:540px;margin:0}footer{padding:28px 8.33%;display:flex;justify-content:space-between;border-top:1px solid #d8cbbd;font-size:11px;align-items:center}footer .brand{font-size:11px}footer .brand-mark{width:24px;height:24px;font-size:15px}@media(max-width:800px){.site-header{padding:0 9.3%;height:76px}.site-header nav,.site-header .button{display:none}.menu-toggle{display:block}.site-header nav.is-open{display:flex;position:absolute;top:76px;left:0;right:0;padding:18px 9.3%;background:var(--cream);z-index:5;gap:24px}.hero{grid-template-columns:1fr;padding:70px 9.3% 45px;min-height:740px}.hero h1{font-size:67px}.hero-art{min-height:300px}.sun{width:270px;height:270px;right:4%;top:0}.waffle{width:200px;height:200px;right:13%;font-size:115px}.cup{width:130px;height:110px;right:0;bottom:0}.cup:after{right:-28px;width:40px;height:55px;border-width:10px}.intro{padding:75px 9.3% 45px;display:block}.intro h2{font-size:65px;margin:28px 0}.intro-text{margin-left:35%;font-size:17px}.selection{padding:0 9.3% 75px;grid-template-columns:repeat(2,1fr)}.visit{padding:70px 9.3%;grid-template-columns:1fr;gap:35px}.visit-card{justify-self:start}.story{padding:70px 9.3%;display:block}.story>p:last-child{margin:35px 0 0 28%;font-size:23px}footer{padding:25px 9.3%;gap:15px;flex-wrap:wrap}}@media(max-width:480px){.hero{padding-top:55px;min-height:700px}.hero h1{font-size:57px}.hero-text{font-size:16px}.hero-art{min-height:260px}.sun{width:230px;height:230px}.waffle{width:175px;height:175px;font-size:100px}.intro h2{font-size:58px}.selection{grid-template-columns:1fr}.visit h2{font-size:58px}.address{font-size:24px;margin-top:55px}.story>p:last-child{margin-left:0}footer{font-size:10px}}

.menu-card{padding:28px 26px;min-height:220px;border-radius:2px;display:flex;flex-direction:column;justify-content:space-between}.menu-card h3{font:400 29px/1 Georgia,serif;margin:16px 0 10px}.menu-card p{font-size:13px;line-height:1.4;max-width:210px;margin:0}.menu-card .card-icon{font-size:48px;line-height:1}.menu-card--sweet{background:var(--yellow)}.menu-card--savory{background:var(--orange);color:var(--cream)}.menu-card--refresh{background:var(--cream);color:var(--orange)}.card-link{font-size:11px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;margin-top:24px}.menu-card:focus-within{outline:3px solid var(--ink);outline-offset:3px}@media(max-width:800px){.menu-card{min-height:190px}}@media(max-width:480px){.menu-card{min-height:175px;padding:24px}.menu-card h3{font-size:26px}}