@font-face{font-family:Satoshi;src:url(/assets/fonts/Satoshi-Variable.woff2) format("woff2");font-style:normal;font-weight:300 900;font-display:swap}.project-header a.project-brand,.icon-crawl-header a.project-brand{display:inline-flex;width:fit-content;align-items:center;justify-self:start;color:var(--project-brand-color, inherit);line-height:1;transition:opacity .16s ease}.project-header a.project-brand:hover,.project-header a.project-brand:focus-visible,.icon-crawl-header a.project-brand:hover,.icon-crawl-header a.project-brand:focus-visible{color:var(--project-brand-color, inherit);opacity:.8}.project-brand:focus-visible{outline:1px solid currentColor;outline-offset:.3rem}.project-brand-logo{display:block;height:clamp(1.5rem,2.2vw,2rem);aspect-ratio:122.88 / 128;flex:none;background:currentColor;-webkit-mask:url(/assets/keizie-logo.svg) center / contain no-repeat;mask:url(/assets/keizie-logo.svg) center / contain no-repeat}@media(prefers-reduced-motion:reduce){.project-header a.project-brand,.icon-crawl-header a.project-brand{transition:none}}@media(forced-colors:active){.project-brand-logo{background:LinkText;forced-color-adjust:none}}:root{color:#f5f3ef;background:#0d0e10;font-family:Satoshi,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#0d0e10}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#191919;background:#a76dff}.icon-crawl-header{position:fixed;top:clamp(1.25rem,3.2vw,3rem);right:clamp(1.25rem,3.2vw,4rem);left:clamp(1.25rem,3.2vw,4rem);z-index:20;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;font-size:clamp(.9rem,1.25vw,1.25rem);font-weight:600;letter-spacing:.02em}.icon-crawl-header a:last-child{justify-self:end}.icon-crawl-header a{transition:color .16s ease}.icon-crawl-header a:hover,.icon-crawl-header a:focus-visible{color:#a76dff}.icon-crawl-header a:focus-visible,.icon-crawl-overview:focus-visible,.icon-crawl-viewport:focus-visible{outline:1px solid currentColor;outline-offset:.28rem}.icon-crawl-shell,.icon-crawl-viewport{position:fixed;inset:0}.icon-crawl-shell{isolation:isolate}.icon-crawl-overview{--overview-top: calc(clamp(1.25rem, 3.2vw, 3rem) + 3.25rem) ;position:absolute;top:var(--overview-top);left:clamp(1.25rem,3.2vw,4rem);z-index:5;width:clamp(13rem,25vw,24rem);max-height:calc(62svh - var(--overview-top) - 1rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(245 243 239 / 25%) transparent;text-align:left}.icon-crawl-overview h1{margin:0;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:600;letter-spacing:-.015em;line-height:1.2;overflow-wrap:anywhere}.icon-crawl-overview-intro,.icon-crawl-overview-body{margin:.6rem 0 0;font-size:clamp(.75rem,.9vw,.875rem);line-height:1.5;overflow-wrap:anywhere}.icon-crawl-overview-body{color:#f5f3efb8}.icon-crawl-overview-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .75rem;margin:.85rem 0 0}.icon-crawl-overview-facts>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .35rem}.icon-crawl-overview-facts dt{margin:0;font-size:.625rem;font-weight:400;color:#f5f3efa6}.icon-crawl-overview-facts dd{margin:0;font-size:.6875rem;font-weight:600;overflow-wrap:anywhere}.icon-crawl-overview-styles{display:flex;flex-wrap:wrap;align-items:baseline;margin:.6rem 0 0;font-size:.6875rem;line-height:1.5;color:#f5f3ef;overflow-wrap:anywhere}.icon-crawl-overview-styles-label{flex-basis:100%;margin-bottom:.1rem;color:#f5f3efa6;font-size:.625rem;font-weight:400}.icon-crawl-overview-style{margin:0;padding:0;border:0;color:inherit;font:inherit;font-weight:600;cursor:pointer;background:transparent;transition:color .16s ease}.icon-crawl-overview-style:hover,.icon-crawl-overview-style:focus-visible,.icon-crawl-overview-style[aria-pressed=true]{color:#a76dff}.icon-crawl-overview-style:focus-visible{outline:1px solid currentColor;outline-offset:.15rem}.icon-crawl-overview-style-separator{display:inline-block;width:1px;height:.7em;margin-inline:.38em;background:currentColor;opacity:.42}.icon-crawl-overview>:first-child{margin-top:0}.icon-crawl-viewport{z-index:1;overflow:hidden;perspective:clamp(360px,48vw,880px);perspective-origin:50% 18%;touch-action:pan-y}.icon-crawl-plane{--icon-crawl-scale: .7;position:absolute;top:66%;left:50%;width:min(72rem,78vw);transform:translate(-50%) rotateX(58deg) scale(var(--icon-crawl-scale));transform-origin:50% 0;transform-style:preserve-3d}.icon-crawl-track{will-change:transform}.icon-crawl-intro{display:grid;min-height:clamp(10rem,18vw,18rem);padding-inline:clamp(1rem,5vw,5rem);place-items:center;text-align:center}.icon-crawl-intro p{max-width:42rem;margin:0;font-size:clamp(1.2rem,2.5vw,2.6rem);font-weight:600;letter-spacing:-.025em;line-height:1.18}.icon-crawl-section-label{margin:0 0 .7rem;font-size:clamp(.55rem,.72vw,.72rem);font-weight:600;letter-spacing:.13em;text-transform:uppercase;opacity:.48}.icon-crawl-anatomy{display:grid;grid-template-columns:minmax(12rem,.85fr) minmax(14rem,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:clamp(28rem,46vw,40rem);padding:clamp(3rem,7vw,7rem)}.icon-crawl-anatomy-grid{display:grid;width:100%;max-width:22rem;aspect-ratio:1;place-items:center}.icon-crawl-anatomy-grid svg{display:block;width:100%;fill:none}.icon-crawl-guide{fill:none;stroke:#f5f3ef6b;stroke-width:.05}.icon-crawl-guide-background{fill:#0d0e10;stroke:none}.icon-crawl-checker{fill:url(#icon-anatomy-checker);stroke:none}#icon-anatomy-checker path{fill:none;stroke:#f5f3ef2e;stroke-width:.035}.icon-crawl-anatomy-tag{fill:none;stroke:#a76dff;stroke-width:1.5}.icon-crawl-anatomy-copy h2,.icon-crawl-comparison h2{margin:0;font-size:clamp(1.7rem,3.7vw,4.2rem);font-weight:700;letter-spacing:-.045em;line-height:.98}.icon-crawl-anatomy-copy>p:not(.icon-crawl-section-label){max-width:32rem;margin:1.2rem 0 0;font-size:clamp(.88rem,1.2vw,1.2rem);line-height:1.45;opacity:.62}.icon-crawl-anatomy-copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:clamp(1.5rem,3vw,3rem) 0 0;background:#f5f3ef2e}.icon-crawl-anatomy-copy dl div{padding:.9rem;background:#0d0e10}.icon-crawl-anatomy-copy dt{margin-bottom:.25rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;opacity:.45}.icon-crawl-anatomy-copy dd{margin:0;font-size:clamp(.9rem,1.1vw,1.1rem);font-weight:600}.icon-crawl-comparison{display:grid;min-height:clamp(22rem,36vw,32rem);padding:clamp(3rem,7vw,7rem);place-items:center;align-content:center;text-align:center}.icon-crawl-comparison h2{max-width:44rem}.icon-crawl-comparison-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;margin-top:clamp(2rem,5vw,5rem)}.icon-crawl-comparison-row button{display:grid;gap:.8rem;width:100%;min-block-size:clamp(5.4rem,11vw,8.5rem);justify-items:center;align-content:center;padding:clamp(.45rem,1.25vw,1rem) clamp(.2rem,.8vw,.75rem);border:0;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer;background:transparent}.icon-crawl-comparison-row button *{cursor:pointer}.icon-crawl-comparison-row svg{width:min(5rem,70%);pointer-events:none;color:#f5f3ef;fill:none;stroke:none;transition:color .18s ease,transform .24s ease}.icon-crawl-comparison-row button:hover svg,.icon-crawl-comparison-row button:focus-visible svg,.icon-crawl-comparison-row button[aria-pressed=true] svg{color:#a76dff;transform:translateY(-.2rem)}.icon-crawl-comparison-row button:focus-visible{outline:1px solid #a76dff;outline-offset:.18rem}.icon-crawl-comparison-row span{pointer-events:none;font-size:clamp(.5rem,.68vw,.68rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.5;transition:opacity .18s ease}.icon-crawl-comparison-row button:hover span,.icon-crawl-comparison-row button:focus-visible span,.icon-crawl-comparison-row button[aria-pressed=true] span{opacity:1}.icon-crawl-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(1.2rem,2.35vw,2.8rem)}.icon-crawl-item{display:grid;aspect-ratio:1;place-items:center;color:#f5f3ef}.icon-crawl-item[hidden]{display:none}.icon-crawl-item:nth-child(11n+3),.icon-crawl-item:nth-child(17n+8){color:#a76dff}.icon-crawl-item svg{display:block;width:57%;overflow:visible;fill:none;stroke:none}.icon-crawl-end{display:grid;justify-items:center;gap:1rem;padding-block:clamp(7rem,14vw,14rem) 20rem;text-align:center}.icon-crawl-end strong{font-size:clamp(2.8rem,7vw,7rem);font-weight:700;letter-spacing:-.06em;line-height:.85}.icon-crawl-end span{font-size:clamp(.62rem,.9vw,.9rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.5}.icon-crawl-instruction{position:fixed;right:clamp(1.25rem,3.2vw,4rem);bottom:clamp(1.25rem,3.2vw,3rem);left:clamp(1.25rem,3.2vw,4rem);z-index:10;display:flex;align-items:center;justify-content:space-between;font-size:clamp(.56rem,.72vw,.72rem);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.icon-crawl-instruction span:first-child{opacity:.5}.icon-crawl-instruction button{padding:0;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;pointer-events:auto;cursor:pointer;background:transparent;transition:color .16s ease}.icon-crawl-instruction button:hover,.icon-crawl-instruction button:focus-visible,.icon-crawl-instruction button[aria-pressed=true]{color:#a76dff}.icon-crawl-instruction button:focus-visible{outline:1px solid currentColor;outline-offset:.3rem}.icon-crawl-progress{position:fixed;right:0;bottom:0;left:0;z-index:12;height:2px;background:#f5f3ef29}.icon-crawl-progress span{display:block;width:0;height:100%;background:#a76dff}.noise-overlay{position:fixed;z-index:30;inset:0;pointer-events:none;background:url(/assets/noise.gif) repeat;mix-blend-mode:overlay;opacity:.1}@media(max-width:700px){.icon-crawl-overview{width:min(22rem,calc(100% - (2*clamp(1.25rem,3.2vw,4rem))))}.icon-crawl-plane{top:62%;width:84vw;transform:translate(-50%) rotateX(55deg) scale(var(--icon-crawl-scale))}.icon-crawl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,5vw,1.75rem)}.icon-crawl-anatomy{grid-template-columns:1fr;gap:2.5rem;min-height:42rem;padding-inline:1rem;text-align:center}.icon-crawl-anatomy-grid{width:min(16rem,82%);margin-inline:auto}.icon-crawl-anatomy-copy>p:not(.icon-crawl-section-label){margin-inline:auto}.icon-crawl-comparison{min-height:29rem;padding-inline:0}.icon-crawl-comparison-row span{letter-spacing:.03em}.icon-crawl-end{padding-bottom:10rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}