@property --hl{syntax:"<number>";inherits:true;initial-value:0}@property --dim{syntax:"<number>";inherits:true;initial-value:0}@layer components{.story{--p:1;--_story-line:color-mix(in srgb, var(--accent-light) 38%, transparent);width:100%;height:auto;display:block;overflow:visible}.story :is([data-h],[data-part]){opacity:calc(1 - var(--dim) * .55);transition:opacity .5s,--hl .5s,--dim .5s}.story[data-focus=a] [data-h=a],.story[data-focus=b] [data-h=b]{--hl:1}.story[data-focus=a] [data-h=b],.story[data-focus=b] [data-h=a]{--dim:1}.story[data-active] [data-h]{--hl:0;--dim:0}.story[data-active] [data-part]{--dim:1}.story[data-active] [data-part].is-lit{--hl:1;--dim:0}.story .k{--t:clamp(0, calc((var(--p) - var(--a,0)) / var(--w,.22)), 1);--e:calc(var(--t) * var(--t) * (3 - 2 * var(--t)))}.story .k-fade{opacity:var(--e)}.story .k-out{opacity:calc(1 - var(--e))}.story .k-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--e))}.story .k-grow{transform-box:fill-box;transform-origin:0;transform:scaleX(var(--e))}.story .k-move{transform:translate(calc((1 - var(--e)) * var(--dx,0) * 1px), calc((1 - var(--e)) * var(--dy,0) * 1px))}.story .st-line{fill:none;stroke:color-mix(in srgb, var(--accent) calc(var(--hl) * 100%), var(--_story-line));stroke-width:1px;vector-effect:non-scaling-stroke}.story .st-dash{stroke-dasharray:3 4}.story .st-faint{fill:none;stroke:color-mix(in srgb, var(--text-1) 16%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.story .st-page{fill:color-mix(in srgb, var(--accent) 3%, var(--background-1))}.story .st-fill{fill:color-mix(in srgb, var(--accent) calc(8% + var(--hl) * 10%), transparent)}.story .st-block{fill:color-mix(in srgb, var(--accent) calc(30% + var(--hl) * 40%), transparent)}.story .st-bar{fill:color-mix(in srgb, var(--text-1) calc(24% + var(--hl) * 16%), transparent)}.story .st-barstrong{fill:color-mix(in srgb, var(--text-1) calc(62% + var(--hl) * 30%), transparent)}.story .st-node{fill:var(--background-1);stroke:color-mix(in srgb, var(--accent) calc(var(--hl) * 100%), var(--_story-line));stroke-width:1px;vector-effect:non-scaling-stroke}.story .st-node--key{stroke:var(--accent)}.story .st-dot{fill:var(--accent)}.story .st-bead{fill:var(--accent-light);filter:drop-shadow(0 0 .3rem var(--accent))}.story .st-label{fill:color-mix(in srgb, var(--accent-light) calc(var(--hl) * 100%), var(--label));font-family:var(--font-secondary);letter-spacing:.18em;font-size:11px}.story .st-frag{fill:color-mix(in srgb, var(--text-1) 58%, transparent);font-family:var(--font-secondary);font-size:13px}.story .st-head{fill:color-mix(in srgb, var(--accent-light) calc(var(--hl) * 100%), var(--text-1));font-family:var(--font-primary);letter-spacing:-.02em;font-size:34px;font-weight:300}.story .st-quote{fill:var(--accent);font-family:var(--font-primary);font-size:48px;font-weight:300}:where(:has(>.story)){container:story/inline-size}@container story (width>=680px) and (width<=899.98px){.story .st-label{letter-spacing:.14em;font-size:13px}}@container story (width<=679.98px){.story :is(.st-label,.st-frag){display:none}}.service-list_rows{margin:0;padding:0;list-style:none}.service-list_item{--_d:calc(var(--i,0) * .14s + var(--_lead,0s));position:relative}.service-list_item+.service-list_item:before{content:"";background:var(--line-faint);transform-origin:0;width:100%;height:.0625rem;transition:transform 1.4s var(--_ease) var(--_d);position:absolute;top:0;left:0}.service-list_item:after{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 0%, transparent) 70%);transform-origin:0;width:100%;height:.0625rem;transition:transform .7s var(--_ease);pointer-events:none;position:absolute;bottom:0;left:0;transform:scaleX(0)}.service-list_row{align-items:baseline;column-gap:var(--space-4);padding-block:var(--space-5);grid-template-columns:3rem minmax(0,1fr) 1.5rem;display:grid}.service-list_item:first-child .service-list_row{padding-top:calc(var(--space-5) * .4)}.service-list_number{color:var(--accent);font-family:var(--font-secondary);font-size:var(--text-small);letter-spacing:.1em;font-variant-numeric:tabular-nums;transition:opacity .9s var(--_ease) calc(var(--_d) + .1s), translate 1.2s var(--_ease) calc(var(--_d) + .1s), color .5s}.service-list_text{gap:var(--space-2);display:grid}.service-list_name{font-family:var(--font-primary);font-size:var(--type-item);letter-spacing:-.015em;transition:opacity 1s var(--_ease) calc(var(--_d) + .18s), translate 1.4s var(--_ease) calc(var(--_d) + .18s), color .5s;margin:0;font-weight:400;line-height:1.25}.service-list_summary{max-width:52ch;color:color-mix(in srgb, var(--text-1) 76%, transparent);transition:opacity 1s var(--_ease) calc(var(--_d) + .28s), translate 1.4s var(--_ease) calc(var(--_d) + .28s)}.service-list_arrow{color:var(--_muted);font-size:var(--type-link);transition:opacity .9s var(--_ease) calc(var(--_d) + .42s), translate 1.2s var(--_ease) calc(var(--_d) + .42s), transform .5s var(--_ease), color .5s;justify-self:end}.service-list_item[data-motion=ready]:not([data-revealed]):before{transform:scaleX(0)}.service-list_item[data-motion=ready]:not([data-revealed]) .service-list_number{opacity:0;translate:-.5rem}.service-list_item[data-motion=ready]:not([data-revealed]) :is(.service-list_name,.service-list_summary){opacity:0;translate:0 .6rem}.service-list_item[data-motion=ready]:not([data-revealed]) .service-list_arrow{opacity:0;translate:-.5rem}@media (hover:hover){.service-list_item:has(a.service-list_row:hover):after{transform:none}a.service-list_row:hover .service-list_number,a.service-list_row:hover .service-list_name{color:var(--accent-light)}a.service-list_row:hover .service-list_arrow{color:var(--accent);transform:translate(.3rem)}}.service-list_item:has(a.service-list_row:is(:active,:focus-visible)):after{transform:none}a.service-list_row:is(:active,:focus-visible) .service-list_name{color:var(--accent-light)}a.service-list_row:is(:active,:focus-visible) .service-list_arrow{color:var(--accent);transform:translate(.3rem)}a.service-list_row:focus-visible{outline-offset:var(--focus-offset)}@media (width<=47.9375rem){.service-list_row{column-gap:var(--space-3);padding-block:calc(var(--space-5) * .8);grid-template-columns:2.25rem minmax(0,1fr) 1.25rem}}}
