/* 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-logo-mark-x: 3.960%; --r-logo-mark-y: 3.070%; --r-logo-mark-w: 6.800%; --r-logo-mark-h: 4.950%;
  --r-logo-mark-cap: 34px; --r-logo-mark-font: 50px;
  --r-logo-word-x: 11.390%; --r-logo-word-y: 3.180%; --r-logo-word-w: 9.810%; --r-logo-word-h: 4.950%;
  --r-logo-word-cap: 14px; --r-logo-word-font: 21px;
  --r-nav-x: 46.280%; --r-nav-y: 4.010%; --r-nav-w: 33.230%; --r-nav-h: 3.540%;
  --r-nav-cap: 15px; --r-nav-font: 21px;
  --r-phone-cta-x: 81.250%; --r-phone-cta-y: 2.480%; --r-phone-cta-w: 14.720%; --r-phone-cta-h: 6.130%;
  --r-head-any-job-x: 3.640%; --r-head-any-job-y: 16.510%; --r-head-any-job-w: 33.860%; --r-head-any-job-h: 13.210%;
  --r-head-any-job-cap: 95px; --r-head-any-job-font: 137px;
  --r-chip-truss-x: 38.450%; --r-chip-truss-y: 17.330%; --r-chip-truss-w: 7.910%; --r-chip-truss-h: 11.670%;
  --r-head-any-scale-x: 47.310%; --r-head-any-scale-y: 16.510%; --r-head-any-scale-w: 40.980%; --r-head-any-scale-h: 13.210%;
  --r-head-any-scale-cap: 95px; --r-head-any-scale-font: 137px;
  --r-chip-path-x: 89.000%; --r-chip-path-y: 17.330%; --r-chip-path-w: 6.960%; --r-chip-path-h: 11.670%;
  --r-head-done-x: 3.480%; --r-head-done-y: 31.370%; --r-head-done-w: 92.880%; --r-head-done-h: 15.800%;
  --r-head-done-cap: 96px; --r-head-done-font: 127px; --r-head-done-family: 'Open Sans'; --r-head-done-weight: 300;
  --r-photo-left-x: 4.110%; --r-photo-left-y: 48.470%; --r-photo-left-w: 22.940%; --r-photo-left-h: 51.530%;
  --r-photo-sliver-x: 0.000%; --r-photo-sliver-y: 72.760%; --r-photo-sliver-w: 1.500%; --r-photo-sliver-h: 27.240%;
  --r-subline-x: 31.650%; --r-subline-y: 48.000%; --r-subline-w: 36.870%; --r-subline-h: 7.310%;
  --r-subline-cap: 18px; --r-subline-font: 27px;
  --r-call-btn-x: 34.570%; --r-call-btn-y: 58.020%; --r-call-btn-w: 15.900%; --r-call-btn-h: 6.130%;
  --r-estimate-link-x: 51.740%; --r-estimate-link-y: 59.430%; --r-estimate-link-w: 13.770%; --r-estimate-link-h: 3.540%;
  --r-photo-right-x: 72.940%; --r-photo-right-y: 48.470%; --r-photo-right-w: 23.100%; --r-photo-right-h: 30.310%;
  --r-services-label-x: 33.860%; --r-services-label-y: 78.660%; --r-services-label-w: 12.030%; --r-services-label-h: 3.070%;
  --r-services-label-cap: 14px; --r-services-label-font: 21px;
  --r-svc-1-x: 33.860%; --r-svc-1-y: 83.020%; --r-svc-1-w: 32.280%; --r-svc-1-h: 5.190%;
  --r-svc-1-cap: 25px; --r-svc-1-font: 37px;
  --r-svc-2-x: 34.340%; --r-svc-2-y: 88.680%; --r-svc-2-w: 31.330%; --r-svc-2-h: 5.190%;
  --r-svc-2-cap: 25px; --r-svc-2-font: 37px;
  --r-svc-3-x: 34.650%; --r-svc-3-y: 94.100%; --r-svc-3-w: 30.700%; --r-svc-3-h: 5.420%;
  --r-svc-3-cap: 26px; --r-svc-3-font: 38px;
  --r-usdc-note-x: 72.860%; --r-usdc-note-y: 83.490%; --r-usdc-note-w: 22.780%; --r-usdc-note-h: 2.590%;
  --r-usdc-note-cap: 11px; --r-usdc-note-font: 16px;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 1264 / 848; overflow: hidden; }
.r-logo-mark { position: absolute; left: var(--r-logo-mark-x); top: var(--r-logo-mark-y); width: var(--r-logo-mark-w); height: var(--r-logo-mark-h); }
.r-logo-word { position: absolute; left: var(--r-logo-word-x); top: var(--r-logo-word-y); width: var(--r-logo-word-w); height: var(--r-logo-word-h); }
.r-nav { position: absolute; left: var(--r-nav-x); top: var(--r-nav-y); width: var(--r-nav-w); height: var(--r-nav-h); }
.r-phone-cta { position: absolute; left: var(--r-phone-cta-x); top: var(--r-phone-cta-y); width: var(--r-phone-cta-w); height: var(--r-phone-cta-h); }
.r-head-any-job { position: absolute; left: var(--r-head-any-job-x); top: var(--r-head-any-job-y); width: var(--r-head-any-job-w); height: var(--r-head-any-job-h); }
.r-chip-truss { position: absolute; left: var(--r-chip-truss-x); top: var(--r-chip-truss-y); width: var(--r-chip-truss-w); height: var(--r-chip-truss-h); }
.r-head-any-scale { position: absolute; left: var(--r-head-any-scale-x); top: var(--r-head-any-scale-y); width: var(--r-head-any-scale-w); height: var(--r-head-any-scale-h); }
.r-chip-path { position: absolute; left: var(--r-chip-path-x); top: var(--r-chip-path-y); width: var(--r-chip-path-w); height: var(--r-chip-path-h); }
.r-head-done { position: absolute; left: var(--r-head-done-x); top: var(--r-head-done-y); width: var(--r-head-done-w); height: var(--r-head-done-h); }
.r-photo-left { position: absolute; left: var(--r-photo-left-x); top: var(--r-photo-left-y); width: var(--r-photo-left-w); height: var(--r-photo-left-h); }
.r-photo-sliver { position: absolute; left: var(--r-photo-sliver-x); top: var(--r-photo-sliver-y); width: var(--r-photo-sliver-w); height: var(--r-photo-sliver-h); }
.r-subline { position: absolute; left: var(--r-subline-x); top: var(--r-subline-y); width: var(--r-subline-w); height: var(--r-subline-h); }
.r-call-btn { position: absolute; left: var(--r-call-btn-x); top: var(--r-call-btn-y); width: var(--r-call-btn-w); height: var(--r-call-btn-h); }
.r-estimate-link { position: absolute; left: var(--r-estimate-link-x); top: var(--r-estimate-link-y); width: var(--r-estimate-link-w); height: var(--r-estimate-link-h); }
.r-photo-right { position: absolute; left: var(--r-photo-right-x); top: var(--r-photo-right-y); width: var(--r-photo-right-w); height: var(--r-photo-right-h); }
.r-services-label { position: absolute; left: var(--r-services-label-x); top: var(--r-services-label-y); width: var(--r-services-label-w); height: var(--r-services-label-h); }
.r-svc-1 { position: absolute; left: var(--r-svc-1-x); top: var(--r-svc-1-y); width: var(--r-svc-1-w); height: var(--r-svc-1-h); }
.r-svc-2 { position: absolute; left: var(--r-svc-2-x); top: var(--r-svc-2-y); width: var(--r-svc-2-w); height: var(--r-svc-2-h); }
.r-svc-3 { position: absolute; left: var(--r-svc-3-x); top: var(--r-svc-3-y); width: var(--r-svc-3-w); height: var(--r-svc-3-h); }
.r-usdc-note { position: absolute; left: var(--r-usdc-note-x); top: var(--r-usdc-note-y); width: var(--r-usdc-note-w); height: var(--r-usdc-note-h); }