/* 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-hero-architecture-x: 0.000%; --r-hero-architecture-y: 0.000%; --r-hero-architecture-w: 100.000%; --r-hero-architecture-h: 42.450%;
  --r-top-navigation-x: 0.000%; --r-top-navigation-y: 0.000%; --r-top-navigation-w: 100.000%; --r-top-navigation-h: 3.260%;
  --r-brand-name-x: 4.900%; --r-brand-name-y: 0.800%; --r-brand-name-w: 18.000%; --r-brand-name-h: 1.600%;
  --r-brand-name-cap: 11px; --r-brand-name-font: 17px;
  --r-nav-links-x: 33.500%; --r-nav-links-y: 0.800%; --r-nav-links-w: 42.000%; --r-nav-links-h: 1.700%;
  --r-hero-title-x: 21.500%; --r-hero-title-y: 26.700%; --r-hero-title-w: 59.600%; --r-hero-title-h: 3.800%;
  --r-hero-title-cap: 35px; --r-hero-title-font: 51px; --r-hero-title-family: 'Playfair Display'; --r-hero-title-weight: 400;
  --r-hero-meta-x: 32.200%; --r-hero-meta-y: 31.300%; --r-hero-meta-w: 35.500%; --r-hero-meta-h: 0.800%;
  --r-hero-meta-cap: 7px; --r-hero-meta-font: 10px;
  --r-hero-subline-x: 35.000%; --r-hero-subline-y: 33.300%; --r-hero-subline-w: 30.000%; --r-hero-subline-h: 0.800%;
  --r-hero-subline-cap: 7px; --r-hero-subline-font: 10px;
  --r-hero-action-x: 43.000%; --r-hero-action-y: 35.100%; --r-hero-action-w: 14.000%; --r-hero-action-h: 5.500%;
  --r-universe-title-x: 5.400%; --r-universe-title-y: 47.000%; --r-universe-title-w: 22.000%; --r-universe-title-h: 3.000%;
  --r-universe-title-cap: 13px; --r-universe-title-font: 19px;
  --r-universe-copy-x: 5.400%; --r-universe-copy-y: 52.400%; --r-universe-copy-w: 20.500%; --r-universe-copy-h: 6.800%;
  --r-universe-copy-cap: 9px; --r-universe-copy-font: 14px;
  --r-universe-close-x: 5.400%; --r-universe-close-y: 67.000%; --r-universe-close-w: 17.000%; --r-universe-close-h: 1.200%;
  --r-universe-close-cap: 7px; --r-universe-close-font: 10px;
  --r-objects-still-life-x: 34.200%; --r-objects-still-life-y: 42.450%; --r-objects-still-life-w: 65.800%; --r-objects-still-life-h: 30.000%;
  --r-section-divider-x: 0.000%; --r-section-divider-y: 72.450%; --r-section-divider-w: 100.000%; --r-section-divider-h: 0.100%;
  --r-ritual-title-x: 5.400%; --r-ritual-title-y: 75.500%; --r-ritual-title-w: 20.000%; --r-ritual-title-h: 4.700%;
  --r-ritual-title-cap: 17px; --r-ritual-title-font: 25px;
  --r-ritual-copy-x: 5.400%; --r-ritual-copy-y: 83.800%; --r-ritual-copy-w: 16.000%; --r-ritual-copy-h: 3.800%;
  --r-ritual-copy-cap: 10px; --r-ritual-copy-font: 16px;
  --r-ritual-close-x: 5.400%; --r-ritual-close-y: 90.700%; --r-ritual-close-w: 16.000%; --r-ritual-close-h: 4.500%;
  --r-ritual-close-cap: 7px; --r-ritual-close-font: 11px;
  --r-boots-close-up-x: 30.700%; --r-boots-close-up-y: 74.400%; --r-boots-close-up-w: 32.600%; --r-boots-close-up-h: 23.000%;
  --r-latex-close-up-x: 64.700%; --r-latex-close-up-y: 74.400%; --r-latex-close-up-w: 33.000%; --r-latex-close-up-h: 23.000%;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 1024 / 1536; overflow: hidden; }
.r-hero-architecture { position: absolute; left: var(--r-hero-architecture-x); top: var(--r-hero-architecture-y); width: var(--r-hero-architecture-w); height: var(--r-hero-architecture-h); }
.r-top-navigation { position: absolute; left: var(--r-top-navigation-x); top: var(--r-top-navigation-y); width: var(--r-top-navigation-w); height: var(--r-top-navigation-h); }
.r-brand-name { position: absolute; left: var(--r-brand-name-x); top: var(--r-brand-name-y); width: var(--r-brand-name-w); height: var(--r-brand-name-h); }
.r-nav-links { position: absolute; left: var(--r-nav-links-x); top: var(--r-nav-links-y); width: var(--r-nav-links-w); height: var(--r-nav-links-h); }
.r-hero-title { position: absolute; left: var(--r-hero-title-x); top: var(--r-hero-title-y); width: var(--r-hero-title-w); height: var(--r-hero-title-h); }
.r-hero-meta { position: absolute; left: var(--r-hero-meta-x); top: var(--r-hero-meta-y); width: var(--r-hero-meta-w); height: var(--r-hero-meta-h); }
.r-hero-subline { position: absolute; left: var(--r-hero-subline-x); top: var(--r-hero-subline-y); width: var(--r-hero-subline-w); height: var(--r-hero-subline-h); }
.r-hero-action { position: absolute; left: var(--r-hero-action-x); top: var(--r-hero-action-y); width: var(--r-hero-action-w); height: var(--r-hero-action-h); }
.r-universe-title { position: absolute; left: var(--r-universe-title-x); top: var(--r-universe-title-y); width: var(--r-universe-title-w); height: var(--r-universe-title-h); }
.r-universe-copy { position: absolute; left: var(--r-universe-copy-x); top: var(--r-universe-copy-y); width: var(--r-universe-copy-w); height: var(--r-universe-copy-h); }
.r-universe-close { position: absolute; left: var(--r-universe-close-x); top: var(--r-universe-close-y); width: var(--r-universe-close-w); height: var(--r-universe-close-h); }
.r-objects-still-life { position: absolute; left: var(--r-objects-still-life-x); top: var(--r-objects-still-life-y); width: var(--r-objects-still-life-w); height: var(--r-objects-still-life-h); }
.r-section-divider { position: absolute; left: var(--r-section-divider-x); top: var(--r-section-divider-y); width: var(--r-section-divider-w); height: var(--r-section-divider-h); }
.r-ritual-title { position: absolute; left: var(--r-ritual-title-x); top: var(--r-ritual-title-y); width: var(--r-ritual-title-w); height: var(--r-ritual-title-h); }
.r-ritual-copy { position: absolute; left: var(--r-ritual-copy-x); top: var(--r-ritual-copy-y); width: var(--r-ritual-copy-w); height: var(--r-ritual-copy-h); }
.r-ritual-close { position: absolute; left: var(--r-ritual-close-x); top: var(--r-ritual-close-y); width: var(--r-ritual-close-w); height: var(--r-ritual-close-h); }
.r-boots-close-up { position: absolute; left: var(--r-boots-close-up-x); top: var(--r-boots-close-up-y); width: var(--r-boots-close-up-w); height: var(--r-boots-close-up-h); }
.r-latex-close-up { position: absolute; left: var(--r-latex-close-up-x); top: var(--r-latex-close-up-y); width: var(--r-latex-close-up-w); height: var(--r-latex-close-up-h); }