/* About Us — spacing aligned to mockup (desktop + mobile) */

.about-page{
  --about-pad-x:clamp(1.25rem,5vw,4rem);
  --about-pad-y:clamp(2.75rem,6vw,4.75rem);
  --about-gap:clamp(2rem,4vw,4rem);
  color:var(--white);
}

.about-page .s-lbl{margin-bottom:1.35rem}
.about-page .s-h2{margin:0}
.about-page .s-inner-h1{margin:0}
.about-page .s-inner-sub{
  margin:1.5rem 0 0;
  max-width:38rem;
  color:var(--silver);
  font-size:clamp(0.95rem,1.15vw,1.05rem);
  line-height:1.85;
}
.about-page .s-desc,
.about-prose{
  margin:1.25rem 0 0;
  max-width:40rem;
  color:var(--silver);
  font-size:1rem;
  line-height:1.9;
}
.about-prose--narrow{max-width:35rem}
.about-page .s-btn-row{gap:0.85rem;flex-wrap:wrap}

/* ---- Hero ---- */
.about-hero-wrap{
  padding:2.25rem var(--about-pad-x) var(--about-pad-y);
  background:var(--deep);
}
.about-hero-wrap .s-breadcrumb{margin-bottom:1.5rem}
.about-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  grid-template-areas:
    "copy record"
    "actions record";
  column-gap:4.5rem;
  row-gap:2rem;
  align-items:start;
}
.about-hero-copy{grid-area:copy}
.about-hero-copy .s-lbl{margin-bottom:1.5rem}
.about-hero-copy .s-inner-h1{
  max-width:16ch;
  font-size:clamp(2.1rem,4.2vw,3.5rem);
  line-height:1.12;
  letter-spacing:-0.01em;
}
.about-hero-actions{
  grid-area:actions;
  margin:0;
  padding-top:0.25rem;
}
.about-record{
  grid-area:record;
  border:1px solid rgba(200,168,75,.2);
  background:rgba(24,35,56,.9);
  padding:1.85rem 1.65rem;
}
.about-record-lbl{
  font-size:.68rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.25rem;
  font-weight:500;
}
.about-record-row{
  display:flex;
  flex-direction:column;
  gap:.4rem;
  padding:1.05rem 0;
  border-bottom:1px solid rgba(200,168,75,.12);
}
.about-record-row:first-child{padding-top:0}
.about-record-row:last-child{border-bottom:0;padding-bottom:0}
.about-record-k{
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.about-record-v{
  font-size:.95rem;
  color:var(--white);
  line-height:1.55;
  white-space:pre-line;
}

/* ---- Shared bands ---- */
.about-band{padding:var(--about-pad-y) var(--about-pad-x)}
.about-founder-band{background:rgba(24,35,56,.72)}
.about-different-band{background:var(--ink)}
.about-story-band{background:var(--deep)}
.about-proof-band{background:var(--deep)}

/* ---- Founder ---- */
.about-founder{
  display:grid;
  grid-template-columns:minmax(240px,440px) minmax(0,1fr);
  gap:var(--about-gap);
  align-items:start;
}
.about-founder-photo{
  display:flex;
  flex-direction:column;
  gap:0.9rem;
  width:100%;
  max-width:440px;
}
.about-founder-frame{
  position:relative;
  width:100%;
  aspect-ratio:440/540;
  overflow:hidden;
  background:#151c2c;
  border:1px solid rgba(200,168,75,.18);
}
.about-founder-frame img,
.about-founder-frame .s-f-photo,
.about-founder-frame .s-f-photo--about,
.about-founder-frame .s-img-ph{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center 18%!important;
  border-radius:0!important;
  border:0!important;
  display:block!important;
}
.about-founder-caption{
  font-size:.78rem;
  color:var(--silver);
  line-height:1.6;
  font-weight:300;
}
.about-founder-copy .s-h2{
  max-width:18ch;
  font-size:clamp(1.7rem,3vw,2.45rem);
  line-height:1.22;
}
.about-founder-copy .about-prose + .about-prose{margin-top:1.15rem}
.about-founder-stats{
  display:flex;
  flex-wrap:wrap;
  gap:1.75rem 2.5rem;
  margin-top:2.25rem;
  padding-top:1.85rem;
  border-top:1px solid rgba(200,168,75,.14);
}
.about-founder-stat{min-width:5.5rem}
.about-founder-stat strong{
  display:block;
  font-family:'Cormorant',serif;
  font-size:clamp(1.85rem,2.4vw,2.15rem);
  color:var(--white);
  font-weight:600;
  line-height:1;
}
.about-founder-stat span{
  display:block;
  margin-top:.55rem;
  font-size:.68rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(154,173,196,.85);
  line-height:1.5;
  white-space:pre-line;
}

/* ---- Different ---- */
.about-different{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,28rem);
  gap:var(--about-gap);
  align-items:center;
}
.about-different-copy .s-h2{
  max-width:18ch;
  font-size:clamp(1.7rem,3.2vw,2.55rem);
  line-height:1.25;
}
.about-diff-list{border-top:1px solid rgba(200,168,75,.18)}
.about-diff-item{
  display:flex;
  gap:1.2rem;
  padding:1.3rem 0;
  border-bottom:1px solid rgba(200,168,75,.18);
}
.about-diff-n{
  flex:none;
  font-family:ui-monospace,Menlo,monospace;
  font-size:.75rem;
  color:var(--gold);
  padding-top:.2rem;
  line-height:1.5;
}
.about-diff-item h3{
  margin:0;
  font-size:1rem;
  color:var(--white);
  font-weight:500;
  line-height:1.4;
}
.about-diff-item p{
  margin:.45rem 0 0;
  font-size:.9rem;
  color:var(--silver);
  line-height:1.7;
}

/* ---- Story + group ---- */
.about-story-heading{
  max-width:28ch;
  font-size:clamp(1.7rem,3.2vw,2.55rem);
  line-height:1.22;
  margin-bottom:0;
}
.about-story-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:2.75rem;
  border-top:1px solid rgba(200,168,75,.22);
}
.about-story-col{
  padding:1.6rem 1.35rem 0 0;
  border-right:1px solid rgba(200,168,75,.12);
}
.about-story-col:not(:first-child){padding-left:1.35rem}
.about-story-col:last-child{border-right:0;padding-right:0}
.about-story-era{
  font-family:'Cormorant',serif;
  font-size:clamp(1.4rem,2vw,1.85rem);
  color:var(--gold);
  font-weight:600;
  line-height:1.1;
}
.about-story-col h3{
  margin:0.9rem 0 0;
  font-size:.98rem;
  color:var(--white);
  font-weight:500;
  line-height:1.4;
}
.about-story-col p{
  margin:.55rem 0 0;
  font-size:.88rem;
  color:var(--silver);
  line-height:1.75;
}
.about-group{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--about-gap);
  align-items:start;
  margin-top:3.25rem;
  padding-top:2.5rem;
  border-top:1px solid rgba(200,168,75,.14);
}
.about-group-copy .s-lbl{margin-bottom:1rem}
.about-group-copy .about-prose{margin-top:0}
.about-group-list{border-top:1px solid rgba(200,168,75,.14)}
.about-group-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:1.25rem;
  padding:1.05rem 0;
  border-bottom:1px solid rgba(200,168,75,.1);
}
.about-group-row:last-child{border-bottom:0}
.about-group-row strong{
  display:block;
  color:var(--white);
  font-weight:500;
  font-size:.95rem;
}
.about-group-row span{
  display:block;
  margin-top:.3rem;
  color:var(--silver);
  font-size:.82rem;
  line-height:1.5;
}
.about-group-since{
  color:var(--muted);
  font-size:.78rem;
  white-space:nowrap;
  flex:none;
}

/* ---- Split: how we work / believe ---- */
.about-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-top:1px solid rgba(200,168,75,.14);
  border-bottom:1px solid rgba(200,168,75,.14);
  background:var(--deep);
}
.about-split-col{
  padding:var(--about-pad-y) var(--about-pad-x);
}
.about-split-col--muted{background:rgba(24,35,56,.55)}
.about-split-col + .about-split-col{border-left:1px solid rgba(200,168,75,.14)}
.about-split-heading{
  font-size:clamp(1.5rem,2.5vw,2rem);
  line-height:1.3;
  max-width:16ch;
}
.about-steps{
  display:flex;
  flex-direction:column;
  gap:1.55rem;
  margin-top:2rem;
}
.about-step{display:flex;gap:1.1rem;align-items:flex-start}
.about-step-n{
  flex:none;
  width:2.15rem;
  height:2.15rem;
  border:1px solid rgba(200,168,75,.45);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:.72rem;
  color:var(--gold);
  margin-top:.1rem;
}
.about-step h3{
  margin:0;
  font-size:1rem;
  color:var(--white);
  font-weight:500;
  line-height:1.4;
}
.about-step p{
  margin:.4rem 0 0;
  font-size:.9rem;
  color:var(--silver);
  line-height:1.75;
}
.about-beliefs{margin-top:2rem}
.about-belief{
  padding:1.4rem 0;
  border-bottom:1px solid rgba(200,168,75,.12);
}
.about-belief:first-child{padding-top:0}
.about-belief:last-child{border-bottom:0;padding-bottom:0}
.about-belief h3{
  margin:0;
  font-family:'Cormorant',serif;
  font-size:1.3rem;
  color:var(--white);
  font-weight:600;
  line-height:1.35;
}
.about-belief p{
  margin:.55rem 0 0;
  font-size:.9rem;
  color:var(--silver);
  line-height:1.75;
}

/* ---- Proof ---- */
.about-proof{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,24rem);
  gap:var(--about-gap);
  align-items:start;
}
.about-proof-copy .s-lbl{margin-bottom:1.5rem}
.about-proof blockquote{
  margin:0;
  font-family:'Cormorant',serif;
  font-size:clamp(1.2rem,2vw,1.55rem);
  line-height:1.55;
  color:var(--white);
  max-width:40rem;
}
.about-proof-follow{
  margin:1.15rem 0 0;
  max-width:40rem;
  color:var(--silver);
  font-size:.95rem;
  line-height:1.85;
}
.about-proof-attr{
  display:flex;
  align-items:center;
  gap:.85rem;
  margin-top:1.4rem;
  flex-wrap:wrap;
}
.about-stars{display:inline-flex;gap:2px}
.about-stars span{
  width:1.15rem;
  height:1.15rem;
  background:#00B67A;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:.7rem;
}
.about-proof-attr p{
  margin:0;
  font-size:.82rem;
  color:var(--silver);
  line-height:1.55;
}
.about-logos{
  display:flex;
  gap:0.85rem;
  margin-top:2.5rem;
  padding-top:1.85rem;
  border-top:1px solid rgba(200,168,75,.12);
}
.about-logo-slot{
  flex:1;
  min-height:5.5rem;
  height:5.5rem;
  border:1px solid rgba(200,168,75,.16);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.65rem .75rem;
  overflow:hidden;
}
.about-logo-slot img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:none;
  opacity:1;
}
.about-result{
  border:1px solid rgba(200,168,75,.2);
  padding:1.75rem 1.55rem;
  background:rgba(24,35,56,.9);
}
.about-result .about-record-lbl{margin-bottom:1.15rem}
.about-result-client{
  color:var(--white);
  font-size:.95rem;
  font-weight:500;
  line-height:1.45;
}
.about-result-period{
  margin:.45rem 0 0;
  font-size:.8rem;
  color:var(--muted);
  line-height:1.55;
}
.about-result-metrics{
  margin-top:1.25rem;
  border-top:1px solid rgba(200,168,75,.12);
}
.about-result-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:1rem;
  padding:.9rem 0;
  border-bottom:1px solid rgba(200,168,75,.1);
}
.about-result-row:last-child{border-bottom:0}
.about-result-row span{font-size:.88rem;color:var(--silver)}
.about-result-row strong{
  font-family:'Cormorant',serif;
  font-size:1.25rem;
  color:var(--white);
  font-weight:600;
  white-space:nowrap;
}
.about-result-row em{
  font-style:normal;
  font-family:'Outfit',sans-serif;
  font-size:.75rem;
  color:#4ade80;
  margin-left:.35rem;
  font-weight:500;
}
.about-result-note{
  margin:1.15rem 0 0;
  font-size:.88rem;
  color:var(--silver);
  line-height:1.75;
}
.about-result-link{
  display:inline-block;
  margin-top:1.15rem;
  color:var(--gold);
  font-size:.9rem;
  font-weight:500;
}

/* ---- CTA ---- */
.about-cta-band{
  padding:var(--about-pad-y) var(--about-pad-x);
  background:rgba(24,35,56,.72);
  border-top:1px solid rgba(200,168,75,.12);
}
.about-cta-block{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2.5rem;
}
.about-cta-heading{
  margin:0;
  font-family:'Cormorant',serif;
  font-size:clamp(1.55rem,2.8vw,2.1rem);
  font-weight:600;
  color:var(--white);
  line-height:1.3;
  max-width:22ch;
}
.about-cta-sub{
  margin:0.9rem 0 0;
  color:var(--silver);
  font-size:.95rem;
  line-height:1.75;
}
.about-cta-legal{
  margin:1.25rem 0 0;
  font-size:.8rem;
  color:var(--muted);
  line-height:1.75;
  white-space:pre-line;
  max-width:36rem;
}
.about-cta-actions{
  display:flex;
  flex-direction:column;
  gap:.8rem;
  align-items:flex-start;
  flex:none;
}
.about-cta-phone{font-size:.85rem;color:var(--silver)}
.about-cta-phone a{color:inherit;text-decoration:none}
.about-cta-phone a:hover{color:var(--gold)}

/* ---- Tablet ---- */
@media (max-width:1100px){
  .about-hero{column-gap:2.5rem}
  .about-founder{grid-template-columns:minmax(220px,360px) minmax(0,1fr)}
  .about-founder-photo{max-width:360px}
  .about-different{grid-template-columns:1fr}
  .about-diff-list{margin-top:.5rem}
  .about-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-story-col:nth-child(2){border-right:0;padding-right:0}
  .about-story-col:nth-child(3),
  .about-story-col:nth-child(4){
    padding-top:1.5rem;
    border-top:1px solid rgba(200,168,75,.12);
  }
  .about-proof{grid-template-columns:1fr}
}

/* ---- Mobile ---- */
@media (max-width:800px){
  .about-page{
    --about-pad-x:1.25rem;
    --about-pad-y:2.35rem;
  }

  .about-hero-wrap{padding-top:1.5rem;padding-bottom:2.15rem}
  .about-hero-wrap .s-breadcrumb{margin-bottom:1.25rem}
  .about-hero{
    grid-template-columns:1fr;
    grid-template-areas:
      "copy"
      "record"
      "actions";
    row-gap:1.5rem;
  }
  .about-hero-copy .s-lbl{margin-bottom:1rem}
  .about-hero-copy .s-inner-h1{max-width:none;font-size:clamp(1.85rem,8vw,2.25rem)}
  .about-hero-copy .s-inner-sub{margin-top:1.15rem;font-size:.92rem;line-height:1.8}
  .about-record{padding:1.25rem 1.15rem}
  .about-record-row{padding:.85rem 0}
  .about-hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .about-hero-actions .s-btn-p,
  .about-hero-actions .s-btn-g{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .about-founder{grid-template-columns:1fr;gap:1.5rem}
  .about-founder-photo{max-width:none}
  .about-founder-frame{aspect-ratio:390/300}
  .about-founder-copy .s-h2{max-width:none;font-size:clamp(1.45rem,6vw,1.85rem)}
  .about-founder-stats{gap:1.35rem 1.75rem;margin-top:1.75rem;padding-top:1.5rem}
  .about-founder-stat{min-width:4.5rem}

  .about-different-copy .s-h2{max-width:none}
  .about-diff-item{padding:1.1rem 0}

  .about-story-heading{max-width:none}
  .about-story-grid{
    grid-template-columns:1fr;
    margin-top:1.75rem;
  }
  .about-story-col,
  .about-story-col:not(:first-child),
  .about-story-col:last-child,
  .about-story-col:nth-child(2),
  .about-story-col:nth-child(3),
  .about-story-col:nth-child(4){
    border-right:0;
    border-top:0;
    border-bottom:1px solid rgba(200,168,75,.12);
    padding:1.25rem 0;
  }
  .about-story-col:last-child{border-bottom:0;padding-bottom:0}
  .about-story-col:first-child{padding-top:1.25rem}

  .about-group{
    grid-template-columns:1fr;
    gap:1.5rem;
    margin-top:2.25rem;
    padding-top:1.85rem;
  }
  .about-group-row{
    flex-direction:column;
    align-items:flex-start;
    gap:.35rem;
  }
  .about-group-since{white-space:normal}

  .about-split{grid-template-columns:1fr}
  .about-split-col + .about-split-col{
    border-left:0;
    border-top:1px solid rgba(200,168,75,.14);
  }
  .about-split-heading{max-width:none}
  .about-steps,
  .about-beliefs{margin-top:1.5rem}

  .about-proof{gap:2rem}
  .about-proof blockquote{font-size:1.2rem}
  .about-logos{
    flex-wrap:wrap;
    gap:.65rem;
    margin-top:1.75rem;
    padding-top:1.35rem;
  }
  .about-logo-slot{
    flex:1 1 calc(50% - .65rem);
    min-width:calc(50% - .65rem);
    min-height:5rem;
    height:5rem;
  }

  .about-cta-block{
    flex-direction:column;
    align-items:stretch;
    gap:1.75rem;
  }
  .about-cta-heading{max-width:none}
  .about-cta-actions{width:100%}
  .about-cta-actions .s-btn-p{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}