@layer components{.b-defer{content-visibility:auto;contain-intrinsic-size:auto 1100px}.b-figure{background:radial-gradient(90% 70% at 20% 0,#3459d952,#0000 65%),radial-gradient(70% 60% at 100% 100%,#77aee224,#0000 70%),linear-gradient(#ffffff0f,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff1f}.b-share{width:44px;height:44px;color:var(--color-fg-muted);cursor:pointer;transition:color .2s var(--ease-apple), background-color .2s var(--ease-apple), transform .2s var(--ease-apple);background:#ffffff0f;border:0;border-radius:12px;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff1f}.b-share:active{transform:scale(.94)}.b-share[data-done]{color:var(--color-navy);background:var(--color-sun)}@media (hover:hover){.b-share:hover{color:#fff;background:#ffffff1f;transform:translateY(-1px)}}.b-steps__stage{z-index:5;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#0b1330d6;align-self:start;margin-inline:calc(-1*clamp(20px,4vw,40px));padding:12px clamp(20px,4vw,40px) 14px;position:sticky;top:72px;box-shadow:0 1px #ffffff14}.b-steps__frame{width:min(100%,38svh);margin-inline:auto}.b-steps__list{padding-top:28px}.b-steps__item{min-height:clamp(120px,22svh,200px)}@media (max-width:899px){.b-steps__item:last-child{min-height:0;padding-bottom:24px}}@media (min-width:900px){.b-steps__stage{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;grid-area:1/2;margin:0;padding:0;top:max(96px,50svh + min(620px,100svh - 220px)/-2 - 14px)}.b-steps__frame{width:min(100%,100svh - 220px)}.b-steps__list{grid-area:1/1;padding-top:4px}.b-steps__item{min-height:min(26svh,220px)}.b-steps__item:last-child{min-height:min(42svh,380px)}}.b-steps__item{position:relative}.b-steps__item:not(:last-child):before,.b-steps__item:not(:last-child):after{content:"";background:#ffffff24;width:1px;position:absolute;top:48px;bottom:-4px;left:19.5px}.b-steps__item:not(:last-child):after{background:linear-gradient(to bottom, var(--color-sun), #ffe14f8c);transform-origin:top;transition:transform .5s var(--ease-out-expo);transform:scaleY(0)}.b-steps__item[data-done]:after{transform:none}.b-step{width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:20px;padding:0;display:grid;position:relative}.b-step__no{width:40px;height:40px;color:var(--color-fg-subtle);background:var(--color-ink-900);transition:color .3s var(--ease-apple), background-color .3s var(--ease-apple), box-shadow .3s var(--ease-apple);border-radius:999px;place-items:center;font-size:14px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff29}.b-step__text{letter-spacing:-.015em;text-wrap:pretty;color:var(--color-fg-subtle);transition:color .3s var(--ease-apple);padding-top:6px;font-size:clamp(19px,1.8vw,24px);line-height:1.35}.b-step[aria-current] .b-step__no{color:var(--color-navy);background:var(--color-sun);box-shadow:0 0 0 6px #ffe14f24,0 0 28px #ffe14f59}.b-step[aria-current] .b-step__text{color:#fff}@media (hover:hover){.b-step:not([aria-current]):hover .b-step__text{color:var(--color-fg-muted)}}.b-pager{transition:box-shadow .3s var(--ease-apple), transform .3s var(--ease-apple)}.b-pager__arrow{transition:translate .2s var(--ease-apple);display:inline-flex}@media (hover:hover){.b-pager:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #ffffff29,0 24px 60px #03081e66}.b-pager[rel=next]:hover .b-pager__arrow{translate:4px}.b-pager[rel=prev]:hover .b-pager__arrow{translate:-4px}}.b-filter{z-index:20;position:sticky;top:80px}.b-filter__bar{scrollbar-width:none;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#131f42b8;border-radius:16px;gap:4px;width:max-content;max-width:100%;padding:5px;display:flex;position:relative;overflow-x:auto;box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 50px #03081e59}.b-filter__bar::-webkit-scrollbar{display:none}.b-filter__bar{--fade:80px;scroll-padding-inline:var(--fade)}.b-filter__bar[data-fade=end]{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(90deg, #000 calc(100% - var(--fade)), transparent)}.b-filter__bar[data-fade=start]{-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fade));mask-image:linear-gradient(90deg, transparent, #000 var(--fade))}.b-filter__bar[data-fade=both]{-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(100% - var(--fade)), transparent)}.b-filter__link{min-height:44px;color:var(--color-fg-muted);white-space:nowrap;transition:color .2s var(--ease-apple), background-color .2s var(--ease-apple);border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.b-filter__link span{color:var(--color-fg-subtle);font-size:12px;font-weight:400}.b-filter__link[aria-current=true]{color:var(--color-navy);background:var(--color-sun)}.b-filter__link[aria-current=true] span{color:#192853bf}@media (hover:hover){.b-filter__link:not([aria-current=true]):hover{color:#fff;background:#ffffff14}}@keyframes b-filter-in{0%{opacity:0;transform:translateY(24px)}}}::view-transition-old(work-list){animation:.18s var(--ease-apple) both b-filter-out}::view-transition-new(work-list){animation:.52s var(--ease-out-expo) 60ms both b-filter-in}::view-transition-group(work-list){animation-duration:.42s;animation-timing-function:var(--ease-out-expo)}@keyframes b-filter-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.b-steps__item:after,.b-step__no,.b-step__text,.b-pager,.b-pager__arrow,.b-share{transition:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}