/* ============================================================
   TOKEN DI PROGETTO — unica fonte di verità per i colori e le
   misure di base del sito. Per cambiare la palette o la larghezza
   massima delle pagine, modifica SOLO qui: tutto il resto del file
   usa questi nomi (var(--nome)) invece di colori scritti a mano.
   (Prima della v11 questi valori erano ripetuti e sovrascritti in
   quattro blocchi :root diversi lungo il file: sono stati unificati
   qui per evitare che una modifica futura ne dimentichi uno.)
   ============================================================ */
:root{
  /* palette primitiva: crema (chiaro) e petrolio (scuro) */
  --cream-0:#fbf6e9;
  --cream-1:#f6efdf;
  --cream-2:#eee3cf;
  --paper-pale:#fbf7ec;
  --petrol:#174b4b;
  --petrol-2:#113f40;
  --petrol-3:#0e3638;
  --petrol-4:#0a2b2e;
  --petrol-deep:#0d3032;
  --petrol-soft:#2d5a5b;
  --sage:#78938a;
  --gold:#a88855;

  /* alias semantici usati dai componenti */
  --ink:#17292b;
  --ink-soft:#405052;
  --muted:#68716b;
  --paper:var(--cream-1);
  --paper-deep:var(--cream-2);
  --brass:var(--gold);
  --line:rgba(23,41,43,.15);
  --line-strong:rgba(23,41,43,.28);

  /* layout */
  --max:1480px;
  --safe:clamp(24px,5vw,82px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.topbar{height:82px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:36px;padding:0 var(--safe);position:sticky;top:0;z-index:30;background:rgba(246,242,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
/* Le sezioni raggiunte da un link di ancora (#storia, #fonti, ecc.)
   ricevono un margine di scorrimento pari all'incirca all'altezza
   del topbar fisso, così il titolo non finisce mai nascosto dietro
   l'intestazione quando si arriva da un link. */
#storia,#archivio,#annunci-teaser,#quaderno,#fonti,#alalunga22{scroll-margin-top:96px}
@media(max-width:900px){#storia,#archivio,#annunci-teaser,#quaderno,#fonti,#alalunga22{scroll-margin-top:86px}}
.topbar nav{display:flex;justify-content:center;gap:clamp(20px,2.7vw,44px)}.topbar nav a,.footer-nav a{font:500 11px "Michroma",sans-serif;text-decoration:none;letter-spacing:.08em;position:relative}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--brass);transition:.25s}.topbar nav a:hover:after,.topbar nav a[aria-current="page"]:after{right:0}.menu{display:none;border:0;background:none;font:500 11px "Michroma",sans-serif;letter-spacing:.08em;color:inherit}
.kicker,.eyebrow{margin:0;font:500 10px "Michroma",sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}h1,h2,h3{font-family:"Michroma",sans-serif;font-weight:400;letter-spacing:-.045em;margin-top:0}.lead{font-size:clamp(16px,1.15vw,19px);line-height:1.75;color:#424b4d;max-width:62ch}.text-link,.back-link{display:inline-flex;align-items:center;gap:18px;font:500 11px "Michroma",sans-serif;text-decoration:none;letter-spacing:.05em;border-bottom:1px solid currentColor;padding-bottom:7px}.quiet-link{font-size:13px;color:var(--muted);text-decoration:none}.muted-note{color:var(--muted)}

/* Corporate hero: ornament is structural, not card-like. */
.hero{min-height:calc(100vh - 82px);max-width:var(--max);margin:auto;padding:clamp(72px,8vw,130px) var(--safe) clamp(80px,8vw,130px);display:grid;grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);gap:clamp(50px,7vw,120px);align-items:center;position:relative}.hero:before{content:"";position:absolute;left:var(--safe);right:var(--safe);top:34px;height:1px;background:linear-gradient(90deg,transparent,var(--brass),transparent);opacity:.48}.hero-copy{align-self:center;min-width:0}.hero-copy h1{font-size:clamp(54px,6.2vw,108px);line-height:.98;margin:30px 0 34px;max-width:8.8ch}.hero-actions{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-top:36px}.hero-emblem{min-width:0;position:relative}.crest-figure{margin:0;position:relative}.crest-figure:before,.crest-figure:after{content:"";position:absolute;pointer-events:none;z-index:2}.crest-figure:before{inset:3% 2%;border-top:1px solid rgba(155,120,73,.38);border-bottom:1px solid rgba(155,120,73,.38);border-radius:50% 50% 0 0 / 14% 14% 0 0}.crest-figure:after{left:50%;top:-18px;width:54px;height:18px;border-top:1px solid rgba(155,120,73,.6);border-radius:50%;transform:translateX(-50%)}.crest-figure img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.scroll-note{position:absolute;left:var(--safe);bottom:34px;font:500 9px "Michroma",sans-serif;letter-spacing:.13em;color:var(--muted)}

.statement,.archive-intro,.listings-teaser,.principles,.sources{padding:clamp(90px,9vw,150px) var(--safe)}.statement,.principles,.sources{max-width:var(--max);margin:auto}.statement-grid,.sources-grid,.listings-teaser-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:clamp(50px,8vw,135px);margin-top:44px}.statement h2,.sources h2{font-size:clamp(38px,4.7vw,72px);line-height:1.08}.statement-grid p,.sources-grid p{font-size:16px;line-height:1.85;margin:0 0 22px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-top:88px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line)}.timeline article{padding:28px 24px 42px 0;border-right:1px solid var(--line);min-width:0}.timeline article:last-child{border-right:0}.timeline b{display:block;font:400 clamp(21px,2vw,31px) "Michroma",sans-serif;margin-bottom:18px}.timeline span{display:block;font-size:12px;line-height:1.55;color:var(--muted);max-width:20ch}

.archive-intro{background:var(--paper-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ornamental-frame{max-width:var(--max);margin:auto;position:relative}.ornamental-frame:before{content:"";position:absolute;left:0;top:-34px;width:110px;height:34px;border-left:1px solid var(--brass);border-top:1px solid var(--brass);border-radius:90px 0 0 0;opacity:.5}.archive-intro h2{font-size:clamp(38px,4.7vw,72px);line-height:1.05;max-width:15ch}

.listings-teaser{max-width:var(--max);margin:auto}.listings-teaser h2{font-size:clamp(34px,4vw,62px);line-height:1.08}
.editorial{max-width:calc(var(--max) - 2*var(--safe));margin:0 auto clamp(100px,9vw,150px);display:grid;grid-template-columns:1fr .82fr;min-height:550px;color:#f3efe5;position:relative;overflow:hidden}.editorial:before{content:"";position:absolute;inset:18px;border:1px solid rgba(207,186,151,.24);pointer-events:none}.editorial-card{padding:clamp(48px,6vw,88px);display:flex;flex-direction:column;z-index:2}.editorial-card>span{font:500 9px "Michroma",sans-serif;letter-spacing:.12em}.editorial h2{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:72px 0 26px}.editorial p{max-width:50ch;color:#bec8ca}.editorial a{margin-top:auto;color:inherit;text-decoration:none;font:500 11px "Michroma",sans-serif}.editorial-art{position:relative;border-left:1px solid rgba(255,255,255,.12);overflow:hidden}

/* Archive page */
.archive-page-head{max-width:var(--max);margin:auto;padding:clamp(90px,8vw,135px) var(--safe) clamp(70px,7vw,105px)}.archive-page-head h1{font-size:clamp(60px,8.4vw,128px);line-height:.94;margin:30px 0 50px;max-width:9ch}.archive-page-intro{display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr);gap:clamp(55px,8vw,130px);align-items:center}.archive-seal{position:relative}.archive-seal:before{content:"";position:absolute;left:-24px;top:14%;height:72%;width:1px;background:var(--brass);opacity:.4}.archive{background:var(--paper-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(70px,7vw,110px) var(--safe) clamp(95px,8vw,140px)}.archive-head,.model-grid,.archive-note{max-width:var(--max);margin-left:auto;margin-right:auto}.archive-head{display:flex;align-items:end;justify-content:space-between;gap:36px}.archive-head h2{font-size:clamp(34px,4.3vw,66px);line-height:1.05;margin:15px 0 0}.controls{display:flex;gap:18px}.controls input,.controls select{min-width:225px;background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;padding:12px 2px;color:inherit;font:400 13px "IBM Plex Sans",sans-serif;outline:none}.controls input:focus,.controls select:focus{border-color:var(--brass)}
.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-strong);border:1px solid var(--line-strong);margin-top:62px}.model-card{display:flex;flex-direction:column;min-width:0;min-height:510px;background:var(--paper);text-decoration:none;transition:background .25s ease}.model-card:hover{background:#fbf8f1}.model-card-head{display:flex;justify-content:space-between;padding:18px 22px 0;font:500 9px "Michroma",sans-serif;letter-spacing:.08em;color:var(--muted)}.model-visual{aspect-ratio:2/1.05;display:flex;align-items:center;justify-content:center;padding:12px 18px 0;overflow:hidden}.model-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}.model-card:hover .model-visual img{transform:scale(1.018)}.model-card-copy{padding:22px 24px 20px}.model-card h3{font-size:clamp(22px,2vw,31px);line-height:1.1;margin:0 0 8px}.model-card-copy p{margin:0;color:var(--muted);font-size:12px}.model-spec{margin-top:auto;display:grid;grid-template-columns:1fr 1.1fr auto;border-top:1px solid var(--line)}.model-spec span{padding:15px 18px;font-size:9px;color:var(--muted);border-right:1px solid var(--line);min-width:0}.model-spec b{display:block;color:var(--ink);font-size:11px;font-weight:500;margin-bottom:4px;overflow-wrap:anywhere}.model-spec .model-open{display:flex;align-items:center;color:var(--ink);white-space:nowrap;border-right:0;font-weight:500}.archive-note{font-size:13px;line-height:1.7;color:var(--ink-soft,var(--muted));margin-top:24px;max-width:min(var(--max),100%)}.empty-state{grid-column:1/-1;background:var(--paper);padding:70px 28px}.empty-state h3{font-size:28px;margin-bottom:10px}

/* Model detail */
.model-page{max-width:var(--max);margin:auto;padding:58px var(--safe) 130px}.back-link{font-size:10px;margin-bottom:44px}.model-detail-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:clamp(45px,6vw,95px);align-items:center;padding-bottom:75px;border-bottom:1px solid var(--line-strong)}.model-detail-visual{min-width:0}.model-detail-visual img{display:block;width:100%;mix-blend-mode:multiply}.model-detail-title h1{font-size:clamp(45px,5.4vw,80px);line-height:1.02;margin:20px 0 30px}.model-detail-title .lead{font-size:15px}.technical-section{padding:88px 0 0}.section-heading{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);column-gap:70px;align-items:end;margin-bottom:45px}.section-heading .kicker{grid-column:1/-1;margin-bottom:18px}.section-heading h2{font-size:clamp(34px,4vw,59px);line-height:1.05;margin:0}.section-heading>p:last-child{margin:0;color:var(--muted);font-size:13px;max-width:70ch;justify-self:end}.technical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-strong);border-left:1px solid var(--line)}.technical-grid>div{padding:21px 18px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:105px}.technical-grid span{display:block;font:500 9px "Michroma",sans-serif;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.technical-grid b{font-size:13px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.model-editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:88px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line)}.model-editorial-grid article{padding:34px 42px 44px 0;border-right:1px solid var(--line)}.model-editorial-grid article:not(:first-child){padding-left:42px}.model-editorial-grid article:last-child{border-right:0}.model-editorial-grid h3{font-size:clamp(23px,2.3vw,34px);line-height:1.1;margin:45px 0 18px}.model-editorial-grid p{font-size:14px;line-height:1.78}.anecdote{background:linear-gradient(135deg,transparent,rgba(155,120,73,.055))}.source-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-top:82px}.source-section h2{font-size:clamp(31px,3.3vw,50px);margin:16px 0 0}.source-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.source-list li{display:grid;grid-template-columns:44px 1fr;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.source-list li span{font:500 9px "Michroma",sans-serif;color:var(--brass)}.source-list a{text-decoration:none}.source-list a:hover{text-decoration:underline}.source-disclaimer{font-size:13px;color:var(--ink-soft,var(--muted));line-height:1.75;max-width:70ch;margin-top:22px}.model-missing{padding:110px 0}.model-missing h1{font-size:clamp(44px,6vw,80px);margin:22px 0 40px}

/* Listings */
.listings-hero,.listings-section,.listings-how,.listings-tiers{max-width:var(--max);margin:auto;padding-left:var(--safe);padding-right:var(--safe)}.listings-hero{padding-top:clamp(90px,8vw,130px);padding-bottom:70px}.listings-hero h1{font-size:clamp(54px,7vw,105px);line-height:.98;margin:22px 0 30px}.listings-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-strong);background:var(--line-strong);gap:1px}.listing-card{background:var(--paper);padding:24px;min-width:0}.listing-visual{aspect-ratio:2/1.05;margin:-8px -8px 24px}.listing-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.listing-card h3{font-size:26px;line-height:1.15;margin:15px 0 8px}.listing-card>p{font-size:13px;color:var(--muted)}.listing-price{font-weight:600;color:var(--ink)!important}.listing-card .text-link{margin-top:15px}.listings-how,.listings-tiers{padding-top:95px;padding-bottom:35px}.listings-how-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:45px}.listings-how-grid article{padding:30px 34px 38px 0;border-right:1px solid var(--line)}.listings-how-grid article:not(:first-child){padding-left:34px}.listings-how-grid article:last-child{border-right:0}.listings-how-grid h3{font-size:23px;margin:50px 0 14px}

footer{max-width:var(--max);margin:auto;padding:48px var(--safe) 58px;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:36px}.footer-nav{display:flex;justify-content:center;gap:28px}.legal{font-size:10px;color:var(--muted);text-align:right}.private-link{opacity:.55}

@media(max-width:1120px){
 .hero{grid-template-columns:1fr;min-height:auto}.hero-copy h1{max-width:11ch}.hero-emblem{max-width:940px}.scroll-note{display:none}.model-grid{grid-template-columns:repeat(2,1fr)}.technical-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
 .topbar{grid-template-columns:170px 1fr;height:72px}.menu{display:block;justify-self:end}.topbar nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:28px var(--safe) 34px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.topbar.is-open nav{display:flex}.topbar nav a{font-size:13px}.statement-grid,.sources-grid,.listings-teaser-grid,.archive-page-intro,.section-heading,.source-section{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}.archive-head{align-items:flex-start;flex-direction:column}.controls{width:100%}.controls input,.controls select{flex:1;min-width:0}.model-editorial-grid,.listings-how-grid{grid-template-columns:1fr}.model-editorial-grid article,.model-editorial-grid article:not(:first-child),.listings-how-grid article,.listings-how-grid article:not(:first-child){padding:30px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.model-editorial-grid article:last-child{border-bottom:0}.model-editorial-grid h3{margin-top:34px}.editorial{grid-template-columns:1fr}.editorial-art{min-height:360px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}.model-detail-hero{grid-template-columns:1fr}.technical-grid{grid-template-columns:repeat(2,1fr)}.listings-grid{grid-template-columns:1fr}.source-section{gap:35px}footer{grid-template-columns:1fr;justify-items:start}.footer-nav{justify-content:flex-start;flex-wrap:wrap}.legal{text-align:left}
}
@media(max-width:620px){
 :root{--safe:22px}.hero{padding-top:66px}.hero-copy h1{font-size:clamp(44px,13.8vw,67px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.statement,.archive-intro,.listings-teaser,.principles,.sources{padding-top:78px;padding-bottom:78px}.timeline{grid-template-columns:1fr}.timeline article{border-right:0;padding:24px 0;border-bottom:1px solid var(--line)}.timeline article:last-child{border-bottom:0}.timeline span{max-width:none}.model-grid{grid-template-columns:1fr}.model-card{min-height:470px}.model-spec{grid-template-columns:1fr 1fr}.model-spec .model-open{grid-column:1/-1;border-top:1px solid var(--line)}.controls{flex-direction:column}.archive-page-head h1{font-size:clamp(54px,17vw,82px)}.technical-grid{grid-template-columns:1fr}.technical-grid>div{min-height:0}.model-page{padding-top:42px}.model-detail-title h1{font-size:clamp(40px,13vw,60px)}.editorial-card{padding:42px 30px}.editorial h2{margin-top:48px}.listings-hero h1{font-size:clamp(48px,14vw,72px)}
}


/* =========================================================
   SFONDI SCURI, TIMELINE E SIGILLO ARCHIVIO
   (i token colore usati qui vengono dal blocco :root in cima al file)
   ========================================================= */
body{background:var(--paper);color:var(--ink)}
.topbar{background:rgba(247,240,226,.95);box-shadow:0 8px 28px rgba(14,45,47,.035)}
.brand-image img,.crest-figure img,.model-visual img,.model-detail-visual img,.listing-visual img{mix-blend-mode:multiply}

/* timeline: breathing room and typographic discipline */
.timeline{margin-top:92px;border:1px solid var(--line-strong);background:var(--paper-pale)}
.timeline article{padding:34px 28px 38px;min-height:210px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-start}
.timeline b{font-size:clamp(18px,1.6vw,25px);line-height:1.2;margin:0 0 28px;color:var(--petrol)}
.timeline span{font-size:12px;line-height:1.7;max-width:none;color:#596461}
.timeline article:nth-child(3){background:rgba(18,61,63,.045)}
.timeline article:first-child{position:relative}.timeline article:first-child:before{content:"";position:absolute;left:0;top:0;width:42px;height:2px;background:var(--brass)}

/* archive callout: corporate petrol field rather than presentation card */
.archive-intro{background:var(--petrol);color:#f7f0e2;border:0;padding-top:clamp(82px,8vw,130px);padding-bottom:clamp(82px,8vw,130px)}
.archive-corporate{display:grid;grid-template-columns:minmax(190px,.38fr) minmax(0,1fr);gap:clamp(45px,7vw,110px);align-items:center;min-height:430px}
.archive-corporate:before{display:none}.archive-intro-copy{max-width:900px}.archive-intro .kicker{color:#b9cbc5}.archive-intro h2{font-size:clamp(39px,4.9vw,73px);line-height:1.05;margin:24px 0 28px;max-width:14ch;color:#fbf7ec}.archive-intro p{max-width:68ch;color:#d2dcD7;font-size:15px;line-height:1.8}.light-link{color:#fbf7ec;border-color:#c6d3cf;margin-top:22px}.archive-index-rail{grid-column:1/-1;display:flex;align-items:center;gap:20px;font:500 9px "Michroma",sans-serif;letter-spacing:.12em;color:#aec1bb;margin-top:24px}.archive-index-rail i{height:1px;flex:1;background:rgba(219,229,224,.22)}

/* petrol/cream rhythm across home */
.listings-teaser{background:var(--paper);position:relative}.listings-teaser:before{content:"";position:absolute;left:var(--safe);right:var(--safe);top:0;height:1px;background:var(--line-strong)}

/* editorial: calmer corporate treatment */
.editorial{background:var(--petrol-deep);max-width:var(--max);margin-top:0;border-top:1px solid rgba(255,255,255,.06)}
.editorial:before{inset:24px;border-color:rgba(231,211,173,.18)}
.editorial-card>span{color:#b9cbc5}.editorial h2{max-width:10ch}.editorial p{color:#cbd8d3;line-height:1.8}.editorial-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}
.seal-caption{font:500 9px "Michroma",sans-serif;letter-spacing:.28em;color:#aabeb7}

/* archive page symmetry */
.archive-page-head{padding-bottom:clamp(80px,8vw,120px)}.archive-page-intro{grid-template-columns:minmax(0,.8fr) minmax(330px,.75fr);align-items:end}.archive-seal{border-left:1px solid var(--line-strong);padding-left:clamp(35px,5vw,72px);display:flex;flex-direction:column;align-items:center;gap:20px}.archive-seal:before{display:none}.archive-seal p{text-align:center;font:500 9px "Michroma",sans-serif;letter-spacing:.11em;color:var(--muted);max-width:34ch}.archive{background:var(--petrol-deep);color:#f7f0e2;border:0}.archive .kicker,.archive .archive-note{color:#aec0ba}.archive-head h2{color:#fbf7ec}.controls input,.controls select{color:#f7f0e2;border-color:rgba(247,240,226,.34)}.controls input::placeholder{color:#b5c2bd}.controls select option{color:var(--ink);background:var(--paper)}
.model-grid{background:rgba(247,240,226,.2);border-color:rgba(247,240,226,.2)}.model-card{background:var(--paper)}.model-card:hover{background:#fffaf0}.model-card-head{padding:22px 24px 0}.model-visual{padding:14px 22px 0}.model-card-copy{padding:24px 26px 23px}.model-card h3{color:var(--petrol-deep)}.model-spec span{padding:16px 19px}.archive-note{padding-top:8px}

/* model detail refinement */
.model-detail-hero{padding-top:12px;padding-bottom:82px}.model-detail-title{padding-right:clamp(0px,2vw,28px)}.technical-section{margin-top:0}.technical-grid{background:var(--paper-pale)}.technical-grid>div{padding:24px 21px 27px;min-height:118px}.technical-grid span{line-height:1.45}.model-editorial-grid article{padding-top:39px;padding-bottom:50px}.model-editorial-grid .anecdote{background:var(--petrol);color:#f7f0e2;padding-right:38px}.model-editorial-grid .anecdote .kicker,.model-editorial-grid .anecdote p{color:#d5dfdb}.source-section{padding-top:10px}.model-contact{margin-top:75px;padding:30px 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.model-contact span{font:500 9px "Michroma",sans-serif;letter-spacing:.11em;color:var(--muted)}.model-contact a{font:500 11px "Michroma",sans-serif;text-decoration:none;color:var(--petrol)}

/* market: petrol intro rhythm, pagination, denser cards */
.listings-hero{max-width:none;margin:0;background:var(--paper);padding-left:max(var(--safe),calc((100vw - var(--max))/2 + var(--safe)));padding-right:max(var(--safe),calc((100vw - var(--max))/2 + var(--safe)))}
.listings-hero .lead{max-width:74ch}.listing-status{margin-top:42px;padding-top:18px;border-top:1px solid var(--line-strong);display:flex;justify-content:space-between;gap:30px;font:500 9px "Michroma",sans-serif;letter-spacing:.08em;color:var(--muted)}
.listings-section{max-width:none;background:var(--petrol-deep);padding-top:72px;padding-bottom:72px;padding-left:max(var(--safe),calc((100vw - var(--max))/2 + var(--safe)));padding-right:max(var(--safe),calc((100vw - var(--max))/2 + var(--safe)))}
.listings-grid{max-width:calc(var(--max) - 2*var(--safe));margin:auto;background:rgba(247,240,226,.18);border-color:rgba(247,240,226,.18)}.listing-card{background:var(--paper);padding:26px;display:flex;flex-direction:column;min-height:520px}.listing-card-meta{display:flex;justify-content:space-between;gap:20px;font:500 8px "Michroma",sans-serif;letter-spacing:.08em;color:var(--petrol-soft);margin-bottom:10px}.listing-card h3{color:var(--petrol-deep);font-size:24px;margin-top:8px}.listing-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0}.listing-facts span{padding:12px 10px 12px 0;font-size:9px;color:var(--muted)}.listing-facts span+span{padding-left:14px;border-left:1px solid var(--line)}.listing-facts b{display:block;font-size:11px;color:var(--ink);font-weight:500;margin-bottom:3px}.listing-price{font:500 15px "Michroma",sans-serif!important;color:var(--petrol)!important;margin:12px 0 18px!important}.listing-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.listing-pager{max-width:calc(var(--max) - 2*var(--safe));margin:42px auto 0;display:flex;justify-content:center;gap:8px}.page-btn{width:44px;height:42px;border:1px solid rgba(247,240,226,.26);background:transparent;color:#d7e0dd;font:500 9px "Michroma",sans-serif;cursor:pointer}.page-btn:hover,.page-btn.is-active{background:var(--paper);color:var(--petrol-deep);border-color:var(--paper)}
.listings-dark{max-width:none;background:var(--petrol);color:#f7f0e2;padding-left:max(var(--safe),calc((100vw - var(--max))/2 + var(--safe)));padding-right:max(var(--safe),calc((100vw - var(--max))/2 + var(--safe)));padding-bottom:95px}.listings-dark>.kicker,.listings-dark>.listings-how-grid{max-width:calc(var(--max) - 2*var(--safe));margin-left:auto;margin-right:auto}.listings-dark .kicker{color:#b6c8c2}.listings-dark .listings-how-grid{border-color:rgba(247,240,226,.22)}.listings-dark article{border-color:rgba(247,240,226,.18)}.listings-dark article span{color:#c1a979}.listings-dark p,.listings-dark a{color:#d6e0dc}.market-note{display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,.7fr);gap:clamp(50px,7vw,100px);align-items:start;margin-top:30px;border-top:1px solid var(--line-strong);padding-top:38px}.market-note h2{font-size:clamp(32px,3.6vw,54px);line-height:1.08;margin:0}.market-note p{margin:0;color:var(--muted);line-height:1.8}

/* contact band used across sections */
.contact-band{max-width:var(--max);margin:0 auto;padding:58px var(--safe);display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line-strong)}.contact-band h2{font-size:clamp(24px,2.6vw,38px);line-height:1.1;margin:12px 0 0}.contact-band a{font:500 11px "Michroma",sans-serif;text-decoration:none;color:var(--petrol);border-bottom:1px solid var(--petrol);padding-bottom:6px}

footer{background:var(--paper-pale)}

@media(max-width:900px){
 .archive-corporate{grid-template-columns:1fr}.archive-index-rail{margin-top:0}.archive-page-intro{grid-template-columns:1fr}.archive-seal{border-left:0;border-top:1px solid var(--line);padding:38px 0 0;align-items:flex-start}.archive-seal p{text-align:left}.market-note{grid-template-columns:1fr}.listing-status,.contact-band{align-items:flex-start;flex-direction:column}.model-contact{align-items:flex-start;flex-direction:column}.listings-dark>.listings-how-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 .timeline article{min-height:0;padding:28px 22px}.timeline b{margin-bottom:16px}.archive-intro h2{font-size:clamp(34px,10vw,52px)}.archive-index-rail{gap:10px}.listing-status{font-size:8px}.listings-section{padding-top:48px;padding-bottom:48px}.listing-card{min-height:480px}.model-editorial-grid .anecdote{padding-left:0;padding-right:0;background:transparent;color:var(--ink)}.model-editorial-grid .anecdote .kicker,.model-editorial-grid .anecdote p{color:inherit}.contact-band{padding-top:42px;padding-bottom:42px}
}

/* =========================================================
   PAGINE ARCHIVIO, MERCATO E DESIGN — griglie, schede, tab
   ========================================================= */
body{background:linear-gradient(180deg,var(--cream-0),var(--cream-1));}
section{position:relative}
.quiet-frame:before,.framed-transition:before{content:"";position:absolute;inset:18px 22px;pointer-events:none;border-top:1px solid rgba(156,122,72,.28);border-bottom:1px solid rgba(49,94,92,.18)}
.quiet-frame:after,.framed-transition:after{content:"";position:absolute;left:50%;top:18px;width:74px;height:18px;transform:translateX(-50%);border-top:1px solid rgba(156,122,72,.42);border-radius:50%}
.framed-transition:before{border-color:rgba(244,236,217,.20)}
.framed-transition:after{border-color:rgba(234,223,200,.38)}

/* Emblema SA — vedi assets/sa-monogram.svg (sfondi chiari) e
   assets/sa-monogram-cream.svg (sfondi scuri). Nessuna cornice/anello
   decorativo: solo il monogramma, centrato, alla sua proporzione naturale. */
.archive-logo-seal{align-items:center}
.archive-logo-wrap{width:min(230px,72%);margin-inline:auto;display:block}
.archive-logo-wrap img{display:block;width:100%;height:auto}

/* Home additions */
.home-ledger{padding:clamp(92px,9vw,150px) var(--safe);max-width:var(--max);margin:auto;background:var(--cream-0)}
.ledger-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(50px,8vw,120px);margin-top:42px}
.ledger-intro h2{font-size:clamp(38px,4.5vw,70px);line-height:1.05;margin-bottom:28px;color:var(--petrol-4)}
.ledger-intro p{max-width:54ch;line-height:1.9;color:#56625e}
.ledger-facts{border-top:1px solid var(--line-strong)}
.ledger-facts article{display:grid;grid-template-columns:92px 180px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.ledger-facts span{font:500 9px "Michroma";letter-spacing:.12em;color:var(--brass)}
.ledger-facts b{font:500 12px "Michroma";letter-spacing:-.01em;color:var(--petrol-3)}
.ledger-facts p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.design-teaser{background:linear-gradient(135deg,var(--petrol-4),var(--petrol-3));color:var(--cream-0);padding:clamp(100px,10vw,160px) var(--safe);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.7fr);gap:clamp(50px,8vw,120px);align-items:center}
.design-teaser-copy{max-width:860px;margin-left:max(0px,calc((100vw - var(--max))/2))}.design-teaser .kicker{color:#aac0b8}.design-teaser h2{font-size:clamp(40px,5.2vw,76px);line-height:1.06;margin:24px 0 28px;max-width:16ch}.design-teaser p{max-width:68ch;color:#cbd9d4;line-height:1.85}.design-teaser-board{justify-self:center;width:min(330px,28vw);aspect-ratio:1;border:1px solid rgba(244,236,217,.28);border-radius:50% 46% 50% 46%;display:grid;place-items:center;position:relative}.design-teaser-board:before,.design-teaser-board:after{content:"";position:absolute;inset:12%;border:1px solid rgba(234,223,200,.13);border-radius:42% 58% 47% 53%;transform:rotate(34deg)}.design-teaser-board:after{transform:rotate(-34deg)}.design-teaser-board span{font:400 clamp(78px,9vw,140px) "Michroma";color:var(--cream-0)}.design-teaser-board i{position:absolute;width:64%;height:1px;background:rgba(234,223,200,.44)}.design-teaser-board small{position:absolute;bottom:19%;font:500 7px "Michroma";letter-spacing:.15em;color:#b6c8c2}
.editorial-v7{margin:0 auto;background:var(--cream-2);color:var(--ink)}.editorial-v7 .editorial-card>span,.editorial-v7 p{color:#57645f}.editorial-v7 h2{color:var(--petrol-4)}.editorial-v7 a{color:var(--petrol-3)}.editorial-v7 .editorial-art{background:var(--petrol-3)}
.sa-linework{position:relative;width:260px;height:220px}.sa-linework span{position:absolute;font:400 150px "Michroma";line-height:1;color:var(--cream-0);letter-spacing:-.13em}.sa-linework span:first-child{left:14px;top:8px}.sa-linework span:last-child{right:10px;bottom:0;color:#93aea5;opacity:.72}

/* Market workspace */
.market-mode{display:flex;gap:8px;margin-top:42px}.market-mode-btn,.model-chip,.design-tab{border:1px solid var(--line-strong);background:transparent;padding:12px 16px;font:500 9px "Michroma";letter-spacing:.06em;color:var(--petrol-3);cursor:pointer;transition:.2s}.market-mode-btn:hover,.market-mode-btn.is-active,.model-chip:hover,.model-chip.is-active,.design-tab:hover,.design-tab.is-active{background:var(--petrol-3);color:var(--cream-0);border-color:var(--petrol-3)}
.market-workspace{background:linear-gradient(180deg,var(--petrol-4),var(--petrol-3));padding:clamp(80px,8vw,120px) var(--safe)}
.model-filter-panel,.listings-section-inner{max-width:calc(var(--max) - 2*var(--safe));margin:auto}.model-filter-panel{display:grid;grid-template-columns:260px 1fr;gap:50px;align-items:start;margin-bottom:46px}.model-filter-panel .kicker{color:#a9beb7}.model-filter-panel h2{color:var(--cream-0);font-size:clamp(28px,3vw,44px);margin:14px 0 0}.model-filter{display:flex;flex-wrap:wrap;gap:8px}.model-chip{color:#c8d6d1;border-color:rgba(244,236,217,.24)}.model-chip:hover,.model-chip.is-active{background:var(--cream-0);color:var(--petrol-4);border-color:var(--cream-0)}
.listings-section-inner .listings-grid{max-width:none}.component-empty{grid-column:1/-1;background:var(--cream-0);padding:clamp(44px,6vw,80px);min-height:360px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.component-empty h3{font-size:clamp(28px,3vw,46px);margin:16px 0 18px;color:var(--petrol-4)}.component-empty p{max-width:65ch;color:var(--muted);line-height:1.8}.component-callout{max-width:var(--max);margin:auto;padding:clamp(90px,9vw,140px) var(--safe);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:clamp(50px,8vw,120px);background:var(--cream-0)}.component-callout h2{font-size:clamp(36px,4.6vw,68px);line-height:1.08;margin:20px 0 24px;max-width:13ch;color:var(--petrol-4)}.component-callout p{max-width:66ch;color:var(--muted);line-height:1.85}.component-categories{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-strong)}.component-categories span{padding:18px 12px;border-bottom:1px solid var(--line);font:500 10px "Michroma";color:var(--petrol-3)}.component-categories span:nth-child(odd){border-right:1px solid var(--line)}

/* Design page */
/* NOTA v11: qui c'era uno sfondo diagonale a tutta sezione (150deg,
   crema/petrolio) indipendente dalle due colonne della griglia. La
   diagonale si spostava rispetto al testo cambiando altezza/larghezza
   della sezione, così le etichette "FORMA/MATERIA/FUNZIONE" (chiare)
   finivano a volte sopra lo sfondo chiaro e diventavano illeggibili,
   sovrapponendosi visivamente al paragrafo. Ora la colonna di destra
   è una card scura autonoma, sempre leggibile a qualunque altezza. */
.design-hero{min-height:76vh;background:var(--cream-0);padding:clamp(90px,9vw,150px) var(--safe);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:80px;align-items:center}.design-hero>div:first-child{max-width:var(--max);margin-left:max(0px,calc((100vw - var(--max))/2))}.design-hero h1{font-size:clamp(60px,7.4vw,120px);line-height:.96;margin:25px 0 32px;color:var(--petrol-4)}.design-hero-grid{background:var(--petrol-3);color:var(--cream-0);display:grid;grid-template-columns:auto 1fr;gap:18px 24px;align-items:center;font:500 9px "Michroma";letter-spacing:.12em;padding:clamp(28px,4vw,44px);border-radius:4px;box-shadow:0 18px 50px rgba(10,43,46,.14)}.design-hero-grid i{height:1px;background:rgba(244,236,217,.4)}
.design-principles{max-width:var(--max);margin:auto;padding:clamp(90px,9vw,145px) var(--safe);background:var(--cream-0)}.design-principle-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:50px}.design-principle-stage{min-height:330px;border-top:1px solid var(--line-strong);padding-top:48px}.design-panel{display:none;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:70px}.design-panel.is-active{display:grid}.design-panel h2{font-size:clamp(38px,4.7vw,72px);line-height:1.08;max-width:13ch;color:var(--petrol-4)}.design-panel p{max-width:68ch;color:var(--muted);line-height:1.9;font-size:16px}
.cichero-profile{background:var(--petrol-4);color:var(--cream-0);padding:clamp(90px,9vw,145px) var(--safe);display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:clamp(50px,8vw,120px);align-items:center}.cichero-number{font:400 clamp(130px,16vw,280px) "Michroma";color:#537a73;line-height:.8}.cichero-profile .kicker{color:#a9beb7}.cichero-profile h2{font-size:clamp(38px,4.7vw,72px);line-height:1.08;max-width:15ch}.cichero-profile p{max-width:76ch;color:#cad8d3;line-height:1.9}.cichero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.cichero-meta span{border:1px solid rgba(244,236,217,.22);padding:10px 12px;font:500 8px "Michroma";letter-spacing:.06em;color:#c7d4d0}
.alalunga22-study{max-width:var(--max);margin:auto;padding:clamp(96px,9vw,150px) var(--safe);background:var(--cream-0)}.study-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);gap:60px;align-items:end}.study-head h2{font-size:clamp(40px,4.8vw,72px);line-height:1.08;margin:20px 0 0;color:var(--petrol-4)}.study-head>p{color:var(--muted);line-height:1.85}.study-board{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.45fr);gap:0;margin-top:60px;border:1px solid var(--line-strong)}.study-visual{position:relative;background:var(--cream-1);min-height:460px;display:grid;place-items:center;overflow:hidden}.study-visual img{width:100%;mix-blend-mode:multiply}.study-note{background:var(--petrol-3);color:var(--cream-0);padding:44px;display:flex;flex-direction:column;justify-content:center}.study-note span{font:500 9px "Michroma";color:#a9beb7}.study-note h3{font-size:30px;margin:18px 0;color:var(--cream-0)}.study-note p{color:#d2ddd9;line-height:1.85}.hotspot{position:absolute;width:22px;height:22px;border:1px solid var(--petrol-3);background:rgba(251,247,237,.85);border-radius:50%;cursor:pointer;box-shadow:0 0 0 6px rgba(244,236,217,.45)}.hotspot:hover,.hotspot.is-active{background:var(--brass);border-color:var(--brass)}.hotspot.h1{left:44%;bottom:24%}.hotspot.h2{left:39%;top:37%}.hotspot.h3{left:65%;bottom:39%}.hotspot.h4{left:58%;top:43%}.study-specs{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:40px}.study-specs article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px}.study-specs span{font:500 8px "Michroma";letter-spacing:.08em;color:var(--brass)}.study-specs b{display:block;font:500 12px "Michroma";margin:18px 0 12px;color:var(--petrol-3)}.study-specs p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.material-library{background:linear-gradient(180deg,var(--cream-2),var(--cream-1));padding:clamp(80px,8vw,120px) var(--safe)}.material-library>.kicker,.material-strip,.material-caption{max-width:calc(var(--max) - 2*var(--safe));margin-left:auto;margin-right:auto}.material-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.material-strip button{background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;text-align:left;cursor:pointer;color:inherit}.material-strip button:hover,.material-strip button.is-active{background:var(--cream-0)}.material-strip b,.material-strip small{display:block}.material-strip b{font:500 11px "Michroma";color:var(--petrol-3);margin:14px 0 4px}.material-strip small{color:var(--muted)}.swatch{display:block;height:86px;border:1px solid rgba(23,41,43,.12)}.swatch.wood{background:linear-gradient(100deg,#735139,#a97a54,#6f4e38)}.swatch.teak{background:linear-gradient(100deg,#c5a36e,#9f7b4c,#cbb487)}.swatch.steel{background:linear-gradient(100deg,#cfd4d1,#7f8b89,#e2e5e1)}.swatch.vtr{background:linear-gradient(100deg,#f8f5ec,#ded8c8,#fdfaf2)}.material-caption{padding-top:24px;color:var(--petrol-3);font-size:14px;min-height:70px}.design-sources{max-width:var(--max);margin:auto;padding:clamp(90px,9vw,140px) var(--safe);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:70px}.design-sources h2{font-size:clamp(34px,4vw,58px);line-height:1.08}.design-sources ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}.design-sources li{border-bottom:1px solid var(--line);padding:19px 0}.design-sources a{text-decoration:none;color:var(--petrol-3);font-size:14px}

/* More graceful cream/petrol separation across site */
.archive,.listings-dark,.market-workspace,.cichero-profile,.design-teaser{box-shadow:inset 0 18px 40px rgba(4,29,30,.05)}
.archive:before,.listings-dark:before,.market-workspace:before,.cichero-profile:before,.design-teaser:before{content:"";position:absolute;left:var(--safe);right:var(--safe);top:18px;border-top:1px solid rgba(244,236,217,.2)}
.archive:after,.listings-dark:after,.market-workspace:after,.cichero-profile:after,.design-teaser:after{content:"";position:absolute;left:50%;top:18px;width:72px;height:16px;transform:translateX(-50%);border-top:1px solid rgba(234,223,200,.34);border-radius:50%}

@media(max-width:980px){
  .ledger-grid,.design-teaser,.component-callout,.design-hero,.study-head,.design-sources{grid-template-columns:1fr}.ledger-facts article{grid-template-columns:70px 1fr}.ledger-facts p{grid-column:2}.design-teaser-board{width:240px;justify-self:start}.model-filter-panel{grid-template-columns:1fr}.design-panel.is-active{grid-template-columns:1fr}.cichero-profile{grid-template-columns:1fr}.cichero-number{font-size:120px}.study-board{grid-template-columns:1fr}.study-note{min-height:260px}.study-specs{grid-template-columns:1fr 1fr}.material-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .quiet-frame:before,.framed-transition:before{inset-left:10px;inset-right:10px}.ledger-facts article{grid-template-columns:1fr;gap:8px}.ledger-facts p{grid-column:auto}.design-hero-grid{padding:22px}.study-specs,.material-strip,.component-categories{grid-template-columns:1fr}.component-categories span:nth-child(odd){border-right:0}.study-board{margin-left:-12px;margin-right:-12px}.study-visual{min-height:300px}.hotspot{width:18px;height:18px}.archive-logo-wrap{width:190px}.market-mode{flex-wrap:wrap}
}
.archive-home-mark{display:grid;place-items:center}.archive-home-mark .archive-logo-wrap{width:min(220px,20vw)}
@media(max-width:900px){.archive-home-mark{place-items:start}.archive-home-mark .archive-logo-wrap{width:190px}}

/* ============================================================
   V8 — identita editoriale indipendente / note legali
   ============================================================ */
.independence-notice{min-height:38px;padding:10px var(--safe);display:flex;align-items:center;justify-content:center;gap:14px;background:#0d3032;color:#f7f0e2;border-bottom:1px solid rgba(247,240,226,.14);font-size:12.5px;line-height:1.55;letter-spacing:.01em;position:relative;z-index:40;text-align:center}
.independence-notice strong{font:600 10px "Michroma",sans-serif;letter-spacing:.1em;white-space:nowrap;color:#f3e6c8}.independence-notice span{max-width:980px;opacity:.94}.independence-notice a{color:#f7f0e2;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;font-weight:600}
.brand-archives{width:238px;height:58px;position:relative;display:block;text-decoration:none;overflow:visible}.brand-archives img{width:100%;height:100%;display:block;object-fit:contain;object-position:left center;mix-blend-mode:normal!important;filter:none!important}.brand-status{position:absolute;left:74px;bottom:-1px;font:600 6.5px "Michroma",sans-serif;letter-spacing:.16em;color:var(--muted);white-space:nowrap}
.topbar{grid-template-columns:250px 1fr auto}.footer-brand.brand-archives{width:238px;height:58px}.footer-brand .brand-status{display:none}.legal a{color:inherit;text-underline-offset:3px}
.archive-seal.archive-logo-seal{align-items:center}.archive-seal.archive-logo-seal p{text-align:center}
.seal-caption{letter-spacing:.18em;text-align:center}

.legal-page{max-width:1180px;margin:0 auto;padding:82px var(--safe) 130px}.legal-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr);gap:7vw;align-items:end;padding-bottom:58px;border-bottom:1px solid var(--line-strong)}.legal-hero h1{font-size:clamp(42px,6vw,84px);line-height:.94;margin:18px 0 24px;letter-spacing:-.045em}.legal-hero .archive-logo-wrap{width:min(220px,100%);justify-self:center;align-self:center}.legal-intro{font-size:17px;line-height:1.75;color:var(--ink-soft);max-width:720px}.legal-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:6vw;padding-top:62px}.legal-nav{position:sticky;top:110px;align-self:start;border-top:1px solid var(--line-strong)}.legal-nav a{display:block;padding:13px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;font:500 9px "Michroma",sans-serif;letter-spacing:.08em}.legal-copy section{padding:0 0 52px;margin:0 0 52px;border-bottom:1px solid var(--line)}.legal-copy h2{font-size:clamp(28px,3vw,44px);line-height:1.06;margin:0 0 22px}.legal-copy h3{font:600 11px "Michroma",sans-serif;letter-spacing:.08em;margin:30px 0 12px}.legal-copy p,.legal-copy li{font-size:15px;line-height:1.8;color:var(--ink-soft)}.legal-copy ul{padding-left:20px}.legal-callout{padding:26px 28px;background:var(--petrol-3);color:var(--cream-0);border:1px solid rgba(255,255,255,.12);margin:28px 0}.legal-callout p{color:inherit;margin:0}.legal-contact{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:34px;border:1px solid var(--line-strong);background:var(--cream-0)}.legal-contact a{color:var(--petrol);font-weight:600}

@media(max-width:900px){.independence-notice{padding:9px var(--safe);align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;text-align:left;gap:5px 10px}.independence-notice strong{width:100%}.brand-archives{width:188px;height:48px}.brand-status{left:59px;font-size:5.5px}.topbar{grid-template-columns:200px 1fr}.legal-hero,.legal-grid{grid-template-columns:1fr}.legal-hero .archive-logo-wrap{justify-self:center;width:220px}.legal-nav{position:static}.legal-contact{grid-template-columns:1fr}.footer-brand.brand-archives{width:205px}}
@media(max-width:560px){.independence-notice{font-size:11.5px}.independence-notice span{font-size:11px}.independence-notice a{font-size:11px}.brand-status{display:none}.brand-archives{width:164px}.topbar{grid-template-columns:170px 1fr}.legal-page{padding-top:54px}.legal-hero{gap:34px}.legal-hero .archive-logo-wrap{width:180px}}

/* ============================================================
   CENTRATURA EDITORIALE — titoli centrati, dividers Art Nouveau
   ============================================================ */
body{
  background:
    radial-gradient(circle at 50% 0, rgba(255,255,255,.52), transparent 32rem),
    var(--paper);
}
::selection{background:var(--petrol);color:var(--cream-0)}

/* Titles: deliberate, centered, never cramped. */
.hero-copy,.archive-page-head>.kicker,.archive-page-head>h1,.listings-hero,.design-hero>div:first-child,
.statement>.kicker,.archive-intro-copy,.listings-teaser>.kicker,.home-ledger>.kicker,
.design-teaser-copy,.sources>.kicker,.contact-band>div,.model-missing{
  text-align:center;
}
.hero-copy{display:flex;flex-direction:column;align-items:center}
.hero-copy h1{max-width:10ch}
.hero-copy .lead{margin-left:auto;margin-right:auto}
.hero-actions{justify-content:center}
.statement-grid h2,.listings-teaser-grid h2,.ledger-intro h2,.sources-grid h2,
.archive-head h2,.section-heading h2,.study-head h2,.design-sources h2,
.market-note h2,.component-callout h2{ text-align:center; margin-left:auto; margin-right:auto; }
.statement-grid>div,.sources-grid>div{align-self:center}

.archive-page-head>h1{max-width:none;margin-left:auto;margin-right:auto}
.archive-page-intro{grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);max-width:1120px;margin-left:auto;margin-right:auto}
.archive-page-intro .lead{text-align:center;margin-left:auto;margin-right:auto}
.archive-seal{justify-self:center}
.archive-head{align-items:center;flex-direction:column;text-align:center}
.controls{justify-content:center;flex-wrap:wrap}

.listings-hero{margin-left:auto;margin-right:auto}
.listings-hero .lead{margin-left:auto;margin-right:auto}
.market-mode,.listing-status{justify-content:center}
.model-filter-panel{grid-template-columns:1fr;text-align:center}
.model-filter{justify-content:center}
.component-callout>div:first-child{text-align:center}
.component-callout h2,.component-callout p{margin-left:auto;margin-right:auto}

.design-hero>div:first-child{margin-left:auto;justify-self:center}
.design-hero .lead{margin-left:auto;margin-right:auto}
.design-panel h2,.design-panel .kicker{text-align:center;margin-left:auto;margin-right:auto}
.design-panel p:last-child{margin-left:auto;margin-right:auto;text-align:center;max-width:76ch}
.design-panel.is-active{grid-template-columns:1fr;max-width:980px;margin:0 auto}
.design-principle-nav{justify-content:center}
.study-head>div,.study-head>p{text-align:center;margin-left:auto;margin-right:auto}
.design-sources>div{text-align:center}

/* Art Nouveau divider language: quiet curves instead of boxes. */
.statement,.archive-intro,.listings-teaser,.home-ledger,.design-teaser,.editorial,.sources,
.archive,.market-workspace,.component-callout,.listings-how,.listings-tiers,
.design-principles,.cichero-profile,.alalunga22-study,.material-library,.design-sources,
.technical-section,.model-detail-hero,.legal-copy section{
  position:relative;
}
.statement:before,.listings-teaser:before,.home-ledger:before,.sources:before,
.design-principles:before,.alalunga22-study:before,.material-library:before,.design-sources:before{
  content:"";position:absolute;top:24px;left:50%;width:min(520px,56vw);height:28px;transform:translateX(-50%);
  border-top:1px solid rgba(168,136,85,.52);border-radius:50% 50% 0 0 / 100% 100% 0 0;pointer-events:none;
}
.statement:after,.listings-teaser:after,.home-ledger:after,.sources:after,
.design-principles:after,.alalunga22-study:after,.material-library:after,.design-sources:after{
  content:"◆";position:absolute;top:13px;left:50%;transform:translateX(-50%);font-size:7px;color:var(--gold);background:var(--paper);padding:0 12px;line-height:1;
}
.archive-intro:after,.design-teaser:after,.market-workspace:after,.listings-dark:after,.cichero-profile:after{
  content:"";position:absolute;top:22px;left:50%;width:min(430px,52vw);height:24px;transform:translateX(-50%);
  border-top:1px solid rgba(251,246,233,.34);border-radius:50% 50% 0 0 / 100% 100% 0 0;pointer-events:none;
}

/* More refined petroleum/cream alternation.
   NOTA v11: .archive-intro e .archive restano scuri (petrolio) di
   proposito — hanno testo chiaro pensato per uno sfondo scuro
   (v. le regole più sopra). Includerli qui li rendeva chiari,
   con testo chiaro su sfondo chiaro pressoché illeggibile: era
   il bug reale dietro le "schermate sovrapposte" segnalate. */
.home-ledger,.editorial-v7,.material-library{background:linear-gradient(180deg,var(--cream-2),var(--cream-1))}
.design-teaser,.market-workspace,.listings-dark,.cichero-profile{
  background:
    radial-gradient(circle at 50% -20%, rgba(120,147,138,.18), transparent 44%),
    linear-gradient(145deg,var(--petrol-4),var(--petrol-2));
}
.model-card,.listing-card,.technical-grid>div,.study-specs article{background:rgba(251,246,233,.78)}
.model-card:hover,.listing-card:hover{background:var(--cream-0)}

/* Headings gain breathing room and a restrained ornament. */
h1,h2{overflow-wrap:normal;text-wrap:balance}
.hero-copy h1,.archive-page-head h1,.design-hero h1,.listings-hero h1,.legal-hero h1{
  letter-spacing:-.035em;
}
.statement h2,.archive-intro h2,.listings-teaser h2,.design-teaser h2,.editorial h2,.sources h2,
.archive-head h2,.component-callout h2,.market-note h2,.design-panel h2,.study-head h2,.design-sources h2{
  text-wrap:balance;
}
.kicker,.eyebrow{line-height:1.7}

/* Timeline: equal optical margins, centered dates, readable copy. */
.timeline{gap:0;background:transparent}
.timeline article{padding:34px 26px 38px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:205px}
.timeline article:first-child{padding-left:26px}
.timeline b{margin-bottom:20px;color:var(--petrol-3)}
.timeline span{max-width:24ch;line-height:1.68}
.timeline article:before{content:"";width:24px;height:8px;margin:-39px 0 24px;border-top:1px solid var(--gold);border-radius:50%}

/* Elegant section framing. */
.quiet-frame,.framed-transition,.ornamental-frame{isolation:isolate}
.quiet-frame:before,.framed-transition:before{inset:16px 18px;border-color:rgba(168,136,85,.26)}
.quiet-frame:after,.framed-transition:after{top:16px;width:96px;border-color:rgba(168,136,85,.46)}
.ornamental-frame:before{left:50%;top:-40px;width:120px;height:38px;transform:translateX(-50%);border-left:0;border-right:0;border-top:1px solid rgba(168,136,85,.55);border-radius:50%}

/* Archive identity: center the seal cleanly, no filters or fuzzy scaling. */
.archive-logo-wrap{display:grid!important;place-items:center!important;margin-inline:auto!important}
.archive-logo-wrap img{object-position:center!important;image-rendering:auto}
.archive-home-mark{place-items:center!important}
.archive-home-mark .archive-logo-wrap{width:min(250px,24vw)!important}
.archive-corporate{display:grid;grid-template-columns:minmax(220px,.52fr) minmax(0,1fr) auto;gap:clamp(38px,6vw,96px);align-items:center}
.archive-intro-copy{text-align:center}
.archive-intro-copy p{max-width:68ch;margin-left:auto;margin-right:auto}
.archive-intro-copy .text-link{margin-top:8px}

/* Details and cards: professional, quieter, more architectural. */
.model-grid,.listings-grid,.technical-grid,.study-specs,.material-strip{box-shadow:0 18px 50px rgba(10,43,46,.045)}
.model-card,.listing-card{position:relative;overflow:hidden}
.model-card:before,.listing-card:before{content:"";position:absolute;inset:9px;border:1px solid transparent;pointer-events:none;transition:.25s}
.model-card:hover:before,.listing-card:hover:before{border-color:rgba(168,136,85,.26)}
.model-card h3,.listing-card h3{text-align:center}
.model-card-copy p{text-align:center}
.model-card-head{padding-inline:24px}
.model-spec span{text-align:center}
.model-open{justify-content:center}

/* Editorial panel: less presentation-like, more atelier. */
.editorial-v7{border-top:1px solid rgba(168,136,85,.35);border-bottom:1px solid rgba(168,136,85,.35)}
.editorial-v7 .editorial-card{align-items:center;text-align:center}
.editorial-v7 .editorial-card p{margin-left:auto;margin-right:auto}
.art-nouveau-panel:before{content:"";position:absolute;inset:12%;border:1px solid rgba(238,227,207,.22);border-radius:50% 44% 50% 44%;transform:rotate(18deg)}
.art-nouveau-panel:after{content:"";position:absolute;inset:20%;border:1px solid rgba(168,136,85,.5);border-radius:44% 56% 45% 55%;transform:rotate(-18deg)}
.sa-linework{position:relative;z-index:2}
.seal-caption{z-index:3}

/* Contact/footer alignments. */
.contact-band{text-align:center}
.contact-band>div{margin-inline:auto}
.contact-band a{justify-self:center}
footer{align-items:center}
.footer-nav{justify-content:center;flex-wrap:wrap}

/* Typography polish for long factual pages. */
.technical-grid span,.model-spec span,.listing-card-meta,.study-specs span{letter-spacing:.075em}
.technical-grid b,.study-specs b{line-height:1.55}
.legal-copy h2,.legal-copy h3{text-align:left}
.legal-copy p{text-wrap:pretty}

@media(max-width:980px){
  .archive-corporate{grid-template-columns:1fr;text-align:center}.archive-index-rail{justify-self:center}.archive-home-mark{place-items:center!important}
  .archive-page-intro{grid-template-columns:1fr}.archive-seal{justify-self:center}
  .timeline{grid-template-columns:1fr 1fr}.timeline article{border-bottom:1px solid var(--line)}
  .timeline article:nth-child(2n){border-right:0}.timeline article:last-child{grid-column:1/-1;border-right:0}
}
@media(max-width:620px){
  .hero-copy h1{font-size:clamp(44px,14vw,66px)}
  .timeline{grid-template-columns:1fr}.timeline article{border-right:0}.timeline article:last-child{grid-column:auto}
  .statement-grid,.sources-grid,.listings-teaser-grid{grid-template-columns:1fr}.statement-grid h2,.sources-grid h2,.listings-teaser-grid h2{text-align:center}
  .archive-home-mark .archive-logo-wrap{width:180px!important}
  .controls{width:100%}.controls input,.controls select{width:100%;min-width:0}
  .model-filter{justify-content:center}
}
/* v9.1 — lockup corretto: il nome SPERTINI ALALUNGA non viene mai troncato */
.brand-archives{width:330px;height:58px}
.footer-brand.brand-archives{width:330px;height:58px}
.brand-status{left:124px}
.topbar{grid-template-columns:350px 1fr auto}
@media(max-width:900px){.brand-archives{width:255px;height:48px}.brand-status{left:96px}.topbar{grid-template-columns:270px 1fr}.footer-brand.brand-archives{width:255px}}
@media(max-width:560px){.brand-archives{width:215px}.topbar{grid-template-columns:225px 1fr}}

/* =========================================================
   V10 — centratura completa dei titoli, leggibilità dei
   disclaimer, coerenza editoriale e predisposizione annunci
   ========================================================= */

/* Titoli ancora non centrati nei rispettivi riquadri. */
.model-detail-title{text-align:center}
.model-detail-title .lead{margin-left:auto;margin-right:auto}

.model-editorial-grid article>.kicker,.model-editorial-grid h3{text-align:center}
.listings-how-grid article>span,.listings-how-grid h3{text-align:center}
.study-note>span,.study-note h3{text-align:center}

.component-empty{align-items:center;text-align:center}
.component-empty p{max-width:58ch;margin-left:auto;margin-right:auto}

.cichero-profile{text-align:center}
.cichero-profile p{margin-left:auto;margin-right:auto}
.cichero-meta{justify-content:center}

/* Le tabelle tecniche (specifiche, fatti di cantiere) restano allineate
   a sinistra: sono dati da scorrere, non titoli editoriali, e l'allineamento
   a sinistra ne mantiene la leggibilità. Nessuna modifica per .technical-grid,
   .study-specs, .ledger-facts, .material-strip: scelta editoriale deliberata. */

/* Leggibilità rinforzata per note, disclaimer e testi legali minori. */
.muted-note{font-size:14px;line-height:1.75}
.model-contact span{font-size:9.5px;line-height:1.6}
.listing-status{font-size:10px;line-height:1.6}
.legal-callout p,.legal-contact p{font-size:16px;line-height:1.7}

/* Correzioni pubblicate: distinguono un dato aggiornato senza sovrapporsi al testo. */
.corrected-note{display:inline-block;margin-top:6px;font-size:11px;color:var(--brass)}

/* =========================================================
   MENU MOBILE — velo di sfondo dietro al pannello di navigazione,
   così è chiaro che è un livello sopra alla pagina e non un
   blocco di contenuto che la spinge in basso. Si chiude anche
   cliccando fuori dal pannello (vedi initNavigation in app.js).
   ========================================================= */
.nav-backdrop{position:fixed;inset:0;top:72px;background:rgba(10,32,33,.38);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:25}
.nav-backdrop.is-visible{opacity:1;pointer-events:auto}
@media(min-width:901px){.nav-backdrop{display:none}}

/* =========================================================
   AD SLOT — spazio predisposto per pubblicità (Google AdSense o
   equivalenti). PER ATTIVARE GLI ANNUNCI IN FUTURO:
   1) leggi SITE_CONFIG in cima ad app.js e imposta adsenseClientId;
   2) aggiungi lo script AdSense nell'<head> delle pagine interessate;
   3) dentro ogni .ad-slot, sostituisci il contenuto di .ad-slot-inner
      con il tag <ins class="adsbygoogle">... fornito da Google e
      aggiungi data-ad-active="true" al contenitore .ad-slot per far
      sparire automaticamente il segnaposto tratteggiato qui sotto.
   Finché non lo fai, questi riquadri restano etichette silenziose
   e non caricano alcuno script di terze parti (nessun impatto su
   privacy/prestazioni finché la pubblicità non è davvero attiva). */
.ad-slot{max-width:var(--max);margin:0 auto;padding:36px var(--safe)}
.ad-slot-inner{border:1px dashed var(--line-strong);border-radius:2px;background:var(--paper-pale);min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;color:var(--muted);font:500 10px "Michroma",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.ad-slot[data-ad-active="true"] .ad-slot-inner{display:none}
@media(max-width:620px){.ad-slot{padding:26px var(--safe)}.ad-slot-inner{min-height:90px;font-size:9px}}