:root{--color-bg: #ffffff;--color-text: #1e1e1e;--color-muted: #5c554a;--color-accent: #E76F03;--max-w: 1100px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--color-text);background:var(--color-bg)}#app{max-width:var(--max-w);margin:0 auto;padding:0 20px 64px}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}header{position:sticky;top:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #f1f1f1}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand-logo{height:80px;width:auto;border-radius:6px;display:inline-block}nav ul{display:flex;list-style:none;padding:0;margin:0}header nav a{color:var(--color-accent);padding:10px 30px}header nav a:hover,header nav a:focus-visible{background:#e76f031f;border-radius:25px;text-decoration:none}@media (min-width: 641px){header nav a{font-size:19px;font-weight:600}}.menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;cursor:pointer;box-shadow:0 6px 16px #e76f0340;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;margin-left:auto}.menu-btn:hover{background:#ff8a26;box-shadow:0 8px 18px #e76f0352}.menu-btn:active{transform:translateY(1px) scale(.98)}.menu-icon,.menu-icon:before,.menu-icon:after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .25s ease,opacity .2s ease}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-7px}.menu-icon:after{top:7px}.menu-btn[aria-expanded=true] .menu-icon{transform:rotate(45deg)}.menu-btn[aria-expanded=true] .menu-icon:before{transform:rotate(90deg) translate(0);top:0}.menu-btn[aria-expanded=true] .menu-icon:after{opacity:0;transform:translate(6px)}@media (max-width: 640px){html{scroll-padding-top:72px}.brand-logo{height:56px}.menu-btn{display:inline-flex}.navbar{align-items:center;gap:10px}header nav ul{display:none}header nav.open ul{display:flex;flex-direction:column;gap:14px;position:absolute;left:0;right:0;top:100%;background:#fff;padding:16px 20px 20px;border-bottom:1px solid #eee;z-index:110}header nav.open a{padding:6px 2px;border-radius:8px}header nav.open a:hover{background:#fff7ef}}h1,h2{text-align:center;line-height:1.2}h1{font-size:45px;margin:0 0 20px}h2{font-size:35px;margin:0 0 12px}p{color:var(--color-muted)}.hero{padding:80px 0 56px;text-align:center;text-wrap:balance}.hero p{margin:0 auto;max-width:1000px}.hero .lead{font-size:20px;line-height:1.5}.hero .lead+.lead{margin-top:6px}.note{background:#fff3e6;color:var(--color-accent);padding:2px 10px;border-radius:9999px;font-weight:600}@media (max-width: 640px){.hero .lead{font-size:18px;line-height:1.8}.note{background:#e76f030d}}.atmo-rotator{display:flex;align-items:center;justify-content:center;min-height:3.2em;margin-top:15px}.atmo-rotator .lead{text-align:center;max-width:68ch;margin:0 auto}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .45s ease,transform .45s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(8px)}@media (prefers-reduced-motion: reduce){.fade-slide-enter-active,.fade-slide-leave-active{transition:none}}.cta{margin-top:25px;display:inline-flex;gap:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:9999px;font-weight:600;font-size:16px;line-height:1;text-decoration:none;transition:background .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease,border-color .2s ease;will-change:transform}.btn:hover{text-decoration:none}.btn--generic{color:var(--color-accent);background:transparent;border:1px solid var(--color-accent)}.btn--generic:hover,.btn--generic:focus-visible{background:#e76f0326}.btn--accent{color:#fff;background:var(--color-accent);border:1px solid var(--color-accent)}.btn--accent:hover,.btn--accent:focus-visible{background:#ff8a26}.btn--accent:active{background:#ea7c1f}.section{padding:35px 0}br.mobile-br{display:none}@media (max-width: 640px){br.mobile-br{display:initial}}.section#contact h3,.section#contact p{margin:0 0 10px}.grid{display:grid;gap:16px}.card{border:1px solid #eee;border-radius:12px;padding:16px}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:10px}.gallery-item{position:relative;cursor:pointer;border-radius:22px;overflow:hidden;aspect-ratio:4/5;transition:all .2s cubic-bezier(.25,.15,.45,.95);transform-origin:center center}.gallery-item:hover{transform:scale(1.05)}.gallery-item:focus{outline:3px solid var(--color-accent);outline-offset:3px}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.gallery-item:hover .gallery-image{opacity:1}@media (hover: hover){.gallery-image{opacity:.6}}footer{border-top:1px solid #f1f1f1;padding:28px 0;color:var(--color-muted);font-size:14px}.menu-intro{text-align:center;color:var(--color-muted);max-width:68ch;margin:12px auto 24px;font-size:20px;line-height:1.7}@media (max-width: 640px){.menu-intro{font-size:16.5px}}.menu-columns{display:grid;grid-template-columns:1fr;gap:20px;margin-top:12px}@media (min-width: 900px){.menu-columns{grid-template-columns:1fr 1fr;gap:32px}}.menu-col h3{margin-top:0}.menu-col>.card+.card{margin-top:16px}.menu-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:24px}.menu-item-container{display:flex;flex-direction:column;gap:20px}.menu-title{margin:0;font-size:20px;font-weight:600;text-align:center;color:var(--color-accent);position:relative;padding:8px 0;letter-spacing:.3px}.menu-title:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:30px;height:1px;background:var(--color-accent);opacity:.4;transition:all .3s ease}.menu-item-container:hover .menu-title:after{width:70px;opacity:1}.menu-item{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);aspect-ratio:3/4;transform-origin:center center}.menu-item:hover{transform:scale(1.03)}.menu-item:focus{outline:2px solid var(--color-accent);outline-offset:2px}.menu-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.menu-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;pointer-events:none;will-change:opacity}.menu-item:hover .menu-overlay{opacity:.6}.menu-helper{color:#fff;font-size:16px;font-weight:600;text-align:center;padding:12px 16px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000004d;margin:0;transform:translateZ(0);will-change:transform;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.menu-item:hover .menu-helper{transform:none}.pdf-download{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #eee}.contacts-grid{grid-template-columns:1fr;gap:16px}.accent-card{position:relative;border:1px solid #ffe6cc;border-left:4px solid var(--color-accent);background:#fff}.accent-card h3{margin-top:0;color:var(--color-accent);letter-spacing:.2px}.accent-card p{margin:8px 0;font-size:16px;line-height:1.7}.accent-card a{font-weight:600;text-decoration:underline;text-decoration-color:#e76f0359}.accent-card a:hover{text-decoration-color:var(--color-accent)}@media (min-width: 900px){.contacts-grid{grid-template-columns:repeat(3,1fr)}.contacts-grid .map-card{grid-column:1 / -1}.map-embed{aspect-ratio:4/3}.menu-gallery{grid-template-columns:repeat(4,1fr)}}.map-embed{aspect-ratio:16/8;border-radius:10px;overflow:hidden;border:1px solid #eee;background:#fafafa}.map-frame{width:100%;height:100%;border:0;display:block}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.lightbox-content{position:relative;animation:slideIn .3s ease}.lightbox-image{max-width:90vw;max-height:90vh;width:auto;height:auto;border-radius:8px;box-shadow:0 20px 40px #0000004d;display:block}.lightbox-close{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#ffffffe6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;transition:background .2s ease;color:var(--color-text)}.lightbox-close:hover{background:#fff}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;color:var(--color-text);box-shadow:0 8px 22px #0003}.lightbox-prev{left:-72px}.lightbox-next{right:-72px}.lightbox-prev:hover,.lightbox-next:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 10px 28px #00000047}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 1024px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){h1{font-size:32px}h2{font-size:22px}.hero .lead{margin-bottom:20px}.cta{display:grid;gap:10px}.cta .btn{width:100%;padding:14px 18px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.menu-gallery{grid-template-columns:1fr;gap:16px}.menu-item{aspect-ratio:2/3}.accent-card{border-left-width:3px;background:linear-gradient(0deg,#e76f030d,#e76f0305)}.lightbox-close{top:-50px;left:50%;transform:translate(-50%)}.lightbox-prev,.lightbox-next{width:52px;height:52px}.lightbox-prev{left:6px}.lightbox-next{right:6px}}
