@charset "UTF-8";

/*
@copyright: CAFFEINAPURA Srls Unipersonale - All right reserved
Version: 2026.01 - 2026-06-22 00:00
Author: Roberto Cheli
Pagina: /chi-siamo — eredita token, nav, footer, btn da base.css
*/

/* ── Hero ── */
.cs-hero{background:var(--hero-bg);padding:var(--hero-pad-t) var(--gutter) var(--hero-pad-b);position:relative;overflow:hidden;}
.cs-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 0%,var(--g700) 0%,transparent 60%);pointer-events:none;}
.cs-hero-in{max-width:1280px;margin:0 auto;position:relative;z-index:1;}
.cs-hero-eye{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);color:var(--g200);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);margin-bottom:20px;}
h1.cs-hero-h{font-family:var(--ff-d);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:600;color:#fff;letter-spacing:-.035em;line-height:1.1;margin-bottom:16px;}
h1.cs-hero-h em{font-style:italic;color:var(--g200);}
.cs-hero-sub{font-size:1.02rem;color:rgba(255,255,255,.5);line-height:1.8;max-width:620px;}

/* ── Wrap + sezioni ── */
.cs-wrap{max-width:1280px;margin:0 auto;}
.cs-sec-eye{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g500);margin-bottom:12px;}
.cs-sec-eye::before{content:'';width:14px;height:2px;background:var(--g400);border-radius:2px;}
h2.cs-sec-t{font-family:var(--ff-d);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600;color:var(--t900);letter-spacing:-.025em;line-height:1.18;margin-bottom:18px;}
h2.cs-sec-t em{font-style:italic;color:var(--g500);}
.cs-p{font-size:.95rem;color:var(--t500);line-height:1.8;margin-bottom:16px;}

/* ── Split (testo + lato) ── */
.cs-split{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;}
@media(max-width:820px){.cs-split{grid-template-columns:1fr;gap:36px;}}
.cs-split-rev .cs-split-text{order:2;}
.cs-split-rev .cs-founder-card{order:1;}
@media(max-width:820px){.cs-split-rev .cs-split-text{order:1;}.cs-split-rev .cs-founder-card{order:2;}}

/* Missione */
.cs-missione{padding:72px var(--gutter);}
.cs-split-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cs-stat{background:var(--white);border:1px solid var(--border);border-radius:var(--r-l);padding:24px 20px;text-align:center;}
.cs-stat-n{font-family:var(--ff-d);font-size:2rem;font-weight:600;color:var(--g600);line-height:1;margin-bottom:6px;letter-spacing:-.02em;}
.cs-stat-l{font-size:.74rem;color:var(--t500);line-height:1.4;}

/* Fondatore */
.cs-fondatore{padding:72px var(--gutter);background:var(--bg);}
.cs-founder-card{background:var(--g800);border-radius:var(--r-xl);padding:40px 32px;text-align:center;color:#fff;position:relative;overflow:hidden;}
.cs-founder-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,var(--g700) 0%,transparent 65%);pointer-events:none;}
.cs-founder-ic{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--g200);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 18px;position:relative;z-index:1;}
.cs-founder-name{font-family:var(--ff-d);font-size:1.4rem;font-weight:600;margin-bottom:4px;position:relative;z-index:1;}
.cs-founder-role{font-size:.85rem;color:var(--g200);margin-bottom:18px;position:relative;z-index:1;}
.cs-founder-meta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;position:relative;z-index:1;}
.cs-founder-meta span{font-size:.78rem;color:rgba(255,255,255,.55);display:inline-flex;align-items:center;gap:6px;}
.cs-founder-meta i{color:var(--g300);font-size:.7rem;}
.cs-inline-link{display:inline-flex;align-items:center;gap:7px;font-size:.875rem;font-weight:600;color:var(--g600);text-decoration:none;transition:gap var(--ease);}
.cs-inline-link:hover{gap:11px;}

/* Valori */
.cs-valori{padding:72px var(--gutter);}
.cs-valori-hd{text-align:center;margin-bottom:44px;}
.cs-valori-hd .cs-sec-eye{justify-content:center;}
.cs-valori-hd h2.cs-sec-t{text-align:center;}
.cs-valori-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media(max-width:900px){.cs-valori-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.cs-valori-grid{grid-template-columns:1fr;}}
.cs-valore{background:var(--white);border:1px solid var(--border);border-radius:var(--r-l);padding:26px 22px;transition:box-shadow var(--ease-m),transform var(--ease-m);}
.cs-valore:hover{box-shadow:var(--sh-m);transform:translateY(-3px);}
.cs-valore-ic{width:44px;height:44px;border-radius:var(--r-l);background:var(--g100);color:var(--g600);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:16px;}
.cs-valore-t{font-family:var(--ff-d);font-size:1.02rem;font-weight:600;color:var(--t900);margin-bottom:8px;}
.cs-valore-p{font-size:.85rem;color:var(--t500);line-height:1.7;}

/* CTA */
.cs-cta{background:var(--g900);padding:64px var(--gutter);position:relative;overflow:hidden;}
.cs-cta::before{content:'';position:absolute;top:-120px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(74,119,64,.2) 0%,transparent 65%);pointer-events:none;}
.cs-cta-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;position:relative;z-index:1;}
.cs-cta-copy{max-width:540px;}
.cs-cta-t{font-family:var(--ff-d);font-size:clamp(1.5rem,3vw,2.3rem);font-weight:600;color:#fff;letter-spacing:-.025em;line-height:1.12;margin-bottom:12px;}
.cs-cta-t em{font-style:italic;color:var(--g200);}
.cs-cta-sub{font-size:.92rem;color:rgba(255,255,255,.5);line-height:1.7;}
.cs-cta-act{display:flex;gap:10px;flex-wrap:wrap;}
.cs-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--g500);color:#fff;font-family:var(--ff-b);font-size:.875rem;font-weight:600;padding:.85rem 1.7rem;border-radius:var(--r);text-decoration:none;transition:background var(--ease);}
.cs-btn-primary:hover{background:var(--g600);}
.cs-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);font-family:var(--ff-b);font-size:.875rem;font-weight:600;padding:.85rem 1.7rem;border-radius:var(--r);text-decoration:none;transition:all var(--ease);}
.cs-btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);}