@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:200;src:url(/fonts/outfit-200.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300;src:url(/fonts/outfit-300.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:300;src:url(/fonts/zen-kaku-gothic-new-300.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/zen-kaku-gothic-new-400.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/zen-kaku-gothic-new-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}:root{--ac: #7fc9be;--ac2: #a89ddc;color-scheme:dark;font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif;background:#0a0e13;color:#e9eeec;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0a0e13}body{margin:0;min-width:320px;overflow-x:hidden;background:#0a0e13;color:#e9eeec}::selection{background:#7fc9be40}a{color:#e9eeec;text-underline-offset:.35em;text-decoration-color:#9fb0b380;transition:color .3s,text-decoration-color .3s}a:hover,a:focus-visible{color:var(--ac);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--ac);outline-offset:5px}.shell{width:100%;max-width:1120px;margin-inline:auto;padding-inline:clamp(24px,6vw,64px)}.wave-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}@keyframes qy-sheen{to{background-position:100% 0}}@keyframes qy-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;z-index:1;min-height:max(280px,42svh);display:grid;align-items:center;padding:clamp(44px,7svh,72px) clamp(24px,6vw,64px) clamp(28px,4svh,40px)}.hero-content{position:relative;z-index:1}.wordmark{width:fit-content;margin:0 0 clamp(8px,1.5vw,14px) -.03em;font-family:Outfit,sans-serif;font-size:clamp(88px,14vw,176px);line-height:.95;font-weight:200;letter-spacing:-.075em;background:linear-gradient(105deg,#dde6e3 10%,var(--ac) 36%,#eef2f0 52%,var(--ac2) 70%,#dde6e3 90%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:qy-sheen 14s ease-in-out infinite alternate,qy-rise 1s .08s cubic-bezier(.2,.7,.2,1) backwards}.section-divider span{display:block;height:1px;background:linear-gradient(90deg,transparent,var(--ac) 30%,var(--ac2) 65%,transparent);opacity:.3}.journal{position:relative;z-index:1;padding:clamp(44px,6vw,64px) clamp(24px,6vw,64px) clamp(72px,9vw,104px);scroll-margin-top:20px}.timeline{--progress: 0%;position:relative}.journal-groups{display:grid;margin:0;padding:0}.timeline-base,.timeline-progress{position:absolute;top:8px;bottom:8px;left:13px;width:1px;background:#263239}.timeline-progress{bottom:auto;height:var(--progress);background:linear-gradient(180deg,var(--ac),var(--ac2));box-shadow:0 0 12px #7fc9be4d}.month-heading,.journal-entry{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:clamp(14px,2vw,24px)}.month-heading{padding-bottom:clamp(14px,1.5vw,18px)}.month-line{z-index:1;align-self:center;width:11px;height:1px;margin:0 auto;background:var(--ac);opacity:.7}.month-toggle{display:flex;align-items:baseline;gap:14px;margin:0;padding:0;border:0;background:none;color:var(--ac);font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.6;letter-spacing:.12em;text-align:left;cursor:pointer}.month-count,.month-mark{color:#718589}.month-count{letter-spacing:.04em}.journal-entry{position:relative;padding-bottom:clamp(24px,2.8vw,32px)}.timeline-dot{z-index:1;width:7px;height:7px;margin:7px auto 0;border:1px solid #526368;border-radius:50%;background:#0a0e13;transition:border-color .5s,background-color .5s,box-shadow .5s}.journal-entry.is-seen .timeline-dot{border-color:var(--ac);background:var(--ac);box-shadow:0 0 0 4px #7fc9be1a}.journal-entry article{max-width:42em}.journal-date{margin:0;color:var(--ac);font-family:IBM Plex Mono,monospace;font-size:11.5px;line-height:1.6;letter-spacing:.06em}.journal-entry h3{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;margin:0;font-weight:500;font-size:clamp(16px,1.7vw,19px);line-height:1.5;letter-spacing:-.01em;text-wrap:balance}.journal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.journal-tags span{padding:2px 9px;border:1px solid #2b3940;border-radius:999px;color:#93a7aa;font-family:IBM Plex Mono,monospace;font-size:10.5px;line-height:1.6;letter-spacing:.04em;white-space:nowrap}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.journal-entry:not(.is-seen) article{opacity:.3;transform:translateY(14px)}.journal-entry article{transition:opacity .7s ease,transform .7s ease}}.site-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:26px clamp(24px,6vw,64px) 40px;border-top:1px solid #212c33;color:#829699;font-family:IBM Plex Mono,monospace;font-size:11.5px;letter-spacing:.04em}.site-footer p{margin:0}.site-footer a{color:#829699;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:var(--ac)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.wordmark{background-position:45% 0}}
