/* EI YOU! — stili specifici: esperienze */
.page-hero{background:var(--cream);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,5vw,3.5rem) clamp(4rem,7vw,7rem);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-inner{max-width:100%}
    .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}
    .marquee-strip{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:.9rem 0;overflow:hidden;white-space:nowrap;background:var(--white)}
    .marquee-inner{display:inline-block;animation:marquee 35s linear infinite}
    .marquee-inner span{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(26,23,20,.35);margin:0 2.8rem}
    .marquee-inner span.accent{color:var(--accent);opacity:.8}
    @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .filter-bar{background:var(--white);border-bottom:1px solid var(--rule);padding:1.2rem clamp(1.5rem,5vw,3.5rem);display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;position:sticky;top:68px;z-index:50}
    .filter-label{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,23,20,.4);margin-right:.5rem}
    .filter-btn{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid rgba(26,23,20,.15);padding:.4rem 1rem;cursor:pointer;transition:all .2s}
    .filter-btn:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
    .filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
    .exp-list{border-top:1px solid var(--rule)}
    .exp-item{border-bottom:1px solid var(--rule)}
    .exp-header{display:grid;grid-template-columns:80px 1fr 40px;gap:1.5rem;align-items:center;padding:1.8rem clamp(1.5rem,5vw,3.5rem);cursor:pointer;transition:background .2s;user-select:none}
    .exp-header:hover{background:rgba(47,58,231,.03)}
    .exp-num{font-family:'Playfair Display',serif;font-size:clamp(3rem,5vw,5.5rem);font-weight:700;color:rgba(26,23,20,.05);line-height:1;letter-spacing:-.03em}
    .exp-tag{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.5rem}
    .exp-title{font-family:'Playfair Display',serif;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.15}
    .exp-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(26,23,20,.15);border-radius:50%;transition:all .3s;flex-shrink:0}
    .exp-arrow svg{width:14px;height:14px;stroke:var(--ink);fill:none;stroke-width:2;transition:transform .3s}
    .exp-item.open .exp-arrow{background:var(--accent);border-color:var(--accent)}
    .exp-item.open .exp-arrow svg{stroke:#fff;transform:rotate(45deg)}
    .exp-body{display:none;padding:0 clamp(1.5rem,5vw,3.5rem) 3rem}
    .exp-item.open .exp-body{display:block}
    .exp-body-content{padding-top:1.5rem;border-top:1px solid rgba(26,23,20,.07);max-width:640px}
    .exp-desc{font-size:1rem;line-height:1.9;color:var(--deep-brown);font-weight:300;margin-bottom:2rem;opacity:.85}
    .exp-details{border-top:1px solid rgba(26,23,20,.07);margin-bottom:1.8rem}
    .exp-detail-row{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(26,23,20,.07)}
    .exp-detail-row:last-child{border-bottom:none}
    .exp-detail-label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(26,23,20,.35)}
    .exp-detail-value{font-size:.88rem;font-weight:300;color:var(--deep-brown)}
    .exp-cta{display:inline-block;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 var(--accent);padding-bottom:.2em;transition:opacity .2s}.exp-cta:hover{opacity:.65}
    .page-cta{background:var(--accent);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,5vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
    .page-cta-label{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:1.5rem;display:block}
    .page-cta-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,4rem);font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.12;margin-bottom:1.2rem}
    .page-cta-title em{font-style:italic;color:rgba(255,255,255,.75)}
    .page-cta-sub{font-size:1rem;font-weight:300;color:rgba(255,255,255,.65);line-height:1.85}
    .page-cta-right{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}
    .page-cta-detail{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.1em;color:rgba(255,255,255,.4);line-height:1.8}
    .btn-cta-white{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#fff;border-bottom:1.5px solid rgba(255,255,255,.6);padding-bottom:.25em;display:inline-block;transition:border-color .2s}.btn-cta-white:hover{border-color:#fff}
    @media(max-width:900px){
      .page-hero{grid-template-columns:1fr;gap:2rem}
      .exp-header{grid-template-columns:60px 1fr 36px}
      .exp-body-content{max-width:100%}
      .page-cta{grid-template-columns:1fr;gap:2.5rem}
    }
    @media(max-width:600px){
      .exp-header{grid-template-columns:44px 1fr 32px}
    }