@layer components{.case-study_wrap{gap:var(--space-8);width:100%;display:grid}.case-study_top{align-items:center;gap:var(--space-7) var(--section-space-small);display:grid}@media (min-width:64rem){.case-study_top{grid-template-columns:1fr 1fr}.reverse .case-study_top>:first-child{order:2}}.case-study_intro{gap:var(--space-4);align-content:center;display:grid}.case-study_summary{max-width:52ch;color:var(--text-2)}.case-study_quotes{gap:var(--space-6);padding-top:var(--space-6);border-top:var(--border-width) solid var(--border);margin:0;display:grid}.case-study_grid{gap:var(--space-6);display:grid}@media (min-width:48rem){.case-study_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.case-study_grid{grid-template-columns:repeat(var(--_n), minmax(0, 1fr))}}.case-study_quote{align-content:start;gap:var(--space-3);padding-left:var(--space-4);border-left:var(--border-width) solid var(--border);margin:0;display:grid;position:relative}.case-study_quote:before{content:"";top:0;left:calc(var(--marker-size) / -2 - var(--border-width) / 2);width:var(--marker-size);height:var(--marker-size);background-color:var(--brand-500);position:absolute}.case-study_quote p{line-height:var(--line-height-huge)}.case-study_index{color:var(--text-2);font-size:.75rem}.case-study_cite{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.case-study_mark{width:1.75rem;fill:var(--brand-500)}.case-study_person{font-weight:var(--primary-semibold)}.case-study_detail{font-size:var(--text-small);color:var(--text-2)}.steps_wrap{--_rail-progress:100%;gap:var(--space-7);width:100%;padding-left:var(--space-6);display:grid;position:relative}.steps_wrap:before{content:"";width:var(--border-width);background-color:var(--border);transform-origin:top;scale:1 calc(var(--_rail-progress) / 100%);position:absolute;top:0;bottom:0;left:0}@media (min-width:64rem){.steps_wrap{grid-template-columns:repeat(var(--_n), minmax(0, 1fr));gap:var(--space-6);padding-left:0;padding-top:var(--space-6)}.steps_wrap:before{width:auto;height:var(--border-width);transform-origin:0;scale:calc(var(--_rail-progress) / 100%) 1;bottom:auto;right:0}}.steps_item{align-content:start;gap:var(--space-3);display:grid;position:relative}.steps_marker{top:0;left:calc(var(--space-6) * -1 - var(--marker-size) / 2);width:calc(var(--marker-size) * 1.5);height:calc(var(--marker-size) * 1.5);translate:calc(var(--marker-size) * -.25) 0;background-color:var(--brand-500);outline:var(--border-width) solid var(--text);position:absolute}@media (min-width:64rem){.steps_marker{top:calc(var(--space-6) * -1 - var(--marker-size) * .75);left:0;translate:none}}.steps_index{letter-spacing:var(--mono-letter-spacing);text-transform:uppercase;color:var(--text-2);font-size:.75rem}.steps_text{color:var(--text-2);max-width:40ch}.steps_frame{width:100%;position:relative}@media (min-width:64rem){.steps_frame.loop{padding-bottom:var(--space-8)}.steps_frame.loop .steps_wrap{padding-inline:var(--space-6)}.steps_frame.loop:after{content:"";top:0;left:0;right:0;bottom:var(--space-4);border:var(--border-width) dashed var(--text-2);border-radius:0 0 calc(var(--radius-main) * 2) calc(var(--radius-main) * 2);pointer-events:none;border-top:none;position:absolute}.steps_frame.loop:before{content:"";top:var(--space-3);left:calc(var(--marker-size) * -.5 + var(--border-width) / 2);z-index:1;border-inline:calc(var(--marker-size) * .5) solid transparent;border-bottom:calc(var(--marker-size) * .9) solid var(--text-2);position:absolute}}.steps_loop-label{display:none}@media (min-width:64rem){.steps_loop-label{left:50%;bottom:var(--space-4);padding:0 var(--space-3);z-index:1;background-color:var(--background);color:var(--text-2);letter-spacing:var(--mono-letter-spacing);text-transform:uppercase;margin:0;font-size:.75rem;display:block;position:absolute;translate:-50% 50%}}:where(.motion) .steps_wrap:before{transition:scale var(--draw-duration-long) var(--draw-ease)}:where(.motion) .steps_wrap .steps_marker{transition:scale .35s var(--draw-ease) calc(var(--_i) * .25s + .3s)}:where(.motion) .steps_wrap:not(.is-revealed){--_rail-progress:0%}:where(.motion) .steps_wrap:not(.is-revealed) .steps_marker{scale:0}}