@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root,:root[data-theme=light]{--bg:#fafaf7;--bg-2:#f3f3ee;--surface:#fff;--surface-2:#f7f7f2;--line:#e6e4dc;--line-2:#d4d2c8;--ink:#15140f;--ink-2:#525049;--ink-3:#8a877c;--accent:#ff5e3a;--accent-ink:#fff;--selection-bg:#15140f;--selection-fg:#ffe25a;--grid-line:#0000000d;--noise-blend:multiply;--noise-opacity:.03;--shadow-soft:0 1px 3px #0000000a;--shadow-pop:0 8px 32px #00000014}:root[data-theme=dark]{--bg:#0a0a0a;--bg-2:#111;--surface:#161616;--surface-2:#1d1d1d;--line:#262626;--line-2:#333;--ink:#f5f5f0;--ink-2:#b8b8b0;--ink-3:#6b6b66;--accent:#d4ff4f;--accent-ink:#0a0a0a;--selection-bg:#d4ff4f;--selection-fg:#0a0a0a;--grid-line:#ffffff0d;--noise-blend:overlay;--noise-opacity:.06;--shadow-soft:0 1px 3px #0006;--shadow-pop:0 12px 40px #00000080}:root[data-theme=paper]{--bg:#f5f1e8;--bg-2:#ede8d9;--surface:#fbf7ee;--surface-2:#f0ebdb;--line:#d9d1bc;--line-2:#c4baa0;--ink:#2a2418;--ink-2:#5a513e;--ink-3:#8a7e63;--accent:#b94a1f;--accent-ink:#fbf7ee;--selection-bg:#2a2418;--selection-fg:#f7d977;--grid-line:#3c321e0f;--noise-blend:multiply;--noise-opacity:.06;--shadow-soft:0 1px 3px #3c321e0f;--shadow-pop:0 8px 32px #3c321e1f}:root[data-theme=ocean]{--bg:#0c1a26;--bg-2:#0f2030;--surface:#142838;--surface-2:#1a3245;--line:#1f3d54;--line-2:#2c5474;--ink:#e8f2fa;--ink-2:#9ab5c8;--ink-3:#5a7a90;--accent:#5ee0c5;--accent-ink:#0c1a26;--selection-bg:#5ee0c5;--selection-fg:#0c1a26;--grid-line:#5ee0c50f;--noise-blend:overlay;--noise-opacity:.05;--shadow-soft:0 1px 3px #0000004d;--shadow-pop:0 12px 40px #0006}:root{--serif:"Fraunces","Times New Roman",serif;--mono:"JetBrains Mono",ui-monospace,monospace;--nav-h:64px;--pad-x:clamp(16px,4vw,40px);--max-w:1320px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55;transition:background-color .3s,color .3s;overflow-x:hidden}::selection{background:var(--selection-bg);color:var(--selection-fg)}a{color:inherit;text-decoration:none}ul{list-style:none}em{color:var(--accent);font-style:italic}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.skip-link{background:var(--accent);color:var(--accent-ink);z-index:1000;padding:8px 14px;position:absolute;left:-9999px}.skip-link:focus{top:16px;left:16px}.grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-line)1px,transparent 1px),linear-gradient(90deg,var(--grid-line)1px,transparent 1px);background-size:80px 80px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at top,#000 0%,#0000 70%);mask-image:radial-gradient(at top,#000 0%,#0000 70%)}.noise{z-index:0;pointer-events:none;opacity:var(--noise-opacity);mix-blend-mode:var(--noise-blend);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/></svg>");position:fixed;inset:0}main,.footer{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.nav{z-index:100;background:color-mix(in srgb,var(--bg)80%,transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{max-width:var(--max-w);padding:0 var(--pad-x);height:var(--nav-h);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{font-family:var(--serif);letter-spacing:-.02em;flex-shrink:0;align-items:baseline;gap:5px;font-size:20px;font-weight:800;line-height:1;display:flex}.logo-mark{color:var(--accent);font-size:.85em}.logo-dot{color:var(--accent)}.nav-links{display:none}.nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.theme-wrap{position:relative}.theme-btn{border:1px solid var(--line);height:36px;font-size:12px;font-family:var(--mono);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;align-items:center;gap:6px;padding:0 12px;transition:border-color .2s;display:flex}.theme-btn:hover{border-color:var(--accent)}.theme-name{font-weight:500}.chev{opacity:.5;font-size:9px}.theme-backdrop{z-index:10;background:0 0;position:fixed;inset:0}.theme-menu{background:var(--surface);border:1px solid var(--line);min-width:170px;box-shadow:var(--shadow-pop);z-index:11;border-radius:10px;padding:5px;animation:.12s ease-out menuIn;position:absolute;top:calc(100% + 6px);right:0}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-opt{width:100%;font-size:13px;font-family:var(--mono);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:9px 11px;transition:background .12s;display:flex}.theme-opt:hover,.theme-opt.is-active{background:var(--surface-2)}.theme-opt .check{color:var(--accent);margin-left:auto;font-size:12px}.burger{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:100px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;transition:border-color .2s;display:flex}.burger:hover{border-color:var(--accent)}.burger span{background:var(--ink);border-radius:2px;width:15px;height:1.5px;transition:transform .22s,opacity .22s;display:block}.burger.is-open span:first-child{transform:translateY(6.5px)rotate(45deg)}.burger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.burger.is-open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mobile-menu{top:var(--nav-h);background:var(--bg);border-top:1px solid var(--line);padding:20px var(--pad-x);z-index:99;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:0;transition:opacity .25s,visibility .25s,transform .25s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(-8px)}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-menu a{font-family:var(--serif);letter-spacing:-.02em;border-bottom:1px solid var(--line);color:var(--ink);padding:16px 0;font-size:26px;font-weight:600;transition:color .2s;display:block}.mobile-menu a:hover{color:var(--accent)}.mobile-menu a:first-child{border-top:1px solid var(--line)}@media (min-width:768px){.nav-inner{gap:0}.nav-links{color:var(--ink-2);font-size:13px;font-family:var(--mono);flex:1;justify-content:flex-end;align-items:center;gap:24px;padding-right:20px;display:flex}.nav-links a{white-space:nowrap;padding:8px 4px;transition:color .2s}.nav-links a:hover{color:var(--accent)}.burger{display:none!important}.mobile-menu,.mobile-menu.is-open{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.theme-name{display:inline}}@media (max-width:768px){.theme-name{display:none}.theme-btn{gap:4px;padding:0 10px}}
.footer{padding:60px var(--pad-x)32px;border-top:1px solid var(--line);background:var(--bg-2)}.footer-row{max-width:var(--max-w);grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin:0 auto 40px;display:grid}.logo-sm{font-size:18px}.footer-tag{color:var(--ink-3);margin-top:12px;font-size:13px}.footer h4{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-size:11px;font-family:var(--mono);margin-bottom:16px;font-weight:500}.footer ul li{margin-bottom:8px}.footer ul a{color:var(--ink-2);font-size:13px;transition:color .2s}.footer ul a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);max-width:var(--max-w);color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding-top:24px;font-size:12px;display:flex}.footer-mono{font-family:var(--mono)}@media (max-width:768px){.footer-row{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-row{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column}}
