/* 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-light-landscape-x: 0.000%; --r-light-landscape-y: 0.000%; --r-light-landscape-w: 100.000%; --r-light-landscape-h: 100.000%;
  --r-brand-x: 5.990%; --r-brand-y: 3.030%; --r-brand-w: 17.770%; --r-brand-h: 4.490%;
  --r-nav-corporate-x: 58.270%; --r-nav-corporate-y: 4.300%; --r-nav-corporate-w: 6.120%; --r-nav-corporate-h: 2.540%;
  --r-nav-corporate-cap: 14px; --r-nav-corporate-font: 21px;
  --r-nav-corporate-chevron-x: 64.650%; --r-nav-corporate-chevron-y: 4.590%; --r-nav-corporate-chevron-w: 1.110%; --r-nav-corporate-chevron-h: 1.460%;
  --r-nav-capabilities-x: 69.080%; --r-nav-capabilities-y: 4.300%; --r-nav-capabilities-w: 7.490%; --r-nav-capabilities-h: 2.540%;
  --r-nav-capabilities-cap: 15px; --r-nav-capabilities-font: 22px;
  --r-nav-capabilities-chevron-x: 76.690%; --r-nav-capabilities-chevron-y: 4.590%; --r-nav-capabilities-chevron-w: 1.170%; --r-nav-capabilities-chevron-h: 1.460%;
  --r-nav-products-x: 80.730%; --r-nav-products-y: 4.300%; --r-nav-products-w: 4.690%; --r-nav-products-h: 2.540%;
  --r-nav-products-cap: 14px; --r-nav-products-font: 21px;
  --r-nav-products-chevron-x: 86.070%; --r-nav-products-chevron-y: 4.590%; --r-nav-products-chevron-w: 1.110%; --r-nav-products-chevron-h: 1.460%;
  --r-nav-contact-x: 90.560%; --r-nav-contact-y: 4.300%; --r-nav-contact-w: 4.430%; --r-nav-contact-h: 2.540%;
  --r-nav-contact-cap: 15px; --r-nav-contact-font: 22px;
  --r-lead-title-x: 5.340%; --r-lead-title-y: 15.630%; --r-lead-title-w: 36.910%; --r-lead-title-h: 10.060%;
  --r-lead-title-cap: 88px; --r-lead-title-font: 126px; --r-lead-title-family: 'Sono'; --r-lead-title-weight: 700;
  --r-lead-title-two-x: 5.340%; --r-lead-title-two-y: 26.660%; --r-lead-title-two-w: 64.130%; --r-lead-title-two-h: 8.890%;
  --r-lead-title-two-cap: 69px; --r-lead-title-two-font: 100px; --r-lead-title-two-family: 'Candal'; --r-lead-title-two-weight: 400;
  --r-lead-copy-x: 5.920%; --r-lead-copy-y: 37.600%; --r-lead-copy-w: 51.760%; --r-lead-copy-h: 3.320%;
  --r-lead-copy-cap: 19px; --r-lead-copy-font: 28px;
  --r-explore-x: 5.920%; --r-explore-y: 45.120%; --r-explore-w: 14.520%; --r-explore-h: 6.250%;
  --r-section-rule-x: 6.120%; --r-section-rule-y: 78.520%; --r-section-rule-w: 3.580%; --r-section-rule-h: 0.390%;
  --r-disciplines-title-x: 5.990%; --r-disciplines-title-y: 82.320%; --r-disciplines-title-w: 43.290%; --r-disciplines-title-h: 4.590%;
  --r-disciplines-title-cap: 35px; --r-disciplines-title-font: 51px;
  --r-electronics-icon-x: 6.580%; --r-electronics-icon-y: 89.450%; --r-electronics-icon-w: 2.930%; --r-electronics-icon-h: 4.590%;
  --r-electronics-text-x: 10.870%; --r-electronics-text-y: 90.430%; --r-electronics-text-w: 10.680%; --r-electronics-text-h: 3.220%;
  --r-electronics-text-cap: 18px; --r-electronics-text-font: 26px;
  --r-discipline-divider-one-x: 22.010%; --r-discipline-divider-one-y: 89.360%; --r-discipline-divider-one-w: 0.200%; --r-discipline-divider-one-h: 4.690%;
  --r-embedded-icon-x: 25.590%; --r-embedded-icon-y: 89.450%; --r-embedded-icon-w: 3.190%; --r-embedded-icon-h: 4.590%;
  --r-embedded-text-x: 30.470%; --r-embedded-text-y: 90.430%; --r-embedded-text-w: 14.710%; --r-embedded-text-h: 3.220%;
  --r-embedded-text-cap: 18px; --r-embedded-text-font: 27px;
  --r-discipline-divider-two-x: 46.420%; --r-discipline-divider-two-y: 89.360%; --r-discipline-divider-two-w: 0.200%; --r-discipline-divider-two-h: 4.690%;
  --r-software-icon-x: 50.000%; --r-software-icon-y: 89.650%; --r-software-icon-w: 3.390%; --r-software-icon-h: 4.300%;
  --r-software-text-x: 54.750%; --r-software-text-y: 90.430%; --r-software-text-w: 7.030%; --r-software-text-h: 3.220%;
  --r-software-text-cap: 18px; --r-software-text-font: 26px;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 1536 / 1024; overflow: hidden; }
.r-light-landscape { position: absolute; left: var(--r-light-landscape-x); top: var(--r-light-landscape-y); width: var(--r-light-landscape-w); height: var(--r-light-landscape-h); }
.r-brand { position: absolute; left: var(--r-brand-x); top: var(--r-brand-y); width: var(--r-brand-w); height: var(--r-brand-h); }
.r-nav-corporate { position: absolute; left: var(--r-nav-corporate-x); top: var(--r-nav-corporate-y); width: var(--r-nav-corporate-w); height: var(--r-nav-corporate-h); }
.r-nav-corporate-chevron { position: absolute; left: var(--r-nav-corporate-chevron-x); top: var(--r-nav-corporate-chevron-y); width: var(--r-nav-corporate-chevron-w); height: var(--r-nav-corporate-chevron-h); }
.r-nav-capabilities { position: absolute; left: var(--r-nav-capabilities-x); top: var(--r-nav-capabilities-y); width: var(--r-nav-capabilities-w); height: var(--r-nav-capabilities-h); }
.r-nav-capabilities-chevron { position: absolute; left: var(--r-nav-capabilities-chevron-x); top: var(--r-nav-capabilities-chevron-y); width: var(--r-nav-capabilities-chevron-w); height: var(--r-nav-capabilities-chevron-h); }
.r-nav-products { position: absolute; left: var(--r-nav-products-x); top: var(--r-nav-products-y); width: var(--r-nav-products-w); height: var(--r-nav-products-h); }
.r-nav-products-chevron { position: absolute; left: var(--r-nav-products-chevron-x); top: var(--r-nav-products-chevron-y); width: var(--r-nav-products-chevron-w); height: var(--r-nav-products-chevron-h); }
.r-nav-contact { position: absolute; left: var(--r-nav-contact-x); top: var(--r-nav-contact-y); width: var(--r-nav-contact-w); height: var(--r-nav-contact-h); }
.r-lead-title { position: absolute; left: var(--r-lead-title-x); top: var(--r-lead-title-y); width: var(--r-lead-title-w); height: var(--r-lead-title-h); }
.r-lead-title-two { position: absolute; left: var(--r-lead-title-two-x); top: var(--r-lead-title-two-y); width: var(--r-lead-title-two-w); height: var(--r-lead-title-two-h); }
.r-lead-copy { position: absolute; left: var(--r-lead-copy-x); top: var(--r-lead-copy-y); width: var(--r-lead-copy-w); height: var(--r-lead-copy-h); }
.r-explore { position: absolute; left: var(--r-explore-x); top: var(--r-explore-y); width: var(--r-explore-w); height: var(--r-explore-h); }
.r-section-rule { position: absolute; left: var(--r-section-rule-x); top: var(--r-section-rule-y); width: var(--r-section-rule-w); height: var(--r-section-rule-h); }
.r-disciplines-title { position: absolute; left: var(--r-disciplines-title-x); top: var(--r-disciplines-title-y); width: var(--r-disciplines-title-w); height: var(--r-disciplines-title-h); }
.r-electronics-icon { position: absolute; left: var(--r-electronics-icon-x); top: var(--r-electronics-icon-y); width: var(--r-electronics-icon-w); height: var(--r-electronics-icon-h); }
.r-electronics-text { position: absolute; left: var(--r-electronics-text-x); top: var(--r-electronics-text-y); width: var(--r-electronics-text-w); height: var(--r-electronics-text-h); }
.r-discipline-divider-one { position: absolute; left: var(--r-discipline-divider-one-x); top: var(--r-discipline-divider-one-y); width: var(--r-discipline-divider-one-w); height: var(--r-discipline-divider-one-h); }
.r-embedded-icon { position: absolute; left: var(--r-embedded-icon-x); top: var(--r-embedded-icon-y); width: var(--r-embedded-icon-w); height: var(--r-embedded-icon-h); }
.r-embedded-text { position: absolute; left: var(--r-embedded-text-x); top: var(--r-embedded-text-y); width: var(--r-embedded-text-w); height: var(--r-embedded-text-h); }
.r-discipline-divider-two { position: absolute; left: var(--r-discipline-divider-two-x); top: var(--r-discipline-divider-two-y); width: var(--r-discipline-divider-two-w); height: var(--r-discipline-divider-two-h); }
.r-software-icon { position: absolute; left: var(--r-software-icon-x); top: var(--r-software-icon-y); width: var(--r-software-icon-w); height: var(--r-software-icon-h); }
.r-software-text { position: absolute; left: var(--r-software-text-x); top: var(--r-software-text-y); width: var(--r-software-text-w); height: var(--r-software-text-h); }