/* Barra di navigazione classica: logo e collegamenti. */
.site-header{background:#071923f2;border-bottom:1px solid #8ccdbb2e;box-shadow:none;transition:background .2s ease}
.site-header.is-scrolled,.site-header.menu-visible{background:#071923fc;border-color:#8ccdbb38;box-shadow:none}
.site-header .header-inner{height:82px;gap:30px}
.site-header .brand-logo{height:62px}
.site-header .main-nav{gap:28px}
.site-header .main-nav>a:not(.nav-instagram){display:flex;align-items:center;min-height:44px;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;color:#d4e4e2;font:400 14px/1.4 'Space Grotesk',Arial,sans-serif;text-transform:none;letter-spacing:0;transition:color .2s ease}
.site-header .main-nav>a:not(.nav-instagram)::before,.site-header .main-nav>a:not(.nav-instagram)::after{content:none}
.site-header .main-nav>a:not(.nav-instagram):hover,.site-header .main-nav>a[aria-current="location"]{background:transparent;color:#8edbd0}
.site-header .main-nav .nav-instagram{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:0 0 0 5px;padding:8px 0 8px 26px;border:0;border-left:1px solid #8ccdbb40;border-radius:0;background:transparent;color:#a9dcca;font:400 13px/1.4 'Space Grotesk',Arial,sans-serif;text-transform:none;letter-spacing:0;white-space:nowrap;transition:color .2s ease}
.site-header .main-nav .nav-instagram:hover{background:transparent;color:#effbf8;border-color:#8ccdbb40}
.site-header .nav-instagram span{margin:0;font-size:17px}
#mondo-nascosto,#metodo,#esplora,#progetto{scroll-margin-top:96px}
@media(min-width:801px) and (max-width:1100px){.site-header .main-nav{gap:20px}.site-header .main-nav>a:not(.nav-instagram){font-size:13px}.site-header .main-nav .nav-instagram{padding-left:20px;font-size:13px}}
@media(max-width:800px){
 body::after{content:'';position:fixed;inset:72px 0 0;z-index:45;background:#00101970;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}
 body.menu-open::after{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease}
 .site-header .header-inner{height:72px;gap:20px}
 .site-header .brand-logo{height:52px}
 .site-header .menu-toggle{position:relative;display:block;flex:none;width:46px;height:46px;margin:0;padding:0;border:1px solid #8ed9cc38;border-radius:50%;background:#0d2a3580;box-shadow:none;transform:none;cursor:pointer;transition:background .2s,border-color .2s}
 .site-header .menu-toggle:hover{transform:none;background:#12333f;border-color:#8ed9cc70}
 .site-header .menu-toggle::before,.site-header .menu-toggle[aria-expanded="true"]::before{content:none}
 .site-header .menu-toggle span{position:absolute;left:50%;top:50%;display:block;width:20px;height:1.5px;margin:0;border-radius:2px;background:#d5eee6;transform-origin:center;transition:transform .25s ease,background .2s}
 .site-header .menu-toggle span:first-child{transform:translate(-50%,calc(-50% - 4px))}
 .site-header .menu-toggle span:last-child{transform:translate(-50%,calc(-50% + 4px))}
 .site-header .menu-toggle[aria-expanded="true"]{background:#153641;border:1px solid #8ed9cc70}
 .site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
 .site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
 .site-header .main-nav{position:fixed;inset:72px 0 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:auto;height:auto;max-height:calc(100dvh - 72px);min-height:0;padding:12px 22px 20px;overflow-y:auto;overscroll-behavior:contain;border:0;border-bottom:1px solid #8ccdbb40;border-radius:0 0 22px 22px;background:#071923;backdrop-filter:none;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .25s ease,visibility 0s linear .25s}
 .site-header .main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .22s ease,transform .25s ease,visibility 0s}
 .site-header .main-nav>a:not(.nav-instagram){display:flex;flex:none;width:auto;min-height:60px;margin:0;padding:16px 12px;border:0;border-radius:12px;background:transparent;color:#d4e4e2;opacity:1;transform:none;font:400 19px/1.4 'Space Grotesk',Arial,sans-serif;letter-spacing:0;transition:color .2s ease;transition-delay:0s}
 .site-header .main-nav.open>a:not(.nav-instagram){opacity:1;transform:none;transition-delay:0s}
 .site-header .main-nav>a:not(.nav-instagram)::before,.site-header .main-nav>a:not(.nav-instagram)::after{content:none}
 .site-header .main-nav>a[aria-current="location"],.site-header .main-nav>a:not(.nav-instagram):hover{color:#8edbd0;background:transparent;border:0}
 .site-header .main-nav>a[aria-current="location"]::after{content:none}
 .site-header .main-nav>a:not(.nav-instagram):focus-visible{outline:2px solid #8ed9cc;outline-offset:-2px}
 .site-header .nav-title,.site-header .main-nav>a[aria-current="location"] .nav-title{font:inherit;letter-spacing:inherit}
 .site-header .main-nav .nav-instagram{display:flex;align-items:center;justify-content:space-between;align-self:stretch;flex:none;min-height:48px;margin:10px 0 0;padding:17px 0 0;border:0;border-top:1px solid #8ccdbb33;border-radius:0;background:transparent;color:#a9dcca;font:400 15px/1.4 'Space Grotesk',Arial,sans-serif;opacity:1;transform:none;transition:color .2s ease;transition-delay:0s}
 .site-header .main-nav.open .nav-instagram{opacity:1;transform:none;transition-delay:0s}
 .site-header .main-nav .nav-instagram:hover{background:transparent;color:#effbf8}
}
@media(prefers-reduced-motion:reduce){body::after,.site-header,.site-header .main-nav,.site-header .main-nav>a,.site-header .menu-toggle span{transition:none!important}}