/**
 * Impronta — About / Legal
 */
.about-page{max-width:820px;margin:0 auto;padding:40px 20px 80px}
.about-hero{text-align:center;margin-bottom:var(--sp-12)}
.about-hero__h1{font-size:clamp(28px,4vw,44px);font-weight:var(--fw-light);color:var(--gold);margin-bottom:var(--sp-2);letter-spacing:-.02em}
.about-hero__sub{font-size:15px;color:var(--ink55);line-height:var(--lh-loose)}
.about-section{margin-bottom:var(--sp-8)}
.about-section__h2{font-size:18px;font-weight:var(--fw-regular);color:var(--ink);margin-bottom:var(--sp-4);letter-spacing:-.01em}
.about-section__body{font-size:14px;color:var(--ink55);line-height:var(--lh-loose);font-weight:var(--fw-light)}

.legal-page{max-width:820px;margin:0 auto;padding:40px 20px 80px}
.legal-page h1{font-size:clamp(24px,4vw,36px);color:var(--gold);margin-bottom:var(--sp-2);font-weight:var(--fw-light);letter-spacing:-.02em}
.legal-updated{color:var(--ink40);font-size:13px;margin-bottom:var(--sp-8)}
.legal-section{margin-bottom:var(--sp-8);padding-bottom:var(--sp-8);border-bottom:0.5px solid var(--ln)}
.legal-section:last-child{border-bottom:none}
.legal-section h2{font-size:16px;font-weight:var(--fw-medium);color:var(--ink);margin-bottom:var(--sp-3)}
.legal-section p,.legal-section li{font-size:14px;color:var(--ink55);line-height:var(--lh-loose);font-weight:var(--fw-light)}
.legal-inner{color:var(--ink70)}


/* ════════════════════════════════════════════════════════════════
   STILI .story-* (mergiati da assets/css/about.css il 2026-06-23)
   ════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   Impronta — Pagina "Chi siamo" / La storia di Impronta
   Usa container/home-section (app.css, app-responsive.css) +
   classi .story-* definite qui.
   ══════════════════════════════════════════════════════════════ */

.story-hero{ padding:88px 0 52px; text-align:center; position:relative; overflow:hidden; }
.story-hero__glow{ position:absolute; inset:0; background:radial-gradient(ellipse at 50% -12%, rgba(181,144,58,.11), transparent 62%); pointer-events:none; }

.story-eyebrow{ font-family:'Cinzel','Cormorant Garamond',serif; font-size:10px; letter-spacing:.28em; text-transform:uppercase; color:var(--gold); opacity:.7; margin-bottom:18px; }

.story-title{ font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(34px,5.4vw,58px); font-weight:400; line-height:1.12; letter-spacing:.01em; color:var(--ink); margin:0 0 18px; }
.story-title em{ font-style:italic; color:var(--gold); }
.story-lead{ font-size:17px; line-height:1.8; color:var(--ink60); font-weight:300; max-width:540px; margin:0 auto; }

.story-divider{ max-width:340px; margin:0 auto; height:1px; background:linear-gradient(90deg,transparent,rgba(181,144,58,.25),transparent); }

.story-h2{ font-family:'Cormorant Garamond',serif; font-size:clamp(24px,3vw,34px); font-weight:400; color:var(--ink); line-height:1.2; margin:0 0 18px; }
.story-h2 em{ font-style:italic; color:var(--gold); }

.story-body{ font-size:15.5px; line-height:1.85; color:var(--ink60); max-width:640px; }
.story-body.center{ margin:0 auto; text-align:center; }
.story-body p{ margin:0 0 15px; }
.story-body p:last-child{ margin-bottom:0; }
.story-body strong{ color:var(--ink); font-weight:600; }

/* ── Fondatori ─────────────────────────────────────────────── */
.story-team{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:38px; }
.story-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--rL); padding:28px 24px; text-align:center; }
.story-card__photo{
  width:72px; height:72px; border-radius:50%; margin:0 auto 14px;
  display:flex; align-items:center; justify-content:center;
  font-family:'Cormorant Garamond',serif; font-size:28px; color:#fff;
  border:1px solid var(--border); position:relative; overflow:hidden;
}
.story-card__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.story-card__name{ font-family:'Cormorant Garamond',serif; font-size:24px; color:var(--ink); margin:6px 0 3px; }
.story-card__role{ font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
.story-card__bio{ font-size:13.5px; line-height:1.7; color:var(--ink60); }
.story-card__bio em{ display:block; margin-top:11px; font-size:12px; color:var(--ink30); font-style:italic; }

/* ── Strumenti: Risonanza / Eco ────────────────────────────── */
.story-feats{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:32px; }
.story-feat{ border:1px solid var(--border); border-radius:var(--rL); padding:30px 28px; background:var(--ink05); }
.story-feat__ic{ width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.story-feat__title{ font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:500; margin:0 0 10px; }
.story-feat__txt{ font-size:14px; line-height:1.72; color:var(--ink60); }
.story-feat__txt strong{ color:var(--ink); font-weight:600; }
.story-feat--res .story-feat__ic{ background:rgba(181,144,58,.12); color:var(--gold); }
.story-feat--res .story-feat__title{ color:var(--gold); }
.story-feat--eco .story-feat__ic{ background:rgba(126,184,201,.12); color:#7eb8c9; }
.story-feat--eco .story-feat__title{ color:#7eb8c9; }

.story-cta{ display:inline-flex; align-items:center; gap:10px; padding:15px 36px; background:var(--gold); color:#13110e; border-radius:var(--r); font-size:15px; font-weight:600; text-decoration:none; margin-top:30px; transition:all .2s; }
.story-cta:hover{ background:var(--cream); color:#13110e; text-decoration:none; transform:translateY(-1px); }

/* Su desktop la 5ª card (sola) va centrata sotto le due colonne */
@media (min-width:769px){
  .story-team > .story-card:nth-child(5):last-child{ grid-column:1 / -1; max-width:calc(50% - 9px); margin-inline:auto; }
}

@media (max-width:768px){
  .story-team{ grid-template-columns:1fr; }
  .story-feats{ grid-template-columns:1fr; }
}