/* 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-paper-x: 1.000%; --r-paper-y: 0.300%; --r-paper-w: 18.000%; --r-paper-h: 2.500%;
  --r-signature-x: 2.500%; --r-signature-y: 10.500%; --r-signature-w: 49.000%; --r-signature-h: 27.000%;
  --r-tattoo-x: 40.500%; --r-tattoo-y: 10.500%; --r-tattoo-w: 59.500%; --r-tattoo-h: 39.000%;
  --r-sketch-x: 56.000%; --r-sketch-y: 45.000%; --r-sketch-w: 44.000%; --r-sketch-h: 55.000%;
  --r-name-x: 6.500%; --r-name-y: 3.700%; --r-name-w: 47.200%; --r-name-h: 1.800%;
  --r-name-cap: 22px; --r-name-font: 32px;
  --r-role-x: 6.500%; --r-role-y: 6.100%; --r-role-w: 30.800%; --r-role-h: 1.200%;
  --r-role-cap: 15px; --r-role-font: 22px;
  --r-location-x: 6.500%; --r-location-y: 8.200%; --r-location-w: 30.900%; --r-location-h: 1.200%;
  --r-location-cap: 12px; --r-location-font: 18px;
  --r-menu-x: 75.800%; --r-menu-y: 3.400%; --r-menu-w: 18.000%; --r-menu-h: 2.400%;
  --r-headline-x: 6.400%; --r-headline-y: 40.300%; --r-headline-w: 44.300%; --r-headline-h: 10.100%;
  --r-headline-cap: 38px; --r-headline-font: 55px; --r-headline-family: 'Epunda Sans'; --r-headline-weight: 400;
  --r-contact-x: 5.000%; --r-contact-y: 52.400%; --r-contact-w: 60.000%; --r-contact-h: 5.300%;
  --r-pencil-note-x: 8.400%; --r-pencil-note-y: 61.500%; --r-pencil-note-w: 28.000%; --r-pencil-note-h: 10.500%;
  --r-tattoo-link-x: 6.600%; --r-tattoo-link-y: 82.200%; --r-tattoo-link-w: 36.800%; --r-tattoo-link-h: 3.500%;
  --r-drawings-link-x: 6.600%; --r-drawings-link-y: 87.500%; --r-drawings-link-w: 36.800%; --r-drawings-link-h: 3.200%;
  --r-instagram-x: 6.600%; --r-instagram-y: 93.500%; --r-instagram-w: 26.500%; --r-instagram-h: 3.000%;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 887 / 1774; overflow: hidden; }
.r-paper { position: absolute; left: var(--r-paper-x); top: var(--r-paper-y); width: var(--r-paper-w); height: var(--r-paper-h); }
.r-signature { position: absolute; left: var(--r-signature-x); top: var(--r-signature-y); width: var(--r-signature-w); height: var(--r-signature-h); }
.r-tattoo { position: absolute; left: var(--r-tattoo-x); top: var(--r-tattoo-y); width: var(--r-tattoo-w); height: var(--r-tattoo-h); }
.r-sketch { position: absolute; left: var(--r-sketch-x); top: var(--r-sketch-y); width: var(--r-sketch-w); height: var(--r-sketch-h); }
.r-name { position: absolute; left: var(--r-name-x); top: var(--r-name-y); width: var(--r-name-w); height: var(--r-name-h); }
.r-role { position: absolute; left: var(--r-role-x); top: var(--r-role-y); width: var(--r-role-w); height: var(--r-role-h); }
.r-location { position: absolute; left: var(--r-location-x); top: var(--r-location-y); width: var(--r-location-w); height: var(--r-location-h); }
.r-menu { position: absolute; left: var(--r-menu-x); top: var(--r-menu-y); width: var(--r-menu-w); height: var(--r-menu-h); }
.r-headline { position: absolute; left: var(--r-headline-x); top: var(--r-headline-y); width: var(--r-headline-w); height: var(--r-headline-h); }
.r-contact { position: absolute; left: var(--r-contact-x); top: var(--r-contact-y); width: var(--r-contact-w); height: var(--r-contact-h); }
.r-pencil-note { position: absolute; left: var(--r-pencil-note-x); top: var(--r-pencil-note-y); width: var(--r-pencil-note-w); height: var(--r-pencil-note-h); }
.r-tattoo-link { position: absolute; left: var(--r-tattoo-link-x); top: var(--r-tattoo-link-y); width: var(--r-tattoo-link-w); height: var(--r-tattoo-link-h); }
.r-drawings-link { position: absolute; left: var(--r-drawings-link-x); top: var(--r-drawings-link-y); width: var(--r-drawings-link-w); height: var(--r-drawings-link-h); }
.r-instagram { position: absolute; left: var(--r-instagram-x); top: var(--r-instagram-y); width: var(--r-instagram-w); height: var(--r-instagram-h); }