/* =========================================================================
   despre.css — About page (#21). Loaded globally; scoped under .about-* blocks.
   Reuses eyebrow, cardgrid/card, btn, panel.
   ========================================================================= */
.about-hero .row,.about-pillars .row,.about-approach .row,.about-values .row,.about-areas .row,.about-cta .row{max-width:var(--container);padding-left:var(--gutter);padding-right:var(--gutter);width:100%}
.about-hero .col,.about-pillars .col,.about-approach .col,.about-values .col,.about-areas .col,.about-cta .col{padding:0}
.about-hero .col-inner,.about-pillars .col-inner,.about-approach .col-inner,.about-values .col-inner,.about-areas .col-inner,.about-cta .col-inner{margin:0}
.about-hero__row > .col{width:auto;max-width:none;flex:none;min-width:0}

/* Hero */
.about-hero{background:var(--c-cream)}
.about-hero .row{padding-top:64px;padding-bottom:70px}
.about-hero__row{display:grid !important;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.about-hero__crumbs{font-size:13px;color:var(--c-muted-2);margin-bottom:24px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.about-hero__crumbs a{color:var(--c-muted-2);text-decoration:none}
.about-hero__crumbs a:hover{color:var(--c-brown)}
.about-hero__crumbs .is-current{color:var(--c-brown)}
.about-hero__title{font-family:var(--f-serif);font-size:46px;font-weight:600;line-height:1.12;letter-spacing:-.01em;color:var(--c-ink-2);margin:0 0 22px;text-wrap:balance}
.about-hero__lead{font-size:17.5px;line-height:1.7;color:var(--c-body);margin:0;max-width:560px}
.about-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.about-portrait{aspect-ratio:4/5;border-radius:var(--radius);background:repeating-linear-gradient(135deg,#efe7d6,#efe7d6 11px,#e9dfca 11px,#e9dfca 22px);border:1px solid var(--c-cream-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.about-portrait__label{font-family:var(--f-serif);font-size:18px;color:#a8997e}
.about-portrait__note{font-size:12px;color:#b6a888;letter-spacing:.04em}

/* Trust pillars (dark) */
.about-pillars{background:var(--c-ink);color:var(--c-on-dark)}
.about-pillars .row{padding-top:64px;padding-bottom:64px}
.about-pillars__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.about-pillar{padding:0 32px;border-left:1px solid var(--c-line-dark);display:flex;flex-direction:column;gap:10px}
.about-pillar__big{font-family:var(--f-serif);font-size:34px;font-weight:600;color:var(--c-terra);line-height:1.1}
.about-pillar__title{font-family:var(--f-serif);font-size:19px;font-weight:600;color:var(--c-on-dark-strong)}
.about-pillar__desc{font-size:14px;color:var(--c-on-dark-muted);line-height:1.6}

/* Approach */
.about-approach{background:var(--c-cream)}
.about-approach .row{max-width:1000px;padding-top:84px;padding-bottom:84px}
.about-approach .eyebrow{margin-bottom:14px}
.about-approach__title{font-family:var(--f-serif);font-size:34px;font-weight:600;letter-spacing:-.01em;color:var(--c-ink-2);margin:0 0 30px;max-width:720px}
.about-approach__body{columns:2;column-gap:48px;font-size:16px;line-height:1.8;color:var(--c-body)}
.about-approach__body p{margin:0 0 18px}
.about-approach__body p:last-child{margin:0}

/* Values */
.about-values{background:var(--c-cream-soft);border-top:1px solid var(--c-cream-line)}
.about-values .row{padding-top:84px;padding-bottom:84px}
.about-values__head{margin-bottom:42px}
.about-values__head .eyebrow{margin-bottom:14px}
.about-values__title{font-family:var(--f-serif);font-size:34px;font-weight:600;letter-spacing:-.01em;color:var(--c-ink-2);margin:0}
.cardgrid--cols-4{grid-template-columns:repeat(4,1fr)}
.about-values .card{padding:26px;gap:12px}
.about-values .card::before{content:"";width:13px;height:13px;background:var(--c-brown);transform:rotate(45deg)}
.about-values .card__title{font-family:var(--f-serif);font-size:19px;font-weight:600;color:var(--c-ink-2);margin-top:4px}
.about-values .card__desc{font-size:14px;color:var(--c-body-2);line-height:1.6}

/* Areas recap */
.about-areas{background:var(--c-cream)}
.about-areas .row{max-width:1000px;padding-top:84px;padding-bottom:84px;text-align:center}
.about-areas__title{font-family:var(--f-serif);font-size:30px;font-weight:600;letter-spacing:-.01em;color:var(--c-ink-2);margin:0 0 14px}
.about-areas__text{font-size:16px;color:var(--c-body-2);line-height:1.7;max-width:560px;margin:0 auto 30px}
.about-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.about-tag{font-size:14px;color:#3a332c;background:var(--c-white);border:1px solid var(--c-cream-line);border-radius:2px;padding:10px 16px;font-weight:500}

/* CTA (darker than the footer, to separate the two dark blocks) */
.about-cta{background:#171310;color:var(--c-on-dark)}
.about-cta .row{max-width:900px;padding-top:74px;padding-bottom:74px;text-align:center}
.about-cta__title{font-family:var(--f-serif);font-size:34px;font-weight:500;color:var(--c-on-dark-strong);margin:0 0 16px;letter-spacing:-.01em;text-wrap:balance}
.about-cta__text{font-size:16.5px;color:var(--c-on-dark-soft);line-height:1.7;max-width:580px;margin:0 auto 30px}
.about-cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media (max-width:849px){
  .about-hero__row{grid-template-columns:1fr;gap:32px}
  .about-hero__title{font-size:34px}
  .about-pillars__grid{grid-template-columns:1fr;gap:28px}
  .about-pillar{border-left:0;border-top:1px solid var(--c-line-dark);padding:20px 0 0}
  .about-approach__body{columns:1}
  .cardgrid--cols-4{grid-template-columns:1fr 1fr}
}