.about-design { --ab-ink:hsl(222 86% 20%); --ab-muted:hsl(220 16% 43%); --ab-line:hsl(218 25% 89%); --ab-paper:hsl(216 33% 97%); --ab-white:hsl(0 0% 100%); --ab-pink:hsl(334 75% 48%); }
.about-design .section { padding-block:88px; }
.about-design .phero__panel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:56px; align-items:center; padding:56px; }
.about-design .phero__copy { max-width:none; }
.about-hero-image { margin:0; align-self:stretch; min-height:340px; border-radius:12px 60px 12px 12px; overflow:hidden; }
.about-hero-image img { width:100%; height:100%; object-fit:cover; }
.about-design .phero__h1 { font-size:clamp(36px,3.8vw,58px); }
.about-design .abtnav { background:var(--ab-white); border-bottom:1px solid var(--ab-line); }
.about-design .abtnav__link { padding-block:22px; border-radius:0; }
.about-design .abtnav__link[aria-current] { color:var(--ab-pink); border-bottom:2px solid var(--ab-pink); background:transparent; }
.about-design .split { gap:72px; align-items:center; }
.about-design .split__object .ph { border-radius:12px 56px 12px 12px; overflow:hidden; }
.about-design .split__copy>p { font-size:18px; line-height:1.7; color:var(--ab-muted); }
.about-design .section--tint { background:var(--ab-paper); }
.about-design .sec__head { margin-bottom:36px; }
.about-design .facts { gap:28px; }
.about-design .fact { padding:32px; background:var(--ab-white); border:1px solid var(--ab-line); border-radius:12px; text-align:left; }
.about-design .fact__fig--word { font-size:30px; }
.about-design .fact__ico { margin-left:0; }
.about-design .fact__lbl { font-size:17px; line-height:1.6; }
.about-design .fact__fig,.about-design .fact__unit { color:var(--ab-ink); }
.about-design .fact__lbl { color:var(--ab-muted); }
.about-design .facts { background:transparent; padding:0; border:0; }
.about-design .ticks { background:var(--ab-paper); border-radius:16px; padding:32px 40px; }
.about-design .ticks li { padding-block:16px; font-size:19px; }
.about-design .ofc__item { border:1px solid var(--ab-line); border-radius:10px; padding:24px; background:var(--ab-white); }
.about-design .ofc__city { font-size:25px; }
.about-design .ofc__addr { margin-top:12px; }
.about-contact { background:var(--ab-paper); }
.about-contact-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center; }
.about-contact-lead { font-size:20px; line-height:1.65; margin-top:26px; color:var(--ab-muted); }
.about-contact .stepc__h2 { color:var(--ab-ink); --mk-band:linear-gradient(101deg,hsl(202 80% 82% / .8),hsl(332 75% 85% / .7)); --mk-spark:var(--ab-pink); --mk-arc:var(--ab-pink); }
.about-contact .sp-enquiry { margin:0; }
.about-design a:focus-visible,.about-design summary:focus-visible { outline:3px solid var(--ab-pink); outline-offset:4px; }
@media(max-width:1000px) { .about-design .phero__panel { padding:36px; gap:32px; } .about-contact-grid,.about-design .split { gap:36px; } }
@media(max-width:760px) { .about-design .section { padding-block:56px; } .about-design .phero__panel,.about-contact-grid { grid-template-columns:minmax(0,1fr); } .about-hero-image { min-height:0; height:240px; } .about-design .phero__panel { padding:28px; } .about-design .split { gap:32px; } }
@media(max-width:480px) { .about-design .phero__h1 { font-size:35px; } }