*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.7 Arial,sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 7%;border-bottom:1px solid var(--line)}nav{display:flex;gap:24px;font-size:12px}.logo{font-size:38px;font-weight:700;letter-spacing:-2px}.logo span{margin-left:10px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1,h2,h3{line-height:1.1;margin:0;font-weight:500}h1{font-size:clamp(40px,6vw,82px);letter-spacing:-3px;margin:25px 0}h2{font-size:36px;letter-spacing:-1px}h3{font-size:22px}.intro{max-width:370px;color:var(--muted);font-size:15px}.button{display:inline-block;background:var(--accent);color:var(--button-text);padding:15px 23px;margin:20px 0;border-radius:4px;font-size:12px}.small{font-size:11px;color:var(--muted)}.hero{padding:65px 7%;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.art{position:relative;overflow:hidden;min-height:380px}.art-label{position:absolute;font-size:10px;letter-spacing:1px;bottom:25px;left:25px}.contact{padding:45px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--tint)}.contact h2{max-width:440px}.contact p{font-size:12px}footer{border:0;font-size:10px}footer strong{font-size:24px}footer p{max-width:420px;color:var(--muted)}@media(max-width:640px){header{padding:20px 6%}nav{gap:12px;font-size:10px}.hero{grid-template-columns:1fr;padding:35px 6%;gap:25px}h1{font-size:48px;letter-spacing:-2px}.art{min-height:330px}.contact{display:block}footer{flex-wrap:wrap}.contact h2{font-size:32px}}
 :root{--paper:#fbf4e8;--ink:#633d2b;--muted:#846650;--accent:#984b32;--button-text:#fff5e7;--tint:#f0e1c8;--line:#e2d4be}.logo{font:italic 48px Georgia,serif}.logo span{display:block;font:9px Arial,sans-serif;letter-spacing:1px;margin:0}h1,h2,h3{font-family:Georgia,serif}h1{font-size:clamp(46px,6.8vw,86px)}.art{background:#c87851;border-radius:160px 160px 8px 8px;min-height:420px}.stamp{position:absolute;top:35px;right:25px;border:1px solid #f6dcc2;border-radius:50%;width:96px;height:96px;display:grid;place-content:center;text-align:center;font-size:9px;letter-spacing:1px;color:#ffecd0;transform:rotate(12deg)}.saucer{position:absolute;left:10%;top:50%;width:80%;height:33%;border-radius:50%;background:#bcb39a;box-shadow:6px 16px 0 #793f382b}.cup{position:absolute;left:25%;top:35%;width:48%;height:34%;background:#f2e5c9;border-radius:15px 15px 80px 80px;box-shadow:inset -18px 0 #d2c9af}.cup:before{content:'';position:absolute;left:0;top:-12px;width:100%;height:42px;background:#714735;border:8px solid #f6edd8;border-radius:50%}.cup:after{content:'';position:absolute;right:-38px;top:25px;width:38px;height:65px;border:12px solid #e9dfc5;border-left:0;border-radius:0 40px 40px 0}.art-label{color:#fff0d8}.ribbon{text-align:center;padding:20px;background:#643e2c;color:#f9eacb;letter-spacing:3px;font-size:11px}.menu{padding:65px 7%;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.menu h2{font-size:50px}.menu>div>p{color:var(--muted);font-size:12px}.menu-list article{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.menu-list article:first-child{padding-top:0}.menu-list p{font-size:11px;color:var(--muted);margin-bottom:0}.menu-list strong{font-size:14px;white-space:nowrap}.contact h2{font-size:42px}@media(max-width:640px){.menu{grid-template-columns:1fr;gap:25px}.art{min-height:380px}.ribbon{font-size:8px;letter-spacing:1px}.menu h2{font-size:40px}}