/* Impeccable scaffold: the measured layout of the approved comp as custom properties. Generated by build-phase.mjs scaffold; regenerate after comp-spec.mjs --regions changes. Bind these to your own markup; positions are % of the comp frame so they scale with it. */
:root {
  --r-masthead-logo-x: 0.000%; --r-masthead-logo-y: 0.000%; --r-masthead-logo-w: 20.000%; --r-masthead-logo-h: 10.000%;
  --r-masthead-nav-x: 19.970%; --r-masthead-nav-y: 3.400%; --r-masthead-nav-w: 6.460%; --r-masthead-nav-h: 6.620%;
  --r-masthead-cta-x: 80.030%; --r-masthead-cta-y: 1.700%; --r-masthead-cta-w: 16.540%; --r-masthead-cta-h: 6.240%;
  --r-left-worker-photo-x: 0.000%; --r-left-worker-photo-y: 10.000%; --r-left-worker-photo-w: 30.000%; --r-left-worker-photo-h: 40.000%;
  --r-left-callout-x: 0.000%; --r-left-callout-y: 10.000%; --r-left-callout-w: 10.000%; --r-left-callout-h: 20.000%;
  --r-left-callout-cap: 11px; --r-left-callout-font: 17px;
  --r-right-supervisor-photo-x: 70.000%; --r-right-supervisor-photo-y: 10.000%; --r-right-supervisor-photo-w: 30.000%; --r-right-supervisor-photo-h: 40.000%;
  --r-right-callout-x: 90.000%; --r-right-callout-y: 10.000%; --r-right-callout-w: 10.000%; --r-right-callout-h: 20.000%;
  --r-right-callout-cap: 9px; --r-right-callout-font: 14px;
  --r-hero-shield-x: 30.000%; --r-hero-shield-y: 10.000%; --r-hero-shield-w: 40.000%; --r-hero-shield-h: 40.000%;
  --r-hero-heading-x: 30.000%; --r-hero-heading-y: 10.000%; --r-hero-heading-w: 40.000%; --r-hero-heading-h: 30.000%;
  --r-hero-heading-cap: 40px; --r-hero-heading-font: 57px; --r-hero-heading-family: 'Mirza'; --r-hero-heading-weight: 700;
  --r-hero-copy-x: 30.000%; --r-hero-copy-y: 30.000%; --r-hero-copy-w: 40.000%; --r-hero-copy-h: 20.000%;
  --r-connection-spine-x: 30.000%; --r-connection-spine-y: 40.000%; --r-connection-spine-w: 40.000%; --r-connection-spine-h: 30.000%;
  --r-connection-node-x: 30.000%; --r-connection-node-y: 40.000%; --r-connection-node-w: 40.000%; --r-connection-node-h: 30.000%;
  --r-candidate-route-x: 0.000%; --r-candidate-route-y: 50.000%; --r-candidate-route-w: 40.010%; --r-candidate-route-h: 14.740%;
  --r-candidate-route-copy-x: 10.020%; --r-candidate-route-copy-y: 50.000%; --r-candidate-route-copy-w: 19.970%; --r-candidate-route-copy-h: 14.740%;
  --r-company-route-x: 59.990%; --r-company-route-y: 50.000%; --r-company-route-w: 40.010%; --r-company-route-h: 15.310%;
  --r-company-route-copy-x: 70.010%; --r-company-route-copy-y: 50.000%; --r-company-route-copy-w: 19.970%; --r-company-route-copy-h: 15.310%;
  --r-company-route-copy-cap: 17px; --r-company-route-copy-font: 25px;
  --r-trust-strip-x: 0.000%; --r-trust-strip-y: 60.000%; --r-trust-strip-w: 100.000%; --r-trust-strip-h: 20.000%;
  --r-trust-specialized-x: 10.020%; --r-trust-specialized-y: 60.020%; --r-trust-specialized-w: 29.990%; --r-trust-specialized-h: 5.100%;
  --r-trust-personal-x: 40.010%; --r-trust-personal-y: 60.020%; --r-trust-personal-w: 19.970%; --r-trust-personal-h: 6.240%;
  --r-trust-personal-cap: 43px; --r-trust-personal-font: 62px; --r-trust-personal-family: 'Goblin One'; --r-trust-personal-weight: 400;
  --r-trust-agile-x: 59.990%; --r-trust-agile-y: 60.020%; --r-trust-agile-w: 19.970%; --r-trust-agile-h: 5.100%;
  --r-jobs-heading-x: 3.630%; --r-jobs-heading-y: 75.140%; --r-jobs-heading-w: 26.360%; --r-jobs-heading-h: 9.070%;
  --r-jobs-heading-cap: 9px; --r-jobs-heading-font: 13px;
  --r-jobs-link-x: 83.250%; --r-jobs-link-y: 79.680%; --r-jobs-link-w: 12.910%; --r-jobs-link-h: 2.840%;
  --r-job-card-one-x: 5.250%; --r-job-card-one-y: 85.630%; --r-job-card-one-w: 5.650%; --r-job-card-one-h: 7.940%;
  --r-job-card-one-title-x: 10.020%; --r-job-card-one-title-y: 79.960%; --r-job-card-one-title-w: 19.970%; --r-job-card-one-title-h: 4.540%;
  --r-job-card-one-title-cap: 26px; --r-job-card-one-title-font: 38px;
  --r-job-card-two-x: 36.050%; --r-job-card-two-y: 85.630%; --r-job-card-two-w: 5.650%; --r-job-card-two-h: 7.940%;
  --r-job-card-two-title-x: 42.840%; --r-job-card-two-title-y: 86.770%; --r-job-card-two-title-w: 14.530%; --r-job-card-two-title-h: 5.670%;
  --r-job-card-two-title-cap: 12px; --r-job-card-two-title-font: 18px;
  --r-job-card-three-x: 66.850%; --r-job-card-three-y: 85.630%; --r-job-card-three-w: 5.650%; --r-job-card-three-h: 7.940%;
  --r-job-card-three-title-x: 73.640%; --r-job-card-three-title-y: 86.770%; --r-job-card-three-title-w: 14.530%; --r-job-card-three-title-h: 5.670%;
  --r-job-card-three-title-cap: 12px; --r-job-card-three-title-font: 18px;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 1487 / 1058; overflow: hidden; }
.r-masthead-logo { position: absolute; left: var(--r-masthead-logo-x); top: var(--r-masthead-logo-y); width: var(--r-masthead-logo-w); height: var(--r-masthead-logo-h); }
.r-masthead-nav { position: absolute; left: var(--r-masthead-nav-x); top: var(--r-masthead-nav-y); width: var(--r-masthead-nav-w); height: var(--r-masthead-nav-h); }
.r-masthead-cta { position: absolute; left: var(--r-masthead-cta-x); top: var(--r-masthead-cta-y); width: var(--r-masthead-cta-w); height: var(--r-masthead-cta-h); }
.r-left-worker-photo { position: absolute; left: var(--r-left-worker-photo-x); top: var(--r-left-worker-photo-y); width: var(--r-left-worker-photo-w); height: var(--r-left-worker-photo-h); }
.r-left-callout { position: absolute; left: var(--r-left-callout-x); top: var(--r-left-callout-y); width: var(--r-left-callout-w); height: var(--r-left-callout-h); }
.r-right-supervisor-photo { position: absolute; left: var(--r-right-supervisor-photo-x); top: var(--r-right-supervisor-photo-y); width: var(--r-right-supervisor-photo-w); height: var(--r-right-supervisor-photo-h); }
.r-right-callout { position: absolute; left: var(--r-right-callout-x); top: var(--r-right-callout-y); width: var(--r-right-callout-w); height: var(--r-right-callout-h); }
.r-hero-shield { position: absolute; left: var(--r-hero-shield-x); top: var(--r-hero-shield-y); width: var(--r-hero-shield-w); height: var(--r-hero-shield-h); }
.r-hero-heading { position: absolute; left: var(--r-hero-heading-x); top: var(--r-hero-heading-y); width: var(--r-hero-heading-w); height: var(--r-hero-heading-h); }
.r-hero-copy { position: absolute; left: var(--r-hero-copy-x); top: var(--r-hero-copy-y); width: var(--r-hero-copy-w); height: var(--r-hero-copy-h); }
.r-connection-spine { position: absolute; left: var(--r-connection-spine-x); top: var(--r-connection-spine-y); width: var(--r-connection-spine-w); height: var(--r-connection-spine-h); }
.r-connection-node { position: absolute; left: var(--r-connection-node-x); top: var(--r-connection-node-y); width: var(--r-connection-node-w); height: var(--r-connection-node-h); }
.r-candidate-route { position: absolute; left: var(--r-candidate-route-x); top: var(--r-candidate-route-y); width: var(--r-candidate-route-w); height: var(--r-candidate-route-h); }
.r-candidate-route-copy { position: absolute; left: var(--r-candidate-route-copy-x); top: var(--r-candidate-route-copy-y); width: var(--r-candidate-route-copy-w); height: var(--r-candidate-route-copy-h); }
.r-company-route { position: absolute; left: var(--r-company-route-x); top: var(--r-company-route-y); width: var(--r-company-route-w); height: var(--r-company-route-h); }
.r-company-route-copy { position: absolute; left: var(--r-company-route-copy-x); top: var(--r-company-route-copy-y); width: var(--r-company-route-copy-w); height: var(--r-company-route-copy-h); }
.r-trust-strip { position: absolute; left: var(--r-trust-strip-x); top: var(--r-trust-strip-y); width: var(--r-trust-strip-w); height: var(--r-trust-strip-h); }
.r-trust-specialized { position: absolute; left: var(--r-trust-specialized-x); top: var(--r-trust-specialized-y); width: var(--r-trust-specialized-w); height: var(--r-trust-specialized-h); }
.r-trust-personal { position: absolute; left: var(--r-trust-personal-x); top: var(--r-trust-personal-y); width: var(--r-trust-personal-w); height: var(--r-trust-personal-h); }
.r-trust-agile { position: absolute; left: var(--r-trust-agile-x); top: var(--r-trust-agile-y); width: var(--r-trust-agile-w); height: var(--r-trust-agile-h); }
.r-jobs-heading { position: absolute; left: var(--r-jobs-heading-x); top: var(--r-jobs-heading-y); width: var(--r-jobs-heading-w); height: var(--r-jobs-heading-h); }
.r-jobs-link { position: absolute; left: var(--r-jobs-link-x); top: var(--r-jobs-link-y); width: var(--r-jobs-link-w); height: var(--r-jobs-link-h); }
.r-job-card-one { position: absolute; left: var(--r-job-card-one-x); top: var(--r-job-card-one-y); width: var(--r-job-card-one-w); height: var(--r-job-card-one-h); }
.r-job-card-one-title { position: absolute; left: var(--r-job-card-one-title-x); top: var(--r-job-card-one-title-y); width: var(--r-job-card-one-title-w); height: var(--r-job-card-one-title-h); }
.r-job-card-two { position: absolute; left: var(--r-job-card-two-x); top: var(--r-job-card-two-y); width: var(--r-job-card-two-w); height: var(--r-job-card-two-h); }
.r-job-card-two-title { position: absolute; left: var(--r-job-card-two-title-x); top: var(--r-job-card-two-title-y); width: var(--r-job-card-two-title-w); height: var(--r-job-card-two-title-h); }
.r-job-card-three { position: absolute; left: var(--r-job-card-three-x); top: var(--r-job-card-three-y); width: var(--r-job-card-three-w); height: var(--r-job-card-three-h); }
.r-job-card-three-title { position: absolute; left: var(--r-job-card-three-title-x); top: var(--r-job-card-three-title-y); width: var(--r-job-card-three-title-w); height: var(--r-job-card-three-title-h); }