*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff8f0;background-color:#0f0f0f;margin:0;font-family:Arial,sans-serif}img{max-width:100%}button,input,textarea,select{font-family:inherit}a{text-decoration:none}#root{width:100%;min-height:100vh}.app{width:100%}@media (width<=768px){body{overflow-x:hidden}}.navbar{color:#fff8f0;z-index:1000;background-color:#0f0f0f;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 6%;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:1px;color:#d4a373;font-size:28px;font-weight:700}.logo span{color:#fff8f0}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:#fff8f0;font-size:15px;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#d4a373}.book-btn{color:#0f0f0f;cursor:pointer;background-color:#d4a373;border:1px solid #d4a373;border-radius:4px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .3s}.book-btn:hover{color:#d4a373;background-color:#0000}@media (width<=900px){.nav-links{gap:15px}.book-btn{display:none}}@media (width<=700px){.navbar{padding:0 5%}.nav-links{display:none}.logo{font-size:24px}}.hero{text-align:center;background-image:url(/images/hero.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.hero-overlay{background:#0009;position:absolute;inset:0}.hero-content{z-index:1;color:#fff8f0;max-width:800px;padding:20px;position:relative}.hero-subtitle{color:#d4a373;letter-spacing:4px;margin-bottom:20px;font-size:14px;font-weight:600}.hero-content h1{margin-bottom:25px;font-size:70px;line-height:1.1}.hero-description{color:#aaa39c;max-width:600px;margin:0 auto 35px;font-size:17px;line-height:1.7}.hero-buttons{justify-content:center;gap:15px;display:flex}.explore-btn,.reserve-btn{padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s}.explore-btn{color:#0f0f0f;background-color:#d4a373}.explore-btn:hover{background-color:#fff8f0}.reserve-btn{color:#d4a373;border:1px solid #d4a373}.reserve-btn:hover{color:#0f0f0f;background-color:#d4a373}@media (width<=768px){.hero-content h1{font-size:50px}.hero-description{font-size:15px}}@media (width<=500px){.hero-content h1{font-size:40px}.hero-subtitle{letter-spacing:2px;font-size:11px}.hero-buttons{flex-direction:column;align-items:center}.explore-btn,.reserve-btn{width:200px}}.about{color:#fff8f0;background-color:#0f0f0f;align-items:center;gap:70px;min-height:700px;padding:100px 8%;display:flex}.about-image{width:50%}.about-image img{object-fit:cover;width:100%;height:550px;display:block}.about-content{width:50%}.about-subtitle{color:#d4a373;letter-spacing:3px;margin-bottom:18px;font-size:13px;font-weight:600}.about-content h2{margin-bottom:25px;font-size:45px;line-height:1.2}.about-content h2 span{color:#d4a373}.about-text{color:#aaa39c;margin-bottom:15px;font-size:16px;line-height:1.8}.about-info{gap:45px;margin:35px 0;display:flex}.about-info h3{color:#d4a373;margin-bottom:5px;font-size:30px}.about-info p{color:#aaa39c;font-size:13px}.about-btn{color:#0f0f0f;background-color:#d4a373;padding:13px 25px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.about-btn:hover{background-color:#fff8f0}@media (width<=900px){.about{gap:40px;padding:80px 6%}.about-content h2{font-size:35px}.about-info{gap:25px}}@media (width<=700px){.about{flex-direction:column;padding:70px 5%}.about-image,.about-content{width:100%}.about-image img{height:400px}.about-content h2{font-size:32px}.about-info{justify-content:space-between;gap:10px}.about-info h3{font-size:25px}}.menu{color:#fff8f0;background-color:#151515;padding:100px 8%}.menu-heading{text-align:center;max-width:700px;margin:0 auto 55px}.menu-heading>p:first-child{color:#d4a373;letter-spacing:3px;margin-bottom:15px;font-size:13px;font-weight:600}.menu-heading h2{margin-bottom:18px;font-size:45px}.menu-heading h2 span{color:#d4a373}.menu-description{color:#aaa39c;font-size:15px;line-height:1.7}.menu-container{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.menu-card{background-color:#0f0f0f;transition:all .3s;overflow:hidden}.menu-card:hover{transform:translateY(-8px)}.menu-image{width:100%;height:240px;overflow:hidden}.menu-image img{object-fit:cover;width:100%;height:100%;transition:all .4s;display:block}.menu-card:hover .menu-image img{transform:scale(1.06)}.menu-card-content{padding:22px}.menu-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.menu-title h3{font-size:20px}.menu-title span{color:#d4a373;font-size:18px;font-weight:600}.menu-card-content>p{color:#aaa39c;margin:12px 0 20px;font-size:14px;line-height:1.6}.menu-card button{color:#d4a373;cursor:pointer;background-color:#0000;border:1px solid #d4a373;padding:10px 18px;transition:all .3s}.menu-card button:hover{color:#0f0f0f;background-color:#d4a373}.menu-message{color:#d4a373;text-align:center;background-color:#1d1916;border:1px solid #d4a373;max-width:500px;margin:35px auto 0;padding:12px 18px;font-size:14px;font-weight:600;line-height:1.5}@media (width<=900px){.menu-container{grid-template-columns:repeat(2,1fr)}.menu-heading h2{font-size:38px}}@media (width<=600px){.menu{padding:70px 5%}.menu-container{grid-template-columns:1fr}.menu-heading h2{font-size:32px}.menu-image{height:250px}}.why-us{color:#fff8f0;background-color:#0f0f0f;padding:100px 8%}.why-heading{text-align:center;max-width:700px;margin:0 auto 55px}.why-heading>p:first-child{color:#d4a373;letter-spacing:3px;margin-bottom:15px;font-size:13px;font-weight:600}.why-heading h2{margin-bottom:18px;font-size:45px;line-height:1.2}.why-heading h2 span{color:#d4a373}.why-description{color:#aaa39c;font-size:15px;line-height:1.7}.features-container{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.feature-card{text-align:center;background-color:#151515;border:1px solid #302922;padding:40px 25px;transition:all .3s}.feature-card:hover{border-color:#d4a373;transform:translateY(-8px)}.feature-icon{background-color:#1d1916;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 20px;font-size:28px;display:flex}.feature-card h3{margin-bottom:12px;font-size:19px}.feature-card p{color:#aaa39c;font-size:14px;line-height:1.7}@media (width<=900px){.features-container{grid-template-columns:repeat(2,1fr)}.why-heading h2{font-size:38px}}@media (width<=600px){.why-us{padding:70px 5%}.features-container{grid-template-columns:1fr}.why-heading h2{font-size:32px}}.gallery{color:#fff8f0;background-color:#151515;padding:100px 8%}.gallery-heading{text-align:center;max-width:700px;margin:0 auto 55px}.gallery-heading>p:first-child{color:#d4a373;letter-spacing:3px;margin-bottom:15px;font-size:13px;font-weight:600}.gallery-heading h2{margin-bottom:18px;font-size:45px;line-height:1.2}.gallery-heading h2 span{color:#d4a373}.gallery-description{color:#aaa39c;font-size:15px;line-height:1.7}.gallery-container{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.gallery-item{height:280px;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:all .5s;display:block}.gallery-item:hover img{transform:scale(1.08)}@media (width<=900px){.gallery-container{grid-template-columns:repeat(2,1fr)}.gallery-heading h2{font-size:38px}}@media (width<=600px){.gallery{padding:70px 5%}.gallery-container{grid-template-columns:1fr}.gallery-item{height:260px}.gallery-heading h2{font-size:32px}}.reservation{color:#fff8f0;background-color:#0f0f0f;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;padding:100px 8%;display:grid}.reservation-subtitle{color:#d4a373;letter-spacing:3px;margin-bottom:15px;font-size:13px;font-weight:600}.reservation-content h2{margin-bottom:20px;font-size:48px;line-height:1.2}.reservation-content h2 span{color:#d4a373}.reservation-description{color:#aaa39c;margin-bottom:35px;font-size:15px;line-height:1.8}.reservation-info{flex-direction:column;gap:18px;display:flex}.reservation-info div{align-items:center;gap:15px;display:flex}.reservation-info span{background-color:#1d1916;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.reservation-info p{color:#aaa39c;font-size:14px}.reservation-form{background-color:#151515;border:1px solid #302922;padding:40px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group label{color:#ddd;margin-bottom:8px;font-size:13px}.form-group input,.form-group select,.form-group textarea{color:#fff8f0;background-color:#0f0f0f;border:1px solid #302922;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4a373}.form-group textarea{resize:vertical}.reservation-btn{color:#0f0f0f;cursor:pointer;background-color:#d4a373;border:none;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .3s}.reservation-btn:hover{background-color:#fff8f0}.reservation-message{color:#d4a373;text-align:center;background-color:#1d1916;border:1px solid #d4a373;margin-top:15px;padding:12px 15px;font-size:14px;font-weight:600;line-height:1.5}@media (width<=900px){.reservation{grid-template-columns:1fr;gap:50px}.reservation-content h2{font-size:40px}}@media (width<=600px){.reservation{padding:70px 5%}.reservation-form{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}.reservation-content h2{font-size:34px}}.contact-section{color:#fff8f0;background-color:#171310;padding:100px 8%}.contact-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1100px;margin:0 auto;display:grid}.contact-subtitle{color:#d4a373;letter-spacing:3px;margin-bottom:15px;font-size:13px;font-weight:600}.contact-info h2{color:#fff8f0;margin-bottom:20px;font-size:40px;line-height:1.2}.contact-description{color:#aaa39c;max-width:500px;margin-bottom:35px;font-size:15px;line-height:1.8}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-item{align-items:flex-start;gap:15px;display:flex}.contact-item>span{background-color:#1d1916;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.contact-item h4{color:#fff8f0;margin-bottom:5px;font-size:16px}.contact-item p{color:#aaa39c;font-size:14px;line-height:1.5}.contact-form-container{background-color:#1d1916;border:1px solid #302922;padding:35px}.contact-form-container h3{color:#fff8f0;margin-bottom:25px;font-size:25px}.contact-form{flex-direction:column;gap:15px;display:flex}.contact-form input,.contact-form textarea{color:#fff8f0;background-color:#0f0f0f;border:1px solid #302922;border-radius:4px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:14px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777}.contact-form input:focus,.contact-form textarea:focus{border-color:#d4a373}.contact-form textarea{resize:vertical}.contact-form button{color:#0f0f0f;cursor:pointer;background-color:#d4a373;border:1px solid #d4a373;border-radius:4px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .3s}.contact-form button:hover{color:#d4a373;background-color:#0000}.contact-message{color:#d4a373;text-align:center;background-color:#1d1916;border:1px solid #d4a373;border-radius:4px;margin-top:5px;padding:12px 15px;font-size:14px;font-weight:600;line-height:1.5}@media (width<=768px){.contact-section{padding:70px 6%}.contact-container{grid-template-columns:1fr;gap:45px}.contact-info h2{font-size:34px}.contact-form-container{padding:30px 25px}}@media (width<=480px){.contact-section{padding:60px 5%}.contact-info h2{font-size:30px}.contact-form-container{padding:25px 20px}}.footer{color:#fff8f0;background-color:#0f0f0f;padding:70px 8% 0}.footer-container{grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:50px;display:grid}.footer-about h2{margin-bottom:18px;font-size:28px}.footer-about h2 span{color:#d4a373}.footer-about p{color:#aaa39c;max-width:380px;font-size:14px;line-height:1.8}.footer-links,.footer-contact{flex-direction:column;gap:12px;display:flex}.footer-links h3,.footer-contact h3{color:#fff8f0;margin-bottom:8px;font-size:18px}.footer-links a{color:#aaa39c;font-size:14px;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#d4a373}.footer-contact p{color:#aaa39c;font-size:14px;line-height:1.6}.footer-bottom{text-align:center;border-top:1px solid #302922;padding:20px 0}.footer-bottom p{color:#777;font-size:13px}@media (width<=768px){.footer{padding:60px 6% 0}.footer-container{grid-template-columns:1fr 1fr;gap:40px}.footer-about{grid-column:1/-1}}@media (width<=500px){.footer{padding:50px 5% 0}.footer-container{grid-template-columns:1fr;gap:35px}.footer-about{grid-column:auto}}