/*!
 * reveal-on-scroll | MIT License
 * Animation names and values follow AOS by Michał Sajnóg (MIT): https://github.com/michalsnik/aos
 */
[data-ros]{--ros-opacity:1;--ros-transform:none;--ros-transform-end:none}[data-ros^=fade],[data-ros^=zoom]{--ros-opacity:0}[data-ros=fade-up]{--ros-transform:translate3d(0, 100px, 0)}[data-ros=fade-down]{--ros-transform:translate3d(0, -100px, 0)}[data-ros=fade-right]{--ros-transform:translate3d(-100px, 0, 0)}[data-ros=fade-left]{--ros-transform:translate3d(100px, 0, 0)}[data-ros=fade-up-right]{--ros-transform:translate3d(-100px, 100px, 0)}[data-ros=fade-up-left]{--ros-transform:translate3d(100px, 100px, 0)}[data-ros=fade-down-right]{--ros-transform:translate3d(-100px, -100px, 0)}[data-ros=fade-down-left]{--ros-transform:translate3d(100px, -100px, 0)}[data-ros=zoom-in]{--ros-transform:scale(.6)}[data-ros=zoom-in-up]{--ros-transform:translate3d(0, 100px, 0) scale(.6)}[data-ros=zoom-in-down]{--ros-transform:translate3d(0, -100px, 0) scale(.6)}[data-ros=zoom-in-right]{--ros-transform:translate3d(-100px, 0, 0) scale(.6)}[data-ros=zoom-in-left]{--ros-transform:translate3d(100px, 0, 0) scale(.6)}[data-ros=zoom-out]{--ros-transform:scale(1.2)}[data-ros=zoom-out-up]{--ros-transform:translate3d(0, 100px, 0) scale(1.2)}[data-ros=zoom-out-down]{--ros-transform:translate3d(0, -100px, 0) scale(1.2)}[data-ros=zoom-out-right]{--ros-transform:translate3d(-100px, 0, 0) scale(1.2)}[data-ros=zoom-out-left]{--ros-transform:translate3d(100px, 0, 0) scale(1.2)}[data-ros=slide-up]{--ros-transform:translate3d(0, 100%, 0)}[data-ros=slide-down]{--ros-transform:translate3d(0, -100%, 0)}[data-ros=slide-right]{--ros-transform:translate3d(-100%, 0, 0)}[data-ros=slide-left]{--ros-transform:translate3d(100%, 0, 0)}[data-ros=flip-left]{--ros-transform:perspective(2500px) rotateY(-100deg);--ros-transform-end:perspective(2500px) rotateY(0)}[data-ros=flip-right]{--ros-transform:perspective(2500px) rotateY(100deg);--ros-transform-end:perspective(2500px) rotateY(0)}[data-ros=flip-up]{--ros-transform:perspective(2500px) rotateX(-100deg);--ros-transform-end:perspective(2500px) rotateX(0)}[data-ros=flip-down]{--ros-transform:perspective(2500px) rotateX(100deg);--ros-transform-end:perspective(2500px) rotateX(0)}@media (prefers-reduced-motion:reduce){[data-ros][data-ros]{--ros-opacity:0;--ros-transform:none;--ros-transform-end:none}}[data-ros]{transition-duration:var(--ros-duration,.4s);transition-timing-function:var(--ros-easing,ease);transition-delay:0s}[data-ros].ros-animate{transition-delay:var(--ros-delay,0s)}@media (scripting:enabled){:is([data-ros^=fade],[data-ros^=zoom],[data-ros^=slide],[data-ros^=flip]){transition-property:opacity,transform,visibility}:is([data-ros^=fade],[data-ros^=zoom],[data-ros^=slide],[data-ros^=flip]):not(.ros-animate){opacity:var(--ros-opacity);transform:var(--ros-transform)}[data-ros^=flip].ros-animate{transform:var(--ros-transform-end)}:root[data-ros-ready] :is([data-ros^=fade],[data-ros^=zoom],[data-ros^=slide],[data-ros^=flip]):not(.ros-animate){pointer-events:none}:root:not([data-ros-ready]) :is([data-ros^=fade],[data-ros^=zoom],[data-ros^=slide],[data-ros^=flip]){animation:ros-failsafe 0s var(--ros-failsafe-delay,3s) forwards}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-ros^=slide]:not(.ros-animate){visibility:hidden}[data-ros^=flip]{backface-visibility:hidden}}@supports (animation-timeline:view()){@media (scripting:enabled) and (prefers-reduced-motion:no-preference){:root [data-ros][data-ros-scrub]{animation:linear both ros-scrub;animation-timeline:view();animation-range:var(--ros-scrub-range,entry 10% cover 45%);transition:none}}}@keyframes ros-failsafe{to{opacity:1;transform:var(--ros-transform-end);visibility:visible}}@keyframes ros-scrub{0%{opacity:var(--ros-opacity);transform:var(--ros-transform)}to{opacity:1;transform:var(--ros-transform-end);visibility:visible}}:root{--black:#000;--white:#fff;--sans:"Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--pad:clamp(1.25rem, 4vw, 3.5rem);--bar:2.6rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--white);color:var(--black)}body{font:400 1rem/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}::selection{background:var(--black);color:var(--white)}code{font-family:var(--mono);font-size:.9em}.bar,.index,footer .meta{font:500 .72rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.bar{z-index:10;height:var(--bar);padding:0 var(--pad);border-bottom:1px solid var(--black);background:var(--white);color:var(--black);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid;position:sticky;top:0}.log{white-space:pre;justify-self:end}.hero{min-height:calc(100svh - var(--bar));padding:var(--pad);grid-template-rows:1fr auto;gap:3rem;display:grid}.hero h1{letter-spacing:-.065em;align-self:end;margin:0;font-size:clamp(4.5rem,15.5vw,15rem);font-weight:700;line-height:.82}.hero h1 span{display:inline-block}.hero-foot{grid-template-columns:minmax(0,27rem) auto;justify-content:start;align-items:end;gap:2rem 3rem;display:grid}.hero-foot p{margin:0;font-size:1.05rem}.install{background:var(--black);color:var(--white);white-space:nowrap;padding:.9rem 1.1rem;font-size:.85rem}.install:before{content:"$ "}.block{gap:2.5rem var(--pad);padding:5rem var(--pad) 6.5rem;border-top:1px solid var(--black);grid-template-columns:minmax(17rem,1.15fr) 3fr;display:grid}.block-head{top:calc(var(--bar) + 2rem);align-self:start;position:sticky}.block h2{letter-spacing:-.055em;margin:1.1rem 0 1.25rem;font-size:clamp(2.75rem,5vw,4.75rem);font-weight:700;line-height:.9}.block-head p{max-width:21rem;margin:0 0 1.25rem}.attr{border:1px solid;padding:.35rem .55rem;font-size:.8rem;display:inline-block}.tiles{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1rem;display:grid}.slot{aspect-ratio:1;border:1px dashed;position:relative}.slot.clip{overflow:hidden}.tile{background:var(--black);color:var(--white);font:500 .72rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;justify-content:space-between;padding:.85rem;display:flex;position:absolute;inset:-1px}.tile strong{font:600 1.05rem/1.15 var(--sans);letter-spacing:-.01em;text-transform:none}.invert{background:var(--black);color:var(--white)}.invert .tile{background:var(--white);color:var(--black)}footer{padding:7rem var(--pad) 2rem;border-top:1px solid var(--white);background:var(--black);color:var(--white);gap:4rem;display:grid}footer .big{letter-spacing:-.055em;margin:0;font-size:clamp(2.75rem,9vw,8.5rem);font-weight:700;line-height:.88}footer .meta{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}@media (width<=760px){.bar{grid-template-columns:1fr auto}.bar :nth-child(2){display:none}.hero{min-height:auto;padding-top:22vh}.hero-foot{grid-template-columns:1fr;gap:1.5rem}.install{justify-self:start}.block{padding:4rem var(--pad) 5rem;grid-template-columns:1fr}.block-head{position:static}.tiles{grid-template-columns:repeat(2,1fr)}}
