@font-face{font-family:'Serif';src:url('../fonts/Pagella-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Serif';src:url('../fonts/Pagella-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Serif';src:url('../fonts/Pagella-Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Sans';src:url('../fonts/InstrumentSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Sans';src:url('../fonts/InstrumentSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Mono';src:url('../fonts/GeistMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
::selection{background:#1E3A5F;color:#FAF7F2}
body{margin:0;color:#12151C;background:#FAF7F2;font-family:Sans,sans-serif;font-size:16.5px;line-height:1.62;
  -webkit-font-smoothing:antialiased;position:relative}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");opacity:.028;pointer-events:none;z-index:9999;mix-blend-mode:multiply}
h1,h2,h3,h4{margin:0;font-family:Serif,Georgia,serif;font-weight:400;letter-spacing:-.014em;line-height:1.08}
p{margin:0}
a{color:inherit}
img,svg{max-width:100%;display:block}
em{font-family:Serif,Georgia,serif;font-style:italic}

.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
@media(max-width:720px){.wrap{padding:0 22px}}

/* eyebrow / indice — il mono è l’unico elemento "tecnico" */
.idx{font-family:Mono,monospace;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#8B8F99}
.idx-a{color:#C1005F}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;background:#FAF7F2;border-bottom:1px solid #DED7CA;z-index:100}
.hdr .row{display:flex;align-items:center;justify-content:space-between;padding:19px 0}
.logo{display:flex;align-items:baseline;gap:11px;text-decoration:none;color:#12151C}
.logo b{font-family:Serif,serif;font-weight:700;font-size:20px;letter-spacing:-.02em;color:#3A3C42}
.logo span{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.2em;color:#8B8F99}
.nav{display:flex;gap:34px;list-style:none;margin:0;padding:0}
.nav a{text-decoration:none;font-size:14px;color:#4E5460;transition:color .16s;position:relative;padding-bottom:2px}
.nav a::after{content:'';position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:#1E3A5F;transition:right .22s ease}
.nav a:hover{color:#12151C}
.nav a:hover::after,.nav a.on::after{right:0}
.nav a.on{color:#12151C}
.hdr-cta{font-family:Mono,monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;color:#12151C;border-bottom:1.5px solid #C1005F;padding-bottom:3px;transition:color .16s}
.hdr-cta:hover{color:#C1005F}
@media(max-width:900px){.nav{display:none}}

/* ---------- sezioni ---------- */
.sec{padding:132px 0;position:relative}
.sec.tight{padding:84px 0}
.sec-paper2{background:#F2EDE4}
.sec-ink{background:#1E3A5F;color:#FAF7F2}
.sec-ink h1,.sec-ink h2,.sec-ink h3{color:#FAF7F2}
.sec-ink .idx{color:#7E838E}
.sec-ink .lede{color:#B2B6BF}
.rule-top{border-top:1px solid #DED7CA}
.sec-ink.rule-top{border-top-color:rgba(250,247,242,.16)}

/* griglia editoriale asimmetrica: marginalia + colonna testo */
.ed{display:grid;grid-template-columns:130px minmax(0,1fr);gap:0 44px;align-items:start}
@media(max-width:860px){.ed{grid-template-columns:1fr;gap:14px}}
.ed .marg{padding-top:9px}
.ed .marg .num{font-family:Serif,serif;font-size:15px;color:#8B8F99}

/* tipografia display */
.d1{font-size:clamp(40px,6.6vw,86px);line-height:1.02;letter-spacing:-.02em;max-width:15ch}
.d2{font-size:clamp(30px,4.4vw,54px);line-height:1.05;letter-spacing:-.018em;max-width:17ch}
.d3{font-size:clamp(22px,2.6vw,30px);line-height:1.12;letter-spacing:-.012em}
.lede{font-size:clamp(16.5px,1.5vw,19px);color:#4E5460;max-width:50ch;line-height:1.66;margin-top:26px}
.lede.wide{max-width:62ch}
.body-col{max-width:60ch;font-size:17px;line-height:1.75;color:#4E5460;display:flex;flex-direction:column;gap:20px}
.body-col strong{color:#12151C;font-weight:400;font-family:Serif,serif}

/* link/azioni — niente pillole, solo regole tipografiche */
.act{display:inline-flex;align-items:baseline;gap:11px;text-decoration:none;font-family:Mono,monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#12151C;padding-bottom:7px;
  border-bottom:1px solid #1E3A5F;transition:all .2s}
.act .ar{transition:transform .2s}
.act:hover{color:#C1005F;border-bottom-color:#C1005F}
.act:hover .ar{transform:translateX(5px)}
.sec-ink .act{color:#FAF7F2;border-bottom-color:rgba(250,247,242,.4)}
.sec-ink .act:hover{color:#fff;border-bottom-color:#FAF7F2}
.acts{display:flex;gap:40px;flex-wrap:wrap;margin-top:44px}

/* ---------- liste editoriali (sostituiscono le card) ---------- */
.rows{margin-top:64px;border-top:1px solid #DED7CA}
.sec-ink .rows{border-top-color:rgba(250,247,242,.16)}
.row-i{display:grid;grid-template-columns:130px minmax(0,1.05fr) minmax(0,1.15fr) 120px;gap:44px;
  padding:34px 0;border-bottom:1px solid #DED7CA;align-items:start;transition:background .2s}
.sec-ink .row-i{border-bottom-color:rgba(250,247,242,.16)}
.row-i:hover{background:rgba(18,21,28,.022)}
.sec-ink .row-i:hover{background:rgba(250,247,242,.03)}
.row-i .lt{font-family:Serif,serif;font-size:40px;line-height:.9;color:var(--c)}
.row-i h3{font-size:23px}
.row-i .t{font-size:15px;color:#4E5460;line-height:1.62}
.sec-ink .row-i .t{color:#A9AEB8}
.row-i .tag{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.16em;color:var(--c);text-align:right;padding-top:7px}
.row-i .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c);margin-right:7px;vertical-align:middle}
@media(max-width:900px){.row-i{grid-template-columns:60px 1fr;gap:8px 20px}
  .row-i .t{grid-column:2}.row-i .tag{grid-column:2;text-align:left;padding-top:2px}}

/* blocchi affiancati, separati da filetti invece che da bordi */
.cols{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.blk{padding:38px 40px 38px 0;border-top:1px solid #DED7CA}
.blk + .blk{border-left:1px solid #DED7CA;padding-left:40px}
.cols-3 .blk:nth-child(3n+1){border-left:none;padding-left:0}
.cols .blk:nth-child(2n+1){border-left:none;padding-left:0}
.blk h3{font-size:21px;margin-top:12px}
.blk p{font-size:15px;color:#4E5460;margin-top:12px;line-height:1.66}
.blk .mk{font-family:Serif,serif;font-size:13px;color:var(--c,#8B8F99);font-style:italic}
@media(max-width:860px){.cols,.cols-3{grid-template-columns:1fr}
  .blk,.blk + .blk{border-left:none;padding-left:0;padding-right:0}}

/* citazione a piena pagina */
.pull{font-family:Serif,serif;font-size:clamp(28px,4.4vw,52px);line-height:1.2;letter-spacing:-.018em;max-width:20ch}
.pull i{font-style:italic;color:#D8A0BE}
.pull-attr{margin-top:36px;font-family:Mono,monospace;font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:#7E838E}
.pull-attr b{color:#FAF7F2;font-weight:400}

/* dati */
.figs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #DED7CA;margin-top:76px}
.figs .f{padding:26px 24px 0 0}
.figs .n{font-family:Serif,serif;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.02em}
.figs .l{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  color:#8B8F99;margin-top:12px;line-height:1.5}
@media(max-width:760px){.figs{grid-template-columns:1fr 1fr}}

/* footer */
.spettro{display:flex;height:3px}
.spettro i{flex:1}

.ftr { background-color: #FBF9F6 !important; border-top: 1px solid #EAE6DF; color: #5C5E65; padding: 100px 0 60px; }
.ftr .sig, .ftr h4 { color: #3A3C42 !important; }
.ftr .lk a { color: #5C5E65; }
.ftr .lk a:hover { color: #C5A059; }

.ftr .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;padding-bottom:56px;
  border-bottom:1px solid rgba(250,247,242,.16)}
.ftr h4{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:#7E838E;margin-bottom:20px}
.ftr .lk{display:flex;flex-direction:column;gap:12px;font-size:14.5px}
.ftr a{text-decoration:none;color:#C3C7CE;transition:color .16s}
.ftr a:hover{color:#FAF7F2}
.ftr .sig{font-family:Serif,serif;font-size:26px;letter-spacing:-.02em;line-height:1.2}
.ftr .sig span{display:block;font-family:Mono,monospace;font-size:9.5px;letter-spacing:.2em;
  color:#7E838E;margin-top:14px}
.ftr .btm{display:flex;justify-content:space-between;padding-top:28px;font-family:Mono,monospace;
  font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#6E727C;flex-wrap:wrap;gap:14px}
@media(max-width:860px){.ftr .top{grid-template-columns:1fr 1fr;gap:36px}}