/* ============================================================
   ALDACO BV — css/pages/about.css
   ============================================================ */
.about-hero{background:var(--black);padding:calc(var(--nav-h) + 80px) 0 100px;position:relative;overflow:hidden}
.about-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(184,147,90,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(184,147,90,0.05) 1px,transparent 1px);background-size:80px 80px}
.about-hero-inner{position:relative;z-index:1;max-width:760px}
.about-hero h1{font-size:clamp(2.8rem,6vw,5rem);color:var(--warm-off-white);font-weight:300;line-height:1.1;margin-bottom:24px}
.about-hero h1 em{font-style:italic;color:var(--gold-light)}
.about-hero p{font-size:1.1rem;color:rgba(246,242,234,0.65);max-width:520px;line-height:1.75}

.about-story{background:var(--warm-off-white);padding:130px 0;position:relative}
.about-story-inner{display:grid;grid-template-columns:4fr 6fr;gap:80px;align-items:start}
.about-story-left h2{font-size:clamp(2rem,3.5vw,3rem);color:var(--black);font-weight:300;position:sticky;top:120px}
.about-story-right p{font-size:1rem;color:var(--text-muted);margin-bottom:20px;line-height:1.8}
.list-clean{list-style:none;margin:32px 0}
.list-clean li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:0.95rem;color:var(--charcoal)}
.list-clean li::before{content:'';width:6px;height:6px;background:var(--gold);border-radius:50%;flex-shrink:0}

.philosophy{background:var(--charcoal);padding:120px 0;position:relative}
.philosophy-header{text-align:center;margin-bottom:64px}
.philosophy-header h2{font-size:clamp(2rem,4vw,3rem);color:var(--warm-off-white);font-weight:300;margin-top:12px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pillar{padding:48px 40px;border:1px solid rgba(184,147,90,0.2);border-radius:2px;transition:border-color 0.3s,background 0.3s}
.pillar:hover{border-color:var(--gold);background:rgba(184,147,90,0.05)}
.pillar-icon{font-family:var(--font-display);font-size:3rem;color:var(--gold);margin-bottom:20px;font-style:italic;font-weight:300}
.pillar h3{font-size:1.4rem;color:var(--warm-off-white);font-weight:400;margin-bottom:14px}
.pillar p{font-size:0.9rem;color:rgba(246,242,234,0.55);line-height:1.8;margin-top:6px}

.vision{background:var(--cream);padding:120px 0;position:relative}
.vision-inner{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:center}
.vision h2{font-size:clamp(2rem,3.5vw,3rem);color:var(--black);font-weight:300}
.vision-points{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.vision-point{padding:28px 24px;background:var(--white);border:1px solid var(--border);border-radius:2px}
.vision-point h4{font-family:var(--font-display);font-size:1.1rem;color:var(--black);font-weight:500;margin-bottom:8px}
.vision-point p{font-size:0.85rem;color:var(--text-muted)}

@media(max-width:900px){
  .about-story-inner{grid-template-columns:1fr;gap:40px}
  .about-story-left h2{position:static}
  .vision-inner{grid-template-columns:1fr;gap:40px}
}
@media(max-width:768px){.pillars{grid-template-columns:1fr}}
@media(max-width:640px){.about-hero{padding:calc(var(--nav-h) + 40px) 0 72px}}
@media(max-width:500px){
  .vision-points{grid-template-columns:1fr}
  .pillar{padding:28px 24px}
}