.hero{min-height:calc(100svh - var(--height-header));grid-template-rows:35fr auto 65fr;display:grid}.hero-above{align-self:end}.hero-below{align-self:start}.spine{row-gap:var(--spacing-section-tight);display:grid}@media (min-width:48rem){.spine{grid-template-columns:1fr var(--container-channel) 1fr}.spine>*{max-width:var(--container-block);grid-column:1;justify-self:start}.spine>:nth-child(2n){grid-column:3;justify-self:end}.spine>:first-child{grid-row:1}.spine>:nth-child(2){grid-row:2}.spine>:nth-child(3){grid-row:3}.spine>:nth-child(4){grid-row:4}.spine>:nth-child(5){grid-row:5}.spine>:nth-child(6){grid-row:6}}.centre-rule{pointer-events:none;--spine-mode:margin;width:var(--spacing-gutter);position:absolute;inset-block:0;inset-inline-start:0}@media (min-width:48rem){.centre-rule{--spine-mode:centre;inset-inline-start:auto;width:var(--width-spine);left:50%;transform:translate(-50%)}}.spine-svg{inset-block:0;display:block;position:absolute;left:0;overflow:visible}.spine-line{stroke:var(--color-spine);stroke-width:var(--width-hairline);stroke-dasharray:1;stroke-dashoffset:1px}@media (prefers-reduced-motion:reduce){.spine-line{stroke-dashoffset:0}}.branch-line{stroke:var(--color-spine);stroke-width:var(--width-hairline);stroke-dasharray:1;stroke-dashoffset:1px}.spine-branch[data-state=grown] .branch-line{stroke-dashoffset:0}.spine-branch[data-state=grow] .branch-line{animation:branch-draw var(--duration-reveal) var(--ease-reveal) forwards}@keyframes branch-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.spine-mark[data-state=grown] .spine-bead{opacity:var(--opacity-halo)}.spine-mark[data-state=grow] .spine-bead{animation:bead-ignite var(--duration-ignite) var(--ease-reveal) forwards}.spine-bead{opacity:0}.spine-branch[data-state=grown] .spine-bead{opacity:var(--opacity-halo)}.spine-branch[data-state=grow] .spine-bead{animation:bead-ignite var(--duration-ignite) var(--ease-reveal) var(--duration-reveal) forwards}.spine-bead-outer{fill:var(--color-halo-outer)}.spine-bead-mid{fill:var(--color-halo-mid)}.spine-bead-inner{fill:var(--color-halo-inner)}@keyframes bead-ignite{0%{opacity:0}45%{opacity:1}to{opacity:var(--opacity-halo)}}@media (min-width:48rem){.spine>.section-vector[data-subject=seals],.spine>.section-vector[data-subject=form]{grid-area:3/3;justify-self:end}.spine>.section-vector[data-subject=docket]{grid-area:2/1;justify-self:start}}.reveal{opacity:0;transform:translateY(var(--distance-reveal));transition:opacity var(--duration-reveal) var(--ease-reveal), transform var(--duration-reveal) var(--ease-reveal)}.reveal[data-revealed=true]{opacity:1;transform:none}