/* RITE CLOTHING — about
   layout: quiet like the other pages. A caps title with the place on the right, then the
   four numbered sections — number left, text in the centre column, title right. */

body.about-page{background:#E5E5E5}

.ab{
  --col:min(44vw, 640px);
  --hair:rgba(13,28,56,.12);
  padding-bottom:clamp(64px, 12vh, 120px);
}
.ab-hero{padding:clamp(40px, 8vh, 80px) var(--gutter) 0}
.ab-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.ab-big{margin:0;font-size:clamp(16px, 1.7vw, 26px);font-weight:500;letter-spacing:.08em;line-height:1.2}
.ab-place{font-size:var(--fs-s);color:var(--muted);white-space:nowrap}

.ab-row{
  scroll-margin-top:calc(var(--hdr-h) + 24px);
  display:grid;grid-template-columns:minmax(0,1fr) var(--col) minmax(0,1fr);align-items:start;
  margin:0 var(--gutter);padding:clamp(40px, 7vh, 72px) 0;
  border-bottom:1px solid var(--hair);
}
.ab-row:first-of-type{margin-top:clamp(36px, 7vh, 72px);border-top:1px solid var(--hair)}
.ab-num{font-variant-numeric:tabular-nums;color:var(--muted)}
.ab-title{margin:0;font-size:var(--fs);font-weight:500;text-align:right}

.ab-text{display:flex;flex-direction:column;gap:1.3em}
.ab-text p{margin:0;line-height:2;letter-spacing:.08em}

.ab-end{display:flex;justify-content:center;margin-top:clamp(40px, 8vh, 80px)}

/* phone: number + title on one line, text full width below */
@media (max-width:699px){
  .ab{--col:100%}
  .ab-row{
    grid-template-columns:auto 1fr;
    grid-template-areas:"num title" "text text";
    row-gap:18px;padding:32px 0;
  }
  .ab-num{grid-area:num}
  .ab-title{grid-area:title}
  .ab-text{grid-area:text}
  .ab-row:first-of-type{margin-top:36px}
}