.route{
  --pk:clamp(44px,8.4vw,150px);
  --gap:clamp(16px,2vw,32px);
  --side:calc(var(--pk) + var(--gap));
  position:relative;border-top:1px solid var(--line);
  display:flex;flex-direction:column;
  min-height:100vh;
  padding:clamp(80px,10.5vh,112px) 0 clamp(20px,3vh,40px);
  overflow-x:clip;
}
.route-head,.route-dock,.route-foot{
  width:100%;max-width:calc(var(--shell) + 2 * clamp(20px,4vw,60px));
  margin-left:auto;margin-right:auto;
  padding-left:clamp(20px,4vw,60px);padding-right:clamp(20px,4vw,60px);
}

.route-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(18px,3vw,48px);align-items:end;
}
.route-intro{display:grid;gap:clamp(10px,1.6vh,18px);}
.route-intro .route-brand{
  margin:0;font-family:var(--sans);font-size:12.5px;font-weight:700;line-height:1;
  letter-spacing:.26em;text-transform:uppercase;color:var(--gold-hi);
}
.route-intro h2{
  margin:0;font-family:var(--serif);font-weight:300;
  font-size:clamp(30px,3.6vw,52px);line-height:1;color:var(--text);
}
.route-intro h2 i{font-style:italic;color:var(--gold-hi);}
.route-intro p{
  margin:0;max-width:64ch;font-family:var(--read);font-size:15px;line-height:1.62;color:var(--mute);
}
.route-side{display:flex;align-items:flex-end;gap:clamp(18px,2.6vw,40px);}
.route-n{
  margin:0;display:flex;align-items:baseline;gap:6px;line-height:.8;
}
.route-n b{
  display:inline-block;overflow:hidden;
  font-family:var(--display);font-weight:800;font-stretch:125%;
  font-size:clamp(46px,5.4vw,80px);letter-spacing:-.04em;color:var(--gold);
  font-variant-numeric:tabular-nums;
}
.route-n b.gira{animation:route-gira .6s var(--ease);}
@keyframes route-gira{
  from{transform:translateY(.55em);opacity:0;}
  to{transform:none;opacity:1;}
}
.route-n span{font-family:var(--mono);font-size:13px;letter-spacing:.12em;color:var(--faint);}
.zeiss{position:relative;display:inline-block;cursor:help;outline:none;}
.zeiss b{
  font-weight:400;color:#0c1216;padding:1px 4px;margin:0 2px 0 -4px;
  background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 0 / 100% 100%;
}
.route.vivo .zeiss b{background-size:0% 100%;color:var(--gold-hi);}
.route.visto .zeiss b{animation:zeiss-sel .9s cubic-bezier(.65,0,.35,1) .5s forwards;}
@keyframes zeiss-sel{
  0%{background-size:0% 100%;color:var(--gold-hi);}
  45%{color:var(--gold-hi);}
  100%{background-size:100% 100%;color:#0c1216;}
}
.zeiss:hover b,.zeiss:focus b{filter:brightness(1.12);}
.zeiss:focus-visible b{outline:1px solid var(--gold-hi);outline-offset:2px;}
.zeiss-tip{
  position:absolute;right:0;top:calc(100% + 12px);z-index:30;
  width:min(310px,calc(100vw - 64px));display:grid;gap:8px;
  padding:14px 16px 15px;border:1px solid var(--gold-dim);background:#070b0e;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
  white-space:normal;text-transform:none;letter-spacing:0;text-align:left;
  opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;
  transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s .25s;
}
.zeiss:hover .zeiss-tip,.zeiss:focus .zeiss-tip{
  opacity:1;visibility:visible;transform:none;
  transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s;
}
.zeiss-k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}
.zeiss-t{font-family:var(--read);font-size:14px;line-height:1.55;color:var(--dim);}
[data-skin="light"] .zeiss b{color:#fffaf0;}
[data-skin="light"] .route.vivo .zeiss b{color:var(--gold-hi);}
[data-skin="light"] .zeiss-tip{background:#f5f2ec;box-shadow:0 18px 40px rgba(20,26,31,.14);}
@keyframes zeiss-sel-chiaro{
  0%{background-size:0% 100%;color:var(--gold-hi);}
  45%{color:var(--gold-hi);}
  100%{background-size:100% 100%;color:#fffaf0;}
}
[data-skin="light"] .route.visto .zeiss b{animation-name:zeiss-sel-chiaro;}
.route-common{
  margin:0;display:grid;gap:2px;padding-left:clamp(14px,1.6vw,22px);
  border-left:1px solid var(--line);
  font-family:var(--mono);font-size:10.5px;line-height:1.8;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);
}

.route-dock{
  display:grid;grid-template-columns:50px minmax(0,1fr) 50px;
  gap:clamp(14px,2vw,30px);align-items:center;
  margin-top:clamp(12px,2.6vh,34px);
}
.route-map{position:relative;height:clamp(96px,12vh,124px);}
.route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.route-svg path{fill:none;vector-effect:non-scaling-stroke;}
.route-ghost{stroke:var(--gold-dim);stroke-width:1;stroke-dasharray:2 6;}
.route-done{stroke:var(--gold);stroke-width:1.5;opacity:0;}
.route.vivo .route-done{opacity:1;}

.hops{list-style:none;margin:0;padding:0;}
.hops li{position:absolute;left:var(--x);top:var(--y);width:0;height:0;}
.hop{
  position:absolute;left:-22px;top:-22px;width:44px;height:44px;
  display:grid;place-items:center;
  background:none;border:0;padding:0;cursor:pointer;color:var(--mute);
}
.hop .pt{
  position:relative;display:block;width:11px;height:11px;border-radius:50%;
  background:var(--ground);border:1px solid var(--gold-dim);
  transition:background .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease),opacity .2s var(--ease);
}
.hop .pt::after{
  content:'';position:absolute;inset:-7px;border-radius:50%;
  border:1px solid var(--gold);opacity:0;transform:scale(.4);
  transition:opacity .4s var(--ease),transform .5s var(--ease);
}
.hop .su,.hop .nm{
  position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;
  transition:color .3s var(--ease),opacity .3s var(--ease);
}
.hop .su{
  bottom:calc(100% - 8px);display:grid;justify-items:center;gap:3px;
}
.hop .yr{
  font-family:var(--mono);font-size:10.5px;line-height:1;letter-spacing:.14em;color:var(--faint);
  transition:color .3s var(--ease);
}
.hop .av{
  font-family:var(--serif);font-style:italic;font-weight:400;font-size:15px;line-height:1;
  color:var(--mute);transition:color .3s var(--ease);
}
.hop .nm{
  top:calc(100% - 6px);
  font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mute);
}
.hop:hover .nm,.hop:focus-visible .nm{color:var(--text);}
.hop:hover .pt{border-color:var(--gold);}
.hop.fatto .pt{background:var(--gold);border-color:var(--gold);}
.hop[aria-current="step"] .pt{background:var(--gold-hi);border-color:var(--gold-hi);transform:scale(1.15);}
.hop[aria-current="step"] .pt::after{opacity:.7;transform:none;}
.hop[aria-current="step"] .yr{color:var(--gold);}
.hop[aria-current="step"] .av{color:var(--gold-hi);}
.hop[aria-current="step"] .nm{color:var(--gold-hi);}
.hop:focus-visible{outline-offset:-2px;}
.route.vivo .hop.sotto .pt{opacity:0;transform:scale(.3);}



.route-plane{
  position:absolute;left:0;top:0;width:26px;height:26px;
  opacity:0;pointer-events:none;will-change:transform;
  filter:drop-shadow(0 0 7px rgba(214,189,130,.5));
}
.route-plane svg{display:block;width:100%;height:100%;}
.route-plane path{fill:var(--gold-hi);}
.route.vivo .route-plane{opacity:1;transition:opacity .6s var(--ease);}

.route-btn{
  position:relative;width:50px;height:50px;display:grid;place-items:center;
  border:1px solid var(--gold-dim);background:transparent;color:var(--gold-hi);
  cursor:pointer;padding:0;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),opacity .25s var(--ease);
}
.route-btn svg{width:22px;height:8px;overflow:visible;}
.route-btn path{stroke:currentColor;stroke-width:1.4;fill:none;}
.route-prev svg{transform:rotate(180deg);}
.route-next{background:var(--gold);border-color:var(--gold);color:#0c1216;}
@media (hover:hover) and (pointer:fine){
  .route-btn:hover{border-color:var(--gold);background:var(--gold);color:#0c1216;}
  .route-next:hover{background:transparent;color:var(--gold-hi);}
}
.route-btn:disabled{opacity:.28;cursor:default;pointer-events:none;}
.route-next::after{
  content:'';position:absolute;inset:-1px;border:1px solid var(--gold);
  pointer-events:none;opacity:0;
}
@media (prefers-reduced-motion:no-preference){
  .route.vivo:not(.mossa) .route-next::after{animation:route-eco 2.4s var(--ease) 1.2s infinite;}
  .route.vivo:not(.mossa) .route-hint i{animation:route-spinta 2.4s var(--ease) infinite;}
}
@keyframes route-eco{
  0%{opacity:.85;transform:scale(1);}
  70%,100%{opacity:0;transform:scale(1.32);}
}
@keyframes route-spinta{
  0%,62%,100%{transform:none;}
  78%{transform:translateX(6px);}
}

.route-track{
  position:relative;
  display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:var(--gap);
  padding:0 var(--side);
  flex:1 0 auto;
  margin-top:clamp(4px,1.2vh,16px);
  overflow-x:auto;overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  outline:none;
}
.route-track::-webkit-scrollbar{display:none;}
.route-track:focus-visible{box-shadow:inset 0 0 0 1px var(--gold-dim);}
.route-track.tira{scroll-snap-type:none;cursor:grabbing;user-select:none;-webkit-user-select:none;}
.route-track img{-webkit-user-drag:none;}
@media (hover:hover) and (pointer:fine){
  .route.vivo .route-track{cursor:grab;}
}

.fly{
  position:relative;scroll-snap-align:center;scroll-snap-stop:always;
  scroll-margin-top:var(--sopra,0px);
  display:grid;align-content:center;gap:clamp(12px,2.2vh,28px);
  padding:clamp(8px,1.4vh,18px) 0 clamp(4px,1vh,12px);
  min-width:0;overflow:clip;
}
.route.vivo .fly:not(.on){cursor:pointer;}
.fly-year{
  position:absolute;left:28%;top:54%;z-index:0;
  transform:translate(-50%,-50%);
  font-family:var(--display);font-weight:800;font-stretch:125%;
  font-size:clamp(130px,19vw,310px);line-height:1;letter-spacing:-.045em;
  color:transparent;-webkit-text-stroke:1px rgba(175,142,63,.2);
  pointer-events:none;user-select:none;white-space:nowrap;
}
@supports (width:1cqw){
  .fly{container-type:inline-size;}
  .fly-year{
    --g:clamp(24px,3.4vw,64px);
    --w:min(100cqw,var(--shell));
    left:calc(50% - .22 * var(--w) - .28 * var(--g));
    font-size:min(310px,calc(((var(--w) - var(--g)) * .56 + 2 * var(--g) - 30px) / 2.81));
  }
  .fly .fly-tag{
    --g:clamp(24px,3.4vw,64px);
    --w:min(100cqw,var(--shell));
    --ft:clamp(8.5px,calc((min(450px,(var(--w) - var(--g)) * .44) - 32px) / 32),11px);
    font-size:var(--ft);letter-spacing:.14em;gap:6px 14px;
  }
}
.fly .fly-tag{position:relative;z-index:1;width:100%;max-width:450px;margin:0 auto 14px;gap:8px 18px;justify-content:flex-start;text-align:left;}
.fly .fly-tag .luogo{flex-basis:100%;}
.fly-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(24px,3.4vw,64px);align-items:center;
  width:100%;max-width:var(--shell);margin:0 auto;
}
.fly .fly-piece{gap:clamp(12px,2vh,26px);}
.fly .fly-piece .frame-title{--corpo:clamp(40px,4.8vw,74px);}
.fly .piece-shot figcaption{display:none;}
.fly .shot{overflow:visible;}
.fly .shot img{transition:transform .6s var(--ease);}
.fly .buy .take{
  gap:14px;min-height:44px;padding:0 22px;
  background:transparent;border:1px solid var(--mute);color:var(--mute);
  font-size:11px;font-weight:400;letter-spacing:.18em;word-spacing:.2em;
  transition:border-color .3s var(--ease),color .3s var(--ease);
}
.fly .buy .take svg.take-aereo{width:15px;height:15px;transform:rotate(90deg);transition:transform .45s var(--ease);}
.fly .buy .take svg.take-aereo path{fill:currentColor;stroke:none;}
[data-skin="light"] .fly .buy .take{color:var(--mute);}
@media (hover:hover) and (pointer:fine){
  .fly .buy .take:hover,[data-skin="light"] .fly .buy .take:hover{background:transparent;border-color:var(--gold);color:var(--gold-hi);}
  .fly .buy .take:hover svg.take-aereo{transform:translateX(5px) rotate(90deg);}
}
.fly .buy .take:focus-visible{outline:1px solid var(--gold);outline-offset:4px;}
@media (hover:hover) and (pointer:fine){
  .fly .shot:hover img{transform:translateY(-6px);}
}
.fly .fly-log{gap:0;}
@media (min-width:901px){
  .fly .logbook{
    max-width:540px;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);
    margin-right:2px;
  }
  .fly .logbook-head,.fly .logbook dl{grid-column:1 / -1;}
  .fly .logbook .portrait{border-right:1px solid var(--gold-dim);min-height:100%;}
  .fly .portrait img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;}
  .fly .logbook .aviator{padding:15px 18px 16px;}
  .fly .aviator p{font-size:12.5px;line-height:1.75;}
  [data-skin="light"] .fly .logbook .portrait{border-right-color:rgba(20,26,31,.10);}
}

.route.vivo .fly-piece .frame-title{
  opacity:calc(1 - var(--a,0) * .85);
  transform:translate3d(calc(var(--d,0) * 7vw),0,0);
}
.route.vivo .fly-piece .piece-shot{
  opacity:calc(1 - var(--a,0) * .45);
  transform:translate3d(calc(var(--d,0) * -4vw),calc(var(--a,0) * 16px),0) rotate(calc(var(--d,0) * 5deg));
}
.route.vivo .fly-piece .buy{opacity:calc(1 - var(--a,0) * 1.2);}
.route.vivo .fly-log{
  opacity:calc(1 - var(--a,0) * 1.1);
  transform:translate3d(calc(var(--d,0) * 13vw),0,0);
}
.route.vivo .fly-year{
  opacity:calc(1 - var(--a,0) * .35);
  transform:translate(calc(-50% + var(--d,0) * -24vw),-50%);
}

@media (prefers-reduced-motion:no-preference){
  .route.ricognizione .fly{animation:route-saggio 1.6s cubic-bezier(.45,.05,.2,1) .15s;}
  .route.ricognizione .hop .pt::after{animation:route-ping .9s var(--ease) backwards;}
  .route.ricognizione .hops li:nth-child(1) .pt::after{animation-delay:.1s;}
  .route.ricognizione .hops li:nth-child(2) .pt::after{animation-delay:.24s;}
  .route.ricognizione .hops li:nth-child(3) .pt::after{animation-delay:.38s;}
  .route.ricognizione .hops li:nth-child(4) .pt::after{animation-delay:.52s;}
  .route.ricognizione .hops li:nth-child(5) .pt::after{animation-delay:.66s;}
}
@keyframes route-saggio{
  0%,100%{translate:0 0;}
  42%{translate:calc(-1 * var(--pk) * .9) 0;}
}
@keyframes route-ping{
  0%{opacity:0;transform:scale(.4);}
  35%{opacity:1;transform:scale(1.1);}
  100%{opacity:0;transform:scale(1.6);}
}

.route-foot{
  display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 24px;
  margin-top:clamp(10px,2vh,26px);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);
}
.route-foot p{margin:0;}
.route-hint{display:inline-flex;align-items:center;gap:12px;transition:opacity .5s var(--ease);}
.route-hint i{display:block;color:var(--gold);line-height:0;}
.route-hint svg{width:22px;height:8px;overflow:visible;}
.route-hint path{stroke:currentColor;stroke-width:1.3;fill:none;}
.route-hint-touch{display:none;}
@media (hover:none){
  .route-hint-mouse{display:none;}
  .route-hint-touch{display:inline;}
}
.route.mossa .route-hint{opacity:.5;}

.route-sr{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}

@media (min-width:901px) and (max-height:960px){
  .route{padding-top:clamp(74px,9vh,92px);}
  .route-intro p:not(.route-brand){display:none;}
  .route-map{height:96px;}
  .fly .shot img{aspect-ratio:16/6.2;}
  .fly .logbook .aviator{padding:12px 16px 13px;}
  .fly .logbook dt,.fly .logbook dd{padding:6px 16px;}
  .fly .logbook-head{padding:8px 16px;}
}
@media (min-width:901px) and (max-height:800px){
  .fly .fly-tag{margin-bottom:8px;font-size:min(10px,var(--ft,10px));letter-spacing:.14em;gap:4px 14px;}
  .fly .aviator p{font-size:12px;line-height:1.6;}
  .route{padding-top:80px;padding-bottom:6px;}
  .route-dock{margin-top:8px;}
  .route-map{height:90px;}
  .fly{gap:10px;}
  .fly .fly-piece{gap:10px;}
  .fly .fly-piece .frame-title{--corpo:clamp(36px,4vw,58px);}
  .route-foot{margin-top:4px;}
}

@media (max-width:900px){
  .route{
    --pk:28px;--gap:8px;
    min-height:0;padding:clamp(88px,23vw,104px) 0 0;
  }
  .route-head{
    grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 16px;
    padding-left:20px;padding-right:20px;padding-bottom:20px;
    border-bottom:1px solid var(--line);
  }
  .route-intro{grid-column:1 / -1;gap:14px;}
  .route-intro h2{font-size:clamp(32px,9vw,44px);line-height:1.02;text-wrap:balance;}
  .route-intro p{max-width:none;font-size:15px;line-height:1.6;}
  .route-intro .route-brand{font-size:10.5px;letter-spacing:.22em;line-height:1;}
  .route-side{display:contents;}
  .route-common{
    grid-column:1;grid-row:2;align-self:end;
    display:grid;gap:1px;padding-left:12px;border-left:1px solid var(--gold-dim);
    font-size:10px;letter-spacing:.1em;line-height:1.75;white-space:nowrap;
  }
  .route-n{grid-column:2;grid-row:2;align-self:end;}
  .zeiss-tip{left:-4px;right:auto;}
  .route-n b{font-size:clamp(38px,11vw,54px);}

  .route-track{order:2;margin-top:clamp(18px,5vw,28px);}
  .route-foot{order:3;padding-left:20px;padding-right:20px;margin-top:18px;justify-content:flex-end;text-align:right;}
  .route-dock{
    order:4;position:sticky;bottom:0;z-index:20;
    grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;
    max-width:none;margin-top:22px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(7,11,14,.9);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-top:1px solid var(--line);
  }
  .route-btn{width:44px;height:44px;}
  .route-map{height:44px;}
  .hops li{top:62%;}
  .hop .su{display:none;}
  .route-svg{opacity:0;transition:opacity .4s var(--ease);}
  .route.vivo .route-svg{opacity:1;}
  .hop .nm{top:auto;bottom:calc(100% - 7px);font-size:10px;opacity:0;}
  .hop[aria-current="step"] .nm{opacity:1;}
  .hop .pt{width:9px;height:9px;}

  .fly{align-content:start;gap:18px;padding-top:50px;}
  .fly-year{display:none;}
  .fly .piece-shot{position:relative;padding-top:12vw;}
  .fly .piece-shot::before{
    content:attr(data-year);position:absolute;left:50%;top:0;z-index:0;
    transform:translateX(-50%);
    font-family:var(--display);font-weight:800;font-stretch:125%;
    font-size:18vw;line-height:1;letter-spacing:-.045em;
    color:transparent;-webkit-text-stroke:1px rgba(175,142,63,.26);
    pointer-events:none;white-space:nowrap;
  }
  [data-skin="light"] .fly .piece-shot::before{-webkit-text-stroke-color:rgba(138,109,36,.26);}
  .fly .piece-shot .shot{z-index:1;}
  .fly-grid{grid-template-columns:1fr;gap:30px;}
  .fly .fly-piece .frame-title{--corpo:clamp(40px,13vw,70px);}
  .fly .logbook{max-width:none;margin:0 1px;}
  .fly .portrait img{aspect-ratio:16/8;}
  .fly .fly-log{display:contents;}
  .fly .fly-tag{order:-1;max-width:none;gap:8px 14px;font-size:10px;letter-spacing:.12em;justify-content:center;text-align:center;margin:0 0 -12px;}
  @supports (width:1cqw){
    .fly .fly-tag{font-size:clamp(8.5px,calc(3.15cqw - 1px),10.5px);}
  }
  .route.vivo .fly-tag{opacity:calc(1 - var(--a,0) * .8);transform:translate3d(calc(var(--d,0) * 5vw),0,0);}
  .route.vivo .fly .logbook{opacity:calc(1 - var(--a,0) * .55);}
  .fly{--avvicina:max(calc((100vw - 2 * var(--side)) * .15),calc((100vw - 2 * var(--side) - 350px) / 2));}
  .route.vivo .fly-piece .piece-shot{
    transform:translate3d(calc(var(--d,0) * -1 * var(--avvicina)),calc(var(--a,0) * 16px),0) rotate(calc(var(--d,0) * 5deg));
  }
}
@media (max-width:900px){
  [data-skin="light"] .route-dock{background:rgba(245,242,236,.94);}
}

[data-skin="light"] .fly-year{-webkit-text-stroke-color:rgba(138,109,36,.22);}
[data-skin="light"] .route-next,
[data-skin="light"] .route-btn:hover{color:#fffaf0;}
@media (hover:hover) and (pointer:fine){
  [data-skin="light"] .route-next:hover{color:var(--gold-hi);}
}

@media (prefers-reduced-motion:reduce){
  .route.vivo .fly-tag,.route.vivo .fly-piece .frame-title,
  .route.vivo .fly-piece .piece-shot,.route.vivo .fly-log{transform:none;}
  .route.vivo .fly-year{transform:translate(-50%,-50%);}
}

html.con-moto .fly .frame-title h2 .wd{position:relative;clip-path:none;transition:transform .8s var(--fe);}
html.con-moto .fly .frame-title h2 .wd::before,
html.con-moto .fly .frame-title h2 .wd::after{
  content:'';position:absolute;top:-.1em;bottom:-.1em;left:0;width:46%;
  pointer-events:none;opacity:0;border-radius:50%;
  background:radial-gradient(closest-side,rgba(226,230,236,.62),rgba(226,230,236,.2) 55%,rgba(226,230,236,0));
  filter:blur(10px);
}
html.con-moto .fly .frame-title h2 .wd::before{top:.15em;bottom:.2em;width:30%;filter:blur(7px);}
[data-skin="light"] .fly .frame-title h2 .wd::before,
[data-skin="light"] .fly .frame-title h2 .wd::after{
  background:radial-gradient(closest-side,rgba(110,116,124,.34),rgba(110,116,124,.1) 55%,rgba(110,116,124,0));
}
html.con-moto .fly .frame-title:not(.lit) h2 .ch{transform:none;opacity:0;}
html.con-moto .fly .frame-title.lit h2 .ch{
  animation:fumo-ch 1.3s cubic-bezier(.22,.7,.2,1) calc(.18s + var(--i) * 85ms) backwards;
}
html.con-moto .fly .frame-title.lit h2 .wd::after{animation:fumo-velo 1.9s cubic-bezier(.45,.05,.4,1) .02s;}
html.con-moto .fly .frame-title.lit h2 .wd::before{animation:fumo-velo 1.6s cubic-bezier(.45,.05,.4,1) .3s;}
html.con-moto .fly .frame-title.lit h2::after,
html.con-moto .fly .frame-title.lit h2::before{animation:fumo-scia 1.7s linear backwards;}

html.con-moto .fly .frame-title.ft-pronto h2 .ch{transition:none;}
html.con-moto .fly .frame-title.ft-pronto h2 a:hover .ch,
html.con-moto .fly .frame-title.ft-pronto h2 a:focus-visible .ch{transform:none;}
html.con-moto .fly .frame-title.ft-pronto h2 a:hover .wd,
html.con-moto .fly .frame-title.ft-pronto h2 a:focus-visible .wd{transform:translateY(-.06em);}
html.con-moto .fly .frame-title.ft-pronto h2 a:hover .wd::after,
html.con-moto .fly .frame-title.ft-pronto h2 a:focus-visible .wd::after{animation:fumo-passa 1.5s cubic-bezier(.45,.05,.4,1);}
html.con-moto .fly .frame-title.ft-pronto h2 a:hover .wd::before,
html.con-moto .fly .frame-title.ft-pronto h2 a:focus-visible .wd::before{animation:fumo-passa 1.25s cubic-bezier(.45,.05,.4,1) .12s;}

@keyframes fumo-ch{
  0%{opacity:0;filter:blur(14px);transform:translateX(-.22em) scale(1.12,.92);}
  45%{opacity:.75;filter:blur(4px);}
  100%{opacity:1;filter:blur(0);transform:none;}
}
@keyframes fumo-velo{
  0%{opacity:0;transform:translateX(-90%) scale(.8,.7);}
  22%{opacity:.95;}
  70%{opacity:.6;}
  100%{opacity:0;transform:translateX(230%) scale(1.25,1.3);}
}
@keyframes fumo-passa{
  0%{opacity:0;transform:translateX(-90%) scale(.8,.7);}
  25%{opacity:.55;}
  100%{opacity:0;transform:translateX(230%) scale(1.2,1.25);}
}
@keyframes fumo-scia{
  0%{transform-origin:0 50%;transform:scaleX(0);opacity:1;animation-timing-function:cubic-bezier(.19,1,.22,1);}
  45%{transform-origin:0 50%;transform:scaleX(1);opacity:1;}
  60%{transform-origin:100% 50%;transform:scaleX(1);opacity:1;animation-timing-function:cubic-bezier(.7,0,.84,0);}
  100%{transform-origin:100% 50%;transform:scaleX(0);opacity:0;}
}