@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-ext-wght-normal.DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-wght-normal.Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page:#0d0d0d;--ink:#e6e6e6;--muted:#767676;--rule:#232323;--ease:cubic-bezier(.22, .8, .24, 1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.62}a{color:inherit}a:focus-visible{outline:1px solid var(--ink);outline-offset:3px;border-radius:2px}.hero{background:linear-gradient(#41485a, #63686f 45%, #8d7264 70%, #1e2328 90%, var(--page));height:100svh;min-height:32rem;font-family:Outfit Variable,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.dusk{opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.dusk.ready{opacity:1}.hero-text{z-index:1;text-align:center;padding:0 1.5rem;position:absolute;top:40%;left:0;right:0;transform:translateY(-50%)}.hero h1{letter-spacing:-.02em;color:#ffffffeb;margin:0 auto;font-size:clamp(2.2rem,4.6vw,4rem);font-weight:300;line-height:1.18}.hero h1 span{display:block}.hero-sub{color:#ffffffad;margin:1.25rem 0 0;font-size:1rem;font-weight:300}.hero-sub a{color:#ffffffd9;text-underline-offset:.2em;text-decoration:underline #ffffff4d}.hero-sub a:hover{color:#fff;text-decoration-color:#ffffffb3}.hero h1 span,.hero-sub{animation:rise 1.1s var(--ease) both}.hero h1 span+span{animation-delay:.12s}.hero-sub{animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(.4em)}}.cue{z-index:1;color:#ffffffb8;letter-spacing:.01em;animation:rise 1.1s var(--ease) .9s both;transition:color .3s var(--ease);flex-direction:column;align-items:center;gap:.9rem;font-size:.875rem;font-weight:300;text-decoration:none;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cue:hover{color:#fff}.cue-line{background:linear-gradient(#ffffff59,#0000);width:1px;height:4rem;position:relative;overflow:hidden}.cue-line:after{content:"";width:1px;height:1.5rem;animation:drip 2.6s var(--ease) infinite;background:linear-gradient(#0000,#fff,#0000);position:absolute;left:0}@keyframes drip{0%{top:-1.5rem}to{top:4rem}}.hero-text{opacity:calc(1 - var(--away,0));transform:translateY(calc(-50% - var(--away,0) * 4rem))}main{max-width:33rem;margin:0 auto;padding:5rem 1.5rem 4rem}h2{margin:0 0 .9rem;font-size:1rem;font-weight:500}.writing{scroll-margin-top:5rem}.about{margin-top:4.5rem}.js .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(1rem)}.js .reveal.in{opacity:1;transform:none}.writing ul{margin:0;padding:0;list-style:none}.writing ul+ul{border-top:1px solid var(--rule);margin-top:.9rem;padding-top:.9rem}.writing li{margin:0 0 .35rem}.writing li a{text-underline-offset:.18em;text-decoration:underline #0000;transition:text-decoration-color .15s}.writing li a:hover{text-decoration-color:var(--ink)}.writing time{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:.4em;font-size:.875rem}.about p{margin:0 0 1.15rem}.about a{text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--ink) 28%, transparent);text-underline-offset:.18em;transition:text-decoration-color .15s}.about a:hover{text-decoration-color:var(--ink)}footer{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;margin-top:4rem;font-size:.875rem;display:flex}footer a{text-decoration:none;transition:color .15s}footer a:hover{color:var(--ink)}@media (width<=52rem){.hero-text{top:34%}}@media (width<=480px){main{padding:3.5rem 1.25rem 3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}html{scroll-behavior:auto}}