/* Hallam Modern — editorial corporate design. Local fonts, no CDN assets. */
.hgr-site {
  --ink:#18242e; --navy:#18242e; --navy-900:#111e28; --navy-800:#233440;
  --red:#c51c30; --red-dark:#a41428; --paper:#f5f5f1; --white:#fff;
  --text:#4e5a64; --muted:#5d6872; --text-light:#b6c1c9; --line:#dce1e3;
  --font-head:"Manrope",Arial,sans-serif; --font-body:"Inter",Arial,sans-serif;
  --radius:14px;
}
.hgr-site * {box-sizing:border-box}
html {scroll-behavior:smooth}
body.hgr-landing {margin:0;padding:0;background:#fff}
.hgr-site {font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
.hgr-site h1, .hgr-site h2, .hgr-site h3, .hgr-site h4, .hgr-site p, .hgr-site ul, .hgr-site figure {margin:0}
.hgr-site a {color:inherit;text-decoration:none}
.hgr-site ul {padding:0;list-style:none}
.hgr-site button {font:inherit}
.hgr-site img {display:block;max-width:100%;height:auto}
.hgr-site svg {flex-shrink:0}
.hgr-site [hidden] {display:none!important}
.hgr-site .container {width:min(1320px,calc(100% - 112px));margin-inline:auto}
.hgr-site h1, .hgr-site h2, .hgr-site h3, .hgr-site h4 {font-family:var(--font-head);font-weight:500;color:var(--ink);line-height:1.16;letter-spacing:-1.3px;text-transform:none}
.hgr-site h2.sec-title {font-size:clamp(36px,4vw,58px);white-space:pre-line;letter-spacing:-2px;line-height:1.15}
.hgr-site .kicker {display:inline-flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--red);font-size:11px;font-weight:600;line-height:1.5;letter-spacing:2.1px;text-transform:uppercase}
.hgr-site .kicker::before {content:"";width:24px;height:1px;background:currentColor}
.hgr-site .sec-intro {max-width:470px;font-size:17px;line-height:1.75}
.hgr-site .small-label {font-size:10px;line-height:1.6;letter-spacing:1.7px;color:var(--muted)}
.hgr-site :focus-visible {outline:3px solid #be1730;outline-offset:5px}
.hgr-site .skip-link {position:fixed;z-index:99999;left:16px;top:-90px;background:#fff;color:var(--ink);padding:13px 22px;font-weight:600;box-shadow:0 8px 30px #17242e20}
.hgr-site .skip-link:focus {top:12px}
.hgr-site #main-content:focus {outline:0}
.hgr-site #services, .hgr-site #our-approach {scroll-margin-top:116px}
/* Small, deliberate controls — no oversized all-caps buttons. */
.hgr-site .btn {display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:54px;padding:16px 25px;color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:100px;font-size:14px;font-weight:500;line-height:1.3;transition:background .22s,border-color .22s,transform .22s;cursor:pointer}
.hgr-site .btn:hover {background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px)}
.hgr-site .btn-small {min-height:45px;padding:12px 20px;gap:22px;font-size:13px}
.hgr-site .btn-white {background:#fff;border-color:#fff;color:var(--ink)}
.hgr-site .btn-white:hover {background:var(--ink);border-color:var(--ink);color:#fff}
.hgr-site .text-link {display:inline-flex;align-items:center;gap:18px;min-height:40px;color:var(--ink);font-size:14px;font-weight:500;line-height:1.4}
.hgr-site .text-link span {border-bottom:1px solid transparent;transition:border-color .22s}
.hgr-site .text-link:hover span {border-bottom-color:currentColor}
.hgr-site .arr {transition:transform .22s}
.hgr-site a:hover .arr {transform:translateX(4px)}
.hgr-site .text-link-light {color:#fff}
/* Header */
.hgr-site .topbar {background:var(--paper);color:var(--muted);font-size:10px;letter-spacing:.35px}
.hgr-site .topbar .container {display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:34px}
.hgr-site .tb-left {font-size:10px}
.hgr-site .tb-right {display:flex;gap:32px;align-items:center}
.hgr-site .tb-right>span, .hgr-site .tb-right>a {display:inline-flex;gap:8px;align-items:center}
.hgr-site .tb-right>a {color:var(--ink)}
.hgr-site .tb-right svg {width:14px;height:14px}
.hgr-site .location-dot, .hgr-site .caption-dot {display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--red)}
.hgr-site .mainnav {position:sticky;z-index:900;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid #e8ebec;transition:box-shadow .2s}
.hgr-site .mainnav.scrolled {box-shadow:0 6px 24px #18242e0a}
.hgr-site .mainnav>.container {display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:98px}
.hgr-site .brand {display:inline-block;flex-shrink:0}
.hgr-site .brand img {height:66px;width:auto}
.hgr-site .nav-links {display:flex;align-items:center;gap:25px}
.hgr-site .nav-links>li {position:relative}
.hgr-site .nav-links .nl {display:flex;align-items:center;gap:8px;min-height:44px;padding:11px 0;background:none;border:0;color:var(--ink);font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1.5;cursor:pointer}
.hgr-site .nav-links .nl:hover, .hgr-site .has-drop.open>.nl {color:var(--red)}
.hgr-site .caret {transition:transform .2s}
.hgr-site .has-drop.open .caret {transform:rotate(180deg)}
.hgr-site .drop {position:absolute;top:100%;left:-18px;min-width:230px;padding:12px 0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #17242e14;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.hgr-site .has-drop.open .drop {opacity:1;visibility:visible;transform:none}
.hgr-site .drop a {display:block;padding:12px 20px;color:var(--ink);font-size:13px;font-weight:500}
.hgr-site .drop a:hover {color:var(--red);background:var(--paper)}
.hgr-site .nav-cta {margin-left:12px}
.hgr-site .burger {display:none;position:relative;z-index:960;width:46px;height:46px;border:0;background:none;padding:10px 9px;cursor:pointer}
.hgr-site .burger span {display:block;height:2px;width:28px;margin:6px 0;background:var(--ink);transition:transform .2s,opacity .2s}
.hgr-site .nav-backdrop {display:none}
body.admin-bar .mainnav {top:32px}
/* Bright, editorial hero */
.hgr-site .hero {padding:54px 0 64px;background:#fff}
.hgr-site .hero-grid {display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}
.hgr-site .hero-copy {padding:16px 0 18px;min-width:0}
.hgr-site .hero-eyebrow {display:flex;align-items:center;gap:10px;margin-bottom:32px;font-size:10px;color:var(--muted);letter-spacing:1.8px;text-transform:uppercase;font-weight:500}
.hgr-site .hero-eyebrow::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0}
.hgr-site .hero h1 {font-size:clamp(48px,5.3vw,80px);font-weight:500;line-height:1.11;letter-spacing:-3.5px;white-space:pre-line;overflow-wrap:break-word}
.hgr-site .hero-intro {max-width:460px;margin-top:30px;font-size:16px;line-height:1.8}
.hgr-site .hero-actions {display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;margin-top:34px}
.hgr-site .hero-note {display:flex;align-items:center;gap:15px;margin-top:56px;max-width:470px;font-size:10px;color:var(--muted);letter-spacing:.25px;line-height:1.7}
.hgr-site .hero-note-line {display:block;width:26px;height:1px;flex-shrink:0;background:#aab3b8}
.hgr-site .hero-visual {position:relative;overflow:hidden;border-radius:var(--radius);background:var(--paper);aspect-ratio: .97;min-height:530px}
.hgr-site .hero-visual>img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:85% center}
.hgr-site .hero-caption {position:absolute;left:24px;bottom:24px;right:24px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 18px;background:#ffffffee;backdrop-filter:blur(10px);border:1px solid #ffffff80;border-radius:8px;color:var(--ink);font-size:10px;line-height:1.5}
.hgr-site .caption-divider {color:#8a939a}
.hgr-site .hero-image-note {position:absolute;top:20px;right:20px;padding:5px 8px;color:#fff;background:#17242ea6;border-radius:4px;font-size:8px;letter-spacing:.2px}
/* The verified brand principles, not invented metrics. */
.hgr-site .standards {padding:30px 0;border-block:1px solid var(--line)}
.hgr-site .standards-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hgr-site .standard {display:flex;gap:16px;align-items:center;justify-content:center}
.hgr-site .standard+.standard {border-left:1px solid var(--line)}
.hgr-site .standard-dot {width:4px;height:4px;background:var(--red);border-radius:50%;flex-shrink:0}
.hgr-site .standard h3 {font-family:var(--font-body);font-weight:500;font-size:13px;line-height:1.5;letter-spacing:0}
.hgr-site .standard p {font-size:10px;line-height:1.5;color:var(--muted);margin-top:3px}
/* Editorial company introduction */
.hgr-site .intro {padding:112px 0}
.hgr-site .intro-grid {display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.hgr-site .intro-title {font-size:clamp(40px,4.5vw,64px);line-height:1.16;letter-spacing:-2.3px;white-space:pre-line}
.hgr-site .intro-body {font-size:18px;line-height:1.85;color:var(--ink);max-width:570px}
.hgr-site .intro-right>.text-link {margin-top:28px}
.hgr-site .intro-highlights {display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:42px;padding-top:32px;border-top:1px solid var(--line)}
.hgr-site .intro-highlight h3 {font-size:16px;font-weight:600;line-height:1.45;letter-spacing:-.35px;margin-bottom:12px}
.hgr-site .intro-highlight p {font-size:13px;line-height:1.75}
/* Two divisions, with capabilities underneath */
.hgr-site .services {padding:106px 0;background:var(--paper)}
.hgr-site .section-heading {display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:end;margin-bottom:52px}
.hgr-site .section-heading .sec-intro {margin-bottom:14px}
.hgr-site .section-index {display:block;margin-top:28px;font-size:10px;letter-spacing:1.8px;color:var(--muted)}
.hgr-site .division-grid {display:grid;grid-template-columns:1fr 1fr;gap:32px}
.hgr-site .division-card {display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e5e7e4;border-radius:var(--radius);overflow:hidden;transition:border-color .25s}
.hgr-site .division-card:hover {border-color:#bac3c7}
.hgr-site .division-image {position:relative;aspect-ratio:1.65;overflow:hidden}
.hgr-site .division-image img {height:100%;width:100%;object-fit:cover;transition:transform .55s}
.hgr-site .division-card:hover .division-image img {transform:scale(1.035)}
.hgr-site .division-index {position:absolute;left:22px;bottom:20px;padding:7px 11px;border-radius:4px;background:#fffffff0;color:var(--ink);font-size:9px;letter-spacing:1.7px}
.hgr-site .division-copy {display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:30px 30px 32px;flex:1}
.hgr-site .division-copy>div {min-width:0}
.hgr-site .division-copy h3 {font-size:30px;line-height:1.2;letter-spacing:-1.1px;margin-bottom:15px}
.hgr-site .division-copy p {font-size:14px;line-height:1.75;max-width:430px}
.hgr-site .division-tags {display:block;margin-top:24px;font-size:10px;color:var(--muted);line-height:1.7}
.hgr-site .round-arrow {display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.hgr-site .division-card:hover .round-arrow {background:var(--red);border-color:var(--red);color:#fff}
.hgr-site .capabilities-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:64px;padding:0 0 24px;border-bottom:1px solid #d7dcd8}
.hgr-site .capabilities-heading h3 {font-size:20px;line-height:1.5;letter-spacing:-.55px}
.hgr-site .capabilities-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:30px}
.hgr-site .capability-card {min-width:0}
.hgr-site .capability-image {aspect-ratio:1.5;overflow:hidden;border-radius:8px}
.hgr-site .capability-image img {width:100%;height:100%;object-fit:cover;transition:transform .5s}
.hgr-site .capability-card:hover img {transform:scale(1.04)}
.hgr-site .capability-copy {padding-top:22px}
.hgr-site .capability-copy h3 {font-size:18px;line-height:1.4;letter-spacing:-.4px;margin-bottom:12px}
.hgr-site .capability-copy p {font-size:12px;line-height:1.8}
.hgr-site .capability-link {display:flex;align-items:center;gap:20px;margin-top:20px;color:var(--ink);font-size:11px;font-weight:500}
.hgr-site .capability-link svg {width:16px;height:16px}
/* Image and copy remain synchronized, with manual controls. */
.hgr-site .expertise {padding:100px 0 82px;background:var(--navy-900);color:#fff}
.hgr-site .expertise-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:52px}
.hgr-site .expertise-heading h2 {color:#fff}
.hgr-site .expertise-heading>p {font-size:14px;line-height:1.85;color:#c3cbd1;max-width:330px}
.hgr-site .expertise .kicker {color:#ff9ea9}
.hgr-site .xp {display:grid;grid-template-columns:1.12fr .88fr;overflow:hidden;border:1px solid #ffffff1c;border-radius:12px}
.hgr-site .xp-media {position:relative;min-height:445px;overflow:hidden;background:#1a2b37;touch-action:pan-y}
.hgr-site .xp-media img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.hgr-site .xp-media img.on {opacity:1}
.hgr-site .media-caption {position:absolute;left:16px;bottom:14px;z-index:3;max-width:calc(100% - 32px);padding:5px 8px;background:#14232eba;color:#fff;font-size:8px;line-height:1.5;border-radius:3px;letter-spacing:.2px}
.hgr-site .xp-copy {display:flex;align-items:center;padding:42px 48px;background:#1a2b37;min-height:445px}
.hgr-site .xp-slide {display:flex;flex-direction:column;gap:23px}
.hgr-site .xp-label {font-size:9px;line-height:1.7;letter-spacing:1.8px;color:#c1cbd2}
.hgr-site .xp-slide h3 {font-size:31px;line-height:1.3;letter-spacing:-.95px;color:#fff}
.hgr-site .xp-slide p {font-size:14px;line-height:1.85;color:#c9d2d8}
.hgr-site .xp-slide .text-link {font-size:12px;margin-top:4px}
.hgr-site .xp-nav {display:flex;align-items:center;gap:10px;margin-top:28px}
.hgr-site .xp-btn {display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #a5b2bc80;border-radius:50%;background:none;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.hgr-site .xp-btn:hover {background:var(--red);border-color:var(--red)}
.hgr-site .xp-dots {display:flex;align-items:center;gap:3px;margin-left:14px}
.hgr-site .xp-dots button {display:grid;place-items:center;width:38px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.hgr-site .xp-dots button::after {content:"";width:26px;height:2px;background:#94a6b4;transition:background .2s}
.hgr-site .xp-dots button.on::after {background:#ff8998}
.hgr-site .xp-status {margin-left:auto;color:#c7d0d7;font-size:10px;letter-spacing:1.7px}
/* Minimal process timeline */
.hgr-site .process {padding:112px 0;background:#fff}
.hgr-site .process .section-heading .text-link {margin-top:18px}
.hgr-site .process-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:66px}
.hgr-site .process-card {position:relative;padding:24px 0 0;border-top:1px solid var(--line)}
.hgr-site .process-card::before {content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;background:var(--red);border-radius:50%}
.hgr-site .process-num {display:block;margin-bottom:22px;font-size:11px;color:var(--red);letter-spacing:1.2px}
.hgr-site .process-card h3 {font-size:23px;letter-spacing:-.65px;margin-bottom:16px}
.hgr-site .process-card p {font-size:13px;line-height:1.8;max-width:265px}
/* Environments — illustration, not a fictitious completed project */
.hgr-site .environments {padding:0 0 112px}
.hgr-site .environments-grid {display:grid;grid-template-columns:1.04fr .96fr;gap:76px;align-items:center}
.hgr-site .environments-image {position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1.08}
.hgr-site .environments-image img {width:100%;height:100%;object-fit:cover}
.hgr-site .environments-copy .sec-intro {margin-top:26px}
.hgr-site .stat-chips {display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}
.hgr-site .chip {display:inline-flex;align-items:center;padding:7px 12px;min-height:32px;border:1px solid #dce1e3;border-radius:100px;color:var(--ink);font-size:10px;line-height:1.5}
/* A strong, uncluttered call to action */
.hgr-site .cta {padding:78px 0 88px;background:linear-gradient(115deg,#b51a30,#9c1429);color:#fff}
.hgr-site .cta-grid {display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}
.hgr-site .cta .kicker {color:#ffe0e3}
.hgr-site .cta-title {font-size:clamp(40px,4.8vw,66px);line-height:1.16;letter-spacing:-2.5px;color:#fff;white-space:pre-line}
.hgr-site .cta-intro {max-width:390px;color:#ffe4e8;font-size:16px;line-height:1.85;margin-bottom:28px}
/* Footer; legacy KitGreen panels are suppressed separately by the plugin. */
.hgr-site footer {padding:72px 0 0;background:var(--navy-900);color:#bec9d1}
.hgr-site .f-grid {display:grid;grid-template-columns:1.45fr 1fr 1fr .72fr;gap:45px;padding-bottom:65px}
.hgr-site .f-brand img {height:60px;width:auto;margin-bottom:25px;filter:brightness(0) invert(1)}
.hgr-site .f-brand p {font-size:11px;line-height:1.9;max-width:305px}
.hgr-site .f-badge {display:flex;align-items:center;gap:8px;margin-top:24px;font-size:9px;line-height:1.8;color:#d0d9de}
.hgr-site .f-badge .caption-dot {background:#ff8b99}
.hgr-site footer h3 {font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;color:#fff;margin:8px 0 24px}
.hgr-site .f-links li {margin-bottom:13px}
.hgr-site .f-links a {font-size:11px;line-height:1.6;transition:color .2s}
.hgr-site .f-links a:hover {color:#fff}
.hgr-site .f-bottom {border-top:1px solid #ffffff1c;padding:22px 0;font-size:9px;line-height:1.7;color:#b8c5ce}
.hgr-site .f-bottom .container {display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 22px}
/* Progressive enhancement; all copy remains visible without JavaScript. */
.hgr-site .reveal {opacity:1;transform:none}
body.hgr-enhanced .hgr-site .reveal {opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}
body.hgr-enhanced .hgr-site .reveal.on {opacity:1;transform:none}
.hgr-site .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1200px) {
.hgr-site .container {width:calc(100% - 80px)}
.hgr-site .nav-links {gap:20px}
.hgr-site .hero-grid {gap:46px}
.hgr-site .hero h1 {font-size:clamp(46px,5.25vw,68px);letter-spacing:-2.7px}
.hgr-site .hero-visual {min-height:490px}
.hgr-site .hero-caption {left:16px;right:16px;bottom:16px;gap:8px;padding:13px;font-size:9px}
.hgr-site .intro-grid {gap:60px}
.hgr-site .section-heading {gap:50px}
.hgr-site .xp-copy {padding:36px}
.hgr-site .f-grid {gap:30px}
}
@media (max-width:1100px) {
.hgr-site .mainnav>.container {min-height:86px}
.hgr-site .brand img {height:58px}
.hgr-site .burger {display:block}
.hgr-site .nav-links {position:fixed;z-index:950;inset:0 0 0 auto;display:flex;align-items:stretch;flex-direction:column;gap:0;width:min(390px,90vw);height:100dvh;padding:90px 30px 35px;background:#fff;overflow-y:auto;visibility:hidden;transform:translateX(103%);transition:transform .3s,visibility .3s;box-shadow:-16px 0 40px #18242e20}
body.nav-open {overflow:hidden}
body.nav-open .nav-links {visibility:visible;transform:none}
.hgr-site .nav-links .nl {width:100%;padding:16px 0;font-size:16px;border-bottom:1px solid var(--line)}
.hgr-site .drop {position:static;display:none;min-width:0;padding:0;border:0;box-shadow:none;visibility:hidden;opacity:1;transform:none;border-radius:0}
.hgr-site .has-drop.open .drop {display:block;visibility:visible;padding:6px 0 10px}
.hgr-site .drop a {padding:12px 14px;border-left:1px solid var(--red);margin-block:4px}
.hgr-site .nav-cta {margin:26px 0 0}
.hgr-site .nav-cta .btn {width:100%;min-height:50px;font-size:14px}
body.nav-open .burger span:nth-child(1) {transform:translateY(8px) rotate(45deg)}
body.nav-open .burger span:nth-child(2) {opacity:0}
body.nav-open .burger span:nth-child(3) {transform:translateY(-8px) rotate(-45deg)}
body.nav-open .nav-backdrop {display:block;position:fixed;z-index:940;inset:0;background:#111e2866}
.hgr-site .hero-grid {grid-template-columns:1fr 1fr;gap:38px}
.hgr-site .hero h1 {font-size:51px;letter-spacing:-2.3px}
.hgr-site .hero-visual {min-height:490px}
.hgr-site .hero-note {margin-top:34px}
.hgr-site .hero-actions {gap:16px}
.hgr-site .hero-actions .btn {gap:20px;padding-inline:22px}
.hgr-site .intro-grid, .hgr-site .section-heading {gap:50px}
.hgr-site .intro-title {font-size:48px}
.hgr-site .division-copy {padding:26px;gap:16px}
.hgr-site .division-copy h3 {font-size:25px}
.hgr-site .division-tags {font-size:9px}
.hgr-site .capabilities-grid {grid-template-columns:repeat(2,1fr);gap:34px 24px}
.hgr-site .xp-copy {padding:32px}
.hgr-site .xp-slide h3 {font-size:27px}
.hgr-site .xp-media, .hgr-site .xp-copy {min-height:460px}
.hgr-site .f-grid {grid-template-columns:1.15fr 1fr;gap:42px}
}
@media (max-width:850px) {
.hgr-site .hero-grid {grid-template-columns:1fr;gap:36px}
.hgr-site .hero {padding-top:36px;padding-bottom:48px}
.hgr-site .hero h1 {font-size:68px;letter-spacing:-3px}
.hgr-site .hero-intro {max-width:600px}
.hgr-site .hero-note {margin-top:32px}
.hgr-site .hero-visual {aspect-ratio:1.4;min-height:400px}
.hgr-site .hero-visual>img {object-position:85% 62%}
.hgr-site .hero-caption {left:22px;right:auto;bottom:22px;gap:10px;padding:15px 18px;font-size:10px}
.hgr-site .intro, .hgr-site .services, .hgr-site .process {padding-block:80px}
.hgr-site .intro-grid {grid-template-columns:1fr 1fr;gap:40px}
.hgr-site .intro-title {font-size:43px;letter-spacing:-1.8px}
.hgr-site .intro-body {font-size:16px}
.hgr-site .intro-highlights {grid-template-columns:1fr;gap:22px;margin-top:30px;padding-top:25px}
.hgr-site .section-heading {grid-template-columns:1fr;gap:25px}
.hgr-site .section-heading .sec-intro {max-width:600px}
.hgr-site .section-index {display:none}
.hgr-site .expertise-heading {display:block}
.hgr-site .expertise-heading>p {margin-top:24px}
.hgr-site .xp {grid-template-columns:1fr}
.hgr-site .xp-media {min-height:380px}
.hgr-site .xp-copy {min-height:345px;padding:38px}
.hgr-site .xp-slide {max-width:640px}
.hgr-site .environments {padding-bottom:80px}
.hgr-site .environments-grid {gap:44px}
.hgr-site .process-grid {grid-template-columns:repeat(2,1fr);gap:36px}
.hgr-site .cta-grid {gap:45px}
.hgr-site .cta-title {font-size:48px}
.hgr-site .standards-grid {gap:14px}
.hgr-site .standard {gap:10px}
.hgr-site .standard p {font-size:9px}
.hgr-site .capabilities-heading {display:block}
.hgr-site .capabilities-heading .small-label {display:block;margin-top:10px}
}
@media (max-width:782px) {
body.admin-bar .mainnav {top:46px}
body.admin-bar .nav-links {padding-top:120px}
}
@media (max-width:650px) {
.hgr-site .container {width:calc(100% - 40px)}
.hgr-site .topbar .container {min-height:30px;justify-content:flex-end}
.hgr-site .tb-left {display:none}
.hgr-site .tb-right {width:100%;justify-content:space-between;gap:15px;font-size:9px}
.hgr-site .mainnav>.container {min-height:76px}
.hgr-site .brand img {height:50px}
.hgr-site .hero {padding:24px 0 38px}
.hgr-site .hero-copy {padding:15px 0 0}
.hgr-site .hero-eyebrow {font-size:8px;letter-spacing:1.5px;margin-bottom:24px}
.hgr-site .hero h1 {font-size:clamp(34px,9.65vw,52px);letter-spacing:-1.8px;line-height:1.16}
.hgr-site .hero-intro {font-size:14px;line-height:1.8;margin-top:23px}
.hgr-site .hero-actions {margin-top:26px;gap:18px 23px}
.hgr-site .hero-actions .btn {font-size:12px;min-height:50px;padding:14px 20px;gap:22px}
.hgr-site .hero-actions .text-link {font-size:12px}
.hgr-site .hero-note {font-size:8px;margin-top:28px;gap:10px;max-width:340px}
.hgr-site .hero-grid {gap:29px}
.hgr-site .hero-visual {aspect-ratio:1.05;min-height:0}
.hgr-site .hero-visual>img {object-position:87% center}
.hgr-site .hero-caption {left:14px;right:14px;bottom:14px;padding:12px 13px;gap:7px;font-size:8px}
.hgr-site .hero-caption .caption-dot {width:4px;height:4px}
.hgr-site .hero-image-note {top:14px;right:14px;font-size:7px;padding:4px 6px}
.hgr-site .standards {padding-block:24px}
.hgr-site .standards-grid {grid-template-columns:repeat(2,1fr);gap:22px 20px}
.hgr-site .standard {justify-content:flex-start}
.hgr-site .standard+.standard {border:0}
.hgr-site .standard h3 {font-size:12px}
.hgr-site .standard p {font-size:9px}
.hgr-site .intro, .hgr-site .services, .hgr-site .expertise, .hgr-site .process {padding-block:62px}
.hgr-site .intro-grid {grid-template-columns:1fr;gap:28px}
.hgr-site .intro-title {font-size:42px;line-height:1.19;letter-spacing:-1.6px}
.hgr-site .intro-body {font-size:15px;line-height:1.85}
.hgr-site .intro-highlights {grid-template-columns:1fr 1fr;gap:24px}
.hgr-site .intro-highlight h3 {font-size:14px;letter-spacing:-.2px}
.hgr-site .intro-highlight p {font-size:11px}
.hgr-site .kicker {font-size:9px;letter-spacing:1.7px;margin-bottom:19px;gap:10px}
.hgr-site .kicker::before {width:19px}
.hgr-site h2.sec-title {font-size:36px;line-height:1.19;letter-spacing:-1.4px}
.hgr-site .sec-intro {font-size:14px;line-height:1.8}
.hgr-site .section-heading {gap:23px;margin-bottom:32px}
.hgr-site .division-grid {grid-template-columns:1fr;gap:25px}
.hgr-site .division-image {aspect-ratio:1.6}
.hgr-site .division-copy {padding:24px;gap:18px}
.hgr-site .division-copy h3 {font-size:25px}
.hgr-site .division-copy p {font-size:12px}
.hgr-site .division-tags {font-size:8px;margin-top:18px}
.hgr-site .division-index {left:16px;bottom:16px;font-size:8px}
.hgr-site .round-arrow {width:40px;height:40px}
.hgr-site .capabilities-heading {margin-top:42px;padding-bottom:19px}
.hgr-site .capabilities-heading h3 {font-size:17px;max-width:300px}
.hgr-site .small-label {font-size:8px}
.hgr-site .capabilities-grid {gap:28px 17px;margin-top:24px}
.hgr-site .capability-image {aspect-ratio:1.24}
.hgr-site .capability-copy {padding-top:15px}
.hgr-site .capability-copy h3 {font-size:15px;line-height:1.45;letter-spacing:-.25px;margin-bottom:10px}
.hgr-site .capability-copy p {font-size:10px;line-height:1.85}
.hgr-site .capability-link {gap:12px;margin-top:14px;font-size:9px}
.hgr-site .capability-link svg {width:14px;height:14px}
.hgr-site .expertise-heading {margin-bottom:32px}
.hgr-site .expertise-heading>p {font-size:13px;line-height:1.8;margin-top:24px}
.hgr-site .xp-media {min-height:235px}
.hgr-site .xp-copy {min-height:375px;padding:29px 25px}
.hgr-site .xp-slide {gap:20px}
.hgr-site .xp-slide h3 {font-size:27px;letter-spacing:-.8px}
.hgr-site .xp-slide p {font-size:12px;line-height:1.9}
.hgr-site .xp-label {font-size:8px;letter-spacing:1.3px}
.hgr-site .xp-slide .text-link {font-size:11px}
.hgr-site .xp-nav {gap:9px;margin-top:24px}
.hgr-site .xp-btn {width:42px;height:42px}
.hgr-site .xp-dots {margin-left:4px;gap:0}
.hgr-site .xp-dots button {width:27px;height:44px}
.hgr-site .xp-dots button::after {width:18px}
.hgr-site .xp-status {font-size:8px;letter-spacing:1px}
.hgr-site .process-grid {gap:30px 24px;margin-top:45px}
.hgr-site .process-num {font-size:10px;margin-bottom:18px}
.hgr-site .process-card h3 {font-size:20px;margin-bottom:13px}
.hgr-site .process-card p {font-size:11px;line-height:1.85}
.hgr-site .environments {padding-bottom:62px}
.hgr-site .environments-grid {grid-template-columns:1fr;gap:34px}
.hgr-site .environments-image {aspect-ratio:1.2}
.hgr-site .environments-copy .sec-intro {margin-top:22px}
.hgr-site .stat-chips {gap:8px;margin-block:24px}
.hgr-site .chip {font-size:9px;padding:6px 11px}
.hgr-site .cta {padding:58px 0 64px}
.hgr-site .cta-grid {grid-template-columns:1fr;gap:26px}
.hgr-site .cta-title {font-size:42px;letter-spacing:-1.8px;line-height:1.2}
.hgr-site .cta-intro {font-size:14px;line-height:1.8;margin-bottom:26px}
.hgr-site .cta .btn {font-size:13px}
.hgr-site footer {padding-top:52px}
.hgr-site .f-grid {grid-template-columns:1fr 1fr;gap:32px 22px;padding-bottom:44px}
.hgr-site .f-brand {grid-column:1/-1}
.hgr-site .f-brand img {height:54px;margin-bottom:21px}
.hgr-site .f-brand p {max-width:330px;font-size:11px}
.hgr-site footer h3 {font-size:12px;margin-bottom:20px}
.hgr-site .f-links li {margin-bottom:12px}
.hgr-site .f-links a {font-size:10px}
.hgr-site .f-bottom .container {flex-direction:column;gap:12px}
.hgr-site .f-bottom {font-size:8px;padding-block:20px}
.hgr-site #services, .hgr-site #our-approach {scroll-margin-top:90px}
}
@media (max-width:360px) {
.hgr-site .hero-actions {align-items:flex-start;flex-direction:column;gap:15px}
.hgr-site .hero-caption {gap:5px;font-size:7px;padding-inline:10px}
.hgr-site .hero h1 {font-size:32px}
.hgr-site .intro-highlights {grid-template-columns:1fr;gap:24px}
.hgr-site .capabilities-grid {grid-template-columns:1fr}
.hgr-site .capability-image {aspect-ratio:1.7}
.hgr-site .capability-copy h3 {font-size:18px}
.hgr-site .capability-copy p {font-size:12px}
.hgr-site .xp-dots button {width:23px}
.hgr-site .xp-status {letter-spacing:.7px}
}
@media (prefers-reduced-motion:reduce) {
html {scroll-behavior:auto}
.hgr-site *, .hgr-site *::before, .hgr-site *::after {animation:none!important;transition:none!important}
body.hgr-enhanced .hgr-site .reveal {opacity:1;transform:none}
}
@media print {
.hgr-site .topbar, .hgr-site .mainnav, .hgr-site .xp-nav {display:none}
.hgr-site .hero {padding:20px 0}
.hgr-site .reveal {opacity:1!important;transform:none!important}
.hgr-site .hero-grid {grid-template-columns:1fr 1fr}
.hgr-site .hero h1 {font-size:40px}
.hgr-site .hero-visual {min-height:300px}
.hgr-site .cta, .hgr-site footer, .hgr-site .expertise {print-color-adjust:exact}
}
/* V3 — Apple-inspired native scroll storytelling, not a scroll-jacking plugin. */
.hgr-site {--font-head:"Inter",Arial,sans-serif;--pin-top:76px;--hero-progress:0;--story-progress:0}
.hgr-site {overflow-x:clip}
.hgr-site .mainnav>.container {min-height:76px}
.hgr-site .brand img {height:51px}
.hgr-site .mainnav {background:#fffffff7}
.hgr-site .reading-progress {position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;pointer-events:none}
.hgr-site .reading-progress span {display:block;transform:scaleX(0);transform-origin:left center;width:100%;height:100%;background:var(--red)}
body.admin-bar .hgr-site {--pin-top:108px}
.hgr-site .hero-sequence {position:relative;background:#fff}
.hgr-site .hero-pin {position:relative;height:calc(100svh - var(--pin-top));min-height:710px;background:#fff;isolation:isolate}
.hgr-site .hero-frame {position:absolute;inset:0;overflow:hidden;transform-origin:center center;background:#111e28}
.hgr-site .hero-media {position:absolute;inset:-5% 0;width:100%;height:110%;transform:scale(1.04);will-change:transform}
.hgr-site .hero-media img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 64%}
.hgr-site .hero-scrim {position:absolute;inset:0;background:linear-gradient(180deg,#08152299 0%,#08152286 42%,#08152225 72%,#06121d9c 100%)}
.hgr-site .hero-content {position:absolute;z-index:2;top:10%;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 88px));text-align:center;color:#fff}
.hgr-site .hero-content .hero-eyebrow {justify-content:center;color:#e1e8ee;font-size:10px;letter-spacing:2.1px;margin-bottom:24px}
.hgr-site .hero-content .hero-eyebrow::before {background:#ff8b9b}
.hgr-site .hero-content h1 {font-size:clamp(58px,7.3vw,114px);font-weight:600;line-height:1.04;letter-spacing:-5.5px;white-space:pre-line;color:#fff}
.hgr-site .hero-content .hero-intro {max-width:560px;margin:26px auto 0;color:#e1e8ee;font-size:15px;line-height:1.8}
.hgr-site .hero-content .hero-actions {justify-content:center;gap:28px;margin-top:29px}
.hgr-site .hero-content .btn {background:#fff;border-color:#fff;color:var(--ink)}
.hgr-site .hero-content .btn:hover {background:var(--red);border-color:var(--red);color:#fff}
.hgr-site .hero-content .text-link {color:#fff}
.hgr-site .hero-content .hero-actions .text-link:hover span {border-color:#fff}
.hgr-site .hero-meta {position:absolute;z-index:2;left:42px;right:42px;bottom:35px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.hgr-site .hero-meta .hero-caption {position:static;background:none;backdrop-filter:none;border:0;border-radius:0;color:#fff;padding:0;font-size:10px;gap:13px}
.hgr-site .hero-meta .caption-divider {color:#d9e1e5}
.hgr-site .hero-meta .caption-dot {background:#ff8b9b}
.hgr-site .image-disclosure {font-size:8px;color:#e6edf1;padding:5px 8px;border-radius:3px;background:#10212cb3}
.hgr-site .scroll-cue {position:absolute;z-index:3;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#fff}
.hgr-site .scroll-cue-track {display:block;position:relative;width:1px;height:28px;background:#ffffff65}
.hgr-site .scroll-cue-track::after {content:"";position:absolute;top:0;width:1px;height:10px;background:#fff;animation:scroll-cue 1.8s ease-in-out infinite}
@keyframes scroll-cue{0%{transform:translateY(0);opacity:0}35%{opacity:1}100%{transform:translateY(18px);opacity:0}}
/* Declarative pinning: the browser keeps the normal wheel, touch and keyboard scroll. */
body.hgr-motion-enabled .hgr-site .hero-sequence {height:172svh}
body.hgr-motion-enabled .hgr-site .hero-pin {position:sticky;top:var(--pin-top);min-height:0}
body.hgr-motion-enabled .hgr-site .hero-content {left:0;right:0;margin-inline:auto;transform:translate3d(0,0,0);will-change:transform,opacity}
body.hgr-motion-enabled .hgr-site .hero-meta {opacity:calc(1 - var(--hero-progress) * .7)}
body.hgr-motion-enabled .hgr-site .scroll-cue {opacity:calc(1 - var(--hero-progress) * 1.6)}
/* Quiet, oversized typography; words are never completely hidden. */
.hgr-site .statement {padding:126px 0 115px;text-align:center;background:#fff}
.hgr-site .statement .intro-grid {display:block;max-width:1000px}
.hgr-site .statement .kicker {justify-content:center}
.hgr-site .statement-title {font-size:clamp(46px,6.5vw,94px);font-weight:600;line-height:1.08;letter-spacing:-4.5px;white-space:pre-line;color:var(--ink)}
.hgr-site .scroll-word {display:inline;opacity:1}
.hgr-site .statement .intro-right {max-width:690px;margin:43px auto 0}
.hgr-site .statement .intro-body {max-width:none;font-size:18px;line-height:1.85;color:var(--text)}
.hgr-site .statement .intro-highlights {max-width:650px;margin:37px auto 0;padding-top:30px;text-align:left;gap:52px}
.hgr-site .statement .intro-highlight h3 {font-size:16px;letter-spacing:-.4px}
/* The two divisions move through one full-bleed photographic canvas. */
.hgr-site .services {padding:95px 0 100px;background:var(--paper)}
.hgr-site .services>.container:first-child {margin-bottom:45px}
.hgr-site .services .section-heading {margin-bottom:0}
.hgr-site .division-story {position:relative;background:#111e28}
.hgr-site .story-pin {position:relative;background:#111e28}
.hgr-site .story-panel {position:relative;min-height:710px;overflow:hidden;color:#fff;scroll-margin-top:90px}
.hgr-site .story-image, .hgr-site .story-scrim {position:absolute;inset:0}
.hgr-site .story-image {overflow:hidden}
.hgr-site .story-image img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04)}
.hgr-site .story-scrim {background:linear-gradient(90deg,#07131cec 0%,#07131ccc 32%,#07131c70 62%,#07131c26 100%)}
.hgr-site .story-inner {position:relative;z-index:2;min-height:710px;display:flex;align-items:center;padding-block:95px}
.hgr-site .story-copy {max-width:610px}
.hgr-site .story-label {display:block;margin-bottom:29px;font-size:10px;color:#f1cdd2;letter-spacing:2.3px}
.hgr-site .story-copy h3 {font-size:clamp(48px,6.2vw,88px);font-weight:600;line-height:1.06;letter-spacing:-3.9px;color:#fff;margin-bottom:28px}
.hgr-site .story-copy p {font-size:16px;line-height:1.9;max-width:410px;color:#e1e9ee}
.hgr-site .story-copy .division-tags {color:#d6e1e7;font-size:10px;margin-top:23px}
.hgr-site .story-copy .btn {margin-top:30px;font-size:13px}
.hgr-site .story-controls {display:none}
body.hgr-motion-enabled .hgr-site .division-story {height:220svh}
body.hgr-motion-enabled .hgr-site .story-pin {position:sticky;top:var(--pin-top);height:calc(100svh - var(--pin-top));min-height:0;overflow:hidden}
body.hgr-motion-enabled .hgr-site .story-panel {position:absolute;inset:0;min-height:0;will-change:opacity}
body.hgr-motion-enabled .hgr-site .story-panel[data-story-panel="0"] {opacity:1}
body.hgr-motion-enabled .hgr-site .story-panel[data-story-panel="1"] {opacity:0}
body.hgr-motion-enabled .hgr-site .story-inner {min-height:100%;height:100%;padding-block:85px}
body.hgr-motion-enabled .hgr-site .story-image img {will-change:transform}
body.hgr-motion-enabled .hgr-site .story-controls {position:absolute;bottom:33px;left:0;right:0;z-index:5;display:flex;align-items:center;gap:26px;color:#fff}
.hgr-site .story-tabs {display:flex;gap:12px}
.hgr-site .story-tabs button {display:flex;gap:9px;align-items:center;min-height:43px;padding:11px 17px;border:1px solid #ffffff65;border-radius:100px;color:#fff;background:#08151ca1;cursor:pointer;font-size:11px;line-height:1.4}
.hgr-site .story-tabs button span {font-size:8px;color:#d5e0e8}
.hgr-site .story-tabs button[aria-pressed="true"] {background:#fff;color:var(--ink);border-color:#fff}
.hgr-site .story-tabs button[aria-pressed="true"] span {color:var(--red)}
.hgr-site .story-track {width:100px;height:2px;background:#ffffff65;margin-left:auto}
.hgr-site .story-track span {display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#fff}
.hgr-site .story-caption {font-size:8px;color:#f2f4f6}
.hgr-site .capability-wrap {margin-top:67px}
.hgr-site .capabilities-heading {margin-top:0}
.hgr-site .capability-card {transition:transform .2s;transform-origin:center;will-change:auto}
body.hgr-motion-enabled .hgr-site [data-soft-parallax] img {transition:none!important;will-change:transform}
.hgr-site .capability-image {aspect-ratio:1.3;border-radius:12px}
.hgr-site .capability-copy h3 {font-size:19px;font-weight:600}
.hgr-site .capability-copy p {font-size:13px}
.hgr-site .capability-link {font-size:12px}
.hgr-site .experience-gallery {background:#fff;color:var(--text);padding:105px 0 90px}
.hgr-site .experience-gallery .expertise-heading h2 {color:var(--ink);font-weight:600;letter-spacing:-2.5px}
.hgr-site .experience-gallery .expertise-heading>p {color:var(--text)}
.hgr-site .experience-gallery .kicker {color:var(--red)}
.hgr-site .experience-gallery .xp {border:0;background:#f0f2f4}
.hgr-site .experience-gallery .xp-copy {background:#f0f2f4}
.hgr-site .experience-gallery .xp-slide h3 {color:var(--ink);font-weight:600}
.hgr-site .experience-gallery .xp-slide p, .hgr-site .experience-gallery .xp-label {color:var(--text)}
.hgr-site .experience-gallery .text-link-light {color:var(--ink)}
.hgr-site .experience-gallery .xp-btn {color:var(--ink);border-color:#aeb6bd}
.hgr-site .experience-gallery .xp-btn:hover {color:#fff}
.hgr-site .experience-gallery .xp-dots button.on::after {background:var(--red)}
.hgr-site .experience-gallery .xp-status {color:var(--muted)}
.hgr-site .process {padding-top:65px}
.hgr-site .process .sec-title, .hgr-site .environments .sec-title {font-weight:600}
.hgr-site .environment-parallax .environments-image {aspect-ratio:1.03;overflow:hidden}
.hgr-site .environment-parallax .environments-image img {transform:scale(1.05)}
.hgr-site .cta {background:#121e28;position:relative;overflow:hidden}
.hgr-site .cta::before {content:"";position:absolute;pointer-events:none;width:570px;height:570px;right:-110px;top:-220px;border-radius:50%;background:radial-gradient(circle,#a31332a6 0%,#a3133233 40%,transparent 69%)}
.hgr-site .cta .container {position:relative}
.hgr-site .cta-title {font-weight:600;letter-spacing:-3px}
.hgr-site footer {background:#0c1720}
.hgr-site .f-links a {font-size:12px}
/* A real pause control; state is respected for this browser session. */
.hgr-site .motion-toggle {position:fixed;z-index:700;bottom:22px;right:22px;display:flex;align-items:center;gap:9px;min-height:38px;padding:10px 15px;border:1px solid #68757fb0;border-radius:100px;background:#111e28f0;color:#fff;box-shadow:0 4px 18px #00000012;font-size:10px;line-height:1.3;cursor:pointer}
.hgr-site .motion-icon {display:flex;gap:3px;align-items:center;justify-content:center;width:11px;height:10px}
.hgr-site .motion-icon i {height:9px;width:2px;background:currentColor;border-radius:1px}
.hgr-site .motion-toggle[aria-pressed="false"] .motion-icon {width:0;height:0;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;margin-inline:3px}
.hgr-site .motion-toggle[aria-pressed="false"] .motion-icon i {display:none}
body.hgr-motion-paused .hgr-site .scroll-cue-track::after {animation:none}
body.hgr-motion-paused .hgr-site .scroll-word {opacity:1!important}
body.hgr-motion-paused .hgr-site [data-tilt] {transform:none!important}
@media (max-width:1100px) {
.hgr-site .mainnav>.container {min-height:76px}
.hgr-site .brand img {height:51px}
.hgr-site .hero-content h1 {font-size:clamp(58px,8vw,90px);letter-spacing:-3.8px}
.hgr-site .hero-pin {min-height:650px}
.hgr-site .hero-content {top:13%}
.hgr-site .hero-meta {left:30px;right:30px}
.hgr-site .statement-title {font-size:74px;letter-spacing:-3.5px}
.hgr-site .statement .intro-grid {max-width:800px}
.hgr-site .story-copy {max-width:570px}
.hgr-site .story-copy h3 {font-size:76px}
.hgr-site .story-controls {gap:20px}
}
@media (max-width:850px) {
.hgr-site .hero-content {width:calc(100% - 60px);top:12%}
.hgr-site .hero-content h1 {font-size:70px;letter-spacing:-3.5px}
.hgr-site .hero-content .hero-intro {font-size:14px;max-width:490px}
.hgr-site .hero-meta .hero-caption {font-size:8px}
.hgr-site .image-disclosure {font-size:7px}
.hgr-site .scroll-cue {bottom:70px}
.hgr-site .hero-media img {object-position:62% center}
.hgr-site .statement {padding-block:95px}
.hgr-site .statement-title {font-size:65px;letter-spacing:-3px}
.hgr-site .statement .intro-body {font-size:16px}
.hgr-site .statement .intro-highlights {grid-template-columns:1fr 1fr;gap:35px}
.hgr-site .story-inner, .hgr-site .story-panel {min-height:660px}
.hgr-site .story-copy {max-width:490px}
.hgr-site .story-copy h3 {font-size:68px}
.hgr-site .story-copy p {font-size:14px;max-width:360px}
.hgr-site .story-caption {display:none}
.hgr-site .story-scrim {background:linear-gradient(90deg,#07131cea 0%,#07131ccb 40%,#07131c50 100%)}
.hgr-site .story-image img {object-position:62% center}
}
@media (max-width:782px) {
body.admin-bar .hgr-site {--pin-top:122px}
}
@media (max-width:650px) {
.hgr-site {--pin-top:68px}
.hgr-site .mainnav>.container {min-height:68px}
.hgr-site .brand img {height:45px}
body.admin-bar .hgr-site {--pin-top:114px}
.hgr-site .hero-pin {min-height:650px;height:calc(100svh - var(--pin-top))}
.hgr-site .hero-content {top:11%;width:calc(100% - 38px)}
.hgr-site .hero-content .hero-eyebrow {font-size:7px;letter-spacing:1.4px;margin-bottom:23px}
.hgr-site .hero-content h1 {font-size:clamp(40px,10.5vw,62px);line-height:1.08;letter-spacing:-1.9px}
.hgr-site .hero-content .hero-intro {font-size:12px;line-height:1.85;max-width:340px;margin-top:25px}
.hgr-site .hero-content .hero-actions {flex-direction:column;align-items:center;gap:14px;margin-top:27px}
.hgr-site .hero-content .btn {font-size:12px;min-height:48px;padding:14px 20px}
.hgr-site .hero-content .text-link {font-size:11px}
.hgr-site .hero-meta {left:20px;right:20px;bottom:29px;flex-direction:column;gap:9px;align-items:flex-start}
.hgr-site .hero-meta .hero-caption {gap:10px;font-size:8px}
.hgr-site .hero-meta .image-disclosure {font-size:6px}
.hgr-site .scroll-cue {bottom:95px;font-size:7px}
.hgr-site .scroll-cue-track {height:23px}
.hgr-site .hero-media img {object-position:66% center}
body.hgr-motion-enabled .hgr-site .hero-sequence {height:150svh;min-height:950px}
.hgr-site .statement {padding-block:70px}
.hgr-site .statement-title {font-size:clamp(38px,10vw,58px);line-height:1.15;letter-spacing:-1.8px}
.hgr-site .statement .intro-right {margin-top:29px}
.hgr-site .statement .intro-body {font-size:14px;line-height:1.85}
.hgr-site .statement .intro-highlights {gap:24px;margin-top:29px}
.hgr-site .statement .intro-highlight h3 {font-size:14px}
.hgr-site .statement .intro-highlight p {font-size:11px}
.hgr-site .services {padding-block:65px}
.hgr-site .services>.container:first-child {margin-bottom:31px}
.hgr-site .story-panel, .hgr-site .story-inner {min-height:660px}
.hgr-site .story-inner {padding-block:72px}
.hgr-site .story-copy {max-width:340px}
.hgr-site .story-label {font-size:8px;letter-spacing:1.7px;margin-bottom:26px}
.hgr-site .story-copy h3 {font-size:clamp(44px,12vw,67px);letter-spacing:-2.2px;margin-bottom:23px}
.hgr-site .story-copy p {font-size:13px;line-height:1.9;max-width:300px}
.hgr-site .story-copy .division-tags {font-size:9px;margin-top:23px;max-width:270px}
.hgr-site .story-copy .btn {font-size:11px;margin-top:26px;min-height:47px}
.hgr-site .story-scrim {background:linear-gradient(90deg,#07131cec 0%,#07131ccc 53%,#07131c88 100%)}
.hgr-site .story-image img {object-position:61% center}
body.hgr-motion-enabled .hgr-site .division-story {height:220svh;min-height:1500px}
body.hgr-motion-enabled .hgr-site .story-pin {min-height:0}
body.hgr-motion-enabled .hgr-site .story-inner {padding-block:70px}
body.hgr-motion-enabled .hgr-site .story-controls {bottom:27px;gap:14px}
.hgr-site .story-tabs {gap:8px}
.hgr-site .story-tabs button {font-size:10px;padding:10px 13px;gap:7px}
.hgr-site .story-tabs button span {font-size:7px}
.hgr-site .story-track {width:45px}
.hgr-site .capability-wrap {margin-top:43px}
.hgr-site .capability-copy h3 {font-size:16px}
.hgr-site .capability-copy p {font-size:12px}
.hgr-site .capability-link {font-size:10px}
.hgr-site .experience-gallery {padding-block:65px}
.hgr-site .process {padding-top:20px}
.hgr-site .environment-parallax .environments-image {aspect-ratio:1.15}
.hgr-site .cta-title {font-size:42px;letter-spacing:-2px}
.hgr-site .f-links a {font-size:11px}
.hgr-site .motion-toggle {right:14px;bottom:14px;font-size:8px;gap:7px;min-height:34px;padding:9px 12px}
}
@media (max-width:360px) {
.hgr-site .hero-content h1 {font-size:36px;letter-spacing:-1.7px}
.hgr-site .hero-content .hero-intro {font-size:11px;max-width:280px}
.hgr-site .statement-title {font-size:36px}
.hgr-site .story-copy h3 {font-size:44px}
.hgr-site .story-track {width:28px}
}
@media (prefers-reduced-motion:reduce) {
.hgr-site .scroll-cue-track::after {animation:none!important}
.hgr-site .hero-media {will-change:auto}
}
@media print {
.hgr-site .hero-sequence, .hgr-site .division-story {height:auto!important;min-height:0!important}
.hgr-site .hero-pin, .hgr-site .story-pin {position:relative!important;top:0!important;min-height:400px!important;height:auto!important}
.hgr-site .hero-pin {height:500px!important}
.hgr-site .hero-content {opacity:1!important;transform:translateX(-50%)!important;left:50%!important}
.hgr-site .hero-frame, .hgr-site .hero-media {transform:none!important}
.hgr-site .story-panel {position:relative!important;opacity:1!important;min-height:400px!important}
.hgr-site .story-inner {min-height:400px!important}
.hgr-site .story-controls, .hgr-site .motion-toggle, .hgr-site .scroll-cue {display:none!important}
.hgr-site .scroll-word {opacity:1!important}
}
/* Leave the fixed motion control clear of illustrative-image disclosures. */
@media (min-width:851px) {
.hgr-site .hero-meta {padding-right:135px}
.hgr-site .story-caption {margin-right:125px}
}
@media (max-width:650px) and (max-height:700px) {
.hgr-site .hero-content {top:8%}
.hgr-site .hero-content h1 {font-size:37px;letter-spacing:-1.7px}
.hgr-site .hero-content .hero-eyebrow {margin-bottom:18px}
.hgr-site .hero-content .hero-intro {font-size:11px;line-height:1.7;margin-top:19px}
.hgr-site .hero-content .hero-actions {margin-top:21px;gap:10px}
.hgr-site .hero-content .btn {min-height:44px;font-size:11px}
.hgr-site .scroll-cue {display:none}
.hgr-site .story-copy h3 {font-size:43px}
.hgr-site .story-copy p {font-size:12px;line-height:1.8}
.hgr-site .story-copy .division-tags {font-size:8px;margin-top:15px}
.hgr-site .story-copy .btn {font-size:10px;margin-top:21px;min-height:43px}
.hgr-site .story-label {font-size:7px;margin-bottom:20px}
body.hgr-motion-enabled .hgr-site .story-inner {padding:44px 0 90px}
body.hgr-motion-enabled .hgr-site .story-controls {bottom:20px}
}