.iph .hero-t .mk{display:inline-block}

#different{background:var(--ink)}

#different .moviola__bg{inset:-6%}
#different .moviola__veil{
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

#different{
  --alta:65.5;
  --cima:13.8;
  --stacco:1.1;
  --sx:30;
  --dx:70;
  --altezza:1svh;
}

#different.is-viva .moviola__h{
  position:absolute;z-index:3;
  top:calc((var(--cima) + var(--alta) / 2) * var(--altezza));
  transform:translateY(-50%);
  height:auto;
  left:0; right:auto;
  width:max-content; max-width:calc(var(--sx) * 1%);
  margin:0;
  padding-block:15px;
  padding-inline-start:var(--clear); padding-inline-end:var(--filo);
  display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
  text-align:left; line-height:var(--lh-h2);
}
#different.is-viva .moviola__h :is(.ser,.san){display:block}
#different.is-viva .moviola__cols{
  position:absolute;z-index:3;
  top:calc(var(--cima) * var(--altezza));
  height:calc(var(--alta) * var(--altezza));
  left:calc(var(--dx) * 1%); right:0;
  margin:0; display:flex; flex-direction:row; align-items:center;
  gap:var(--filo);
  padding-inline-start:0; padding-inline-end:var(--clear);
}
#different.is-viva .moviola__read{
  flex:1;min-width:0;
  padding:15px;
  padding-inline-start:var(--filo);
  padding-inline-end:var(--s-8);
  margin:-15px;
  margin-inline-start:calc(-1 * var(--filo));
}

#different.is-viva .moviola__plate{
  position:absolute; z-index:2;
  right:100%; width:calc((var(--dx) - var(--sx)) / var(--sx) * 100%);
  top:0; bottom:0;
  overflow:visible;
}
#different.is-viva .moviola__card{
  width:100%; aspect-ratio:16/9;
  --lon:0;
  filter:blur(calc((var(--lon) + var(--lon) * var(--lon) * .5) * 1px));
  opacity:calc(1 - var(--lon) * .085 - var(--lon) * var(--lon) * .095);
  transition:filter 420ms linear,opacity 420ms linear;
}
#different.is-viva .moviola__card[data-lontano="0"]{
  transition:filter 140ms linear,opacity 420ms linear;
}
@media (prefers-reduced-motion:reduce){
  #different.is-viva .moviola__card{transition:none}
}
#different.is-viva .moviola__strip{gap:calc(var(--stacco) * var(--altezza))}
#different .moviola__st{line-height:var(--lh-h2)}
#different .moviola__p{max-width:38ch;font-size:var(--t-para-md);line-height:var(--lh-para-md)}

#different.is-viva .dif__filo{
  position:absolute;left:0;right:0;height:1px;background:var(--linea);
  z-index:2;pointer-events:none;
}
#different.is-viva .dif__filo--alto{top:calc(var(--cima) * var(--altezza))}
#different.is-viva .dif__filo--basso{
  top:calc((var(--cima) + var(--alta) / 2) * var(--altezza) + var(--carta,0px) / 2);
}
#different.is-viva .dif__filo--basso::before{
  content:"";position:absolute;top:50%;left:calc(var(--sx) * 1%);
  width:11px;height:12px;
  background-color:var(--stella);
  -webkit-mask:var(--spark) center/contain no-repeat;
  mask:var(--spark) center/contain no-repeat;
  transform:translate(-50%,-50%);
}
#different:not(.is-viva) .dif__filo{display:none}

#different :is(.moviola__ticks,.moviola__testina){display:none}
#different:not(.is-viva) .righello{display:none}

@property --riga{syntax:"<length>";inherits:false;initial-value:0px}
#different.is-viva .righello{
  --passo:30px;
  --tacca:11px;
  --fioco:.85;
  --linea:var(--paper);
  filter:none;
  margin-block:
    calc(-1 * var(--cima) * var(--altezza))
    calc(-1 * (100 - var(--cima) - var(--alta)) * var(--altezza));
  --riga:calc((var(--cima) + var(--alta) / 2) * var(--altezza) - var(--spessore) / 2
    + (var(--q,0) - .5) * var(--passo) * 3);
}
@supports (top:round(down,1px,1px)){
  #different.is-viva .righello{
    --riga:round(down,
      calc((var(--cima) + var(--alta) / 2) * var(--altezza) - var(--spessore) / 2
        + (var(--q,0) - .5) * var(--passo) * 3),
      var(--passo));
  }
}
#different.is-viva .righello__t:nth-of-type(4n+1){--tacca:22px}
#different.is-viva .righello__t{
  width:max(
    calc(var(--tacca) + var(--r,0) * (var(--colmo) - var(--tacca))),
    calc(var(--tacca) + var(--m,0) * (var(--mano) - var(--tacca))));
  opacity:calc(var(--fioco) + max(var(--r,0),var(--m,0)) * (1 - var(--fioco)));
  transition:width var(--t-quick,220ms) var(--e-out,ease);
}
@media (prefers-reduced-motion:reduce){
  #different.is-viva .righello__t{transition:none}
}

@media (max-width:1080px){
  #different:not(.is-viva) .moviola__cols{
    --sbircia:var(--clear);
    --diapo:calc(100vw - var(--clear) * 2 - var(--sbircia) * 2);
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:var(--diapo);
    align-items:start;
    column-gap:var(--s-3);
    row-gap:var(--s-4);
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:var(--sbircia);
    padding-inline:var(--sbircia);
    margin-inline:calc(-1 * var(--sbircia));
    scrollbar-width:none;
  }
  #different:not(.is-viva) .moviola__cols::-webkit-scrollbar{display:none}
  #different:not(.is-viva) .moviola__card{
    width:100%;aspect-ratio:16/9;
    scroll-snap-align:center;
  }
  #different:not(.is-viva) .moviola__slot{grid-row:1}
  #different:not(.is-viva) .moviola__i{grid-row:2;padding-inline-start:0}
  #different:not(.is-viva) :is(.moviola__slot,.moviola__i):nth-child(1){grid-column:1}
  #different:not(.is-viva) :is(.moviola__slot,.moviola__i):nth-child(2){grid-column:2}
  #different:not(.is-viva) :is(.moviola__slot,.moviola__i):nth-child(3){grid-column:3}
  #different:not(.is-viva) :is(.moviola__slot,.moviola__i):nth-child(4){grid-column:4}
  #different:not(.is-viva) :is(.moviola__slot,.moviola__i):nth-child(5){grid-column:5}
  #different:not(.is-viva) :is(.moviola__slot,.moviola__i):nth-child(6){grid-column:6}
}

#different.is-viva :is(.moviola__h,.moviola__read){
  transition:opacity var(--t-su) var(--e-osmo),transform var(--t-su) var(--e-osmo);
}
#different.is-viva[data-scena="prima"] .moviola__h{transform:translateY(calc(-50% + 14px))}
#different.is-viva[data-scena="dopo"] .moviola__h{transform:translateY(calc(-50% - 14px))}
#different.is-viva[data-scena="prima"] .moviola__read{transform:translateY(14px)}
#different.is-viva[data-scena="dopo"] .moviola__read{transform:translateY(-14px)}
#different.is-viva[data-scena="prima"] :is(.moviola__h,.moviola__read),
#different.is-viva[data-scena="dopo"] :is(.moviola__h,.moviola__read){opacity:.001}
@media (prefers-reduced-motion:reduce){
  #different.is-viva :is(.moviola__h,.moviola__read){transition:none}
  #different.is-viva[data-scena] .moviola__h{opacity:1;transform:translateY(-50%)}
  #different.is-viva[data-scena] .moviola__read{opacity:1;transform:none}
}

.clip{background:var(--ink);padding-top:var(--s-11)}
.clip__mask{overflow:hidden}
.clip__run{display:flex;width:max-content;animation:ribbon-run 52s linear infinite}
.clip.is-idle .clip__run{animation-play-state:paused}
.clip__set{display:flex;flex:none;gap:var(--s-2);padding-right:var(--s-2)}
.clip__set figure{flex:none;height:var(--s-13);background:var(--paper)}
.clip__set img{height:100%;width:auto;object-fit:contain;display:block}

.call{
  background:var(--ink);
  padding-top:var(--s-8);padding-bottom:var(--s-10);
}
.call__col{width:30%;margin-inline:auto;text-align:center}
.call__p{font-size:var(--t-para);line-height:var(--lh-para);padding-inline:var(--clear)}
.call__cta{display:flex;justify-content:center;margin-top:var(--s-5)}
.call__rule{margin-top:var(--s-11)}

.org,.org *{cursor:none}
.org .org__ctl,.org .org__ctl *{cursor:pointer}
@media (pointer:coarse){.org,.org *{cursor:auto}}

.org{
  position:relative;isolation:isolate;
  --org-e:calc(100svh + var(--head-h-c) * 2);
  --org-alto:calc(var(--org-e) * 0.23607 - 40px);
  --org-centro:calc(var(--org-e) * 0.47214 + 40px);
  --org-basso:calc(var(--org-e) * 0.29180);
  min-height:var(--org-e);
  display:grid;
  grid-template-rows:var(--org-alto) var(--org-centro) minmax(var(--org-basso),auto);
}
@media (min-width:1440px){
  .org{
    --org-alto:calc(var(--org-e) * 0.32 - 40px);
    --org-centro:calc(var(--org-e) * 0.38821 + 40px);
  }
}
.org__h{position:absolute;left:0;right:0;height:1px;background:var(--linea);z-index:3}
.org__h--0{top:0}
.org__h--1{top:var(--org-alto)}
.org__h--2{top:calc(var(--org-alto) + var(--org-centro))}
.org__h--3{bottom:0}
.org__h.rv{clip-path:none;transform:scaleX(0);transform-origin:left center}
.org__h.rv.is-in{animation:org-tira var(--t-title) var(--ez) both}
.org__h.rv.is-done{animation:none;transform:none}
@keyframes org-tira{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.org__stella{
  position:absolute;z-index:3;left:calc(var(--clear) + .5px);top:.5px;
  width:11px;height:13px;transform:translate(-50%,-50%);
  background-color:var(--stella);
  -webkit-mask:var(--spark) center/contain no-repeat;
  mask:var(--spark) center/contain no-repeat;
}

.org__alto{grid-row:1;position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-inline:var(--clear)}
.org__t{
  display:block;text-align:center;margin-bottom:-.12em;
  font-family:var(--f-display);font-weight:400;font-synthesis:none;
  font-size:var(--t-display);line-height:var(--lh-display);letter-spacing:var(--tr-display);
  text-transform:uppercase;white-space:nowrap;
}
.org__t .mk{display:inline-block}

.org__bg{position:absolute;inset:0;z-index:0;
  transform:scale(calc(.55 + .45 * var(--gz,1)));transform-origin:50% 50%;will-change:transform}
.org__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--t-mega) var(--e-out)}
.org__slide.is-on{opacity:1}
.org__slide video,.org__slide img{width:100%;height:100%;object-fit:cover}
.org__mount{position:absolute;inset:0;opacity:0;overflow:hidden;transition:opacity 420ms var(--e-band);pointer-events:none}
.org__slide.is-live .org__mount{opacity:1}
/* la locandina se ne va DOPO che il lettore e' entrato, non insieme a lui:
   se le due dissolvenze corrono appaiate, nel mezzo si vede il nero */
.org__slide.is-live img{opacity:0;transition:opacity 420ms var(--e-band) 300ms}
.org__mount iframe{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:max(100%, calc(100vh * 16 / 9));
  height:max(100%, calc(100vw * 9 / 16));
  border:0;
}
.org__velo{position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--velo)}
.org__v{position:absolute;top:0;bottom:0;width:1px;background:var(--linea);z-index:3}
.org__v--l{left:var(--clear)}
.org__v--r{left:calc(100% - var(--clear))}

.org__ctl.rv,.org__ctl.rv.is-in,.org__ctl.rv.is-done,
.org__meta.rv,.org__meta.rv.is-in,.org__meta.rv.is-done{clip-path:none;animation:none}
.org__ctl.rv,.org__meta.rv{
  opacity:.01;transform:translateX(-64px);
  transition:opacity var(--t-title) var(--ez),transform var(--t-title) var(--ez);
}
.org__ctl.rv.is-in,.org__meta.rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .org__ctl.rv,.org__meta.rv{opacity:1;transform:none;transition:none}
}

.org__basso{
  grid-row:3;position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:var(--s-4);padding:0 var(--clear) var(--s-4);
}
.org__ctl{width:408px;max-width:100%}
.org > .sp-voce{bottom:calc(var(--head-h-c) * 2)}
.org__ctl .sp-ctrl__t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.org__meta{position:relative;min-height:calc(var(--s-6) + var(--s-2));text-align:center;width:100%}
.org__pane{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  transition:opacity var(--t-mega) var(--e-out);
}
.org__pane.is-on{opacity:1}
.org__d{font-size:var(--t-para-md);line-height:var(--lh-para-md);max-width:34ch;margin-inline:auto}
.org__case{
  position:fixed;z-index:6;left:0;top:0;
  display:grid;place-items:center;width:auto;min-height:44px;
  transform:translate3d(var(--rlx,-999px),var(--rly,-999px),0);
  pointer-events:none;will-change:transform;
}
.org__case .sp-watch{
  transform-origin:var(--cox,0%) var(--coy,0%);
  transform:scale(.62);opacity:.01;visibility:hidden;
  transition:transform 260ms var(--e-out),opacity 200ms var(--e-out),visibility 0s linear 260ms,
             background var(--t-band) var(--e-band),color var(--t-band) var(--e-band);
}
.org__case.is-on .sp-watch{
  transform:scale(1);opacity:1;visibility:visible;
  transition:transform 260ms var(--e-out),opacity 200ms var(--e-out),visibility 0s,
             background var(--t-band) var(--e-band),color var(--t-band) var(--e-band);
}
.org__case[data-rib-x] .sp-watch{
  padding-right:calc(var(--w-sporge-x) + var(--sp-pad));
  padding-left:var(--sp-pad);
  margin-left:0;
  margin-right:calc(var(--w-sporge-x) * -1);
}
.org__case[data-rib-x] .sp-watch::after{
  left:0;right:var(--w-sporge-x);
}
.org__case[data-rib-x] .sp-watch::before{
  left:auto;right:0;transform:scaleX(-1);
}
.org__case[data-rib-y] .sp-watch{
  padding-top:0;
  padding-bottom:var(--w-sporge-y);
  margin-top:0;
  margin-bottom:calc(var(--w-sporge-y) * -1);
}
.org__case[data-rib-y] .sp-watch::after{
  top:0;bottom:var(--w-sporge-y);
}
.org__case[data-rib-y] .sp-watch::before{
  top:auto;bottom:0;transform:scaleY(-1);
}
.org__case[data-rib-x][data-rib-y] .sp-watch::before{
  transform:scale(-1,-1);
}
@media (prefers-reduced-motion:reduce){
  .org__case .sp-watch{transform:none}
  .org__case.is-on .sp-watch{transform:none}
}
@media (pointer:coarse){
  .org__case{position:static;transform:none;pointer-events:auto;margin-top:var(--s-3)}
  .org__case .sp-watch{
    transform:none;opacity:1;visibility:visible;
    --w-sporge-x:0px;--w-sporge-y:0px;
  }
  .org__case .sp-watch::before{display:none}
}
@media (max-width:900px){
  .org__t{font-size:clamp(48px,11.4vw,var(--t-display))}
  .org__basso{min-width:0;max-width:100%}
  .org__ctl{min-width:0;width:100%;max-width:100%}
}
@media (prefers-reduced-motion: reduce){
  .org__slide,.org__pane{transition:none}
  .org__bg{transform:none !important}
}

#bigrib{display:none}
.bigrib{
  background:var(--ink);
  --ink-t:calc(var(--t-h1) * .0968);
  --ink-b:calc(var(--t-h1) * -.0484);
  padding-top:calc(var(--s-11) - var(--ink-t));
  padding-bottom:0;
}
.bigrib__mask{
  overflow-x:clip;overflow-y:visible;
  margin-bottom:calc(var(--s-11) - var(--ink-b));
}
.bigrib__run{display:flex;width:max-content;animation:ribbon-run 48s linear infinite}
.bigrib.is-idle .bigrib__run{animation-play-state:paused}
.bigrib__set{display:flex;align-items:center;flex:none}
.bigrib__set span{
  display:block;white-space:nowrap;padding-right:.4em;
  font-family:var(--f-display);font-weight:400;font-synthesis:none;
  font-size:var(--t-h1);line-height:1;letter-spacing:0;
}
.bigrib__set i{
  display:block;flex:none;width:11px;height:13px;margin-right:.4em;
  background-color:var(--stella);
  -webkit-mask:var(--spark) center/contain no-repeat;mask:var(--spark) center/contain no-repeat;
}

.sto{background:var(--ink);padding-bottom:var(--s-12);overflow:hidden}
.sto__row{display:grid;grid-template-columns:37.1% minmax(0,1fr);padding-top:var(--s-10)}
.sto__head{padding-top:var(--s-4);padding-left:var(--s-8)}
.sto__h{line-height:var(--lh-h2)}
.sto__h .mk{display:block}
.sto .slz__track{gap:var(--s-3)}
#stories .slz__view{overflow:hidden}
.sto__card{display:block;width:25.8vw;margin:0;color:inherit;text-decoration:none}
.sto__card:is(:hover,:focus-visible) .sto__name{text-decoration:underline}
.sto__row.is-drag .slz__track{transition:none;cursor:grabbing}
.sto__card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.sto__media{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden}
.sto__media :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sto__media video{opacity:0;transition:opacity var(--t-mega) var(--e-out)}
.sto__card:is(:hover,:focus-visible) .sto__media video{opacity:1}
.sto__go{margin-top:var(--s-3);pointer-events:none}
.sto__card:is(:hover,:focus-visible) .sto__go .sp-quad{width:calc(100% - var(--sp-gap) * 2)}
.sto__card:is(:hover,:focus-visible) .sto__go > :not(.sp-quad){color:var(--paper)}
.sto__ph{
  display:grid;place-items:center;aspect-ratio:16/9;
  border:1px solid var(--linea);text-align:center;padding:var(--s-3);
  font-size:var(--t-para-md);line-height:var(--lh-para-md);
}
.sto__name{display:block;margin-top:var(--s-3);font-weight:600;font-size:var(--t-h3);line-height:var(--lh-h3);font-weight:700;text-transform:uppercase}
.sto__d{display:block;margin-top:var(--s-2);font-size:var(--t-para-md);line-height:var(--lh-para-md)}
.sto__nav{display:flex;gap:var(--s-2);margin-top:var(--s-6);color:var(--figure)}
.sto__row{--sto-x:0px}
@media (min-width:901px){
  .sto__row{grid-template-columns:minmax(0,1fr)}
  .sto__head{
    grid-area:1/1;width:37.1%;position:relative;z-index:3;pointer-events:none;
    transform:translate3d(var(--sto-x),0,0);transition:transform 620ms var(--e-band);
  }
  .sto__row .slz{grid-area:1/1}
  .sto .slz__track{padding-left:37.1%}
  #stories .sto__nav{
    pointer-events:auto;
    transform:translate3d(calc(-1 * var(--sto-x)),0,0);transition:transform 620ms var(--e-band);
  }
  .sto__row.is-drag :is(.sto__head,.sto__nav){transition:none}
}
@media (prefers-reduced-motion:reduce){
  .sto__head,.sto__nav{transition:none}
}

@media (max-width:900px){
  .call__col{width:100%}
  .sto__row{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}
  .sto__head{padding-left:0;padding-top:0}
  .sto__card{width:100%}
}
@media (max-width:1080px){
  .slz__arr{width:44px;height:44px}
  #different .moviola__h{width:auto;padding-inline:var(--filo);text-align:left}
  #different .moviola__card{width:100%;margin-inline:0;aspect-ratio:16/9}
  #different .moviola__read{padding-inline-start:0}
}
@media (prefers-reduced-motion: reduce){
  .bigrib__run,.clip__run{animation:none !important}
}

@media (max-width:1080px),(pointer:coarse){
  .org__case{display:none}
}