/* A few signature moments. Content is visible even when JavaScript is unavailable. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
.hero-art .line-draw{animation:none}
.motion-line-mask{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.motion-line-content{display:block;transform-origin:left bottom}
.hero-paper,.hero-window,.hero-check{transform-box:fill-box;transform-origin:center}
/* Individual translation composes with the existing entrance transforms. */
[data-parallax]{translate:0 var(--parallax-y,0px)}
.process-step{position:relative}
.process-step::before{content:"";position:absolute;inset:-1px 0 auto;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .72s var(--motion-ease);transition-delay:var(--step-delay,0ms)}
.process-step.is-revealed::before{transform:scaleX(1)}
.service-row h3{transition:transform .26s var(--motion-ease)}
.service-row .circle-arrow{overflow:hidden}
.button{transition:background .2s,transform .26s var(--motion-ease),box-shadow .26s}
.button:active{transform:translateY(0) scale(.985)}
.button .icon-up-right,.circle-arrow .icon-up-right,.button .icon-arrow{transform-origin:center}
.faq-item[open]{border-bottom-color:#c3ae9f}
dialog[open]::backdrop{animation:backdrop-arrive .22s ease-out both}
@keyframes backdrop-arrive{from{background:#171b2100}to{background:#171b2180}}
@keyframes arrow-follow-through{0%{transform:translate(0,0);opacity:1}42%{transform:translate(9px,-9px);opacity:0}43%{transform:translate(-7px,7px);opacity:0}100%{transform:translate(0,0);opacity:1}}
@keyframes arrow-step-forward{0%{transform:translateX(0);opacity:1}42%{transform:translateX(9px);opacity:0}43%{transform:translateX(-7px);opacity:0}100%{transform:translateX(0);opacity:1}}
.button:focus-visible .icon-up-right,.service-row:focus-visible .icon-up-right{animation:arrow-follow-through .42s var(--motion-ease)}
.button:focus-visible .icon-arrow{animation:arrow-step-forward .42s var(--motion-ease)}
.service-row:focus-visible h3{transform:translateX(4px)}
.service-row:focus-visible .circle-arrow{background:var(--orange);border-color:var(--orange)}
@media(hover:hover) and (pointer:fine){@media (hover:hover) and (pointer:fine) and (min-width:769px){.service-row:hover h3{transform:translateX(4px)}}@media (hover:hover) and (pointer:fine) and (min-width:769px){.button:hover .icon-up-right,.service-row:hover .icon-up-right{animation:arrow-follow-through .42s var(--motion-ease)}}@media (hover:hover) and (pointer:fine) and (min-width:769px){.button:hover .icon-arrow{animation:arrow-step-forward .42s var(--motion-ease)}}@media (hover:hover) and (pointer:fine) and (min-width:769px){.button:hover{box-shadow:0 5px 0 #25282d0b}}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important}.process-step::before{transform:scaleX(1)}.button:active,.service-row:focus-visible h3{transform:none}@media (hover:hover) and (pointer:fine) and (min-width:769px){.service-row:hover h3{transform:none}}.motion-line-mask{overflow:visible}dialog[open]::backdrop{animation:none}}
@media(prefers-reduced-motion:reduce){[data-parallax]{translate:none!important}}