@font-face{font-family:"Inter";src:url("../fonts/inter.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("../fonts/grotesk.woff2") format("woff2");font-weight:300 700;font-display:swap}

:root{
  --navy:#0a0a0a;--blue:#a80000;--sky:#ffffff;--orange:#d20000;--orange-d:#a80000;
  --ink:#0a0a0a;--paper:#f5f5f5;--white:#fff;--muted:#666;
  --radius:18px;--shadow:0 18px 50px rgba(10,10,10,.18);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Space Grotesk","Inter",system-ui,sans-serif;
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.65;font-size:17px;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--blue)}
h1,h2,h3{font-family:var(--display);line-height:1.08;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.6rem,8vw,6rem);font-weight:700}
h2{font-size:clamp(1.9rem,4.5vw,3.2rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
.split>*,.contact-grid>*,.footer-grid>*,.cards>*,.facts li{min-width:0}
.facts li,.card,.info-box,.person .body{overflow-wrap:anywhere}
.wrap{width:min(var(--wrap),100% - 32px);margin-inline:auto}
.section{padding:clamp(56px,9vw,120px) 0}
.eyebrow{font:700 .78rem/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:block}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sr:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;clip:auto;background:#fff;color:var(--navy);padding:10px 16px;z-index:200;border-radius:8px}

/* pulsanti */
.btn{display:inline-flex;align-items:center;gap:.6em;padding:.95em 1.7em;border-radius:99px;background:var(--orange);color:#fff;font:700 .95rem var(--display);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 10px 30px rgba(210,0,0,.35)}
.btn:hover{background:var(--orange-d);transform:translateY(-2px)}
.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.7);box-shadow:none}
.btn.ghost:hover{background:rgba(255,255,255,.14)}
.btn.dark{background:var(--navy);box-shadow:none}

/* header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:padding .3s;padding:18px 0}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,10,10,.92);backdrop-filter:blur(10px);box-shadow:0 6px 30px rgba(0,0,0,.25);opacity:0;transition:opacity .3s}
.site-header.scrolled,.site-header.solid{padding:10px 0}
.site-header.scrolled::before,.site-header.solid::before{opacity:1}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{height:42px;width:auto}
.menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.menu a{color:#fff;text-decoration:none;font:600 .9rem var(--display);letter-spacing:.05em;text-transform:uppercase;padding:.6em .9em;border-radius:99px;transition:background .2s}
.menu a:hover,.menu a[aria-current]{background:rgba(255,255,255,.14)}
.menu .btn{padding:.7em 1.3em;margin-left:6px}
.menu .lang{display:flex;gap:2px;margin-left:8px}
.menu .lang button{font:700 .78rem var(--display);letter-spacing:.06em;color:rgba(255,255,255,.6);background:none;border:0;border-radius:99px;padding:.55em .65em;cursor:pointer;transition:background .2s,color .2s}
.menu .lang button:hover{color:#fff;background:rgba(255,255,255,.14)}
.menu .lang button[aria-current]{color:#fff;background:#d20000}
html.i18n-wait body{visibility:hidden}
.burger{position:relative;z-index:60;display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;color:#fff}
.burger span,.burger span::before,.burger span::after{display:block;width:26px;height:3px;background:currentColor;border-radius:3px;margin:auto;position:relative;transition:transform .25s,background .25s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-8px}.burger span::after{top:8px}
.nav-open .burger span{background:transparent}
.nav-open .burger span::before{transform:translateY(8px) rotate(45deg)}
.nav-open .burger span::after{transform:translateY(-8px) rotate(-45deg)}

/* hero */
.hero{position:relative;min-height:min(100svh,880px);display:grid;grid-template-columns:minmax(0,1fr);align-items:center;color:#fff;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#0a0a0a,#4a0000 65%,#d20000)}
.hero-bg{position:absolute;inset:-6% 0;background-size:cover;background-position:center;z-index:-3;will-change:transform;transform:scale(1.06)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(10,10,10,.82) 0%,rgba(10,10,10,.35) 45%,rgba(10,10,10,.88) 100%)}
.clouds{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.clouds i{position:absolute;width:60vw;height:22vw;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);animation:drift 40s linear infinite}
.clouds i:nth-child(1){top:12%;left:-30%}.clouds i:nth-child(2){top:48%;left:-50%;animation-duration:60s;animation-delay:-20s}.clouds i:nth-child(3){top:72%;left:-20%;animation-duration:50s;animation-delay:-35s}
@keyframes drift{to{transform:translateX(190vw)}}
.hero-inner{padding:130px 0 90px}
.hero .kicker{font:600 .9rem var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--sky);margin-bottom:18px}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero p.lead{font-size:clamp(1.05rem,2.2vw,1.4rem);max-width:640px;opacity:.95;margin:22px 0 32px}
.hero .cta{display:flex;flex-wrap:wrap;gap:14px}
/* pulsanti sulla foto della prima schermata: semitrasparenti con il fondo sfocato */
.hero .cta .btn{background:rgba(210,0,0,.6);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 8px rgba(0,0,0,.4)}
.hero .cta .btn:hover{background:rgba(168,0,0,.72)}
.hero .cta .btn.ghost{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.7)}
.hero .cta .btn.ghost:hover{background:rgba(255,255,255,.24)}
.scroll-cue{position:absolute;bottom:22px;left:50%;translate:-50% 0;font:600 .7rem var(--display);letter-spacing:.3em;text-transform:uppercase;opacity:.8;animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(8px)}}
.page-hero{min-height:46svh;padding-top:110px}
.page-hero .hero-inner{padding:80px 0 60px}
.page-hero h1{font-size:clamp(2.2rem,6vw,4.2rem)}

/* altimetro */
.altimeter{position:fixed;right:16px;top:50%;translate:0 -50%;z-index:40;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font:700 .75rem var(--display);letter-spacing:.1em;pointer-events:none;mix-blend-mode:normal;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.altimeter .track{width:3px;height:120px;background:rgba(255,255,255,.35);border-radius:3px;position:relative}
.altimeter .track b{position:absolute;left:50%;top:0;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(210,0,0,.3)}
.altimeter span{writing-mode:vertical-rl}

/* sezioni */
.alt-bg{background:linear-gradient(180deg,#fff,var(--paper))}
.dark-bg{background:var(--navy);color:#fff}
.dark-bg .eyebrow{color:var(--sky)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.split img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.card{background:#fff;border-radius:var(--radius);padding:30px;box-shadow:0 8px 30px rgba(10,10,10,.08);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card .num{font:700 .8rem var(--display);color:var(--orange);letter-spacing:.2em}
.card .tag{display:inline-block;background:var(--paper);border-radius:99px;padding:.3em .9em;font:600 .8rem var(--display);color:var(--blue);margin:2px 4px 2px 0}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px;text-align:center}
.stats b{display:block;font:700 clamp(2.4rem,6vw,4rem) var(--display);color:var(--orange)}
.stats span{font:600 .8rem var(--display);letter-spacing:.15em;text-transform:uppercase;opacity:.8}
.quote{text-align:center;max-width:820px;margin:auto}
.quote blockquote{font:500 clamp(1.4rem,3.2vw,2.3rem)/1.35 var(--display);margin:0 0 18px}
.quote cite{font:600 .85rem var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--orange);font-style:normal}
.callout{background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;border-radius:var(--radius);padding:clamp(28px,5vw,56px);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.callout h2{margin:0;font-size:clamp(1.5rem,3.5vw,2.4rem)}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.facts li{background:#fff;border-radius:14px;padding:16px 20px 16px 48px;box-shadow:0 6px 20px rgba(10,10,10,.07);position:relative}
.facts li::before{content:"✔";color:var(--orange);font-weight:700;position:absolute;left:20px;top:16px}

/* staff */
.staff{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.person{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(10,10,10,.08);transition:transform .25s}
.person:hover{transform:translateY(-6px)}
.person .ph{aspect-ratio:1/1;background:linear-gradient(135deg,var(--blue),var(--navy));display:grid;place-items:center;color:#fff;font:700 3rem var(--display)}
.person .ph img{width:100%;height:100%;object-fit:cover}
.person .body{padding:20px}
.person h3{margin:0}
.person .ruolo{color:var(--orange);font:600 .85rem var(--display);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 8px}
.person .det{color:var(--muted);font-size:.9rem;margin:0 0 8px}
.person a{display:block;font-size:.92rem;word-break:break-all}

/* contatti, mappa */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,5vw,64px)}
.info-box{background:var(--navy);color:#fff;border-radius:var(--radius);padding:34px}
.info-box a{color:var(--sky)}
.info-box h3{color:#fff}
.form{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.form label{display:block;font:600 .85rem var(--display);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px}
.form input[type=text],.form input[type=email],.form textarea{width:100%;padding:.85em 1em;border:2px solid #dddddd;border-radius:12px;font:inherit;margin-bottom:18px;background:var(--paper)}
.form input:focus,.form textarea:focus{border-color:var(--blue)}
.checks{display:grid;gap:8px;margin-bottom:18px}
.form .checks label,.form label.consent{font:500 .95rem var(--font);text-transform:none;letter-spacing:0;display:flex;gap:10px;align-items:flex-start}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.msg{padding:14px 18px;border-radius:12px;margin-top:16px;font-weight:600}
.msg.ok{background:#e4f8ea;color:#12612b}.msg.err{background:#fde8e5;color:#8b1d12}
.map{border:0;width:100%;height:420px;border-radius:var(--radius);box-shadow:var(--shadow)}

/* galleria */
.gallery{columns:3 260px;column-gap:14px}
.gallery button{display:block;width:100%;margin:0 0 14px;padding:0;border:0;background:none;border-radius:14px;overflow:hidden;cursor:zoom-in;break-inside:avoid;box-shadow:0 6px 20px rgba(10,10,10,.12)}
.gallery img{width:100%;transition:transform .5s}
.gallery button:hover img{transform:scale(1.06)}
.lightbox{position:fixed;inset:0;background:rgba(5,12,26,.94);z-index:100;display:none;place-items:center;padding:20px}
.lightbox.open{display:grid}
.lightbox img{max-height:86vh;max-width:min(1100px,94vw);border-radius:10px}
.lightbox button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:52px;height:52px;border-radius:50%;font-size:1.6rem;cursor:pointer}
.lightbox .x{top:18px;right:18px}.lightbox .p{left:14px;top:50%;margin-top:-26px}.lightbox .n{right:14px;top:50%;margin-top:-26px}

/* footer */
.site-footer{background:#050505;color:#d6d6d6;padding:60px 0 28px;font-size:.95rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
.site-footer h4{font:700 .8rem var(--display);letter-spacing:.2em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.site-footer a{color:#d6d6d6;text-decoration:none}.site-footer a:hover{color:var(--orange)}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:.82rem;opacity:.75;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.partners img{height:64px;width:auto;background:#fff;border-radius:10px;padding:6px}

/* animazioni */
.js .reveal{opacity:0}
.js .reveal.in{opacity:1}
.js .reveal.d1{transition-delay:.1s}.js .reveal.d2{transition-delay:.2s}.js .reveal.d3{transition-delay:.3s}

@media (max-width:900px){
  .burger{display:block}
  .menu{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);background:var(--navy);flex-direction:column;align-items:stretch;padding:90px 20px 30px;transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s;box-shadow:-20px 0 60px rgba(0,0,0,.4);z-index:55}
  .nav-open .menu{transform:none;visibility:visible}
  .menu a{display:block;font-size:1rem;padding:.9em 1em}
  .menu .btn{margin:10px 0 0;justify-content:center}
  .menu .lang{margin:14px 0 0;justify-content:center}
  .split,.contact-grid,.footer-grid{grid-template-columns:minmax(0,1fr)}
  .altimeter{display:none}
  .hero-bg{inset:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
}

/* ===== Effetti d'impatto ===== */
::selection{background:var(--orange);color:#fff}

/* barra di avanzamento + cursore + riflettore (creati da fx.js) */
.progress{position:fixed;top:0;left:0;width:100%;height:3px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--sky),var(--orange));z-index:90;pointer-events:none}
.cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:300;opacity:0;transition:opacity .18s}
.cursor .chute{display:block;margin:-67px 0 0 -26px;transform-origin:26px 67px;overflow:visible;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));transition:scale .25s,opacity .25s}
.cursor.hot .chute{scale:1.35}
.cursor.down .chute{scale:1.1 .72}
.chute-on .cursor{opacity:1}
.chute-on,.chute-on a,.chute-on button,.chute-on label{cursor:none}
.chute-on input[type=text],.chute-on input[type=email],.chute-on textarea{cursor:text}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 360px at var(--sx,70%) var(--sy,30%),rgba(255,255,255,.28),transparent 70%);transition:background .1s}

/* ingresso dell'hero */
@keyframes up{from{opacity:0;translate:0 26px}to{opacity:1;translate:none}}
@keyframes rise{from{transform:translateY(112%)}to{transform:none}}
.js .hero-inner>.kicker{animation:up .9s both}
.js .hero-inner>.lead{animation:up .9s .55s both}
.js .hero-inner>.cta{animation:up .9s .7s backwards}
.js .hero-inner>.chips{animation:up .9s .85s both}
.js body:not(.home) .hero h1{animation:up .9s .1s both}
.line{display:block;overflow:hidden;padding-bottom:.08em}
.js .line>span{display:block;animation:rise 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
.line>span{display:block}

/* vetro */
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.chips span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:99px;padding:.6em 1.3em;font:600 .9rem var(--display);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.stats>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius);padding:28px 16px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.dark-bg{position:relative;overflow:hidden;background:radial-gradient(60% 90% at 12% 15%,rgba(210,0,0,.6),transparent 62%),radial-gradient(50% 80% at 92% 85%,rgba(210,0,0,.2),transparent 62%),var(--navy)}
.info-box{background:linear-gradient(145deg,rgba(210,0,0,.7),rgba(10,10,10,.96));border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow)}

/* fascia scorrevole */
.marquee-wrap{overflow:hidden;padding:34px 0}
.marquee{background:rgba(210,0,0,.55);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);text-shadow:0 2px 14px rgba(0,0,0,.45);border-block:1px solid rgba(255,255,255,.25);color:#fff;transform:rotate(-1.4deg) scale(1.04);padding:18px 0;box-shadow:0 14px 40px rgba(210,0,0,.35);overflow:hidden;white-space:nowrap}
.marquee .track{display:inline-flex;gap:0;animation:marq 30s linear infinite}
.marquee span{font:700 clamp(1.4rem,3.4vw,2.4rem) var(--display);letter-spacing:.04em;text-transform:uppercase;padding:0 .6em}
.marquee span::after{content:"✦";margin-left:1.2em;opacity:.7}
@keyframes marq{to{transform:translateX(-50%)}}

/* testi fantasma in parallax */
.has-ghost{position:relative;overflow:hidden}
.bgword{position:absolute;left:0;top:50%;margin-top:-.5em;font:700 clamp(7rem,24vw,22rem)/1 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(210,0,0,.14);white-space:nowrap;pointer-events:none;user-select:none;will-change:transform;z-index:0}
.has-ghost>.wrap{position:relative;z-index:1}

/* card inclinabili, magnetismo, link, immagini */
.card,.person{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .25s ease,box-shadow .25s ease}
.card:hover,.person:hover{--ty:-6px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}
.btn{translate:var(--mx,0) var(--my,0)}
.card>a:not(.btn){text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .35s;padding-bottom:2px}
.card>a:not(.btn):hover{background-size:100% 2px}
.js .reveal{translate:0 34px;transform:none;transition:opacity .8s ease,translate .8s ease}
.js .reveal.in{translate:none}
.js .split img.reveal{opacity:1;translate:none;clip-path:inset(0 0 100% 0);transform:scale(1.1);transition:clip-path 1.2s cubic-bezier(.2,.8,.2,1),transform 1.5s cubic-bezier(.2,.8,.2,1)}
.js .split img.reveal.in{clip-path:inset(0);transform:none}

@media (hover:none),(max-width:900px){
  .chips{margin-top:28px}
  .bgword{font-size:34vw}
  .card,.person{transform:none}
  .card:hover,.person:hover{transform:translateY(-4px)}
}
@media (prefers-reduced-motion:reduce){
  .marquee .track{animation:none}
  .js .split img.reveal{clip-path:none;transform:none}
  .js .reveal{translate:none}
  .hero::after,.cursor,.progress{display:none}
}

/* CTA sempre visibile, FAQ, regalo */
.sticky-cta{position:fixed;right:18px;bottom:18px;z-index:70;display:flex;gap:10px;opacity:0;pointer-events:none;translate:0 20px;transition:opacity .35s,translate .35s}
.sticky-cta.show{opacity:1;pointer-events:auto;translate:none}
.sticky-cta .btn{padding:.9em 1.5em;box-shadow:0 14px 40px rgba(210,0,0,.5)}
.faq{display:grid;gap:12px;max-width:820px}
.faq details{background:#fff;border-radius:14px;box-shadow:0 6px 20px rgba(10,10,10,.07);overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:18px 56px 18px 22px;font:600 1.05rem var(--display);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:22px;top:50%;translate:0 -50%;font:700 1.6rem var(--display);color:var(--orange);transition:rotate .25s}
.faq details[open] summary::after{rotate:45deg}
.faq .ans{padding:0 22px 20px;color:var(--muted)}
.gift{background:linear-gradient(135deg,var(--orange),#ff3b3b);color:#fff;border-radius:var(--radius);padding:clamp(28px,5vw,56px);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;box-shadow:0 20px 60px rgba(210,0,0,.35)}
.gift h2{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.6rem)}
.gift p{margin:0;max-width:560px}
.gift a:not(.btn){color:#fff}
.gift .btn{background:var(--navy);box-shadow:none}
@media (max-width:900px){
  .sticky-cta{left:16px;right:16px;bottom:14px}
  .sticky-cta .btn{flex:1;justify-content:center}
  .site-footer{padding-bottom:96px}
}
@media (prefers-reduced-motion:reduce){.sticky-cta{translate:none;transition:none}}
.page-hero .hero-bg{background-position:center 30%}

.gift-actions{display:flex;flex-wrap:wrap;gap:12px}
.gift .btn.ghost{background:transparent;border:2px solid #fff;box-shadow:none}
.gift .btn.ghost:hover{background:rgba(255,255,255,.18)}
@media (max-width:900px){.gift-actions{width:100%;flex-direction:column}.gift-actions .btn{justify-content:center}}

/* finestra del modulo */
dialog{border:0;padding:0;background:transparent;max-width:min(520px,92vw);width:100%;color:var(--ink)}
dialog::backdrop{background:rgba(10,10,10,.72);backdrop-filter:blur(6px)}
dialog .form{margin:0;max-height:90vh;overflow:auto}
.chute-on dialog,.chute-on dialog *{cursor:auto!important}
.chute-on dialog button,.chute-on dialog a,.chute-on dialog label,.chute-on dialog input[type=checkbox]{cursor:pointer!important}
.chute-on dialog input[type=text],.chute-on dialog input[type=email]{cursor:text!important}

/* hero della home: i soggetti sono al centro, il testo a sinistra → velo più scuro a sinistra */
.home .hero::before{background:linear-gradient(90deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.55) 42%,rgba(10,10,10,.12) 100%),linear-gradient(180deg,rgba(10,10,10,.5) 0%,transparent 28%,rgba(10,10,10,.72) 100%)}
@media (max-width:900px){.home .hero-bg{background-position:62% 20%!important}.home .hero::before{background:linear-gradient(180deg,rgba(10,10,10,.65) 0%,rgba(10,10,10,.5) 45%,rgba(10,10,10,.85) 100%)}}

/* modulo di prenotazione (anche multipla) */
.form.book{max-width:860px;margin-top:28px}
.block{border:1px solid #e3e3e3;border-radius:var(--radius);padding:22px;margin:0 0 18px}
.block-title{font:700 1.1rem var(--display);padding:0 8px;display:flex;align-items:center;gap:12px}
.rimuovi{background:none;border:1px solid #ccc;border-radius:99px;padding:.25em .9em;font:600 .75rem var(--display);cursor:pointer;color:var(--muted)}
.rimuovi:hover{border-color:var(--orange);color:var(--orange)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}
.form input[type=tel],.form input[type=number],.form textarea{width:100%;padding:.85em 1em;border:2px solid #dddddd;border-radius:12px;font:inherit;margin-bottom:18px;background:var(--paper)}
.form input[type=tel]:focus,.form input[type=number]:focus,.form textarea:focus{border-color:var(--orange)}
.choice{border:0;padding:0;margin:0 0 18px}
.choice legend{font:600 .85rem var(--display);letter-spacing:.06em;text-transform:uppercase;padding:0;margin-bottom:8px}
.choice label{display:inline-flex;gap:8px;align-items:center;margin:0 18px 0 0;font:500 1rem var(--font);text-transform:none;letter-spacing:0}
.multi{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--paper);border-radius:var(--radius);padding:18px 22px}
.multi p{margin:4px 0 0;color:var(--muted)}
@media (max-width:700px){.grid2,.grid3{grid-template-columns:1fr}.multi .btn{width:100%;justify-content:center}}

/* Tandem: blocco regalo più compatto rispetto alle sezioni vicine */
#regalo{padding:clamp(32px,5vw,56px) 0 0}
#regalo + .section{padding-top:clamp(32px,5vw,56px)}

/* modulo di prenotazione centrato nella pagina */
#prenota-online .wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
#prenota-online .form.book{width:100%;text-align:left;margin-inline:auto}
#prenota-online p{margin-inline:auto}

/* altimetro: il paracadute scende lungo la barra mentre scorri la pagina */
.altimeter .track{height:150px;background:rgba(127,127,127,.6);box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.mini-chute{position:absolute;left:50%;top:0;width:44px;height:66px;translate:-50% -50%;transform-origin:50% 88%;animation:sway 3.2s ease-in-out infinite alternate;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}
.mini-chute svg{display:block;width:100%;height:100%;overflow:visible}
@keyframes sway{from{rotate:-10deg}to{rotate:10deg}}

/* altimetro: caduta libera fino a 1000 m, poi il paracadute si apre */
.mini-chute{animation:flutter .45s ease-in-out infinite alternate;transform-origin:50% 50%}
.mini-chute .canopy,.mini-chute .hang{opacity:0}
.mini-chute .canopy{transform-origin:50px 80px;transform:scale(.1);transition:transform .7s cubic-bezier(.2,1.5,.4,1),opacity .25s}
.mini-chute .hang{transition:opacity .25s}
.mini-chute .fall{transition:opacity .2s}
.mini-chute.opened{transform-origin:50% 88%;animation:sway 3.2s ease-in-out infinite alternate}
.mini-chute.opened .canopy{opacity:1;transform:scale(1)}
.mini-chute.opened .hang{opacity:1}
.mini-chute.opened .fall{opacity:0}
@keyframes flutter{from{rotate:-4deg}to{rotate:4deg}}

.altimeter .track{margin-top:34px;margin-bottom:34px}

/* all'apertura il saltatore alza le braccia verso i comandi del paracadute */
.mini-chute .arms{transform-origin:50px 98px;transform:scaleY(.2);transition:transform .5s .35s cubic-bezier(.2,1.5,.4,1)}
.mini-chute.opened .arms{transform:scaleY(1)}
@media (prefers-reduced-motion:reduce){.mini-chute .arms{transition:none}}


.buono-link{margin:-6px 0 16px;font-size:.92rem;color:var(--muted)}
.buono-link a{font-weight:600}

/* schede impilate: ogni sezione resta ferma sotto l'intestazione e la successiva la ricopre dal basso */
main > .section{position:sticky;top:117px;background-color:var(--paper);border-radius:clamp(18px,3vw,34px);margin-inline:clamp(6px,1.6vw,22px);margin-block:12px;box-shadow:0 -26px 60px rgba(10,10,10,.22);transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}
main > .section::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:rgba(10,10,10,.55);opacity:calc(var(--p,0) * .6)}
/* scheda che resta dietro: i bottoni spariscono appena inizia a essere coperta (non sbucano dal bordo di quella che sale) */
main > .section .btn{opacity:max(0,calc(1 - var(--p,0) * 8))}
@media (prefers-reduced-motion:reduce){main > .section{position:relative;top:auto;will-change:auto}main > .section::after{display:none}}

/* Tandem: blocco regalo con spazio sotto, scheda successiva più compatta sopra */
#regalo{padding:clamp(32px,5vw,56px) 0 clamp(32px,5vw,52px)}
#regalo + .section{padding-top:clamp(20px,3vw,34px)}

/* la scheda scura mantiene il fondo nero (la regola generale delle schede usa il colore chiaro) */
main > .section.dark-bg{background-color:var(--navy)}

/* staff: una scheda per riga, impilate come le sezioni */
.staff{grid-template-columns:1fr;gap:18px}
.staff .person,.staff .person:hover{transform:none}
.staff .person{display:grid;grid-template-columns:minmax(200px,300px) 1fr;position:sticky;top:135px;transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;box-shadow:0 -22px 54px rgba(10,10,10,.22)}
.staff .person::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:rgba(10,10,10,.55);opacity:calc(var(--p,0) * .6)}
.staff .person .ph{aspect-ratio:1/1;height:100%;border-radius:var(--radius) 0 0 var(--radius);overflow:hidden}
.staff .person .body{align-self:center;padding:clamp(22px,4vw,44px)}
.staff .person h3{font-size:clamp(1.5rem,3.2vw,2.3rem)}
.staff .person .ruolo{font-size:clamp(.85rem,1.6vw,1rem);margin:8px 0 12px}
.staff .person .det{font-size:1.05rem}
@media (max-width:700px){.staff .person{grid-template-columns:1fr}.staff .person .ph{aspect-ratio:16/11;border-radius:var(--radius) var(--radius) 0 0}}
@media (prefers-reduced-motion:reduce){.staff .person{position:relative;top:auto;will-change:auto}.staff .person::after{display:none}}

.staff-spacer{pointer-events:none;min-height:0}

/* scelta del buono regalo: riquadro ben evidenziato con tre schede */
.buono-box{border:2px solid var(--orange);border-radius:var(--radius);background:linear-gradient(180deg,rgba(210,0,0,.07),#fff 70%);padding:20px 22px 8px;margin:4px 0 22px;box-shadow:0 14px 40px rgba(210,0,0,.12)}
.buono-box legend{background:var(--orange);color:#fff;font:700 .8rem var(--display);letter-spacing:.14em;text-transform:uppercase;padding:.45em 1.1em;border-radius:99px;margin-left:4px}
.buono-q{font:700 clamp(1.1rem,2.4vw,1.35rem) var(--display);margin:6px 0 14px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.tile{display:block;position:relative;margin:0;cursor:pointer;text-transform:none;letter-spacing:0}
.tile input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.tile-body{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px 16px 18px;border:2px solid #d9d9d9;border-radius:16px;background:#fff;font:500 1rem var(--font);transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}
.tile:hover .tile-body{border-color:var(--orange);transform:translateY(-2px)}
.t-title{font:700 1.05rem var(--display);color:var(--ink)}
.t-sub{font-size:.88rem;color:var(--muted);line-height:1.35}
.t-tag{font:700 .68rem var(--display);letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.tile input:checked + .tile-body{border-color:var(--orange);background:rgba(210,0,0,.09);box-shadow:0 0 0 3px rgba(210,0,0,.22)}
.tile input:checked + .tile-body::after{content:"✓";position:absolute;top:10px;right:12px;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.95rem}
.tile input:focus-visible + .tile-body{outline:3px solid var(--ink);outline-offset:2px}
.tile-buy .tile-body{background:linear-gradient(135deg,var(--orange),#8f0000);border-color:var(--orange);color:#fff;box-shadow:0 12px 30px rgba(210,0,0,.35)}
.tile-buy .t-title{color:#fff;font-size:1.15rem}
.tile-buy .t-sub,.tile-buy .t-tag{color:rgba(255,255,255,.92)}
.tile-buy:hover .tile-body{border-color:#fff}
.tile-buy input:checked + .tile-body{background:linear-gradient(135deg,#e30000,#7a0000);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--orange),0 14px 34px rgba(210,0,0,.45)}
.tile-buy input:checked + .tile-body::after{background:#fff;color:var(--orange)}
.buono-box .codice{margin-top:-4px}
.buono-box .codice input{border-color:var(--orange);background:#fff}
@media (max-width:760px){.tiles{grid-template-columns:1fr}}
.form label.tile{text-transform:none;letter-spacing:0;font:inherit;margin:0;display:block}
.form label.tile .t-title{text-transform:none;letter-spacing:0}
.form label.tile .t-tag{text-transform:uppercase;letter-spacing:.14em}

/* cursori normali sui punti cliccabili e modificabili */
a,button,summary,label,select,[role=button],.btn,.tile,[data-open]{cursor:pointer}
input[type=text],input[type=email],input[type=tel],input[type=number],textarea{cursor:text}
input[type=checkbox],input[type=radio]{cursor:pointer}
button:disabled,.btn:disabled{cursor:not-allowed}

/* pagina Staff: niente scheda grande dietro, restano solo le schede delle persone */
.staff-page main > .section{position:static;background:transparent;box-shadow:none;border-radius:0;margin-inline:0;margin-block:0;transform:none!important;will-change:auto}
.staff-page main > .section::after{display:none}

/* piè di pagina: quando si arriva in fondo prima si inclina un po' all'indietro, poi molto in avanti, poi torna normale */
.site-footer{transform-origin:50% 100%}
.site-footer.thud{animation:thud .95s cubic-bezier(.3,.7,.3,1);will-change:transform}
@keyframes thud{
  0%{transform:perspective(1100px) rotateX(0)}
  20%{transform:perspective(1100px) rotateX(calc(var(--thud,1) * 4deg))}
  55%{transform:perspective(1100px) rotateX(calc(var(--thud,1) * -11deg))}
  100%{transform:perspective(1100px) rotateX(0)}
}
@media (prefers-reduced-motion:reduce){.site-footer.thud{animation:none}}

/* niente effetto rimbalzo (elastico) di Safari ai bordi della pagina */
html,body{overscroll-behavior:none}

/* piè di pagina come scheda arrotondata, con poco bianco attorno */
.site-footer{margin:12px clamp(6px,1.6vw,22px) 0;border-radius:clamp(18px,3vw,34px) clamp(18px,3vw,34px) 0 0;transform-origin:50% 100%}
@media (max-width:900px){.site-footer{padding-bottom:96px}}

.site-footer{position:relative}

/* un po' di spazio ai lati delle schede */
main > .section{padding-inline:clamp(10px,2vw,22px)}
.staff-page main > .section{padding-inline:0}

/* modale "Richiedi il buono": più larga, campi affiancati, meno alta */
dialog.wide{max-width:min(780px,94vw)}
dialog.wide .form{padding:26px 30px}
dialog.wide .form h2{margin:0 0 6px}
dialog.wide .form>p{margin:0 0 16px}
dialog.wide .form input:not([type=radio]):not([type=checkbox]){margin-bottom:12px}
dialog.wide .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start}
dialog.wide .grid2>*{min-width:0}
dialog.wide .checks{margin-bottom:12px!important}
dialog.wide .form label.consent{margin-bottom:14px!important}
@media (max-width:640px){dialog.wide .grid2{grid-template-columns:1fr}dialog.wide .form{padding:22px 20px}}

/* richiesta inviata: nasconde i campi e mostra solo il messaggio */
.form.sent>*:not(.sent-box){display:none!important}
.form.sent>.sent-box{display:block!important}
.sent-box[hidden]{display:none}
dialog.wide .grid2>.full{grid-column:1/-1}
dialog.wide .checks.full{display:flex;flex-wrap:wrap;gap:6px 28px}
dialog.wide .checks.full legend{width:100%}

/* esito della verifica del codice buono */
.code-status{margin:-6px 0 14px;font:600 .9rem var(--font)}
.code-status.ok{color:#12612b}.code-status.err{color:#8b1d12}.code-status.wait{color:#555}
/* prenotazione: pulsante di invio a destra */
#invia-prenotazione{display:flex;width:max-content;margin-left:auto}
@media (max-width:560px){#invia-prenotazione{width:100%;justify-content:center}}

/* altimetro analogico (quadrante con lancetta + velocità in caduta) al posto del numero della quota */
.altimeter .hud-dial{position:relative;width:66px;height:66px;border-radius:50%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.altimeter .hud-dial__face{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:50%;background:#fff;user-select:none}
.altimeter .hud-dial__needle{position:absolute;left:50%;top:50%;width:2px;height:42%;background:#0a0a0a;border-radius:2px 2px 0 0;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(0deg);box-shadow:0 0 4px rgba(0,0,0,.5)}
.altimeter .hud-dial__center{position:absolute;left:50%;top:50%;width:8px;height:8px;background:#1a1a1a;border:2px solid #d20000;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px rgba(0,0,0,.5)}
.altimeter .hud-read{display:flex;align-items:baseline;gap:4px;white-space:nowrap;padding:3px 8px;border-radius:99px;background:rgba(10,15,8,.94);border:1px solid #d20000;color:#f4f6f1;font:700 .5rem var(--display);letter-spacing:.04em;text-shadow:none;box-shadow:0 4px 14px rgba(0,0,0,.45)}
.altimeter .hud-read b{color:#ff4b3e;font-size:.7rem;line-height:1;min-width:1.6em;text-align:right;font-variant-numeric:tabular-nums}
.altimeter .hud-read em{font-style:normal;opacity:.85}
.altimeter .hud-read small{font-size:.4rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6;border-left:1px solid rgba(210,0,0,.5);padding-left:5px;margin-left:1px}
/* velocità sotto la barra, quadrante in alto */
.altimeter .hud-read{order:3}
/* quadrante più vicino alla barra */
.altimeter .hud-dial{margin-bottom:-6px}
.altimeter .track{margin-top:28px}
/* copyright: tutto a sinistra, senza spazio in mezzo */
.copy{justify-content:flex-start;gap:0 .6em}

/* dove siamo: QR per mandare la rotta sul telefono */
.qr-card{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-top:28px;padding:22px;border-radius:var(--radius);border:1px solid rgba(210,0,0,.25);background:linear-gradient(135deg,rgba(210,0,0,.1),rgba(255,255,255,.7))}
.qr-card .qr-box{padding:8px;background:#fff;border-radius:12px;line-height:0;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.qr-card .qr-box img{width:120px;height:120px;display:block;aspect-ratio:auto;box-shadow:none;border-radius:0}
.qr-eyebrow{font:700 .7rem var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
.qr-card h3{margin:0 0 6px;font-size:1.25rem}
.qr-card p{margin:0;color:var(--muted,#555);max-width:52ch}
@media (max-width:560px){.qr-card{grid-template-columns:1fr;justify-items:start}}
/* meno spazio sopra e sotto la barra dell'altimetro */
.altimeter .track{margin-top:20px;margin-bottom:26px}

/* marchio UPnGO nei testi in maiuscolo: la n resta minuscola e più piccola */
.brand-n{text-transform:none;font-size:1.05em;letter-spacing:inherit}

/* banner con un messaggio occasionale in cima alla home */
.site-banner{position:fixed;left:0;right:0;top:var(--hh,78px);z-index:60;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:12px 56px 12px 20px;color:#fff;font:600 1rem var(--font);text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.site-banner p{margin:0;max-width:70ch}
.site-banner p hr{border:0;border-top:1px solid rgba(255,255,255,.4);margin:.5em 0}
.site-banner p a{color:#fff;text-decoration:underline}
.site-banner.info{background:#1d3f8f}
.site-banner.attenzione{background:#c40000}
.site-banner.ok{background:#12612b}
.site-banner .btn{padding:.55em 1.2em;background:#fff;color:#0a0a0a;box-shadow:none}
.site-banner .btn:hover{background:#f0f0f0}
.site-banner__x{position:absolute;right:12px;top:50%;translate:0 -50%;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}
.site-banner__x:hover{background:rgba(255,255,255,.32)}
@media (max-width:560px){.site-banner{font-size:.92rem;padding:10px 48px 10px 14px}}
/* nella home il banner è una fascia diagonale al centro della prima schermata, con testo grande (al posto del nastro scorrevole) */
.site-banner--fascia{position:absolute;left:-8%;right:-8%;top:40%;z-index:5;transform:translateY(-50%) rotate(-4deg);padding:clamp(16px,2.4vw,30px) calc(8vw + 76px);gap:clamp(10px,1.6vw,22px);font:700 clamp(1.15rem,2.6vw,2.2rem)/1.15 var(--display);box-shadow:0 18px 60px rgba(0,0,0,.5)}
.site-banner--fascia{-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);text-shadow:0 2px 14px rgba(0,0,0,.55);border-block:1px solid rgba(255,255,255,.25)}
.site-banner--fascia.info{background:rgba(29,63,143,.55)}
.site-banner--fascia.attenzione{background:rgba(196,0,0,.55)}
.site-banner--fascia.ok{background:rgba(18,97,43,.55)}
.site-banner--fascia p{max-width:none}
.site-banner--fascia .btn{font-size:clamp(.9rem,1.3vw,1.1rem);padding:.55em 1.2em}
.site-banner--fascia .site-banner__x{right:auto;left:calc(8vw + 18px);width:42px;height:42px}
.hero .marquee-wrap[hidden]{display:none}
@media (max-width:560px){.site-banner--fascia{font-size:clamp(1.05rem,4.8vw,1.4rem);padding:14px calc(8vw + 58px);transform:translateY(-50%) rotate(-3deg)}.site-banner--fascia .site-banner__x{left:calc(8vw + 10px);width:38px;height:38px}}

/* Cessna 182 in wireframe che ruota con lo scorrimento: sta dietro ai contenuti, nel bianco delle schede chiare */
.bgplane{position:absolute;top:50%;translate:0 -50%;width:min(1120px,92vw);aspect-ratio:1.7/1;pointer-events:none;user-select:none;z-index:0}
.bgplane.sx{left:-13%}
.bgplane.dx{right:-8%;top:0;translate:none;width:min(1000px,84vw)}
.bgplane.basso{top:auto;bottom:-4%;translate:none}
@media (max-width:700px){.bgplane,.bgplane.dx{width:120vw;left:-10vw;right:auto}}

/* atterraggio: a terra il paracadute si affloscia e cade di lato, il saltatore resta in piedi */
.mini-chute.landed{animation:none;rotate:0deg}
.mini-chute.opened.landed .canopy{transform:translate(-8px,62px) scale(.6,.25);transition:transform 1s cubic-bezier(.25,.8,.35,1)}
.mini-chute.landed .rope{opacity:0}
.mini-chute .slack{opacity:0;transition:opacity .3s}
.mini-chute.opened.landed .slack{opacity:1;transition:opacity .5s .7s}
.mini-chute.opened.landed .arms{transform:scaleY(-.42);transition:transform .6s}
@media (prefers-reduced-motion:reduce){.mini-chute.opened.landed .canopy{transition:none}}

/* pulsanti flottanti della pagina Tandem: stessi del blocco "Regala un'emozione" */
.sticky-cta .btn.ghost{background:var(--orange);border:2px solid #fff;box-shadow:0 14px 40px rgba(210,0,0,.5)}
.sticky-cta .btn.ghost:hover{background:#e01b1b}
.sticky-gift .btn:not(.ghost){background:var(--navy);box-shadow:0 14px 40px rgba(10,10,10,.4)}

/* home: il nastro scorrevole attraversa in diagonale il fondo della prima schermata, sotto i pulsanti */
.hero .marquee-wrap{position:absolute;left:0;right:0;bottom:46px;padding:0;z-index:1;overflow:visible}
.hero .marquee{transform:rotate(-4deg) scale(1.12);padding:14px 0}
.hero:has(.marquee-wrap) .hero-inner{padding-bottom:150px}
.hero:has(.marquee-wrap) .scroll-cue{bottom:104px}
@media (max-width:700px){.hero .marquee{transform:rotate(-3deg) scale(1.12)}.hero:has(.marquee-wrap) .scroll-cue{display:none}}