/* Hallam About v4.2 — people, purpose and professional care. Page-specific. */
body.hgr-about .hgr-site {--ink:#19252b;--red:#bd1e33;--red-dark:#a8172b;--paper:#f3f4ef;--text:#53616a;--font-head:"Inter",Arial,sans-serif}
body.hgr-about .hgr-site .container {width:min(1320px,calc(100% - 112px))}
body.hgr-about .hgr-site .mainnav {background:#fff}
body.hgr-about .hgr-site .mainnav>.container {min-height:86px}
body.hgr-about .hgr-site .brand img {height:53px;width:auto}
body.hgr-about .hgr-site .nav-links .nl[aria-current=page] {color:var(--red)}
body.hgr-about .hgr-site .btn {border-radius:4px;min-height:54px;padding:16px 23px;font-size:13px;gap:25px}
body.hgr-about .hgr-site .btn-small {min-height:44px;padding:12px 19px;background:var(--red);border-color:var(--red);font-size:12px;gap:20px}
body.hgr-about .hgr-site .btn-small:hover {background:var(--red-dark);border-color:var(--red-dark)}
body.hgr-about .hgr-site .kicker {font-size:10px;letter-spacing:1.8px;margin-bottom:23px}
body.hgr-about .hgr-site .text-link {font-size:13px;gap:22px}
.hgr-site .about-main h1, .hgr-site .about-main h2, .hgr-site .about-main h3 {font-weight:500}
.hgr-site .about-main h1, .hgr-site .about-main h2 {white-space:pre-line;overflow-wrap:break-word}
.hgr-site .about-section-title {font-size:clamp(37px,3.7vw,55px);line-height:1.17;letter-spacing:-2px}
.hgr-site .about-section-intro {max-width:470px;font-size:16px;line-height:1.85}
.hgr-site .about-heading-row {display:grid;grid-template-columns:1.08fr .92fr;gap:95px;align-items:end;margin-bottom:49px}
.hgr-site #who-we-are, .hgr-site #our-divisions {scroll-margin-top:106px}
/* A warm, human opening. The image is static and remains separate on phones. */
.hgr-site .about-hero {position:relative;isolation:isolate;overflow:hidden;background:#182823;min-height:clamp(610px,calc(92svh - 86px),730px);color:#fff}
.hgr-site .about-hero-image {position:absolute;inset:0;z-index:-3;overflow:hidden}
.hgr-site .about-hero-image picture {display:block;width:100%;height:100%}
.hgr-site .about-hero-image img {width:100%;height:100%;object-fit:cover;object-position:center 45%}
.hgr-site .about-hero-shade {position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c2023dd 0%,#0c202393 38%,#0c202314 73%),linear-gradient(0deg,#0c202335,transparent 45%)}
.hgr-site .about-hero-inner {min-height:inherit;display:flex;align-items:center;padding-block:67px 72px}
.hgr-site .about-hero-copy {width:100%;max-width:700px}
.hgr-site .about-hero .kicker {color:#fff}
.hgr-site .about-hero .kicker::before {background:#ef485c;height:2px}
.hgr-site .about-hero-title {font-size:clamp(58px,6.1vw,87px);line-height:1.06;letter-spacing:-3.7px;color:#fff}
.hgr-site .about-hero-intro {font-size:16px;line-height:1.85;max-width:440px;margin-top:27px;color:#edf2ef}
.hgr-site .about-hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px;margin-top:33px}
.hgr-site .about-hero-actions .btn-white:hover {background:var(--red);border-color:var(--red);color:#fff}
/* Story first, not invented timelines, credentials or company metrics. */
.hgr-site .about-who {padding:111px 0}
.hgr-site .about-who-grid {display:grid;grid-template-columns:.98fr 1.02fr;gap:100px;align-items:start}
.hgr-site .about-who-heading {max-width:520px}
.hgr-site .about-company-note {display:flex;align-items:flex-start;gap:13px;border-top:1px solid #d7dedb;padding-top:25px;margin-top:37px;max-width:340px;font-size:12px;line-height:1.85;color:#59666c}
.hgr-site .about-note-dot {width:6px;height:6px;border-radius:50%;background:var(--red);margin-top:9px;flex-shrink:0}
.hgr-site .about-who-copy {font-size:14px;line-height:1.9}
.hgr-site .about-who-copy>p+p {margin-top:19px}
.hgr-site .about-lead {font-size:19px;line-height:1.7;color:var(--ink);margin-bottom:23px}
.hgr-site .about-story-callout {border-left:2px solid var(--red);padding:17px 22px;background:#f3f5f1;margin-top:28px;color:#28383e;font-size:14px;line-height:1.8}
/* Mission and vision get a distinctive but restrained graphic treatment. */
.hgr-site .about-direction {padding:96px 0 101px;background:var(--paper)}
.hgr-site .about-purpose-grid {display:grid;grid-template-columns:1fr 1fr;gap:29px}
.hgr-site .about-purpose-card {position:relative;isolation:isolate;overflow:hidden;border:1px solid #d6ddd8;border-radius:7px;padding:38px 41px 45px;min-width:0}
.hgr-site .about-mission {background:#1b2e35;color:#e0e8e6;border-color:#1b2e35}
.hgr-site .about-vision {background:#fff;color:#53616a}
.hgr-site .about-purpose-label {position:relative;display:inline-block;font-size:10px;font-weight:500;letter-spacing:1.8px;line-height:1.5;text-transform:uppercase}
.hgr-site .about-mission .about-purpose-label {color:#ffc5cc}
.hgr-site .about-vision .about-purpose-label {color:var(--red)}
.hgr-site .about-purpose-card h3 {position:relative;font-size:32px;line-height:1.2;letter-spacing:-1px;white-space:pre-line;margin:31px 0 24px;max-width:410px}
.hgr-site .about-mission h3 {color:#fff}
.hgr-site .about-purpose-card p {position:relative;font-size:16px;line-height:1.9;max-width:490px}
.hgr-site .about-purpose-art {position:absolute;right:17px;top:15px;width:124px;height:124px;z-index:-1;opacity:.21;color:#95aba6;pointer-events:none}
.hgr-site .about-vision .about-purpose-art {color:#7c938b;opacity:.23}
/* Six actual values, with all their descriptions visible. */
.hgr-site .about-values {padding:105px 0}
.hgr-site .about-values-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.hgr-site .about-value {min-width:0;padding:28px 29px 31px;border:1px solid #dfe5e0;border-radius:6px;background:#fff;transition:border-color .2s,background .2s}
.hgr-site .about-value:hover {border-color:#aebfb5;background:#f8faf6}
.hgr-site .about-value-top {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.hgr-site .about-value-icon {color:var(--red)}
.hgr-site .about-value-number {font-size:10px;letter-spacing:1.2px;color:#68777b}
.hgr-site .about-value h3 {font-size:22px;line-height:1.4;letter-spacing:-.6px;margin-bottom:13px}
.hgr-site .about-value p {font-size:13px;line-height:1.85;max-width:340px}
/* The two divisions connect the story to concrete service choices. */
.hgr-site .about-group {padding:98px 0 103px;background:#f3f4ef}
.hgr-site .about-location {display:block;color:#5d6c70;font-size:9px;line-height:1.5;letter-spacing:1.8px;margin-top:22px}
.hgr-site .about-divisions {display:grid;grid-template-columns:1fr 1fr;gap:30px}
.hgr-site .about-division {display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e0e6df;border-radius:6px;overflow:hidden;transition:border-color .2s}
.hgr-site .about-division:hover {border-color:#a5b7ad}
.hgr-site .about-division-image {aspect-ratio:1.65;overflow:hidden}
.hgr-site .about-division-image img {height:100%;width:100%;object-fit:cover;transition:transform .55s}
.hgr-site .about-division:hover .about-division-image img {transform:scale(1.025)}
.hgr-site .about-division-body {padding:28px 30px 32px}
.hgr-site .about-index {font-size:9px;color:#68767a;letter-spacing:1.7px;display:block;margin-bottom:18px}
.hgr-site .about-division-title {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.hgr-site .about-division h3 {font-size:29px;line-height:1.3;letter-spacing:-1px}
.hgr-site .about-division-arrow {display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #d8e0d9;border-radius:50%;color:var(--red)}
.hgr-site .about-division p {font-size:14px;line-height:1.8;max-width:470px}
.hgr-site .about-division-link {display:flex;align-items:center;gap:22px;font-size:12px;font-weight:500;color:var(--ink);margin-top:24px}
.hgr-site .about-division-link .arr {height:18px;width:18px}
/* A photographic close-up makes the promise tangible, without claiming a project. */
.hgr-site .about-promise {padding:109px 0}
.hgr-site .about-promise-grid {display:grid;grid-template-columns:1.08fr .92fr;gap:93px;align-items:center}
.hgr-site .about-promise-photo {aspect-ratio:1.12;border-radius:6px;overflow:hidden;background:#e4e8df}
.hgr-site .about-promise-photo img {height:100%;width:100%;object-fit:cover;object-position:center}
.hgr-site .about-promise-copy .about-section-title {font-size:clamp(38px,3.7vw,51px)}
.hgr-site .about-promise-copy .about-section-intro {margin-top:25px;max-width:440px}
.hgr-site .about-promise-rule {height:1px;background:#d6e0d9;margin:30px 0 22px;max-width:375px}
.hgr-site .about-cta {padding:77px 0 84px;background:#1c2f36;color:#dce6e2}
.hgr-site .about-cta-grid {display:grid;grid-template-columns:1.08fr .92fr;gap:96px;align-items:center}
.hgr-site .about-cta .kicker {color:#ffc5cc}
.hgr-site .about-cta .about-section-title {font-size:clamp(40px,4.2vw,62px);line-height:1.13;letter-spacing:-2.5px;color:#fff}
.hgr-site .about-cta-grid>div:last-child>p {font-size:16px;line-height:1.85;max-width:440px;margin-bottom:28px}
body.hgr-about .hgr-site .about-contact-btn {background:var(--red);border-color:var(--red);color:#fff}
body.hgr-about .hgr-site .about-contact-btn:hover {background:var(--red-dark);border-color:var(--red-dark)}
body.hgr-about .hgr-site footer {background:#111d23;padding-top:69px}
body.hgr-about .hgr-site .f-brand p {font-size:12px;line-height:1.9}
body.hgr-about .hgr-site footer h3 {font-size:13px}
body.hgr-about .hgr-site .f-links a {font-size:12px}
body.hgr-about .hgr-site .f-grid {padding-bottom:40px}
body.hgr-about .hgr-site .f-bottom {font-size:10px}
.hgr-site .about-footer-control {display:flex;justify-content:flex-end;padding-bottom:25px}
body.hgr-about .hgr-site .motion-toggle {position:static!important;inset:auto;border-radius:3px;box-shadow:none;padding:9px 13px;font-size:10px;border-color:#6e818980;background:transparent;color:#dbe4e6}
body.hgr-about .hgr-site .motion-toggle:hover {background:#293b43}
@media (max-width:1280px) {
body.hgr-about .hgr-site .container {width:calc(100% - 80px)}
.hgr-site .about-hero-title {font-size:77px;letter-spacing:-3.1px}
.hgr-site .about-hero-copy {max-width:650px}
.hgr-site .about-heading-row, .hgr-site .about-who-grid, .hgr-site .about-promise-grid, .hgr-site .about-cta-grid {gap:65px}
}
@media (max-width:1100px) {
body.hgr-about .hgr-site .mainnav>.container {min-height:78px}
.hgr-site .about-hero {min-height:clamp(580px,calc(92svh - 78px),690px)}
.hgr-site .about-hero-title {font-size:68px;letter-spacing:-2.8px}
.hgr-site .about-hero-copy {max-width:620px}
.hgr-site .about-section-title {font-size:43px}
.hgr-site .about-heading-row, .hgr-site .about-who-grid, .hgr-site .about-promise-grid, .hgr-site .about-cta-grid {gap:45px}
.hgr-site .about-purpose-card {padding:32px 31px 38px}
.hgr-site .about-purpose-card h3 {font-size:29px}
.hgr-site .about-purpose-card p {font-size:14px}
.hgr-site .about-value {padding:25px}
.hgr-site .about-division h3 {font-size:26px}
.hgr-site .about-division-body {padding:25px}
.hgr-site .about-promise-photo {aspect-ratio:.98}
.hgr-site .about-cta .about-section-title {font-size:49px}
}
@media (max-width:850px) {
body.hgr-about .hgr-site .container {width:calc(100% - 56px)}
.hgr-site .about-hero {min-height:590px}
.hgr-site .about-hero-inner {padding-block:60px}
.hgr-site .about-hero-title {font-size:64px;letter-spacing:-2.5px}
.hgr-site .about-hero-shade {background:linear-gradient(90deg,#0c2023e0,#0c2023a1 62%,#0c202348)}
.hgr-site .about-who, .hgr-site .about-values, .hgr-site .about-promise {padding-block:79px}
.hgr-site .about-direction, .hgr-site .about-group {padding-block:78px}
.hgr-site .about-who-grid {grid-template-columns:1fr;gap:28px}
.hgr-site .about-who-heading {max-width:650px}
.hgr-site .about-company-note {display:none}
.hgr-site .about-heading-row {grid-template-columns:1fr;gap:26px;margin-bottom:37px}
.hgr-site .about-section-intro {max-width:650px}
.hgr-site .about-purpose-grid {gap:22px}
.hgr-site .about-purpose-card {padding:31px 27px 35px}
.hgr-site .about-purpose-card h3 {font-size:26px;letter-spacing:-.7px}
.hgr-site .about-purpose-art {width:100px;height:100px;right:10px}
.hgr-site .about-values-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.hgr-site .about-division h3 {font-size:23px}
.hgr-site .about-division-body {padding:24px}
.hgr-site .about-division-image {aspect-ratio:1.25}
.hgr-site .about-division-arrow {width:37px;height:37px}
.hgr-site .about-division p {font-size:13px}
.hgr-site .about-promise-grid {gap:37px}
.hgr-site .about-promise-copy .about-section-title {font-size:37px;letter-spacing:-1.4px}
.hgr-site .about-promise-copy .about-section-intro {font-size:14px}
.hgr-site .about-cta-grid {grid-template-columns:1.04fr .96fr;gap:36px}
.hgr-site .about-cta .about-section-title {font-size:43px}
.hgr-site .about-cta-grid>div:last-child>p {font-size:14px}
}
@media (max-width:650px) {
body.hgr-about .hgr-site .container {width:calc(100% - 40px)}
body.hgr-about .hgr-site .mainnav>.container {min-height:72px}
body.hgr-about .hgr-site .brand img {height:45px}
body.hgr-about .hgr-site .btn {min-height:51px;padding:15px 20px;font-size:12px;gap:23px}
.hgr-site .about-hero {display:flex;flex-direction:column;min-height:0;background:#f2f4ef;color:var(--ink)}
.hgr-site .about-hero-inner {min-height:0;order:1;padding-block:42px 40px}
.hgr-site .about-hero-copy {max-width:none}
.hgr-site .about-hero-shade {display:none}
.hgr-site .about-hero-image {position:relative;inset:auto;order:2;z-index:auto;width:100%;aspect-ratio:1.12}
.hgr-site .about-hero-image img {object-position:center 36%}
.hgr-site .about-hero .kicker {color:var(--red);font-size:9px;margin-bottom:22px}
.hgr-site .about-hero-title {font-size:clamp(40px,10.5vw,64px);line-height:1.1;letter-spacing:-1.9px;color:var(--ink)}
.hgr-site .about-hero-intro {font-size:14px;line-height:1.8;margin-top:23px;color:var(--text);max-width:500px}
.hgr-site .about-hero-actions {gap:14px 23px;margin-top:26px}
body.hgr-about .hgr-site .about-hero-actions .btn-white {background:var(--red);border-color:var(--red);color:#fff}
.hgr-site .about-hero-actions .text-link-light {color:var(--ink);font-size:12px}
.hgr-site .about-who, .hgr-site .about-values, .hgr-site .about-promise {padding-block:64px}
.hgr-site .about-direction, .hgr-site .about-group {padding-block:62px}
.hgr-site .about-section-title {font-size:35px;line-height:1.19;letter-spacing:-1.4px}
.hgr-site .about-who-copy {font-size:14px;line-height:1.85}
.hgr-site .about-lead {font-size:17px;line-height:1.75;margin-bottom:24px}
.hgr-site .about-who-copy>p+p {margin-top:18px}
.hgr-site .about-story-callout {font-size:13px;padding:16px 19px;margin-top:23px}
.hgr-site .about-heading-row {gap:24px;margin-bottom:31px}
.hgr-site .about-section-intro {font-size:14px;line-height:1.85}
.hgr-site .about-purpose-grid {grid-template-columns:1fr;gap:22px}
.hgr-site .about-purpose-card {padding:30px 27px 35px}
.hgr-site .about-purpose-card h3 {font-size:29px;letter-spacing:-.9px;margin-top:28px}
.hgr-site .about-purpose-card p {font-size:14px;line-height:1.9}
.hgr-site .about-purpose-label {font-size:9px}
.hgr-site .about-values-grid {gap:17px}
.hgr-site .about-value {padding:24px 23px 27px}
.hgr-site .about-value-top {margin-bottom:22px}
.hgr-site .about-value h3 {font-size:20px;letter-spacing:-.45px}
.hgr-site .about-value p {font-size:13px;line-height:1.85}
.hgr-site .about-divisions {grid-template-columns:1fr;gap:26px}
.hgr-site .about-division-image {aspect-ratio:1.53}
.hgr-site .about-division h3 {font-size:26px}
.hgr-site .about-division p {font-size:14px}
.hgr-site .about-division-body {padding:25px}
.hgr-site .about-division-link {font-size:12px;margin-top:23px}
.hgr-site .about-location {font-size:8px;margin-top:18px}
.hgr-site .about-promise-grid {grid-template-columns:1fr;gap:32px}
.hgr-site .about-promise-photo {aspect-ratio:1.15}
.hgr-site .about-promise-copy .about-section-title {font-size:35px}
.hgr-site .about-promise-copy .about-section-intro {margin-top:23px}
.hgr-site .about-promise-rule {margin-block:25px 20px}
.hgr-site .about-cta {padding:61px 0 66px}
.hgr-site .about-cta-grid {grid-template-columns:1fr;gap:27px}
.hgr-site .about-cta .about-section-title {font-size:41px;letter-spacing:-1.7px}
.hgr-site .about-cta-grid>div:last-child>p {font-size:14px}
body.hgr-about .hgr-site footer {padding-top:52px}
.hgr-site .about-footer-control {justify-content:flex-start;padding-bottom:20px}
body.hgr-about .hgr-site .f-brand p, body.hgr-about .hgr-site .f-links a {font-size:11px}
body.hgr-about .hgr-site .f-bottom {font-size:9px}
}
@media (max-width:430px) {
.hgr-site .about-values-grid {grid-template-columns:1fr}
.hgr-site .about-value p {font-size:14px;max-width:none}
}
@media (max-width:360px) {
.hgr-site .about-hero-inner {padding-block:32px 35px}
.hgr-site .about-hero-title {font-size:37px;letter-spacing:-1.55px}
.hgr-site .about-hero-intro {font-size:13px}
.hgr-site .about-hero-actions {flex-direction:column;align-items:flex-start;gap:11px}
.hgr-site .about-section-title {font-size:32px}
.hgr-site .about-cta .about-section-title {font-size:37px}
.hgr-site .about-division-body {padding:24px 22px}
}
@media (min-width:651px) and (max-height:600px) {
.hgr-site .about-hero {min-height:0}
.hgr-site .about-hero-inner {min-height:0;padding-block:36px 41px}
.hgr-site .about-hero-title {font-size:54px;letter-spacing:-2.2px}
.hgr-site .about-hero-intro {font-size:14px;margin-top:21px}
.hgr-site .about-hero-actions {margin-top:25px}
.hgr-site .about-hero .kicker {margin-bottom:21px}
}
@media (prefers-reduced-motion:reduce) {
.hgr-site .about-value, .hgr-site .about-division, .hgr-site .about-division-image img {transition:none!important}
.hgr-site .about-division:hover .about-division-image img {transform:none!important}
}