/* 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-studio-x: 0.000%; --r-studio-y: 0.000%; --r-studio-w: 100.000%; --r-studio-h: 87.400%;
  --r-product-screen-x: 52.730%; --r-product-screen-y: 9.380%; --r-product-screen-w: 42.320%; --r-product-screen-h: 52.730%;
  --r-brand-x: 6.120%; --r-brand-y: 3.320%; --r-brand-w: 5.860%; --r-brand-h: 2.930%;
  --r-brand-cap: 23px; --r-brand-font: 33px;
  --r-nav-features-x: 40.360%; --r-nav-features-y: 3.610%; --r-nav-features-w: 4.560%; --r-nav-features-h: 2.540%;
  --r-nav-workflow-x: 48.760%; --r-nav-workflow-y: 3.610%; --r-nav-workflow-w: 5.210%; --r-nav-workflow-h: 2.540%;
  --r-nav-faq-x: 57.880%; --r-nav-faq-y: 3.610%; --r-nav-faq-w: 2.410%; --r-nav-faq-h: 2.540%;
  --r-nav-demo-x: 80.920%; --r-nav-demo-y: 2.050%; --r-nav-demo-w: 13.220%; --r-nav-demo-h: 5.570%;
  --r-nav-rule-x: 3.780%; --r-nav-rule-y: 8.790%; --r-nav-rule-w: 92.380%; --r-nav-rule-h: 0.200%;
  --r-workspace-label-x: 6.180%; --r-workspace-label-y: 14.650%; --r-workspace-label-w: 18.750%; --r-workspace-label-h: 2.150%;
  --r-workspace-label-cap: 11px; --r-workspace-label-font: 16px;
  --r-headline-x: 5.920%; --r-headline-y: 18.550%; --r-headline-w: 35.350%; --r-headline-h: 7.710%;
  --r-headline-cap: 69px; --r-headline-font: 94px; --r-headline-family: 'Inter Tight'; --r-headline-weight: 700;
  --r-headline-accent-x: 5.860%; --r-headline-accent-y: 27.250%; --r-headline-accent-w: 37.170%; --r-headline-accent-h: 7.520%;
  --r-headline-accent-cap: 68px; --r-headline-accent-font: 98px;
  --r-description-x: 6.120%; --r-description-y: 37.110%; --r-description-w: 27.020%; --r-description-h: 7.030%;
  --r-description-cap: 23px; --r-description-font: 34px;
  --r-hero-demo-x: 6.180%; --r-hero-demo-y: 46.970%; --r-hero-demo-w: 26.430%; --r-hero-demo-h: 7.810%;
  --r-explore-x: 6.120%; --r-explore-y: 56.640%; --r-explore-w: 10.740%; --r-explore-h: 2.640%;
  --r-timeline-sheets-x: 20.830%; --r-timeline-sheets-y: 57.130%; --r-timeline-sheets-w: 67.710%; --r-timeline-sheets-h: 24.120%;
  --r-layer-text-x: 28.710%; --r-layer-text-y: 61.230%; --r-layer-text-w: 7.160%; --r-layer-text-h: 4.300%;
  --r-layer-captions-x: 24.410%; --r-layer-captions-y: 66.500%; --r-layer-captions-w: 9.310%; --r-layer-captions-h: 4.690%;
  --r-layer-sound-x: 21.090%; --r-layer-sound-y: 72.070%; --r-layer-sound-w: 8.660%; --r-layer-sound-h: 4.790%;
  --r-text-output-x: 40.170%; --r-text-output-y: 59.960%; --r-text-output-w: 15.630%; --r-text-output-h: 5.370%;
  --r-text-output-cap: 52px; --r-text-output-font: 74px;
  --r-caption-output-x: 38.930%; --r-caption-output-y: 68.460%; --r-caption-output-w: 15.760%; --r-caption-output-h: 2.830%;
  --r-caption-output-cap: 11px; --r-caption-output-font: 16px;
  --r-audio-wave-x: 29.300%; --r-audio-wave-y: 73.050%; --r-audio-wave-w: 55.340%; --r-audio-wave-h: 5.570%;
  --r-playhead-x: 65.300%; --r-playhead-y: 60.060%; --r-playhead-w: 1.630%; --r-playhead-h: 20.020%;
  --r-section-ground-x: 0.000%; --r-section-ground-y: 87.400%; --r-section-ground-w: 100.000%; --r-section-ground-h: 12.600%;
  --r-progress-rule-x: 4.490%; --r-progress-rule-y: 85.640%; --r-progress-rule-w: 91.020%; --r-progress-rule-h: 0.490%;
  --r-workflow-label-x: 6.120%; --r-workflow-label-y: 89.260%; --r-workflow-label-w: 9.380%; --r-workflow-label-h: 1.950%;
  --r-workflow-label-cap: 11px; --r-workflow-label-font: 16px;
  --r-workflow-heading-x: 6.120%; --r-workflow-heading-y: 92.680%; --r-workflow-heading-w: 58.790%; --r-workflow-heading-h: 5.470%;
  --r-workflow-heading-cap: 43px; --r-workflow-heading-font: 63px;
  --r-text-selection-x: 38.090%; --r-text-selection-y: 58.010%; --r-text-selection-w: 19.920%; --r-text-selection-h: 8.980%;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 1536 / 1024; overflow: hidden; }
.r-studio { position: absolute; left: var(--r-studio-x); top: var(--r-studio-y); width: var(--r-studio-w); height: var(--r-studio-h); }
.r-product-screen { position: absolute; left: var(--r-product-screen-x); top: var(--r-product-screen-y); width: var(--r-product-screen-w); height: var(--r-product-screen-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-features { position: absolute; left: var(--r-nav-features-x); top: var(--r-nav-features-y); width: var(--r-nav-features-w); height: var(--r-nav-features-h); }
.r-nav-workflow { position: absolute; left: var(--r-nav-workflow-x); top: var(--r-nav-workflow-y); width: var(--r-nav-workflow-w); height: var(--r-nav-workflow-h); }
.r-nav-faq { position: absolute; left: var(--r-nav-faq-x); top: var(--r-nav-faq-y); width: var(--r-nav-faq-w); height: var(--r-nav-faq-h); }
.r-nav-demo { position: absolute; left: var(--r-nav-demo-x); top: var(--r-nav-demo-y); width: var(--r-nav-demo-w); height: var(--r-nav-demo-h); }
.r-nav-rule { position: absolute; left: var(--r-nav-rule-x); top: var(--r-nav-rule-y); width: var(--r-nav-rule-w); height: var(--r-nav-rule-h); }
.r-workspace-label { position: absolute; left: var(--r-workspace-label-x); top: var(--r-workspace-label-y); width: var(--r-workspace-label-w); height: var(--r-workspace-label-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-headline-accent { position: absolute; left: var(--r-headline-accent-x); top: var(--r-headline-accent-y); width: var(--r-headline-accent-w); height: var(--r-headline-accent-h); }
.r-description { position: absolute; left: var(--r-description-x); top: var(--r-description-y); width: var(--r-description-w); height: var(--r-description-h); }
.r-hero-demo { position: absolute; left: var(--r-hero-demo-x); top: var(--r-hero-demo-y); width: var(--r-hero-demo-w); height: var(--r-hero-demo-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-timeline-sheets { position: absolute; left: var(--r-timeline-sheets-x); top: var(--r-timeline-sheets-y); width: var(--r-timeline-sheets-w); height: var(--r-timeline-sheets-h); }
.r-layer-text { position: absolute; left: var(--r-layer-text-x); top: var(--r-layer-text-y); width: var(--r-layer-text-w); height: var(--r-layer-text-h); }
.r-layer-captions { position: absolute; left: var(--r-layer-captions-x); top: var(--r-layer-captions-y); width: var(--r-layer-captions-w); height: var(--r-layer-captions-h); }
.r-layer-sound { position: absolute; left: var(--r-layer-sound-x); top: var(--r-layer-sound-y); width: var(--r-layer-sound-w); height: var(--r-layer-sound-h); }
.r-text-output { position: absolute; left: var(--r-text-output-x); top: var(--r-text-output-y); width: var(--r-text-output-w); height: var(--r-text-output-h); }
.r-caption-output { position: absolute; left: var(--r-caption-output-x); top: var(--r-caption-output-y); width: var(--r-caption-output-w); height: var(--r-caption-output-h); }
.r-audio-wave { position: absolute; left: var(--r-audio-wave-x); top: var(--r-audio-wave-y); width: var(--r-audio-wave-w); height: var(--r-audio-wave-h); }
.r-playhead { position: absolute; left: var(--r-playhead-x); top: var(--r-playhead-y); width: var(--r-playhead-w); height: var(--r-playhead-h); }
.r-section-ground { position: absolute; left: var(--r-section-ground-x); top: var(--r-section-ground-y); width: var(--r-section-ground-w); height: var(--r-section-ground-h); }
.r-progress-rule { position: absolute; left: var(--r-progress-rule-x); top: var(--r-progress-rule-y); width: var(--r-progress-rule-w); height: var(--r-progress-rule-h); }
.r-workflow-label { position: absolute; left: var(--r-workflow-label-x); top: var(--r-workflow-label-y); width: var(--r-workflow-label-w); height: var(--r-workflow-label-h); }
.r-workflow-heading { position: absolute; left: var(--r-workflow-heading-x); top: var(--r-workflow-heading-y); width: var(--r-workflow-heading-w); height: var(--r-workflow-heading-h); }
.r-text-selection { position: absolute; left: var(--r-text-selection-x); top: var(--r-text-selection-y); width: var(--r-text-selection-w); height: var(--r-text-selection-h); }