.about-container { width: min(1200px, 100%); margin-inline: auto; }
.about-intro, .about-history, .about-mission, .about-vision { padding: clamp(48px, 7vw, 100px) clamp(20px, 5vw, 72px); }
.about-intro { background: linear-gradient(90deg, rgba(245, 242, 234, .95), rgba(245, 242, 234, .78)), url("../img/hero/toscana-slide-story.png") center / cover; }
.about-intro-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); gap: clamp(36px, 6vw, 84px); align-items: center; }
.about-copy { min-width: 0; }
.about-copy p { color: var(--muted); font-size: clamp(1rem, 1.2vw, 1.1rem); line-height: 1.8; margin-bottom: 22px; }
.about-copy strong { color: var(--dark); }
.about-intro h1, .about-history h2, .about-mission h2, .about-vision h2 { font-family: var(--font-display); font-weight: 400; line-height: 1.04; margin: 0 0 28px; }
.about-intro h1 { font-size: clamp(3.6rem, 7vw, 6.5rem); }
.about-history h2, .about-mission h2, .about-vision h2 { font-size: clamp(2.8rem, 4.5vw, 4.6rem); }
.about-intro .eyebrow, .about-mission .eyebrow { color: var(--accent-dark); }
.about-intro .made-italy-story { color: var(--dark); margin-bottom: 28px; }
.about-founder { min-width: 0; margin: 0; }
.about-founder .story-portrait { width: 100%; height: auto; aspect-ratio: 4 / 5; max-height: none; transform: none; }
.about-founder .story-portrait > img:first-child { display: block; }
.about-founder .story-signature { opacity: 1; transform: rotate(-4deg); }
.about-founder figcaption { display: flex; flex-direction: column; gap: 3px; margin-top: 24px; padding-left: 4px; }
.about-founder figcaption strong { font-size: 1.05rem; }
.about-founder figcaption span { color: var(--muted); font-size: .85rem; }
.about-history, .about-vision { background: radial-gradient(ellipse at 85% 10%, rgba(200, 155, 92, .1), transparent 55%), var(--dark); color: var(--white); }
.about-history .eyebrow, .about-vision .eyebrow { color: var(--accent); }
.about-history-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 84px); margin-top: 40px; }
.about-history-fact { border-top: 1px solid rgba(200, 155, 92, .5); padding-top: 22px; }
.about-history-fact > span { color: var(--accent); font-family: var(--font-display); font-size: clamp(5rem, 9vw, 8rem); line-height: 1.1; }
.about-history-fact p { color: rgba(255, 255, 255, .65); margin-top: 12px; }
.about-history .about-copy p, .about-vision .about-copy p { color: rgba(255, 255, 255, .72); }
.about-history .about-copy strong, .about-vision .about-copy strong { color: var(--white); }
.about-mission { background: var(--stone-soft); }
.about-values-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(32px, 6vw, 84px); }
.about-detail-photo { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 32px; box-shadow: var(--shadow); }
.about-detail-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.about-vision-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 84px); }
.about-vision .about-vision-statement { padding-left: 22px; border-left: 3px solid var(--accent); margin: 34px 0; color: var(--white); font-family: var(--font-display); font-size: clamp(2rem, 3vw, 3rem); line-height: 1.15; }
@media (max-width: 800px) {
  .about-intro-grid, .about-history-grid, .about-values-grid, .about-vision-grid { grid-template-columns: minmax(0, 1fr); }
  .about-founder { width: min(430px, 100%); justify-self: center; }
  .about-detail-photo { aspect-ratio: 4 / 3; }
  .about-history-grid { margin-top: 24px; }
}