@font-face{font-family:Inter;src:url(/fonts/Inter-Var.ttf);font-weight:100 900;font-style:normal}
@font-face{font-family:Inter;src:url(/fonts/Inter-Italic-Var.ttf);font-weight:100 900;font-style:italic}
@font-face{font-family:Akz;src:url(/fonts/Akz-Regular.ttf);font-weight:400}
@font-face{font-family:Akz;src:url(/fonts/Akz-Bold.ttf);font-weight:700}
@font-face{font-family:AkzPro;src:url(/fonts/AkzPro-Regular.ttf);font-weight:400}
@font-face{font-family:AkzPro;src:url(/fonts/AkzPro-Bold.ttf);font-weight:700}
.slide{--m:108px;--opsz:32;position:relative;width:1080px;height:1350px;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Inter,Helvetica,Arial,sans-serif;font-variation-settings:"opsz" var(--opsz);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.slide *{box-sizing:border-box;margin:0;padding:0}
.slide.dark{--bg:#212122;--ink:#fff;--mute:#8d8e91;--bub:#2f3032}
.slide.light{--bg:#dee0e2;--ink:#0d1117;--mute:#6c6d70;--bub:#cfd0d3}
.slide.mi.dark{--bg:#111213;--bub:#272627}
.slide.mi.light{--bg:#d6d7d9}
.slide .pat{position:absolute;inset:0;background-size:100% 100%}
.slide.mi.dark .pat{background-image:url(/assets/pattern-dark.png)}
.slide.mi.light .pat{background-image:url(/assets/pattern-light.png)}
/* header e footer */
.hd{position:absolute;left:var(--m);right:var(--m);top:103px;display:flex;justify-content:space-between;align-items:flex-start;font:400 16.8px/1.3 AkzPro,Akz,Helvetica,Arial,sans-serif;text-transform:uppercase;z-index:5}
.hd b,.ttl b{font-weight:700}
.hd .logo{height:58px;width:auto;margin:-5px 0 0 5px;display:block}
.hd .ttl{text-align:right;max-width:350px;text-wrap:balance}
.ft{position:absolute;left:var(--m);right:var(--m);top:1211px;height:34px;z-index:5}
.ft p{position:absolute;left:0;top:2px;font:400 11.7px/1.18 AkzPro,Akz,Helvetica,Arial,sans-serif;white-space:nowrap}
.ft img{position:absolute;right:0;top:0;width:141px;height:31px}
/* testo */
.body{position:absolute;left:var(--m);right:108px;top:150px;bottom:146px;display:flex;align-items:center;z-index:3}
.body.wide{right:var(--m)}
.t-text{font:400 70.67px/70.5px Inter,Helvetica,Arial,sans-serif;width:100%;letter-spacing:var(--ls,-0.0185em)}
.t-caps{font:700 74.67px/74.5px Inter,Helvetica,Arial,sans-serif;text-transform:uppercase;width:100%;letter-spacing:var(--ls,-0.0185em)}
.slide i{font-style:italic}
/* copertina */
.cover .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover .phx{position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,#4a4b50,#17181a 75%)}
.cover .grad{position:absolute;inset:0}
.cover .grad.basso{background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.86) 14%,rgba(0,0,0,.66) 30%,rgba(0,0,0,.36) 48%,rgba(0,0,0,.12) 64%,rgba(0,0,0,0) 78%)}
.cover .grad.centro{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.18) 22%,rgba(0,0,0,0) 40%),radial-gradient(ellipse 85% 22% at 50% 50%,rgba(0,0,0,.62),rgba(0,0,0,0) 100%)}
.cover .grad.alto{background:linear-gradient(to bottom,rgba(0,0,0,.92) 0%,rgba(0,0,0,.84) 16%,rgba(0,0,0,.62) 32%,rgba(0,0,0,.3) 48%,rgba(0,0,0,0) 66%),linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.18) 20%,rgba(0,0,0,0) 36%)}
.cover .hd{justify-content:flex-end}
.cover .hd .ttl{white-space:nowrap;line-height:1.28}
.cover .ct{position:absolute;left:96px;right:96px;text-align:center;font:700 69.33px/70px Inter,Helvetica,Arial,sans-serif;text-transform:uppercase;z-index:4;letter-spacing:var(--ls,-0.0185em)}
.cover .ct.basso{bottom:240px}.cover .ct.centro{top:50%;transform:translateY(-50%)}.cover .ct.alto{top:300px}
/* immagine incorniciata */
.imgc{display:flex;flex-direction:column;gap:46px;width:100%}
.imgc .box{width:100%;border-radius:18px;overflow:hidden;border:3px solid rgba(214,168,168,.85);max-height:520px}.imgc .box img{display:block;width:100%;max-height:520px;object-fit:cover}
/* DM */
.dm{position:absolute;z-index:4}
.dm.single{left:var(--m);right:var(--m);top:50%;transform:translateY(-52%)}
.dm.single .tag{font:400 15px Akz;letter-spacing:3px;color:var(--mute);margin:0 0 20px 6px;text-transform:uppercase}
.dm.single .bub{background:var(--bub);color:var(--ink);border-radius:50px 50px 50px 14px;padding:50px 54px 52px;font:500 38px/1.36 Inter;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.dm.single .meta{display:flex;justify-content:space-between;margin:20px 8px 0;font:400 16px Akz;color:var(--mute)}
.dm.chat{left:var(--m);right:var(--m);top:180px;bottom:176px;border-radius:44px;overflow:hidden;background:rgba(17,18,19,.84);border:1.5px solid #2b2c2f;box-shadow:0 40px 90px rgba(0,0,0,.45);display:flex;flex-direction:column}
.dm.chat .top{display:flex;align-items:center;gap:20px;padding:22px 32px;border-bottom:1.5px solid #26272a;background:rgba(27,28,31,.92);flex:none}
.dm .chev{font-size:38px;color:#8d8e91;margin-right:-6px;font-weight:300}
.dm .av{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#55565b,#2a2b2e);flex:none;position:relative;overflow:hidden}
.dm .av:before{content:"";position:absolute;left:21px;top:13px;width:28px;height:28px;border-radius:50%;background:#8f9094}
.dm .av:after{content:"";position:absolute;left:11px;top:46px;width:48px;height:36px;border-radius:24px 24px 0 0;background:#8f9094}
.dm .nm b{display:block;font:700 28px Inter;color:#fff}.dm .nm span{font:400 19px Inter;color:#8d8e91}
.dm .msgs{flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:0 30px;min-height:0}
.dm .chip{align-self:center;font:400 15px Akz;letter-spacing:2.4px;color:#9a9b9f;background:#232427;border-radius:18px;padding:8px 18px;margin-bottom:8px;text-transform:uppercase}
.dm .m{position:relative;max-width:80%;font:400 var(--fs,31px)/1.32 Inter;padding:20px 28px 36px;border-radius:32px;color:#fff;background:#272627}
.dm .m time{position:absolute;right:24px;bottom:11px;font:400 14px Inter;opacity:.55;display:flex;gap:7px;align-items:center}
.dm .m.in{align-self:flex-start}.dm .m.in.first{border-top-left-radius:9px}.dm .m.in.last{border-bottom-left-radius:8px}
.dm .m.out{align-self:flex-end;margin-top:18px;background:#ecece9;color:#131416;font-weight:600;border-bottom-right-radius:8px}.dm .m.out time{opacity:.8;color:#131416}
.dm.full{left:var(--m);right:var(--m);top:200px;bottom:190px;display:flex;flex-direction:column;justify-content:center;gap:11px}
.dm.full .who{display:flex;align-items:center;gap:14px;font:400 16px Akz;letter-spacing:3px;color:var(--mute);text-transform:uppercase}.dm.full .who i{width:11px;height:11px;border-radius:50%;background:var(--mute);display:block}
.dm.full .m{max-width:90%;font:500 var(--fs,34px)/1.3 Inter;padding:22px 32px;border-radius:42px 42px 42px 11px;background:#272627;color:#fff;letter-spacing:-.2px}
.dm.full .m small{display:block;margin-top:10px;font:400 14px Akz;color:#7d7e82;letter-spacing:1.3px}
.dm.full .m.me{align-self:flex-end;background:transparent;border:2.5px solid #f4f4f2;border-radius:42px 42px 11px 42px;font-weight:800;font-size:44px;line-height:1.12;letter-spacing:-.7px;padding:26px 36px;margin-top:20px;max-width:94%}
.dm.full .who.r{align-self:flex-end;margin:14px 6px -2px 0}


/* ---- DM v2: conversazione ---- */
.avg{border-radius:50%;background:#4b4c50;position:relative;overflow:hidden;flex:none}
.avg:before{content:"";position:absolute;left:50%;top:22%;width:34%;height:34%;border-radius:50%;background:#9d9ea2;transform:translateX(-50%)}
.avg:after{content:"";position:absolute;left:50%;top:60%;width:62%;height:50%;border-radius:50%;background:#9d9ea2;transform:translateX(-50%)}
.avg.l{width:78px;height:78px}.avg.m{width:70px;height:70px}.avg.s{width:52px;height:52px}
.dm.ig,.dm.wa,.dm.im,.dm.voice,.dm.req,.dm.typ{left:var(--m);right:var(--m);top:170px;bottom:170px;display:flex;flex-direction:column;z-index:4}
.b{font:400 34px/1.32 Inter;padding:22px 30px;border-radius:38px;max-width:80%;position:relative;letter-spacing:-.15px}
.b.in{background:#272627;color:#fff}.b.out{background:#ecece9;color:#131416;font-weight:600;align-self:flex-end}
.thread{display:flex;flex-direction:column;gap:9px;flex:1;justify-content:center}
.hdr2{display:flex;align-items:center;gap:20px;padding:6px 0 26px}.hdr2 b{display:block;font:700 30px Inter;color:#fff}.hdr2 span{font:400 20px Inter;color:#8d8e91}
.seen{align-self:flex-end;font:400 17px Inter;color:#8d8e91;margin:4px 8px 0 0}
/* ig */
.ig .row{display:flex;align-items:flex-end;gap:14px}.ig .sp{width:52px;flex:none}
.ig .b.in.f{border-top-left-radius:12px}.ig .b.in.l{border-bottom-left-radius:12px}.ig .b.out{margin-top:22px;border-bottom-right-radius:12px}
.ig .hdr2{border-bottom:1.5px solid #2b2c2f;margin-bottom:12px}
/* wa */
.dm.wa{left:0;right:0;top:150px}
.wa .bar2{display:flex;align-items:center;gap:18px;padding:22px var(--m);background:rgba(27,28,31,.96);border-bottom:1.5px solid #2b2c2f}.wa .bar2 b{display:block;font:700 30px Inter;color:#fff}.wa .bar2 span{font:400 19px Inter;color:#8d8e91}.wa .back{font-size:44px;color:#8d8e91;margin-right:-4px}
.wa .thread{padding:0 var(--m);gap:10px}
.wa .chip{align-self:center;font:400 15px Akz;letter-spacing:2.4px;color:#9a9b9f;background:#232427;border-radius:18px;padding:8px 18px;text-transform:uppercase;margin-bottom:10px}
.b.wa{padding:20px 28px 40px;font-size:32px;border-radius:30px}.b.wa.f{border-top-left-radius:6px}
.b.wa time{position:absolute;right:24px;bottom:12px;font:400 15px Inter;opacity:.55;display:flex;gap:6px;align-items:center}.b.out.wa{margin-top:18px;border-bottom-right-radius:6px}.b.out.wa time{opacity:.75}
/* im */
.im .stamp{text-align:center;font:400 20px Inter;color:#8d8e91;letter-spacing:.3px;margin:6px 0 4px}.im .stamp b{font-weight:700}
.im .from{font:400 20px Inter;color:#8d8e91;margin:0 0 4px 22px}
.im .b{font-size:37px;line-height:1.3;border-radius:44px;padding:24px 34px}.im .b.out{margin-top:20px}
/* voice */
.voice .vb{background:#272627;border-radius:70px;padding:26px 36px;display:flex;align-items:center;gap:26px;margin:16px 0 8px}
.voice .pl{width:80px;height:80px;border-radius:50%;background:#f4f4f2;flex:none;position:relative}.voice .pl:after{content:"";position:absolute;left:31px;top:23px;border-left:27px solid #131416;border-top:17px solid transparent;border-bottom:17px solid transparent}
.voice .wv{flex:1;display:flex;gap:5px;align-items:center;height:80px}.voice .wv i{display:block;width:6px;border-radius:3px;background:#5d5e62}.voice .wv i.on{background:#f4f4f2}.voice .du{font:500 24px Inter;color:#b9babd}
.voice .trl{font:400 17px Akz;letter-spacing:3px;color:#8d8e91;margin:34px 6px 14px;text-transform:uppercase}.voice .tr{font:400 34px/1.38 Inter;padding:0 6px;letter-spacing:-.2px}.voice .b.out.v{margin-top:38px}
.dm.voice{justify-content:center}
/* richiesta di messaggio */
.req .rt{display:flex;align-items:center;gap:16px;font:700 30px Inter;margin-bottom:34px}.req .rt span{font-size:44px;font-weight:300;color:#8d8e91}
.req .rc{background:#1b1c1f;border:1.5px solid #2b2c2f;border-radius:36px;padding:34px 36px 30px}.req .who{display:flex;gap:20px;align-items:center;margin-bottom:26px}.req .who b{display:block;font:700 30px Inter}.req .who span{font:400 19px Inter;color:#8d8e91}
.req .b.in{max-width:100%;background:#272627;border-radius:30px;font-size:33px}.req .meta2{font:400 16px Akz;letter-spacing:1.5px;color:#8d8e91;margin:18px 6px 0;text-transform:uppercase}
.req .btns{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;margin-top:30px}.req .btns div{border-radius:30px;padding:22px 0;text-align:center;font:600 27px Inter;background:#272627}.req .btns .ok{background:#f4f4f2;color:#131416}
.dm.req{justify-content:center}
/* typing */
.typ .who2{display:flex;align-items:center;gap:16px;margin:0 0 10px}.typ .who2 b{font:700 26px Inter}.typ .who2 span{font:400 19px Inter;color:#8d8e91}
.typ .b.in.f{border-top-left-radius:12px}.typ .b.out.dots{display:flex;gap:11px;padding:26px 34px;margin-top:22px}.typ .dots i{width:14px;height:14px;border-radius:50%;background:#131416;opacity:.8}.typ .dots i:nth-child(2){opacity:.5}.typ .dots i:nth-child(3){opacity:.25}
.typ .cap{align-self:flex-end;font:400 15px Akz;letter-spacing:3px;color:#8d8e91;margin:10px 8px 0 0}

/* ---- iMessage + "sta scrivendo" ---- */
.dm.imt{top:170px;bottom:170px}
.imt .thread{gap:8px}
.imt .b.out.dots{display:flex;gap:12px;padding:30px 38px;margin-top:20px;align-self:flex-end;background:#ecece9}
.imt .dots i,.imt .dd i{width:15px;height:15px;border-radius:50%;background:#131416;display:block}.imt .dots i:nth-child(2),.imt .dd i:nth-child(2){opacity:.55}.imt .dots i:nth-child(3),.imt .dd i:nth-child(3){opacity:.28}
.imt .cap{align-self:flex-end;font:400 21px Inter;color:#8d8e91;margin:8px 10px 0 0}
.imt .orow{display:flex;align-items:flex-end;gap:14px;align-self:flex-end}.imt .orow .b.out.dots{margin-top:20px}
.imt .ini{width:56px;height:56px;border-radius:50%;background:#ecece9;color:#131416;font:700 26px/56px Inter;text-align:center}
.imt .compose{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:16px}
.imt .compose .plus,.imt .compose .send{width:62px;height:62px;border-radius:50%;background:#272627;color:#cfd0d3;font:400 38px/60px Inter;text-align:center;flex:none}.imt .compose .send{background:#ecece9;color:#131416;font-weight:700;font-size:32px}
.imt .compose .pill{flex:1;border:2px solid #3a3b3f;border-radius:36px;padding:16px 26px;font:400 31px Inter;color:#fff;min-height:62px}.imt .cur{display:inline-block;width:3px;height:34px;background:#fff;margin-left:3px;vertical-align:middle}
.imt .chead{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 12px}.imt .chead .cn{font:400 22px Inter;color:#cfd0d3}.imt .chead .cn i{font-style:normal;color:#8d8e91}
.imt .thread.big .b{font-size:44px;padding:30px 40px;border-radius:52px}.imt .thread.big .b.out.dots{padding:38px 46px}.imt .thread.big .dots i{width:19px;height:19px}.imt .thread.big .cap{font-size:25px}
.imt .pillcap{align-self:flex-end;margin-top:22px;display:flex;align-items:center;gap:18px;border:2px solid #f4f4f2;border-radius:46px;padding:16px 30px 16px 24px;font:600 22px Akz;letter-spacing:2.4px;text-transform:uppercase}.imt .pillcap .dd{display:flex;gap:9px}.imt .pillcap .dd i{background:#f4f4f2}
.imt .orow.col{flex-direction:column;align-items:flex-end;gap:0}.imt .qt{align-self:flex-end;max-width:70%;background:transparent;border:2px solid #3a3b3f;border-radius:30px 30px 8px 30px;padding:14px 24px 16px;font:400 24px/1.3 Inter;color:#9d9ea2;margin-top:22px}.imt .qt span{display:block;font:600 18px Akz;letter-spacing:2px;text-transform:uppercase;color:#cfd0d3;margin-bottom:5px}
.slide.light .imt .b.in{background:#fff;color:#111}.slide.light .imt .b.out.dots{background:#131416}.slide.light .imt .dots i{background:#fff}.slide.light .imt .stamp,.slide.light .imt .from,.slide.light .imt .cap{color:#5e6065}

/* code dei fumetti iMessage (forma vettoriale, nessun artefatto) */
.im .b.in{--bc:#272627}.im .b.out{--bc:#ecece9}
.slide.light .im .b.in{--bc:#fff}.slide.light .im .b.out.dots{--bc:#131416}
.im .b.tail{border-bottom-right-radius:8px}.im .b.in.tail{border-bottom-right-radius:inherit;border-bottom-left-radius:8px}
.im .b.out.tail{border-bottom-right-radius:8px}
.im .b.tail:before{content:"";position:absolute;bottom:0;width:22px;height:22px;background:var(--bc);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M0 0H12C12 14 14 20 22 22H0Z'/></svg>") no-repeat center/100% 100%;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M0 0H12C12 14 14 20 22 22H0Z'/></svg>") no-repeat center/100% 100%}
.im .b.out.tail:before{right:-10px}
.im .b.in.tail:before{left:-10px;transform:scaleX(-1)}
.slide .dm.imt.bare{top:130px;bottom:130px}

/* ---- vocale con trascrizione (iMessage) ---- */
.imv .vp{display:flex;align-items:center;gap:22px}
.imv .vp .pl{width:64px;height:64px;border-radius:50%;background:#f4f4f2;flex:none;position:relative}.imv .vp .pl:after{content:"";position:absolute;left:25px;top:18px;border-left:22px solid #131416;border-top:14px solid transparent;border-bottom:14px solid transparent}
.imv .wv{flex:1;display:flex;gap:5px;align-items:center;height:70px}.imv .wv i{display:block;width:5px;border-radius:3px;background:#6a6b6f}.imv .wv i.on{background:#f4f4f2}
.imv .du{font:500 22px Inter;color:#b9babd}
.imv .b.vcard,.imv .b.vbub,.imv .b.vsub{max-width:100%;width:100%;border-radius:40px}.imv .b.vcard{padding:30px 38px 36px}.imv .b.vbub{padding:22px 34px}.imv .b.vsub{padding:26px 38px 32px;margin-top:6px}
.imv .vl{font:600 17px Akz;letter-spacing:3px;color:#8d8e91;margin:24px 0 12px;text-transform:uppercase}.imv .vl.free{margin:22px 8px 6px}
.imv .vtx{font:400 34px/1.34 Inter;letter-spacing:-.2px;color:#fff}.imv .vfree{font:400 34px/1.36 Inter;letter-spacing:-.2px;padding:0 8px;color:#fff}
.imv .vbub .du{color:#cfd0d3}
.imv .thread{gap:10px}
.imv .chipv{display:flex;align-items:center;gap:16px;align-self:flex-start;border:2px solid #3a3b3f;border-radius:44px;padding:12px 26px 12px 14px}.imv .chipv .pl.s{width:44px;height:44px;border-radius:50%;background:#f4f4f2;position:relative;display:block}.imv .chipv .pl.s:after{content:"";position:absolute;left:17px;top:12px;border-left:15px solid #131416;border-top:10px solid transparent;border-bottom:10px solid transparent}.imv .chipt{font:600 19px Akz;letter-spacing:2px;text-transform:uppercase;color:#cfd0d3}
.imv .vbig{font:500 38px/1.32 Inter;letter-spacing:-.4px;margin:18px 0 8px;padding:0 4px;color:#fff}
.slide.light .imv .b.in{background:#fff}.slide.light .imv .wv i{background:#b6b8bd}.slide.light .imv .wv i.on{background:#131416}.slide.light .imv .vp .pl{background:#131416}.slide.light .imv .vp .pl:after{border-left-color:#fff}.slide.light .imv .vtx,.slide.light .imv .vfree,.slide.light .imv .vbig{color:#111}

/* ---- card citazione / testo di canzone ---- */
.qd{position:absolute;left:var(--m);right:var(--m);top:170px;bottom:170px;display:flex;flex-direction:column;justify-content:center;z-index:4}
.qa{display:flex;align-items:center;gap:22px;margin-top:46px}.qc{width:96px;height:96px;border-radius:10px;background:linear-gradient(145deg,#4a4b50,#26272a);overflow:hidden;flex:none;display:flex;align-items:center;justify-content:center;font-size:40px;color:#9d9ea2}.qc img{width:100%;height:100%;object-fit:cover}
.qm b{display:block;font:700 30px Inter;letter-spacing:-.2px}.qm span{font:400 22px Inter;color:#9d9ea2}
.q1 .qt1{border-left:7px solid #fff;padding-left:40px;font-weight:500;line-height:1.28;letter-spacing:-.5px}
.q2 .mark{font:800 280px/0.8 Inter;color:#3a3b3f;height:150px;margin-left:-8px}.q2 .qt2{font-weight:600;line-height:1.28;letter-spacing:-.7px}.q2 .qs{margin-top:44px;font:400 24px Inter;color:#9d9ea2;text-align:right}.q2 .qs b{color:#fff;font-weight:700}
.qph{position:absolute;inset:0;z-index:1;overflow:hidden}.qph img{width:100%;height:100%;object-fit:cover}.qph .phx{position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,#4a4b50,#17181a 75%)}.qg{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.45) 55%,rgba(0,0,0,.2))}
.q3{justify-content:flex-end;bottom:240px}.q3 .qt3{font-weight:700;line-height:1.22;letter-spacing:-.8px}.q3 .qs3{margin-top:34px;font:400 22px Akz;letter-spacing:2.6px;text-transform:uppercase;color:#cfd0d3}.q3 .qs3 b{color:#fff}
.q4 .ql{font:600 19px Akz;letter-spacing:3.2px;text-transform:uppercase;color:#9d9ea2;margin-bottom:40px;padding-bottom:22px;border-bottom:2px solid #3a3b3f}.q4 .ln{font-weight:500;line-height:1.28;letter-spacing:-.5px;padding:18px 0 18px 26px;border-left:3px solid #3a3b3f;margin-bottom:6px}.q4 .ln:first-of-type{border-left-color:#fff}
.q5 .lyr{font-weight:800;line-height:1.24;letter-spacing:-.8px;color:#4a4b50}.q5 .lyr .hi{color:#fff}
.q5 .np{display:flex;gap:26px;align-items:center;background:#1b1c1f;border:1.5px solid #2b2c2f;border-radius:30px;padding:24px 28px;margin-top:56px}.q5 .npc{width:108px;height:108px;border-radius:12px;background:linear-gradient(145deg,#4a4b50,#26272a);overflow:hidden;flex:none;display:flex;align-items:center;justify-content:center;font-size:44px;color:#9d9ea2}.q5 .npc img{width:100%;height:100%;object-fit:cover}
.q5 .npm{flex:1}.q5 .npm b{display:block;font:700 28px Inter}.q5 .npm span{font:400 21px Inter;color:#9d9ea2}.q5 .pb{height:6px;border-radius:3px;background:#34353a;margin:14px 0 8px;overflow:hidden}.q5 .pb i{display:block;width:32%;height:100%;background:#f4f4f2}.q5 .tm{display:flex;justify-content:space-between;font:400 15px Inter;color:#7d7e82}
.q6 .paper{background:#f2f1ec;color:#141414;border-radius:6px;padding:90px 64px 70px;transform:rotate(-1.4deg);box-shadow:0 36px 80px rgba(0,0,0,.55);position:relative}.q6 .tape{position:absolute;left:46px;top:-20px;background:#141414;color:#fff;font:600 19px Akz;letter-spacing:3px;text-transform:uppercase;padding:12px 24px;transform:rotate(1.4deg);border:2px solid #f2f1ec}.q6 .qt6{font-weight:600;line-height:1.28;letter-spacing:-.6px}

/* ======= card testi di canzone ======= */
.ly{position:absolute;left:var(--m);right:var(--m);top:170px;bottom:170px;display:flex;flex-direction:column;justify-content:center;z-index:4}
.ly .l{font-weight:800;line-height:1.22;letter-spacing:-.8px;margin:3px 0}
.npc{background:linear-gradient(145deg,#4a4b50,#26272a);overflow:hidden;display:flex;align-items:center;justify-content:center;color:#9d9ea2;flex:none}.npc img{width:100%;height:100%;object-fit:cover}
.np{display:flex;gap:26px;align-items:center;background:#1b1c1f;border:1.5px solid #2b2c2f;border-radius:30px;padding:24px 28px;margin-top:56px;font-size:16px}.np .npc{width:108px;height:108px;border-radius:12px;font-size:44px}
.npm{flex:1;min-width:0}.npm b{display:block;font:700 28px Inter;letter-spacing:-.2px}.npm span{font:400 21px Inter;color:#9d9ea2}
.pb{height:6px;border-radius:3px;background:#34353a;margin:14px 0 8px;overflow:hidden}.pb i{display:block;width:32%;height:100%;background:#f4f4f2}.tm{display:flex;justify-content:space-between;font:400 15px Inter;color:#7d7e82}
.a1 .l,.a2 .l,.a3 .l,.a4 .l,.a5 .l,.a7 .l,.a9 .l{color:#4d4e52}.ly .l.on{color:#fff}
/* a2 */.a2 .top2{display:flex;gap:26px;align-items:center;margin-bottom:12px}.npc.big{width:140px;height:140px;border-radius:14px;font-size:56px}.a2 .top2 .npm b{font-size:34px}.a2 .top2 .npm span{font-size:24px}.a2 .pbl{margin:0 0 40px}.a2 .pbl .pb{margin:0}
/* a3 */.glow{position:absolute;inset:0;z-index:2;opacity:.85}.a3 .l{color:rgba(255,255,255,.4)}.a3 .l.on{color:#fff}.a3 .np{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.12)}
/* a4 */.a4 .l.kar{background:linear-gradient(90deg,#fff 0 56%,#55565a 56% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* a5 */.a5 .r{display:flex;gap:26px;align-items:baseline}.a5 time{font:500 20px "Courier New",monospace;color:#5a5b5f;width:66px;flex:none}.a5 .r.on time{color:#fff}.a5 .l{margin:2px 0}.a5 .r.on .l{color:#fff}
/* a6 */.a6{text-align:center;align-items:center}.a6 .l{color:#fff;margin:6px 0;max-width:100%}
/* a7 */.a7 .pill{display:flex;align-items:center;gap:16px;align-self:flex-start;border:2px solid #34353a;border-radius:46px;padding:10px 26px 10px 10px;margin-bottom:46px;font-size:16px}.a7 .npc.s{width:52px;height:52px;border-radius:50%;font-size:22px}.a7 .pill b{font:700 21px Inter}.a7 .pill span{font:400 19px Inter;color:#9d9ea2}.eq{display:flex;gap:4px;align-items:flex-end;height:22px;margin-left:8px}.eq i{width:4px;background:#fff;display:block;border-radius:2px}.eq i:nth-child(1){height:10px}.eq i:nth-child(2){height:22px}.eq i:nth-child(3){height:15px}.eq i:nth-child(4){height:19px}
.a7 .ctl{display:flex;justify-content:center;gap:56px;margin-top:52px;font-size:34px;color:#cfd0d3}.a7 .ctl .pp{font-size:28px;letter-spacing:-4px;background:#f4f4f2;color:#131416;width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center}
/* a8 */.a8{align-items:center;text-align:center}.vinyl{position:relative;width:340px;height:340px;margin-bottom:44px}.disc{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0c 0 3px,#17181a 3px 5px);box-shadow:0 20px 60px rgba(0,0,0,.6);border:2px solid #2b2c2f}.disc:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#111}.npc.c{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px;border-radius:50%;font-size:50px;z-index:1;border:6px solid #0b0b0c}
.a8 .l{color:#4d4e52}.a8 .l.on{color:#fff}.ttl8{margin-top:34px;font:400 18px Akz;letter-spacing:3px;text-transform:uppercase;color:#8d8e91}
/* a9 */.wvb{margin-top:56px}.wvb .wv{display:flex;gap:5px;align-items:center;height:76px}.wvb .wv i{display:block;width:6px;border-radius:3px;background:#4a4b4f}.wvb .wv i.on{background:#f4f4f2}.wvb .tm{margin-top:12px;font-size:17px}.wvb .tm span:nth-child(2){color:#cfd0d3;text-transform:uppercase;font:400 16px Akz;letter-spacing:2.4px}
/* a10 */.a10{text-align:center;align-items:center}.a10 .mini{display:flex;align-items:center;gap:16px;margin-bottom:70px}.a10 .mini b{display:block;font:700 22px Inter;text-align:left}.a10 .mini span{font:400 18px Inter;color:#9d9ea2}.a10 .npc.s{width:58px;height:58px;border-radius:10px;font-size:24px}.a10 .prev,.a10 .nxt{font-size:34px;color:#55565a;font-weight:600}.a10 .cur{color:#fff;margin:34px 0;line-height:1.14}
/* Genius */
.ly[class*=" b"] .l,.ly.b1 .l,.ly.b2 .l{font-weight:600;letter-spacing:-.5px;line-height:1.3}
.gh{display:flex;gap:30px;align-items:center;margin-bottom:34px;font-size:16px}.npc.g{width:190px;height:190px;border-radius:10px;font-size:70px}.gm .gt{font:800 50px/1.05 Inter;letter-spacing:-1.2px}.gm .ga{font:500 28px Inter;color:#b9babd;margin-top:8px}.gm .gk{font:400 18px Akz;letter-spacing:1.6px;text-transform:uppercase;color:#8d8e91;margin-top:14px}
.gtag{font:700 26px Inter;color:#9d9ea2;margin:0 0 14px;letter-spacing:-.2px}
.ly .l.hl{background:#f4f4f2;color:#111;padding:0 10px;margin-left:-10px;border-radius:3px;display:inline-block;box-decoration-break:clone}
.ly.b1 .l,.ly.b3 .l,.ly.b4 .l,.ly.b6 .l,.ly.b7 .l,.ly.b10 .l,.ly.b5 .l{color:#e8e8e6}
.ly.b1 .l,.ly.b2 .l,.ly.b3 .l,.ly.b6 .l,.ly.b7 .l,.ly.b10 .l,.ly.b5 .l{display:table}
.slide.light .ly.b2 .l{color:#111}.slide.light .ly.b2 .l.hl{background:#ffec8a;color:#111}.slide.light .ly.b2 .gt{color:#111}.slide.light .ly.b2 .ga{color:#4b4d52}.slide.light .ly.b2 .gk,.slide.light .ly.b2 .gtag{color:#6c6d70}
/* b3 / b5 annotazione */
.ann{border:2px solid #f4f4f2;border-radius:22px;padding:26px 30px;margin-top:40px;font-size:16px;background:rgba(244,244,242,.06)}.ann .al{font:600 17px Akz;letter-spacing:3px;color:#cfd0d3;margin-bottom:12px}.ann .at{font:500 30px/1.32 Inter;letter-spacing:-.3px;color:#fff}
.ly.b3 .ann:before{content:"";display:block;width:0;height:0;border:14px solid transparent;border-bottom-color:#f4f4f2;margin:-52px 0 24px 36px;position:relative}
.cols{display:flex;gap:40px}.lc{flex:1.25}.ann.side{flex:1;margin-top:0;align-self:center;position:relative}.ann.side:before{content:"";position:absolute;left:-42px;top:50%;width:42px;border-top:2px solid #f4f4f2}
.ly.b5 .l{font-size:.86em}.ly.b5 .ann .at{font-size:27px}
/* b4 */.b4 .r{display:flex;gap:26px;align-items:baseline}.b4 .n{font:400 20px "Courier New",monospace;color:#5a5b5f;width:34px;text-align:right;flex:none}.b4 .l{margin:2px 0}
/* b6 */.b6 sup{font:700 .45em Inter;color:#fff;background:#e0222d;border-radius:50%;padding:2px 8px;margin-left:8px;vertical-align:super;letter-spacing:0}.b6 .fn{margin-top:44px;padding-top:24px;border-top:2px solid #3a3b3f;font:400 26px/1.35 Inter;color:#cfd0d3}.b6 .fn sup{font-size:15px;position:static;margin-right:10px}
/* b7 */.b7 .band{display:flex;justify-content:space-between;font:600 17px Akz;letter-spacing:2.6px;color:#8d8e91;border-top:3px solid #f4f4f2;border-bottom:1.5px solid #3a3b3f;padding:14px 0;margin-bottom:30px}.b7 .gt7{font:800 56px/1.05 Inter;letter-spacing:-1.4px}.b7 .ga7{font:500 28px Inter;color:#b9babd;margin:8px 0 30px}
/* b8 */.b8 .huge{font:800 78px/1 Inter;letter-spacing:-2.4px;color:#34353a;margin-bottom:26px}.b8 .l8{font:600 1em/1.3 Inter;letter-spacing:-.6px}.b8 mark{background:#f4f4f2;color:#111;padding:0 8px;border-radius:3px}.b8 .src8{margin-top:36px;font:400 20px Akz;letter-spacing:3px;text-transform:uppercase;color:#8d8e91}
/* b9 */.b9{justify-content:flex-start;padding-top:20px}.b9 .dim{filter:blur(2.5px);opacity:.28}.b9 .dim .l{color:#fff;font-weight:700}.b9 .sheet{position:absolute;left:-30px;right:-30px;bottom:-40px;background:#f4f4f2;color:#111;border-radius:40px 40px 0 0;padding:44px 52px 60px;box-shadow:0 -30px 80px rgba(0,0,0,.6)}.b9 .hl9{font:800 1.08em/1.2 Inter;letter-spacing:-.8px;background:#ffec8a;display:inline;padding:0 8px;margin-left:-8px;box-decoration-break:clone}.b9 .al{font:600 17px Akz;letter-spacing:3px;color:#6c6d70;margin:34px 0 10px}.b9 .at{font:500 30px/1.32 Inter;color:#111}
/* b10 */.b10 .l.sq{display:table;background:linear-gradient(transparent 82%,#f4f4f2 82% 90%,transparent 90%);}.b10 .hand{margin-top:46px;font:italic 500 34px/1.3 Georgia,serif;color:#e8e8e6;border-left:5px solid #f4f4f2;padding-left:26px}

.ly .l{width:fit-content;max-width:100%}
.ly .l.hl{color:#111!important;display:block;width:fit-content}
.slide.light .ly.b2 .l.hl{background:#ffec8a!important}

/* ---- card canzone minimale (una frase) ---- */
.ly.m{top:310px;bottom:310px}
.m .mt{font-weight:700;line-height:1.1;letter-spacing:-.035em;width:100%}
.m .mt.up{text-transform:uppercase;font-weight:800;line-height:1.02;letter-spacing:-.025em}
.m .mp{margin-top:64px}.m .mp .pb{height:4px;margin:0 0 18px}.m .mrow{display:flex;justify-content:space-between;align-items:flex-end}
.m .mm b{display:block;font:700 26px Inter;letter-spacing:-.2px}.m .mm span{font:400 22px Inter;color:#9d9ea2}
.m .mc{display:flex;align-items:center;gap:22px;margin-top:58px}.npc.s2{width:92px;height:92px;border-radius:10px;font-size:38px}
.m .mt mark{background:#f4f4f2;color:#111;padding:0 10px;margin:0 -10px;border-radius:4px;box-decoration-break:clone}
.m .mcap{margin-top:52px;font:500 20px Akz;letter-spacing:3px;text-transform:uppercase;color:#9d9ea2}.m .mcap .note{font-family:Inter;letter-spacing:0;margin-right:8px;color:#fff}
.slide.light .m .mt{color:#0d1117}.slide.light .m .mcap{color:#55575c}.slide.light .m .mcap .note{color:#0d1117}
.m .tm{gap:22px;font-size:18px}

.m .trd{display:flex;align-items:center;gap:12px;margin-top:34px;font:400 21px Inter;color:#9d9ea2;letter-spacing:.1px}.m .trd svg{flex:none;opacity:.9}
.m .mp{margin-top:50px}.m .mc{margin-top:46px}
.slide.light .m .trd{color:#55575c}

.m.m5 .mp{margin-top:50px}.m.m5 .mp .mc{margin-top:0}.m.m5 .mp .pb{margin:26px 0 0;height:4px}

.cover .ct{text-wrap:balance}

/* ---- card nuove: cifra, confronto, timeline ---- */
.cd{position:absolute;left:var(--m);right:var(--m);top:300px;bottom:300px;display:flex;flex-direction:column;justify-content:center;z-index:4}
.cd .big{font-weight:800;line-height:.86;letter-spacing:-.05em}.cd .cl{font:600 46px/1.15 Inter;letter-spacing:-.03em;margin-top:34px;max-width:100%}.cd .cf{margin-top:34px;font:400 20px Akz;letter-spacing:3px;text-transform:uppercase;color:#9d9ea2}
.n2{align-items:center;text-align:center}.n2 .rule{width:100%;height:2px;background:#3a3b3f;margin:26px 0}.n2 .big{margin:10px 0}
.n3 .bar3{height:14px;border-radius:7px;background:#34353a;margin-top:56px;overflow:hidden}.n3 .bar3 i{display:block;height:100%;background:#f4f4f2}.n3 .bl3{margin-top:18px;font:400 30px Inter;color:#cfd0d3}.n3 .bl3 b{color:#fff;font-weight:800}
.slide.light .cd .cf{color:#55575c}
.cb .ct2{font:600 20px Akz;letter-spacing:3.2px;text-transform:uppercase;color:#9d9ea2;margin-bottom:14px}.cb .cm2{font:800 76px/1 Inter;letter-spacing:-.04em}.cb .cs2{font:400 32px Inter;color:#cfd0d3;margin-top:12px}
.v1{justify-content:center}.v1 .vs{display:flex;align-items:center;gap:22px;margin:48px 0}.v1 .vs i{flex:1;height:2px;background:#3a3b3f}.v1 .vs span{font:700 22px Akz;letter-spacing:4px;border:2px solid #f4f4f2;border-radius:30px;padding:8px 22px}
.v2{flex-direction:row;align-items:center;gap:0}.v2 .cb{flex:1}.v2 .cb.cb2{padding-left:44px}.v2 .cb.ca{padding-right:44px}.v2 .div{width:2px;align-self:stretch;background:#3a3b3f;margin:40px 0}.v2 .cb .cm2{font-size:60px}
.v3 .arr{margin:30px 0 30px 6px;color:#f4f4f2}.v3 .cb.ca .cm2{color:#8d8e91}
.tl{position:relative;display:flex;flex-direction:column;gap:46px;padding-left:56px}.tl:before{content:"";position:absolute;left:12px;top:14px;bottom:14px;width:2px;background:#3a3b3f}.ti{position:relative}.ti .dot{position:absolute;left:-56px;top:20px;width:26px;height:26px;border-radius:50%;background:#f4f4f2;border:6px solid #111213}
.ty{font:800 64px/1 Inter;letter-spacing:-.04em}.tt{font:400 36px/1.22 Inter;color:#cfd0d3;margin-top:8px;letter-spacing:-.02em}
.t2 .hl{display:flex;gap:0;position:relative;padding-top:0}.t2 .tc{flex:1;position:relative;padding-right:20px}.t2 .tc .dot{display:block;width:22px;height:22px;border-radius:50%;background:#f4f4f2;margin:22px 0 22px}.t2 .hl:before{content:"";position:absolute;left:0;right:0;top:106px;height:2px;background:#3a3b3f}.t2 .ty{font-size:56px}.t2 .tt{font-size:30px}
.t3 .tr{display:flex;gap:34px;align-items:baseline;padding:26px 0;border-bottom:2px solid #2b2c2f}.t3 .tr:last-child{border:0}.t3 .ty{width:210px;flex:none;color:#6d6e72}.t3 .tt{margin:0;color:#fff;font-size:38px}
.cd.t1,.cd.t3,.cd.t2{top:270px;bottom:270px}

.cb .cm2{font-size:96px}.cb .cs2{font-size:36px}.v2 .cb .cm2{font-size:62px}.v2 .cb .cs2{font-size:30px}.v3 .cb .cm2{font-size:92px}

/* ---- timeline (versione concordata) ---- */
.cd.tlx{top:250px;bottom:250px}
.tlv{position:relative;display:flex;flex-direction:column;gap:var(--gap);padding-left:62px}
.tlv .rail{position:absolute;left:11px;top:22px;bottom:22px;width:3px;background:#3a3b3f}
.ev{position:relative}.ev .dot{position:absolute;left:-62px;top:calc(var(--yf)*.5 - 12px);width:25px;height:25px;border-radius:50%;background:#f4f4f2;box-shadow:0 0 0 7px #111213}
.slide.light .ev .dot{box-shadow:0 0 0 7px #d6d7d9}
.ev .yr{font:800 var(--yf)/1 Inter;letter-spacing:-.045em;display:inline-block}
.ev .tx{font:400 var(--tf)/1.24 Inter;letter-spacing:-.025em;color:#d8d9db;margin-top:10px;max-width:92%}
.ev.hl .yr{background:#f4f4f2;color:#111;padding:2px 16px 4px;margin-left:-16px;border-radius:6px}
.ev.hl .tx{color:#fff;font-weight:500}.ev.hl .dot{width:33px;height:33px;left:-66px;top:calc(var(--yf)*.5 - 16px)}
.ev.past{opacity:.38}.ev.fut{visibility:hidden}

/* ---- citazioni (non canzoni) ---- */
.cd.ci{top:300px;bottom:300px}
.ci .trd2{display:flex;align-items:center;gap:10px;margin-top:30px;font:400 21px Inter;color:#9d9ea2}
/* social: ricostruzione di un post, senza marchi, contatori o spunte */
.cs .post{background:#1b1c1f;border:1.5px solid #2f3033;border-radius:40px;padding:46px 48px 44px}
.cs .ph2{display:flex;align-items:center;gap:22px;margin-bottom:30px}.cs .avg.l{width:84px;height:84px}
.cs .pn b{display:block;font:700 32px Inter;letter-spacing:-.02em}.cs .pn span{font:400 23px Inter;color:#8d8e91}
.cs .pt{font:400 46px/1.26 Inter;letter-spacing:-.025em}.cs .pw{margin-top:28px;font:400 21px Inter;color:#8d8e91}
.slide.light .cs .post{background:#f4f4f2;border-color:#c7c8cb}
/* editoriale: serif, filetti, testata in testo */
.ce .eh{display:flex;justify-content:space-between;font:600 19px Akz;letter-spacing:3.6px;text-transform:uppercase;border-top:3px solid currentColor;border-bottom:1px solid currentColor;padding:14px 0 12px}
.ce .ed{margin-top:34px;font:400 25px/1.35 Inter;color:#9d9ea2}.ce .ed b{color:#fff;font-weight:700;margin-right:6px}
.ce .eqt{margin-top:34px;font:500 56px/1.16 Georgia,"Playfair Display","Times New Roman",serif;letter-spacing:-.02em}
.ce .ew{margin-top:40px;display:flex;align-items:center;gap:16px;font:600 23px Akz;letter-spacing:3px;text-transform:uppercase}.ce .ew i{width:48px;height:2px;background:currentColor;display:block}
.slide.light .ce .ed b{color:#111}.slide.light .ce .ed{color:#55575c}
/* neutra */
.cn .nc{font:600 20px Akz;letter-spacing:3.4px;text-transform:uppercase;color:#9d9ea2;margin-bottom:34px}
.cn .nq{font:700 74px/1.1 Inter;letter-spacing:-.045em;border-left:7px solid currentColor;padding-left:40px}
.cn .nw{margin-top:40px;padding-left:47px;display:flex;align-items:center;gap:14px;font:600 25px Inter;letter-spacing:-.01em}.cn .nw i{display:none}.cn .nw span{font-weight:400;color:#9d9ea2}

[data-fit]{flex:none!important}
.cd>*{flex:none}.cd.ci.ce{top:270px;bottom:270px}

.cs .avp{width:92px;height:92px;border-radius:50%;overflow:hidden;flex:none;background:#2a2b2e}.cs .avp img{width:100%;height:100%;object-fit:cover;display:block}
.cs .ph2{gap:24px}.cs .pn b{font-size:34px}.cs .pn span{font-size:24px}
.cs .pt{font-weight:500;letter-spacing:-.03em}

/* esperimenti citazione */
.cd.ci.cs{top:260px;bottom:260px}
.x1 .chip1{align-self:flex-start;margin:22px 0 0 14px;font:600 19px Akz;letter-spacing:4px;border:2px solid #f4f4f2;border-radius:30px;padding:8px 20px}
.x2 .ctx2{font:600 21px Akz;letter-spacing:3.6px;text-transform:uppercase;color:#9d9ea2;margin:0 0 24px 8px}
.x3 .pt mark{background:#f4f4f2;color:#111;padding:0 8px;margin:0 -8px;border-radius:4px;box-decoration-break:clone}
.x4{gap:18px}.x4 .qa4{align-self:flex-end;max-width:84%;border:2px solid #3a3b3f;border-radius:34px 34px 8px 34px;padding:22px 30px;font:400 28px/1.3 Inter;color:#b9babd}.x4 .qa4 .qh{font:600 17px Akz;letter-spacing:3px;text-transform:uppercase;color:#8d8e91;margin-bottom:8px}
.x5{position:absolute}.x5 .back{position:absolute;left:30px;right:30px;border-radius:40px;background:#17181a;border:1.5px solid #2a2b2e;height:100%}.x5 .b1{top:-26px;opacity:.75;left:46px;right:46px}.x5 .b2{top:-52px;opacity:.4;left:70px;right:70px}.x5 .post{position:relative;z-index:2}
.x6 .post{position:relative;overflow:hidden}.x6 .wm{position:absolute;right:30px;top:-40px;font:800 340px/1 Inter;color:rgba(255,255,255,.06);pointer-events:none}.x6 .ph2,.x6 .pt,.x6 .trd2{position:relative}
.x7 .post{padding-top:0;overflow:hidden}.x7 .bar7{display:flex;justify-content:space-between;margin:0 -48px 34px;padding:18px 48px;background:#f4f4f2;color:#111;font:600 19px Akz;letter-spacing:3.4px;text-transform:uppercase}.x7 .avg.l,.x7 .avp{margin-bottom:12px}.x7 .n7{font:700 34px Inter;letter-spacing:-.02em;margin-bottom:24px}
.x8 .post{text-align:center;padding-top:96px;margin-top:60px;position:relative}.x8 .av8{position:absolute;left:50%;top:-60px;transform:translateX(-50%);box-shadow:0 0 0 12px #111213;border-radius:50%}.x8 .av8 .avp,.x8 .av8 .avg.l{width:120px;height:120px}.x8 .n8{font:700 34px Inter}.x8 .s8{font:400 23px Inter;color:#8d8e91;margin-bottom:26px}.x8 .pt{text-align:left}
.x9{position:absolute}.x9 .bgph{position:absolute;left:-108px;right:-108px;top:-260px;bottom:-260px;background-size:cover;background-position:center;filter:blur(36px) brightness(.55);opacity:.8}.x9 .post{position:relative;background:rgba(20,21,23,.55);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.14)}
.x10 .ft10{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding-top:22px;border-top:1.5px solid #2f3033;font:400 21px Inter;color:#8d8e91}.x10 .ft10 .d{font:800 44px/1 Inter;color:#4a4b50}
.slide.light .x1 .chip1{border-color:#111}.slide.light .x4 .qa4{border-color:#bfc0c3;color:#55575c}.slide.light .x5 .back{background:#e9eaec;border-color:#c7c8cb}.slide.light .x7 .bar7{background:#111;color:#fff}.slide.light .x6 .wm{color:rgba(0,0,0,.06)}

/* ---- album, video, post, testo con immagine ---- */
.cd .lb{font:600 20px Akz;letter-spacing:3.6px;text-transform:uppercase;color:#9d9ea2;margin-bottom:30px}
.cd.al{top:230px;bottom:250px;justify-content:center}.al .cov{width:560px;height:560px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#4a4b50,#26272a);box-shadow:0 36px 80px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:120px;color:#7d7e82}.al .cov img{width:100%;height:100%;object-fit:cover}
.al .alt{font:800 66px/1.04 Inter;letter-spacing:-.045em;margin-top:44px}.al .ala{font:400 32px Inter;color:#9d9ea2;margin-top:14px}
.slide.light .al .cov{box-shadow:0 30px 70px rgba(0,0,0,.25)}
.cd.vd{top:250px;bottom:250px}.vd .th{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#3a3b40,#1a1b1d);box-shadow:0 30px 70px rgba(0,0,0,.45)}.vd .th img{width:100%;height:100%;object-fit:cover;display:block}
.vd .pl{position:absolute;left:50%;top:50%;width:132px;height:92px;margin:-46px 0 0 -66px;border-radius:26px;background:rgba(15,15,16,.78);display:flex;align-items:center;justify-content:center}.vd .pl i{display:block;border-left:34px solid #fff;border-top:21px solid transparent;border-bottom:21px solid transparent;margin-left:8px}
.vd .du{position:absolute;right:18px;bottom:16px;background:rgba(0,0,0,.82);color:#fff;font:600 24px Inter;padding:5px 12px;border-radius:8px}
.vd .vt{font:700 44px/1.14 Inter;letter-spacing:-.035em;margin-top:34px}.vd .vc{font:400 26px Inter;color:#9d9ea2;margin-top:12px}.vd .vc .onyt{margin-left:12px;padding-left:14px;border-left:2px solid #3a3b3f}
.cd.pst{top:230px;bottom:230px;align-items:center}.pst .plat{margin-top:34px;font:600 19px Akz;letter-spacing:3.4px;text-transform:uppercase;color:#9d9ea2}
.pw2{display:flex;align-items:center;gap:16px}.pw2 .avp{width:60px;height:60px;border-radius:50%;overflow:hidden;background:#2a2b2e;flex:none}.pw2 .avp img{width:100%;height:100%;object-fit:cover}.pw2 .avg.s{width:60px;height:60px}.pw2 b{display:block;font:700 26px Inter}.pw2 span{font:400 20px Inter;color:#cfd0d3;opacity:.8}
.fr{position:relative;height:790px;aspect-ratio:9/16;border-radius:34px;overflow:hidden;background:#1a1b1d;box-shadow:0 36px 80px rgba(0,0,0,.5);color:#fff}.fr .media{position:absolute;inset:0}.fr .media img{width:100%;height:100%;object-fit:cover;display:block}
.st .prog{position:absolute;left:20px;right:20px;top:18px;display:flex;gap:6px}.st .prog i{flex:1;height:4px;border-radius:2px;background:#fff}.st .prog i.off{background:rgba(255,255,255,.4)}
.st .top{position:absolute;left:20px;right:20px;top:40px}.fr:before{content:"";position:absolute;left:0;right:0;top:0;height:170px;background:linear-gradient(rgba(0,0,0,.5),transparent);z-index:1}.fr .top,.fr .prog{z-index:2}
.st .ov{position:absolute;left:0;right:0;bottom:0;padding:90px 30px 36px;background:linear-gradient(transparent,rgba(0,0,0,.75));z-index:2}
.tk .side{position:absolute;right:18px;bottom:150px;display:flex;flex-direction:column;gap:30px;align-items:center;z-index:2}.tk .ic{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tk .ic svg{width:42px;height:42px;fill:#fff}.tk .ic .avp{width:62px;height:62px;border:3px solid #fff}.tk .ic .avg.s{width:62px;height:62px}
.tk .bt{position:absolute;left:0;right:90px;bottom:0;padding:80px 26px 34px;background:linear-gradient(transparent,rgba(0,0,0,.78));z-index:2}.tk .bt b{display:block;font:700 26px Inter;margin-bottom:8px}.tk .cp{font-weight:400}
.pst .cp{font-family:Inter;letter-spacing:-.02em;line-height:1.24;color:#fff}
.card{width:100%;background:#1b1c1f;border:1.5px solid #2f3033;border-radius:34px;padding:28px 30px 26px}.card.ig{width:780px}.card .im{margin:22px -30px 0;height:560px;overflow:hidden}.card .im img{width:100%;height:100%;object-fit:cover;display:block}.card .cc{margin-top:20px;font-size:28px}.card .cc .cp{font-size:30px!important}
.yp{width:100%}.yp .cp{margin-top:26px}.yp .im2{margin-top:26px;border-radius:20px;overflow:hidden;aspect-ratio:16/9}.yp .im2 img{width:100%;height:100%;object-fit:cover}
.slide.light .card{background:#f4f4f2;border-color:#c7c8cb}.slide.light .card .cp,.slide.light .card .pw2 b{color:#111}.slide.light .card .pw2 span{color:#55575c}
.cd.ti2{top:220px;bottom:230px}.ti2 .tx2{font:400 60px/1.2 Inter;letter-spacing:-.035em}.ti2.sotto .ib{margin-top:44px}.ti2.sopra .ib{margin-bottom:40px}.ti2 .ib{width:100%;height:440px;overflow:hidden;border-radius:22px;flex:none}.ti2 .ib img{width:100%;height:100%;object-fit:cover;display:block}.ti2 .ib.boxed{border:3px solid rgba(214,168,168,.85);border-radius:22px}.ti2 .ic2{font:400 22px Inter;color:#9d9ea2;margin-top:16px;margin-bottom:6px}.ti2.sopra .ic2{margin-top:-24px;margin-bottom:34px}
.avp{overflow:hidden;border-radius:50%;flex:none}.avp img{width:100%;height:100%;object-fit:cover;display:block}
.al .cov{width:640px;height:640px}.al .alt{font-size:70px}.cd.al{top:210px;bottom:230px}
.fr{height:830px}
.tk .ic .avp{overflow:hidden}

/* ---- album in stile Spotify (richiama l'interfaccia, senza marchio) ---- */
.al[data-tint]{--tint:#3a3b40}
.al .ic{display:inline-flex;width:44px;height:44px}.al .ic svg,.al .ctr svg,.al .pp svg{width:100%;height:100%}.al svg:not([fill]){fill:currentColor}
.al .sbar{height:7px;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden;margin-top:34px}.al .sbar i{display:block;width:32%;height:100%;background:#fff}
.cd.al.sp1,.cd.al.sp2,.cd.al.sp3,.cd.al.sp4,.cd.al.sp6{left:0;right:0;top:130px;bottom:130px;padding:0 var(--m);background:linear-gradient(180deg,var(--tint) 0%,rgba(17,18,19,0) 100%)}
.slide.mi.light .cd.al{color:#111}
/* sp1 */.sp1{justify-content:flex-start;padding-top:36px!important}.sp1 .tp{display:flex;justify-content:space-between;margin-bottom:36px}.sp1 .cov{width:100%;height:auto;aspect-ratio:1;border-radius:14px}.sp1 .nm{display:flex;justify-content:space-between;align-items:center;margin-top:36px}.sp1 .alt{font:800 54px/1.05 Inter;letter-spacing:-.04em;margin:0}.sp1 .ala{font:400 31px Inter;color:rgba(255,255,255,.7);margin-top:6px}.sp1 .hrt{width:50px;height:50px}.sp1 .tms{display:flex;justify-content:space-between;font:400 21px Inter;color:rgba(255,255,255,.65);margin-top:10px}.sp1 .ctr{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:0 6px}.sp1 .ctr span{width:46px;height:46px}.sp1 .ctr .pp{width:96px;height:96px;border-radius:50%;background:#fff;color:#111;padding:22px;display:block}
/* sp2 */.sp2{justify-content:flex-start;padding-top:56px!important}.sp2 .cov{width:480px;height:480px;border-radius:12px;box-shadow:0 30px 70px rgba(0,0,0,.5);align-self:center}.sp2 .alt{font:800 72px/1.04 Inter;letter-spacing:-.045em;margin-top:44px}.sp2 .ala{font:400 31px Inter;color:rgba(255,255,255,.72);margin-top:14px}.sp2 .ala b{color:#fff;font-weight:700}.sp2 .act{display:flex;align-items:center;gap:34px;margin-top:34px}.sp2 .act .grow{flex:1}.sp2 .pp.g{width:104px;height:104px;border-radius:50%;background:#1ed760;color:#111;padding:26px;display:block}
/* sp3 */.sp3{justify-content:flex-start;padding-top:56px!important}.sp3 .cov{width:100%;height:auto;aspect-ratio:1;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.5)}.sp3 .mini{position:relative;display:flex;align-items:center;gap:22px;margin-top:40px;background:var(--tint);filter:brightness(1.1);border-radius:20px;padding:16px 20px;box-shadow:0 14px 40px rgba(0,0,0,.4)}.sp3 .mc{width:84px;height:84px;border-radius:8px;overflow:hidden;flex:none}.sp3 .mc img{width:100%;height:100%;object-fit:cover}.sp3 .mt{flex:1;min-width:0}.sp3 .mt b{display:block;font:700 28px Inter}.sp3 .mt span{font:400 22px Inter;color:rgba(255,255,255,.75)}.sp3 .ic{width:46px;height:46px}.sp3 .mp{position:absolute;left:22px;right:22px;bottom:6px;height:3px;background:rgba(255,255,255,.3);border-radius:2px}.sp3 .mp i{display:block;width:34%;height:100%;background:#fff}
/* sp4 */.sp4{justify-content:flex-start;padding-top:50px!important}.sp4 .hd4{display:flex;gap:34px;align-items:flex-end}.sp4 .cov{width:340px;height:340px;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.5);flex:none}.sp4 .alt{font:800 54px/1.05 Inter;letter-spacing:-.04em;margin:0}.sp4 .ala{font:400 28px Inter;color:rgba(255,255,255,.72);margin-top:12px}.sp4 .ala b{color:#fff}.sp4 .trk{margin-top:50px}.sp4 .tr{display:flex;align-items:center;gap:26px;padding:22px 0;font:500 36px Inter;letter-spacing:-.02em}.sp4 .tr .n{width:44px;font:400 28px Inter;color:rgba(255,255,255,.6);text-align:center}.sp4 .tr .tn{flex:1}.sp4 .tr .ic{width:36px;height:36px;opacity:.6}.sp4 .tr.on{color:#1ed760}.sp4 .tr.on .n{color:#1ed760}.sp4 .eqv{width:30px;height:30px}
/* sp5 */.sp5{left:0!important;right:0!important;top:0!important;bottom:0!important;padding:0 var(--m)}.sp5 .bg{position:absolute;inset:0}.sp5 .bg img{width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(.8)}.sp5 .sh{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.8) 28%,rgba(0,0,0,.2) 58%,rgba(0,0,0,.35) 100%)}.sp5 .ctn{position:absolute;left:var(--m);right:var(--m);bottom:290px}.sp5 .alt{font:800 92px/1 Inter;letter-spacing:-.05em}.sp5 .ala{font:400 32px Inter;color:rgba(255,255,255,.75);margin-top:14px}.sp5 .row5{display:flex;align-items:center;margin-top:34px}.sp5 .row5 .grow{flex:1}.sp5 .row5 .ic{width:48px;height:48px}.sp5 .pp{width:96px;height:96px;border-radius:50%;background:#fff;color:#111;padding:24px;display:block}
/* sp6 */.sp6{background:none!important;padding:0!important;left:0;right:0;top:230px;bottom:230px;align-items:center}.card6{width:760px;border-radius:30px;background:var(--tint);padding:46px;box-shadow:0 36px 80px rgba(0,0,0,.45)}.card6 .cov{width:100%;height:auto;aspect-ratio:1;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.35)}.card6 .alt{font:800 50px/1.05 Inter;letter-spacing:-.04em;margin-top:34px}.card6 .ala{font:400 28px Inter;color:rgba(255,255,255,.78);margin-top:8px}.card6 .code{display:flex;align-items:center;gap:7px;margin-top:34px;height:100px}.card6 .code i{display:block;width:8px;border-radius:4px;background:#fff}

.cd.al.sp1,.cd.al.sp2,.cd.al.sp3,.cd.al.sp4{background:none!important}
.cd.al.sp1:before,.cd.al.sp2:before,.cd.al.sp3:before,.cd.al.sp4:before{content:"";position:absolute;left:0;right:0;top:-130px;bottom:-130px;background:linear-gradient(180deg,var(--tint) 0%,rgba(17,18,19,0) 100%);z-index:-1}
.sp1 .cov,.sp3 .cov{width:620px!important;align-self:center}
.sp1 .nm,.sp1 .sbar,.sp1 .tms,.sp1 .ctr{width:760px;align-self:center}.sp1 .tp{width:864px}
.sp3 .mini{width:760px;align-self:center}
.cd.al.sp1{top:200px;bottom:200px}.cd.al.sp1:before{top:-200px;bottom:-200px}
.sp1 .alt{font-size:50px}.sp1 .ctr .pp{width:88px;height:88px;padding:20px}
.sp1 .tp{margin-bottom:26px}.sp1 .nm{margin-top:26px}.sp1 .sbar{margin-top:22px}.sp1 .ctr{margin-top:22px}
.cd.al.sp3{top:220px;bottom:220px}.cd.al.sp3:before{top:-220px;bottom:-220px}

.sp1 .cov,.sp3 .cov{width:580px!important}.cd.al.sp1{top:210px;bottom:210px}.cd.al.sp1:before{top:-210px;bottom:-210px}

/* versione "flat": palette Lost, niente gradiente e niente verde */
.cd.al.flat{background:none!important}.cd.al.flat:before{display:none!important}
.cd.al.sp2.flat,.cd.al.sp4.flat{left:var(--m);right:var(--m);padding:0;top:210px;bottom:230px}
.sp2.flat{justify-content:center}.sp2.flat .cov{width:100%;height:auto;aspect-ratio:1;max-height:560px;width:560px;align-self:flex-start;border-radius:12px;box-shadow:0 26px 60px rgba(0,0,0,.5)}
.sp2.flat .alt{font-size:74px;margin-top:40px}
.sp2.flat .pp.g{background:#f4f4f2;color:#111}.sp2.flat .act{margin-top:30px}.sp2.flat .ala{color:#9d9ea2}.sp2.flat .ala b{color:#fff}
.sp4.flat{justify-content:center}.sp4.flat .hd4{align-items:center}.sp4.flat .cov{width:300px;height:300px}.sp4.flat .ala{color:#9d9ea2}
.sp4.flat .trk{margin-top:44px;border-top:2px solid #2b2c2f}.sp4.flat .tr{border-bottom:2px solid #2b2c2f;padding:26px 6px}.sp4.flat .tr.on{color:#111;background:#f4f4f2;border-radius:14px;border-bottom-color:transparent;padding-left:14px;padding-right:14px;margin:6px -8px}.sp4.flat .tr.on .n{color:#111}.sp4.flat .tr.on .ic{opacity:.7}
.slide.light .cd.al.flat .alt{color:#0d1117}.slide.light .sp2.flat .ala,.slide.light .sp4.flat .ala{color:#55575c}.slide.light .sp2.flat .ala b,.slide.light .sp4.flat .ala b{color:#0d1117}.slide.light .sp2.flat .pp.g{background:#0d1117;color:#fff}.slide.light .sp2.flat .act .ic{color:#0d1117}
.slide.light .sp4.flat .tr{color:#0d1117;border-bottom-color:#c0c1c4}.slide.light .sp4.flat .trk{border-top-color:#c0c1c4}.slide.light .sp4.flat .tr .n{color:#6c6d70}.slide.light .sp4.flat .tr.on{background:#0d1117;color:#fff}.slide.light .sp4.flat .tr.on .n{color:#fff}

/* ---- album v2: compatto, struttura da pagina album ---- */
.cd.al.cmp.flat{left:var(--m);right:var(--m);top:260px;bottom:280px;justify-content:center}
.cmp .cov{width:420px!important;height:420px!important;border-radius:10px;box-shadow:0 22px 50px rgba(0,0,0,.5);align-self:flex-start}
.cmp .alt{font:800 54px/1.05 Inter;letter-spacing:-.04em;margin-top:34px}.cmp .ala{font:400 25px Inter;color:#9d9ea2;margin-top:12px}.cmp .ala b{color:#fff}
.cmp .act{display:flex;align-items:center;gap:30px;margin-top:32px}.cmp .act .pp.g{width:78px;height:78px;padding:18px}.cmp .act .ic{width:40px;height:40px}.cmp .act .grow{flex:1}
.cmp.b2 .hd4{display:flex;gap:30px;align-items:flex-end}.cmp.b2 .cov{width:280px!important;height:280px!important}.cmp.b2 .alt{margin-top:0;font-size:50px}.cmp.b2 .ht{padding-bottom:6px}
.cmp.b2 .trk{margin-top:26px;border-top:2px solid #2b2c2f}.cmp.b2 .tr{font-size:32px;padding:20px 6px;border-bottom:2px solid #2b2c2f}.cmp.b2 .tr .n{font-size:24px}
.cmp.b2 .tr.on{color:#111;background:#f4f4f2;border-radius:12px;border-bottom-color:transparent;margin:4px -8px;padding-left:14px;padding-right:14px}.cmp.b2 .tr.on .n{color:#111}
.cd.al.alv2.flat{left:var(--m);right:var(--m);top:240px;bottom:250px;justify-content:center}
.alv2 .hd4{display:flex;gap:30px;align-items:flex-end}.alv2 .cov{width:260px!important;height:260px!important}.alv2 .alt{font:800 46px/1.05 Inter;margin:0;letter-spacing:-.04em}.alv2 .ala{font:400 23px Inter;margin-top:10px;color:#9d9ea2}.alv2 .ala b{color:#fff}
.alv2 .act{display:flex;align-items:center;gap:26px;margin-top:22px}.alv2 .act .pp.g{width:70px;height:70px;padding:16px}.alv2 .act .ic{width:36px;height:36px}
.alv2 .colh{display:flex;gap:26px;margin-top:40px;padding:0 6px 14px;border-bottom:2px solid #2b2c2f;font:600 19px Akz;letter-spacing:3px;text-transform:uppercase;color:#8d8e91}.alv2 .colh .n{width:44px;text-align:center}
.alv2 .trk{margin-top:0;border-top:0}.alv2 .tr{font-size:32px;padding:20px 6px}.alv2 .tr .n{font-size:24px}
.slide.light .cmp .ala,.slide.light .alv2 .ala{color:#55575c}.slide.light .cmp .ala b,.slide.light .alv2 .ala b{color:#0d1117}.slide.light .cmp .act .ic,.slide.light .alv2 .act .ic{color:#0d1117}.slide.light .cmp .pp.g,.slide.light .alv2 .pp.g{background:#0d1117;color:#fff}
.slide.light .cmp.b2 .tr{border-bottom-color:#c0c1c4}.slide.light .cmp.b2 .trk{border-top-color:#c0c1c4}.slide.light .cmp.b2 .tr.on{background:#0d1117;color:#fff}.slide.light .cmp.b2 .tr.on .n{color:#fff}
.slide.light .alv2 .colh{border-bottom-color:#c0c1c4;color:#6c6d70}

.cmp .eqv,.alv2 .eqv{width:28px;height:28px}
.al .tr .tn{flex:1;min-width:0}
.cmp.b2 .tr{display:flex;align-items:center;gap:26px;font-weight:500;letter-spacing:-.02em}.cmp.b2 .tr .n{width:44px;text-align:center;color:#9d9ea2}.cmp.b2 .tr .tn{flex:1}.cmp.b2 .tr .ic{width:34px;height:34px;opacity:.6}
.slide.light .cmp.b2 .tr .n{color:#6c6d70}

.cmp .mini3{margin-top:30px;padding-top:22px;border-top:2px solid #2b2c2f;display:flex;flex-direction:column;gap:12px}.cmp .mini3 div{font:400 25px Inter;color:#b9babd;letter-spacing:-.01em}.cmp .mini3 span{display:inline-block;width:40px;color:#7d7e82}
.slide.light .cmp .mini3{border-top-color:#c0c1c4}.slide.light .cmp .mini3 div{color:#3a3b3f}.slide.light .cmp .mini3 span{color:#6c6d70}

/* ---- YouTube (con colori e logo) ---- */
.cd.yt{--yt-bg:#0f0f0f;--yt-tx:#f1f1f1;--yt-mu:#aaaaaa;--yt-chip:#272727;--yt-red:#ff0000;--yt-line:#303030}
.slide.light .cd.yt{--yt-bg:#ffffff;--yt-tx:#0f0f0f;--yt-mu:#606060;--yt-chip:#f2f2f2;--yt-line:#e5e5e5}
.cd.yt{top:240px;bottom:240px;justify-content:center}
.yt .ytl{display:flex;align-items:center;gap:12px;margin-bottom:34px}.yt .ytl svg{height:38px;width:auto}.yt .ytl span{font:700 36px Inter;letter-spacing:-.06em;color:var(--yt-tx)}
.yt .th{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#222}.yt .th img{width:100%;height:100%;object-fit:cover;display:block}
.yt .ydu{position:absolute;right:16px;bottom:18px;background:rgba(0,0,0,.82);color:#fff;font:500 24px Inter;padding:4px 10px;border-radius:8px}
.yt .prg{position:absolute;left:0;right:0;bottom:0;height:8px;background:rgba(255,255,255,.35)}.yt .prg i{display:block;width:34%;height:100%;background:var(--yt-red)}
.yt .vt{font:700 40px/1.2 Inter;letter-spacing:-.025em;color:var(--yt-tx);margin-top:26px}
.yt .cav{width:72px;height:72px;border-radius:50%;overflow:hidden;background:#3b3b3b;flex:none;display:flex;align-items:center;justify-content:center;font:700 30px Inter;color:#fff}.yt .cav img{width:100%;height:100%;object-fit:cover}
.yt .chn{display:flex;align-items:center;gap:20px;margin-top:26px}.yt .chn .cn{flex:1}.yt .chn b{font:600 30px Inter;color:var(--yt-tx)}.yt .sub{background:var(--yt-tx);color:var(--yt-bg);font:600 26px Inter;padding:14px 30px;border-radius:40px}
.yt .pills{display:flex;gap:16px;margin-top:26px}.yt .pl2{display:flex;align-items:center;gap:14px;background:var(--yt-chip);color:var(--yt-tx);border-radius:40px;padding:12px 26px;font:600 26px Inter}.yt .pl2 .ic{width:34px;height:34px;display:inline-flex}.yt .pl2 svg{width:100%;height:100%;fill:currentColor}.yt .pl2 i{width:2px;height:34px;background:var(--yt-line);display:block;margin:0 6px}
.yt .mt{font:400 27px Inter;color:var(--yt-mu);margin-top:10px}.yt .mt b{color:var(--yt-tx);font-weight:600}
.yt2 .card2{background:var(--yt-bg);border:1.5px solid var(--yt-line);border-radius:30px;padding:22px 22px 26px}.yt2 .row2{display:flex;gap:20px;margin-top:22px;align-items:flex-start}.yt2 .row2 .tx{flex:1}.yt2 .row2 .vt{margin-top:0;font-size:36px}.yt2 .row2 .ic{width:34px;height:34px;color:var(--yt-tx);display:inline-flex;margin-top:6px}.yt2 .row2 svg{width:100%;height:100%;fill:currentColor}.yt2 .th{border-radius:16px}
.yt3 .th.big{border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.5)}.yt3 .ytp{position:absolute;left:50%;top:50%;width:150px;margin:-52px 0 0 -75px}.yt3 .ytp svg,.yt5 .ytp svg,.yt6 .ytp svg{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.yt5{top:220px;bottom:240px}.yt5 .th.wide{aspect-ratio:auto;height:100%;border-radius:26px;position:relative}.yt5 .shd{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.65),rgba(0,0,0,0) 28%,rgba(0,0,0,0) 50%,rgba(0,0,0,.85))}.yt5 .top5{position:absolute;left:30px;top:26px}.yt5 .top5 .ytl{margin:0}.yt5 .top5 .ytl span{color:#fff}.yt5 .ytp{position:absolute;left:50%;top:44%;width:160px;margin:-56px 0 0 -80px}
.yt5 .bot5{position:absolute;left:32px;right:32px;bottom:30px}.yt5 .bot5 .vt{color:#fff;margin:0;font-size:38px}.yt5 .chn5{font:400 26px Inter;color:rgba(255,255,255,.8);margin-top:8px}.yt5 .scrub{position:relative;height:6px;background:rgba(255,255,255,.4);border-radius:3px;margin-top:22px}.yt5 .scrub i{display:block;width:26%;height:100%;background:var(--yt-red);border-radius:3px}.yt5 .scrub b{position:absolute;left:26%;top:50%;width:22px;height:22px;border-radius:50%;background:var(--yt-red);transform:translate(-50%,-50%)}.yt5 .tmr{font:500 24px Inter;color:#fff;margin-top:14px}
.yt6 .mark{display:flex;margin-bottom:34px}.yt6 .mark .ytp{width:120px;position:static}.yt6 .th{border-radius:18px}
.yt4{top:190px;bottom:230px;align-items:center}.yt4 .fr.sh{position:relative;height:850px;aspect-ratio:9/16;border-radius:30px;overflow:hidden;background:#111;box-shadow:0 36px 80px rgba(0,0,0,.5);color:#fff}.yt4 .fr.sh>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yt4 .shg{position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(transparent,rgba(0,0,0,.85))}.yt4 .side{position:absolute;right:16px;bottom:170px;display:flex;flex-direction:column;gap:26px;align-items:center}.yt4 .si{display:flex;flex-direction:column;align-items:center;gap:6px}.yt4 .si .ic{width:62px;height:62px;border-radius:50%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.yt4 .si svg{width:34px;height:34px;fill:#fff}.yt4 .si b{font:600 17px Inter}
.yt4 .bt{position:absolute;left:24px;right:96px;bottom:30px}.yt4 .ch4{display:flex;align-items:center;gap:12px}.yt4 .ch4 .cav{width:48px;height:48px;font-size:22px}.yt4 .ch4 b{font:600 24px Inter}.yt4 .sub4{background:#fff;color:#0f0f0f;font:600 20px Inter;padding:8px 18px;border-radius:30px}.yt4 .t4{font:400 24px/1.25 Inter;margin-top:14px}.yt4 .shl{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:8px;font:700 24px Inter}

/* ---- Instagram (colori e simbolo) ---- */
.cd.igp{--ig-bg:#000;--ig-tx:#f5f5f5;--ig-mu:#a8a8a8;--ig-line:#262626;top:210px;bottom:230px;align-items:center;justify-content:center}
.slide.light .cd.igp{--ig-bg:#fff;--ig-tx:#262626;--ig-mu:#737373;--ig-line:#dbdbdb}
.igp .ring{width:78px;height:78px;border-radius:50%;padding:4px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);flex:none}.igp .ri{width:100%;height:100%;border-radius:50%;border:4px solid var(--ig-bg);overflow:hidden;background:#3a3a3a;display:flex;align-items:center;justify-content:center}.igp .ri img{width:100%;height:100%;object-fit:cover}.igp .ri .in{font:700 28px Inter;color:#fff}
.igp .who2{display:flex;align-items:center;gap:18px}.igp .nm b{display:block;font:600 28px Inter;color:var(--ig-tx)}.igp .nm span{font:400 22px Inter;color:var(--ig-mu)}
.igp .igl{width:46px;height:46px;flex:none}.igp .igl svg{width:100%;height:100%}.igp .ic{display:inline-flex;width:46px;height:46px;color:var(--ig-tx)}.igp .ic svg{width:100%;height:100%}
.ig1 .fr.st2{position:relative;height:860px;aspect-ratio:9/16;border-radius:34px;overflow:hidden;background:#111;box-shadow:0 36px 80px rgba(0,0,0,.5);color:#fff}.ig1 .media{position:absolute;inset:0}.ig1 .media img{width:100%;height:100%;object-fit:cover}.ig1 .fr:before{content:"";position:absolute;left:0;right:0;top:0;height:170px;background:linear-gradient(rgba(0,0,0,.55),transparent);z-index:1}
.ig1 .prog{position:absolute;left:18px;right:18px;top:16px;display:flex;gap:6px;z-index:2}.ig1 .prog i{flex:1;height:4px;border-radius:2px;background:#fff}.ig1 .prog i.off{background:rgba(255,255,255,.4)}
.ig1 .top{position:absolute;left:18px;right:18px;top:38px;display:flex;justify-content:space-between;align-items:center;z-index:2}.ig1 .ring{width:62px;height:62px}.ig1 .nm b{color:#fff;font-size:24px}.ig1 .nm span{color:rgba(255,255,255,.8);font-size:20px}.ig1 .igl{width:38px;height:38px}
.ig1 .ov{position:absolute;left:0;right:0;bottom:104px;padding:60px 26px 22px;background:linear-gradient(transparent,rgba(0,0,0,.6));z-index:2}.ig1 .ov .cp,.ig3 .cp{color:#fff;font-family:Inter;line-height:1.24;letter-spacing:-.02em}
.ig1 .reply{position:absolute;left:18px;right:18px;bottom:20px;display:flex;align-items:center;gap:14px;z-index:2}.ig1 .inp{flex:1;border:2px solid rgba(255,255,255,.75);border-radius:40px;padding:14px 24px;font:400 22px Inter;color:#fff}.ig1 .reply .ic{width:40px;height:40px;color:#fff}
.feed{width:780px;background:var(--ig-bg);color:var(--ig-tx);border-radius:30px;overflow:hidden;border:1.5px solid var(--ig-line)}.hdr3{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.hdr3 .ic.d{width:36px;height:36px}.hdr3 .ic.d svg{fill:currentColor}
.feed .im{position:relative;height:560px;overflow:hidden;background:#222}.feed .im img{width:100%;height:100%;object-fit:cover;display:block}.feed .cnt{position:absolute;right:18px;top:18px;background:rgba(20,20,20,.75);color:#fff;font:600 20px Inter;padding:6px 14px;border-radius:20px}
.feed .acts{display:flex;align-items:center;gap:26px;padding:18px 22px 6px}.feed .acts .grow{flex:1}.feed .dts{display:flex;gap:8px;position:absolute;left:50%;transform:translateX(-50%)}.feed .dts i{width:9px;height:9px;border-radius:50%;background:#555;display:block}.feed .dts i.on{background:#0095f6}.feed .acts{position:relative}
.feed .cc{padding:6px 22px 24px;font:400 28px/1.3 Inter}.feed .cc b{font-weight:600}.feed .cc .cp{display:inline;font:400 28px/1.3 Inter!important}
.ig3 .fr.rl{position:relative;height:860px;aspect-ratio:9/16;border-radius:34px;overflow:hidden;background:#111;box-shadow:0 36px 80px rgba(0,0,0,.5);color:#fff}.ig3 .media{position:absolute;inset:0}.ig3 .media img{width:100%;height:100%;object-fit:cover}.ig3 .top3{position:absolute;left:24px;top:22px;font:700 30px Inter;z-index:2}.ig3 .side{position:absolute;right:16px;bottom:170px;display:flex;flex-direction:column;gap:30px;align-items:center;z-index:2}.ig3 .side .ic{color:#fff;width:50px;height:50px}.ig3 .bt{position:absolute;left:0;right:90px;bottom:0;padding:90px 24px 28px;background:linear-gradient(transparent,rgba(0,0,0,.78));z-index:2}.ig3 .r1{display:flex;align-items:center;gap:14px;margin-bottom:14px}.ig3 .mr{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#3a3a3a;border:2px solid #fff}.ig3 .mr img{width:100%;height:100%;object-fit:cover}.ig3 .r1 b{font:600 24px Inter}.ig3 .fl{border:2px solid #fff;border-radius:10px;padding:6px 18px;font:600 20px Inter}
.ig5 .note{position:relative;display:flex;flex-direction:column;align-items:center}.ig5 .bub5{background:#262626;color:#f5f5f5;border-radius:44px;padding:30px 40px;max-width:640px;font:400 44px/1.25 Inter;letter-spacing:-.02em;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.4)}.slide.light .ig5 .bub5{background:#efefef;color:#262626}.ig5 .bub5 .cp{font:400 44px/1.25 Inter!important}.ig5 .tail{width:34px;height:34px;border-radius:50%;background:#262626;margin:-6px 0 0 -90px}.slide.light .ig5 .tail{background:#efefef}.ig5 .nav{margin-top:22px}.ig5 .nav .ring{width:190px;height:190px;padding:6px}.ig5 .nn{font:600 30px Inter;margin-top:20px;color:var(--ig-tx)}
.feed .cp,.feed .cc .cp{color:var(--ig-tx)!important}.ig5 .bub5 .cp{color:inherit!important}

/* ---- testo con immagine: varianti ---- */
.cd.xi1{top:220px;bottom:230px}.xi1 .tx2{font:400 60px/1.2 Inter;letter-spacing:-.035em}.xi1.sotto .ib{margin-top:44px}.xi1.sopra .ib{margin-bottom:40px}.xi1 .ib{width:100%;height:440px;overflow:hidden;border-radius:22px;flex:none}.xi1 .ib img{width:100%;height:100%;object-fit:cover;display:block}.xi1 .ib.boxed{border:3px solid rgba(214,168,168,.85)}
.cd.xi{justify-content:center}.xi .tx2{font:400 56px/1.2 Inter;letter-spacing:-.035em}
.cd.xi2{left:0;right:0;top:230px;bottom:250px;padding:0 var(--m)}.xi2 .band{margin:0 calc(-1*var(--m)) 46px;height:430px;overflow:hidden;flex:none}.xi2 .band img{width:100%;height:100%;object-fit:cover;display:block}
.cd.xi3{left:0;right:0;top:0;bottom:0;padding:0 var(--m);justify-content:flex-end}.xi3 .bgi{position:absolute;inset:0}.xi3 .bgi img{width:100%;height:100%;object-fit:cover}.xi3 .gr3{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.86) 30%,rgba(0,0,0,.4) 54%,rgba(0,0,0,0) 74%)}.xi3 .t3{position:relative;margin-bottom:290px}.xi3 .tx2{color:#fff}
.cd.xi4{top:210px;bottom:240px;justify-content:flex-start}.xi4 .big4{height:520px;border-radius:26px;overflow:hidden;flex:none}.xi4 .big4 img{width:100%;height:100%;object-fit:cover;display:block}.xi4 .card4{margin:-110px 34px 0;position:relative;background:#18191b;border:1.5px solid #2b2c2f;border-radius:28px;padding:34px 38px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.slide.light .xi4 .card4{background:#f4f4f2;border-color:#c7c8cb}
.cd.xi5{top:230px;bottom:250px}.xi5 .pol{align-self:flex-start;background:#f4f4f2;padding:22px 22px 80px;border-radius:6px;box-shadow:0 26px 60px rgba(0,0,0,.5);transform:rotate(-2deg);margin:0 0 56px 14px;width:620px;flex:none}.xi5 .pi{height:480px;overflow:hidden;background:#222}.xi5 .pi img{width:100%;height:100%;object-fit:cover;display:block}
.cd.xi6{top:230px;bottom:240px}.xi6 .band6{margin-top:44px;height:380px;border-radius:0;overflow:hidden;flex:none;position:relative}.xi6 .band6:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:#f4f4f2;z-index:2}.xi6 .band6 img{width:100%;height:100%;object-fit:cover;display:block}

/* ---- miglioramento ti3 (sfondo) e ti4 (scheda) ---- */
.xi3 .gr3{background:none}
.xi3.p-basso .gr3{background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.86) 14%,rgba(0,0,0,.66) 30%,rgba(0,0,0,.36) 48%,rgba(0,0,0,.12) 64%,rgba(0,0,0,0) 78%)}
.xi3.p-alto .gr3{background:linear-gradient(to bottom,rgba(0,0,0,.92) 0%,rgba(0,0,0,.84) 18%,rgba(0,0,0,.62) 34%,rgba(0,0,0,.3) 50%,rgba(0,0,0,0) 68%),linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,0) 32%)}
.xi3.p-centro .gr3{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.18) 22%,rgba(0,0,0,0) 40%),radial-gradient(ellipse 90% 30% at 50% 50%,rgba(0,0,0,.7),rgba(0,0,0,0) 100%)}
.xi3.p-alto{justify-content:flex-start}.xi3.p-alto .t3{margin:270px 0 0}.xi3.p-centro{justify-content:center}.xi3.p-centro .t3{margin:0}
.xi3 .tx2{text-shadow:0 2px 24px rgba(0,0,0,.45);font-weight:500;letter-spacing:-.03em}
.xi4 .big4{height:600px}.xi4 .card4{margin:-150px 30px 0;background:rgba(14,15,17,.72);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border:1.5px solid rgba(255,255,255,.12);padding:36px 42px}
.slide.light .xi4 .card4{background:rgba(255,255,255,.78);border-color:rgba(0,0,0,.08)}
.xi4{justify-content:flex-start;top:220px;bottom:250px}
.xi3 .bgi:after{content:"";position:absolute;left:0;right:0;top:0;height:230px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0))}

/* ======= UNIFORMITÀ (13 ottobre): scala degli angoli, ombre, spazi ======= */
:root{--r-img:12px;--r-card:28px;--r-bub:40px;--sh-cover:0 30px 70px rgba(0,0,0,.5)}
/* fumetti dei DM: 40 (le code restano da 8) */
:where(.dm.imt) .b,:where(.dm.imv) .b,:where(.dm.imt .thread.big) .b{border-radius:var(--r-bub)}
.im .b.in.tail{border-bottom-left-radius:8px}.im .b.out.tail{border-bottom-right-radius:8px}
.im .b.in.first{border-top-left-radius:9px}
.imv .b.vcard,.imv .b.vbub,.imv .b.vsub{border-radius:var(--r-bub)}
.qa4{border-radius:var(--r-bub) var(--r-bub) 8px var(--r-bub)}
/* schede: 28 */
.cs .post{border-radius:var(--r-card)}
.xi4 .card4{border-radius:var(--r-card)}
/* immagini, copertine, miniature: 12 */
.al .cov,.cmp .cov,.sp2 .cov,.sp4 .cov{border-radius:var(--r-img)}
.npc.s2,.m .npc{border-radius:var(--r-img)}
.yt3 .th.big,.yt .th{border-radius:var(--r-img)}
.xi4 .big4{border-radius:var(--r-img)}
.cmp.b2 .tr.on,.sp4.flat .tr.on{border-radius:var(--r-img)}
/* ombra unica per copertine e miniature grandi */
.cmp .cov,.al .cov,.yt3 .th.big{box-shadow:var(--sh-cover)}
.slide.light .cmp .cov,.slide.light .al .cov{box-shadow:var(--sh-cover)}
/* centro verticale: DM e pagina album salgono di ~15 px */
.dm.imt,.dm.imv{transform:translateY(calc(-16px + var(--dy,0px)))}
.cd.al.cmp.flat{transform:translateY(-14px)}
/* album B: più aria da header e footer */
.cmp.b2 .cov{width:236px!important;height:236px!important}.cmp.b2 .alt{font-size:44px}.cmp.b2 .ala{font-size:22px}
.cmp.b2 .act{margin-top:20px}.cmp.b2 .act .pp.g{width:66px;height:66px;padding:15px}.cmp.b2 .act .ic{width:34px;height:34px}
.cmp.b2 .trk{margin-top:18px}.cmp.b2 .tr{font-size:29px;padding:13px 6px}.cmp.b2 .tr.on{padding-top:13px;padding-bottom:13px}
.cd.al.cmp.flat.b2{transform:none}

.cover .hd{color:var(--hdink,var(--ink))}
.cover .hd{text-shadow:var(--hdsh,0 0 16px rgba(0,0,0,.35))}
.cover .ft p{color:var(--ftink,inherit)}.cover .ft img{filter:var(--ftimg,none)}

/* grana dello sfondo (come nei template Canva): rumore finissimo sopra il colore piatto; il colore è la media finale misurata sugli export */
.slide.lost.dark:not(.cover){background-image:url(/grain-dark.png);background-size:512px 512px}
.slide.lost.light:not(.cover){background-image:url(/grain-light.png);background-size:512px 512px}
.slide.mi.dark:not(.cover){background-image:url(/grain-mi-dark.png);background-size:512px 512px}
.slide.mi.light:not(.cover){background-image:url(/grain-mi-light.png);background-size:512px 512px}

/* ---- testo e foto (sottotitoli): foto in bianco e nero con grana, testo in blocchi chiari ---- */
.xs{position:absolute;inset:0;z-index:1}
.xs-ph{position:absolute;inset:0;overflow:hidden;background:#111}
.xs-ph img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 50%}
.xs.t-bn .xs-ph img{filter:grayscale(1) contrast(1.15) brightness(var(--br,.8))}
.xs.t-att .xs-ph img{filter:saturate(.4) contrast(1.12) brightness(var(--br,.8))}
.xs.t-col .xs-ph img{filter:saturate(1.05) contrast(1.08) brightness(var(--br,.8))}
.xs-no{position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,#4a4b50,#17181a 75%)}
.xs-gr{position:absolute;inset:0;pointer-events:none}
.xs.p-basso .xs-gr,.xs.p-centro .xs-gr{background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 55%)}
.xs.p-alto .xs-gr{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0) 55%)}
.xs-gn{position:absolute;inset:0;pointer-events:none;background:url(/grain-dark.png);opacity:.55;mix-blend-mode:overlay}
.slide.mi .xs-gn{background-image:url(/grain-mi-dark.png)}
.xs-t{position:absolute;left:var(--m);right:var(--m);z-index:3;font:500 var(--fs)/var(--pitch) Inter,Helvetica,Arial,sans-serif;letter-spacing:-.02em;color:#fff;min-height:var(--pitch)}
.xs-t span{background:#f4f4f2;color:#0d1117;padding:6px var(--px);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.xs-t span.ph{opacity:.7}
.xs-t i{font-style:italic}
.xs.p-basso .xs-t{bottom:190px}.xs.p-alto .xs-t{top:200px}.xs.p-centro .xs-t{top:50%;transform:translateY(-50%)}
.xsl .pat{display:none}
.xsl .hd{color:var(--hdink,var(--ink));text-shadow:var(--hdsh,0 0 16px rgba(0,0,0,.35))}
.xsl .hd>:first-child{color:var(--hdinkl,var(--ink));text-shadow:var(--hdshl,0 0 16px rgba(0,0,0,.35))}
.xsl .hd .logo{filter:var(--hdimg,none)}
.xsl .ft p{color:var(--ftink,inherit)}.xsl .ft img{filter:var(--ftimg,none)}

/* ---- DM: testo piccolo più grande e più contrastato; grana anche sul pattern di Musica Indigesta ---- */
.dm.im .stamp{font-size:26px;color:#b3b4b8}
.dm.im .from{font-size:26px;color:#b3b4b8;margin-left:22px}
.dm.imt .cap{font-size:26px;color:#b3b4b8}
.dm.imt .thread.big .cap{font-size:30px}
.dm.imt .chead .cn{font-size:27px}
.dm.imt .qt{font-size:28px;color:#c0c1c5}
.dm.imt .qt span{font-size:22px;color:#b3b4b8}
.dm.imv .vl{font-size:22px;color:#b3b4b8}
.dm.imv .du{font-size:27px}
.slide.light .dm.im .stamp,.slide.light .dm.im .from,.slide.light .dm.imt .cap{color:#4a4c50}
.slide.mi.dark .pat{background-image:url(/grain-mi-dark.png),url(/assets/pattern-dark.png);background-size:512px 512px,100% 100%}
.slide.mi.light .pat{background-image:url(/grain-mi-light.png),url(/assets/pattern-light.png);background-size:512px 512px,100% 100%}

/* ---- citazione: testo piccolo più leggibile (stessa regola dei DM) ---- */
.cs .pn span{font-size:22px;color:#a9aaae}
.ci .trd2{font-size:26px;color:#b3b4b8}
.x4 .qa4{font-size:30px}
.x4 .qa4 .qh{font-size:22px;color:#b3b4b8}
.cs .avp.ini{display:flex;align-items:center;justify-content:center;background:#3a3b3f;color:#fff;font:700 34px Inter;letter-spacing:-.02em}
.slide.light .cs .avp.ini{background:#cfd0d3;color:#111}

/* ---- canzone: testo piccolo più leggibile ---- */
.m .trd{font-size:26px;color:#b3b4b8}
.m .mm span{font-size:24px;color:#b3b4b8}
.slide.light .m .trd{color:#4a4c50}

/* ---- album: blocco centrato davvero (c'era un padding-top di 56px che lo spostava in basso) ---- */
.cd.al.cmp.flat{top:270px;bottom:270px;padding-top:0!important;padding-bottom:0!important;transform:none}
/* album: testo piccolo più leggibile */
.cmp .ala{font-size:28px;color:#b3b4b8}
.cmp.b2 .ala{font-size:26px}
.cmp.b2 .tr .n{font-size:26px;color:#b3b4b8}
.cmp .mini3 div{font-size:27px}
.slide.light .cmp .ala{color:#4a4c50}