/* YOU — pagina "Partecipa". Canvas assoluto 1920x1673, coordinate = Figma (frame 91:1409, origine 22476,-101). */
:root{--teal:#008b95;--ink:#1d1d1b;--azzurro:#bbdde6;--white:#fff}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Poppins",sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
.fit{position:relative;width:100%;overflow:hidden;height:calc(1673px * var(--s,1))}
.canvas{position:absolute;top:0;left:50%;transform:translateX(-50%) scale(var(--s,1));transform-origin:top center;width:1920px;height:1673px;overflow:hidden;z-index:1}
.canvas>*{position:absolute}

/* BANDE full-width DIETRO il canvas boxed (Y = coord canvas × --s). Vedi lessons.md. */
.bands{position:absolute;inset:0;width:100%;z-index:0;overflow:hidden;pointer-events:none}
.bands span{position:absolute;left:0;width:100%;display:block}
.bands .b-hero{top:calc(185px*var(--s,1));height:calc(934px*var(--s,1));background:var(--teal);overflow:hidden}
.bands .b-hero::before{content:"";position:absolute;inset:0;background:url("assets/texture-92_4228.png") center top/cover no-repeat;opacity:.4}

/* header .hd* + footer .ft* → chrome.css (condivisi) */

/* HERO teal (BLOCCO 1 @ y222, 897h) */
/* HERO: sfondo teal ora in .bands full-width */
.hero-title{left:160px;top:291px;width:896px;color:#fff;font-family:"Poppins";font-weight:300;font-size:48px;line-height:1.1}
.hero-title b{font-family:"Madimi One";font-weight:400}
.hero-heart{left:160px;top:413px;width:35px;height:auto;z-index:2}
.hero-body{left:222px;top:419px;width:834px;color:#fff;font-family:"Poppins";font-weight:400;font-size:26px;line-height:38px}
.hero-body p{margin-bottom:36px}
.hero-body p:last-child{margin-bottom:0}
.hero-body b{font-weight:600}
/* Foto definitiva orizzontale (1535×1024, reception Ad Personam) nel riquadro 728×542: `cover` la
   scala ad altezza e taglia ~85px in larghezza. Ancoraggio di default (centro): le due persone e il
   bancone restano dentro. (Prima la foto era verticale con `object-position:top`.) */
.hero-photo{left:1191px;top:291px;width:728px;height:542px;border-radius:35px;object-fit:cover;z-index:2}

/* FILO (SVG) */
.wires{position:absolute;left:0;top:0;width:1920px;height:1673px;z-index:1;pointer-events:none}

/* PARTECIPA (bottone + figura) */
.btn-part{left:381px;top:927px;width:480px;height:80px;background:var(--azzurro);border-radius:45px;z-index:2;display:flex;align-items:center;justify-content:center;text-decoration:none}
.btn-part span{font-family:"Madimi One";font-weight:400;font-size:36px;color:var(--teal);letter-spacing:.5px}
.fig-walk{left:420px;top:1267px;width:52px;height:auto;z-index:2}

/* LOGHI partner */
.partner{left:195px;top:1509px;width:1336px;height:auto;z-index:2}
.aris{left:1605px;top:1537px;width:131px;height:auto;z-index:2}

/* MOBILE (<1024px) */
.mobile{display:none}
@media(max-width:1023px){ .fit{display:none} .mobile{display:block} }
.m-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}
.m-hd img{width:118px;height:auto}
.m-hd details{position:relative}
.m-hd summary{list-style:none;cursor:pointer;font-size:26px;color:var(--teal);line-height:1;padding:4px 8px}
.m-hd summary::-webkit-details-marker{display:none}
.m-hd nav{position:absolute;right:0;top:40px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.14);border-radius:12px;padding:16px 22px;display:flex;flex-direction:column;gap:14px;min-width:190px;z-index:5}
.m-hd nav a{color:var(--teal);text-decoration:none;font-weight:500;font-size:17px}
.m-hd nav a.active{font-weight:700}

.m-hero{background:var(--teal);color:#fff;padding:40px 26px;position:relative;overflow:hidden}
.m-hero::before{content:"";position:absolute;inset:0;background:url("assets/texture-92_4228.png") center/cover no-repeat;opacity:.15;pointer-events:none}
.m-hero>*{position:relative}
.m-hero h1{font-family:"Madimi One";font-weight:400;font-size:40px;color:#fff}
.m-hero p{font-weight:400;font-size:17px;line-height:1.55;margin-top:20px;color:#fff}
.m-hero p b{font-weight:600}
.m-hero img{display:block;width:min(100%,300px);height:auto;border-radius:18px;margin:26px auto 0}   /* M1: foto mobile più contenuta e centrata */
.m-btn{display:block;margin:28px auto 0;width:min(440px,92%);padding:18px;background:var(--azzurro);border-radius:40px;text-align:center;text-decoration:none;font-family:"Madimi One";color:var(--teal);font-size:22px}

/* feedback3 F4: erano impilate (display:block) → ARIS sempre a capo. Ora una riga sola, stesse
   misure della striscia footer di Home/Cos'è. feedback5 F4: rapporto del design (1336/131), non
   altezze uguali — vedi chrome.css. Identico in chisiamo.css. */
.m-partner{padding:36px 16px;display:flex;align-items:center;justify-content:center;gap:14px}
.m-partner img{display:block;height:auto;margin:0}
.m-partner img:first-child{width:286px}
.m-partner img:last-child{width:28px}