@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/instrument-sans-regular.ttf)format("truetype")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/instrument-sans-semibold.ttf)format("truetype")}:root{--modal-open-dur:.25s;--modal-close-dur:.15s;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#101110;--surface:#1c1e1b;--ink:#efeee8;--muted:#a3a69f;--line:#30332f;--accent:#dce7ba;--danger:#f2a39a;background:var(--canvas);color:var(--ink);scrollbar-color:#545850 var(--canvas);scrollbar-width:thin;scrollbar-gutter:stable;font-family:Instrument Sans,sans-serif}*,:before,:after{box-sizing:border-box}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.16s}body{margin:0}button,input,select,textarea{font:inherit;accent-color:var(--accent);border-radius:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:var(--canvas);background:var(--accent)}.t-modal{transform-origin:50%;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease), opacity var(--modal-open-dur) var(--modal-ease);will-change:transform, opacity}.t-modal.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease), opacity var(--modal-close-dur) var(--modal-ease)}.modal-motion:not(.t-modal){opacity:0;transition:opacity var(--modal-open-dur) var(--modal-ease)}.modal-motion.is-open:not(.t-modal){opacity:1}.modal-motion.is-closing:not(.t-modal){opacity:0;pointer-events:none;transition-duration:var(--modal-close-dur)}.modal-motion::backdrop{transition:opacity var(--modal-close-dur) var(--modal-ease)}.modal-motion.is-closing::backdrop{opacity:0}@starting-style{.modal-motion.is-open::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){.t-modal{transition:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}body{padding:0 clamp(16px,3vw,48px)}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:108px;display:flex}.page-brand{letter-spacing:-.04em;font-size:32px;font-weight:600}.back-link{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:inline-flex}.back-link svg{width:18px;height:18px}.back-link:hover,.social-link:hover{color:var(--accent)}.page-content{grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:clamp(24px,5vw,96px);padding-block:clamp(40px,7vw,112px);display:grid}h1{letter-spacing:-.035em;margin:0;font-size:clamp(36px,5vw,72px);font-weight:400;line-height:1.1}.content,.changelog-content{max-width:70ch;font-size:16px;line-height:1.75}.content p{color:var(--muted);margin:0 0 24px}.social-links{flex-wrap:wrap;gap:12px 24px;margin-top:40px;display:flex}.social-link{border-bottom:1px solid var(--line);align-items:center;min-height:44px;font-size:13px;display:inline-flex}.changelog-content h1{display:none}.changelog-content h2{border-top:1px solid var(--line);margin:32px 0 16px;padding-top:32px;font-size:20px;font-weight:600}.changelog-content h2:first-of-type{border:0;margin-top:0;padding-top:0}.changelog-content ul{color:var(--muted);margin:0;padding-left:20px}.changelog-content li{margin-bottom:8px;padding-left:4px}.photo-page{padding-block:32px 64px}.photo-page figure{margin:0}.photo-page img{object-fit:contain;background:var(--surface);width:100%;height:auto;max-height:75svh;display:block}.photo-page figcaption{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:24px;display:flex}.photo-page h1{font-size:clamp(24px,4vw,40px)}.photo-page p{color:var(--muted);max-width:70ch;line-height:1.6}@media (width<=700px){.page-header{min-height:88px}.page-content{grid-template-columns:1fr;gap:32px}}
