:root{--cream: #FAF7F2;--warm-white: #FFF9F0;--espresso: #2C1810;--coffee: #6F4E37;--mocha: #A0522D;--latte: #D2B48C;--honey: #D4A574;--sage: #9CAF88;--pine: #2D5016;--stone: #8B8682;--cloud: #E8E4DF;--brick: #8B3A2F;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--font-handwritten: "Caveat", cursive}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--espresso);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#faf7f2f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(210,180,140,.3);transition:all .3s ease}.header.scrolled{box-shadow:0 2px 20px #2c18101a}.header-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;flex-direction:column;line-height:1.1}.logo-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--espresso)}.logo-tagline{font-family:var(--font-handwritten);font-size:.85rem;color:var(--coffee);letter-spacing:.5px}.nav{display:flex;gap:2rem;align-items:center}.nav-link{font-size:.9rem;font-weight:500;color:var(--coffee);transition:color .2s;position:relative;padding:.25rem 0}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--mocha);transition:width .3s ease}.nav-link:hover{color:var(--espresso)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--espresso);font-weight:600}.nav-link.active:after{width:100%}.nav-reserve-btn{background:var(--espresso);color:var(--cream);padding:.6rem 1.5rem;border-radius:100px;font-size:.85rem;font-weight:500;transition:all .3s;border:2px solid var(--espresso)}.nav-reserve-btn:hover{background:transparent;color:var(--espresso)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:flex;flex-direction:column;gap:5px}.hamburger span{display:block;width:24px;height:2px;background:var(--espresso);transition:all .3s}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:0}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2c1810b3,#2c18104d,#2c181099),url(https://images.unsplash.com/photo-1554118811-1e0d58224f24?w=1920&q=80) center/cover no-repeat;transform:scale(1.05);animation:heroZoom 20s ease-in-out infinite alternate}@keyframes heroZoom{0%{transform:scale(1.05)}to{transform:scale(1.12)}}.hero-content{position:relative;z-index:2;text-align:center;color:var(--cream);padding:2rem;max-width:800px}.hero-badge{font-family:var(--font-handwritten);font-size:1.2rem;color:var(--latte);margin-bottom:1rem;letter-spacing:1px}.hero h1{font-family:var(--font-display);font-size:4.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 40px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.15rem;font-weight:300;color:#faf7f2e6;max-width:550px;margin:0 auto 2.5rem;line-height:1.7}.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--cream);color:var(--espresso);padding:1rem 2rem;border-radius:100px;font-weight:600;font-size:.95rem;transition:all .3s;border:none;cursor:pointer}.btn-primary:hover{background:var(--honey);transform:translateY(-2px);box-shadow:0 8px 30px #0003}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--cream);padding:1rem 2rem;border-radius:100px;font-weight:500;font-size:.95rem;border:2px solid rgba(250,247,242,.5);transition:all .3s;cursor:pointer}.btn-outline:hover{border-color:var(--cream);background:#faf7f21a}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;color:var(--latte);font-family:var(--font-handwritten);font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-label{font-family:var(--font-handwritten);font-size:1.1rem;color:var(--mocha);margin-bottom:.5rem}.section-title{font-family:var(--font-display);font-size:2.8rem;font-weight:600;color:var(--espresso);margin-bottom:1rem}.section-divider{width:60px;height:3px;background:linear-gradient(90deg,var(--mocha),var(--honey));margin:1rem auto;border-radius:2px}.section-desc{color:var(--stone);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--warm-white);border-radius:16px;padding:2.5rem 2rem;text-align:center;border:1px solid rgba(210,180,140,.2);transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #2c181014}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:.75rem}.feature-card p{color:var(--stone);font-size:.95rem;line-height:1.6}.menu-preview{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.menu-preview-img{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #2c181026}.menu-preview-img img{width:100%;height:450px;object-fit:cover}.menu-preview-items{display:flex;flex-direction:column;gap:1.5rem}.menu-preview-item{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1.5rem;border-bottom:1px dashed var(--cloud)}.menu-preview-item:last-child{border-bottom:none}.menu-item-info h4{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.25rem}.menu-item-info p{color:var(--stone);font-size:.9rem;line-height:1.5}.menu-item-price{font-family:var(--font-display);font-size:1.1rem;color:var(--mocha);font-weight:600;white-space:nowrap;margin-left:1rem}.testimonial-section{background:var(--espresso);padding:6rem 2rem;text-align:center}.testimonial-card{max-width:700px;margin:0 auto;color:var(--cream)}.testimonial-quote{font-family:var(--font-display);font-size:1.8rem;font-weight:400;font-style:italic;line-height:1.6;margin-bottom:2rem;position:relative}.testimonial-quote:before{content:'"';font-size:6rem;position:absolute;top:-2rem;left:-2rem;color:var(--mocha);opacity:.4;font-family:var(--font-display)}.testimonial-author{font-family:var(--font-handwritten);font-size:1.2rem;color:var(--latte)}.testimonial-stars{color:var(--honey);font-size:1.2rem;margin-bottom:1rem}.hours-banner{background:linear-gradient(135deg,var(--sage),var(--pine));padding:4rem 2rem;text-align:center;color:var(--cream)}.hours-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:800px;margin:2rem auto 0}.hours-item h4{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.5rem}.hours-item p{opacity:.9;font-size:.95rem}.menu-page{padding-top:100px;min-height:100vh}.menu-hero{background:linear-gradient(135deg,#2c1810d9,#2c181099),url(https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?w=1920&q=80) center/cover;padding:8rem 2rem 4rem;text-align:center;color:var(--cream)}.menu-hero h1{font-family:var(--font-display);font-size:3.5rem;margin-bottom:1rem}.menu-hero p{font-size:1.1rem;opacity:.9;max-width:500px;margin:0 auto}.category-tabs{display:flex;justify-content:center;gap:.5rem;padding:2rem;flex-wrap:wrap;position:sticky;top:70px;background:var(--cream);z-index:50;border-bottom:1px solid var(--cloud)}.category-tab{padding:.7rem 1.5rem;border-radius:100px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;background:transparent;border:2px solid var(--cloud);color:var(--coffee)}.category-tab:hover{border-color:var(--mocha);color:var(--espresso)}.category-tab.active{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem;max-width:1000px;margin:0 auto}.menu-card{background:var(--warm-white);border-radius:16px;padding:2rem;border:1px solid rgba(210,180,140,.15);transition:all .3s;display:flex;flex-direction:column}.menu-card:hover{box-shadow:0 8px 30px #2c181014;transform:translateY(-2px)}.menu-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.menu-card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;flex:1;margin-right:1rem}.menu-card-price{font-family:var(--font-display);font-size:1.2rem;color:var(--mocha);font-weight:700;white-space:nowrap}.menu-card-desc{color:var(--stone);font-size:.92rem;line-height:1.6;flex:1}.menu-card-tags{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.menu-tag{font-size:.75rem;padding:.25rem .75rem;border-radius:100px;background:#d4a5741f;color:var(--coffee);font-weight:500}.about-page{padding-top:70px}.about-hero{position:relative;height:60vh;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#2c181066,#2c1810b3),url(https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?w=1920&q=80) center/cover}.about-hero-content{position:relative;z-index:2;text-align:center;color:var(--cream)}.about-hero-content h1{font-family:var(--font-display);font-size:3.5rem;margin-bottom:1rem}.about-hero-content p{font-size:1.1rem;opacity:.9;font-family:var(--font-handwritten);font-size:1.3rem}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-story-img{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #2c181026}.about-story-img img{width:100%;height:400px;object-fit:cover}.about-story-text h2{font-family:var(--font-display);font-size:2.2rem;margin-bottom:1.5rem}.about-story-text p{color:var(--stone);line-height:1.8;margin-bottom:1rem;font-size:1.02rem}.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem}.about-value{text-align:center;padding:2rem 1.5rem}.about-value-icon{font-size:2rem;margin-bottom:1rem}.about-value h4{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.5rem}.about-value p{color:var(--stone);font-size:.9rem}.gallery-page{padding-top:100px}.gallery-hero{background:linear-gradient(135deg,#2c1810d9,#2c181080),url(https://images.unsplash.com/photo-1559305616-3f99cd43e353?w=1920&q=80) center/cover;padding:8rem 2rem 4rem;text-align:center;color:var(--cream)}.gallery-hero h1{font-family:var(--font-display);font-size:3.5rem;margin-bottom:1rem}.gallery-hero p{opacity:.9;font-family:var(--font-handwritten);font-size:1.3rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:3rem 2rem;max-width:1200px;margin:0 auto}.gallery-item{border-radius:12px;overflow:hidden;position:relative;cursor:pointer;aspect-ratio:4/3}.gallery-item.tall{grid-row:span 2;aspect-ratio:auto}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(transparent,#2c1810cc);color:var(--cream);opacity:0;transition:opacity .3s}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay h4{font-family:var(--font-display);font-size:1rem;margin-bottom:.25rem}.gallery-item-overlay p{font-size:.85rem;opacity:.8}.reservation-page{padding-top:100px;min-height:100vh}.reservation-hero{background:linear-gradient(135deg,#2c1810d9,#2c181080),url(https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=1920&q=80) center/cover;padding:8rem 2rem 4rem;text-align:center;color:var(--cream)}.reservation-hero h1{font-family:var(--font-display);font-size:3.5rem;margin-bottom:1rem}.reservation-hero p{opacity:.9;font-size:1.1rem}.reservation-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 2rem;max-width:1100px;margin:0 auto}.reservation-info{display:flex;flex-direction:column;gap:2rem}.reservation-info h2{font-family:var(--font-display);font-size:2rem}.reservation-info p{color:var(--stone);line-height:1.7}.info-card{background:var(--warm-white);padding:1.5rem;border-radius:12px;border:1px solid rgba(210,180,140,.2)}.info-card h4{font-family:var(--font-display);margin-bottom:.5rem}.info-card p{font-size:.95rem}.reservation-form{background:var(--warm-white);padding:2.5rem;border-radius:20px;border:1px solid rgba(210,180,140,.2);box-shadow:0 12px 40px #2c18100f}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--espresso);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;border:2px solid var(--cloud);border-radius:10px;font-family:var(--font-body);font-size:.95rem;background:var(--cream);transition:border-color .2s;color:var(--espresso)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--mocha)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submit-btn{width:100%;padding:1rem;background:var(--espresso);color:var(--cream);border:none;border-radius:12px;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn:hover{background:var(--coffee);transform:translateY(-1px)}.success-msg{background:#9caf8826;border:1px solid var(--sage);color:var(--pine);padding:1.25rem;border-radius:12px;text-align:center}.success-msg h3{font-family:var(--font-display);margin-bottom:.5rem}.contact-page{padding-top:100px;min-height:100vh}.contact-hero{background:linear-gradient(135deg,#2c1810d9,#2c181080),url(https://images.unsplash.com/photo-1466978913421-dad2ebd01d17?w=1920&q=80) center/cover;padding:8rem 2rem 4rem;text-align:center;color:var(--cream)}.contact-hero h1{font-family:var(--font-display);font-size:3.5rem;margin-bottom:1rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 2rem;max-width:1100px;margin:0 auto}.contact-details h2{font-family:var(--font-display);font-size:2rem;margin-bottom:2rem}.contact-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.contact-item-icon{font-size:1.3rem;margin-top:.2rem}.contact-item h4{font-size:1rem;margin-bottom:.25rem}.contact-item p{color:var(--stone);font-size:.95rem;line-height:1.5}.map-container{border-radius:16px;overflow:hidden;margin-top:2rem;box-shadow:0 8px 30px #2c18101a;height:250px;background:var(--cloud);display:flex;align-items:center;justify-content:center;color:var(--stone)}.contact-form-box{background:var(--warm-white);padding:2.5rem;border-radius:20px;border:1px solid rgba(210,180,140,.2)}.contact-form-box h2{font-family:var(--font-display);font-size:2rem;margin-bottom:.5rem}.contact-form-box>p{color:var(--stone);margin-bottom:2rem}.guestbook-section{background:var(--warm-white);padding:6rem 2rem}.guestbook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:2rem auto 0}.review-card{background:var(--cream);padding:2rem;border-radius:16px;border:1px solid rgba(210,180,140,.2)}.review-stars{color:var(--honey);margin-bottom:.75rem;font-size:.9rem}.review-text{color:var(--espresso);font-size:.95rem;line-height:1.6;margin-bottom:1rem;font-style:italic}.review-author{font-weight:600;font-size:.9rem}.review-date{color:var(--stone);font-size:.8rem}.footer{background:var(--espresso);color:var(--cream);padding:4rem 2rem 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;padding-bottom:3rem;border-bottom:1px solid rgba(250,247,242,.1)}.footer-brand .logo-name{color:var(--cream);font-size:1.8rem}.footer-brand .logo-tagline{color:var(--latte);margin-bottom:1rem}.footer-brand p{color:var(--latte);font-size:.9rem;line-height:1.6;max-width:280px}.footer-col h4{font-family:var(--font-display);font-size:1rem;margin-bottom:1rem;color:var(--latte)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-col ul li a{color:var(--stone);font-size:.9rem;transition:color .2s}.footer-col ul li a:hover{color:var(--cream)}.footer-bottom{max-width:1200px;margin:1.5rem auto 0;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--stone);font-size:.85rem}.footer-socials{display:flex;gap:1rem}.footer-socials a{color:var(--stone);font-size:1.2rem;transition:color .2s}.footer-socials a:hover{color:var(--cream)}@media (max-width: 900px){.hero h1{font-size:3rem}.features-grid,.menu-preview,.about-story{grid-template-columns:1fr}.about-values,.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item.tall{grid-row:span 1;aspect-ratio:4/3}.gallery-item.wide{grid-column:span 1}.reservation-content,.contact-content,.guestbook-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.menu-grid{grid-template-columns:1fr}}@media (max-width: 600px){.nav{display:none}.mobile-menu-btn{display:block}.hero h1{font-size:2.2rem}.section-title{font-size:2rem}.menu-hero h1,.gallery-hero h1,.reservation-hero h1,.contact-hero h1{font-size:2.2rem}.footer-grid,.hours-grid,.form-row,.about-values{grid-template-columns:1fr}.nav.open{display:flex;position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--cream);flex-direction:column;align-items:center;justify-content:center;z-index:999;padding:2rem;overflow-y:auto}.nav.open .nav-link{font-size:1.5rem;padding:1rem 0;color:var(--espresso)}.nav.open .nav-reserve-btn{margin-top:2rem;padding:1rem 3rem;font-size:1.1rem}}