/* ==========================================================================
   DECORQUIP ABOUT US — page-only components (v2, from the 2026-09-09 mockup)
   Loads AFTER decorquip-home.css, which supplies sections, eyebrows,
   headings, text, buttons, the .dq-promise list and the responsive rules.
   ========================================================================== */

/* --- Hero: photo band + cream "who we are" body ------------------------
   The section also carries .dq-hero, so on desktop it inherits the homepage
   behaviour (cream body pinned to the bottom of the first screen, photo
   absorbing the difference). The photo is CENTRED here, not bottom-anchored:
   three classes so this outranks the homepage rule. */
.dq-abouthero__media{height:520px;background:var(--dq-cream-dark);overflow:hidden;}
.dq-abouthero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.dq-hero.dq-abouthero .dq-hero__media img{object-position:center center;}

.dq-abouthero__body{
  padding:64px 0 96px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:64px;align-items:start;
}
.dq-abouthero__title{
  margin:0;max-width:14ch;font-size:40px;line-height:1.15;letter-spacing:-.01em;
  font-weight:500;color:var(--dq-navy);
}
.dq-abouthero__title span{font-size:35px;font-weight:400;color:var(--dq-terracotta);}

/* --- History: five milestones in a row ---------------------------------- */
.dq-history{
  margin-top:40px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px 24px;align-items:start;
}
.dq-history__item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:16px;}
.dq-history__year{
  margin:0;font-size:20px;line-height:1.15;letter-spacing:-.01em;
  font-weight:500;color:var(--dq-navy);
}
.dq-history__year span{display:block;font-size:17.5px;font-weight:400;color:var(--dq-sand);}
.dq-history__text{margin:0;font-size:16px;line-height:1.65;color:var(--dq-body);}

/* --- Purpose: the statement beside the numbered values ------------------ */
.dq-statement{margin:0;font-size:32px;line-height:1.35;font-weight:400;color:var(--dq-cream);}
.dq-promise__item--last{border-bottom:1px solid rgba(204,177,159,.2);}

/* --- Team --------------------------------------------------------------- */
.dq-team{margin-top:64px;display:flex;flex-direction:column;gap:64px;}
.dq-team__group{border-top:1px solid var(--dq-line);padding-top:24px;}
.dq-team__title{
  margin:0;font-size:24px;line-height:1.08;letter-spacing:-.01em;
  font-weight:500;color:var(--dq-navy);
}
.dq-team__grid{
  margin-top:24px;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px;
}
.dq-team__photo{
  display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;
  border-radius:var(--dq-radius);background:var(--dq-cream-dark);border:1px solid var(--dq-line);
}
.dq-team__name{margin-top:16px;font-size:16px;color:var(--dq-navy);}
.dq-team__role{font-size:14px;color:var(--dq-muted);}

/* --- Closing CTA -------------------------------------------------------- */
.dq-section--ruled{border-top:1px solid var(--dq-line);}
.dq-cta{max-width:720px;margin:0 auto;text-align:center;}
.dq-cta__text{margin:24px auto 0;max-width:520px;font-size:16px;line-height:1.65;color:var(--dq-body);}
.dq-cta__action{margin-top:40px;display:flex;justify-content:center;}
.dq-cta__note{margin:24px 0 0;font-size:14px;line-height:1.6;color:var(--dq-body);}
.dq-cta__note a{color:var(--dq-navy);text-decoration:underline;}
.dq-cta__note a:hover{color:var(--dq-terracotta);}

/* --- Responsive --------------------------------------------------------- */
@media (max-width:1100px){
  .dq-abouthero__title{font-size:34px;}
  .dq-abouthero__title span{font-size:30px;}
}
@media (max-width:760px){
  .dq-abouthero__media{height:280px;}
  .dq-abouthero__body{padding:40px 0 56px;gap:24px;}
  .dq-abouthero__title{font-size:28px;max-width:none;}
  .dq-abouthero__title span{font-size:24px;}
  .dq-history{grid-template-columns:1fr 1fr;gap:32px 20px;}
  .dq-statement{font-size:24px;}
  .dq-team{margin-top:40px;gap:40px;}
  .dq-team__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;}
}
@media (max-width:480px){
  .dq-history{grid-template-columns:1fr;}
}