:root{--sec:160px}
@media (max-width:899px){:root{--sec:88px}}
@media (max-width:1099px){:root:not(.nav-js) .nav__links{display:none}}
.nav__menu{display:none}
@media (max-width:1099px){:root:not(.nav-js) .nav__menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-9px;align-self:flex-start}}
.nav__menu svg{width:26px;height:26px;stroke:var(--brown);stroke-width:2;fill:none}
main{padding-bottom:var(--sec)}
.sheet{background:var(--cream-deep);color:var(--brown);padding:64px}
.cover{padding-top:calc(var(--nav-h) + 40px)}
.cover__sheet{min-height:410px;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.cover__txt{grid-column:1/8;padding:64px 0 64px 64px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.cover__photo{grid-column:8/13;position:relative;min-height:100%;overflow:hidden}
.cover__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 82%;display:block}
.kick{margin:0;font-weight:600;font-size:var(--t-label);line-height:1.3}
.cover__title{max-width:713px;font-weight:900;font-size:var(--t-hero);line-height:1.05;letter-spacing:-.03em;text-wrap:balance}
.start{padding-top:var(--sec);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.start .kick{margin-bottom:24px}
.start .lg{margin:0;max-width:60ch;font-size:var(--t-lg);font-weight:300;line-height:1.5}
@media (max-width:899px){
  .start__sheet{grid-column:1/-1}
  .sheet{padding:24px}
  .cover{padding-top:calc(var(--nav-h) + 24px)}
  .cover__sheet{display:flex;flex-direction:column;min-height:0;padding:0}
  .cover__photo{order:-1;height:240px;min-height:0}
  .cover__txt{padding:24px;gap:24px;justify-content:flex-start}
}
.cs-js [data-cover]{animation:cs-up .7s var(--ease) var(--d,0s) both paused}
.cs-js .cover__title{--d:.08s}
.cs-js .cover__photo img{--d:.16s}
.cs-js.is-in [data-cover]{animation-play-state:running}
@keyframes cs-up{from{opacity:0;transform:translateY(16px)}}
.cs-js .start__sheet{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.cs-js .start__sheet.is-seen{opacity:1;transform:none}
/* --sh = tab 24 + margine 40 + testo Mind 216 + padding 64 a 1440: il foglio piu alto detta l'altezza di tutti */
.did{padding-top:var(--sec);--sh:344px;--off:24px;--stack-top:104px}
.did__head{margin:0 0 24px}
.stack{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.stack__wrap{grid-column:2/12}
.stack-item{min-height:var(--sh);position:sticky;top:calc(var(--stack-top) + var(--i,0)*var(--off));padding:0 64px 64px;will-change:transform}
.stack-item{box-shadow:0 -10px 24px -14px rgba(var(--brown-rgb),.22)}/* taste-skill-ignore: fogli sticky sovrapposti, senza filetti l'ombra e l'unico stacco */
.stack__wrap::after{content:"";display:block;height:320px}
.stack-item:nth-child(1){--i:0}
.stack-item:nth-child(2){--i:1}
.stack-item:nth-child(3){--i:2}
.stack-item:nth-child(4){--i:3}
.stack-item .tab{display:block;height:var(--off);line-height:var(--off);margin-bottom:40px;opacity:calc(var(--tab-in,0)*var(--tab-out,1))}
.stack-item__word{font-weight:900;font-size:var(--t-h2);line-height:1.1;letter-spacing:-.03em}
.stack-item__text{font-size:var(--t-lg);font-weight:300;line-height:1.5}
@media (max-width:899px){
  .stack__wrap{grid-column:1/-1}
  .stack__wrap::after{display:none}
  .stack-item,.cs-reduce .stack-item{position:static;min-height:0;padding:24px;box-shadow:none;will-change:auto}
  .stack-item+.stack-item{margin-top:16px}
  .stack-item .tab{display:none}
  .stack-item__in{display:block}
  .stack-item__text{margin-top:12px}
}
.cs-reduce .stack-item{position:static;min-height:0;box-shadow:none;will-change:auto;padding:64px}
.cs-reduce .stack-item+.stack-item{margin-top:16px}
.cs-reduce .stack-item .tab{display:none}
.cs-js .did__head{opacity:0;translate:0 16px;transition:opacity .7s var(--ease),translate .7s var(--ease)}
.cs-js .stack-item{opacity:0;transition:opacity .7s var(--ease)}
.cs-js .stack-item>*{translate:0 16px;transition:translate .7s var(--ease)}
.cs-js .did__head.is-seen{opacity:1;translate:none}
.cs-js .stack-item.is-seen{opacity:1}
.cs-js .stack-item.is-seen>*{translate:none}
.cs-reduce .stack__wrap::after{display:none}
.res{padding-top:var(--sec);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.res__sheet{grid-column:2/12;display:block;padding:64px 64px 0;overflow:hidden}
.res .kick{margin-bottom:32px}
.res__p{margin:0;font-size:clamp(30px,2.65vw,38px);font-weight:300;line-height:1.36;letter-spacing:-.01em;text-wrap:pretty}
.res__ph{margin:64px -64px 0;height:300px;overflow:hidden}
.res__ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:sepia(.55) saturate(.6) brightness(.92) contrast(.96)}
.res .hl{background:linear-gradient(var(--gold-line),var(--gold-line)) 0 calc(100% - 3px)/calc(var(--u,1)*100%) 4px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.cs-js .res__sheet{transition:opacity .7s var(--ease),translate .7s var(--ease)}
.cs-js .res__sheet:not(.is-seen){opacity:0;translate:0 16px}
@media (min-width:900px){
  .res__ph{height:auto;aspect-ratio:11/5}
  .res__ph img{object-position:50% 72%}
}
@media (max-width:899px){
  .res__sheet{grid-column:1/-1;padding:24px 24px 0}
  .res .hl{background-position:0 100%;background-size:calc(var(--u,1)*100%) 3px}
  .res .kick{margin-bottom:20px}
  .res__p{font-size:22px;line-height:1.4}
  .res__ph{margin:32px -24px 0;height:auto;aspect-ratio:4/3}
}
.att,.cta{padding-top:var(--sec);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.cta__sheet{grid-column:4/10;display:flex;align-items:center;justify-content:center}
.att__sheet{grid-column:2/12;position:relative;isolation:isolate;background:transparent}
.att__sheet::before{content:"";position:absolute;inset:0;z-index:-1;background:#efe5d3;transform:rotate(-.6deg);outline:1px solid transparent;backface-visibility:hidden}
.att__q{margin:0}
.att__q p{margin:0;max-width:840px;font-size:28px;font-weight:300;line-height:1.5}
@media (max-width:899px){
  .att__sheet,.cta__sheet{grid-column:1/-1}
  .att__sheet::before{transform:none}
  .att__q p{font-size:20px}
}
.cs-reduce .att__sheet::before{transform:none}
.cs-js .att__sheet,.cs-js .cta__sheet{opacity:0;translate:0 16px;transition:opacity .7s var(--ease),translate .7s var(--ease)}
.cs-js .att__sheet.is-seen,.cs-js .cta__sheet.is-seen{opacity:1;translate:none}
.did{--sh:540px}
.stack-item{padding:0;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-rows:var(--off) 1fr}
.stack-item .tab{grid-column:1/-1;grid-row:1;margin:0;padding-left:64px;opacity:calc(clamp(0,var(--tab-in,0)/.03,1)*var(--tab-out,1))}
.stack-item__in{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:flex-start;gap:32px;padding:40px 56px 64px 64px}
.stack-item__word,.stack-item__text{margin:0}
.stack-item__fig{grid-column:2;grid-row:2;position:relative;overflow:hidden;min-height:0}
.stack-item{box-shadow:0 -10px 24px -14px rgba(var(--brown-rgb),.16)}
.stack-item__fig{margin:4px 28px 28px 0}
.stack-item__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:sepia(.55) saturate(.6) brightness(.9) contrast(.96)}
.stack-item:nth-child(1) .stack-item__fig img{object-position:50% 100%}
.stack-item:nth-child(2) .stack-item__fig img{object-position:60% 50%}
.stack-item:nth-child(3) .stack-item__fig img{object-position:50% 35%}
.stack-item:nth-child(4) .stack-item__fig img{object-position:50% 60%;filter:sepia(.3) saturate(.27) brightness(.65) contrast(1.35)}
.mt{display:flex;gap:12px;height:28px;margin-top:auto}
.mt i{display:block;width:12px;height:100%;background:var(--brown);opacity:.25}
.mt i.on{opacity:1}
.cs-js .stack-item:nth-child(n+2){opacity:1;transition:none}
.cs-js .stack-item:nth-child(n+2)>.stack-item__fig{translate:none;transition:none}
.start__sheet .lg{text-wrap:pretty}
@media (min-width:900px){.start__sheet{grid-column:2/11}}
.did__head{padding-left:calc((100% - 11*var(--gap))/12 + var(--gap))}
.cs-reduce .stack-item__fig{margin:28px 28px 28px 0}
.cs-reduce .stack-item{padding:0;min-height:var(--sh);grid-template-rows:0 1fr}
.cs-reduce .stack-item__in{padding-top:56px}
@media (max-width:899px){
  .stack-item,.cs-reduce .stack-item{display:flex;flex-direction:column;padding:0;min-height:0;box-shadow:none}
  .stack-item__fig,.cs-reduce .stack-item__fig{order:-1;flex:none;height:220px;margin:24px 24px 0}
  .did__head{padding-left:0}
  .stack-item__in,.cs-reduce .stack-item__in{display:block;padding:24px}
  .stack-item:nth-child(3) .stack-item__fig img{object-position:50% 10%}
  .stack-item__word{margin-bottom:32px}
  .stack-item__text{margin-top:0}
  .mt{margin-top:32px}
}
.start__sheet+.start__sheet{margin-top:48px}