*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,sans-serif;background:#fffdf7;color:#253042;line-height:1.6}
.wrap{max-width:480px;margin:auto;padding:0 16px}
header{padding:14px 0 8px;text-align:center;background:#fff}
.logo{height:66px}
h1{font-family:Georgia,serif;font-size:2rem;line-height:1.1;margin:0 0 14px}
h2{font-family:Georgia,serif;margin:0 0 10px}
p{margin:0 0 12px}
.card{background:#fff;padding:18px;border-radius:18px;box-shadow:0 8px 18px rgba(0,0,0,.05);margin:14px 0}
.quote{background:#fff7df;border-left:4px solid #d8b24a;padding:14px;border-radius:12px;margin:10px 0;font-style:italic}
.btn{display:block;text-align:center;padding:14px;border-radius:999px;text-decoration:none;font-weight:700;background:#4b5d78;color:#fff;margin:16px 0 0}
.linkbtn{background:#d8b24a;color:#253042}
.footerbar{position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #ddd;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:1000}
.footerbar a,.footerbar button{border:none;background:none;color:#4b5d78;font-size:16px;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:center;height:64px;padding:0;margin:0}
.overlay{position:fixed;inset:0;background:#fff;display:none;z-index:2000;overflow:auto}
.overlay.open{display:block}
.menuhead{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #eee}
.closebtn{border:none;background:none;font-size:30px;line-height:1;color:#253042}
.menuitems a{display:block;padding:18px;border-bottom:1px solid #f1f1f1;text-decoration:none;color:#253042;font-weight:700}
.spacer{height:72px}

.scroll-gallery{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:10px 0;
}

.scroll-gallery img{
  flex:0 0 85%;
  height:220px;
  object-fit:cover;
  border-radius:18px;
}