*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg: #faf9f7;--clr-surface: #ffffff;--clr-text: #1a1a1a;--clr-muted: #6b6b6b;--clr-accent: #7c5c3e;--clr-accent-light: #c9a87c;--clr-accent-dark: #4a3221;--clr-border: #e8e1d9;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--max-w: 1220px;--nav-h: 72px;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-lg: 0 12px 48px rgba(0,0,0,.14);--transition: .3s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;font-size:16px}body{background:var(--clr-bg);color:var(--clr-text);font-family:var(--font-sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.label{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:.75rem}.label-light{color:var(--clr-accent-light)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:4px;font-family:var(--font-sans);font-size:.9rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:var(--transition);border:2px solid transparent}.btn-primary{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent)}.btn-primary:hover{background:var(--clr-accent-dark);border-color:var(--clr-accent-dark)}.btn-outline{background:transparent;color:#fff;border-color:#fff9}.btn-outline:hover{background:#ffffff1f;border-color:#fff}.lang-switcher{display:flex;gap:.25rem;align-items:center}.lang-btn{background:none;border:1.5px solid transparent;border-radius:4px;cursor:pointer;font-size:1.15rem;line-height:1;padding:.2rem .3rem;transition:border-color var(--transition),background var(--transition);opacity:.6}.lang-btn.active,.lang-btn:hover{opacity:1;border-color:#fff6}.nav-scrolled .lang-btn.active,.nav-scrolled .lang-btn:hover{border-color:var(--clr-accent)}.lang-switcher-drawer{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--clr-border);gap:.5rem}.lang-switcher-drawer .lang-btn{font-size:.9rem;padding:.35rem .6rem;border-color:var(--clr-border);color:var(--clr-text);opacity:1}.lang-switcher-drawer .lang-btn.active{background:var(--clr-accent);color:#fff;border-color:var(--clr-accent)}.nav{position:fixed;inset-block-start:0;inset-inline:0;height:var(--nav-h);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;transition:background var(--transition),box-shadow var(--transition)}.nav.nav-scrolled{background:#faf9f7f5;backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--clr-border)}.nav-logo{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:#fff;transition:color var(--transition)}.nav-scrolled .nav-logo{color:var(--clr-accent-dark)}.nav-links{display:flex;list-style:none;gap:2.25rem;align-items:center}.nav-links a{font-size:.875rem;font-weight:500;color:#ffffffd9;transition:color var(--transition)}.nav-scrolled .nav-links a{color:var(--clr-text)}.nav-links a:hover{color:var(--clr-accent-light)!important}.nav-cta{padding:.45rem 1.2rem;border:1.5px solid rgba(255,255,255,.5);border-radius:4px}.nav-scrolled .nav-cta{border-color:var(--clr-accent);color:var(--clr-accent)!important}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:var(--transition)}.nav-scrolled .nav-burger span{background:var(--clr-text)}.nav-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.active span:nth-child(2){opacity:0}.nav-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-drawer{display:none;position:fixed;inset-block-start:var(--nav-h);inset-inline:0;background:var(--clr-surface);z-index:99;padding:1.5rem 2rem 2rem;border-bottom:1px solid var(--clr-border);transform:translateY(-8px);opacity:0;transition:var(--transition);pointer-events:none}.nav-drawer.open{transform:translateY(0);opacity:1;pointer-events:all}.nav-drawer ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.nav-drawer a{font-size:1.05rem;font-weight:500;color:var(--clr-text)}.hero{position:relative;height:100svh;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:heroSlide 18s ease-in-out infinite;will-change:opacity}.hero-slide.s1{background-image:url(https://www.lagodeisalici.com/images/2prova.jpg);animation-delay:0s}.hero-slide.s2{background-image:url(https://www.lagodeisalici.com/images/notturna.jpg);animation-delay:6s}.hero-slide.s3{background-image:url(https://www.lagodeisalici.com/images/vista_alto.jpg);animation-delay:12s}@keyframes heroSlide{0%{opacity:0;transform:scale(1.04)}6%{opacity:1;transform:scale(1)}33%{opacity:1;transform:scale(1)}39%{opacity:0;transform:scale(1.03)}to{opacity:0}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000073,#00000059 60%,#000000a6)}.hero-content{position:relative;z-index:1;color:#fff;padding:0 1.5rem;max-width:760px}.hero-eyebrow{font-size:.8rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--clr-accent-light);margin-bottom:1.25rem}.hero-title{font-family:var(--font-serif);font-size:clamp(2.4rem,5.5vw,4rem);font-weight:600;line-height:1.18;margin-bottom:1.25rem;text-shadow:0 2px 16px rgba(0,0,0,.4)}.hero-sub{font-size:1rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:#fffc;margin-bottom:2.25rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:1}.hero-scroll span{display:block;width:24px;height:38px;border:2px solid rgba(255,255,255,.5);border-radius:12px;position:relative}.hero-scroll span:after{content:"";display:block;width:4px;height:8px;background:#ffffffb3;border-radius:2px;position:absolute;left:50%;top:5px;transform:translate(-50%);animation:scrollDot 1.8s ease-in-out infinite}@keyframes scrollDot{0%,to{top:5px;opacity:1}60%{top:20px;opacity:0}}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--clr-accent-dark)}.pillar{padding:2.5rem 2rem;color:#ffffffe0;border-right:1px solid rgba(255,255,255,.1);text-align:center}.pillar:last-child{border-right:none}.pillar svg{width:2rem;height:2rem;color:var(--clr-accent-light);margin:0 auto 1rem}.pillar h3{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:.5rem}.pillar p{font-size:.85rem;line-height:1.55}.about{max-width:var(--max-w);margin:0 auto;padding:6rem 2rem;display:grid;grid-template-columns:1fr 1.15fr;gap:5rem;align-items:start}.about-text h2{font-family:var(--font-serif);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:600;line-height:1.22;margin-bottom:1.5rem}.about-text h2 em{color:var(--clr-accent);font-style:italic}.about-text p{color:var(--clr-muted);margin-bottom:1rem;line-height:1.72}.distances{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.4rem .75rem;margin:1.5rem 0 2rem;font-size:.88rem;color:var(--clr-muted)}.distances strong{color:var(--clr-accent-dark);font-weight:600}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:.75rem}.about-card{border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:var(--shadow)}.about-card.tall{grid-row:span 2}.about-card-img{width:100%;height:100%;min-height:200px;background-size:cover;background-position:center;transition:transform .5s ease}.about-card:hover .about-card-img{transform:scale(1.04)}.about-card-caption{position:absolute;inset-block-end:0;inset-inline:0;padding:1.25rem 1rem .9rem;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);color:#fff}.about-card-caption h4{font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.about-card-caption p{font-size:.78rem;opacity:.85}.video-section{background:var(--clr-accent-dark);padding:6rem 2rem;text-align:center}.video-inner{max-width:840px;margin:0 auto}.video-section h2{font-family:var(--font-serif);font-size:clamp(2rem,3.5vw,2.8rem);color:#fff;font-weight:600;line-height:1.22;margin-bottom:2.5rem}.video-section h2 em{color:var(--clr-accent-light);font-style:italic}.video-wrap{border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow-lg)}.video-wrap iframe{width:100%;height:100%;border:none;display:block}.events{max-width:var(--max-w);margin:0 auto;padding:6rem 2rem}.events-header{text-align:center;margin-bottom:3.5rem}.events-header h2{font-family:var(--font-serif);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:600;line-height:1.22}.events-header h2 em{color:var(--clr-accent);font-style:italic}.events-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.event-card{border-radius:var(--radius);overflow:hidden;background:var(--clr-surface);box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition)}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.event-img{height:180px;background-size:cover;background-position:center;transition:transform .5s ease}.event-card:hover .event-img{transform:scale(1.04)}.event-body{padding:1.25rem 1rem 1.5rem}.event-date{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-accent);display:block;margin-bottom:.4rem}.event-body h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.event-body p{font-size:.84rem;color:var(--clr-muted);line-height:1.55}.info-bar{background:var(--clr-surface);border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);display:grid;grid-template-columns:repeat(4,1fr)}.info-item{display:flex;align-items:flex-start;gap:1rem;padding:2.25rem 2rem;border-right:1px solid var(--clr-border)}.info-item:last-child{border-right:none}.info-item svg{width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--clr-accent);margin-top:.15rem}.info-item div{display:flex;flex-direction:column;gap:.15rem}.info-item strong{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-accent-dark);margin-bottom:.2rem}.info-item span,.info-item a{font-size:.88rem;color:var(--clr-muted)}.info-item a:hover{color:var(--clr-accent)}.contact{padding:6rem 2rem;background:var(--clr-bg)}.contact-inner{max-width:680px;margin:0 auto;text-align:center}.contact h2{font-family:var(--font-serif);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:600;line-height:1.22;margin-bottom:.75rem}.contact h2 em{color:var(--clr-accent);font-style:italic}.contact>.contact-inner>p{color:var(--clr-muted);margin-bottom:2.5rem}.contact-form{text-align:left;display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.8rem 1rem;border:1.5px solid var(--clr-border);border-radius:6px;background:var(--clr-surface);font-family:var(--font-sans);font-size:.9rem;color:var(--clr-text);transition:border-color var(--transition);outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--clr-accent)}.contact-form textarea{resize:vertical;min-height:120px}.contact-form .btn{align-self:flex-end}.footer{background:var(--clr-accent-dark);color:#ffffffbf}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:4rem 2rem 3rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.footer-logo{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:.75rem}.footer-brand p{font-size:.875rem;line-height:1.7}.footer-links h4,.footer-social h4{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-accent-light);margin-bottom:1rem}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links a{font-size:.875rem}.footer-links a:hover,.footer-brand a:hover{color:var(--clr-accent-light)}.social-row{display:flex;gap:1rem}.social-row a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1.5px solid rgba(255,255,255,.2);border-radius:50%;transition:var(--transition)}.social-row a:hover{border-color:var(--clr-accent-light);background:#ffffff0f}.social-row svg{width:1rem;height:1rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:1.25rem 2rem;font-size:.8rem;color:#ffffff73}.footer-bottom a:hover{color:var(--clr-accent-light)}.gallery{max-width:var(--max-w);margin:0 auto;padding:6rem 2rem}.gallery-header{text-align:center;margin-bottom:3rem}.gallery-header h2{font-family:var(--font-serif);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:600;line-height:1.22}.gallery-header h2 em{color:var(--clr-accent);font-style:italic}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:.6rem}.gallery-item{position:relative;overflow:hidden;border-radius:8px;display:block;cursor:zoom-in}.gallery-item.gi-tall{grid-row:span 2}.gallery-item.gi-wide{grid-column:span 2}.gallery-img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .55s cubic-bezier(.4,0,.2,1)}.gallery-item:hover .gallery-img{transform:scale(1.06)}.gallery-label{position:absolute;inset-block-end:0;inset-inline:0;padding:.75rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.62),transparent);color:#fff;font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .3s}.gallery-item:hover .gallery-label{opacity:1}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item.gi-tall,.gallery-item.gi-wide{grid-row:auto;grid-column:auto}.events-grid,.pillars{grid-template-columns:repeat(2,1fr)}.pillar{border-bottom:1px solid rgba(255,255,255,.1)}.pillar:nth-child(2),.pillar:nth-child(4){border-right:none}.about{grid-template-columns:1fr;gap:3rem}.about-grid{grid-template-rows:auto}.about-card.tall{grid-row:auto}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.nav-links{display:none}.nav-burger{display:flex}.nav-drawer{display:block}.nav{padding:0 1.25rem}.pillars{grid-template-columns:1fr}.pillar{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.events-grid{grid-template-columns:1fr}.info-bar{grid-template-columns:1fr 1fr}.info-item{border-bottom:1px solid var(--clr-border)}.info-item:nth-child(2n){border-right:none}.form-row{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.1rem}}@media(max-width:480px){.info-bar{grid-template-columns:1fr}.info-item{border-right:none}.hero-actions{flex-direction:column;align-items:center}}.music-btn{position:fixed;inset-block-end:2rem;inset-inline-end:2rem;z-index:200;width:52px;height:52px;border-radius:50%;border:none;background:var(--clr-accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000040;transition:background var(--transition),transform var(--transition);outline:none}.music-btn:hover{background:var(--clr-accent-dark);transform:scale(1.08)}.music-icon-play{width:1.25rem;height:1.25rem;display:block}.music-bars{display:none;align-items:flex-end;gap:3px;height:20px}.music-bars span{display:block;width:4px;border-radius:2px;background:#fff;animation:none}.music-bars span:nth-child(1){height:8px}.music-bars span:nth-child(2){height:14px}.music-bars span:nth-child(3){height:10px}.music-bars span:nth-child(4){height:6px}.music-btn.playing .music-icon-play{display:none}.music-btn.playing .music-bars{display:flex}.music-btn.playing .music-bars span:nth-child(1){animation:bar 1.1s ease-in-out infinite}.music-btn.playing .music-bars span:nth-child(2){animation:bar .8s ease-in-out infinite .15s}.music-btn.playing .music-bars span:nth-child(3){animation:bar 1.3s ease-in-out infinite .05s}.music-btn.playing .music-bars span:nth-child(4){animation:bar .9s ease-in-out infinite .3s}@keyframes bar{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.9)}}