/* About Grand Design Build: company introduction, work and North York showroom. */
.about-page .about-section { padding:clamp(44px,6vw,88px) max(var(--pad),calc((100% - var(--maxw)) / 2)); }
.about-page .about-hero { min-height:900px; }
.about-hero__image { position:absolute;inset:0; }
.about-hero__image img { width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.86); }
.about-hero__image::after { content:"";position:absolute;inset:0;background:var(--heading,#3a2e26);opacity:.12;pointer-events:none; }
.about-page .about-hero .hero__scrim { background:linear-gradient(90deg,rgba(28,23,20,.9),rgba(28,23,20,.62) 48%,rgba(28,23,20,.08)),linear-gradient(0deg,rgba(28,23,20,.8),transparent 38%); }
.about-page .about-hero .hero__h1 { font-size:clamp(46px,6.3vw,88px);max-width:14ch; }
.about-page .about-hero .hero__lede { max-width:37ch;color:#fcf6f2;font-size:clamp(18px,1.55vw,22px); }
.about-page .about-hero .hero__proof { background:rgba(28,23,20,.92); }
.about-page .about-hero .hero__proof a { color:inherit;text-decoration:none; }
.about-page .about-hero .hero__proof a:hover { text-decoration:underline; }
.about-intro,.about-showroom { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center; }
.about-intro { background:var(--g-white,#fff); }
.about-page .about-section .sec-title { font-size:clamp(32px,3.6vw,50px);line-height:1.08;letter-spacing:-.035em; }
.about-page .about-section .eyebrow { margin-bottom:24px; }
.about-intro__copy>p:not(.eyebrow),.about-showroom__copy>p:not(.eyebrow) { font-size:clamp(17px,1.45vw,20px);line-height:1.65;color:#5d5049;margin-top:24px;max-width:51ch; }
.about-link { display:inline-flex;align-items:center;gap:16px;text-decoration:none;font-family:var(--fh);font-size:16px;font-weight:600;color:#4b372b;border-bottom:1px solid #bc7337;padding-bottom:7px; }
.about-link:hover { color:#9a5200; }
.about-text-link { color:inherit;text-decoration-color:#bc7337;text-underline-offset:4px; }
.about-intro__copy>.about-link { margin-top:30px; }
.about-intro__photo,.about-showroom__photo { margin:0;min-width:0; }
.about-intro__photo img { display:block;width:100%;aspect-ratio:5/4;object-fit:cover; }
.about-page figcaption { margin-top:14px;font-size:14px;line-height:1.5;color:#74665e; }
.about-work { background:#f7f3ef; }
.about-work__grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:40px; }
.about-service { display:flex;flex-direction:column;align-items:flex-start;color:inherit;text-decoration:none; }
.about-service__photo { width:100%;margin-bottom:22px;overflow:hidden; }
.about-service__photo img { display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover; }
.about-service__number { font-family:var(--fh);font-size:13px;color:#93623f;letter-spacing:.1em; }
.about-service h3 { margin:24px 0 12px;font-size:24px;line-height:1.2;letter-spacing:-.02em; }
.about-service p { font-size:17px;line-height:1.5;color:#6a5c53;margin-bottom:24px; }
.about-service__arrow { font-family:var(--fh);font-size:26px;color:#9a5200;margin-top:auto; }
.about-service:hover h3 { text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px; }
.about-showroom { background:#fff; }
.about-showroom__photo img { display:block;width:100%;height:auto;aspect-ratio:1200/857;object-fit:cover; }
.about-showroom__address { padding-top:20px;border-top:1px solid #e4dcd5; }
.about-actions { display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:26px; }
.about-next { display:flex;align-items:center;justify-content:space-between;gap:32px;background:#f7f3ef; }
.about-next .btn { flex-shrink:0; }
.about-page a:focus-visible { outline:3px solid #c87d36;outline-offset:5px; }
.about-page .ft__cols a { overflow-wrap:anywhere; }
@media (max-width:1100px) {
  .about-page .about-hero { min-height:0;padding-top:130px;padding-bottom:0; }
  .about-page .about-hero .hero__proof { margin-top:50px; }
  .about-work__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .about-page .about-hero { padding-top:112px; }
  .about-page .about-hero .hero__h1 { font-size:clamp(40px,10vw,58px); }
  .about-intro,.about-showroom { grid-template-columns:1fr;gap:30px; }
  .about-intro__photo { grid-row:2; }
  .about-showroom__photo { grid-row:2; }
  .about-page .about-section .eyebrow { margin-bottom:18px; }
  .about-intro__copy>p:not(.eyebrow),.about-showroom__copy>p:not(.eyebrow) { margin-top:20px; }
  .about-work__grid { gap:30px 22px;margin-top:30px; }
  .about-service h3 { font-size:21px;margin-top:18px; }
  .about-service p { font-size:16px; }
  .about-next { align-items:flex-start;flex-direction:column; }
}
@media (max-width:380px) {
  .about-work__grid { grid-template-columns:1fr;gap:26px; }
  .about-service { position:relative; }
  .about-service__arrow { position:absolute;right:0;bottom:20px; }
  .about-service h3 { margin-top:12px;padding-right:32px; }
  .about-service p { margin-bottom:12px;padding-right:32px; }
}