/* EI YOU! — stili specifici: article */
/* HERO FULL-BLEED */
    .article-hero{position:relative;width:100%;min-height:90vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--accent)}
    .article-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
    .article-hero-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--accent)}
    .article-hero-placeholder span{font-family:'Playfair Display',serif;font-size:clamp(8rem,20vw,22rem);font-weight:700;color:rgba(255,255,255,.04);letter-spacing:-.04em;line-height:1;user-select:none}
    .article-hero-content{position:relative;z-index:2;padding:0 clamp(1.5rem,5vw,3.5rem) clamp(4rem,7vw,7rem);padding-top:calc(68px + 3rem);max-width:1000px}
    .article-hero-top{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem}
    .article-breadcrumb a{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);text-decoration:none}.article-breadcrumb a:hover{color:rgba(255,255,255,.8)}
    .article-breadcrumb span{font-family:'DM Mono',monospace;font-size:.6rem;color:rgba(255,255,255,.2)}
    .article-hero-tag{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:rgba(47,58,231,.2);padding:.3em .8em;display:inline-block}
    .article-hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,6rem);font-weight:700;letter-spacing:-.03em;line-height:1.02;color:#fff;margin-bottom:2.5rem;max-width:900px}
    .article-hero-meta{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12)}
    .article-hero-author{font-size:.9rem;color:rgba(255,255,255,.6);font-weight:300}
    .article-hero-author strong{font-weight:500;color:rgba(255,255,255,.85)}
    .article-hero-date,.article-hero-read{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35)}

    /* ARTICLE LAYOUT */
    .article-layout{display:grid;grid-template-columns:1fr 280px;gap:0;max-width:1280px;margin:0 auto;border-bottom:1px solid var(--rule)}
    .article-main{padding:clamp(4rem,7vw,7rem) clamp(2rem,5vw,5rem) clamp(4rem,7vw,7rem) clamp(1.5rem,5vw,3.5rem);border-right:1px solid var(--rule)}

    /* BODY TYPOGRAPHY */
    .article-body{max-width:680px}
    .article-body > p:first-of-type{font-size:1.2rem;line-height:1.75;color:var(--ink);font-weight:300;margin-bottom:2rem}
    .article-body > p:first-of-type::first-letter{font-family:'Playfair Display',serif;font-size:4.5rem;font-weight:700;float:left;line-height:.8;margin:.05em .12em 0 0;color:var(--accent)}
    .article-body p{font-size:1.05rem;line-height:2;color:var(--deep-brown);font-weight:300;margin-bottom:1.8rem}
    .article-body h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.15;margin:4rem 0 1.4rem;position:relative}
    .article-body h2::before{content:'';display:block;width:2.5rem;height:2px;background:var(--accent);margin-bottom:1.2rem}
    .article-body h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--ink);margin:2.5rem 0 .9rem;font-style:italic}
    .article-body ul{margin:0 0 1.8rem 0;list-style:none}
    .article-body li{font-size:1.05rem;line-height:1.9;color:var(--deep-brown);font-weight:300;margin-bottom:.6rem;padding-left:1.2rem;position:relative}
    .article-body li::before{content:'—';position:absolute;left:0;color:var(--accent);font-weight:400}
    .article-body strong{font-weight:500;color:var(--ink)}
    .article-body em{font-style:italic}
    .article-body a{color:var(--accent)}

    /* PULL QUOTE */
    .article-body blockquote{margin:3.5rem -2rem;padding:2.5rem 2rem;border:none;background:none;position:relative}
    .article-body blockquote::before{content:'"';font-family:'Playfair Display',serif;font-size:8rem;color:rgba(47,58,231,.08);position:absolute;top:-1rem;left:1.5rem;line-height:1}
    .article-body blockquote p{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,2.5vw,2rem);font-style:italic;color:var(--ink);line-height:1.4;margin:0;opacity:.85;position:relative;z-index:1;text-align:center}
    .article-body blockquote p + p{display:none}

    /* CTA BOX */
    .article-cta-box{background:var(--cream);border-left:3px solid var(--accent);padding:2.5rem;margin:4rem 0}
    .article-cta-box p{font-size:.95rem;line-height:1.8;color:var(--deep-brown);font-weight:300;margin-bottom:1.5rem}
    .article-cta-box a{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-decoration:none;border-bottom:1.5px solid rgba(47,58,231,.3);padding-bottom:.2em;margin-right:2rem}.article-cta-box a:hover{border-color:var(--accent)}

    /* SIDEBAR */
    .article-sidebar{padding:clamp(4rem,7vw,7rem) 2.5rem clamp(4rem,7vw,7rem) 2rem}
    .sidebar-inner{position:sticky;top:100px;display:flex;flex-direction:column;gap:2.5rem}
    .sidebar-box{}
    .sidebar-rule{width:1.8rem;height:2px;background:var(--accent);margin-bottom:1rem}
    .sidebar-title{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(26,23,20,.4);margin-bottom:1.4rem;display:block}
    .sidebar-text{font-size:.88rem;line-height:1.75;color:var(--deep-brown);font-weight:300;margin-bottom:1.2rem}
    .sidebar-link{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-decoration:none;border-bottom:1.5px solid rgba(47,58,231,.25);padding-bottom:.15em}.sidebar-link:hover{border-color:var(--accent)}
    .sidebar-stat{padding:.8rem 0;border-bottom:1px solid var(--rule)}
    .sidebar-stat:last-child{border-bottom:none}
    .sidebar-stat-num{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:700;color:var(--accent);display:block;line-height:1;margin-bottom:.3rem}
    .sidebar-stat-text{font-size:.78rem;color:var(--deep-brown);font-weight:300;line-height:1.5;opacity:.7}
    .sidebar-cta{background:var(--accent);padding:1.8rem}
    .sidebar-cta .sidebar-title{color:rgba(255,255,255,.55)}
    .sidebar-cta .sidebar-text{color:rgba(255,255,255,.75)}
    .sidebar-cta .sidebar-link{color:#fff;border-bottom-color:rgba(255,255,255,.35)}.sidebar-cta .sidebar-link:hover{border-color:#fff}

    @media(max-width:900px){
      .article-hero{min-height:70vh}
      .article-layout{grid-template-columns:1fr}
      .article-main{border-right:none;padding:3rem clamp(1.5rem,5vw,3.5rem)}
      .article-sidebar{padding:0 clamp(1.5rem,5vw,3.5rem) 3rem;border-top:1px solid var(--rule)}
      .sidebar-inner{position:static;flex-direction:row;flex-wrap:wrap;gap:1.5rem}
      .sidebar-box{flex:1;min-width:200px}
      .article-body blockquote{margin:3rem 0}
    }
    @media(max-width:600px){
      .article-body > p:first-of-type::first-letter{font-size:3.5rem}
    }

    /* immagine sotto il titolo */
    .article-band{width:100%;aspect-ratio:21/9;overflow:hidden;border-bottom:1px solid var(--rule);background:var(--cream)}
    .article-band img{width:100%;height:100%;object-fit:cover;display:block}