:root{--parchment: #f4ecd9;--parchment-soft: #faf6eb;--parchment-deep: #e9dcbc;--ink: #2b2118;--ink-soft: #5f5140;--gold: #b8892f;--gold-dark: #8f6716;--dark: #201a13;--dark-soft: #2e261c;--cream-text: #f4ecd9;--shadow-soft: 0 10px 30px -12px rgba(43, 33, 24, .35);--radius: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:var(--parchment-soft);line-height:1.65;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{font-family:Playfair Display,Georgia,serif;font-weight:600;line-height:1.2;color:var(--ink)}img{max-width:100%;display:block}a{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8em 1.7em;border:none;border-radius:999px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn-gold{background:linear-gradient(135deg,#c99a3c,var(--gold-dark));color:#fff}.btn-outline{background:transparent;color:var(--cream-text);border:1.5px solid rgba(244,236,217,.75)}.btn-outline:hover{background:#f4ecd91f}.btn-dark{background:var(--dark);color:var(--cream-text)}.section-heading{text-align:center;font-size:clamp(28px,4vw,40px);margin-bottom:.4em}.section-heading:after{content:"";display:block;width:64px;height:3px;margin:.45em auto 0;border-radius:2px;background:var(--gold)}.footer{background:var(--dark);color:#f4ecd9d9;width:100%;padding:3em 1.5em 1.5em}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2em;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:1em}.footer-brand span{font-family:Playfair Display,Georgia,serif;font-size:20px;color:var(--cream-text)}.footer-info p{font-size:15px}.footer-info a{color:inherit;text-decoration:none}.footer-info a:hover{color:var(--gold)}.footer-social{display:flex;align-items:center;gap:.8em}.footer-social p{font-size:15px}.social-icon{color:var(--cream-text);display:inline-flex;transition:color .15s ease}.social-icon:hover{color:var(--gold)}.footer-copy{text-align:center;margin-top:2.5em;font-size:13.5px;color:#f4ecd980}#app{display:flex;flex-flow:column;justify-content:center;align-items:center}.introduction{max-width:1200px;padding:6em 1.5em;display:flex;flex-flow:column;gap:6em}.section{display:flex;gap:3em;flex-wrap:wrap;align-items:center;justify-content:center}.section .text{flex:1 1 340px;max-width:550px}.section .text h2{font-size:clamp(24px,3vw,34px);margin-bottom:.6em}.section .text p{color:var(--ink-soft);font-size:17px}.section .image{flex:1 1 340px;max-width:550px}.introduction-image{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.location{background-color:var(--parchment);width:100%;padding:4em 1.5em 5em;display:flex;justify-content:center;scroll-margin-top:70px}.location-content{max-width:1200px;width:100%}.location-grid{margin-top:2.5em;display:flex;gap:2em;flex-wrap:wrap;align-items:stretch;justify-content:center}.map-wrapper{flex:2 1 420px;min-height:460px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}.info-card{flex:1 1 300px;max-width:420px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:2em 2.2em}.info-card h3{font-family:Playfair Display,Georgia,serif;color:var(--gold-dark);font-size:19px;margin-top:1.1em}.info-card h3:first-child{margin-top:0}.info-card p a{color:var(--ink);text-decoration:none}.info-card p a:hover{color:var(--gold-dark)}.schedule{width:100%;border-collapse:collapse;margin-top:.4em}.schedule td{padding:.3em 0;font-size:15.5px;color:var(--ink-soft)}.schedule td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}.schedule td.closed{color:#a33;font-weight:600}.aboutus{width:100%;background:linear-gradient(#201a13e0,#201a13e0),url(/assets/background.webp) center / cover no-repeat;display:flex;justify-content:center;align-items:center;flex-flow:column;padding:5em 1.5em;gap:4em}.aboutus-image{display:flex;justify-content:center}.houseonhill{width:100%;max-width:700px;height:auto;border-radius:var(--radius);box-shadow:0 18px 50px -18px #000000b3}.aboutus-wrapper{display:flex;align-items:stretch;justify-content:center;gap:2em;flex-wrap:wrap;max-width:1400px}.aboutus-section{background:#f4ecd90f;border:1px solid rgba(244,236,217,.18);border-radius:var(--radius);padding:2.2em;max-width:400px;flex:1 1 300px;text-align:center}.aboutus-section h2{color:var(--gold);font-size:24px;margin-bottom:.8em}.aboutus-section p{color:#f4ecd9d9;font-size:15.5px;text-align:left}.title-gallery{color:var(--cream-text);margin-bottom:0;scroll-margin-top:90px}.foodGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;width:100%;max-width:1400px}.foodPic{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:10px;transition:transform .25s ease}.foodPic:hover{transform:scale(1.025)}main{width:100%;display:flex;flex-flow:column;align-items:center}h1{font-size:clamp(34px,5vw,56px)}header{width:100%}.topbar{position:sticky;top:0;z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.6em 1.5em;background:#201a13eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cream-text)}.topbar .brand{display:flex;align-items:center;gap:.7em;text-decoration:none}.topbar .brand img{width:52px;height:52px}.topbar .brand span{font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.topbar .topbar-links{display:flex;align-items:center;gap:1.4em;margin-left:auto}.topbar .topbar-links a{text-decoration:none;font-size:15px;font-weight:500;color:#f4ecd9d9;transition:color .15s ease;white-space:nowrap}.topbar .topbar-links a:hover{color:var(--gold)}.topbar .topbar-links .btn{font-size:14px;padding:.55em 1.3em;white-space:nowrap}.topbar .topbar-actions{display:flex;align-items:center;gap:.5em}.topbar .icon-btn{display:inline-flex;align-items:center;gap:.35em;background:transparent;border:none;color:var(--cream-text);cursor:pointer;padding:.45em;border-radius:10px;transition:background-color .15s ease}.topbar .icon-btn:hover{background:#f4ecd91f}.topbar .icon-btn .lang-code{font-size:13px;font-weight:600;letter-spacing:.06em}.topbar .lang-menu{position:relative}.topbar .lang-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--dark-soft);border:1px solid rgba(244,236,217,.18);border-radius:12px;box-shadow:0 14px 40px -12px #0009;display:flex;flex-flow:column;min-width:160px;overflow:hidden}.topbar .lang-dropdown .lang-option{background:transparent;border:none;color:#f4ecd9d9;font-family:inherit;font-size:15px;text-align:left;padding:.7em 1.1em;cursor:pointer}.topbar .lang-dropdown .lang-option:hover{background:#f4ecd91a}.topbar .lang-dropdown .lang-option.active{color:var(--gold);font-weight:600}.topbar .mobile-menu{position:absolute;top:100%;left:0;right:0;background:#201a13f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-flow:column;align-items:stretch;padding:.8em 1.5em 1.4em;gap:.2em;border-top:1px solid rgba(244,236,217,.12)}.topbar .mobile-menu a{text-decoration:none;font-size:17px;font-weight:500;color:#f4ecd9e6;padding:.7em .2em;border-bottom:1px solid rgba(244,236,217,.08)}.topbar .mobile-menu .btn{margin-top:1em}.mobile-only{display:none!important}@media (max-width: 880px){.topbar .desktop-only{display:none}.mobile-only{display:flex!important}.topbar .brand span{font-size:17px}}.hero{position:relative;width:100%;min-height:min(88vh,780px);display:flex;align-items:center;justify-content:center;text-align:center;padding:6em 1.5em;background:linear-gradient(#18120b8c,#18120bb8),url(/assets/img/image2.webp) center/cover no-repeat}.hero .hero-inner{max-width:820px;display:flex;flex-flow:column;align-items:center;gap:1.2em}.hero .hero-inner .hero-logo{width:150px;height:150px;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45))}.hero .hero-inner h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.5)}.hero .hero-inner p{color:#ffffffeb;font-size:clamp(16px,2vw,19px);max-width:620px;text-shadow:0 1px 12px rgba(0,0,0,.5)}.hero .hero-inner .hero-actions{display:flex;gap:1em;flex-wrap:wrap;justify-content:center;margin-top:.8em}
