/* Menu laterale sul design Lasting originale */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/plus-jakarta-sans-regular.ttf') format('truetype')}
.hero h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:400}
.hero h1 em{color:#d0a668;background:none;-webkit-text-fill-color:currentColor;animation:none;text-shadow:none}
.header .brand{position:relative;z-index:2;width:245.05px}
.header .brand .logo-motto{margin-top:2px}
.header{padding-top:5px;padding-bottom:5px}
@media(max-width:760px){.header .brand{width:212.94px}.header{gap:12px}.header .menu-toggle{min-width:38px}}
.menu-toggle{display:flex;align-items:center;gap:18px;position:relative;z-index:4;border:0;background:none;color:#f3f3f3;min-width:92px;min-height:48px;padding:4px 0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.menu-lines{display:block;position:relative;width:38px;height:24px}.menu-lines:before,.menu-lines:after,.menu-lines i{content:'';position:absolute;left:0;width:38px;height:2px;background:currentColor;transition:transform .4s,opacity .25s;top:0}.menu-lines i{top:11px;width:28px}.menu-lines:after{top:22px}.menu-toggle[aria-expanded=true] .menu-lines:before{transform:translateY(11px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{transform:translateY(-11px) rotate(-45deg)}.menu-toggle[aria-expanded=true] .menu-lines i{opacity:0}
.header #nav{position:fixed;inset:0 auto 0 0;width:min(420px,85vw);height:100dvh;max-height:none;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:130px 42px 65px;background:#08090afa;border-right:1px solid #ffffff1c;transform:translateX(-102%);visibility:hidden;transition:transform .55s cubic-bezier(.22,.8,.22,1),visibility .55s;overflow:auto;z-index:3;counter-reset:nav;animation:none}.header #nav.open{transform:none;visibility:visible}.header #nav:before{content:'LASTING / ESPLORA';color:#717579;font-size:.65rem;letter-spacing:.2em;margin-bottom:30px}.header #nav>a{display:block;position:relative;font-size:clamp(.9rem,1.25vw,1.05rem);font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:20px 0;border:0;border-top:1px solid #ffffff18;line-height:1.55;opacity:0;transform:translateX(-18px);transition:opacity .4s,transform .4s,color .3s}.header #nav.open>a{opacity:1;transform:none;transition-delay:calc(var(--nav-index)*55ms)}.header #nav>a:before{counter-increment:nav;content:'0' counter(nav);display:block;color:#686d71;font-size:.62rem;letter-spacing:.1em;margin-bottom:5px}.header #nav>a:after{display:none}.header #nav>a:hover,.header #nav>a[aria-current=location]{color:#fff;transform:translateX(5px)}.header #nav .nav-contact span{margin-left:8px}.nav-scrim{position:fixed;inset:0;background:#0008;backdrop-filter:blur(5px);border:0;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;z-index:1;cursor:pointer}.nav-open .nav-scrim{opacity:1;visibility:visible}.nav-open{overflow:hidden}
.header #nav{color:#f3f3f3}.header #nav .nav-contact{margin-left:0}
@media(max-width:760px){.menu-toggle{min-width:65px;gap:12px}.menu-word{display:none}.header #nav{padding:110px 28px 40px}.header #nav>a{padding:15px 0;font-size:.95rem}.header #nav:before{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.header #nav,.header #nav>a,.nav-scrim{transition:none}}
.header #nav>a.instagram-link{font-size:.75rem;text-transform:none;letter-spacing:.03em;color:#b6b1a8;margin-top:14px;padding:14px 0}
.header #nav>a.instagram-link:before{display:none}
.footer-bottom .instagram-link{white-space:nowrap}
.instagram-icon{display:block;flex-shrink:0}
.header #nav>a.instagram-link{display:flex;align-items:center;width:44px;min-height:44px;border-top:0}
.footer-bottom .instagram-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
footer{text-align:center}
footer .footer-top{flex-direction:column;align-items:center;justify-content:center;gap:26px}
footer .footer-bottom{justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 30px}
footer .company-details{flex-direction:column;align-items:center;gap:4px;text-align:center}
