/* EI YOU! — stili specifici: blog */
/* HERO PAGINA */
    .page-hero{background:var(--cream);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,5vw,3.5rem) clamp(3rem,5vw,5rem);padding-top:calc(clamp(5rem,9vw,9rem) + 68px);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
    .hero-label{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(26,23,20,.35);margin-bottom:2rem;display:block}
    .hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.06;font-weight:700;letter-spacing:-.03em;color:var(--ink);margin-bottom:0}
    .hero-title em{font-style:italic;color:var(--accent)}
    .hero-quote-block{border-left:2px solid var(--accent);padding-left:2rem}
    .hero-quote{font-family:'Playfair Display',serif;font-size:clamp(1.2rem,2vw,1.7rem);font-style:italic;color:var(--ink);line-height:1.5;opacity:.6}

    /* POST IN EVIDENZA */
    .featured{padding:clamp(4rem,7vw,7rem) clamp(1.5rem,5vw,3.5rem);border-bottom:1px solid var(--rule)}
    .featured-label{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(26,23,20,.35);margin-bottom:2rem;display:block}
    .featured-card{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);cursor:pointer;transition:box-shadow .25s}
    .featured-card:hover{box-shadow:0 8px 40px rgba(26,23,20,.08)}
    .featured-img{background:var(--cream);aspect-ratio:4/3;overflow:hidden;position:relative}
    .featured-img img{width:100%;height:100%;object-fit:cover;display:block}
    .featured-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#EEEDFE 0%,#F5F0E8 100%)}
    .featured-img-placeholder span{font-family:'Playfair Display',serif;font-size:4rem;opacity:.15;color:var(--accent)}
    .featured-body{padding:3rem;display:flex;flex-direction:column;justify-content:space-between;background:var(--white)}
    .post-tag{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:block}
    .featured-title{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.02em;margin-bottom:1.2rem}
    .featured-excerpt{font-size:.95rem;line-height:1.85;color:var(--deep-brown);opacity:.7;font-weight:300;margin-bottom:2rem}
    .post-meta{display:flex;align-items:center;gap:1.5rem;border-top:1px solid var(--rule);padding-top:1.5rem}
    .post-date{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(26,23,20,.35)}
    .post-read{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}

    /* GRIGLIA */
    .blog-grid-section{padding:clamp(4rem,7vw,7rem) clamp(1.5rem,5vw,3.5rem)}
    .blog-grid-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}
    .blog-grid-title{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--ink);letter-spacing:-.02em}
    .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
    .post-card{cursor:pointer;transition:opacity .2s}.post-card:hover{opacity:.8}
    .post-card-img{aspect-ratio:16/10;overflow:hidden;margin-bottom:1.5rem;background:var(--cream)}
    .post-card-img img{width:100%;height:100%;object-fit:cover;display:block}
    .post-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#EEEDFE 0%,#F5F0E8 100%)}
    .post-card-img-placeholder span{font-family:'Playfair Display',serif;font-size:2.5rem;opacity:.15;color:var(--accent)}
    .post-card-tag{font-family:'DM Mono',monospace;font-size:.57rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;display:block}
    .post-card-title{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:var(--ink);line-height:1.25;letter-spacing:-.01em;margin-bottom:.8rem}
    .post-card-excerpt{font-size:.88rem;line-height:1.75;color:var(--deep-brown);opacity:.65;font-weight:300;margin-bottom:1.2rem}
    .post-card-meta{display:flex;gap:1rem;align-items:center;border-top:1px solid var(--rule);padding-top:1rem}
    .post-card-date{font-family:'DM Mono',monospace;font-size:.57rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(26,23,20,.3)}

    /* NEWSLETTER */
    .newsletter{background:var(--accent);padding:clamp(4rem,7vw,7rem) clamp(1.5rem,5vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
    .newsletter-label{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:1.2rem;display:block}
    .newsletter-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}
    .newsletter-title em{font-style:italic;color:rgba(255,255,255,.7)}
    .newsletter-sub{font-size:.95rem;color:rgba(255,255,255,.6);line-height:1.8;font-weight:300}
    .newsletter-cta{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.5);padding-bottom:.25em;display:inline-block;transition:border-color .2s}.newsletter-cta:hover{border-color:#fff}

    /* RESPONSIVE */
    @media(max-width:900px){
      .page-hero{grid-template-columns:1fr;gap:2rem}
      .featured-card{grid-template-columns:1fr}
      .featured-img{aspect-ratio:16/9}
      .blog-grid{grid-template-columns:1fr 1fr}
      .newsletter{grid-template-columns:1fr;gap:2.5rem}
    }
    @media(max-width:600px){
      .blog-grid{grid-template-columns:1fr}
    }

    /* schede cliccabili */
    a.featured-card{color:inherit;text-decoration:none}
    .post-card > a{display:block;color:inherit;text-decoration:none}
    .featured-img img{width:100%;height:100%;object-fit:cover;display:block}
    .post-card-img img{width:100%;height:100%;object-fit:cover;display:block}
