@font-face{font-family:Gidole;src:url(/_astro/Gidole-Regular.ChT-K4Ks.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{background:#000;color:#ddd;font:16px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}body{margin:0;animation:intro linear both;animation-timeline:scroll(root block);animation-range:0 72svh}@property --rotX{syntax: "<angle>"; inherits: true; initial-value: 90deg;}@property --rotY{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --rotZ{syntax: "<angle>"; inherits: true; initial-value: 90deg;}@property --p{syntax: "<number>"; inherits: true; initial-value: 1;}@property --dist{syntax: "<length>"; inherits: true; initial-value: 40px;}@property --panX{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --panY{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --fov{syntax: "<length>"; inherits: true; initial-value: 900px;}@property --camera-top{syntax: "<length-percentage>"; inherits: true; initial-value: 10svh;}@property --bend{syntax: "<number>"; inherits: true; initial-value: 0;}:root{--k: 4;--ik: calc(1 / var(--k));--edge: 1.4;--hero-camera-top: 50svh}@media(min-aspect-ratio:3 / 2){:root{--hero-camera-top: 30svh}}@keyframes intro{0%{--camera-top: var(--hero-camera-top);--rotX: 40deg;--rotY: 0deg;--rotZ: 90deg;--p: 0;--dist: 20px;--panX: 0px;--panY: -120px;--fov: 1500px;--bend: 1}to{--camera-top: 10svh;--rotX: 90deg;--rotY: 0deg;--rotZ: 90deg;--p: 1;--dist: 30px;--panX: 0px;--panY: -36px;--fov: 900px;--bend: 0}}#wordmark{position:absolute;left:0;top:0;white-space:nowrap;color:#fff;font-family:Gidole,sans-serif;font-weight:400;font-size:135px;letter-spacing:.5em;transform-origin:0 0;backface-visibility:hidden;will-change:transform;transform:translate3d(calc(880px * (1 - var(--p))),0,calc(-120px - 180px * var(--p))) rotate(-90deg) rotateX(calc(-90deg * var(--p))) scale(calc(1.9 - .9 * var(--p))) translate(-50%,-50%)}#wordmark>span{display:block;transform:translateZ(1px);backface-visibility:hidden}.wordmark-links{position:absolute;top:calc(60% + 40% * var(--p));left:50%;margin:calc(.1em + .15em * var(--p)) 0 0;padding:0;list-style:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;letter-spacing:.08em;transform:translateZ(1px);transform-style:flat;backface-visibility:hidden}.wordmark-links li{--stack-y: 0em;--row-x: 0em;position:absolute;left:0;top:0;transform:translate3d(calc(-50% + var(--row-x) * var(--p)),calc(var(--stack-y) * (1 - var(--p))),1px) scale(calc(.92 + .08 * var(--p)));backface-visibility:hidden}.wordmark-links li:nth-child(1){--row-x: -10em}.wordmark-links li:nth-child(2){--stack-y: 1em;--row-x: -3.333em}.wordmark-links li:nth-child(3){--stack-y: 2em;--row-x: 3.333em}.wordmark-links li:nth-child(4){--stack-y: 3em;--row-x: 10em}.wordmark-links a{color:#aaa;text-decoration:none;backface-visibility:hidden}.wordmark-links a:hover,.wordmark-links a:focus-visible{color:#fff;text-decoration:underline}#camera{position:fixed;left:50%;top:var(--camera-top);z-index:3;--fit-hero: clamp(.3, min(tan(atan2(100vw, 910px)), tan(atan2(100svh, 390px))), 1.5);--fit-dock: min(.6, tan(atan2(100vw, 829px)));transform-style:preserve-3d;will-change:transform,top;transform:perspective(var(--fov)) translate(var(--panX),var(--panY)) translateZ(var(--dist)) scale(calc(var(--fit-hero) * (1 - var(--p)) + var(--fit-dock) * var(--p))) rotateX(var(--rotX)) rotateY(var(--rotY)) rotate(var(--rotZ)) scale3d(var(--ik),var(--ik),var(--ik))}#header-backdrop{position:fixed;z-index:2;top:0;left:0;width:100%;height:22svh;pointer-events:none;background:linear-gradient(to bottom,#000 0,#000 16svh,transparent 22svh)}.tent-position{--arc-radius: 1750px;--row-x: -12.74px;--z: -47px;position:absolute;transform-style:preserve-3d;transform:translate3d(calc(var(--row-x) * (1 - var(--bend)) + (var(--arc-radius) - var(--arc-radius) * cos(var(--angle))) * var(--bend)),calc(var(--row-y) * (1 - var(--bend)) - var(--arc-radius) * sin(var(--angle)) * var(--bend)),var(--z)) rotate(calc(var(--angle) * var(--bend)))}.hero-only .face,.hero-only .cap polygon{animation:hero-only-color linear both;animation-timeline:scroll(root block);animation-range:0 72svh}@keyframes hero-only-color{60%{background-color:#000;fill:#000}to{background-color:#000;fill:#000}}.tent-position--center{--row-x: 0px;--z: -45px}.tent{position:absolute;transform-style:preserve-3d}.face{position:absolute;left:0;top:0;transform-origin:0 0 0;background:#fff;border:calc(var(--edge) * 1px * var(--k)) solid #000}.face--foot{background:#000}.caps{position:absolute;left:0;top:0;transform-origin:0 0 0;transform-style:preserve-3d}.cap{position:absolute;left:0;top:0;transform-origin:0 0 0}.cap svg{display:block;width:100%;height:100%;overflow:visible}.cap polygon{fill:#fff;stroke:#000;stroke-width:calc(var(--edge) * var(--k));stroke-linejoin:miter}#content{position:relative;z-index:1;max-width:70ch;margin:0 auto;padding:100svh 28px 40svh}#content h1{font-size:clamp(2rem,6vw,3.5rem);letter-spacing:.04em;margin:0 0 .6em;color:#fff}#content code{color:#6cf}#content a{color:#aaa;text-decoration:none}#content a:hover,#content a:focus-visible{color:#fff;text-decoration:underline}#content .lede{color:#aaa;font-size:1.05em}#content p{margin:0 0 1.6em;animation:reveal linear both;animation-timeline:view();animation-range:entry 8% cover 32%}#site-footer{position:relative;z-index:1;max-width:70ch;margin:0 auto;padding:0 28px 3rem}#site-footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}#site-footer a{color:#aaa;text-decoration:none}#site-footer a:hover,#site-footer a:focus-visible{color:#fff;text-decoration:underline}@keyframes reveal{0%{opacity:0;transform:translateY(40px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@supports not (animation-timeline: scroll()){#content p{animation:none}}