/* OLTRE_ v12, prototipo. Idea: la piazza di sera. Il blu notte è il terreno, la carta è dove si legge,
   il rosso è solo la linea che spezza il rumore e la parola nuova che prende il posto di quella vecchia. */
:root{
  --red-fill:#D03B2C;--night:#0A0F1D;--night2:#111829;--night3:#1A2236;--paper:#F4F1EA;--paper2:#E8E2D4;
  --red:#E0493A;--red-ink:#B8321F;--mist:#98A1B5;--stone:#566077;--gold:#E9B949;
  --line-d:rgba(244,241,234,.14);--line-l:rgba(10,15,29,.14);
  /* superficie di lettura: carta di giorno, notte di sera */
  --rd-bg:var(--paper);--rd-bg2:var(--paper2);--rd-fg:var(--night);--rd-mu:var(--stone);--rd-red:var(--red-ink);--rd-line:var(--line-l);
  --serif:'Bodoni Moda','Bodoni 72',Didot,Georgia,serif;--num:'Bodoni Num','Bodoni Moda',Georgia,serif;
  --sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --gut:max(20px,env(safe-area-inset-left,0px));--gutr:max(20px,env(safe-area-inset-right,0px));
  --max:1240px;--ease:cubic-bezier(.2,.75,.15,1);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--rd-bg:#10172A;--rd-bg2:#18203A;--rd-fg:#F4F1EA;--rd-mu:#A3ABBE;--rd-red:#F0624F;--rd-line:var(--line-d)}}
:root[data-theme="dark"]{--rd-bg:#10172A;--rd-bg2:#18203A;--rd-fg:#F4F1EA;--rd-mu:#A3ABBE;--rd-red:#F0624F;--rd-line:var(--line-d)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--night);color:var(--paper);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.w{max-width:var(--max);margin:0 auto;padding-left:var(--gut);padding-right:var(--gutr)}
h1,h2,h3{font-family:var(--serif);font-weight:700;margin:0;text-wrap:balance;letter-spacing:-.012em}
p{margin:0}
.skip{position:absolute;left:12px;top:-60px;background:var(--red-fill);color:#fff;padding:10px 16px;z-index:99;font-weight:600;text-decoration:none}
.skip:focus{top:12px}

/* ---------- testata ---------- */
.obar{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top,0px);transition:background .35s,box-shadow .35s}
.obar.on{background:rgba(10,15,29,.97);box-shadow:0 1px 0 var(--line-d)}
.obar .w{display:flex;align-items:center;gap:28px;height:72px}
.obar .wm{height:26px;width:auto}
.obar .go{background:var(--red-fill);color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:11px 18px;white-space:nowrap;transition:background .2s}
.obar .go:hover{background:#c73a2c}
.mb{display:none;margin-left:auto;background:none;border:1px solid var(--line-d);color:var(--paper);font:600 15px var(--sans);padding:10px 14px;cursor:pointer}

/* ---------- bottoni ---------- */
.b{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:14px 24px;font:600 17px/1.2 var(--sans);text-decoration:none;border:0;cursor:pointer;transition:transform .25s var(--ease),background .2s,color .2s}
.b .ar{transition:transform .3s var(--ease)}
.b:hover .ar{transform:translateX(5px)}
.b-red{background:var(--red-fill);color:#fff}.b-red:hover{background:#b8321f}
.b-red small{font-weight:400;font-size:14px}
.b-line{color:var(--paper);box-shadow:inset 0 0 0 2px rgba(244,241,234,.35)}.b-line:hover{box-shadow:inset 0 0 0 2px var(--paper)}
.b-ink{background:var(--night);color:var(--paper)}.b-ink:hover{background:var(--night3)}

/* ---------- apertura: il rumore che si spegne ---------- */
.hero{position:relative;overflow:hidden;margin-top:-72px;padding:150px 0 64px;isolation:isolate;background:var(--night)}
.noise{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:1;transition:opacity 1.1s var(--ease)}
.hero.clear .noise{opacity:.07;transform:none}
.hero .w{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"t m" "p p";column-gap:clamp(24px,4vw,64px);align-items:center}
.htx{grid-area:t;min-width:0}
.mk{grid-area:m;min-width:0;display:flex;justify-content:flex-end}
.was{font:600 clamp(18px,1.8vw,22px)/1.2 var(--sans);color:var(--mist);margin:0 0 22px;display:inline-block;position:relative}
.was::after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease) .1s}
.hero.clear .was::after{transform:scaleX(1)}
.hero h1{font-size:clamp(64px,8.6vw,156px);line-height:.88;letter-spacing:-.03em}
.hero h1 .l2{display:block}
.hero h1 .u{color:var(--red)}
.hero h1 .wd{display:inline-block;opacity:0;transform:translateY(.22em);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.hero.clear h1 .wd{opacity:1;transform:none}
.hero.clear h1 .wd:nth-child(2){transition-delay:.06s}.hero.clear h1 .l2 .wd{transition-delay:.14s}
.mark{width:100%;max-width:500px;height:auto;color:var(--paper);overflow:visible}
.mark .bl,.mark .br{transform:scaleX(0);transition:transform .7s var(--ease)}
.mark .bl{transform-origin:28px 195px}.mark .br{transform-origin:372px 195px}
.mark .ar{opacity:0;transform:translate(-30px,30px);transition:opacity .35s .35s,transform .7s var(--ease) .35s}
.mark .rt{opacity:0;transition:opacity .9s var(--ease) .75s}
.hero.clear .mark .bl,.hero.clear .mark .br{transform:scaleX(1)}
.hero.clear .mark .ar,.hero.clear .mark .rt{opacity:1;transform:none}
.hero .sub{font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:#C9CED9;max-width:36ch;margin:28px 0 0}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.proof{grid-area:p;list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;max-width:880px}
.proof li{background:rgba(17,24,41,.92);padding:18px 20px;font-size:15px;line-height:1.4;color:var(--mist)}
.proof b{display:block;font:700 40px/1 var(--num);color:var(--paper);margin-bottom:8px;font-variant-numeric:tabular-nums}
@media(max-width:860px){.hero{padding-top:108px}.hero .w{grid-template-columns:1fr;grid-template-areas:"m" "t" "p"}.mk{justify-content:flex-start}.mark{max-width:260px;margin:0 0 26px -4px}}
@media(max-width:560px){.proof{grid-template-columns:1fr}.proof li{display:flex;gap:14px;align-items:baseline}.proof b{font-size:32px;margin:0;min-width:2.6ch}.hero .cta .b{width:100%;justify-content:space-between}}

/* ---------- le tre porte ---------- */
.sec{padding:clamp(80px,10vw,140px) 0}
.h2{font-size:clamp(44px,6.2vw,92px);line-height:.94;letter-spacing:-.025em;max-width:14ch}
.lede{font-size:clamp(19px,1.6vw,22px);line-height:1.5;color:var(--mist);max-width:52ch;margin-top:22px}
.doors{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin-top:56px}
.door{position:relative;display:flex;flex-direction:column;min-height:420px;padding:32px 30px 28px;text-decoration:none;overflow:hidden;transition:transform .4s var(--ease)}
.door:hover{transform:translateY(-4px)}
.door h3{font-size:clamp(34px,3.4vw,50px);line-height:.98;letter-spacing:-.02em}
.door p{margin-top:16px;font-size:17px;line-height:1.5;max-width:30ch}
.door .act{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:17px;padding-top:24px}
.door .act i{font-style:normal;font-size:28px;transition:transform .3s var(--ease)}
.door:hover .act i{transform:translateX(6px)}
.door .big{font:700 clamp(120px,13vw,200px)/.8 var(--num);letter-spacing:-.04em;margin:auto 0 0;display:flex;align-items:flex-end;gap:10px}
.door .big small{font:600 18px/1.2 var(--sans);letter-spacing:0;padding-bottom:14px}
.d-quiz{background:var(--red-fill);color:#fff}
.d-quiz p{color:#fff}
.d-man{background:var(--paper);color:var(--night)}
.d-man p{color:var(--stone)}
.d-ag{background:var(--night3);color:var(--paper)}
.d-ag p{color:var(--mist)}
.d-ag q{display:block;font:700 26px/1.12 var(--serif);color:var(--paper);margin-top:22px;quotes:"«" "»"}
.d-ag .live{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--mist);margin-top:14px}
.d-ag .live b{width:9px;height:9px;border-radius:50%;background:#4CC38A;box-shadow:0 0 0 4px rgba(76,195,138,.18)}
.d-ag .split{display:flex;height:8px;margin-top:16px;gap:2px}.d-ag .split i{display:block;height:100%}
.tiny{font-size:14px;color:var(--mist);margin-top:8px}
.d-man .tl{margin-top:auto;display:grid;gap:6px;font:700 22px/1.1 var(--serif)}
.d-man .tl span{display:flex;gap:10px;align-items:baseline}
.d-man .tl s{color:var(--stone);text-decoration-color:var(--red);text-decoration-thickness:2px;font-weight:600}
.d-man .tl b{color:var(--red-ink)}
@media(max-width:960px){.doors{grid-template-columns:1fr}.door{min-height:0}.door .big{font-size:120px;margin-top:20px}}

/* ---------- numeri ---------- */
.nums{background:var(--night2)}
.ngrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:56px}
.n{background:var(--night);padding:28px 26px 24px;display:flex;flex-direction:column;min-height:300px}
.n b{font:700 clamp(46px,4.3vw,70px)/.9 var(--num);letter-spacing:-.03em;color:var(--paper);font-variant-numeric:tabular-nums}
.n.hot b{color:var(--red)}
.n p{margin-top:18px;font-size:16px;line-height:1.45;color:#C9CED9}
.n small{margin-top:auto;padding-top:18px;font-size:13.5px;color:var(--mist)}
.n small a{color:var(--mist)}
@media(max-width:1000px){.ngrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ngrid{grid-template-columns:1fr}.n{min-height:0}}

/* ---------- i temi, la parola che cambia ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.chips button{font:600 15px var(--sans);color:var(--mist);background:var(--night2);border:0;padding:11px 16px;min-height:44px;cursor:pointer;transition:background .2s,color .2s}
.chips button:hover{color:var(--paper)}
.chips button[aria-pressed=true]{background:var(--paper);color:var(--night)}
.temi{list-style:none;margin:28px 0 0;padding:0}
.tema a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 40px;gap:24px;align-items:center;padding:22px 0;text-decoration:none;border-top:1px solid var(--line-d);isolation:isolate}
.tema:last-child a{border-bottom:1px solid var(--line-d)}
.tema a::before{content:"";position:absolute;inset:0 calc(-1 * var(--gut));background:var(--red-fill);transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--ease);z-index:-1}
.tema a:hover::before,.tema a:focus-visible::before{transform:scaleY(1)}
.tema h3{font-size:clamp(30px,4.2vw,60px);line-height:1;letter-spacing:-.02em}
.tema .sw{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font:700 clamp(18px,1.8vw,24px)/1.2 var(--serif)}
.tema .old{color:var(--mist);position:relative}
.tema .old::after{content:"";position:absolute;left:-1%;right:-1%;top:56%;height:.11em;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease) var(--dl,0s)}
.tema .new{color:var(--red);opacity:0;transform:translateX(-10px);transition:opacity .5s var(--ease) calc(var(--dl,0s) + .45s),transform .6s var(--ease) calc(var(--dl,0s) + .45s)}
.tema.in .old::after{transform:scaleX(1)}.tema.in .new{opacity:1;transform:none}
.tema .cost{font:700 22px/1 var(--num);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tema .cost small{display:block;font:400 13px/1.3 var(--sans);color:var(--mist);margin-top:6px}
.tema .go{font-size:30px;transition:transform .3s var(--ease)}
.tema a:hover .go{transform:translateX(6px)}
.tema a:hover .old,.tema a:hover .cost small{color:rgba(255,255,255,.75)}
.tema a:hover .new{color:#fff}
.tema a:hover .old::after{background:#fff}
.tema[hidden]{display:none}
@media(max-width:640px){.tema a{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}.tema .go{display:none}.tema .cost{font-size:18px}}

/* ---------- il conto ---------- */
.conto{background:var(--rd-bg);color:var(--rd-fg)}
.conto .lede{color:var(--rd-mu)}
.cgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end;margin-top:12px}
.bars{display:grid;gap:22px;margin-top:8px}
.bars .row{display:grid;gap:10px}
.bars .lab{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;font-size:17px}
.bars .lab b{font:700 clamp(40px,4vw,60px)/1 var(--num);font-variant-numeric:tabular-nums}
.bars .tr{height:22px;background:var(--rd-bg2);position:relative;overflow:hidden}
.bars .tr i{position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--rd-fg);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.bars .row.c .tr i{background:var(--rd-red)}
.conto.in .bars .tr i{transform:scaleX(1)}
.zero{display:flex;align-items:flex-end;gap:18px;border-top:4px solid var(--rd-fg);padding-top:20px}
.zero b{font:700 clamp(130px,14vw,210px)/.78 var(--num);letter-spacing:-.04em;color:var(--rd-red)}
.zero span{font:700 clamp(24px,2.4vw,34px)/1.05 var(--serif);padding-bottom:10px;max-width:9ch}
.cact{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px}
.conto .b-ink{background:var(--rd-fg);color:var(--rd-bg)}
.conto .b-ghost{color:var(--rd-fg);box-shadow:inset 0 0 0 2px var(--rd-line)}.conto .b-ghost:hover{box-shadow:inset 0 0 0 2px var(--rd-fg)}
.fine{font-size:15px;color:var(--rd-mu);margin-top:20px;max-width:70ch}
@media(max-width:900px){.cgrid{grid-template-columns:1fr;gap:40px}}

/* ---------- le radici ---------- */
.rad .top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(200px,21vw,270px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:44px var(--gutr) 12px max(var(--gut),calc((100vw - var(--max))/2 + 20px));margin-top:12px;scrollbar-width:none;scroll-padding:0 max(var(--gut),calc((100vw - var(--max))/2 + 20px))}
.strip::-webkit-scrollbar{display:none}
.face{scroll-snap-align:start;text-decoration:none;display:block}
.face .ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--night3)}
.face img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}
.face .ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.face:hover img{transform:scale(1.04)}.face:hover .ph::after{transform:scaleX(1)}
.face b{display:block;font:700 22px/1.1 var(--serif);margin-top:14px}
.face span{display:block;font-size:14px;color:var(--mist);margin-top:4px;font-variant-numeric:tabular-nums}
.face em{display:block;font-style:normal;font-size:15px;color:#C9CED9;margin-top:8px;line-height:1.4}
.arrows{display:flex;gap:8px}
.arrows button{width:52px;height:52px;border:0;background:var(--night3);color:var(--paper);font-size:22px;cursor:pointer;transition:background .2s}
.arrows button:hover{background:var(--red-fill)}

/* ---------- oltre la politica ---------- */
.olp{background:var(--night2)}
.olgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-top:56px}
.art{display:flex;flex-direction:column;text-decoration:none;background:var(--night);overflow:hidden;transition:transform .4s var(--ease)}
.art:hover{transform:translateY(-4px)}
.art .im{aspect-ratio:16/9;background:var(--c,#333);overflow:hidden}
.art .im svg{width:100%;height:100%}
.art .tx{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.art .cat{font-size:15px;font-weight:600;color:var(--red)}
.art h3{font-size:clamp(26px,2.4vw,36px);line-height:1.05;margin-top:10px}
.art p{color:var(--mist);font-size:16px;line-height:1.5;margin-top:12px}
.art .mt{margin-top:auto;padding-top:18px;font-size:14px;color:var(--mist)}
.art.ft h3{font-size:clamp(32px,3.6vw,52px)}
.olside{display:grid;gap:12px}
.olside .art{flex-direction:row}
.olside .art .im{aspect-ratio:auto;width:38%;flex:none}
.olside .art .tx{padding:18px 20px}
.olside .art h3{font-size:22px}.olside .art p{display:none}
@media(max-width:900px){.olgrid{grid-template-columns:1fr}}
@media(max-width:520px){.olside .art{flex-direction:column}.olside .art .im{width:100%;aspect-ratio:16/9}}

/* ---------- partecipa ---------- */
.join{position:relative;overflow:hidden}
.join .h2{max-width:12ch}
.jgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:56px}
.jt{display:flex;flex-direction:column;padding:28px;min-height:260px;background:var(--night2);text-decoration:none;transition:background .25s}
.jt:hover{background:var(--night3)}
.jt h3{font-size:32px;line-height:1}
.jt p{color:var(--mist);font-size:16px;margin-top:12px;line-height:1.5}
.jt .act{margin-top:auto;padding-top:20px;font-weight:600;display:flex;justify-content:space-between}
.jt.hot{background:var(--red-fill);color:#fff}.jt.hot p{color:#fff}.jt.hot:hover{background:#b8321f}
.nl{margin-top:12px;background:var(--paper);color:var(--night);color-scheme:light;display:grid;grid-template-columns:1fr 1.1fr;gap:28px 56px;padding:clamp(28px,4vw,52px)}
.nl h3{font-size:clamp(34px,3.4vw,50px);line-height:1}
.nl p{color:var(--stone);margin-top:12px;max-width:44ch}
.nl label[for]{display:block;font-weight:600;margin-bottom:8px}
.nl .r{display:flex;gap:8px}
.nl input[type=email]{flex:1;min-width:0;font:inherit;color:var(--night);background:#fff;border:2px solid transparent;padding:12px 16px;min-height:56px;border-radius:0}
.nl input[type=email]:focus{border-color:var(--night);outline:none}
.nl .chk{display:flex;gap:12px;align-items:flex-start;margin-top:14px;font-size:14.5px;line-height:1.45}
.nl .chk input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:#B8321F}
.nl .m{min-height:1.4em;margin-top:8px;font-size:15px;font-weight:600}
@media(max-width:900px){.jgrid,.nl{grid-template-columns:1fr}.jt{min-height:0}}
@media(max-width:520px){.nl .r{flex-direction:column}.nl .b{justify-content:center}}

/* ---------- piede ---------- */
.foot{padding:72px 0 calc(40px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-d)}
.fgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.fgrid img{width:min(260px,70%)}
.fgrid p{color:var(--mist);font-size:15px;margin-top:16px;max-width:34ch}
.fgrid .fh{font:600 15px var(--sans);color:var(--mist);margin:0 0 12px}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fgrid a{text-decoration:none;color:var(--paper);font-size:16px}
.fgrid a:hover{color:var(--red)}
.legal{margin-top:56px;font-size:14px;color:var(--mist);display:flex;flex-wrap:wrap;gap:8px 24px}
.legal a{color:var(--mist)}
@media(max-width:800px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}}

/* ---------- barra azioni su telefono ---------- */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;grid-template-columns:1.3fr 1fr 1fr;gap:2px;padding:8px var(--gutr) calc(8px + env(safe-area-inset-bottom,0px)) var(--gut);background:rgba(10,15,29,.97);box-shadow:0 -1px 0 var(--line-d);transform:translateY(110%);transition:transform .4s var(--ease)}
.dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;text-decoration:none;font-size:13px;color:var(--mist);background:var(--night2)}
.dock a b{font-size:15px;color:var(--paper)}
.dock a.q{background:var(--red-fill);color:#fff}.dock a.q b{color:#fff}
.dock.on{transform:none}
@media(max-width:860px){.dock{display:grid}body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}

/* ---------- comparsa ---------- */
.rv{opacity:1}
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
.js .rv.in{opacity:1;transform:none}

/* ================= PAGINA TEMA ================= */
.th{position:relative;overflow:hidden;margin-top:-72px;padding:150px 0 0;background:var(--night)}
.crumb{display:flex;gap:10px;font-size:15px;color:var(--mist);flex-wrap:wrap}
.crumb a{color:var(--mist);text-decoration:none}.crumb a:hover{color:var(--paper)}
.swap{margin-top:40px;font:700 clamp(84px,15vw,230px)/.84 var(--serif);font-size:min(clamp(60px,15vw,230px),calc((min(100vw,1240px) - 48px) / (var(--n,9) * .58)));letter-spacing:-.035em}
.swap .old{display:block;color:var(--mist);position:relative;width:max-content;max-width:100%}
.swap .old::after{content:"";position:absolute;left:-1%;right:-1%;top:52%;height:.075em;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease) .35s}
.swap .new{display:block;color:var(--red);opacity:0;transform:translateY(.12em);transition:opacity .8s var(--ease) 1s,transform 1s var(--ease) 1s}
.th.go .swap .old::after{transform:scaleX(1)}.th.go .swap .new{opacity:1;transform:none}
.th h1{font:700 clamp(26px,2.6vw,36px)/1.15 var(--serif);margin-top:36px;color:var(--paper)}
.th .motto{font-size:clamp(19px,1.6vw,22px);color:#C9CED9;margin-top:10px;max-width:46ch}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-top:48px}
.facts>*{background:var(--night2);padding:18px 20px;text-decoration:none;display:block}
.facts b{display:block;font:700 30px/1 var(--num);font-variant-numeric:tabular-nums}
.facts span{display:block;font-size:14px;color:var(--mist);margin-top:8px;line-height:1.35}
.facts a:hover{background:var(--night3)}
@media(max-width:760px){.facts{grid-template-columns:1fr 1fr}}
.prog{position:fixed;left:0;top:0;height:3px;background:var(--red);width:100%;transform:scaleX(var(--p,0));transform-origin:left;z-index:60}

.tbody{background:var(--rd-bg);color:var(--rd-fg)}
.tgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;padding-top:80px;padding-bottom:100px}
.tmain{min-width:0;max-width:760px}
.side{position:sticky;top:96px;align-self:start;display:grid;gap:20px}
.side .sh4{font:600 15px var(--sans);color:var(--rd-mu);margin:0}
.side ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.side ol a{display:block;padding:7px 12px;text-decoration:none;font-size:15px;line-height:1.35;color:var(--rd-mu);border-left:3px solid transparent;transition:color .2s,border-color .2s,background .2s}
.side ol a:hover{color:var(--rd-fg)}
.side ol a.on{color:var(--rd-fg);border-left-color:var(--rd-red);background:var(--rd-bg2)}
.side .cta{display:grid;gap:8px}
.side .b{justify-content:space-between;width:100%;font-size:16px;min-height:50px}
.side .b-ink{background:var(--rd-fg);color:var(--rd-bg)}
@media(max-width:1000px){.tgrid{grid-template-columns:1fr;gap:0}.side{display:none}}

.t30{background:var(--rd-fg);color:var(--rd-bg);padding:clamp(26px,3.6vw,44px)}
.t30 h2{font:700 clamp(30px,3vw,42px)/1 var(--serif)}
.t30 ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.t30 li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:18px;line-height:1.45}
.t30 li::before{content:"";width:14px;height:3px;background:var(--red);margin-top:.72em}
.t30 li b{font-weight:600}
.blk{margin-top:88px}
.blk>h2{font:700 clamp(40px,4.4vw,64px)/.98 var(--serif);letter-spacing:-.02em}
.prob{display:grid;gap:22px;margin-top:28px}
.prob .big{font:700 clamp(84px,9vw,132px)/.82 var(--num);letter-spacing:-.04em;color:var(--rd-red)}
.prob .big small{display:block;font:600 16px/1.3 var(--sans);letter-spacing:0;color:var(--rd-mu);margin-top:12px}
.prob p{font-size:19px;line-height:1.6}
.pts{display:grid;gap:2px;margin-top:28px}
.pt{background:var(--rd-bg2);padding:26px 28px 22px;scroll-margin-top:96px}
.pt h3{font:700 clamp(26px,2.4vw,32px)/1.08 var(--serif)}
.pt .tx{margin-top:12px;font-size:18px;line-height:1.62}
.pt .tx.cl{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pt .ft{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:16px;align-items:center}
.pt .ft button,.pt .ft a{font:600 15px var(--sans);color:var(--rd-fg);background:none;border:0;padding:8px 0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rd-red);text-decoration-thickness:2px;text-underline-offset:5px;min-height:40px}
.pt .ft .more{text-decoration:none;color:var(--rd-red)}
.pt.open .tx.cl{display:block}
.tco{margin-top:28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;align-items:start}
.tco .big{font:700 clamp(84px,9vw,132px)/.82 var(--num);letter-spacing:-.04em}
.tco .big small{display:block;font:600 15px var(--sans);letter-spacing:0;color:var(--rd-mu);margin-top:14px}
.tco p{font-size:17px;line-height:1.6;margin-bottom:12px}
.tco .cov{background:var(--rd-bg2);padding:16px 18px;font-size:16px}
@media(max-width:640px){.tco{grid-template-columns:1fr;gap:18px}}
.obj{margin-top:28px;display:grid;gap:2px}
.obj details{background:var(--rd-bg2)}
.obj summary{list-style:none;cursor:pointer;padding:22px 64px 22px 26px;position:relative;font:700 clamp(21px,1.9vw,26px)/1.2 var(--serif)}
.obj summary::-webkit-details-marker{display:none}
.obj summary::after{content:"";position:absolute;right:26px;top:50%;width:18px;height:3px;background:var(--rd-red);box-shadow:none;transition:transform .3s}
.obj summary::before{content:"";position:absolute;right:33.5px;top:calc(50% - 7.5px);width:3px;height:18px;background:var(--rd-red);transition:transform .3s var(--ease)}
.obj details[open] summary::before{transform:scaleY(0)}
.obj .an{padding:0 26px 24px;font-size:17px;line-height:1.6}
.obj .an .src{font-size:14px;color:var(--rd-mu);margin-top:10px}
.obj .an .src a{color:var(--rd-mu)}
.you{margin-top:88px;background:var(--night);color:var(--paper);padding:clamp(28px,4vw,52px)}
.you h2{font:700 clamp(36px,3.8vw,56px)/1 var(--serif)}
.you p{color:var(--mist);margin-top:14px;max-width:52ch}
.vote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px}
.vote button{font:700 22px var(--serif);min-height:72px;border:0;cursor:pointer;background:var(--night3);color:var(--paper);transition:background .2s}
.vote button:hover{background:var(--red-fill)}
.vote button[aria-pressed=true]{background:var(--paper);color:var(--night)}
.vres{margin-top:18px;min-height:1.5em;color:#C9CED9}
.vres a{color:var(--paper);font-weight:600}
@media(max-width:520px){.vote{grid-template-columns:1fr}}
.srcs{margin-top:88px;font-size:15px;color:var(--rd-mu)}
.srcs summary{cursor:pointer;font-weight:600;color:var(--rd-fg);min-height:44px;display:flex;align-items:center}
.srcs ul{padding-left:20px;margin:10px 0 0;display:grid;gap:6px}
.srcs a{color:var(--rd-mu)}
.next{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--night)}
.next a{padding:56px 40px 56px max(var(--gut),calc((100vw - var(--max))/2 + 20px));min-width:0;text-decoration:none;display:block;background:var(--night2);transition:background .25s}
.next a:hover{background:var(--red-fill)}
.next small{font-size:15px;color:var(--mist)}
.next a:hover small{color:rgba(255,255,255,.8)}
.next b{display:block;font:700 clamp(30px,3.6vw,52px)/1 var(--serif);margin-top:10px}
.next .r{text-align:right;padding:56px max(var(--gutr),calc((100vw - var(--max))/2 + 20px)) 56px 40px}
@media(max-width:700px){.next{grid-template-columns:1fr}.next .r{text-align:left;padding:40px var(--gutr) 40px var(--gut)}.next a{padding:40px var(--gutr) 40px var(--gut)}}

@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
 .js .rv{opacity:1;transform:none}
}

/* ---------- pezzi in comune con il resto del sito ---------- */
.nl .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.nlf.ok .m{color:var(--night)}
.gl{color:inherit;text-decoration:underline dotted;text-decoration-color:var(--rd-mu);text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:help}
.gl:hover,.gl[aria-expanded="true"]{text-decoration-color:var(--rd-red);text-decoration-style:solid}
.glp{position:absolute;z-index:70;width:min(340px,calc(100vw - 24px));background:var(--night);color:var(--paper);padding:14px 16px 12px;font-size:15px;line-height:1.45;box-shadow:0 16px 36px rgba(0,0,0,.35);border-top:3px solid var(--red)}
.glp b{display:block;font:700 20px var(--serif);margin:0 0 4px}
.glp p{margin:0 0 8px}.glp a{color:inherit;font-size:13.5px;opacity:.75}
.ex{margin-top:2px;background:var(--rd-fg);color:var(--rd-bg);padding:26px 28px;font-size:17px;line-height:1.6}
.ex strong{font:700 22px/1.2 var(--serif);display:block;margin-bottom:8px}
/* il riepilogo per i giovani */
.gx{margin-top:2px;background:var(--rd-bg2);padding:26px 28px}
.gx .k{display:none}
.gx h3{font:700 clamp(24px,2.2vw,30px)/1.1 var(--serif);max-width:24ch}
.gxc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:20px 28px;margin-top:20px}
.gx h4{font:700 16px var(--sans);margin:0 0 8px}
.gx ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15.5px;line-height:1.35}
.gx a{color:var(--rd-fg);text-decoration-color:var(--rd-red);text-underline-offset:4px}
.gx li span{display:block;font-size:13.5px;color:var(--rd-mu)}
/* tutti i temi in fondo */
.allt{background:var(--night);padding:56px 0 64px}
.allt h2{font:700 clamp(28px,2.8vw,40px)/1 var(--serif)}
.allt ul{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.allt a{display:block;padding:10px 14px;background:var(--night2);text-decoration:none;font-size:15px;color:var(--mist);transition:background .2s,color .2s}
.allt a:hover{background:var(--night3);color:var(--paper)}
.allt a[aria-current]{background:var(--paper);color:var(--night)}
.th .crumb a[href]{text-decoration:underline;text-decoration-color:rgba(244,241,234,.3);text-underline-offset:4px}
.foot .flg{display:flex;align-items:center;gap:12px;margin-top:22px;font:700 18px var(--serif);color:var(--paper)}
.foot .flg svg{width:42px;height:28px;flex:none}

/* ---------- movimento (GSAP, Lenis) ---------- */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.js .hero .sub,.js .hero .cta,.js .hero .proof li{opacity:0}
.hero.clear .sub,.hero.clear .cta,.hero.clear .proof li{opacity:1;transition:opacity .7s .45s}
.gsap .hero .sub,.gsap .hero .cta,.gsap .hero .proof li,.gsap .hero h1 .wd,.gsap .swap .new,.gsap .bars .tr i,.gsap .rv{transition:none}
.gsap .hero h1 .ch{display:inline-block}
.ln{padding-bottom:.06em;margin-bottom:-.06em}
.rad.pin .arrows{display:none}

/* azioni sotto ogni proposta: stessa altezza, stessa linea */
.pt .ft{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:14px}
.pt .ft>a,.pt .ft>button{display:inline-flex;align-items:center;height:44px;min-height:0;padding:0;margin:0;font:600 15px/1 var(--sans);vertical-align:middle;background:none;border:0;color:var(--rd-fg);cursor:pointer;text-decoration:underline;text-decoration-color:var(--rd-red);text-decoration-thickness:2px;text-underline-offset:6px;-webkit-appearance:none;appearance:none}
.pt .ft>.more{text-decoration:none;color:var(--rd-red)}

/* ================= STRUMENTI ================= */
.tlh{padding-bottom:56px}
.tlt{font:700 clamp(56px,9vw,128px)/.9 var(--serif)!important;letter-spacing:-.03em;margin-top:30px!important}
.tlh .motto{font-size:clamp(19px,1.7vw,23px);max-width:44ch;margin-top:18px}
/* fai tu il conto */
.ct{padding:56px 0 96px}
.ct-pre{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px}
.ct-pre span{font-weight:600;margin-right:6px;color:var(--rd-mu)}
.ct-pre button{font:600 15px var(--sans);padding:11px 16px;min-height:44px;border:0;background:var(--rd-bg2);color:var(--rd-fg);cursor:pointer;transition:background .2s,color .2s}
.ct-pre button:hover{background:var(--rd-fg);color:var(--rd-bg)}
.ct-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.ct-cols{display:grid;gap:48px}
.ct h2{font:700 clamp(28px,2.8vw,40px)/1 var(--serif);margin-bottom:16px}
.ct-ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ct-i{position:relative;background:var(--rd-bg2);transition:background .2s}
.ct-sw{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:16px 18px;padding-right:18px;background:none;border:0;font:inherit;color:var(--rd-fg);text-align:left;cursor:pointer}
.ct-k{width:42px;height:24px;border-radius:12px;background:var(--rd-line);position:relative;transition:background .2s}
.ct-k::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--rd-bg);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .22s var(--ease)}
.ct-i.on .ct-k{background:var(--red-fill)}
.ct-i.on .ct-k::after{transform:translateX(18px);background:#fff}
#ct-cop .ct-i.on .ct-k{background:#2E7D5B}
.ct-t b{display:block;font-weight:600;font-size:16.5px;line-height:1.3}
.ct-t small{display:block;font-size:13.5px;color:var(--rd-mu);margin-top:3px}
.ct-v{font:700 19px/1 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.45;transition:opacity .2s}
.ct-i.on .ct-v{opacity:1}
.ct-l{position:absolute;right:18px;bottom:6px;font-size:12.5px;color:var(--rd-mu)}
.ct-i:has(.ct-l) .ct-sw{padding-bottom:28px}
.ct-z{font-size:15px;color:var(--rd-mu);margin-top:14px;line-height:1.55}
.ct-z a{color:var(--rd-fg)}
.ct-sum{position:sticky;top:96px;background:var(--night);color:var(--paper);padding:28px 26px}
.ct-lab{font-weight:600;color:var(--mist);font-size:15px}
.ct-s{font:700 clamp(64px,6vw,92px)/.9 var(--num);margin-top:8px;font-variant-numeric:tabular-nums;transition:color .2s}
.ct.pos .ct-s{color:#5FD08A}.ct.neg .ct-s{color:var(--red)}
.ct-u{color:var(--mist);font-size:14px;margin-top:6px}
.ct-bars{display:grid;gap:12px;margin-top:22px}
.ct-bars div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:14px;color:var(--mist)}
.ct-bars b{font:700 17px var(--sans);color:var(--paper);font-variant-numeric:tabular-nums}
.ct-bars i{grid-column:1/-1;height:10px;background:rgba(244,241,234,.1);position:relative;overflow:hidden}
.ct-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0);background:var(--paper);transition:width .5s var(--ease)}
.ct-bars .p i::after{background:#5FD08A}
.ct-m{margin-top:20px;font:700 20px/1.25 var(--serif)}
.ct-n{margin-top:8px;font-size:14px;color:var(--mist)}
.ct-sum .b{margin-top:20px;width:100%;justify-content:space-between}
.ct-f{font-size:13px;color:var(--mist);margin-top:12px;line-height:1.45}
@media(max-width:980px){.ct-g{grid-template-columns:1fr}.ct-sum{position:sticky;top:72px;z-index:5;order:-1;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center}
 .ct-sum .ct-lab{grid-column:1/-1}.ct-s{font-size:48px;margin:0}.ct-u{margin:0}.ct-bars{display:none}.ct-m{grid-column:1/-1;font-size:16px;margin-top:8px}
 .ct-n,.ct-sum .b,.ct-f{display:none}}
/* cosa cambia per me */
.pm{padding:56px 0 96px}
.pm-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.pm-q{position:sticky;top:96px}
.pm h2{font:700 clamp(26px,2.6vw,36px)/1.05 var(--serif);margin:0 0 14px}
.pm-q h2+.pm-ch{margin-bottom:32px}
.pm-h{color:var(--rd-mu);font-size:15px;margin:-6px 0 12px}
.pm-ch{display:flex;flex-wrap:wrap;gap:8px}
.pm-ch button{font:600 15.5px var(--sans);padding:12px 16px;min-height:46px;border:2px solid var(--rd-line);background:var(--rd-bg);color:var(--rd-fg);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.pm-ch button:hover{border-color:var(--rd-fg)}
.pm-ch button[aria-pressed=true]{background:var(--rd-fg);color:var(--rd-bg);border-color:var(--rd-fg)}
.pm-pv{font-size:14px;color:var(--rd-mu);margin-top:22px}
.pm-rs{font:inherit;background:none;border:0;color:var(--rd-fg);text-decoration:underline;cursor:pointer;padding:0}
.pm-c{display:flex;align-items:flex-end;gap:16px;border-bottom:4px solid var(--rd-fg);padding-bottom:16px;margin-bottom:8px}
.pm-c b{font:700 clamp(84px,9vw,128px)/.8 var(--num);color:var(--rd-red);font-variant-numeric:tabular-nums}
.pm-c span{font:700 clamp(20px,2vw,26px)/1.1 var(--serif);padding-bottom:6px;max-width:14ch}
.pm-empty{color:var(--rd-mu);font-size:17px;padding:24px 0}
#pm-res h3{font:600 15px var(--sans);color:var(--rd-mu);margin:26px 0 10px}
.pm-l{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pm-l a{display:grid;gap:6px;padding:20px 22px;background:var(--rd-bg2);text-decoration:none;color:var(--rd-fg);transition:background .2s,box-shadow .2s;animation:pmIn .45s var(--ease) both}
.pm-l a:hover{box-shadow:inset 4px 0 0 var(--rd-red)}
.pm-t{font-size:13.5px;font-weight:600;color:var(--rd-red)}
.pm-l b{font:700 22px/1.15 var(--serif)}
.pm-x{font-size:16px;line-height:1.5}
.pm-go{font-size:14px;font-weight:600;margin-top:4px}.pm-go i{font-style:normal}
@keyframes pmIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pm-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pm-act .b-ink{background:var(--rd-fg);color:var(--rd-bg)}
@media(max-width:900px){.pm-g{grid-template-columns:1fr;gap:36px}.pm-q{position:static}}
/* strumenti in home */
.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:48px}
.tool{display:flex;flex-direction:column;min-height:300px;padding:30px;text-decoration:none;background:var(--night2);transition:background .25s}
.tool:hover{background:var(--night3)}
.tool .tk{font-size:15px;font-weight:600;color:#F26B59}
.tool h3{font:700 clamp(34px,3.4vw,50px)/1 var(--serif);margin-top:10px}
.tool p{color:var(--mist);margin-top:14px;max-width:40ch}
.tool .act{margin-top:auto;padding-top:22px;font-weight:600;display:flex;justify-content:space-between}
.tool.hot{background:var(--paper);color:var(--night)}.tool.hot p{color:var(--stone)}.tool.hot:hover{background:#E8E2D4}.tool.hot .tk{color:var(--red-ink)}
@media(max-width:760px){.tools{grid-template-columns:1fr}.tool{min-height:0}}
@media (prefers-reduced-motion:reduce){.pm-l a{animation:none}}
.pm-jump{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--red-fill);color:#fff;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 10px 26px rgba(0,0,0,.3);white-space:nowrap}
.pm-jump b{font:700 18px var(--sans)}
@media(min-width:900px){.pm-jump{display:none!important}}
[hidden]{display:none!important}

/* ---------- menu principale con le sezioni ---------- */
.obar .mn a{margin:0!important;font-size:inherit!important;white-space:normal}
.obar .mn .mi>a{white-space:nowrap}
.obar .mn .cv{display:inline-block!important;flex:none;position:static!important;width:9px!important;height:9px!important;padding:0;margin:0;background:none}
.obar .mn{display:flex;flex-wrap:nowrap;width:auto;align-items:center;gap:4px;margin-left:auto;font:16px/1.2 'Instrument Sans',system-ui,sans-serif}
.mi{position:relative}
.mi>a{display:flex;align-items:center;gap:6px;padding:10px 12px;color:#98A1B5;text-decoration:none;transition:color .2s}
.mi>a:hover,.mi>a[aria-current],.mi:focus-within>a{color:#F4F1EA}
.mi>a .cv{width:9px;height:9px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.mi:hover>a .cv,.mi:focus-within>a .cv{transform:translateY(1px) rotate(225deg)}
.sub{position:absolute;left:0;top:100%;min-width:300px;padding:10px;background:#111829;box-shadow:0 18px 40px rgba(0,0,0,.4),inset 0 3px 0 #E0493A;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .22s cubic-bezier(.2,.75,.15,1),visibility 0s .22s;z-index:45}
.mi:hover>.sub,.mi:focus-within>.sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mi.r>.sub{left:auto;right:0}
.sub a{display:block;padding:11px 14px;text-decoration:none;color:#F4F1EA;transition:background .15s}
.sub a:hover,.sub a:focus-visible{background:#1A2236}
.sub b{display:block;font-weight:600;font-size:16px}
.sub span{display:block;font-size:14px;color:#98A1B5;margin-top:3px;line-height:1.35}
.sub a[aria-current] b{color:#E0493A}
@media(max-width:1180px){.mn{font-size:15px}.mi>a{padding:10px 8px}}
@media(max-width:960px){
 .obar .mn{display:none}
 .obar .go{display:none}
 .obar .mb{display:block}
 .obar.open .mn{display:block;width:auto;position:fixed;inset:calc(72px + env(safe-area-inset-top,0px)) 0 0;background:#0A0F1D;padding:8px max(20px,env(safe-area-inset-right,0px)) 48px max(20px,env(safe-area-inset-left,0px));overflow:auto;overscroll-behavior:contain}
 .obar.open .mi{border-bottom:1px solid rgba(244,241,234,.12);padding:14px 0}
 .obar.open .mi>a{font:700 30px/1.1 'Bodoni Moda',Georgia,serif;color:#F4F1EA;padding:4px 0}
 .obar.open .mi>a .cv{display:none}
 .obar.open .sub{position:static;opacity:1;visibility:visible;transform:none;background:none;box-shadow:none;padding:6px 0 0;min-width:0;grid-template-columns:1fr 1fr;gap:0 16px}
 .obar.open .sub a{padding:7px 0}
 .obar.open .sub b{font-size:16px;font-weight:400;color:#C9CED9}
 .obar.open .sub span{display:none}
 .obar.open .mquiz{display:flex;margin-top:22px;background:#D03B2C;color:#fff;font:600 17px 'Instrument Sans',sans-serif;padding:16px 18px;text-decoration:none;justify-content:space-between}
}
.mquiz{display:none}
@media (prefers-reduced-motion:reduce){.sub,.mi>a .cv{transition:none}}