.about-design{--ab-ink:#204739;--ab-paper:#f3f2e9;color:var(--ab-ink)}
.about-design .ab-hero{background:var(--ab-paper);padding-bottom:55px}
.about-design .ab-opening{display:grid;grid-template-columns:1.2fr .75fr;gap:8%;align-items:center;padding:60px 0 55px}
.about-design .ab-opening h1{font-size:clamp(48px,5.3vw,72px);font-weight:400;line-height:1.04;letter-spacing:-2.8px;margin:24px 0 0}
.about-design .ab-opening>p{font-size:22px;line-height:1.6;margin:0}
.about-design .ab-office{margin:0;position:relative}
.about-design .ab-office img{display:block;width:100%;height:460px;object-fit:cover;object-position:center 50%}
.about-design .ab-office figcaption{font-size:12px;color:#546b5a;margin-top:15px}
.about-design .ab-two{display:grid;grid-template-columns:1fr 1fr;gap:12%}
.about-design h2{font-weight:400;font-size:42px;line-height:1.15;letter-spacing:-1.5px;margin:22px 0}
.about-design .ab-firm{padding:75px 0 55px}
.about-design .ab-two p:not(.eyebrow){font-size:17px;line-height:1.85;color:#576b5d;margin:0 0 20px}
.about-design .ab-two p.ab-lead{font-size:22px;line-height:1.65;color:var(--ab-ink)}
.about-design .ab-link{display:inline-block;font-size:14px;border-bottom:1px solid #829687;text-decoration:none;padding-bottom:5px;margin-top:8px}
.about-design .ab-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cdd4ca;margin-top:55px;padding-top:27px;margin-bottom:0;gap:30px}
.about-design .ab-facts dt{font-size:12px;color:#687b6c;margin-bottom:13px}
.about-design .ab-facts dd{font-size:23px;margin:0}
.about-design .ab-services{padding:65px 0;background:var(--ab-paper)}
.about-design .ab-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end}
.about-design .ab-section-heading>p{font-size:18px;line-height:1.75;max-width:400px;margin:0 0 24px}
.about-design .ab-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;margin-top:22px}
.about-design .ab-service-grid article{border-top:1px solid #ccd3c8;padding:27px 0}
.about-design .ab-service-grid h3{font-weight:400;font-size:27px;margin:0 0 15px}
.about-design .ab-service-grid a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.about-design .ab-service-grid p{font-size:16px;line-height:1.75;color:#576b5d;max-width:440px;margin:0}
.about-design .ab-experience{padding:75px 0}
.about-design .ab-two ul{list-style:none;margin:0;padding:0}
.about-design .ab-experience li{font-size:22px;border-top:1px solid #cdd4ca;padding:20px 0}
.about-design .ab-professional{padding:65px 0;border-top:1px solid #dce1d8}
.about-design .ab-professional li{padding:24px 0;border-top:1px solid #cdd4ca;font-size:21px;line-height:1.6}
.about-design .ab-enquiry{background:var(--ab-ink);padding:55px 0;color:white}
.about-design .ab-enquiry .container{display:flex;align-items:center;justify-content:space-between;gap:40px}
.about-design .ab-enquiry h2{color:white;margin:17px 0;font-size:38px}
.about-design .ab-enquiry p{color:#d8e1d9}
.about-design .ab-enquiry .button{background:var(--ab-paper);color:var(--ab-ink);border-color:var(--ab-paper);white-space:nowrap}
@media(max-width:1000px){.about-design .ab-two,.about-design .ab-opening,.about-design .ab-section-heading{gap:7%}.about-design .ab-opening{grid-template-columns:1.1fr .8fr}.about-design .ab-service-grid{gap:0 35px}.about-design .ab-office img{height:380px}}
@media(max-width:700px){.about-design .ab-hero{padding-bottom:30px}.about-design .ab-opening{display:block;padding:30px 0}.about-design .ab-opening h1{font-size:46px;letter-spacing:-1.8px}.about-design .ab-opening>p{font-size:19px;margin-top:27px}.about-design .ab-office img{height:260px}.about-design .ab-office figcaption{font-size:10px;line-height:1.6}.about-design .ab-two,.about-design .ab-section-heading{display:block}.about-design h2{font-size:34px;letter-spacing:-1.1px}.about-design .ab-two>div+div,.about-design .ab-two>ul{margin-top:30px}.about-design .ab-firm,.about-design .ab-experience,.about-design .ab-professional,.about-design .ab-services{padding:40px 0}.about-design .ab-two p:not(.eyebrow){font-size:16px}.about-design .ab-two p.ab-lead{font-size:20px}.about-design .ab-facts{grid-template-columns:1fr;margin-top:30px;gap:22px}.about-design .ab-facts dt{margin-bottom:7px}.about-design .ab-facts dd{font-size:21px}.about-design .ab-section-heading>p{font-size:16px}.about-design .ab-service-grid{grid-template-columns:1fr}.about-design .ab-service-grid h3{font-size:25px}.about-design .ab-experience li,.about-design .ab-professional li{font-size:19px;padding:18px 0}.about-design .ab-enquiry{padding:40px 0}.about-design .ab-enquiry .container{display:block}.about-design .ab-enquiry h2{font-size:33px}.about-design .ab-enquiry .button{margin-top:18px}}

.about-design .ab-text-only{padding-bottom:35px}
.about-design .ab-text-only h1{font-size:clamp(42px,4.5vw,62px);font-weight:400;line-height:1.15;margin:18px 0 0;letter-spacing:-1.8px}
.about-design .ab-supplied{padding:48px 0 65px}
.about-design .ab-supplied-copy{max-width:880px}
.about-design .ab-supplied-copy p{font-size:18px;line-height:1.9;color:#52675a;margin:0 0 27px}
@media(max-width:700px){.about-design .ab-supplied{padding:30px 0 38px}.about-design .ab-supplied-copy p{font-size:16px;line-height:1.85}}
