:root{
  --shell:1220px;
  --ground:#0c1216;--deep:#070b0e;--line:#1c2731;
  --gold:#af8e3f;--gold-hi:#d6bd82;--gold-dim:rgba(175,142,63,.3);
  --text:#fff;--dim:#c4c4c4;--mute:#7e8a92;--faint:#707e88;
  --sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --display:'Archivo','Plus Jakarta Sans',Helvetica,Arial,sans-serif;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',Times,serif;
  --read:'Source Serif 4',Georgia,'Times New Roman',serif;
  --mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --pad:clamp(20px,4vw,60px);
  --terra:#18242e;--costa:#354854;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--ground);color:var(--dim);
  font-family:var(--sans);font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:var(--gold);color:var(--ground);}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px;}
.salta{position:absolute;left:var(--pad,20px);top:10px;z-index:200;transform:translateY(-200%);padding:10px 16px;background:var(--gold);color:var(--ground);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;}
.salta:focus{transform:none;outline:2px solid var(--gold-hi);outline-offset:2px;}
#main{scroll-margin-top:80px;}
img{display:block;max-width:100%;}
:where(img){width:auto;height:auto;}

#air{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.page{position:relative;z-index:1;}

.bar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px var(--pad);
  background:rgba(7,11,14,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);
}
.bar-mark{width:96px;flex:none;display:block;}
.bar-mark svg{width:100%;height:auto;display:block;}
.bar-mark svg path{fill:var(--gold);}
@media (max-width:900px){:root{--pad:20px;} .bar-mark{width:74px;}}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);}
.crumbs a{color:var(--faint);text-decoration:none;}
.crumbs a:hover{color:var(--gold-hi);}
.crumbs .now{color:var(--dim);}
.bar-buy{display:flex;align-items:center;gap:18px;}
.bar > .crumbs{flex:1;}

.hero{padding:clamp(46px,8vh,96px) var(--pad) clamp(34px,6vh,64px);}
.hero-in{
  max-width:min(1560px,100%);margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(30px,4.4vw,72px);align-items:end;
}
.hero-shot{margin:0;display:grid;gap:12px;}
.hero-shot img{
  width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;
  display:block;filter:contrast(1.03);
}
.hero-shot figcaption{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);
}
@media (max-width:900px){
  .hero-in{grid-template-columns:1fr;gap:30px;align-items:start;}
  .hero-shot img{aspect-ratio:1/1;object-position:50% 24%;}
}
.hero-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 26px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:50px;}
.hero-top .n{color:var(--gold);}
.hero h1{
  margin:0;font-family:var(--sans);font-weight:800;
  font-size:clamp(56px,12.4vw,158px);line-height:.86;letter-spacing:-.045em;
  color:var(--text);
}
.hero .claim{
  display:block;margin:clamp(26px,3.6vw,42px) 0 0;max-width:26ch;
  font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(20px,3.2vw,38px);line-height:1.2;color:var(--gold-hi);
}
.serial{
  display:flex;flex-wrap:wrap;gap:8px 30px;margin-top:clamp(24px,4vw,40px);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint);
}
.serial b{color:var(--gold-hi);font-weight:400;}

.note{padding:clamp(30px,5vh,52px) var(--pad) clamp(46px,7vh,84px);}
.note-in{border-left:1px solid var(--gold-dim);padding-left:clamp(20px,3vw,34px);max-width:var(--shell);margin:0 auto;}
.note h2{
  margin:0 0 clamp(16px,2.4vw,24px);font-family:var(--serif);font-weight:300;
  font-size:clamp(28px,5vw,58px);line-height:1.06;color:var(--text);max-width:20ch;
}
.note h2 i{font-style:italic;color:var(--gold-hi);}
.note p{margin:0 0 16px;max-width:60ch;}
.note p:last-child{margin-bottom:0;}

.mappa{border-top:1px solid var(--line);padding:clamp(54px,9vh,104px) var(--pad);}
.mappa > *{max-width:var(--shell);margin-left:auto;margin-right:auto;}
.mappa-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 30px;margin-bottom:clamp(22px,3.4vw,34px);}
.mappa-head h2{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.8vw,46px);line-height:1.1;color:var(--text);}
.mappa-head h2 i{font-style:italic;color:var(--gold-hi);}
.hint{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);}

.mappa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,376px);gap:clamp(22px,3.4vw,44px);align-items:start;}
.carta{
  position:relative;border:1px solid var(--line);background:rgba(7,11,14,.42);
  padding:clamp(12px,1.8vw,22px);display:flex;justify-content:center;
}
.carta svg{display:block;width:100%;max-width:min(100%,60vh);height:auto;}

.reg{fill:var(--terra);stroke:var(--costa);stroke-width:1;transition:fill .5s var(--ease),stroke .5s var(--ease);}
.reg.on{fill:rgba(175,142,63,.22);stroke:var(--gold);}

.rotta-base{fill:none;stroke:var(--gold);stroke-width:1.1;opacity:.26;stroke-dasharray:5 7;stroke-linecap:round;}
.rotta-viva{fill:none;stroke:var(--gold-hi);stroke-width:1.6;stroke-linecap:round;opacity:.85;}

.scalo{cursor:pointer;}
.scalo .presa{fill:transparent;}
.scalo .alone{fill:none;stroke:var(--gold);stroke-width:1;opacity:.4;transition:opacity .3s var(--ease),r .3s var(--ease);}
.scalo .punto{fill:var(--gold-hi);transition:r .3s var(--ease);}
.scalo[data-stato="previsto"] .punto{fill:var(--ground);stroke:var(--gold);stroke-width:1.5;}
.scalo.sel .alone{opacity:.9;}
.scalo.sel .punto{fill:var(--gold-hi);stroke:none;}
.scalo:hover .alone,.scalo:focus-visible .alone{opacity:.85;}
.scalo.spenta{opacity:.16;pointer-events:none;}
.scalo .et{
  font-family:var(--mono);font-size:14px;letter-spacing:.06em;
  fill:var(--dim);opacity:0;transition:opacity .3s var(--ease);
  paint-order:stroke;stroke:var(--ground);stroke-width:3.4;stroke-linejoin:round;
}
.scalo:hover .et,.scalo:focus-visible .et,.scalo.sel .et{opacity:1;}
.scalo.sel .et{fill:var(--gold-hi);}

.aereo path{fill:var(--gold);stroke:var(--ground);stroke-width:1.2;stroke-linejoin:round;paint-order:stroke;}

.pannello{display:grid;gap:clamp(16px,2.4vw,22px);}
.filtro{display:flex;flex-wrap:wrap;gap:8px;}
.filtro button{
  background:none;border:1px solid var(--line);cursor:pointer;padding:8px 14px;
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.filtro button:hover{color:var(--dim);border-color:var(--gold-dim);}
.filtro button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#0c1216;}

.scheda{border:1px solid var(--gold-dim);background:rgba(7,11,14,.72);padding:clamp(18px,2.6vw,24px);}
.scheda-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;}
.scheda-n{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.stato{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid var(--line);padding:3px 8px;color:var(--mute);white-space:nowrap;
}
.stato[data-s="aperto"]{border-color:var(--gold-dim);color:var(--gold-hi);}
.scheda h3{margin:0 0 4px;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.8vw,31px);line-height:1.12;color:var(--text);}
.scheda .luogo{margin:0 0 16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);}
.scheda dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 16px;margin:0 0 18px;}
.scheda dl[hidden]{display:none;}
.attesa{margin:0 0 18px;font-family:var(--read);font-size:14.5px;line-height:1.6;color:var(--mute);}
.attesa[hidden]{display:none;}
.scheda dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding-top:3px;}
.scheda dd{margin:0;font-size:14.5px;line-height:1.55;color:var(--dim);}
.scheda dd a{color:var(--dim);text-decoration:none;border-bottom:1px solid var(--gold-dim);}
.scheda dd a:hover{color:var(--gold-hi);}
.scheda-piede{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px;}
.tappe{display:flex;gap:6px;}
.tappe button{
  background:none;border:1px solid var(--line);cursor:pointer;
  width:34px;height:32px;display:grid;place-items:center;color:var(--mute);
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.tappe button:hover{color:var(--gold-hi);border-color:var(--gold-dim);}
.tappe svg{width:16px;height:8px;overflow:visible;}
.tappe svg path{stroke:currentColor;stroke-width:1.4;fill:none;}
.tappe button:first-child svg{transform:scaleX(-1);}
.verso{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);text-decoration:none;transition:color .2s var(--ease);
}
.verso:hover{color:var(--gold-hi);}
.verso svg{width:20px;height:8px;overflow:visible;}
.verso svg path{stroke:currentColor;stroke-width:1.4;fill:none;}

.elenco{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);max-height:min(46vh,420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;}
.elenco::-webkit-scrollbar{width:3px;}
.elenco::-webkit-scrollbar-track{background:var(--line);}
.elenco::-webkit-scrollbar-thumb{background:var(--gold-dim);}
.elenco button{
  display:flex;align-items:baseline;gap:12px;width:100%;text-align:left;
  background:var(--ground);border:0;cursor:pointer;padding:12px 15px;
  color:var(--dim);font-family:var(--sans);font-size:15px;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.elenco button:hover{background:rgba(175,142,63,.07);color:var(--text);}
.elenco button[aria-pressed="true"]{background:rgba(175,142,63,.13);color:var(--text);}
.elenco .sn{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--gold);flex:none;}
.elenco .cit{flex:1;}
.elenco .rg{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);}
.elenco button[hidden]{display:none;}
.vuoto{padding:16px 15px;background:var(--ground);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);}

.avviso-box{margin-top:clamp(24px,3.6vw,34px);}
.avviso{
  margin:0;padding:16px 18px;
  border:1px solid var(--line);background:rgba(7,11,14,.6);
  font-family:var(--mono);font-size:11px;line-height:1.72;color:var(--mute);
  max-width:78ch;
}
.avviso b{color:var(--gold-hi);font-weight:400;}

.passi{border-top:1px solid var(--line);padding:clamp(54px,9vh,104px) var(--pad);}
.passi-in{max-width:var(--shell);margin:0 auto;}
.passi h2{margin:0 0 clamp(10px,1.6vw,14px);font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.8vw,46px);line-height:1.1;color:var(--text);}
.passi h2 i{font-style:italic;color:var(--gold-hi);}
.passi-lead{margin:0 0 clamp(30px,4vw,46px);max-width:56ch;}
.gradini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);list-style:none;padding:0;margin:0;}
.gradino{background:var(--ground);padding:clamp(20px,2.8vw,28px);display:grid;gap:9px;align-content:start;}
.gradino .sn{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--gold);}
.gradino h3{margin:0;font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--text);}
.gradino p{margin:0;font-size:14px;line-height:1.6;color:var(--mute);}

.ottici{border-top:1px solid var(--line);padding:clamp(54px,9vh,104px) var(--pad);}
.ottici-in{max-width:var(--shell);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:center;}
.ottici h2{margin:0 0 clamp(14px,2vw,20px);font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.8vw,46px);line-height:1.08;color:var(--text);max-width:16ch;}
.ottici h2 i{font-style:italic;color:var(--gold-hi);}
.ottici p{margin:0 0 16px;max-width:52ch;}
.ottici p:last-child{margin-bottom:0;}
.ottici-lato{border-left:1px solid var(--gold-dim);padding-left:clamp(18px,2.6vw,28px);display:grid;gap:14px;align-content:start;}
.ottici-lato dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);}
.ottici-lato dd{margin:0 0 6px;font-size:14.5px;color:var(--dim);}
.ottici-lato dd a{color:var(--gold-hi);text-decoration:none;}
.ottici-lato dd a:hover{text-decoration:underline;}

.close{border-top:1px solid var(--line);text-align:center;padding:clamp(70px,11vh,140px) var(--pad) clamp(70px,10vh,120px);}
.close-in{max-width:var(--shell);margin:0 auto;}
.close h2{
  margin:0 auto 24px;font-family:var(--serif);font-weight:300;
  font-size:clamp(28px,4.4vw,54px);line-height:1.06;color:var(--text);
  max-width:22ch;text-wrap:balance;
}
.close h2 i{font-style:italic;color:var(--gold-hi);}
.close p{margin:0 auto clamp(30px,4vw,40px);max-width:46ch;color:var(--mute);font-size:15.5px;}
.close-fila{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}

.take{
  display:inline-flex;align-items:center;gap:14px;
  padding:15px 32px;border:1px solid var(--gold);background:var(--gold);
  color:#0c1216;font-family:var(--sans);font-size:12px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;text-decoration:none;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}
@media (hover:hover) and (pointer:fine){
  .take:hover{background:transparent;color:var(--gold-hi);}
}
.take svg{width:22px;height:8px;overflow:visible;}
.take svg path{stroke:currentColor;stroke-width:1.4;fill:none;}
.take.vuota{background:transparent;border-color:var(--gold-dim);color:var(--gold-hi);}
@media (hover:hover) and (pointer:fine){
  .take.vuota:hover{border-color:var(--gold);background:var(--gold);color:#0c1216;}
}

.note p, .passi-lead, .ottici p, .close p, .scheda dd{
  font-family:var(--read);font-weight:400;letter-spacing:.002em;
}
.note p, .passi-lead, .ottici p, .close p{font-size:16.5px;line-height:1.72;}

.navbtn{
  display:inline-flex;align-items:center;gap:9px;
  background:none;border:1px solid var(--line);cursor:pointer;
  padding:11.5px 14px;line-height:12px;
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mute);
  transition:border-color .25s var(--ease),color .25s var(--ease);
}
@media (max-width:720px){.navbtn{padding:9.5px 11px;}}
.navbtn:hover{border-color:var(--gold-dim);color:var(--dim);}
.burger{display:grid;gap:3px;width:14px;}
.burger i{display:block;height:1px;background:currentColor;transition:transform .3s var(--ease);}

.scrim{
  position:fixed;inset:0;z-index:80;
  background:rgba(4,7,9,.72);
  opacity:0;pointer-events:none;transition:opacity .35s var(--ease);
}
.scrim.open{opacity:1;pointer-events:auto;}

.drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:90;
  width:min(390px,86vw);
  background:var(--deep);border-left:1px solid var(--line);
  transform:translateX(101%);
  transition:transform .45s cubic-bezier(.33,.9,.3,1);
  display:flex;flex-direction:column;
  overflow-y:auto;overscroll-behavior:contain;
}
.drawer[hidden]{visibility:hidden;}
.drawer.open{transform:none;}
.drawer-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 24px;border-bottom:1px solid var(--line);
}
.drawer-head .mk-sm{width:84px;}
.drawer-head .mk-sm svg{width:100%;height:auto;display:block;}
.drawer-head .mk-sm path{fill:var(--gold);}
.closebtn{
  background:none;border:0;cursor:pointer;padding:6px;
  color:var(--mute);line-height:0;transition:color .25s var(--ease);
}
.closebtn:hover{color:var(--gold-hi);}
.closebtn svg{width:18px;height:18px;}
.closebtn path{stroke:currentColor;stroke-width:1.4;}

.drawer nav{display:flex;flex-direction:column;padding:14px 0;}
.drawer nav a{
  padding:15px 24px;text-decoration:none;
  font-family:var(--serif);font-size:23px;color:var(--text);
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:color .25s var(--ease),background .25s var(--ease);
}
.drawer nav a:hover{color:var(--gold-hi);background:rgba(175,142,63,.05);}
.drawer nav a[aria-current="page"]{color:var(--gold-hi);}
.drawer nav a small{
  display:block;margin-top:3px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint);
}

.drawer-block{padding:22px 24px;border-top:1px solid var(--line);}
.drawer-block h3{
  margin:0 0 14px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);font-weight:400;
}
.contactlist{display:grid;gap:12px;margin:0;padding:0;list-style:none;}
.contactlist a, .contactlist span{
  display:flex;align-items:flex-start;gap:11px;
  font-size:14px;line-height:1.45;color:var(--dim);text-decoration:none;
  transition:color .25s var(--ease);
}
.contactlist a:hover{color:var(--gold-hi);}
.contactlist svg{width:17px;height:17px;flex:none;margin-top:1px;fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;}
.legal{display:grid;gap:9px;margin:0;padding:0;list-style:none;}
.legal a{
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;
  color:var(--mute);text-decoration:none;transition:color .25s var(--ease);
}
.legal a:hover{color:var(--gold-hi);}
.legal a[aria-current="page"]{color:var(--gold-hi);}
.drawer-scelte{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:0 10px;justify-content:space-between;}
.drawer-scelte .scelta h3{margin-bottom:10px;}
.drawer-scelte .lang a,.drawer-scelte .skin button,.drawer-scelte .cur button{padding:8px clamp(9px,3vw,12px);}
.drawer-foot{
  margin-top:auto;padding:18px 24px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--faint);
  line-height:1.7;
}
@media (max-width:900px){
  .drawer{width:min(340px,88vw);}
  .drawer nav a{font-size:20px;padding:13px 20px;}
  .drawer-head,.drawer-block,.drawer-foot{padding-left:20px;padding-right:20px;}
}

.lang{display:inline-flex;align-items:center;border:1px solid var(--line);overflow:hidden;}
.lang a{
  display:block;text-decoration:none;background:none;border:0;cursor:pointer;padding:6px 11px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);transition:color .2s var(--ease),background .2s var(--ease);
}
.lang a:hover{color:var(--dim);}
.lang a[aria-current="true"]{background:var(--gold);color:#0c1216;}

.skin{display:inline-flex;align-items:center;border:1px solid var(--line);overflow:hidden;}
.skin button{
  background:none;border:0;cursor:pointer;padding:5px 9px;line-height:0;
  color:var(--faint);transition:color .2s var(--ease),background .2s var(--ease);
}
.skin button:hover{color:var(--dim);}
.skin button[aria-pressed="true"]{background:var(--gold);color:#0c1216;}
.skin svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;}
.skin button[data-skin="dark"] svg{fill:currentColor;stroke:none;}
@media (max-width:640px){
  .skin button{padding:5px 6px;}
  .skin svg{width:14px;height:14px;}
}

.foot{border-top:1px solid var(--line);padding:26px var(--pad);display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);max-width:none;}
.foot > *{max-width:var(--shell);}
.foot, .foot > span{color:var(--faint);}
.foot a{color:var(--dim);text-decoration:none;transition:color .25s var(--ease);}
.foot a:hover{color:var(--gold-hi);}

.rise{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.rise.lit{opacity:1;transform:none;}
.rise.d1{transition-delay:.08s}.rise.d2{transition-delay:.16s}

@media (max-width:1140px){
  .gradini{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:980px){
  .mappa-grid{grid-template-columns:1fr;}
  .carta svg{max-width:min(100%,56vh);}
  .elenco{max-height:none;}
  .ottici-in{grid-template-columns:1fr;}
  .ottici-lato{border-left:0;border-top:1px solid var(--gold-dim);padding-left:0;padding-top:22px;}
}
@media (max-width:560px){
  .gradini{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .bar .crumbs{display:none;}
  .bar{gap:12px;}
  .bar-buy{gap:12px;}
  .foot{
    flex-direction:column;align-items:center;text-align:center;
    gap:9px;justify-content:flex-start;
  }
  .foot > span:first-child{color:var(--mute);padding-bottom:4px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
  .rise{opacity:1;transform:none;}
}

:root[data-skin="light"]{
  --ground:#ffffff;
  --deep:#f5f2ec;
  --line:#e2ddd4;
  --gold:#8a6d24;
  --gold-hi:#6d5417;
  --gold-dim:rgba(138,109,36,.34);
  --text:#141a1f;
  --dim:#3f4a54;
  --mute:#58636b;
  --faint:#677077;
  --terra:#eae4d9;--costa:#cbc3b3;
}
[data-skin="light"] .bar{background:rgba(245,242,236,.96);}
[data-skin="light"] .carta,
[data-skin="light"] .scheda,
[data-skin="light"] .avviso{background:rgba(245,242,236,.86);}
[data-skin="light"] .scrim{background:rgba(22,26,30,.42);}
[data-skin="light"] .drawer nav a{border-bottom-color:rgba(20,26,31,.08);}
[data-skin="light"] .drawer nav a:hover{background:rgba(175,142,63,.10);}
[data-skin="light"] .rotta-base{opacity:.45;}
[data-skin="light"] .reg.on{fill:rgba(138,109,36,.26);}
[data-skin="light"] .scalo[data-stato="previsto"] .punto{fill:#ffffff;}
[data-skin="light"] .take,
[data-skin="light"] .lang a[aria-current="true"],
[data-skin="light"] .skin button[aria-pressed="true"],
[data-skin="light"] .filtro button[aria-pressed="true"]{color:#fffaf0;}
[data-skin="light"] .take.vuota{color:var(--gold-hi);}
@media (hover:hover) and (pointer:fine){
  [data-skin="light"] .take:hover{background:transparent;color:var(--gold-hi);}
  [data-skin="light"] .take.vuota:hover{background:var(--gold);color:#fffaf0;}
}