@media (prefers-reduced-motion:no-preference){.hero-section{--hero-measure-base:.32s;--hero-measure-step:.16s;--hero-measure-draw:.42s;--hero-measure-delay:var(--hero-measure-base)}.hero-copy .measurement-overlay--vertical{--hero-measure-delay:calc(var(--hero-measure-base) + var(--hero-measure-step))}.hero-portrait-inspect .measurement-overlay--horizontal{--hero-measure-delay:calc(var(--hero-measure-base) + var(--hero-measure-step)*2)}.hero-portrait-inspect .measurement-overlay--vertical{--hero-measure-delay:calc(var(--hero-measure-base) + var(--hero-measure-step)*3)}html.boot-locked .hero-section .measurement-ruler{opacity:0}html:not(.boot-locked) .hero-section .measurement-ruler-line--h{animation:hero-measure-draw-x var(--hero-measure-draw)var(--motion-ease-precision)var(--hero-measure-delay)backwards}html:not(.boot-locked) .hero-section .measurement-ruler-line--v{animation:hero-measure-draw-y var(--hero-measure-draw)var(--motion-ease-precision)var(--hero-measure-delay)backwards}@keyframes hero-measure-draw-x{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes hero-measure-draw-y{0%{transform-origin:top;transform:scaleY(0)}to{transform-origin:top;transform:scaleY(1)}}html:not(.boot-locked) .hero-section .measurement-cap--h-start,html:not(.boot-locked) .hero-section .measurement-cap--v-start{animation:hero-measure-arrive .12s var(--motion-ease-precision)var(--hero-measure-delay)backwards}html:not(.boot-locked) .hero-section .measurement-cap--h-end,html:not(.boot-locked) .hero-section .measurement-cap--v-end,html:not(.boot-locked) .hero-section .measurement-ruler-label{animation:hero-measure-arrive .2s var(--motion-ease-precision)calc(var(--hero-measure-delay) + var(--hero-measure-draw))backwards}@keyframes hero-measure-arrive{0%{opacity:0}to{opacity:1}}.spacing-guide.hero-intro-fills .spacing-fill-animate[data-reveal=x]:not(.spacing-fill-animate--instant){--hero-fill-delay:calc(.62s + var(--spacing-fill-index,0)*.18s)}.spacing-guide.hero-intro-fills .spacing-fill-animate[data-reveal=y]:not(.spacing-fill-animate--instant){--hero-fill-delay:calc(.8s + var(--spacing-fill-index,0)*60ms)}.spacing-guide.hero-intro-fills .spacing-fill-animate:not(.spacing-fill-animate--instant){animation-delay:var(--hero-fill-delay,0s)}.spacing-guide.hero-intro-fills .spacing-fill-animate:not(.spacing-fill-animate--instant) .spacing-zone-label{animation:hero-intro-fill-label .28s var(--motion-ease-precision)calc(var(--hero-fill-delay,0s) + .14s)backwards}@keyframes hero-intro-fill-label{0%{opacity:0}to{opacity:1}}}