/* ===== MYDA Home v2 — direzione editoriale ===== */
.v2{--ink:#0A0A0A;--paper:#F2EEE6;--red:#C40505;--red2:#E3170A;--mute:#8C8A85;--g2:clamp(20px,4vw,56px);background:var(--ink)}
.v2 .page{background:var(--ink)}
.v2 .display{font-family:'Archivo',sans-serif;font-stretch:125%;font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:.88}
.v2 .serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.02em}
.v2 .label{color:var(--mute);margin:0 0 22px}
.v2 .label.light{color:rgba(255,255,255,.75)}
.wrap2{max-width:1440px;margin:0 auto;padding:0 var(--g2)}
.sec2{padding:clamp(90px,12vw,170px) 0}
.paper{background:var(--paper);color:var(--ink)}
.ink{background:var(--ink);color:#F2F0EB}
.red-t{color:var(--red)}
.sh2{margin-bottom:clamp(40px,6vw,80px)}
.sh2.row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.sh2 h2{font-size:clamp(46px,9vw,150px);margin:0}
.sh2 h2.dark{color:var(--ink)}
.sh2 h2 em{color:var(--red)}

/* header sopra l'hero: trasparente finché non scorri */
.v2 .ihdr{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .4s ease,border-color .4s ease,transform .5s cubic-bezier(.7,0,.2,1)}
.v2.scrolled .ihdr{background:rgba(10,10,10,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:#1A1A1A}
.v2.hide-hdr .ihdr{transform:translateY(-100%)}

/* bottoni */
.btn2{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:54px;padding:0 28px;border-radius:999px;font:600 13px/1 'Inter Tight',sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;overflow:hidden;isolation:isolate;transition:color .35s ease,border-color .35s ease;will-change:transform}
.btn2 span{transition:transform .35s ease}
.btn2:hover span{transform:translateX(5px)}
.btn2::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1)}
.btn2:hover::before{transform:translateY(0)}
.btn2.red{background:var(--red);color:#fff}.btn2.red::before{background:#fff}.btn2.red:hover{color:var(--ink)}
.btn2.ghost{border:1px solid rgba(242,240,235,.5);color:#F2F0EB}.btn2.ghost::before{background:#F2F0EB}.btn2.ghost:hover{color:var(--ink)}
.btn2.dark{border:1px solid var(--ink);color:var(--ink)}.btn2.dark::before{background:var(--ink)}.btn2.dark:hover{color:var(--paper)}

/* ===== intro tendina ===== */
.intro2{position:fixed;inset:0;z-index:10000;pointer-events:none}
.i2-top,.i2-bot{position:absolute;left:0;right:0;height:50.5%;background:var(--ink)}
.i2-top{top:0;animation:i2up 1.1s cubic-bezier(.8,0,.15,1) 2.3s forwards}
.i2-bot{bottom:0;animation:i2dn 1.1s cubic-bezier(.8,0,.15,1) 2.3s forwards}
.i2-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;animation:i2fade .5s ease 2.15s forwards}
.i2-mid img{width:min(460px,66vw);opacity:0;filter:blur(16px);transform:scale(1.12);animation:i2logo 1.2s cubic-bezier(.2,.8,.2,1) .15s forwards}
.i2-line{width:min(460px,66vw);height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;animation:i2line 1.6s cubic-bezier(.6,0,.2,1) .4s forwards}
.i2-n{color:var(--mute);font-size:12px}
.i2-n b{color:#F2F0EB;font-weight:500}
@keyframes i2up{to{transform:translateY(-101%)}}
@keyframes i2dn{to{transform:translateY(101%)}}
@keyframes i2fade{to{opacity:0}}
@keyframes i2logo{to{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes i2line{to{transform:scaleX(1)}}
.ni .intro2,.no-intro .intro2{display:none}

/* ===== hero ===== */
.h2-hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:#000;color:#F2F0EB}
.h2-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;transform:scale(1.08);animation:h2zoom 3.4s cubic-bezier(.2,.8,.2,1) 2.4s forwards}
.ni .h2-vid{animation-delay:0s}
@keyframes h2zoom{to{transform:scale(1)}}
.h2-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,0) 30%,rgba(10,10,10,0) 55%,rgba(10,10,10,.92) 100%)}
.h2-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--g2) clamp(34px,6vh,70px);max-width:1440px;margin:0 auto}
.h2-kick{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#D9D6CF;opacity:0;animation:up .9s ease 3.1s forwards}
.h2-kick .dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:blink 1.4s infinite}
.h2-title{margin:0;font-size:clamp(88px,23vw,380px);line-height:.8;display:flex;flex-direction:column}
.h2-title .ln{display:flex;overflow:hidden;padding-top:.04em}
.h2-title .ln span{display:inline-block;transform:translateY(105%);animation:letter 1.1s cubic-bezier(.7,0,.15,1) forwards}
.h2-title .ln span:nth-child(1){animation-delay:2.55s}.h2-title .ln span:nth-child(2){animation-delay:2.62s}.h2-title .ln span:nth-child(3){animation-delay:2.69s}.h2-title .ln span:nth-child(4){animation-delay:2.76s}
.h2-title .ln2{justify-content:flex-end;margin-top:-.12em}
.h2-title .ln2 em{display:inline-block;font-size:.42em;color:var(--red);line-height:1;transform:translateY(110%);animation:letter 1.1s cubic-bezier(.7,0,.15,1) 2.95s forwards}
.ni .h2-title .ln span,.ni .h2-title .ln2 em{animation-delay:.1s}.ni .h2-kick,.ni .h2-foot{animation-delay:.5s}
@keyframes letter{to{transform:translateY(0)}}
@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.h2-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-top:28px;opacity:0;animation:up 1s ease 3.25s forwards}
.h2-claim{margin:0;font-size:clamp(17px,1.6vw,22px);line-height:1.35;color:#D9D6CF;max-width:420px}
.h2-ctas{display:flex;gap:12px;flex-wrap:wrap}
.h2-scroll{position:absolute;right:var(--g2);top:50%;z-index:2;writing-mode:vertical-rl;color:#BDB9B1;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:11px}
.h2-scroll span{width:1px;height:70px;background:linear-gradient(#F2F0EB,transparent);animation:scrollcue 1.8s ease-in-out infinite}
@keyframes scrollcue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ===== fascia rossa ===== */
.band{overflow:hidden;white-space:nowrap;border-block:1px solid rgba(0,0,0,.15)}
.band.red{background:var(--red);color:#fff;padding:18px 0}
.mq{display:flex;width:max-content;animation:mq 38s linear infinite;will-change:transform}
.mq>span{font:900 clamp(22px,3vw,40px)/1 'Archivo',sans-serif;font-stretch:125%;text-transform:uppercase;letter-spacing:-.02em;padding-right:.6em}
.mq .star{color:var(--ink);font-size:.7em;vertical-align:.15em;padding:0 .35em}

/* ===== manifesto ===== */
.manifesto{font:500 clamp(30px,4.6vw,76px)/1.06 'Inter Tight',sans-serif;letter-spacing:-.035em;margin:0;max-width:1250px}
.manifesto .w{opacity:.14;transition:opacity .25s linear}
.manifesto .w.on{opacity:1}
.manifesto em{color:var(--red);font-size:1.08em}
.crowd{margin:clamp(60px,9vw,120px) 0 0;position:relative;overflow:hidden;aspect-ratio:3/2;background:#111}
.crowd img{width:100%;height:115%;object-fit:cover;display:block;transform:translateY(var(--py,0))}
.crowd figcaption,.stage figcaption{position:absolute;left:16px;bottom:14px;color:#fff;font-size:11px;mix-blend-mode:difference}
.clip{clip-path:inset(18% 10% 18% 10%);transition:clip-path 1.4s cubic-bezier(.7,0,.15,1)}
.clip.in{clip-path:inset(0 0 0 0)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(50px,7vw,90px);border-top:1px solid rgba(10,10,10,.18)}
.facts>div{padding:28px 20px 0 0;display:flex;flex-direction:column;gap:12px}
.facts .display{font-size:clamp(46px,6vw,96px);color:var(--ink)}
.facts .mono{color:#55524D;font-size:11px;max-width:200px}
@media (max-width:760px){.facts{grid-template-columns:1fr 1fr;row-gap:30px}}

/* ===== mondi ===== */
.worlds{border-top:1px solid #222}
.world{position:relative;display:grid;grid-template-columns:70px 1fr auto 60px;align-items:center;gap:20px;padding:34px 0;border-bottom:1px solid #222;color:#F2F0EB;text-decoration:none;overflow:hidden}
.world::before{content:"";position:absolute;inset:0;background:var(--red);transform:scaleY(0);transform-origin:bottom;transition:transform .55s cubic-bezier(.7,0,.2,1);z-index:0}
.world>*{position:relative;z-index:1}
.w-n{color:var(--mute);font-size:12px}
.w-t{font-size:clamp(44px,7.4vw,124px);transition:transform .55s cubic-bezier(.7,0,.2,1)}
.w-k{color:var(--mute);font-size:11px;text-align:right;transition:color .3s}
.w-go{font-size:36px;justify-self:end;transition:transform .45s ease}
.w-m,.w-d{display:none}
@media (hover:hover) and (min-width:861px){
  .world:hover::before{transform:scaleY(1)}
  .world:hover .w-t{transform:translateX(28px)}
  .world:hover .w-k,.world:hover .w-n{color:#fff}
  .world:hover .w-go{transform:rotate(-45deg)}
}
.w-float{position:fixed;left:0;top:0;width:min(420px,30vw);aspect-ratio:4/5;pointer-events:none;z-index:60;overflow:hidden;border-radius:4px;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.w-float.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.w-float video{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){
  .w-float{display:none}
  .world{grid-template-columns:1fr auto;gap:10px;padding:26px 0 30px}
  .w-n{grid-column:1/-1}
  .w-t{font-size:clamp(40px,12vw,64px)}
  .w-k{grid-column:1/-1;text-align:left;order:3}
  .w-go{grid-row:2;grid-column:2}
  .w-m{display:block;grid-column:1/-1;order:4;aspect-ratio:16/10;overflow:hidden;border-radius:4px;margin-top:8px;background:#111}
  .w-m video{width:100%;height:100%;object-fit:cover;display:block}
  .w-d{display:block;grid-column:1/-1;order:5;color:#BDB9B1;font-size:16px;line-height:1.5}
}

/* ===== sul palco: scorrimento orizzontale ===== */
.stage{position:relative}
.stage-pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,48px)}
.stage-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;width:100%;box-sizing:border-box}
.stage-head .label{grid-column:1/-1;margin:0}
.stage-head h2{font-size:clamp(44px,8vw,130px);margin:0}
.stage-head h2 em{color:var(--red)}
.stage-sub{max-width:360px;color:#BDB9B1;margin:0;font-size:16px;line-height:1.5}
.stage-track{display:flex;gap:18px;padding:0 var(--g2);width:max-content;will-change:transform}
.s-item{position:relative;margin:0;height:min(58vh,560px);aspect-ratio:3/2;overflow:hidden;border-radius:3px;flex:none;background:#111}
.s-item.tall{aspect-ratio:2/3}
.s-item img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.s-item:hover img{transform:scale(1.02)}
@media (max-width:860px){
  .stage{height:auto !important}
  .stage-pin{position:relative;height:auto;padding:clamp(80px,14vw,120px) 0}
  .stage-head{grid-template-columns:1fr}
  .stage-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;transform:none !important}
  .stage-track::-webkit-scrollbar{display:none}
  .s-item{height:62vw;scroll-snap-align:center}
  .s-item img{transform:none}
}

/* ===== backstage B/N ===== */
.bk-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(60px,7vw,110px);gap:clamp(10px,1.4vw,22px)}
.bk{margin:0;overflow:hidden;border-radius:3px;background:#ddd;will-change:transform}
.bk img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.06);transition:filter .6s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.bk:hover img{filter:grayscale(0);transform:scale(1.04)}
.b1{grid-column:1/4;grid-row:1/5}.b2{grid-column:4/7;grid-row:2/6}.b3{grid-column:7/13;grid-row:1/5}
.b4{grid-column:1/6;grid-row:5/8}.b5{grid-column:6/9;grid-row:6/10}.b6{grid-column:9/11;grid-row:5/8}.b7{grid-column:11/13;grid-row:5/9}
@media (max-width:760px){
  .bk-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:22vw}
  .b1{grid-column:1/4;grid-row:1/5}.b2{grid-column:4/7;grid-row:1/5}.b3{grid-column:1/7;grid-row:5/8}
  .b4{grid-column:1/7;grid-row:8/11}.b5{grid-column:1/4;grid-row:11/15}.b6{grid-column:4/7;grid-row:11/15}.b7{display:none}
  .bk{transform:none !important}
}

/* ===== eventi ===== */
.ev2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ev2-sk{height:420px;border-radius:4px;background:linear-gradient(90deg,#141414,#1d1d1d,#141414);background-size:200% 100%;animation:sk 1.4s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.ev2c{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;padding:28px;border-radius:4px;overflow:hidden;color:#fff;text-decoration:none;background:#111}
.ev2c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .4s}
.ev2c::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85))}
.ev2c>*{position:relative;z-index:1}
.ev2c:hover img{transform:scale(1.05);opacity:.7}
.ev2c.lp{min-height:0;padding:0;justify-content:flex-start;background:#0d0d0d;border:1px solid rgba(255,255,255,.08)}
.ev2c.lp::after{display:none}
.ev2c.lp .ph{position:relative;aspect-ratio:1/1;overflow:hidden;background:#111}
.ev2c.lp .ph img{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.ev2c.lp .ph .bg{object-fit:cover;filter:blur(28px) brightness(.45);transform:scale(1.15)}
.ev2c.lp .ph .fg{object-fit:contain;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.ev2c.lp:hover .ph .fg{transform:scale(1.03)}.ev2c.lp:hover img{opacity:1}
.ev2c.lp .tx{display:flex;flex-direction:column;padding:22px 24px 26px}
.ev2c.lp .d{margin-bottom:0}.ev2c.lp h3{font-size:clamp(24px,2.2vw,34px)}
.ev2c .d{color:#fff;background:var(--red);align-self:flex-start;padding:7px 10px;border-radius:999px;font-size:11px;margin-bottom:auto}
.ev2c h3{font-size:clamp(28px,3vw,46px);margin:18px 0 10px;line-height:.95}
.ev2c .m{color:#D9D6CF;font-size:12px}
@media (max-width:760px){.ev2{grid-template-columns:1fr}.ev2c{min-height:360px}.ev2c.lp{min-height:0}.ev2c.lp .ph{aspect-ratio:4/5}}

/* ===== shop ===== */
.shop2{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,24px)}
.p2{text-decoration:none;color:var(--ink)}
.p2 .ph{position:relative;aspect-ratio:3/4;background:#E7E2D8;border-radius:3px;overflow:hidden}
.p2 .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.p2 .ph img.h{opacity:0}
.p2:hover .ph img.h{opacity:1}.p2:hover .ph img:first-child{transform:scale(1.04)}
.p2 .pb{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font:600 15px/1.2 'Inter Tight',sans-serif}
.p2 .pb .mono{color:var(--red)}
@media (max-width:760px){.shop2{grid-template-columns:1fr 1fr}}

/* ===== CTA finale ===== */
.cta2{position:relative;overflow:hidden;background:var(--red);color:#fff;padding:clamp(110px,16vw,220px) 0}
.cta2-bg{position:absolute;inset:0;opacity:.18;mix-blend-mode:multiply}
.cta2-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.3)}
.cta2-in{position:relative}
.cta2-big{display:inline-block;color:#fff;text-decoration:none;font-size:clamp(56px,12vw,210px);line-height:.86}
.cta2-big em{color:var(--ink)}
.cta2-big .arr{display:inline-block;font-family:'Inter Tight',sans-serif;font-weight:400;font-size:.5em;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.cta2-big:hover .arr{transform:translateX(.3em) rotate(-45deg)}
.cta2-sub{max-width:460px;font-size:18px;line-height:1.5;margin:34px 0 0;color:rgba(255,255,255,.88)}

/* ===== reveal ===== */
.js .r2{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.js .r2.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .intro2{display:none}.h2-title .ln span,.h2-title .ln2 em{transform:none;animation:none}.h2-kick,.h2-foot{opacity:1;animation:none}
  .clip{clip-path:none}.js .r2{opacity:1;transform:none}.mq{animation:none}.manifesto .w{opacity:1}
}

/* ===== shop: foto di sfondo ===== */
.shop2-hero{position:relative;display:block;aspect-ratio:21/9;border-radius:4px;overflow:hidden;margin-bottom:clamp(24px,3vw,40px);background:#111;color:#fff;text-decoration:none}
.shop2-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.shop2-hero:hover img{transform:scale(1.04)}
.shop2-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.75) 0%,rgba(10,10,10,.1) 60%)}
.s2h-t{position:absolute;z-index:1;left:clamp(18px,3vw,44px);top:50%;transform:translateY(-50%);font-size:clamp(46px,8vw,130px);line-height:.85}
.s2h-t em{color:var(--red)}
.s2h-k{position:absolute;z-index:1;left:clamp(18px,3vw,44px);bottom:clamp(14px,2vw,28px);font-size:11px;color:#E9E6E0}
.p2 .ph .tag{left:10px;bottom:auto;top:10px;background:var(--ink);color:#fff;font-size:10px;padding:5px 8px;border-radius:999px}
@media (max-width:760px){.shop2-hero{aspect-ratio:4/5}.shop2-hero img{object-position:72% 50%}.shop2-hero::after{background:linear-gradient(180deg,rgba(10,10,10,.2) 30%,rgba(10,10,10,.8))}.s2h-t{top:auto;bottom:56px;transform:none}}

.backstage{overflow:hidden}
@media (max-width:760px){.facts .display{font-size:clamp(34px,10vw,46px)}.w-t{font-size:clamp(30px,9.6vw,56px)}}
/* frase hero */
.h2-claim span{display:block}
.h2-claim em{display:block;font-size:1.35em;color:#fff;line-height:1}
.h2-claim{font-size:clamp(34px,4.6vw,78px) !important;line-height:.98 !important;max-width:none !important;color:#F2F0EB !important}
.h2-claim span{font-family:'Archivo',sans-serif;font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:.78em;letter-spacing:-.02em}
.h2-claim em{color:var(--red) !important;font-size:1.25em !important}
.h2-foot{align-items:flex-end}
@media (max-width:760px){.h2-claim{font-size:clamp(30px,9.4vw,44px) !important}}

/* ===== shop home: capo in evidenza ===== */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,64px);align-items:center;text-decoration:none;color:var(--ink);margin-bottom:clamp(36px,5vw,64px)}
.feat-ph{aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:#E7E2D8}
.feat-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.feat:hover .feat-ph img{transform:scale(1.05)}
.feat-t{position:relative;padding-bottom:clamp(120px,16vw,240px)}
.feat-k{color:var(--red)}
.feat-t h3{margin:14px 0 18px;font-size:clamp(48px,6.4vw,104px);line-height:.88}
.feat-t h3 em{color:var(--red)}
.feat-t p{margin:0 0 26px;max-width:420px;font-size:17px;line-height:1.55;color:#3A3835}
.feat-flat{position:absolute;right:0;bottom:0;width:clamp(150px,20vw,280px);mix-blend-mode:multiply;filter:brightness(1.08) contrast(1.1);transform:rotate(8deg);animation:featF 6s ease-in-out infinite}
@keyframes featF{0%,100%{translate:0 0}50%{translate:0 -14px}}
@media (max-width:760px){.feat{grid-template-columns:minmax(0,1fr)}.feat-t{padding-bottom:0}.feat-flat{position:relative;display:block;margin:20px 0 0 auto;width:52%}}
/* ===== community: video ===== */
.reel2-intro{margin:0 0 22px;color:#A7A49D;max-width:560px;line-height:1.6}
.reel2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.reel2-c{position:relative;display:block;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#111;color:#fff;text-decoration:none}
.reel2-c video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.reel2-c:hover video{transform:scale(1.04)}
.reel2-c::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 30%,transparent 55%,rgba(0,0,0,.85) 100%)}
.reel2-t{position:absolute;z-index:1;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:4px}
.reel2-t b{font-size:clamp(20px,2vw,30px);line-height:.95}.reel2-t .mono{font-size:10px;color:#D9D6CF}
.reel2-ig{position:absolute;z-index:1;top:12px;right:12px;font-size:10px;background:rgba(0,0,0,.5);padding:6px 9px;border-radius:999px}
.reel2-play{position:absolute;z-index:1;top:12px;left:12px;width:30px;height:30px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-size:11px}
.reel2-c.on .reel2-play{opacity:0;transition:opacity .4s}
@media (max-width:760px){.reel2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Dolls Squad ===== */
.dolls-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:center}
.dolls-ph{position:relative;margin:0;aspect-ratio:3/4;border-radius:6px;overflow:hidden;background:#ddd}
.dolls-ph img{width:100%;height:100%;object-fit:cover}
.dolls-ph figcaption{position:absolute;left:14px;bottom:12px;color:#fff;font-size:11px;mix-blend-mode:difference}
.dolls-t h2{font-size:clamp(48px,7vw,116px);margin:10px 0 18px;line-height:.86}.dolls-t h2 em{color:var(--red);display:block}
.dolls-lead{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#2A2826;max-width:560px;margin:0 0 28px}
.dolls-res{display:grid;gap:0;border-top:1px solid rgba(10,10,10,.18);margin-bottom:30px}
.dolls-res>div{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(10,10,10,.18)}
.dolls-res .display{font-size:40px;color:var(--red)}.dolls-res .mono{font-size:11px;color:#3A3835;line-height:1.6}
.elogo-a{display:inline-flex;flex:0 0 auto}.elogo-a:hover .elogo{opacity:1}
@media (max-width:760px){.dolls-in{grid-template-columns:minmax(0,1fr)}}


.h2-par{margin:14px 0 0;font:500 12px/1.5 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#D9D6CF;max-width:520px;opacity:0;animation:up 1s ease 3.4s forwards}
.ni .h2-par{animation-delay:.6s}
.story{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(20px,4vw,56px);align-items:center;margin-top:clamp(50px,7vw,90px)}
.story-v{all:unset;cursor:pointer;position:relative;display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#111}
.story-v img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.story-v:hover img{transform:scale(1.04)}
.story-v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.story-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 14px 40px rgba(196,5,5,.5)}
.story-t h3{font-size:clamp(40px,5vw,80px);margin:8px 0 14px;line-height:.9}.story-t h3 em{color:var(--red)}.story-t p{color:#3A3835;line-height:1.6;margin:0;max-width:440px}
@media (max-width:760px){.story{grid-template-columns:minmax(0,1fr)}}
.xbanner{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:18px var(--g2);background:#11522c;color:#fff;text-decoration:none}
.xbanner[hidden]{display:none}.xbanner b{font-size:clamp(22px,3vw,40px)}.xbanner b em{color:#fff}.xb-go{background:#fff;color:#11522c;padding:10px 14px;border-radius:999px;font-size:11px}
@media (max-width:760px){.xbanner{grid-template-columns:1fr;gap:6px}.xb-go{justify-self:start;margin-top:6px}}
.gmore{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-top:22px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(242,240,235,.45);color:#F2F0EB;font:600 14px/1 'Inter Tight',sans-serif}

.s-item.port{aspect-ratio:4/5}

.reel2{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.reel2-t b{font-size:clamp(18px,1.6vw,26px)}
@media (max-width:1100px){.reel2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.reel2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* pass "1 lezione gratis" (home, blocco prova) */
.pass-row{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.pass3{display:block;width:min(300px,100%);perspective:900px;text-decoration:none;color:#fff;animation:passFloat 6s ease-in-out infinite}
.pass3-in{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 26px 22px;border-radius:14px;background:#C40505;box-shadow:0 30px 60px -30px rgba(196,5,5,.55);transform:rotateX(var(--rx,0deg)) rotateY(calc(var(--ry,0deg) - 8deg)) rotateZ(-2deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.pass3.tilting .pass3-in{transition:transform .12s linear}
.pass3-in::before,.pass3-in::after{content:"";position:absolute;left:-10px;top:58%;width:20px;height:20px;border-radius:50%;background:#0C0C0C}
.pass3-in::after{left:auto;right:-10px}
.pass3 .mono{font-size:10px;letter-spacing:.14em;opacity:.85}
.pass3 b{font-size:clamp(30px,3vw,40px);line-height:.92;font-weight:400;margin:4px 0}
.pass3-go{margin-top:10px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.4);opacity:1!important}
@keyframes passFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:760px){.pass-row{flex-direction:column;align-items:stretch}.pass3{margin:8px auto 0}}
@media (prefers-reduced-motion:reduce){.pass3{animation:none}.pass3-in{transition:none}}