/* Chi siamo — estensione del design system Sérenamente */
.about-hero{
  min-height:720px;
  display:grid;
  align-items:center;
  text-align:center;
  padding:100px 0 92px;
}
.about-hero-inner{max-width:990px;margin:0 auto}
.about-hero h1{font-size:clamp(3rem,6.6vw,6.25rem);max-width:960px;margin:0 auto 22px}
.about-kicker{
  font-family:"Lora",Georgia,serif;
  font-style:italic;
  color:var(--terra);
  font-size:clamp(1.45rem,2.8vw,2.25rem);
  margin:0 auto 34px;
}
.about-intro{max-width:760px;margin:0 auto;font-size:1.06rem}
.about-trust{padding-bottom:66px}

.competence-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:96px;
  align-items:start;
}
.competence-grid h2{font-size:clamp(2.35rem,4.3vw,4rem)}
.competence-copy{max-width:650px}
.registry-note{
  margin-top:42px;
  padding-top:30px;
  border-top:1px solid var(--line);
}
.registry-note .eyebrow{margin-bottom:10px}

.story{padding:142px 0}
.story-grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:100px;
  align-items:start;
}
.story-aside{position:sticky;top:130px}
.practice-number{display:flex;align-items:baseline;gap:16px;margin:28px 0 34px}
.practice-number span{
  font-family:"Lora",Georgia,serif;
  font-size:clamp(5rem,9vw,8.2rem);
  line-height:.85;
  color:var(--terra);
}
.practice-number small{
  max-width:130px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.72rem;
  line-height:1.45;
  font-weight:600;
  color:var(--brown);
}
.story-aside-line{
  max-width:300px;
  font-family:"Lora",Georgia,serif;
  font-style:italic;
  font-size:1.3rem;
  line-height:1.45;
  color:var(--brown);
}
.story-copy{max-width:700px}
.story-copy h2{margin-bottom:38px}
.story-copy p{margin-bottom:24px}
.story-copy strong{color:var(--brown)}
.story-emphasis{
  font-family:"Lora",Georgia,serif;
  color:var(--terra-dark);
  font-size:clamp(1.55rem,2.5vw,2.15rem);
  line-height:1.38;
  margin:48px 0 30px !important;
}

.lived{padding:138px 0}
.lived-inner{max-width:1000px}
.lived .eyebrow{color:#E7B3A1}
.lived-manifesto{
  font-family:"Lora",Georgia,serif;
  font-size:clamp(2.35rem,4.6vw,4.35rem);
  line-height:1.22;
  color:var(--ivory);
  max-width:980px;
  margin-bottom:38px;
}
.lived-copy{
  max-width:700px;
  font-size:1.08rem;
  color:#F0DDD5;
}

.philosophy{padding:145px 0;background:var(--white)}
.philosophy-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:100px;
  align-items:start;
}
.philosophy-title{position:sticky;top:130px}
.philosophy-title h2{font-size:clamp(2.4rem,4.4vw,4.15rem)}
.philosophy-copy{max-width:650px}
.philosophy-copy p{margin-bottom:24px}
.philosophy-copy .lead{
  font-family:"Lora",Georgia,serif;
  color:var(--terra);
  font-size:clamp(1.65rem,2.7vw,2.3rem);
  line-height:1.38;
  margin-bottom:34px;
}
.not-failure{
  font-family:"Lora",Georgia,serif;
  font-style:italic;
  color:var(--brown);
  font-size:1.45rem;
  margin:42px 0 12px !important;
}

.human{
  padding:132px 0;
  background:var(--beige);
  text-align:center;
}
.human-inner{max-width:900px;margin:0 auto}
.human p{
  font-family:"Lora",Georgia,serif;
  font-size:clamp(1.35rem,2.4vw,2rem);
  max-width:790px;
  margin:0 auto 12px;
  color:var(--brown);
}
.human h2{
  color:var(--terra);
  font-style:italic;
  font-size:clamp(3.3rem,7vw,6.6rem);
  margin:0;
}

.about-closing{padding:150px 0}
.about-closing h2{margin-bottom:20px}
.closing-line{
  font-family:"Lora",Georgia,serif;
  font-style:italic;
  color:var(--terra);
  font-size:clamp(1.45rem,2.6vw,2.2rem);
  margin-bottom:28px;
}
.about-closing .closing-inner > p:not(.eyebrow):not(.closing-line){
  max-width:690px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:34px;
}
.about-footer{
  border-top:1px solid var(--line);
  padding:42px 0 50px;
  text-align:center;
}
.about-footer .brand{justify-content:center;margin-bottom:10px}
.about-footer p{font-size:.85rem;margin:0;color:#7a7168}

@media (max-width:900px){
  .about-hero{min-height:auto;padding:100px 0 80px}
  .competence-grid,.story-grid,.philosophy-grid{grid-template-columns:1fr;gap:54px}
  .story-aside,.philosophy-title{position:static}
  .story{padding:100px 0}
  .lived,.philosophy,.human{padding:100px 0}
  .practice-number span{font-size:6rem}
}
@media (max-width:640px){
  .about-hero{text-align:left;padding:78px 0 68px}
  .about-hero h1{font-size:clamp(2.65rem,14vw,4.3rem)}
  .about-kicker{margin-left:0}
  .about-intro{margin-left:0}
  .story-copy p,.competence-copy p,.philosophy-copy p{font-size:1rem}
  .lived-manifesto{font-size:2.35rem}
  .human{text-align:left}
  .human p{margin-left:0}
}

.hub-roles{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 24px}
.hub-roles span{border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:.82rem;color:var(--brown);background:var(--white)}
.scope-note{font-size:.88rem;color:#756d65;margin-top:20px}
.story-bridge{font-family:"Lora",Georgia,serif;font-style:italic;color:var(--brown);font-size:1.15rem;line-height:1.5;max-width:320px;margin:18px 0 34px}