/* ═══════════════════════════════════════════════════════════
   ChiaraB — Sistema pagine PHP  (namespace .cbp-)
   Condiviso da: page-contatti.php, page-chi-sono.php, page-team.php,
   page-lets-plan.php. Token brand coerenti con home.css / landingpost.css.
   ═══════════════════════════════════════════════════════════ */
:root{
  --cbp-blush:#bb847a; --cbp-blush-dk:#a06f66; --cbp-text:#5a5a58; --cbp-ink:#3d3b39;
  --cbp-cream:#f4f0ed; --cbp-paper:#faf7f4; --cbp-white:#fff; --cbp-line:#e6ddd6;
  --cbp-serif:'Cormorant Garamond',Georgia,serif; --cbp-max:1140px;
}
/* reset wrapper Solene su queste pagine */
.cbp-page .eltdf-content,.cbp-page .eltdf-content-inner,
.cbp-page .eltdf-full-width,.cbp-page .eltdf-full-width-inner,
.cbp-page .eltdf-page-content-holder{padding:0!important;margin:0!important}
.cbp-page .eltdf-grid-row{margin:0!important}
.cbp-x *{box-sizing:border-box}
.cbp-x img{max-width:100%;height:auto;display:block}

.cbp-wrap{max-width:var(--cbp-max);margin:0 auto;padding:0 22px}
.cbp-eyebrow{font-family:var(--cbp-serif);font-size:clamp(20px,3vw,28px);letter-spacing:.24em;
  text-transform:uppercase;color:var(--cbp-ink);text-align:center;margin:0 0 .3em;font-weight:500}
.cbp-h1{font-family:var(--cbp-serif);font-weight:400;color:var(--cbp-ink);
  font-size:clamp(28px,4.6vw,48px);line-height:1.18;letter-spacing:.03em;margin:0 0 .25em;text-align:center}
.cbp-hsub{font-family:var(--cbp-serif);font-style:italic;color:var(--cbp-text);
  font-size:clamp(16px,2.2vw,23px);text-align:center;max-width:760px;margin:0 auto;line-height:1.5}
.cbp-h2{font-family:var(--cbp-serif);font-weight:400;color:var(--cbp-ink);
  font-size:clamp(23px,3vw,34px);letter-spacing:.03em;margin:0 0 .5em}
.cbp-lead{font-size:clamp(15px,1.6vw,17px);line-height:1.85;color:var(--cbp-text)}
.cbp-btn{display:inline-block;background:var(--cbp-blush);color:#fff;font-family:var(--cbp-serif);
  font-size:20px;font-weight:700;padding:13px 30px;border-radius:6px;text-decoration:none;border:1px solid var(--cbp-blush);transition:.25s}
.cbp-btn:hover,.cbp-btn:focus-visible{background:#fff;color:var(--cbp-text);outline:2px solid var(--cbp-blush);outline-offset:2px}
.cbp-sec{padding:clamp(48px,7vw,92px) 0}
.cbp-sec--paper{background:var(--cbp-paper)}
.cbp-sec--cream{background:var(--cbp-cream)}

/* ── HERO ── */
.cbp-hero{position:relative;min-height:clamp(340px,52vh,520px);display:flex;align-items:flex-end;overflow:hidden;background:#e8e0da}
.cbp-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cbp-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45))}
.cbp-hero-in{position:relative;z-index:2;width:100%;max-width:var(--cbp-max);margin:0 auto;padding:0 22px 34px;color:#fff}
.cbp-bc,.cbp-bc a{color:rgba(255,255,255,.9);font-family:var(--cbp-serif);font-style:italic;font-size:15px;text-decoration:none}
.cbp-hero--center{align-items:center;text-align:center}
.cbp-hero--center .cbp-hero-in{padding-bottom:0}
.cbp-hero h1{font-family:var(--cbp-serif);font-weight:400;font-size:clamp(30px,5vw,56px);color:#fff;
  letter-spacing:.04em;margin:.2em 0 0;text-shadow:0 2px 20px rgba(0,0,0,.4)}

/* ── due colonne (chi sono / contatti) ── */
.cbp-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.cbp-imgs{display:flex;flex-direction:column;gap:14px}
.cbp-imgs img{border-radius:3px;width:100%}
.cbp-text p{margin:0 0 1.1em}

/* ── CONTATTI ── */
.cbp-contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,60px);align-items:start}
.cbp-cinfo img{border-radius:3px;margin-bottom:24px}
.cbp-citem{margin:0 0 18px}
.cbp-citem .lab{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cbp-blush-dk);display:block;margin-bottom:3px}
.cbp-citem a,.cbp-citem span{font-family:var(--cbp-serif);font-size:19px;color:var(--cbp-ink);text-decoration:none}
.cbp-citem a:hover{color:var(--cbp-blush)}
.cbp-promo{font-family:var(--cbp-serif);font-style:italic;font-size:18px;color:var(--cbp-text);
  border-left:3px solid var(--cbp-blush);padding-left:16px;margin:0 0 26px}

/* ── TEAM ── */
.cbp-team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cbp-member{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:var(--cbp-blush)}
.cbp-member-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cbp-member-band{position:absolute;left:0;right:0;bottom:0;z-index:2;background:rgba(187,132,122,.92);
  color:#fff;text-align:center;padding:16px 14px;transition:opacity .3s}
.cbp-member-band .nm{font-family:var(--cbp-serif);font-style:italic;font-size:22px;letter-spacing:.04em;display:block}
.cbp-member-band .rl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.92;display:block;margin-top:4px;line-height:1.5}
.cbp-member-over{position:absolute;inset:0;z-index:3;background:var(--cbp-blush);color:#fff;
  display:flex;flex-direction:column;justify-content:center;text-align:center;padding:24px 20px;
  opacity:0;transition:opacity .3s}
.cbp-member:hover .cbp-member-over,.cbp-member:focus-within .cbp-member-over{opacity:1}
.cbp-member-over .nm{font-family:var(--cbp-serif);font-style:italic;font-size:23px;margin-bottom:2px}
.cbp-member-over .rl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.92;margin-bottom:14px}
.cbp-member-over ul{list-style:none;margin:0 0 14px;padding:0;font-size:13.5px;line-height:1.7}
.cbp-member-over .soc{font-family:var(--cbp-serif);font-style:italic;font-size:15px;color:#fff;text-decoration:underline}

/* ── IG section ── */
.cbp-ig{padding:clamp(40px,6vw,72px) 0 0}
.cbp-ig-feed{max-width:1320px;margin:0 auto}

/* ── CHI SONO: hook, valori, righe storia, CTA band ── */
.cbp-hook{font-family:var(--cbp-serif);font-style:italic;font-size:clamp(19px,2.4vw,26px);
  line-height:1.5;color:var(--cbp-ink);text-align:center;max-width:820px;margin:clamp(20px,3vw,30px) auto 0}
.cbp-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:980px;margin:0 auto}
.cbp-value{text-align:center;padding:22px 16px;border:1px solid var(--cbp-line);border-radius:10px;background:var(--cbp-white)}
.cbp-value .vt{display:block;font-family:var(--cbp-serif);font-size:clamp(19px,2.2vw,23px);color:var(--cbp-ink);margin-bottom:6px}
.cbp-value .vd{font-size:14px;line-height:1.6;color:var(--cbp-text)}
.cbp-story-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,60px);align-items:center;margin:0 0 clamp(38px,6vw,68px)}
.cbp-story-row:last-child{margin-bottom:0}
.cbp-story-row .cbp-story-img img{border-radius:4px;width:100%}
.cbp-story-row.rev .cbp-story-img{order:2}
.cbp-story-text h2{font-family:var(--cbp-serif);font-weight:400;color:var(--cbp-ink);font-size:clamp(23px,3vw,32px);margin:0 0 .45em}
.cbp-story-text p{margin:0 0 1em}
.cbp-cta-band{background:var(--cbp-cream);text-align:center;padding:clamp(44px,6vw,76px) 22px}
.cbp-cta-band h2{font-family:var(--cbp-serif);font-weight:400;font-size:clamp(24px,3vw,34px);color:var(--cbp-ink);margin:0 0 .3em}
.cbp-cta-band p{color:var(--cbp-text);margin:0 auto 1.3em;max-width:620px;line-height:1.7}
.cbp-cta-band .cbp-btn{margin:0 6px}
.cbp-btn--ghost{background:transparent;color:var(--cbp-blush-dk);font-size:17px}
.cbp-btn--ghost:hover{background:var(--cbp-blush);color:#fff}

@media(max-width:900px){
  .cbp-two,.cbp-contact{grid-template-columns:1fr}
  .cbp-story-row{grid-template-columns:1fr;gap:20px}
  .cbp-story-row.rev .cbp-story-img{order:0}
  .cbp-values{grid-template-columns:1fr;max-width:420px}
  .cbp-team{grid-template-columns:repeat(2,1fr)}
  .cbp-member-over{opacity:1;background:rgba(187,132,122,.0)}
  .cbp-member-over .nm,.cbp-member-over .rl,.cbp-member-over ul{display:none} /* su mobile mostra la band, non l'overlay */
  .cbp-member:hover .cbp-member-over{opacity:1;background:var(--cbp-blush)}
}
@media(max-width:560px){.cbp-team{grid-template-columns:1fr;max-width:360px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.cbp-btn,.cbp-member-over,.cbp-member-band{transition:none}}