/* ===== LE SEZIONI DELLA HOME, PRESE IN PRESTITO DALLE LANDING =====

   NON SI MODIFICA A MANO. Questo foglio lo scrive _estrai_sezioni.py
   ritagliandolo dalla home: ogni modifica fatta qui sparisce al primo
   rilancio. Si cambia la home, poi si rilancia il comando.

   COS'E'
   Il vestito di cinque pezzi che nascono nella home e vivono anche sulle
   landing: la barra in cima, il ritratto di Bruno con il diario, i
   musicisti, le citazioni e i rivenditori.

   PERCHE'
   Le landing erano nate prima del sito, ognuna con la sua testata e il
   suo modo di raccontare. Chi ci arrivava da una ricerca vedeva un altro
   marchio, un altro menu, un'altra azienda.

   LE VARIABILI VENGONO RIDICHIARATE, e non e' un vezzo: le landing hanno
   un :root loro, e per loro --m NON e' il monospaziato, e' pragmatica. Le
   sezioni importate se lo porterebbero dietro e tutte le etichette
   verrebbero col font sbagliato. Ridichiarandole sui contenitori, da li'
   in giu' valgono quelle della home e fuori non cambia niente.
   ================================================================= */

.hubnav, .bruno, .playersblock, .says, .dealers{
  --g: "pragmatica","Helvetica Neue",Helvetica,Arial,sans-serif;
  --m: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ink: #f1ede6;
  --paper: #0b0a09;
  --rust: #d6532b;
  --muted: #8f887b;
  --line: rgba(255,255,255,.13);
}

/* Il margine laterale.
   Sulla home i musicisti e le citazioni stanno dentro a <main class="pad">,
   che glielo da'. Sulle landing no: erano appoggiate direttamente nel
   corpo e partivano incollate al bordo, con la prima foto tagliata a
   meta'. Qui se lo prendono da sole, ma solo quando nessuno gliel'ha gia'
   dato: dentro a un .pad la regola non si applica e la home resta
   esattamente com'era. La formula e' la stessa colonna del resto del
   sito, cosi' le sezioni si allineano al pixel con la testata e il piede. */
:not(.pad) > .playersblock,
:not(.pad) > .says{
  padding-left: max(2.5%, calc((100% - var(--bacci-max, 1200px)) / 2));
  padding-right: max(2.5%, calc((100% - var(--bacci-max, 1200px)) / 2));
}

.up{text-transform:uppercase}
.rv{opacity:0;transform:translateY(26px);transition:.9s cubic-bezier(.2,.7,.2,1)}
.rv.s{opacity:1;transform:none}
.tourdates .tour-list{margin:30px auto 0;max-width:1000px;border-top:1px solid var(--line)}
.tourdates .tour-row{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);color:var(--ink)}
.tourdates .tr-date{font-family:var(--m);line-height:1.2}
.tourdates .tr-date b{display:block;font-size:16px;color:var(--ink);font-weight:700}
.tourdates .tr-date i{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tourdates .tr-main b{font-family:var(--g);font-size:17px;color:var(--ink);display:block;margin-bottom:3px;font-weight:600}
.tourdates .tr-main small{font-family:var(--g);font-size:12.5px;color:var(--muted);display:block}
.tourdates .tour-cb{position:absolute;width:0;height:0;opacity:0}
.tourdates .tour-list .tour-row:nth-child(n+4){display:none}
.tourdates .tour-cb:checked ~ .tour-list .tour-row:nth-child(n+4){display:grid}
.tourdates .tour-toggle{display:block;width:max-content;margin:28px auto 0;cursor:pointer;font-family:var(--m);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--rust);border:1px solid var(--line);padding:13px 26px;background:transparent}
.tourdates .tour-toggle:hover{color:var(--ink);border-color:var(--rust)}
.tourdates .tt-less{display:none}
.tourdates .tour-cb:checked ~ .tour-toggle .tt-more{display:none}
.tourdates .tour-cb:checked ~ .tour-toggle .tt-less{display:inline}
@media(max-width:720px){.tourdates .tour-row{grid-template-columns:66px 1fr;gap:12px}}
.rv.d1{transition-delay:.09s}
.rv.d2{transition-delay:.18s}
.rv.d3{transition-delay:.27s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.pad{padding:0 max(20px,5vw)}
nav .logo{height:18px;justify-self:start}
.hero .top{grid-column:1/13;grid-row:1;align-self:start;padding-top:18px;display:flex;justify-content:space-between;font-family:var(--m);font-size:11px;letter-spacing:.2em;color:var(--muted);border-top:1px solid var(--line)}
.hero h1 .l2{display:block;text-align:right;padding-right:1vw}
.sh{display:flex;justify-content:space-between;align-items:baseline;padding:130px 0 26px;border-bottom:1px solid var(--ink)}
.sh .t{font-family:var(--m);font-size:12px;letter-spacing:.24em}
.sh h2{font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.01em}
.index .no{font-family:var(--m);font-size:14px;color:var(--rust)}
.index .nm{font-size:clamp(34px,6vw,88px);font-weight:700;letter-spacing:-.03em;text-transform:uppercase;line-height:.9;transition:color .3s}
.index .thumb{position:absolute;right:26%;top:50%;transform:translateY(-50%) scale(.92);width:210px;height:270px;object-fit:contain;opacity:0;pointer-events:none;transition:.4s;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25));z-index:2}
.index a:hover .thumb{opacity:1;transform:translateY(-50%) scale(1)}
.index a:hover .nm{color:var(--rust)}
.spread .art{grid-column:1/6;position:relative}
.spread.rev .art{grid-column:8/13;order:2}
.spread .art .plate{aspect-ratio:4/5;background:#000 center/contain no-repeat;background-size:82%;position:relative}
.spread .art .cap{font-family:var(--m);font-size:10.5px;letter-spacing:.14em;color:var(--muted);margin-top:12px;text-transform:uppercase}
.spread .tx{grid-column:7/13}
.spread.rev .tx{grid-column:1/6}
.spread .no{font-family:var(--m);font-size:13px;letter-spacing:.16em;color:var(--rust)}
.spread .lead{font-size:clamp(17px,1.7vw,22px);color:#c7c1b6;line-height:1.4;max-width:34ch;margin-bottom:22px}
.spread .art .plate{transition:background-image .2s ease}
.spread .specs .l{font-family:var(--m);font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-top:3px}
.feature.featphoto .three{border-top-color:var(--line)}
.feature.featphoto .three{margin-top:0}
.feathero .fh-three .no{font-family:var(--m);font-size:12px;color:var(--rust)}
.feature .k{font-family:var(--m);font-size:12px;letter-spacing:.26em;color:var(--rust);margin-bottom:22px}
.feature .three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;text-align:left;border-top:1px solid var(--ink);padding-top:26px}
.feature .three .c .n{font-family:var(--m);font-size:12px;color:var(--rust)}
.feature .three .c h4{font-size:20px;font-weight:700;margin:8px 0 6px}
.feature .three .c p{margin:0;font-size:13.5px;color:var(--muted);max-width:none}
.players{padding:120px 0 40px}
.sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sc{position:relative;aspect-ratio:3/4;overflow:hidden}
.sc img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:.5s}
.sc:hover img{filter:none;transform:scale(1.04)}
.sc .g{position:absolute;inset:0;background:linear-gradient(transparent 55%,#000c)}
.sc figcaption{position:absolute;left:10px;bottom:10px;font-family:var(--m);font-size:10px;letter-spacing:.08em;color:#fff}
.marq{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;padding:24px 0;white-space:nowrap;margin-top:40px}
.marq .t{display:inline-block;animation:sx 28s linear infinite;font-size:clamp(28px,5vw,66px);font-weight:700;text-transform:uppercase;letter-spacing:-.02em}
.marq .t span{color:var(--muted)}
.marq .t b{color:var(--rust)}
.duo .card .g{position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#000000bf)}
.duo .card .no{font-family:var(--m);font-size:11px;letter-spacing:.22em;color:#e7c9a0}
.duo .card .go{display:inline-block;margin-top:20px;font-family:var(--m);font-size:11px;letter-spacing:.18em;border:1px solid rgba(255,255,255,.5);padding:12px 22px;text-transform:uppercase}
.crea .chead .k{font-family:var(--m);font-size:12px;letter-spacing:.26em;color:var(--rust);margin-bottom:22px}
.sig-copy .k{color:var(--rust)}
.dealers{padding:130px max(20px,5vw) 120px;border-top:1px solid var(--line)}
.dealers .dsh{max-width:820px}
.dealers .dsh .k{font-family:var(--m);font-size:12px;letter-spacing:.26em;color:var(--rust);margin-bottom:22px}
.dealers .dsh h2{font-size:clamp(40px,7.2vw,96px);font-weight:700;letter-spacing:-.045em;line-height:.9;margin:0}
.dealers .dsh p{font-size:15px;color:var(--muted);max-width:580px;margin:24px 0 0;line-height:1.75}
.dl .loc{font-family:var(--m);font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;line-height:1.7}
.dstrip .lbl{color:var(--rust);margin-right:10px}
.end .k{font-family:var(--m);font-size:12px;letter-spacing:.26em;color:var(--rust);margin-bottom:26px}
.end .go{display:inline-block;margin-top:40px;font-family:var(--m);font-size:12px;letter-spacing:.2em;background:var(--ink);color:var(--paper);padding:18px 36px}
.end .note{margin-top:18px;font-family:var(--m);font-size:11px;letter-spacing:.06em;color:var(--muted)}
.fcols .brand .logo{height:22px}
.stage .tx{grid-column:8/13}
.stage .k{font-family:var(--m);font-size:11px;letter-spacing:.24em;color:var(--rust)}
.stage .stat .n{font-size:clamp(40px,5vw,74px);font-weight:700;letter-spacing:-.03em}
.stage .stat .l{font-family:var(--m);font-size:11px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;line-height:1.5}
.says{padding:120px 0;border-bottom:1px solid var(--line)}
.says .k{font-family:var(--m);font-size:12px;letter-spacing:.3em;color:var(--muted);text-align:center}
.says h2{text-align:center;font-size:clamp(40px,7vw,124px);font-weight:700;letter-spacing:-.04em;text-transform:uppercase;line-height:.86;margin:14px 0 50px}
.saysrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tcard{border:1px solid var(--line);border-radius:6px;padding:34px 30px;display:flex;flex-direction:column;background:#111010}
.tcard .qm{font-family:Georgia,serif;font-size:64px;line-height:.5;color:var(--rust);height:30px}
.tcard .qt{font-weight:700;text-transform:uppercase;font-size:19px;letter-spacing:-.01em;line-height:1.2;margin:20px 0 auto}
.tcard .nm{font-family:var(--m);font-size:12px;letter-spacing:.12em;color:var(--rust);text-transform:uppercase;margin-top:28px}
.tcard .ro{font-family:var(--m);font-size:11px;color:var(--muted);margin-top:5px}
.tcard .pill{margin-top:18px;align-self:flex-start;font-family:var(--m);font-size:11px;color:#c7c1b6;border:1px solid var(--line);border-radius:20px;padding:8px 15px}
.watch .k{font-family:var(--m);font-size:12px;letter-spacing:.3em;color:var(--muted)}
.vc .g{position:absolute;inset:0;background:linear-gradient(transparent 45%,#000000d9)}
.vc .cap .t{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.expf .g{position:absolute;inset:0;background:linear-gradient(90deg,#000000e6,#00000082 52%,#00000030)}
.expf .k{font-family:var(--m);font-size:12px;letter-spacing:.26em;color:var(--rust)}
.expf .facts{margin-top:26px;font-family:var(--m);font-size:12px;letter-spacing:.14em;color:#c7c1b6;text-transform:uppercase}
.toscab{position:relative;min-height:72vh;display:flex;align-items:flex-end;overflow:hidden;border-top:1px solid var(--line)}
.toscab>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.toscab .g{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,10,9,.95),transparent 70%)}
.toscab .c{position:relative;z-index:2;padding:60px clamp(20px,4vw,64px)}
.toscab .k{font-family:var(--m);font-size:11px;letter-spacing:.24em;color:var(--rust)}
.toscab h2{font-size:clamp(40px,6vw,108px);font-weight:700;letter-spacing:-.04em;line-height:.86;text-transform:uppercase;margin:12px 0}
.toscab p{color:#c7c1b6;max-width:42ch;line-height:1.6}
@media (max-width:860px){.stage .vid,.stage .tx{grid-column:1}.saysrow,.vgrid{grid-template-columns:1fr}}
@media (max-width:860px){.index .me,.index .thumb{display:none}.spread .art,.spread.rev .art,.spread .tx,.spread.rev .tx{grid-column:1;order:0}.spread .art .plate{aspect-ratio:4/3}.feature .three{grid-template-columns:1fr}.sheet{grid-template-columns:repeat(2,1fr)}}
.bruno{border-bottom:1px solid var(--line);padding:100px 0 116px}
.bruno .binn{width:90%;max-width:1340px;margin:0 auto;padding:0}
.bruno .head{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:end}
.bruno .head .k{grid-column:1/6;font-family:var(--m);font-size:12px;letter-spacing:.24em;color:var(--rust)}
.bruno .head h2{grid-column:1/10;font-size:clamp(38px,5.6vw,102px);font-weight:700;letter-spacing:-.035em;line-height:.86;text-transform:uppercase;margin-top:16px}
.bruno .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:58px;align-items:start}
.bruno .port{grid-column:1/6}
.bruno .port img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}
.bruno .port .cap{font-family:var(--m);font-size:10.5px;letter-spacing:.14em;color:var(--muted);margin-top:12px;text-transform:uppercase}
.bruno .body{grid-column:6/9;padding-top:2px}
.bruno .body p{color:#c7c1b6;line-height:1.8;font-size:15px}
.bruno .body p+p{margin-top:14px}
.bruno .body .bq{margin-top:28px;font-weight:700;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.02em;line-height:1.16}
.bruno .body .bq span{display:block;font-family:var(--m);font-size:10.5px;letter-spacing:.16em;color:var(--rust);margin-top:12px;text-transform:uppercase}
.bruno .body .facts{display:flex;gap:30px;flex-wrap:wrap;margin-top:32px;border-top:1px solid var(--line);padding-top:22px}
.bruno .body .facts .n{font-size:26px;font-weight:700}
.bruno .body .facts .l{font-family:var(--m);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-top:3px}
.bruno .journal{grid-column:10/13;border:1px solid var(--rust);border-radius:6px;padding:26px 24px 24px;position:relative;background:linear-gradient(180deg,rgba(178,58,30,.1),transparent 60%)}
.bruno .journal .live{position:absolute;top:-1px;right:-1px;font-family:var(--m);font-size:9.5px;letter-spacing:.18em;background:var(--rust);color:#160b06;padding:5px 10px;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.bruno .journal .live:before{content:"";width:6px;height:6px;border-radius:50%;background:#160b06}
.bruno .journal .jt{font-family:var(--m);font-size:11px;letter-spacing:.2em;color:var(--rust);text-transform:uppercase}
.bruno .journal .jd{font-family:var(--m);font-size:11px;color:var(--muted);margin-top:5px;display:block}
.bruno .journal .jnote{margin-top:18px;font-size:15px;line-height:1.5;color:#eae6df}
.bruno .journal .jbench{list-style:none;margin:18px 0 0;border-top:1px solid var(--line);padding-top:6px}
.bruno .journal .jbench li{font-family:var(--m);font-size:12px;color:#c7c1b6;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.bruno .journal .jbench li b{color:#fff}
.bruno .journal .jsay{margin-top:18px;font-style:italic;font-family:Georgia,serif;font-size:15px;color:#fff;line-height:1.4}
.bruno .journal .jsay span{display:block;font-style:normal;font-family:var(--m);font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:8px;text-transform:uppercase}
@media (max-width:860px){.bruno .head h2,.bruno .port,.bruno .body,.bruno .journal{grid-column:1/13}.bruno .port{margin-bottom:24px}.bruno .journal{margin-top:24px}}
.tosca{background:#0e0d0c;border-top:1px solid var(--line);padding:130px 0}
.tosca .inn{width:90%;max-width:1340px;margin:0 auto;padding:0}
.tosca .top{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:40px}
.tosca .top .k{grid-column:1/13;font-family:var(--m);font-size:12px;letter-spacing:.26em;color:var(--rust)}
.tosca .top h2{grid-column:1/9;font-size:clamp(46px,7.6vw,150px);font-weight:700;letter-spacing:-.045em;line-height:.82;text-transform:uppercase;margin-top:18px}
.tosca .top .q{grid-column:9/13;align-self:end;font-weight:700;font-size:17px;line-height:1.24}
.tosca .top .q .w{display:block;font-family:var(--m);font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:10px;text-transform:uppercase}
.tosca .lead2{max-width:60ch;font-size:clamp(17px,1.8vw,23px);line-height:1.4;color:#c7c1b6;padding:44px 0}
.tosca .struct{border-top:1px solid var(--line);padding-top:34px}
.tosca .struct .lbl{font-family:var(--m);font-size:11px;letter-spacing:.24em;color:var(--muted);text-transform:uppercase;margin-bottom:26px}
.tosca .strow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tosca .strow .s .no{font-family:var(--m);color:var(--rust);font-size:13px}
.tosca .strow .s h4{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:10px 0 8px;text-transform:uppercase}
.tosca .strow .s p{color:var(--muted);font-size:14px;line-height:1.6;max-width:30ch}
.tosca .woods{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px}
.tosca .woods .w{padding:30px 26px 30px 0;border-right:1px solid var(--line)}
.tosca .woods .w:last-child{border-right:0}
.tosca .woods .w .n{font-size:30px;font-weight:700;letter-spacing:-.01em}
.tosca .woods .w .d{font-family:var(--m);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-top:6px}
.tosca .tnums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:56px 0}
.tosca .tnums .n{font-size:clamp(44px,5vw,82px);font-weight:700;letter-spacing:-.03em;display:block}
.tosca .tnums .l{font-family:var(--m);font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.tosca .tfoot{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid var(--line);padding-top:40px;flex-wrap:wrap}
.tosca .cq{font-weight:700;font-size:clamp(20px,2.4vw,34px);letter-spacing:-.02em;line-height:1.14;max-width:22ch}
.tosca .cq .w{display:block;font-family:var(--m);font-size:10.5px;letter-spacing:.14em;color:var(--rust);margin-top:12px;text-transform:uppercase}
.tosca .tprice{text-align:right}
.tosca .tprice .p{font-family:var(--m);font-size:16px;letter-spacing:.06em;color:#c7c1b6}
.tosca .tprice .cta{display:inline-block;margin-top:14px;font-family:var(--m);font-size:12px;letter-spacing:.18em;background:var(--ink);color:var(--paper);padding:16px 30px;text-transform:uppercase}
@media (max-width:860px){.tosca .top h2,.tosca .top .q{grid-column:1/13}.tosca .strow,.tosca .woods,.tosca .tnums{grid-template-columns:1fr 1fr}.tosca .woods .w{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.tosca .tfoot{flex-direction:column;align-items:flex-start}.tosca .tprice{text-align:left}}
.dealers .dlogos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(30px,4vw,52px) clamp(40px,6vw,78px);margin-top:56px}
.dealers .dlogos .ditem{display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none}
.dealers .dlogos .ditem img{height:clamp(60px,7.5vw,92px);width:auto;object-fit:contain;transition:transform .3s}
.dealers .dlogos .ditem:hover img{transform:scale(1.05)}
.dealers .dlogos .ditem span{font-family:var(--m);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:#cfc9c0;transition:color .25s}
.dealers .dlogos .ditem:hover span{color:var(--rust)}
.hubnav{position:sticky;top:0;z-index:60;display:block;grid-template-columns:none;padding:0;margin-bottom:-64px;mix-blend-mode:normal;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);background:rgba(11,10,9,.7);border-bottom:0}
.hubnav-in{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 max(20px,5vw);font-family:var(--g)}
.hn-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.hn-logo img{height:20px;width:auto}
.hn-logo span{font-family:var(--g);font-weight:700;text-transform:uppercase;letter-spacing:.28em;font-size:10.5px;color:var(--ink)}
.hn-links{display:flex;gap:30px}
.hn-links a{font-family:var(--g);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted);text-decoration:none;transition:color .2s}
.hn-links a:hover{color:var(--ink)}
.hn-cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--g);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;color:var(--ink);background:rgba(255,255,255,.06);border:1px solid var(--line);padding:10px 16px;text-decoration:none;transition:background .25s}
.hn-cta:hover{background:rgba(255,255,255,.14)}
.hn-cta .ar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--muted);font-size:11px;transition:.25s}
.hn-cta:hover .ar{border-color:var(--ink);transform:translateX(2px)}
.hn-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;background:transparent;border:0;cursor:pointer;color:#fff;z-index:70}
.hn-burger span{display:block;width:21px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s,opacity .3s}
.hn-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hn-burger.open span:nth-child(2){opacity:0}
.hn-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){.hn-links,.hn-cta{display:none}.hn-burger{display:flex}}
.site-ft .ft-marq .t{display:inline-block;animation:sx 32s linear infinite;font-family:var(--g);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(30px,5.4vw,72px);color:var(--ink)}
.site-ft .ft-marq .t span{color:var(--muted)}
.site-ft .ft-marq .t b{color:var(--rust)}
.site-ft .ft-marq:hover .t{color:var(--rust)}
.site-ft .ft-mail .ar{font-weight:400}
/* --- statistica: la scritta non deve scendere sotto il numero --- */
.stage .stat .n{line-height:1}
.stage .stat .l{line-height:1.45}
.stage .stat .l{position:relative;bottom:.08em}
.hn-mobnav a .n{font-family:var(--m);font-size:11px;font-weight:400;letter-spacing:.14em;color:var(--muted);flex:0 0 auto}
.hn-mobnav a .ar{margin-left:auto;font-size:20px;color:var(--rust);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.hn-mobnav a:hover .ar,.hn-mobnav a:focus-visible .ar{opacity:1;transform:none}
.hn-mobnav a.cta .n{color:var(--rust)}
.hero .top{position:absolute;top:58px;left:0;right:0;z-index:5;display:flex;justify-content:space-between;padding:0 max(20px,5vw);font-family:var(--m);font-size:11px;letter-spacing:.2em;color:#d8d3ca;text-transform:uppercase}
.lab{border-top:1px solid var(--line);padding-top:120px;padding-bottom:120px;background:#0b0a09}
.lab .lab-head{max-width:940px}
.lab .k{font-family:var(--m);font-size:12px;letter-spacing:.26em;color:var(--rust);text-transform:uppercase}
.lab h2{font-size:clamp(38px,6vw,104px);font-weight:700;letter-spacing:-.04em;line-height:.9;text-transform:uppercase;margin:16px 0 0}
.lab .lab-p{color:#c7c1b6;font-size:15px;max-width:58ch;margin-top:22px;line-height:1.7}
.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}
.lab-clip{display:flex;flex-direction:column}
.lc-idx{font-family:var(--m);font-size:12px;color:var(--rust);letter-spacing:.16em;margin-bottom:12px}
.lc-video{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#000;aspect-ratio:9/16}
.lc-video video{width:100%;height:100%;object-fit:cover;display:block}
.lc-quote{font-weight:700;font-size:18px;line-height:1.26;letter-spacing:-.01em;margin-top:16px;color:#f1ede6}
.lc-quote:before{content:"\201C";color:var(--rust);margin-right:1px}
@media (max-width:900px){.lab-grid{grid-template-columns:repeat(2,1fr);gap:24px}}
@media (max-width:560px){.lab-grid{grid-template-columns:1fr;max-width:430px}}

/* le animazioni usate qui sopra, prese dalla home */
@keyframes sx{0%{transform:translate(0)}to{transform:translate(-50%)}}