.firm-how{--hatch:repeating-linear-gradient(-45deg,#000 0 1.5px,transparent 1.5px 7px);color:#000;background:#fff;border-top:1px solid #e1e1e1;padding-block:clamp(72px,8vw,120px)}.firm-grammar{letter-spacing:-.04em;font-size:clamp(2.1rem,4.2vw,4rem);font-weight:600;line-height:1.14}.firm-grammar>span{text-wrap:balance;display:block}.mk{z-index:0;white-space:nowrap;padding:0 .12em;display:inline-block;position:relative}.mk:before{content:"";z-index:-1;position:absolute}.mk-we{color:#fff}.mk-we:before{background:#000;inset:.1em 0 .02em}.mk-agent:before{border:2px dashed #000;inset:.08em -.02em 0}.mk-team:before{background:var(--hatch);height:.17em;bottom:-.2em;left:0;right:0}.mk-we:before,.mk-team:before{transform-origin:0}.firm-grammar>span:nth-child(2){--n:1}.firm-grammar>span:nth-child(3){--n:2}.firm-grammar.story-reveal{opacity:1;transform:none}.firm-grammar.story-reveal .mk:before{transition:transform .7s var(--ease-out),opacity .45s var(--ease-out);transition-delay:calc(var(--n,0) * .3s + .15s)}.firm-grammar.story-reveal .mk-we{transition:color .35s var(--ease-out) calc(var(--n,0) * .3s + .25s)}.firm-grammar.story-reveal:not(.in-view) .mk-we{color:#000}.firm-grammar.story-reveal:not(.in-view) .mk-we:before,.firm-grammar.story-reveal:not(.in-view) .mk-team:before{transform:scaleX(0)}.firm-grammar.story-reveal:not(.in-view) .mk-agent:before{opacity:0;transform:scale(1.2)}.firm-lanes{grid-template-rows:auto repeat(3,auto);grid-template-columns:132px repeat(4,minmax(0,1fr));gap:10px;margin-top:clamp(44px,5vw,68px);display:grid}.firm-lane-keys,.firm-steps{margin:0;padding:0;list-style:none;display:contents}.firm-lane-keys li{grid-column:1;align-self:start;padding-top:14px}.firm-lane-keys li:first-child{grid-row:2}.firm-lane-keys li:nth-child(2){grid-row:3}.firm-lane-keys li:nth-child(3){grid-row:4}.firm-step{grid-row:1/span 4;grid-template-rows:subgrid;min-width:0;display:grid}.firm-step:first-child{grid-column:2}.firm-step:nth-child(2){grid-column:3}.firm-step:nth-child(3){grid-column:4}.firm-step:nth-child(4){grid-column:5}.firm-step dl{display:contents}.firm-step h3{letter-spacing:-.02em;flex-direction:column;gap:6px;padding:16px 0;font-size:clamp(20px,1.7vw,25px);font-weight:600;line-height:1.15;display:flex;position:relative}.firm-step h3:before{content:"";background:#000;height:2px;position:absolute;top:0;left:0;right:0}.firm-step h3 b{letter-spacing:.08em;color:#595959;font-size:13px;font-weight:600}.firm-step h3 span{letter-spacing:0;color:#595959;font-size:15px;font-weight:400;line-height:1.45}.firm-cell{z-index:0;min-width:0;padding:16px;font-size:15.5px;line-height:1.45;position:relative}.firm-cell dt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.firm-cell dd{margin:0}.firm-cell.is-we{color:#fff}.firm-cell.is-we:before{content:"";z-index:-1;background:#000;position:absolute;inset:0}.firm-cell.is-agent{border:1.5px dashed #000}.firm-cell.is-team{background:linear-gradient(#fff,#fff) padding-box,var(--hatch) border-box;border:3px solid #0000;padding:14.5px}.firm-cell.is-idle{color:#6b6b6b;border-color:#bdbdbd}.firm-chip{letter-spacing:.09em;text-transform:uppercase;align-items:center;font-size:12px;font-weight:600;line-height:1;display:flex}.firm-chip span{padding:7px 9px}.firm-chip.is-we span{color:#fff;background:#000}.firm-chip.is-agent span{border:1.5px dashed #000}.firm-chip.is-team span{background:linear-gradient(#fff,#fff) padding-box,var(--hatch) border-box;border:3px solid #0000;padding:5px 7px}.firm-status{color:#595959;margin-top:28px;font-size:16px}@media (max-width:980px){.firm-lanes{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 14px}.firm-lane-keys{display:none}.firm-step,.firm-step:nth-child(n){grid-area:auto;grid-template-rows:none;align-content:start;gap:8px}.firm-cell dt{clip-path:none;letter-spacing:.09em;text-transform:uppercase;opacity:.75;width:auto;height:auto;margin-bottom:6px;font-size:11.5px;font-weight:600;position:static;overflow:visible}}@media (max-width:620px){.firm-lanes{grid-template-columns:minmax(0,1fr);gap:28px}.firm-step h3{padding:12px 0}.firm-cell{padding:12px 14px;font-size:15px}.firm-cell.is-team{padding:10.5px 12.5px}.firm-cell.is-idle{align-items:baseline;gap:8px;padding:7px 12px;font-size:14px;display:flex}.firm-cell.is-idle dt{flex:none;margin:0}}.firm-work{color:#000;background:#fff;border-top:1px solid #e1e1e1;padding-block:clamp(72px,8vw,112px)}.firm-founders .founder-does{color:#000;max-width:26em;margin-top:18px;font-size:clamp(18px,1.5vw,21px);font-weight:500;line-height:1.4}.firm-founders .founder-bio{margin-top:10px}@media (max-width:720px){.firm-founders .founder-grid{gap:30px}.firm-founders .founder{grid-template-columns:104px minmax(0,1fr);align-items:start;column-gap:16px;display:grid}.firm-founders .portrait-frame{aspect-ratio:auto;grid-row:1/3;width:104px;height:130px;max-height:none}.firm-founders .founder-heading{align-items:flex-start;margin-top:0}.firm-founders .founder-heading h3{font-size:21px}.firm-founders .founder-heading a{width:40px;height:40px;margin:-6px -8px 0 0}.firm-founders .founder-does{grid-column:2;margin-top:8px;font-size:16px}.firm-founders .founder-bio{grid-column:1/-1;margin-top:14px;font-size:15px}}.firm-rule-list{border-top:1px solid #333;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:30px 0 0;padding:0;list-style:none;display:grid}.firm-rule-list li{color:#e6e6e6;border-bottom:1px solid #333;padding:18px 0 18px 30px;font-size:clamp(17px,1.3vw,19px);line-height:1.45;position:relative}.firm-rule-list li:before,.firm-rule-list li:after{content:"";width:11px;height:11px;position:absolute;top:25px;left:0}.firm-rule-list li:before{border:1.5px solid #fff}.firm-rule-list li:after{background:#fff}.firm-rule-list.story-reveal{opacity:1;transform:none}.firm-rule-list.story-reveal li:after{transition:transform .45s var(--ease-out) calc(var(--n,0) * 70ms + .15s)}.firm-rule-list.story-reveal:not(.in-view) li:after{transform:scale(0)}.firm-rule-list li:nth-child(2){--n:1}.firm-rule-list li:nth-child(3){--n:2}.firm-rule-list li:nth-child(4){--n:3}.firm-rule-list li:nth-child(5){--n:4}.firm-rule-list li:nth-child(6){--n:5}.firm-rule-list li:nth-child(7){--n:6}@media (prefers-reduced-motion:reduce){.firm-rule-list li:after{transform:none!important}}@media print{.firm-rule-list li:after{transform:none!important}}@media (max-width:820px){.firm-rule-list{grid-template-columns:1fr}}.firm-close .v2-cta-row{margin-top:28px}@media (prefers-reduced-motion:reduce){.firm-grammar.story-reveal .mk:before{opacity:1!important;transform:none!important}.firm-grammar.story-reveal .mk-we{color:#fff!important}}@media print{.firm-grammar.story-reveal .mk:before{opacity:1!important;transform:none!important}.firm-grammar.story-reveal .mk-we{color:#fff!important}}.firm-close .contact-grid{align-items:start}.firm-ways{min-width:0;padding-top:12px}.firm-ways>ul{border-top:1px solid #333;margin:0;padding:0;list-style:none}.firm-ways>ul>li{border-bottom:1px solid #333}.firm-ways>ul>li>:is(a,button){color:#fff;text-align:left;width:100%;min-height:72px;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 16px;padding:14px 2px;display:grid}.firm-way-name{grid-column:1;font-size:17px;font-weight:500;line-height:1.3}.firm-way-detail{color:#a6a6a6;overflow-wrap:anywhere;grid-column:1;font-size:14px;line-height:1.45}.firm-ways>ul svg{color:#bdbdbd;transition:transform .25s var(--ease-out),color .2s var(--ease-out);grid-area:1/2/3}.firm-ways>ul>li>:is(a,button):focus-visible{outline-offset:2px;outline:2px solid #fff}@media (hover:hover){.firm-ways>ul>li>:is(a,button):hover .firm-way-name{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.firm-ways>ul>li>:is(a,button):hover svg{color:#fff}.firm-ways>ul a:hover svg{transform:translate(3px,-3px)}}.firm-ways>ul>li>:is(a,button):active{opacity:.7}@media (hover:hover) and (pointer:fine){.firm-ways>ul>.firm-sms{display:none}}.firm-note{opacity:0;transition:grid-template-rows .45s var(--ease-out),opacity .3s var(--ease-out),margin-top .45s var(--ease-out);grid-template-rows:0fr;display:grid}.firm-note.is-open{opacity:1;grid-template-rows:1fr;margin-top:24px}.firm-note-inner{min-height:0;overflow:hidden}.firm-ways>ul>li>button svg{transition:transform .35s var(--ease-out),color .2s var(--ease-out)}.firm-ways>ul>li>button svg path:last-child{transform-box:fill-box;transform-origin:50%;transition:transform .3s var(--ease-out)}.firm-ways>ul>li>button[aria-expanded=true] svg{transform:rotate(180deg)}.firm-ways>ul>li>button[aria-expanded=true] svg path:last-child{transform:scaleY(0)}@media (max-width:720px){.firm-ways{margin-top:44px;padding-top:0}}.firm-step-tabs{display:none}@media (max-width:620px){.firm-step-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:36px;display:grid}.firm-step-tabs button{color:#6b6b6b;text-align:left;cursor:pointer;min-width:0;min-height:52px;transition:border-color .25s var(--ease-out),color .25s var(--ease-out);background:0 0;border:0;border-top:2px solid #d4d4d4;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 0 8px;font:500 13.5px/1.2 IBM Plex Sans,IBM Plex Sans Fallback,Arial,sans-serif;display:flex}.firm-step-tabs b{letter-spacing:.08em;font-size:12px;font-weight:600}.firm-step-tabs{position:relative}.firm-step-tabs [aria-current]{color:#000}.firm-step-mark{width:calc(25% - 4.5px);height:2px;transform:translateX(calc(var(--at,0) * (100% + 6px)));transition:transform .4s var(--ease-out);background:#000;position:absolute;top:0;left:0}.firm-step-tabs button:focus-visible{outline-offset:2px;outline:2px solid #000}.firm-lanes{margin-top:16px;display:block}.firm-steps{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;margin-inline:-20px;padding:2px 20px 8px;scroll-padding-inline:20px;display:flex;position:relative;overflow-x:auto}.firm-steps::-webkit-scrollbar{display:none}.firm-steps:focus-visible{outline-offset:-2px;outline:2px solid #000}.firm-step,.firm-step:nth-child(n){scroll-snap-align:start;flex:0 0 calc(100% - 34px)}.firm-step h3:before{display:none}.firm-tab-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.firm-step-tabs button{justify-content:center;align-items:center;min-height:44px;padding:10px 0 8px}.firm-step-tabs b{font-size:13px}.firm-step h3 b{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:720px){.firm-founders .founder-heading{flex-direction:column;align-items:flex-start;gap:0}.firm-founders .founder-heading a.founder-linkedin{min-height:44px;margin:-4px 0 -6px;font-size:14px}}.firm-note[hidden]{display:none}@property --kw-bg{syntax:"<color>";inherits:true;initial-value:#f4f4f4}@property --kw-dots{syntax:"<color>";inherits:true;initial-value:#00000012}.firm-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,4.4vw,56px) clamp(20px,2.4vw,32px);margin:clamp(36px,4vw,52px) 0 0;padding:0;list-style:none;display:grid}.firm-area{border-top:2px solid #000;flex-direction:column;padding-top:14px;display:flex}.firm-area h3{letter-spacing:-.015em;margin-bottom:14px;font-size:clamp(19px,1.5vw,22px);font-weight:600;line-height:1.25}.firm-work-list{flex:1;grid-auto-rows:1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.firm-work-list a{--kw-bg:#f4f4f4;--kw-dots:#00000012;background:var(--kw-bg);color:#000;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);height:100%;transition:--kw-bg .3s var(--ease-out),--kw-dots .3s var(--ease-out),transform .18s var(--ease-out);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.kw-stage{background:radial-gradient(circle at 1px 1px,var(--kw-dots) 1px,transparent 1.3px) 7px 7px/14px 14px;align-items:center;padding:18px 6px 18px 18px;display:flex}.kw-art{aspect-ratio:280/120;color:#a6a6a6;width:auto;max-width:100%;height:68px;transition:color .3s var(--ease-out);display:block;overflow:visible}.kw-art *{vector-effect:non-scaling-stroke}.kw-bg{fill:var(--kw-bg)}.kw-frame{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.kw-frame.kw-bg,.kw-draft.kw-bg{fill:var(--kw-bg)}.kw-soft{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;opacity:.45}.kw-draft{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-dasharray:4 3}.kw-hand{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-dasharray:0 4.5;stroke-linecap:round}.kw-fill,.kw-dot{fill:currentColor}.kw-scan{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-dasharray:3 3}.kw-dot,.kw-scan{opacity:0}@keyframes kw-trip{0%{opacity:0;transform:translate(0)}14%,86%{opacity:1}to{opacity:0;transform:translate(var(--dx,0px),var(--dy,0px))}}@media (hover:hover){.firm-work-list a:hover :is(.kw-dot,.kw-scan){animation:kw-trip var(--dur,1.8s) var(--ease-in-out) calc(.15s + var(--at,0s)) 1 both}}.firm-work-list a:focus-visible :is(.kw-dot,.kw-scan){animation:kw-trip var(--dur,1.8s) var(--ease-in-out) calc(.15s + var(--at,0s)) 1 both}.firm-work-copy{flex-direction:column;justify-content:center;padding:16px 0;display:flex}.firm-work-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:0 20px 0 14px;display:flex}.firm-work-list b{letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:clamp(19px,1.5vw,22px);font-weight:600;line-height:1.2;display:flex}.firm-work-list small{letter-spacing:.06em;text-transform:uppercase;border:1.5px dashed;padding:3px 6px;font-size:11.5px;font-weight:600;line-height:1.2}.firm-work-arrow{transition:transform .25s var(--ease-out);flex:none;margin-top:3px}.firm-work-text{color:#595959;padding:6px 20px 0 14px;font-size:15.5px;line-height:1.5}.firm-area-other a{background:radial-gradient(circle at 1px 1px,var(--kw-dots) 1px,transparent 1.3px) 7px 7px/14px 14px,var(--kw-bg);flex-direction:column;justify-content:space-between;gap:24px;padding:22px 22px 20px;display:flex}.firm-area-other .firm-work-text{letter-spacing:-.015em;color:#000;max-width:22em;padding:0;font-size:clamp(19px,1.5vw,22px);font-weight:500;line-height:1.4}.firm-area-other .firm-work-head{justify-content:flex-start;gap:10px;padding:0}.firm-area-other b{font-size:17px}.firm-work-call{align-items:center;gap:10px;padding:14px 20px 0 14px;font-size:17px;font-weight:600;display:flex}@media (hover:hover){.firm-work-list a:hover .firm-work-call{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}.firm-work-list a:hover .firm-work-call .firm-work-arrow{transform:translate(3px)}}.firm-area-other{grid-column:1/-1}@media (min-width:861px){.firm-area-other a{flex-direction:row;align-items:center}.firm-area-other .firm-work-text{max-width:none}}.firm-work-list a:focus-visible{outline-offset:-5px;outline:2px solid #000}.firm-work-list a:focus-visible .kw-art{color:#000}@media (hover:hover){.firm-work-list a:hover{--kw-bg:#eee;--kw-dots:#0000001c}.firm-work-list a:hover .kw-art{color:#000}.firm-work-list a:hover b{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}.firm-work-list a:hover .firm-work-arrow{transform:translate(3px)}}.firm-work-list a:active{transform:translateY(1px)}@media (max-width:860px){.firm-areas{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.firm-work{padding-block:56px}.firm-areas{gap:36px}.firm-area{border-top-width:1.5px;padding-top:12px}.firm-area h3{margin-bottom:12px;font-size:19px}.firm-work-list{grid-auto-rows:auto}.firm-work-list a{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);flex-direction:column;display:flex}.kw-stage{background-position:4px 4px;background-size:12px 12px;padding:14px 14px 0}.kw-art{color:#8c8c8c;height:52px}.firm-work-copy{padding:12px 0 16px}.firm-work-head{padding:0 14px}.firm-work-list b{font-size:18px}.firm-work-text{padding:4px 14px 0;font-size:15px}.firm-area-other a{gap:18px;padding:16px 14px}.firm-area-other .firm-work-text{padding:0;font-size:18px}.firm-area-other .firm-work-head{padding:0}.firm-work-call{padding:12px 14px 0;font-size:16px}}@media (prefers-reduced-motion:reduce){.kw-dot,.kw-scan{opacity:0;animation:none!important}}@media print{.kw-dot,.kw-scan{display:none}}
.story .wf-screen{grid-template-columns:minmax(0,1fr)}.story .wf-copy{padding:clamp(22px,2.6vw,34px) clamp(20px,2.8vw,40px) 0}.story .wf-canvas{border:0;order:0;padding:clamp(6px,1.2vw,16px) clamp(4px,1.6vw,24px) clamp(2px,.8vw,10px)}.story[data-live] .wf-kicker{display:none}.story[data-live] .wf-line{margin-top:0;font-size:clamp(24px,2.5vw,36px)}.of-scene{width:100%;height:auto;display:block;overflow:hidden}.of-tall{display:none}@media (max-width:700px){.of-wide{display:none}.of-tall{max-width:440px;margin-inline:auto;display:block}}.of-scene text{font-family:IBM Plex Sans,IBM Plex Sans Fallback,Arial,sans-serif}.of-frame{fill:none;stroke:#d9d9d9;stroke-width:1.5px}rect.of-frame{fill:#000}.of-name{fill:#fff;font-weight:600}.of-logo rect{fill:#fff}.of-content{fill:none;stroke:#7d7d7d;stroke-width:1.2px;transition:stroke .4s var(--ease-out)}.of-win{transition:opacity .6s var(--ease-out)}.of-order-sheet{fill:#fff}.of-order-fold{fill:none;stroke:#000;stroke-width:1.3px;stroke-linejoin:round}.of-order text{letter-spacing:.04em;fill:#000;text-anchor:middle;font-size:11px;font-weight:700}.of-order-lines{fill:none;stroke:#000;stroke-width:1.6px;stroke-linecap:round}.of-po,.of-stream{opacity:0;pointer-events:none}.story[data-live]:not([data-playing]) .of-scene *{animation-play-state:paused!important}.of-new{fill:#fff;opacity:0}.story[data-at~="1"] .of-new{opacity:.08}.story[data-step="1"] .of-new{animation:of-flash 1.3s var(--ease-out) 50ms both}@keyframes of-flash{0%{opacity:0}25%{opacity:.3}to{opacity:.08}}.story[data-at~="1"] .of-new-row{stroke:#fff}.of-hand{opacity:0;transition:opacity .6s var(--ease-out)}.of-hand-line{fill:none;stroke:#ffffffb8;stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:0 8}.of-hand-arrow{fill:#fffc}.story[data-at~="1"] .of-hand{opacity:1}.story[data-step="1"] .of-hand{animation:of-in .5s var(--ease-out) both}.story[data-step="1"] .of-hand-line,.story[data-step="2"] .of-hand-line{animation:1.1s linear infinite of-march}@keyframes of-march{to{stroke-dashoffset:-16px}}@keyframes of-in{0%{opacity:0}}.of-person{transform-box:fill-box;transform-origin:50%;opacity:0;transition:opacity .6s var(--ease-out)}.of-person-box{fill:#000}.of-person circle,.of-person path{fill:none;stroke:#fff;stroke-width:1.5px}.story[data-at~="1"] .of-person{opacity:1}.story[data-step="1"] .of-person{animation:of-in .45s var(--ease-out) .1s both,of-nudge .7s var(--ease-out) var(--at) both}@keyframes of-nudge{0%,to{scale:1}35%{scale:1.24}}.of-typing{fill:#fff;opacity:0}.story[data-at~="1"] .of-typing{opacity:.07}.story[data-step="1"] .of-typing{animation:of-row 1s var(--ease-out) var(--at) both}@keyframes of-row{0%{opacity:0}20%,75%{opacity:.16}to{opacity:.07}}.of-cell{fill:#fff;transform-box:fill-box;transform-origin:0;scale:0 1}.story[data-at~="1"] .of-cell{scale:1}.story[data-step="1"] .of-cell{animation:of-type .24s var(--ease-out) var(--at) both}@keyframes of-type{0%{scale:0 1}}.story[data-step="1"] .of-po-hand{opacity:1;animation:.25s ease-out .12s both of-in}.of-scan{opacity:0}.story[data-step="2"] .of-scan{animation:of-scan-x 1.3s var(--ease-in-out) .1s both}.story[data-step="2"] .of-tall .of-scan{animation-name:of-scan-y}@keyframes of-scan-x{0%{opacity:1;translate:0}to{opacity:1;translate:1220px}}@keyframes of-scan-y{0%{opacity:1;translate:0}to{opacity:1;translate:0 780px}}.of-agent{opacity:0;transition:opacity .5s var(--ease-out)}.story[data-at~="2"] .of-agent{opacity:1}.story[data-at~="3"] .of-agent{opacity:.4}.story[data-at~="4"] .of-agent{opacity:.28}.of-k{transform-box:fill-box;transform-origin:50%}.of-k rect{fill:#fff}.story[data-step="2"] .of-k{animation:of-spring .6s var(--ease-spring) .1s both}@keyframes of-spring{0%{opacity:0;scale:.3}}.of-ring{fill:none;stroke:#fff;stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%}.story[data-step="2"] .of-ring{animation:of-ring 1.6s var(--ease-out) .5s infinite}@keyframes of-ring{0%{opacity:.7;scale:1}to{opacity:0;scale:2.1}}.of-chip rect{fill:#000;stroke:#fff;stroke-width:1.2px}.of-chip text{letter-spacing:.02em;fill:#fff;text-anchor:middle;font-weight:600}.story[data-step="2"] .of-chip{animation:of-in .4s var(--ease-out) .5s both}.of-link{fill:none;stroke:#fff;stroke-width:1.5px;stroke-dasharray:5 4;opacity:0;transition:opacity .5s var(--ease-out)}.story[data-at~="2"] .of-link{opacity:.9}.story[data-at~="3"] .of-link{opacity:.25}.story[data-at~="4"] .of-link{opacity:0}.story[data-step="2"] .of-link{animation:of-in .4s var(--ease-out) var(--at) both,of-read 1s linear infinite}@keyframes of-read{to{stroke-dashoffset:9px}}.of-check{transform-box:fill-box;transform-origin:50%;opacity:0;transition:opacity .4s var(--ease-out)}.of-check circle{fill:#fff}.of-check path{fill:none;stroke:#000;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.story[data-at~="2"] .of-check{opacity:1}.story[data-at~="3"] .of-check{opacity:.3}.story[data-at~="4"] .of-check{opacity:0}.story[data-step="2"] .of-check{animation:of-spring .45s var(--ease-spring) var(--at) both}.of-hl{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:opacity .4s var(--ease-out)}.story[data-step="2"] .of-hl{opacity:1;stroke-dashoffset:0;animation:of-draw .9s var(--ease-in-out) .75s both}@keyframes of-draw{0%{stroke-dashoffset:1px}}.of-tag{transform-box:fill-box;transform-origin:50%;opacity:0;transition:opacity .4s var(--ease-out)}.of-tag rect{fill:#fff}.of-tag text{fill:#000;text-anchor:middle;transition:opacity .4s var(--ease-out);font-weight:700}.of-tag-back{opacity:0}.story[data-at~="2"] .of-tag{opacity:1}.story[data-step="2"] .of-tag{animation:of-spring .55s var(--ease-spring) 1.6s both}.story[data-at~="3"] .of-hand,.story[data-at~="3"] .of-person{opacity:.45}.of-fields{transition:opacity .4s var(--ease-out)}.story[data-at~="3"] .of-fields{opacity:0;transition-delay:1.3s}.of-auto-draw{fill:none;stroke:#fff;stroke-width:20px;stroke-dasharray:1;stroke-dashoffset:1px}.story[data-at~="3"] .of-auto-draw{stroke-dashoffset:0}.story[data-step="3"] .of-auto-draw{animation:of-draw .8s var(--ease-in-out) .3s both}.of-route{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.of-route.of-draft{stroke-dasharray:9 7;stroke-linecap:butt}.of-route.of-live{opacity:0;stroke-width:3px}.of-route-arrow{fill:#fff}.story[data-step="3"] .of-po-auto{animation:1s linear .9s both of-blip}@keyframes of-blip{0%{opacity:0}12%,82%{opacity:1}to{opacity:0}}.of-card{opacity:0;transition:opacity .4s var(--ease-out)}.story[data-at~="3"] .of-card{opacity:1}.story[data-step="3"] .of-card{animation:of-land .55s var(--ease-out) 1.6s both}@keyframes of-land{0%{opacity:0;translate:0 10px}}.of-card-box{fill:#000;stroke:#fff;stroke-width:1.6px}.of-card-box.of-draft{stroke-dasharray:6 5}.of-card-box.of-live{opacity:0;stroke-width:2px}.of-card-title{fill:#fff;font-weight:600}.of-card-state{fill:#cfcfcf;font-weight:500}.of-on{opacity:0}.of-switch rect{fill:#3a3a3a}.of-knob{fill:#bdbdbd}.of-exc-tag{opacity:0;transition:opacity .4s var(--ease-out)}.of-exc-tag text{fill:#fff;font-weight:600}.of-exc-tag .of-exc-sub{fill:#cfcfcf;font-weight:400}.story[data-at~="3"] .of-exc-tag{opacity:1}.story[data-step="3"] .of-exc-tag{animation:of-in .45s var(--ease-out) 2.1s both}.story[data-at~="3"] .of-exc .of-person{opacity:1}.story[data-at~="4"] .of-exc .of-person{opacity:.9}.story[data-at~="4"] .of-hand,.story[data-at~="4"] .of-person{opacity:.15;transition-delay:.2s}.story[data-at~="4"] .of-excel{opacity:.22;transition-delay:.2s}.story[data-at~="4"] :is(.of-route.of-draft,.of-card-box.of-draft,.of-wait,.of-tag-found){opacity:0}.story[data-at~="4"] :is(.of-route.of-live,.of-card-box.of-live,.of-on,.of-tag-back){opacity:1}.story[data-at~="4"] .of-switch rect{fill:#fff}.story[data-at~="4"] .of-knob{fill:#000;translate:15px}.story[data-step="4"] .of-switch rect{animation:of-switch .35s var(--ease-out) .3s both}.story[data-step="4"] .of-knob{animation:of-knob .45s var(--ease-spring) .3s both}@keyframes of-switch{0%{fill:#3a3a3a}}@keyframes of-knob{0%{fill:#bdbdbd;translate:0}}.story[data-step="4"] :is(.of-route.of-draft,.of-card-box.of-draft,.of-wait){animation:of-out .45s var(--ease-out) .55s both}.story[data-step="4"] :is(.of-route.of-live,.of-card-box.of-live,.of-on){animation:of-in .5s var(--ease-out) .55s both}.story[data-step="4"] .of-tag-found{animation:of-out .4s var(--ease-out) 1.1s both}.story[data-step="4"] .of-tag-back{animation:of-in .45s var(--ease-out) 1.1s both}@keyframes of-out{0%{opacity:1}to{opacity:0}}.of-stream{transition:opacity .5s var(--ease-out)}.story[data-step="4"]:not([data-ended]) .of-stream{opacity:1;transition-delay:.9s}@media (prefers-reduced-motion:reduce){.of-po,.of-stream,.of-scan{display:none}}