:root{--primary:#c75b2a;--primary-dark:#9e4620;--primary-light:#e8915a;--primary-subtle:#c75b2a14;--accent:#d4a55a;--secondary:#2c201a;--bg-warm:#fcf6f0;--bg-cream:#fffcf9;--bg-dark:#1a120e;--bg-card:#fff;--text-dark:#2c201a;--text-body:#5a4a42;--text-light:#8a7a72;--text-white:#fff;--shadow-sm:0 1px 3px #2c201a0f;--shadow-md:0 4px 20px #2c201a14;--shadow-lg:0 12px 40px #2c201a1a;--shadow-xl:0 20px 60px #2c201a24;--shadow-glow:0 8px 32px #c75b2a40;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.22, 1, .36, 1);--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-body);background:var(--bg-cream);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}#root{text-align:left;border:none;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}.section:before{content:"";background:linear-gradient(90deg,#0000,#c75b2a1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.section-header{text-align:center;max-width:640px;margin-bottom:64px;margin-left:auto;margin-right:auto}.section-tag{text-transform:uppercase;letter-spacing:3px;color:var(--primary);margin-bottom:20px;font-size:.75rem;font-weight:600;display:inline-block;position:relative}.section-tag:after{content:"";background:var(--primary);border-radius:1px;width:32px;height:2px;margin:12px auto 0;display:block}.section-title{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:16px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;line-height:1.15}.section-desc{color:var(--text-light);font-size:1.05rem;line-height:1.8}.btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition);white-space:nowrap;letter-spacing:.3px;border:2px solid #0000;border-radius:100px;align-items:center;gap:10px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--text-white);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-outline{color:var(--text-white);background:0 0;border-color:#fff6}.btn-outline:hover{border-color:var(--text-white);background:#ffffff1f;transform:translateY(-2px)}.btn-sm{padding:10px 24px;font-size:.85rem}.btn-lg{padding:16px 36px;font-size:.95rem}#loader{background:var(--bg-dark);z-index:10000;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;visibility:hidden}.loader-spinner{flex-direction:column;align-items:center;gap:16px;display:flex}.loader-spinner:after{content:"";background:var(--primary);border-radius:2px;width:32px;height:2px;animation:1.2s ease-in-out infinite loaderLine}.loader-icon{font-size:2.5rem}@keyframes loaderLine{0%,to{opacity:.3;width:32px}50%{opacity:1;width:80px}}#navbar{z-index:1000;transition:var(--transition);padding:20px 0;position:fixed;top:0;left:0;right:0}#navbar.scrolled{-webkit-backdrop-filter:blur(24px);background:#fcf6f0eb;padding:12px 0;box-shadow:0 1px 40px #2c201a0f}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--text-white);transition:var(--transition);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:flex}#navbar.scrolled .nav-logo{color:var(--text-dark)}.logo-icon{font-size:1.3rem}.logo-text{font-family:var(--font-serif)}.logo-highlight{color:var(--accent)}#navbar.scrolled .logo-highlight{color:var(--primary)}.nav-links{align-items:center;gap:36px;display:flex}.nav-link{color:#ffffffbf;transition:var(--transition);letter-spacing:.5px;text-transform:uppercase;padding:4px 0;font-size:.75rem;font-weight:500;position:relative}#navbar.scrolled .nav-link{color:var(--text-light)}.nav-link:after{content:"";background:var(--accent);width:0;height:1.5px;transition:var(--transition);position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}#navbar.scrolled .nav-link:after{background:var(--primary)}.nav-link:hover,.nav-link.active{color:var(--text-white)}#navbar.scrolled .nav-link:hover,#navbar.scrolled .nav-link.active{color:var(--text-dark)}.nav-link:hover:after,.nav-link.active:after{width:20px}.nav-cta{display:inline-flex}.nav-cta-mobile{display:none}.nav-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text-white);width:24px;height:2px;transition:var(--transition);border-radius:2px;display:block}#navbar.scrolled .nav-toggle span{background:var(--text-dark)}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-bg{will-change:transform;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(135deg,#1a120ee0 0%,#1a120e99 40%,#1a120ecc 100%);position:absolute;inset:0}.hero-overlay{z-index:1;background:radial-gradient(at 20%,#c75b2a1f,#0000 60%),radial-gradient(at 80% 20%,#d4a55a14,#0000 50%);position:absolute;inset:0}.hero-pattern{z-index:1;opacity:.03;background-image:repeating-linear-gradient(45deg,#0000,#0000 40px,#ffffff1a 40px 41px);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-badge{color:var(--text-white);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:8px;margin-bottom:36px;padding:8px 20px;font-size:.8rem;font-weight:500;animation:.8s forwards fadeInDown;display:inline-flex}.hero-title{font-family:var(--font-serif);color:var(--text-white);margin-bottom:24px;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;line-height:1.08}.hero-title-line{opacity:0;animation:.8s forwards fadeInUp;display:block}.hero-title-line:first-child{animation-delay:.1s}.hero-title-line:nth-child(2){animation-delay:.3s}.hero-title-line:nth-child(3){animation-delay:.5s}.hero-title-accent{color:var(--accent);font-style:italic;font-weight:400}.hero-subtitle{color:#ffffffa6;opacity:0;max-width:560px;margin-bottom:44px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.8;animation:.8s .4s forwards fadeInUp}.hero-actions{opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;animation:.8s .6s forwards fadeInUp;display:flex}.hero-stats{opacity:0;justify-content:center;gap:64px;margin-top:64px;animation:.8s .8s forwards fadeInUp;display:flex}.hero-stat{text-align:center}.hero-stat-number{font-family:var(--font-serif);color:var(--text-white);margin-bottom:6px;font-size:2.4rem;font-weight:700;line-height:1;display:block}.hero-stat-label{color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;font-size:.7rem}.hero-scroll-indicator{color:#ffffff4d;letter-spacing:2px;text-transform:uppercase;opacity:0;z-index:2;flex-direction:column;align-items:center;gap:8px;font-size:.65rem;animation:.8s 1.2s forwards fadeInUp;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-arrow{font-size:1rem;animation:2.4s infinite bounceDown}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.menu-section{background:var(--bg-cream)}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:32px;display:grid}.menu-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-slow);will-change:transform;border:1px solid #2c201a0a;overflow:hidden}.menu-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.menu-card-img{height:260px;transition:var(--transition-slow);background-position:50%;background-size:cover;position:relative;overflow:hidden}.menu-card:hover .menu-card-img{transform:scale(1.05)}.menu-card-img:before{content:"";z-index:1;opacity:0;transition:var(--transition);background:linear-gradient(#0000 40%,#00000080 100%);position:absolute;inset:0}.menu-card:hover .menu-card-img:before{opacity:1}.menu-card-img:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#0006);height:50%;position:absolute;bottom:0;left:0;right:0}.menu-card-badge{-webkit-backdrop-filter:blur(10px);color:#fff;z-index:2;letter-spacing:.8px;text-transform:uppercase;background:#00000080;border:1px solid #ffffff1a;border-radius:100px;padding:6px 16px;font-size:.7rem;font-weight:600;position:absolute;top:16px;left:16px}.menu-card-body{padding:28px}.menu-card-title{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:10px;font-size:1.25rem;font-weight:700;line-height:1.3}.menu-card-desc{color:var(--text-light);margin-bottom:24px;font-size:.9rem;line-height:1.65}.menu-card-footer{border-top:1px solid #2c201a0f;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.menu-card-price{font-family:var(--font-serif);color:var(--primary);letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.menu-card-acompanha{color:var(--text-light);background:var(--primary-subtle);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:.85rem;line-height:1.6}.acompanha-label{color:var(--text-dark);font-weight:600}.menu-card-variants{background:var(--primary-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.variant-row{flex-direction:column;gap:2px;display:flex}.variant-label{color:var(--primary-dark);letter-spacing:.3px;font-size:.8rem;font-weight:600}.variant-desc{color:var(--text-light);font-size:.82rem;line-height:1.5}.menu-card-extras{color:var(--text-body);border-radius:var(--radius-sm);text-align:center;background:#d4a55a14;margin-bottom:16px;padding:10px 16px;font-size:.85rem}.extra-label{font-size:.8rem;font-weight:600}.extra-sep{color:var(--text-light);opacity:.4;margin:0 10px}.menu-category{margin-bottom:60px}.menu-category:last-child{margin-bottom:0}.category-header{border-bottom:2px solid var(--primary-subtle);align-items:center;gap:12px;margin-bottom:28px;padding-bottom:16px;display:flex}.category-emoji{font-size:1.5rem}.category-title{font-family:var(--font-serif);color:var(--text-dark);font-size:1.6rem;font-weight:700}.day-badges{z-index:2;flex-wrap:wrap;gap:4px;max-width:calc(100% - 28px);display:flex;position:absolute;top:14px;left:14px}.day-badge{color:#ffffff80;letter-spacing:.3px;text-transform:uppercase;transition:var(--transition);background:#00000040;border-radius:4px;padding:4px 8px;font-size:.6rem;font-weight:600}.day-badge.available{background:var(--primary);color:var(--text-white)}.day-badge.today{background:var(--accent);color:var(--text-dark);box-shadow:0 0 0 1px #d4a55a80}.order-section{background:var(--bg-warm);position:relative}.order-section:after{content:"";background:linear-gradient(90deg,#0000,#c75b2a1a,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.order-steps{counter-reset:step;justify-content:center;align-items:flex-start;margin-bottom:64px;display:flex}.order-step{text-align:center;flex:1;max-width:280px;padding:40px 28px}.order-step-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 20px;font-size:1rem;font-weight:700;display:flex;position:relative}.order-step-icon{margin-bottom:16px;font-size:2.2rem;display:block}.order-step-title{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:10px;font-size:1.2rem;font-weight:700}.order-step-desc{color:var(--text-light);font-size:.9rem;line-height:1.7}.order-step-connector{background:linear-gradient(90deg, var(--primary-light), var(--primary));flex-shrink:0;width:100px;height:1px;margin-top:62px;position:relative}.order-step-connector:before{content:"";border-right:2px solid var(--primary);border-top:2px solid var(--primary);width:9px;height:9px;position:absolute;top:-4px;right:-4px;transform:rotate(45deg)}.order-channels{grid-template-columns:1fr 1fr;gap:20px;max-width:700px;margin:0 auto;display:grid}.channel-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid #2c201a0a;align-items:center;gap:20px;padding:28px;display:flex}.channel-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-4px)}.channel-icon{background:var(--primary-subtle);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;display:flex}.channel-info{flex:1}.channel-info h4{color:var(--text-dark);margin-bottom:4px;font-size:1rem;font-weight:600}.channel-info p{color:var(--text-light);font-size:.85rem}.channel-arrow{color:var(--primary);transition:var(--transition);opacity:0;font-size:1.2rem;transform:translate(-8px)}.channel-card:hover .channel-arrow{opacity:1;transform:translate(0)}.about-section{background:var(--bg-cream)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-text{color:var(--text-body);margin-bottom:20px;font-size:1.05rem;line-height:1.85}.about-values{flex-direction:column;gap:24px;margin-top:36px;display:flex}.about-value{background:var(--primary-subtle);border-radius:var(--radius-sm);transition:var(--transition);align-items:flex-start;gap:18px;padding:20px;display:flex}.about-value:hover{background:#c75b2a1f;transform:translate(4px)}.about-value-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.about-value h4{color:var(--text-dark);margin-bottom:4px;font-size:.95rem;font-weight:600}.about-value p{color:var(--text-light);font-size:.85rem;line-height:1.5}.about-image{position:relative}.about-image-frame{border-radius:var(--radius-lg);aspect-ratio:4/5;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.about-image-placeholder{opacity:.6;justify-content:flex-start;align-items:flex-end;width:100%;height:100%;padding:24px;font-size:3rem;display:flex}.about-image-badge{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid #2c201a0a;align-items:center;gap:14px;padding:20px 28px;display:flex;position:absolute;bottom:-20px;left:-20px}.badge-year{font-family:var(--font-serif);color:var(--primary);font-size:2.2rem;font-weight:700;line-height:1}.badge-text{color:var(--text-body);font-size:.85rem;line-height:1.4}.testimonials-section{background:var(--bg-warm)}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;display:grid}.testimonial-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid #2c201a0a;padding:36px;position:relative}.testimonial-card:before{content:"“";font-family:var(--font-serif);color:var(--primary-subtle);pointer-events:none;font-size:4rem;line-height:1;position:absolute;top:16px;right:24px}.testimonial-card:hover{box-shadow:var(--shadow-md);border-color:#c75b2a1a;transform:translateY(-4px)}.testimonial-stars{letter-spacing:3px;margin-bottom:16px;font-size:1rem}.testimonial-text{color:var(--text-body);z-index:1;margin-bottom:24px;font-size:.95rem;font-style:italic;line-height:1.75;position:relative}.testimonial-author{border-top:1px solid #2c201a0f;align-items:center;gap:14px;padding-top:20px;display:flex}.testimonial-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:600;display:flex}.testimonial-author strong{color:var(--text-dark);font-size:.9rem;font-weight:600;display:block}.testimonial-author span{color:var(--text-light);font-size:.8rem}.contact-section{background:var(--bg-cream)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.contact-info{flex-direction:column;gap:28px;display:flex}.contact-item{border-radius:var(--radius-sm);transition:var(--transition);align-items:flex-start;gap:18px;padding:16px 20px;display:flex}.contact-item:hover{background:var(--primary-subtle)}.contact-icon{background:var(--primary-subtle);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-top:2px;font-size:1.3rem;display:flex}.contact-item h4{color:var(--text-dark);margin-bottom:4px;font-size:.9rem;font-weight:600}.contact-item p,.contact-item a{color:var(--text-body);font-size:.95rem;line-height:1.6}.contact-item a:hover{color:var(--primary)}.contact-cta{margin-top:12px}.contact-map{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.map-placeholder{aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.map-placeholder:before{content:"";background-color:#0000;background-image:linear-gradient(135deg,#1a120ed9,#2c201ab3),url(https://images.unsplash.com/photo-1569336415962-a4bd9f609b6f?w=800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.map-content{text-align:center;color:#ffffffd9;padding:40px;position:relative}.map-pin{filter:drop-shadow(0 2px 8px #0000004d);margin-bottom:16px;font-size:2.5rem;display:block}.map-content p{margin-bottom:24px;font-size:1rem;line-height:1.7}.map-content .btn-outline{border-color:#ffffff4d;font-size:.85rem}.map-content .btn-outline:hover{border-color:var(--text-white);background:#ffffff1a}.footer{background:var(--bg-dark);color:#fff9;padding:80px 0 0;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000,#c75b2a4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.footer-grid{border-bottom:1px solid #ffffff0f;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.footer-logo{font-family:var(--font-serif);color:var(--text-white);margin-bottom:16px;font-size:1.3rem;font-weight:700;display:block}.footer-brand p{color:#ffffff73;margin-bottom:24px;font-size:.85rem;line-height:1.7}.footer-social{gap:12px;display:flex}.footer-social a{width:40px;height:40px;transition:var(--transition);background:#ffffff0f;border:1px solid #ffffff0a;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.footer-social a:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.footer-links h4{color:var(--text-white);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;font-size:.8rem;font-weight:600}.footer-links ul li{margin-bottom:12px}.footer-links ul li a{color:#fff6;transition:var(--transition);font-size:.85rem}.footer-links ul li a:hover{color:var(--primary-light)}.footer-links ul li{color:#fff6;font-size:.85rem}.footer-bottom{text-align:center;color:#ffffff40;letter-spacing:.5px;padding:28px 0;font-size:.8rem}.whatsapp-float{color:#fff;z-index:999;width:56px;height:56px;transition:var(--transition);background:#25d366;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;animation:2.5s infinite whatsappPulse;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 24px #25d36659}.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 8px 32px #25d36680}@keyframes whatsappPulse{0%{box-shadow:0 4px 24px #25d36659}50%{box-shadow:0 4px 36px #25d3668c}to{box-shadow:0 4px 24px #25d36659}}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.about-grid{gap:48px}.contact-grid{gap:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (width<=768px){.section{padding:80px 0}.nav-links{background:var(--bg-card);width:75%;max-width:320px;height:100vh;box-shadow:var(--shadow-xl);z-index:1000;flex-direction:column;gap:4px;padding:100px 36px 36px;transition:right .4s cubic-bezier(.22,1,.36,1);position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-link{text-transform:none;letter-spacing:0;border-bottom:1px solid #2c201a0a;width:100%;padding:14px 0;font-size:1rem;display:block;color:var(--text-body)!important}.nav-link:after,.nav-cta{display:none}.nav-cta-mobile{margin-top:20px;display:block}.nav-toggle{display:flex}.hero-actions{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:28px}.hero-scroll-indicator{display:none}.order-steps{flex-direction:column;align-items:center}.order-step-connector{width:1px;height:40px;margin:0}.order-step-connector:before{display:none}.order-channels{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:48px}.contact-grid{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1fr;gap:36px}.about-image-badge{padding:16px 20px;bottom:-16px;left:16px}}@media (width<=480px){.container{padding:0 20px}.section{padding:60px 0}.menu-grid,.testimonials-grid{grid-template-columns:1fr}.nav-links{width:85%}}body.menu-open{overflow:hidden}body.menu-open:after{content:"";z-index:999;background:#1a120e80;animation:.3s fadeInOverlay;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}