/* 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-blue-canvas-texture-x: 19.530%; --r-blue-canvas-texture-y: 10.550%; --r-blue-canvas-texture-w: 7.160%; --r-blue-canvas-texture-h: 4.690%;
  --r-ivory-ledger-texture-x: 19.530%; --r-ivory-ledger-texture-y: 79.490%; --r-ivory-ledger-texture-w: 7.160%; --r-ivory-ledger-texture-h: 4.100%;
  --r-brand-symbol-x: 3.060%; --r-brand-symbol-y: 0.780%; --r-brand-symbol-w: 5.140%; --r-brand-symbol-h: 7.230%;
  --r-brand-wordmark-x: 9.440%; --r-brand-wordmark-y: 1.460%; --r-brand-wordmark-w: 17.190%; --r-brand-wordmark-h: 5.660%;
  --r-brand-wordmark-cap: 26px; --r-brand-wordmark-font: 38px;
  --r-nav-employers-x: 49.020%; --r-nav-employers-y: 3.320%; --r-nav-employers-w: 5.600%; --r-nav-employers-h: 2.540%;
  --r-nav-employers-cap: 13px; --r-nav-employers-font: 19px;
  --r-nav-solutions-x: 57.230%; --r-nav-solutions-y: 3.320%; --r-nav-solutions-w: 11.460%; --r-nav-solutions-h: 2.540%;
  --r-nav-solutions-cap: 13px; --r-nav-solutions-font: 19px;
  --r-nav-industries-x: 70.310%; --r-nav-industries-y: 3.320%; --r-nav-industries-w: 5.920%; --r-nav-industries-h: 2.540%;
  --r-nav-industries-cap: 13px; --r-nav-industries-font: 20px;
  --r-nav-about-x: 77.600%; --r-nav-about-y: 3.320%; --r-nav-about-w: 3.780%; --r-nav-about-h: 2.540%;
  --r-nav-about-cap: 13px; --r-nav-about-font: 19px;
  --r-nav-cta-plate-x: 82.490%; --r-nav-cta-plate-y: 1.560%; --r-nav-cta-plate-w: 14.970%; --r-nav-cta-plate-h: 6.050%;
  --r-nav-cta-text-x: 84.640%; --r-nav-cta-text-y: 3.320%; --r-nav-cta-text-w: 10.420%; --r-nav-cta-text-h: 2.440%;
  --r-nav-cta-text-cap: 12px; --r-nav-cta-text-font: 18px;
  --r-nav-bottom-seam-x: 0.000%; --r-nav-bottom-seam-y: 8.690%; --r-nav-bottom-seam-w: 100.000%; --r-nav-bottom-seam-h: 0.880%;
  --r-hero-headline-x: 3.780%; --r-hero-headline-y: 16.600%; --r-hero-headline-w: 37.570%; --r-hero-headline-h: 28.030%;
  --r-hero-headline-cap: 76px; --r-hero-headline-font: 110px; --r-hero-headline-family: 'Wittgenstein'; --r-hero-headline-weight: 700;
  --r-hero-accent-rule-x: 3.840%; --r-hero-accent-rule-y: 47.560%; --r-hero-accent-rule-w: 4.750%; --r-hero-accent-rule-h: 0.680%;
  --r-hero-description-x: 3.910%; --r-hero-description-y: 50.780%; --r-hero-description-w: 33.920%; --r-hero-description-h: 6.930%;
  --r-hero-description-cap: 21px; --r-hero-description-font: 31px;
  --r-hero-cta-plate-x: 3.450%; --r-hero-cta-plate-y: 60.840%; --r-hero-cta-plate-w: 29.230%; --r-hero-cta-plate-h: 8.400%;
  --r-hero-cta-text-x: 8.850%; --r-hero-cta-text-y: 63.570%; --r-hero-cta-text-w: 19.600%; --r-hero-cta-text-h: 3.130%;
  --r-hero-cta-text-cap: 18px; --r-hero-cta-text-font: 27px;
  --r-hero-microcopy-x: 3.840%; --r-hero-microcopy-y: 72.070%; --r-hero-microcopy-w: 33.920%; --r-hero-microcopy-h: 2.340%;
  --r-hero-microcopy-cap: 10px; --r-hero-microcopy-font: 14px;
  --r-placement-thread-x: 36.850%; --r-placement-thread-y: 12.300%; --r-placement-thread-w: 59.180%; --r-placement-thread-h: 34.380%;
  --r-temporary-tag-x: 47.330%; --r-temporary-tag-y: 20.310%; --r-temporary-tag-w: 13.150%; --r-temporary-tag-h: 7.620%;
  --r-temporary-text-x: 50.780%; --r-temporary-text-y: 22.950%; --r-temporary-text-w: 6.770%; --r-temporary-text-h: 2.640%;
  --r-temporary-text-cap: 16px; --r-temporary-text-font: 24px;
  --r-temp-hire-tag-x: 63.150%; --r-temp-hire-tag-y: 20.210%; --r-temp-hire-tag-w: 14.710%; --r-temp-hire-tag-h: 7.710%;
  --r-temp-hire-text-x: 65.760%; --r-temp-hire-text-y: 22.850%; --r-temp-hire-text-w: 9.640%; --r-temp-hire-text-h: 2.640%;
  --r-temp-hire-text-cap: 16px; --r-temp-hire-text-font: 24px;
  --r-direct-tag-x: 80.010%; --r-direct-tag-y: 20.210%; --r-direct-tag-w: 15.490%; --r-direct-tag-h: 7.710%;
  --r-direct-text-x: 82.360%; --r-direct-text-y: 22.850%; --r-direct-text-w: 10.810%; --r-direct-text-h: 2.640%;
  --r-direct-text-cap: 16px; --r-direct-text-font: 23px;
  --r-industrial-patch-x: 41.730%; --r-industrial-patch-y: 41.110%; --r-industrial-patch-w: 14.060%; --r-industrial-patch-h: 20.020%;
  --r-industrial-caption-x: 42.510%; --r-industrial-caption-y: 61.430%; --r-industrial-caption-w: 11.720%; --r-industrial-caption-h: 5.570%;
  --r-industrial-caption-cap: 17px; --r-industrial-caption-font: 25px;
  --r-administrative-patch-x: 55.660%; --r-administrative-patch-y: 41.110%; --r-administrative-patch-w: 14.060%; --r-administrative-patch-h: 20.020%;
  --r-administrative-caption-x: 56.320%; --r-administrative-caption-y: 61.430%; --r-administrative-caption-w: 12.040%; --r-administrative-caption-h: 5.570%;
  --r-administrative-caption-cap: 17px; --r-administrative-caption-font: 25px;
  --r-hr-patch-x: 69.530%; --r-hr-patch-y: 41.110%; --r-hr-patch-w: 14.060%; --r-hr-patch-h: 20.020%;
  --r-hr-caption-x: 72.270%; --r-hr-caption-y: 61.430%; --r-hr-caption-w: 8.920%; --r-hr-caption-h: 5.570%;
  --r-hr-caption-cap: 16px; --r-hr-caption-font: 24px;
  --r-hospitality-patch-x: 83.400%; --r-hospitality-patch-y: 41.410%; --r-hospitality-patch-w: 13.670%; --r-hospitality-patch-h: 19.630%;
  --r-hospitality-caption-x: 84.640%; --r-hospitality-caption-y: 61.430%; --r-hospitality-caption-w: 9.510%; --r-hospitality-caption-h: 3.130%;
  --r-hospitality-caption-cap: 17px; --r-hospitality-caption-font: 25px;
  --r-handwritten-note-x: 84.510%; --r-handwritten-note-y: 66.410%; --r-handwritten-note-w: 11.070%; --r-handwritten-note-h: 9.670%;
  --r-right-registration-marks-x: 96.880%; --r-right-registration-marks-y: 12.400%; --r-right-registration-marks-w: 2.020%; --r-right-registration-marks-h: 64.060%;
  --r-hero-bottom-seam-x: 0.000%; --r-hero-bottom-seam-y: 77.830%; --r-hero-bottom-seam-w: 100.000%; --r-hero-bottom-seam-h: 1.460%;
  --r-services-kicker-x: 4.300%; --r-services-kicker-y: 82.230%; --r-services-kicker-w: 9.180%; --r-services-kicker-h: 2.150%;
  --r-services-kicker-cap: 9px; --r-services-kicker-font: 14px;
  --r-services-kicker-rule-x: 15.100%; --r-services-kicker-rule-y: 83.110%; --r-services-kicker-rule-w: 4.300%; --r-services-kicker-rule-h: 0.590%;
  --r-services-heading-x: 4.100%; --r-services-heading-y: 85.840%; --r-services-heading-w: 29.620%; --r-services-heading-h: 9.960%;
  --r-services-heading-cap: 41px; --r-services-heading-font: 59px;
  --r-services-rule-one-x: 36.070%; --r-services-rule-one-y: 81.640%; --r-services-rule-one-w: 0.260%; --r-services-rule-one-h: 14.940%;
  --r-build-team-icon-x: 40.230%; --r-build-team-icon-y: 83.010%; --r-build-team-icon-w: 3.580%; --r-build-team-icon-h: 4.590%;
  --r-build-team-title-x: 40.230%; --r-build-team-title-y: 87.790%; --r-build-team-title-w: 12.110%; --r-build-team-title-h: 3.030%;
  --r-build-team-title-cap: 17px; --r-build-team-title-font: 24px;
  --r-build-team-copy-x: 40.230%; --r-build-team-copy-y: 91.500%; --r-build-team-copy-w: 12.570%; --r-build-team-copy-h: 5.270%;
  --r-build-team-copy-cap: 13px; --r-build-team-copy-font: 19px;
  --r-services-rule-two-x: 57.290%; --r-services-rule-two-y: 81.640%; --r-services-rule-two-w: 0.260%; --r-services-rule-two-h: 14.940%;
  --r-stay-flexible-icon-x: 60.940%; --r-stay-flexible-icon-y: 83.010%; --r-stay-flexible-icon-w: 3.650%; --r-stay-flexible-icon-h: 4.590%;
  --r-stay-flexible-title-x: 60.940%; --r-stay-flexible-title-y: 87.790%; --r-stay-flexible-title-w: 10.480%; --r-stay-flexible-title-h: 3.030%;
  --r-stay-flexible-title-cap: 18px; --r-stay-flexible-title-font: 26px;
  --r-stay-flexible-copy-x: 60.940%; --r-stay-flexible-copy-y: 91.500%; --r-stay-flexible-copy-w: 12.110%; --r-stay-flexible-copy-h: 5.270%;
  --r-stay-flexible-copy-cap: 13px; --r-stay-flexible-copy-font: 20px;
  --r-services-rule-three-x: 77.800%; --r-services-rule-three-y: 81.640%; --r-services-rule-three-w: 0.260%; --r-services-rule-three-h: 14.940%;
  --r-move-forward-icon-x: 81.640%; --r-move-forward-icon-y: 83.010%; --r-move-forward-icon-w: 3.580%; --r-move-forward-icon-h: 4.590%;
  --r-move-forward-title-x: 81.640%; --r-move-forward-title-y: 87.790%; --r-move-forward-title-w: 10.480%; --r-move-forward-title-h: 3.030%;
  --r-move-forward-title-cap: 18px; --r-move-forward-title-font: 26px;
  --r-move-forward-copy-x: 81.640%; --r-move-forward-copy-y: 91.500%; --r-move-forward-copy-w: 12.630%; --r-move-forward-copy-h: 5.270%;
  --r-move-forward-copy-cap: 13px; --r-move-forward-copy-font: 19px;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 1536 / 1024; overflow: hidden; }
.r-blue-canvas-texture { position: absolute; left: var(--r-blue-canvas-texture-x); top: var(--r-blue-canvas-texture-y); width: var(--r-blue-canvas-texture-w); height: var(--r-blue-canvas-texture-h); }
.r-ivory-ledger-texture { position: absolute; left: var(--r-ivory-ledger-texture-x); top: var(--r-ivory-ledger-texture-y); width: var(--r-ivory-ledger-texture-w); height: var(--r-ivory-ledger-texture-h); }
.r-brand-symbol { position: absolute; left: var(--r-brand-symbol-x); top: var(--r-brand-symbol-y); width: var(--r-brand-symbol-w); height: var(--r-brand-symbol-h); }
.r-brand-wordmark { position: absolute; left: var(--r-brand-wordmark-x); top: var(--r-brand-wordmark-y); width: var(--r-brand-wordmark-w); height: var(--r-brand-wordmark-h); }
.r-nav-employers { position: absolute; left: var(--r-nav-employers-x); top: var(--r-nav-employers-y); width: var(--r-nav-employers-w); height: var(--r-nav-employers-h); }
.r-nav-solutions { position: absolute; left: var(--r-nav-solutions-x); top: var(--r-nav-solutions-y); width: var(--r-nav-solutions-w); height: var(--r-nav-solutions-h); }
.r-nav-industries { position: absolute; left: var(--r-nav-industries-x); top: var(--r-nav-industries-y); width: var(--r-nav-industries-w); height: var(--r-nav-industries-h); }
.r-nav-about { position: absolute; left: var(--r-nav-about-x); top: var(--r-nav-about-y); width: var(--r-nav-about-w); height: var(--r-nav-about-h); }
.r-nav-cta-plate { position: absolute; left: var(--r-nav-cta-plate-x); top: var(--r-nav-cta-plate-y); width: var(--r-nav-cta-plate-w); height: var(--r-nav-cta-plate-h); }
.r-nav-cta-text { position: absolute; left: var(--r-nav-cta-text-x); top: var(--r-nav-cta-text-y); width: var(--r-nav-cta-text-w); height: var(--r-nav-cta-text-h); }
.r-nav-bottom-seam { position: absolute; left: var(--r-nav-bottom-seam-x); top: var(--r-nav-bottom-seam-y); width: var(--r-nav-bottom-seam-w); height: var(--r-nav-bottom-seam-h); }
.r-hero-headline { position: absolute; left: var(--r-hero-headline-x); top: var(--r-hero-headline-y); width: var(--r-hero-headline-w); height: var(--r-hero-headline-h); }
.r-hero-accent-rule { position: absolute; left: var(--r-hero-accent-rule-x); top: var(--r-hero-accent-rule-y); width: var(--r-hero-accent-rule-w); height: var(--r-hero-accent-rule-h); }
.r-hero-description { position: absolute; left: var(--r-hero-description-x); top: var(--r-hero-description-y); width: var(--r-hero-description-w); height: var(--r-hero-description-h); }
.r-hero-cta-plate { position: absolute; left: var(--r-hero-cta-plate-x); top: var(--r-hero-cta-plate-y); width: var(--r-hero-cta-plate-w); height: var(--r-hero-cta-plate-h); }
.r-hero-cta-text { position: absolute; left: var(--r-hero-cta-text-x); top: var(--r-hero-cta-text-y); width: var(--r-hero-cta-text-w); height: var(--r-hero-cta-text-h); }
.r-hero-microcopy { position: absolute; left: var(--r-hero-microcopy-x); top: var(--r-hero-microcopy-y); width: var(--r-hero-microcopy-w); height: var(--r-hero-microcopy-h); }
.r-placement-thread { position: absolute; left: var(--r-placement-thread-x); top: var(--r-placement-thread-y); width: var(--r-placement-thread-w); height: var(--r-placement-thread-h); }
.r-temporary-tag { position: absolute; left: var(--r-temporary-tag-x); top: var(--r-temporary-tag-y); width: var(--r-temporary-tag-w); height: var(--r-temporary-tag-h); }
.r-temporary-text { position: absolute; left: var(--r-temporary-text-x); top: var(--r-temporary-text-y); width: var(--r-temporary-text-w); height: var(--r-temporary-text-h); }
.r-temp-hire-tag { position: absolute; left: var(--r-temp-hire-tag-x); top: var(--r-temp-hire-tag-y); width: var(--r-temp-hire-tag-w); height: var(--r-temp-hire-tag-h); }
.r-temp-hire-text { position: absolute; left: var(--r-temp-hire-text-x); top: var(--r-temp-hire-text-y); width: var(--r-temp-hire-text-w); height: var(--r-temp-hire-text-h); }
.r-direct-tag { position: absolute; left: var(--r-direct-tag-x); top: var(--r-direct-tag-y); width: var(--r-direct-tag-w); height: var(--r-direct-tag-h); }
.r-direct-text { position: absolute; left: var(--r-direct-text-x); top: var(--r-direct-text-y); width: var(--r-direct-text-w); height: var(--r-direct-text-h); }
.r-industrial-patch { position: absolute; left: var(--r-industrial-patch-x); top: var(--r-industrial-patch-y); width: var(--r-industrial-patch-w); height: var(--r-industrial-patch-h); }
.r-industrial-caption { position: absolute; left: var(--r-industrial-caption-x); top: var(--r-industrial-caption-y); width: var(--r-industrial-caption-w); height: var(--r-industrial-caption-h); }
.r-administrative-patch { position: absolute; left: var(--r-administrative-patch-x); top: var(--r-administrative-patch-y); width: var(--r-administrative-patch-w); height: var(--r-administrative-patch-h); }
.r-administrative-caption { position: absolute; left: var(--r-administrative-caption-x); top: var(--r-administrative-caption-y); width: var(--r-administrative-caption-w); height: var(--r-administrative-caption-h); }
.r-hr-patch { position: absolute; left: var(--r-hr-patch-x); top: var(--r-hr-patch-y); width: var(--r-hr-patch-w); height: var(--r-hr-patch-h); }
.r-hr-caption { position: absolute; left: var(--r-hr-caption-x); top: var(--r-hr-caption-y); width: var(--r-hr-caption-w); height: var(--r-hr-caption-h); }
.r-hospitality-patch { position: absolute; left: var(--r-hospitality-patch-x); top: var(--r-hospitality-patch-y); width: var(--r-hospitality-patch-w); height: var(--r-hospitality-patch-h); }
.r-hospitality-caption { position: absolute; left: var(--r-hospitality-caption-x); top: var(--r-hospitality-caption-y); width: var(--r-hospitality-caption-w); height: var(--r-hospitality-caption-h); }
.r-handwritten-note { position: absolute; left: var(--r-handwritten-note-x); top: var(--r-handwritten-note-y); width: var(--r-handwritten-note-w); height: var(--r-handwritten-note-h); }
.r-right-registration-marks { position: absolute; left: var(--r-right-registration-marks-x); top: var(--r-right-registration-marks-y); width: var(--r-right-registration-marks-w); height: var(--r-right-registration-marks-h); }
.r-hero-bottom-seam { position: absolute; left: var(--r-hero-bottom-seam-x); top: var(--r-hero-bottom-seam-y); width: var(--r-hero-bottom-seam-w); height: var(--r-hero-bottom-seam-h); }
.r-services-kicker { position: absolute; left: var(--r-services-kicker-x); top: var(--r-services-kicker-y); width: var(--r-services-kicker-w); height: var(--r-services-kicker-h); }
.r-services-kicker-rule { position: absolute; left: var(--r-services-kicker-rule-x); top: var(--r-services-kicker-rule-y); width: var(--r-services-kicker-rule-w); height: var(--r-services-kicker-rule-h); }
.r-services-heading { position: absolute; left: var(--r-services-heading-x); top: var(--r-services-heading-y); width: var(--r-services-heading-w); height: var(--r-services-heading-h); }
.r-services-rule-one { position: absolute; left: var(--r-services-rule-one-x); top: var(--r-services-rule-one-y); width: var(--r-services-rule-one-w); height: var(--r-services-rule-one-h); }
.r-build-team-icon { position: absolute; left: var(--r-build-team-icon-x); top: var(--r-build-team-icon-y); width: var(--r-build-team-icon-w); height: var(--r-build-team-icon-h); }
.r-build-team-title { position: absolute; left: var(--r-build-team-title-x); top: var(--r-build-team-title-y); width: var(--r-build-team-title-w); height: var(--r-build-team-title-h); }
.r-build-team-copy { position: absolute; left: var(--r-build-team-copy-x); top: var(--r-build-team-copy-y); width: var(--r-build-team-copy-w); height: var(--r-build-team-copy-h); }
.r-services-rule-two { position: absolute; left: var(--r-services-rule-two-x); top: var(--r-services-rule-two-y); width: var(--r-services-rule-two-w); height: var(--r-services-rule-two-h); }
.r-stay-flexible-icon { position: absolute; left: var(--r-stay-flexible-icon-x); top: var(--r-stay-flexible-icon-y); width: var(--r-stay-flexible-icon-w); height: var(--r-stay-flexible-icon-h); }
.r-stay-flexible-title { position: absolute; left: var(--r-stay-flexible-title-x); top: var(--r-stay-flexible-title-y); width: var(--r-stay-flexible-title-w); height: var(--r-stay-flexible-title-h); }
.r-stay-flexible-copy { position: absolute; left: var(--r-stay-flexible-copy-x); top: var(--r-stay-flexible-copy-y); width: var(--r-stay-flexible-copy-w); height: var(--r-stay-flexible-copy-h); }
.r-services-rule-three { position: absolute; left: var(--r-services-rule-three-x); top: var(--r-services-rule-three-y); width: var(--r-services-rule-three-w); height: var(--r-services-rule-three-h); }
.r-move-forward-icon { position: absolute; left: var(--r-move-forward-icon-x); top: var(--r-move-forward-icon-y); width: var(--r-move-forward-icon-w); height: var(--r-move-forward-icon-h); }
.r-move-forward-title { position: absolute; left: var(--r-move-forward-title-x); top: var(--r-move-forward-title-y); width: var(--r-move-forward-title-w); height: var(--r-move-forward-title-h); }
.r-move-forward-copy { position: absolute; left: var(--r-move-forward-copy-x); top: var(--r-move-forward-copy-y); width: var(--r-move-forward-copy-w); height: var(--r-move-forward-copy-h); }
