/* Generated studio asset, composed as five independent moving layers. */
.assembly.is-layered { --assembly-progress: 0; --pointer-x: 0px; --pointer-y: 0px; --plate-pitch: clamp(48px, 9.2vh, 112px); isolation: isolate; }
.assembly.is-layered .assembly-poster { visibility: hidden; }
.assembly .assembly-layer { position: absolute; top: 50%; left: 0; width: 100%; max-width: none; height: auto; pointer-events: none; user-select: none; clip-path: polygon(48.8% 19.1%, 50% 18.8%, 51.2% 19.1%, 93% 43.1%, 93.8% 44.4%, 94% 45.2%, 94% 47.5%, 93.2% 48.6%, 51.5% 78.8%, 50% 79.2%, 48.5% 78.8%, 6.8% 48.4%, 6.5% 47.1%, 6.5% 44.9%, 7.1% 43.6%); transform: translate3d(calc(var(--pointer-x) * var(--depth)), calc(-50% + (var(--layer) - 2) * (var(--plate-pitch) * (1 - var(--assembly-progress)) + 8px * var(--assembly-progress)) + var(--pointer-y) * var(--depth)), 0); will-change: transform; }
.assembly .assembly-layer:not(:nth-of-type(4)) { filter: grayscale(1); }
.motion-ready .draw-line { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.5s cubic-bezier(.2,.7,.2,1); }
.is-drawn .draw-line, .close-drawing.is-visible .draw-line { stroke-dashoffset: 0; }
.draft-layer:nth-child(2) .draw-line { transition-delay: .1s; }
.draft-layer:nth-child(3) .draw-line { transition-delay: .2s; }
.draft-layer:nth-child(4) .draw-line { transition-delay: .3s; }
.draft-layer:nth-child(5) .draw-line { transition-delay: .4s; }
[data-demo-view], #review-difference, #reset-example, #approve-example, #close-review { touch-action: manipulation; }
#review-difference:disabled { opacity: .45; cursor: default; }
#exception-row.is-approved { color: #b4ddc6; }
.site-header:has(.menu-toggle[aria-expanded="true"]) { z-index: 100; }
:where(a, button, summary):focus-visible { outline: 2px solid #62d6ea; outline-offset: 6px; }
.public-page .site-header, .inquiry-page .site-header { background: var(--ink); }
.inquiry-intro h1 { letter-spacing: -.04em; }
#exception-row.is-approved #exception-status { color: #b4ddc6; }
@media (max-width: 800px) { .assembly .assembly-layer { transform: translate3d(0, calc(-50% + (var(--layer) - 2) * (clamp(52px, 12vw, 86px) * (1 - var(--assembly-progress)) + 8px * var(--assembly-progress))), 0); } }
@media (max-width: 800px) { .hero-art { height: min(106vw, 530px); margin-top: 14px; margin-bottom: 12px; } .assembly { width: min(102vw, 590px); transform: translate(-50%, -50%); } }
@media (prefers-reduced-motion: reduce) { .assembly .assembly-layer { will-change: auto; } .motion-ready .draw-line { stroke-dashoffset: 0; transition: none; } .motion-ready .reveal { opacity: 1 !important; transform: none !important; transition: none !important; } }