:root{--green:#163f35;--yellow:#f1d354;--ink:#17372e;--muted:#51635b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c66e30;outline-offset:5px}.demo{background:var(--green);color:white;text-align:center;font-size:10px;letter-spacing:2px;padding:8px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white;gap:20px}.brand{font-family:Georgia,serif;font-size:48px;letter-spacing:-3px;line-height:.8;display:block}.brand span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:5px;text-align:center;margin-top:12px;padding-left:5px}nav{display:flex;gap:32px;font-size:13px}.small{border:1px solid var(--green);border-radius:3px;padding:11px 19px;background:white;font-size:12px}.hero{position:relative;height:680px;min-height:570px;color:white}.hero>img,.shade{position:absolute;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,rgba(0,23,17,.83),rgba(0,20,14,.15))}.hero-copy{position:relative;padding:78px 7%;max-width:850px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px;font-size:88px;line-height:1.03;margin-bottom:24px}em{font-family:Georgia,serif;font-weight:400}h1 em{color:var(--yellow)}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#f4f6f3}.button{border:0;display:inline-flex;justify-content:space-between;gap:40px;align-items:center;padding:17px 24px;border-radius:3px;font-size:13px;font-weight:600}.yellow{background:var(--yellow);color:var(--green)}.green{background:var(--green);color:white}.hero-bottom{position:absolute;bottom:26px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.ribbon{display:flex;justify-content:space-evenly;gap:24px;align-items:center;padding:23px 4%;background:var(--yellow);font-size:12px;letter-spacing:2px;overflow:hidden;white-space:nowrap}.ribbon b{font-size:26px}.wrap{max-width:1280px;margin:auto;padding:100px 7%}h2{font-family:Georgia,serif;font-size:49px;line-height:1.16;font-weight:400;letter-spacing:-1.5px;margin-bottom:25px}h2 em{color:#537568}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:85px}.intro>div:last-child{padding-top:30px}p{color:inherit}.note,.menu-note{font-size:12px;color:var(--muted)}.menu-section{background:#f3f6f2}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head>p{font-size:14px;color:var(--muted)}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 35px}.tabs button{border:1px solid #cad4ca;background:transparent;padding:10px 21px;border-radius:30px;font-size:12px;color:var(--green)}.tabs button.active{background:var(--green);color:white;border-color:var(--green)}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.food-grid article{background:white}.food-grid article[hidden]{display:none}.food-grid img{width:100%;height:220px;object-fit:cover}.food-grid article>div{padding:21px}.food-grid span{font-size:8px;letter-spacing:1.5px;font-weight:700}.food-grid h3{font:26px Georgia,serif;margin:10px 0}.food-grid p{font-size:13px;color:var(--muted);margin:0}.menu-note{margin:25px 0 0}.guide{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.guide-art{background:#eaf0e7;padding:45px 65px;position:relative}.paper{padding:25px;background:white;box-shadow:0 15px 35px #17372e18}.paper>span{font-size:8px;letter-spacing:1.5px}.paper h3{font:32px/1.1 Georgia,serif;margin:20px 0}.paper img{width:100%;height:155px;object-fit:cover}.paper>div{font-size:10px;line-height:2.6;margin-top:15px}.stamp{position:absolute;right:15px;bottom:35px;width:90px;height:90px;display:grid;place-content:center;border-radius:50%;background:var(--yellow);font-size:14px;font-weight:bold;text-align:center;line-height:1.4}.guide ul{padding-left:18px;font-size:14px;margin:20px 0 30px}.atmosphere{position:relative;min-height:510px;display:flex;align-items:center;color:white}.atmosphere>img{position:absolute;height:100%;width:100%;object-fit:cover;filter:brightness(.4)}.atmosphere>div{position:relative;padding:75px 10%;max-width:770px}.atmosphere h2{font-size:58px}.atmosphere h2 em{color:var(--yellow)}.atmosphere span{font-size:11px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.text-link{display:inline-block;border-bottom:1px solid;margin-top:15px;font-size:13px}.visit-card{padding:40px;background:var(--green);color:white}.visit-card h3{font:29px Georgia,serif}.visit-card p{font-size:14px}.visit-card .note{color:#dae3db;font-size:11px;margin:18px 0 0}footer{background:#0e2c24;color:white;padding:55px 7%;display:flex;justify-content:space-between;align-items:center;gap:35px}footer p{font:24px/1.3 Georgia,serif;margin:0}footer>div:last-child{font-size:12px}footer small{color:#c2d2c8;font-size:10px}dialog{border:0;border-radius:8px;padding:40px;max-width:490px;width:90%;color:var(--green)}dialog::backdrop{background:#071f18ba}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}dialog h2{font-size:35px}dialog label{display:block;font-size:13px;margin-top:12px}dialog input,dialog select{display:block;width:100%;font:inherit;padding:9px;border:1px solid #a4b8aa;border-radius:3px}dialog .button{margin-top:20px}#feedback{font-size:14px;margin-top:18px}@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1280px)/2 + 90px);max-width:none}}@media(max-width:900px){nav{gap:18px}.food-grid{grid-template-columns:1fr 1fr}.guide{gap:40px}.guide-art{padding:30px}.intro,.visit{gap:40px}.ribbon{font-size:10px;gap:15px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}}@media(max-width:600px){.demo{font-size:8px;letter-spacing:1px}header{height:85px;padding:0 6%;flex-wrap:wrap;gap:0}.brand{font-size:36px}.brand span{font-size:8px;letter-spacing:3px;margin-top:9px}header nav{order:3;width:100%;justify-content:space-between;font-size:10px;padding:10px 0 5px}header .small{font-size:10px;padding:8px 10px}.hero{height:640px}.hero-copy{padding:85px 7% 50px}h1{font-size:64px}.hero-copy>p:not(.eyebrow){font-size:15px}.eyebrow{font-size:9px;letter-spacing:1.8px}.hero-bottom{font-size:8px;display:block}.hero-bottom span{display:block;margin-top:7px}.ribbon{padding:15px 5%;font-size:9px;gap:14px}.ribbon span:nth-of-type(3),.ribbon b:nth-of-type(2){display:none}.wrap{padding:62px 7%}h2{font-size:38px}.intro,.guide,.visit{grid-template-columns:1fr;gap:25px}.intro>div:last-child{padding:0}.section-head{display:block}.section-head>p{display:none}.food-grid{gap:14px}.food-grid img{height:160px}.food-grid article>div{padding:14px}.food-grid h3{font-size:23px}.food-grid span{font-size:7px;letter-spacing:.6px}.food-grid p{font-size:12px}.tabs{gap:7px}.tabs button{padding:9px 12px;font-size:11px}.guide-art{padding:35px 55px}.guide>div:last-child{padding-top:15px}.atmosphere{min-height:450px}.atmosphere>div{padding:55px 7%}.atmosphere h2{font-size:43px}.visit-card{padding:28px}footer{align-items:start;flex-direction:column;padding:45px 7%;gap:30px}dialog{padding:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.paper .guide-graphic{height:155px;background:#f1d354;text-align:center;font-size:46px;line-height:1.3;padding:20px;color:#163f35}.guide-graphic span{display:block;font-size:11px;letter-spacing:2px;line-height:1.5}

/* Comfortable phone typography */
@media(max-width:600px){
 body{font-size:18px}
 header{height:auto;min-height:108px;padding-top:16px;padding-bottom:10px}
 header nav{font-size:12px;gap:12px;flex-wrap:wrap;padding-top:16px}
 header .small{font-size:12px;padding:10px 12px}
 .hero-copy>p:not(.eyebrow){font-size:17px}
 .eyebrow{font-size:11px}
 .button{font-size:15px;gap:12px;min-height:48px}
 .tabs button{font-size:13px;min-height:44px}
 .food-grid p{font-size:14px}
 .food-grid span{font-size:9px}
 .guide ul{font-size:16px}
 .note,.menu-note{font-size:14px}
 .text-link{font-size:15px}
 .visit-card p{font-size:16px}
 .visit-card .note{font-size:13px}
 .hero-bottom{font-size:10px}
 .paper>span{font-size:10px}
 .paper>div{font-size:12px}
 .guide-art{padding:30px}
 .atmosphere span{font-size:13px}
 footer>div:last-child{font-size:14px}
 footer small{font-size:12px}
 dialog label{font-size:15px}
 dialog input,dialog select{font-size:16px}
 #feedback{font-size:16px}
}

.paper .guide-graphic{display:flex;align-items:center;justify-content:center;padding:24px}.ribbon{flex-wrap:wrap}.ribbon span{display:block!important}