@font-face{font-family:"Barlow C";src:url(/fonts/barlowc-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow C";src:url(/fonts/barlowc-800i.woff2) format("woff2");font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Rubik Dirt";src:url(/fonts/rubikdirt-sub.woff2) format("woff2");font-display:swap}
:root{--bg:#151513;--bg2:#1e1e1b;--ink:#f3f2ea;--mute:#b3b2a8;--acc:#fff406;--light:#efeee6;--dk:#151513;--line:#34342f;--hh:64px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 Inter,system-ui,sans-serif}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;min-width:0}
h1,h2,h3,.disp{font-family:"Barlow C",Impact,sans-serif;font-weight:700;text-transform:uppercase;line-height:.95;letter-spacing:.01em}
h2{font-size:clamp(40px,6vw,76px);margin-bottom:24px;position:relative;display:inline-block}
h3{font-size:28px;line-height:1}
.dirt{font-family:"Rubik Dirt",serif;font-weight:400;text-transform:lowercase;color:var(--acc);letter-spacing:0}
.eyebrow{font:700 14px/1 Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:14px;display:block}
.lead{font-size:19px;color:var(--mute);max-width:640px}
section{padding:112px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;font:700 18px/1 "Barlow C",sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border:2px solid var(--acc);transform:skewX(-8deg);transition:background .2s,color .2s,transform .2s;cursor:pointer;white-space:nowrap}
.btn>span{display:inline-block;transform:skewX(8deg)}
.btn-fill{background:var(--acc);color:var(--dk)}
.btn-line{background:transparent;color:var(--ink)}
.btn:hover{transform:skewX(-8deg) translateY(-2px)}.btn-line:hover{background:var(--acc);color:var(--dk)}
/* topbar */
.topbar{background:var(--acc);color:var(--dk);font:600 13px/40px Inter;height:40px;overflow:hidden}
.topbar .wrap{display:flex;justify-content:center;gap:28px;white-space:nowrap}
.topbar span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;background:repeating-conic-gradient(var(--dk) 0 25%,transparent 0 50%) 0 0/4px 4px}
@media(max-width:480px){.topbar span:nth-child(3){display:none}.topbar .wrap{gap:16px;font-size:12px}}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(21,21,19,.97);border-bottom:1px solid var(--line);transition:height .25s}
.hdr .wrap{display:flex;align-items:center;gap:24px;height:var(--hh);transition:height .25s}
.hdr.compact .wrap{height:54px}
.brand{font:800 italic 30px/1 "Barlow C";text-transform:uppercase;text-decoration:none;white-space:nowrap;letter-spacing:.01em}
.brand b{color:var(--acc);font-weight:800}
.nav{display:flex;gap:22px;margin-left:auto}
.nav a{font:600 15px/1 Inter;text-decoration:none;white-space:nowrap;color:var(--mute)}.nav a:hover{color:var(--ink)}
.hdr .tel{font:700 16px/1 Inter;text-decoration:none;white-space:nowrap}
.hdr .btn{min-height:42px;padding:0 18px;font-size:16px}
.burger{display:none;margin-left:auto;background:none;border:0;color:var(--ink);width:44px;height:44px;cursor:pointer}
.burger i{display:block;width:26px;height:2px;background:currentColor;margin:6px auto}
.mnav{display:none}
.progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;z-index:60}
@media(max-width:1080px){.nav,.hdr .tel{display:none}.burger{display:block}.hdr .btn{display:none}
 .mnav{position:fixed;top:var(--mt,104px);left:0;right:0;bottom:0;background:var(--bg);z-index:49;padding:32px 24px 120px;overflow:auto;flex-direction:column;gap:6px}
 .mnav.open{display:flex}.mnav a{font:700 36px/1.3 "Barlow C";text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--line);padding:8px 0}}
/* hero */
.hero{position:relative;min-height:calc(100svh - 104px);display:flex;align-items:flex-end;overflow:hidden;padding:0}
.hero-media{position:absolute;inset:-8% 0 0 0;height:116%}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media video{opacity:0;transition:opacity 1.2s}.hero-media video.on{opacity:1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,21,19,.92) 0%,rgba(21,21,19,.6) 55%,rgba(21,21,19,.25) 100%),linear-gradient(0deg,rgba(21,21,19,.9),transparent 45%)}
.hero .wrap{position:relative;z-index:2;padding-top:96px;padding-bottom:88px}
.kicker{font:700 15px/1 Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin-bottom:18px}
.hero h1{font-size:clamp(44px,5.8vw,86px);max-width:820px;text-wrap:balance;position:relative}
.hero .sub{font:700 20px/1.3 "Barlow C";letter-spacing:.08em;text-transform:uppercase;margin:22px 0 26px;color:var(--ink)}
.lights{display:flex;gap:10px;margin-bottom:22px}.lights i{width:16px;height:16px;border-radius:50%;background:#3a3a35;border:2px solid #555}
.lights i.red{background:#ff2a1a;border-color:#ff2a1a;box-shadow:0 0 14px #ff2a1a}.lights i.go{background:#2bff6a;border-color:#2bff6a;box-shadow:0 0 14px #2bff6a}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.status{margin-top:22px;font:600 15px/1.4 Inter;color:var(--mute)}.status b{color:var(--acc)}
.status .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#777;margin-right:8px}.status.open .dot{background:#2bff6a}
.scroll{position:absolute;right:32px;bottom:28px;z-index:2;font-size:34px;color:var(--acc);animation:bob 1.6s ease-in-out infinite;text-decoration:none}
@keyframes bob{50%{transform:translateY(8px)}}
/* marquee */
.marq{background:var(--acc);color:var(--dk);overflow:hidden;padding:14px 0;border-top:3px solid var(--dk)}
.marq .track{display:flex;width:max-content;animation:mq 38s linear infinite}.marq:hover .track{animation-play-state:paused}
.marq span{font:800 italic 30px/1 "Barlow C";text-transform:uppercase;white-space:nowrap;padding-right:18px}
@keyframes mq{to{transform:translateX(-50%)}}
/* torn edge */
.torn{height:28px;background:var(--bg);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 28" preserveAspectRatio="none"><path d="M0 28V12l6 5 7-9 5 7 8-10 6 8 7-6 5 9 9-11 6 8 8-7 5 6 9-10 6 9 7-5 6 7 8-9 12 8V28z"/></svg>') 0 0/240px 28px repeat-x;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 28" preserveAspectRatio="none"><path d="M0 28V12l6 5 7-9 5 7 8-10 6 8 7-6 5 9 9-11 6 8 8-7 5 6 9-10 6 9 7-5 6 7 8-9 12 8V28z"/></svg>') 0 0/240px 28px repeat-x;margin-top:-28px;position:relative}
.torn.lt{background:var(--light)}
/* titolo a pennellata */
.brush{display:inline-flex;align-items:center;gap:12px;background:var(--acc);color:var(--dk);padding:6px 22px 8px 16px;font:800 italic 22px/1 "Barlow C";text-transform:uppercase;clip-path:polygon(2% 8%,12% 0,40% 6%,70% 0,98% 5%,100% 55%,97% 100%,60% 94%,30% 100%,4% 95%,0 50%);margin-bottom:18px}
/* pista */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:28px 0}.stat .n{font:800 italic clamp(64px,9vw,120px)/.9 "Barlow C";color:var(--acc)}.stat .l{font:700 18px/1.2 "Barlow C";text-transform:uppercase;letter-spacing:.06em;margin-top:8px}
.trackbox{background:var(--bg2);border:1px solid var(--line);padding:clamp(16px,4vw,48px)}
.trackbox svg{width:100%;height:auto;overflow:visible}
.story{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;color:var(--mute)}
.story strong{color:var(--ink)}
@media(max-width:767px){.stats{grid-template-columns:1fr;gap:0}.stat{padding:18px 0;border-bottom:1px solid var(--line)}.stat:last-child{border:0}.story{grid-template-columns:1fr;gap:16px}}
/* mezzi */
.tabs{display:flex;gap:10px;margin:32px 0 28px;flex-wrap:wrap}
.tab{background:transparent;border:2px solid var(--line);color:var(--mute);font:700 20px/1 "Barlow C";text-transform:uppercase;padding:14px 22px;cursor:pointer;transform:skewX(-8deg)}
.tab.on{border-color:var(--acc);color:var(--dk);background:var(--acc)}
.mz-list{display:block}
.mezzo{display:none;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;background:var(--bg2);border:1px solid var(--line);padding:32px}
.mezzo.on{display:grid}
.mezzo .pic{overflow:hidden;aspect-ratio:4/3}.mezzo .pic img{width:100%;height:110%;margin-top:-5%;object-fit:cover}
.mezzo .cat{font:600 14px/1 Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.mezzo h3{font-size:48px;margin-bottom:18px}
.spec{list-style:none;border-top:1px solid var(--line);margin:18px 0}
.spec li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}.spec li span{color:var(--mute)}
.bar{margin-top:16px}.bar p{display:flex;justify-content:space-between;font:700 14px/1 Inter;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin-bottom:8px}
.bar div{height:10px;background:#2c2c28}.bar i{display:block;height:100%;background:var(--acc);transform:scaleX(var(--v));transform-origin:0 50%}
@media(max-width:767px){.tabs{display:none}.mz-list{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:24px -24px 0;padding:0 24px 12px}
 .mezzo,.mezzo.on{display:block;flex:0 0 86%;scroll-snap-align:start;padding:18px}.mezzo h3{font-size:36px;margin-top:16px}}
/* cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.card{background:var(--bg2);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.card .pic{overflow:hidden;aspect-ratio:4/3}.card .pic img{width:100%;height:112%;margin-top:-6%;object-fit:cover;transition:scale .6s}.card:hover .pic img{scale:1.04}
.card .in{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.card p{color:var(--mute);font-size:16px;flex:1}
.card a.more{font:700 17px/1 "Barlow C";text-transform:uppercase;letter-spacing:.06em;color:var(--acc);text-decoration:none}
@media(max-width:960px){.grid3{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid3{grid-template-columns:1fr}}
/* tariffe */
.rows{margin-top:36px;border-top:2px solid var(--ink)}
.row{display:grid;grid-template-columns:1.3fr 1.6fr auto;gap:24px;align-items:center;padding:22px 16px;border-bottom:1px solid var(--line)}
.row h3{font-size:26px}.row p{color:var(--mute);font-size:16px}
.row.hot{background:var(--acc);color:var(--dk)}.row.hot p{color:#3a3a20}
.row .tag{font:700 16px/1 "Barlow C";text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.note{margin-top:22px;color:var(--mute);font-size:15px}
@media(max-width:767px){.row{grid-template-columns:1fr;gap:6px}}
/* light section */
.inv{background:var(--light);color:var(--dk)}.inv .lead,.inv .mute{color:#4a4a42}.inv .eyebrow{color:#6b6400}
.req{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-top:28px}
.req ul{list-style:none}.req li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #d3d2c8}
.req li svg{width:36px;height:36px;stroke:var(--dk);fill:none;stroke-width:1.8}.req li b{display:block;font:700 22px/1.1 "Barlow C";text-transform:uppercase;margin-bottom:4px}
.req li span{color:#4a4a42;font-size:16px}.req .pic{aspect-ratio:4/3;overflow:hidden}.req .pic img{width:100%;height:112%;margin-top:-6%;object-fit:cover}
@media(max-width:860px){.req{grid-template-columns:1fr;gap:28px}}
/* recensioni */
.rating{font:800 italic 26px/1 "Barlow C";color:var(--acc);text-transform:uppercase}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.quote{border-left:4px solid var(--acc);padding:4px 0 4px 22px}.quote p{font-size:17px}.quote cite{display:block;margin-top:14px;font:600 14px/1.3 Inter;color:var(--mute);font-style:normal}
@media(max-width:860px){.quotes{grid-template-columns:1fr}}
/* obiezione */
.obj{text-align:left;padding:96px 0}.obj h2{font-size:clamp(34px,5vw,60px);max-width:900px;text-transform:none;line-height:1.05}.obj p{font-size:20px;max-width:760px;color:var(--mute)}
/* faq */
.faq{max-width:860px;margin-top:28px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font:700 24px/1.15 "Barlow C";text-transform:uppercase;position:relative}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:32px;color:var(--acc)}.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 22px;color:var(--mute)}
/* form */
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px;max-width:860px}
.fgrid label{display:flex;flex-direction:column;gap:8px;font:600 14px/1 Inter;letter-spacing:.06em;text-transform:uppercase;color:#4a4a42}
.fgrid .full{grid-column:1/-1}
.fgrid input,.fgrid select,.fgrid textarea{font:400 17px/1.4 Inter;padding:14px;border:2px solid #cfcec4;background:#fff;color:var(--dk);border-radius:0;width:100%}
.fgrid input:focus,.fgrid select:focus,.fgrid textarea:focus{outline:none;border-color:var(--dk)}
.fgrid .chk{flex-direction:row;align-items:flex-start;gap:12px;text-transform:none;letter-spacing:0;font:400 15px/1.5 Inter}.chk input{width:20px;height:20px;flex:0 0 20px;margin-top:2px}
.inv .btn-fill{border-color:var(--dk);background:var(--dk);color:var(--acc)}
.ok{display:none;margin-top:18px;font:700 20px/1.3 "Barlow C";text-transform:uppercase;background:var(--acc);padding:14px 18px;max-width:860px}.ok.on{display:block}
@media(max-width:767px){.fgrid{grid-template-columns:1fr}}
/* orari */
.oc{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:28px}
.hours{list-style:none}.hours li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.hours li.today{color:var(--acc);font-weight:700}
.contact p{margin-bottom:12px}.contact a{text-decoration:none;font-weight:600}.contact .big{font:800 italic 38px/1 "Barlow C";color:var(--acc)}
.map{display:block;margin-top:24px;border:1px solid var(--line);aspect-ratio:1/1;max-width:520px;overflow:hidden}.map img{width:100%;height:100%;object-fit:cover}
@media(max-width:860px){.oc{grid-template-columns:1fr;gap:36px}}
footer{border-top:6px solid var(--acc);padding:48px 0 120px;color:var(--mute);font-size:15px}
footer .brand{font-size:36px;display:inline-block;margin-bottom:14px;color:var(--ink)}
/* mobile cta */
.mcta{display:none}
@media(max-width:767px){section{padding:72px 0}.hero .wrap{padding-top:48px;padding-bottom:48px}.hero .sub{font-size:17px;margin:16px 0 20px}.lights{display:none}.scroll{display:none}
 .ctas .btn{min-height:46px;padding:0 16px;font-size:16px}
 .mcta{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--bg);border-top:1px solid var(--line)}
 .mcta a{display:flex;align-items:center;justify-content:center;height:58px;font:700 17px/1 "Barlow C";text-transform:uppercase;text-decoration:none;letter-spacing:.05em}
 .mcta a.pri{background:var(--acc);color:var(--dk)}}
/* evidenziatore */
.hl-s{position:absolute;inset:-2px -6px;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;pointer-events:none;z-index:2}
@media (prefers-reduced-motion:reduce){.marq .track,.scroll{animation:none}*{scroll-behavior:auto}}

/* grafiche di sfondo in movimento continuo */
section{position:relative;overflow:hidden}
section>.wrap{position:relative;z-index:1}
.amb{position:absolute;left:-12%;right:-12%;top:4%;z-index:0;pointer-events:none}
.amb svg{width:100%;height:auto;overflow:visible;animation:drift 26s ease-in-out infinite alternate}
.amb use{fill:none;stroke:rgba(255,244,6,.10);stroke-width:2.2;stroke-dasharray:2 12;stroke-linecap:round;animation:flow 22s linear infinite}
.inv .amb use{stroke:rgba(21,21,19,.10)}
#mezzi .amb,#recensioni .amb,#prenota .amb{left:-30%;right:10%;top:auto;bottom:-10%}
#cosa .amb svg,#faq .amb svg{animation-direction:alternate-reverse}
@keyframes flow{to{stroke-dashoffset:-560}}
@keyframes drift{0%{transform:translate(-2%,0) rotate(-3deg) scale(1)}100%{transform:translate(3%,-4%) rotate(4deg) scale(1.06)}}
.marq2{background:var(--bg2);color:var(--acc);border-top:0}
.hero{overflow:hidden}
@media(max-width:767px){
 .hero{min-height:0}
 .hero .wrap{padding-top:42px;padding-bottom:42px}
 .kicker{font-size:12px;letter-spacing:.12em;margin-bottom:10px;white-space:nowrap}
 .hero h1{font-size:40px}
 .hero .sub{font-size:14px;letter-spacing:.05em;margin:12px 0 14px;white-space:nowrap}
 .lights{display:flex;gap:8px;margin-bottom:14px}.lights i{width:13px;height:13px}
 .ctas{gap:10px}.ctas .btn{min-height:42px;padding:0 14px;font-size:15px}
 .status{margin-top:12px;font-size:13px}
 .amb{left:-40%;right:-40%}
}
@media (prefers-reduced-motion:reduce){.amb svg,.amb use{animation:none}}
/* segnaposto foto mezzi */
.pic.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#1c1c1a;border:1px dashed var(--line);aspect-ratio:4/3}
.pic.ph svg{width:46%;fill:none;stroke:var(--acc);stroke-width:2.5;opacity:.7}.pic.ph span{font:600 13px/1 Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
/* regolamento moto proprie */
.regol{margin-top:28px;border:2px solid var(--acc);padding:22px 24px;max-width:760px}.regol h3{font-size:24px;margin-bottom:8px;color:var(--acc)}
.regol p{color:var(--mute);font-size:16px}.regol ul{margin:10px 0 0 20px;font-size:16px}.regol li{margin:4px 0}
.card p b{color:var(--ink)}
.privacy{max-width:760px}.privacy h1{font-size:clamp(40px,6vw,64px);margin-bottom:24px}.privacy h2{font-size:26px;margin:28px 0 10px}.privacy p,.privacy li{color:var(--mute);margin-bottom:10px}.privacy ul{margin-left:20px}
/* logo: scritta e logo si alternano nell'header */
.brand{position:relative;display:inline-block}
.brand .word{display:inline-block;animation:bw 9s ease-in-out infinite}
.brand .mark{position:absolute;left:0;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:8px;opacity:0;transform:scale(.6) rotate(-12deg);animation:bm 9s ease-in-out infinite;pointer-events:none}
.hdr.compact .brand .mark{width:38px;height:38px;margin-top:-19px}
@keyframes bw{0%,42%{opacity:1;transform:none;filter:blur(0)}50%,92%{opacity:0;transform:translateX(12px) skewX(-12deg);filter:blur(4px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes bm{0%,42%{opacity:0;transform:scale(.6) rotate(-12deg)}50%,92%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(.6) rotate(-12deg)}}
.flogo{display:inline-block;margin-bottom:18px}.flogo img{width:120px;height:120px;border-radius:14px;display:block}
@media (prefers-reduced-motion:reduce){.brand .word{animation:none}.brand .mark{display:none}}
.row .tag.price{font:800 italic 30px/1 "Barlow C",sans-serif;color:var(--acc);text-align:right}.row.hot .tag.price{color:var(--dk)}

/* orari: solo orari e mappa */
.dove .map{margin-top:0}.nav-hint{margin:16px 0 14px;color:var(--mute);font-size:15px;max-width:520px}.nav-hint b{color:var(--ink)}
/* footer: logo-Instagram che ruota + contatti su una riga */
footer .fwrap{display:flex;align-items:center;gap:44px}
.ig{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--mute);font-size:13px;flex:0 0 auto}
.ig:hover .ighandle{color:var(--acc)}
.flip{display:block;width:104px;height:104px;perspective:700px}
.c3{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:flip3 8.8s ease-in-out infinite}
.face{position:absolute;inset:0;border-radius:24px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.igf{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.igf svg{width:58%;height:58%;fill:none;stroke:#fff;stroke-width:2}
.lgf{transform:rotateY(180deg)}.lgf img{width:100%;height:100%;display:block}
@keyframes flip3{0%,40%{transform:rotateY(0)}50%,90%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.finfo p{margin:0}
.fmain{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--ink);font-size:16px}
.fmain>*+*::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acc);margin-right:16px;vertical-align:middle}
.fmain a{color:var(--ink);text-decoration:none}.fmain a:hover{color:var(--acc)}
.flegal{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:12px!important;font-size:14px;color:var(--mute)}.flegal a{color:var(--mute)}
@media(max-width:767px){footer .fwrap{flex-direction:column;align-items:flex-start;gap:24px}.fmain{flex-direction:column;align-items:flex-start;gap:6px}.fmain>*+*::before{display:none}.flegal{flex-direction:column;gap:6px}}
@media (prefers-reduced-motion:reduce){.c3{animation:none}}
@media(max-width:767px){.hero-media video,.hero-media img{object-position:50% 62%;transform:scale(1.15);transform-origin:60% 62%}}

@media(min-width:768px){.ighandle{display:none}.ig{gap:0}.flip{width:60px;height:60px;perspective:450px}.face{border-radius:14px}footer .fwrap{gap:24px;align-items:center}}

@media(min-width:768px){footer .fwrap{justify-content:center}}
@media(max-width:767px){footer .fwrap{flex-direction:column;align-items:flex-start;gap:26px}
 .ig{flex-direction:row;align-items:center;gap:16px}.flip{width:88px;height:88px;perspective:600px}.face{border-radius:18px}
 .ighandle{display:flex;flex-direction:column;gap:2px;font-size:15px;color:var(--mute)}.ighandle b{font:700 20px/1.1 "Barlow C",sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}}
/* cosa puoi fare: carosello su mobile */
.swipe,.dots{display:none}
@media(max-width:767px){
 #cosa .grid3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:24px -24px 0;padding:0 24px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 #cosa .grid3::-webkit-scrollbar{display:none}
 #cosa .card{flex:0 0 86%;scroll-snap-align:start}
 #cosa .card:hover{transform:none;box-shadow:none}
 #cosa .card:nth-child(3){order:2}#cosa .card:nth-child(2){order:3}#cosa .card:nth-child(4){order:4}#cosa .card:nth-child(5){order:5}#cosa .card:nth-child(6){order:6}
 .swipe{display:inline-block;margin-top:14px;font:700 15px/1 "Barlow C",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
 .dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
 .dots i{width:8px;height:8px;border-radius:50%;background:#3a3a35;transition:background .2s,transform .2s}
 .dots i.on{background:var(--acc);transform:scale(1.25)}
}
@media(max-width:767px){
 #cosa .grid3{overflow-y:hidden;overscroll-behavior-x:contain;align-items:stretch;touch-action:pan-x pan-y}
 #cosa .card{transform:none!important;opacity:1!important}
}