:root{--paper:#f8f4e9;--ink:#233b32;--line:#c9cbbd;--accent:#c8e276}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit}header,main,footer{width:min(1180px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font-size:13px}header a{text-decoration:none}.brand{font-weight:850;letter-spacing:.05em}.brand span{font-weight:450;display:block;letter-spacing:0}nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0;font-size:13px;color:#546057}nav a{text-underline-offset:4px}.intro{padding:42px 0 62px}.eyebrow,.category,.section-label{font-size:11px;letter-spacing:.13em;font-weight:750}.eyebrow{margin:0 0 28px}h1{font-family:Georgia,serif;font-size:clamp(58px,8vw,108px);line-height:.99;font-weight:400;letter-spacing:-.06em;margin:0 0 28px}.intro-bottom{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:20px}.intro-bottom p{font-size:18px;margin:0}.browse{display:inline-block;border-radius:999px;background:var(--ink);color:var(--paper);padding:16px 24px;text-decoration:none;font-weight:650}.section-label{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0}.restaurants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.restaurant{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fffdf8;min-width:0}.visual{display:block;position:relative;overflow:hidden;aspect-ratio:3/2}.visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s}.restaurant:hover img{transform:scale(1.03)}.number{position:absolute;left:20px;top:20px;border:1px solid #ffffff66;color:white;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:12px}.card-body{padding:26px}.category{color:#5f6859;letter-spacing:.06em;margin:0 0 10px}h2{font-size:27px;line-height:1.15;letter-spacing:-.025em;margin:0 0 14px}h2 a{text-decoration:none}.address{font-size:14px;color:#5e665c;margin:0}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:24px}.actions a{font-size:13px;font-weight:650;text-underline-offset:4px;padding:10px 0}.actions .primary{background:var(--accent);border-radius:999px;padding:12px 18px;text-decoration:none}.how{margin:64px 0 24px;padding:36px;border:1px solid var(--line);border-radius:22px;background:#e8ecdc}.how p:last-child{max-width:730px;margin-bottom:0}.how .eyebrow{margin-bottom:16px}footer{padding:30px 0 40px;color:#596454;font-size:13px}button:focus-visible,a:focus-visible{outline:3px solid #156590;outline-offset:5px}.skip{position:absolute;left:15px;top:-80px;z-index:5;background:white;padding:12px}.skip:focus{top:10px}h1,h2,p,a{overflow-wrap:anywhere}@media(max-width:650px){header,main,footer{width:calc(100% - 28px)}header{padding:18px 0}.intro{padding:28px 0 38px}.intro-bottom p{font-size:16px}.restaurants{grid-template-columns:1fr;gap:20px}.card-body{padding:22px}.how{padding:25px;margin-top:36px}.section-label{font-size:10px}h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}