:root{--bg: #f7f5f0;--bg-2: #fffefb;--text: #3f3d37;--bright: #1f1d1a;--dim: #928d82;--accent: #c14d2e;--accent-soft: rgba(193, 77, 46, .1);--accent-text: #a23f1f;--border: rgba(31, 29, 26, .12);--code-bg: #efeae0;--display: "Bricolage Grotesque", serif;--body: "Figtree", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--mx: 50%;--my: 50%}[data-theme=dark]{--bg: #0b0f17;--bg-2: #121826;--text: #b4bccd;--bright: #eff2f8;--dim: #6e7891;--accent: #f2b65c;--accent-soft: rgba(242, 182, 92, .12);--accent-text: #f5cf92;--border: rgba(255, 255, 255, .08);--code-bg: #1a2030}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:radial-gradient(135% 105% at 50% -10%,#fcfbf7,#f7f5f0 45%,#f1eee6) fixed;background-color:#f7f5f0;color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}[data-theme=dark] body{background:radial-gradient(135% 105% at 50% -12%,#131d33,#0b1019 44%,#080b11) fixed;background-color:#0b0f17}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=dark] body:after{opacity:.025}.glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(540px circle at var(--mx) var(--my),rgba(193,77,46,.045),transparent 45%)}[data-theme=dark] .glow{background:radial-gradient(560px circle at var(--mx) var(--my),rgba(242,182,92,.07),transparent 42%)}.layout{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:flex;gap:48px;padding:0 48px}.sidebar{width:43%;max-width:480px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:104px 0 64px}.intro{animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) both}.name{font-family:var(--display);font-weight:600;font-size:clamp(2.6rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.02em;color:var(--bright);font-optical-sizing:auto}.role{font-family:var(--display);font-weight:500;font-size:1.25rem;color:var(--bright);margin-top:14px;letter-spacing:-.01em}.tagline{font-size:1.02rem;color:var(--dim);margin-top:20px;max-width:34ch;line-height:1.55}nav{margin-top:64px}nav ul{list-style:none}nav li{margin-bottom:6px}nav a{display:flex;align-items:center;gap:16px;text-decoration:none;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-weight:500;padding:8px 0;transition:color .25s}nav a .line{width:30px;height:1px;background:var(--dim);transition:width .3s,background .3s}nav a .num{color:var(--accent);opacity:.6;transition:opacity .3s}nav a:hover,nav a.active{color:var(--bright)}nav a:hover .line,nav a.active .line{width:56px;background:var(--accent)}nav a:hover .num,nav a.active .num{opacity:1}.sidebar-bottom{display:flex;flex-direction:column;gap:16px;animation:fadeUp .9s .2s cubic-bezier(.2,.7,.2,1) both}.socials{display:flex;gap:22px;flex-wrap:wrap}.socials a{color:var(--dim);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .25s,transform .25s;display:inline-flex;align-items:center;gap:5px}.socials a:hover{color:var(--accent);transform:translateY(-2px)}.theme-toggle{background:none;border:none;cursor:pointer;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:500;padding:0;width:fit-content;transition:color .25s}.theme-toggle:hover{color:var(--accent)}.content{flex:1;padding:104px 0 120px;max-width:600px}section{margin-bottom:108px;scroll-margin-top:104px}.sec-label{display:none;font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bright);font-weight:600;margin-bottom:28px}.content p{font-size:1.03rem;margin-bottom:18px}.content p:last-child{margin-bottom:0}.entry{display:grid;grid-template-columns:130px 1fr;gap:26px;padding:26px;margin:0 -26px 14px;border-radius:8px;border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s;text-decoration:none;color:inherit;position:relative}.entry:hover{background:var(--bg-2);border-color:var(--border);box-shadow:0 6px 26px #1f1d1a12}[data-theme=dark] .entry:hover{background:#ffffff06;box-shadow:none}.entry:hover .etitle{color:var(--accent)}.entry .meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding-top:5px;font-weight:500;line-height:1.8}.entry .meta .idx{color:var(--accent);opacity:.75;font-size:.9rem}.etitle{font-family:var(--display);font-weight:600;font-size:1.22rem;color:var(--bright);letter-spacing:-.01em;line-height:1.25;display:flex;align-items:center;gap:8px;flex-wrap:wrap;transition:color .25s}.etitle .arr{font-size:.9rem;opacity:0;transform:translate(-4px);transition:opacity .25s,transform .25s;color:var(--accent)}.entry:hover .etitle .arr{opacity:1;transform:none}.edesc{color:var(--text);font-size:.98rem;margin-top:9px;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.02em;color:var(--accent-text);background:var(--accent-soft);padding:5px 11px;border-radius:999px}.status{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:4px 9px;border-radius:4px;margin-left:auto;white-space:nowrap}.status.progress{border:1px solid var(--accent);color:var(--accent-text)}.status.review{background:var(--accent);color:#fdf4ef}[data-theme=dark] .status.review{color:#1a1206}.status.protocol{border:1px solid var(--border);color:var(--dim)}.post{display:grid;grid-template-columns:80px 1fr;gap:22px;align-items:baseline;padding:18px 26px;margin:0 -26px;border-radius:8px;text-decoration:none;color:inherit;transition:background .3s}.post:hover{background:#1f1d1a09}[data-theme=dark] .post:hover{background:#ffffff06}.post .yr{font-family:var(--mono);font-size:.72rem;color:var(--dim);font-weight:500;letter-spacing:.04em}.post h4{font-family:var(--display);font-weight:600;font-size:1.08rem;color:var(--bright);letter-spacing:-.005em;line-height:1.3;transition:color .25s}.post:hover h4{color:var(--accent)}.post .pdek{color:var(--dim);font-size:.92rem;margin-top:5px}.colophon{margin-top:24px;font-family:var(--mono);font-size:.74rem;color:var(--dim);line-height:1.8;letter-spacing:.02em}.colophon b{color:var(--text);font-weight:500}.colophon a{color:var(--accent-text);text-decoration:none;border-bottom:1px solid var(--accent-soft)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.content section{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) both}.content section:nth-of-type(1){animation-delay:.1s}.content section:nth-of-type(2){animation-delay:.18s}.content section:nth-of-type(3){animation-delay:.26s}.content section:nth-of-type(4){animation-delay:.34s}@media (prefers-reduced-motion: reduce){*,.intro,.sidebar-bottom,.content section{animation:none!important;transition:none!important}}@media (max-width: 1000px){.layout{flex-direction:column;gap:0;padding:0 32px;max-width:760px}.sidebar{position:static;height:auto;width:100%;max-width:none;padding:80px 0 12px;justify-content:flex-start}nav{display:none}.sidebar-bottom{margin-top:34px}.content{padding:56px 0 90px;max-width:none}.sec-label{display:block}section{margin-bottom:72px}.entry{grid-template-columns:1fr;gap:6px;padding:22px;margin:0 0 12px}.entry .meta{padding-top:0}.post{grid-template-columns:1fr;gap:4px;padding:18px 0;margin:0;border-bottom:1px solid var(--border)}.post .yr{order:-1}}@media (max-width: 560px){.layout{padding:0 22px}.status{margin-left:0;margin-top:6px;display:inline-block}.etitle{flex-wrap:wrap}}