:root{--motion-settle:cubic-bezier(.16, 1, .3, 1);--motion-leave:cubic-bezier(.55, 0, .75, .2);--motion-scroll:cubic-bezier(.3, .7, .3, 1)}.brand-lockup{width:fit-content;max-width:100%;line-height:0;display:block;position:relative}.brand-lockup>img{max-width:100%;display:block}.brand-mark{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.brand-bar-draw,.brand-bar-body{transform-box:fill-box;transform-origin:0}.master-lockup .brand-lockup{width:100%}@media (prefers-reduced-motion:no-preference){.brand-bar-body,.brand-bar-end{transition:transform .8s var(--motion-settle) calc(var(--bar) * 55ms)}.brand-bar-body{transform:scaleX(calc((var(--length) + var(--reach,0)) / var(--length)))}.brand-bar-end{transform:translateX(calc(var(--reach,0) * 1px))}a:is(:hover,:focus-visible) .brand-bar{--reach:9}a:is(:hover,:focus-visible) .brand-bar[data-accent]{--reach:28}[data-motion=cta]:after{content:"";background:var(--brand-rule);transform-origin:0;height:3px;transition:transform .9s var(--motion-settle);position:absolute;inset:auto 0 -.12em;transform:scaleX(0)}[data-motion=cta]:is(:hover,:focus-visible):after{transform:scaleX(1)}@view-transition{navigation:auto}}::view-transition-group(*){animation-duration:.56s;animation-timing-function:var(--motion-settle)}::view-transition-old(root){animation:.2s var(--motion-leave) both motion-page-leave}::view-transition-old(*):only-child{animation:.2s var(--motion-leave) both motion-page-leave}::view-transition-new(root){animation:.56s var(--motion-settle) 60ms both motion-page-arrive}::view-transition-new(*):only-child{animation:.56s var(--motion-settle) 60ms both motion-page-arrive}@keyframes motion-page-leave{to{opacity:0}}@keyframes motion-page-arrive{0%{opacity:0;transform:translateY(14px)}}.reading-rule{display:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()) and (animation-range:0% 100%){.reading-rule{--rule:var(--brand-rule);z-index:30;background:var(--rule);pointer-events:none;height:2px;animation:linear both motion-rule-read,linear both motion-rule-show;animation-timeline:scroll(root),scroll(root);animation-range:0% 100%,0 220px;display:block;position:fixed;inset:0 0 auto}.reading-rule[data-divider=babel]{--rule:linear-gradient(var(--babel), var(--babel))}.reading-rule[data-divider=code]{--rule:linear-gradient(var(--code), var(--code))}.reading-rule[data-divider=media]{--rule:linear-gradient(var(--media), var(--media))}.reading-rule[data-divider=ai]{--rule:linear-gradient(var(--ai), var(--ai))}}@media (min-width:65.6875rem){@supports (animation-timeline:scroll()) and (animation-range:0% 100%){[data-motion=depth]{animation:linear both motion-depth;animation-timeline:scroll(root);animation-range:0 100vh}[data-motion=lift]{animation:linear both motion-lift;animation-timeline:scroll(root);animation-range:0 85vh}}}@media (min-width:75.0625rem){@supports (animation-timeline:scroll()) and (animation-range:0% 100%){[data-motion=depth-wide]{animation:linear both motion-depth;animation-timeline:scroll(root);animation-range:0 100vh}[data-motion=lift-wide]{animation:linear both motion-lift;animation-timeline:scroll(root);animation-range:0 85vh}}}@supports (animation-timeline:view()) and (animation-range:entry){[data-motion=row]{view-timeline:--motion-row block}[data-motion=row] .brand-bar-draw,[data-motion=row] .brand-bar-draw-end{animation:motion-bar-draw var(--motion-scroll) both;animation-timeline:--motion-row;animation-range:entry 12% entry 62%}[data-motion=row] .brand-bar-draw-end{animation-name:motion-bar-draw-end}[data-motion=row] .brand-bar:nth-child(2) :is(.brand-bar-draw,.brand-bar-draw-end){animation-range:entry 21% entry 71%}[data-motion=row] .brand-bar:nth-child(3) :is(.brand-bar-draw,.brand-bar-draw-end){animation-range:entry 30% entry 80%}[data-motion=row] .brand-bar:nth-child(4) :is(.brand-bar-draw,.brand-bar-draw-end){animation-range:entry 39% entry 89%}main h2,[data-reveal]{animation:motion-reveal var(--motion-scroll) both;animation-timeline:view();animation-range:entry entry 70%}[data-reveal="1"]{animation-range:entry 12% entry 82%}[data-reveal="2"]{animation-range:entry 24% entry 94%}[data-motion=row] [data-motion=accent]:before{animation:motion-accent var(--motion-scroll) both;transform-origin:0;animation-timeline:--motion-row;animation-range:entry entry 55%}}}@keyframes motion-rule-read{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes motion-rule-show{0%{opacity:0}}@keyframes motion-depth{to{transform:translateY(9vh)scale(1.035)}}@keyframes motion-lift{to{opacity:.4;transform:translateY(-5vh)}}@keyframes motion-bar-draw{0%{transform:scaleX(0)}}@keyframes motion-bar-draw-end{0%{transform:translateX(calc(var(--length) * -1px))}}@keyframes motion-reveal{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes motion-accent{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}