:root{--font-display: "Oswald", system-ui, -apple-system, sans-serif;--font-body: "Lora", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--container-w: 1140px;--text-w: 680px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 72px;--space-12: 96px;--color-bg: #f7f8fa;--color-text: #07111f;--color-text-muted: #526071;--color-link: #ff2daa;--color-border: rgba(7, 17, 31, .06);--theme-transition: background-color .42s cubic-bezier(.4, 0, .2, 1), color .42s cubic-bezier(.4, 0, .2, 1);--ease-hover: .22s ease}html[data-theme=dark]{--color-bg: #050a12;--color-text: #e7ecf3;--color-text-muted: #97a3b4;--color-link: #ff2daa;--color-border: rgba(231, 236, 243, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--theme-transition)}body{min-height:100vh;cursor:default}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}::selection{background:#ff2daa2e;color:var(--color-text)}:focus-visible{outline:2px solid var(--color-link);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-9999px;left:50%;transform:translate(-50%);z-index:100;background:var(--color-text);color:var(--color-bg);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;border-radius:0 0 4px 4px}.skip-link:focus{top:0}.site{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:var(--container-w);margin:0 auto;padding-left:clamp(20px,4vw,var(--space-8));padding-right:clamp(20px,4vw,var(--space-8))}.container--narrow{max-width:calc(var(--text-w) + clamp(var(--space-7),8vw,var(--space-12)))}.main{flex:1;padding-top:clamp(var(--space-8),6vw,56px)}.header{padding-top:var(--space-8)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-weight:300;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);transition:color var(--ease-hover)}.logo strong{font-weight:700}.logo-dot,.logo:hover{color:var(--color-link)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:none;border-radius:50%;color:var(--color-text);cursor:pointer;transition:background-color var(--ease-hover),transform .12s ease}.theme-toggle:hover{background:var(--color-border)}.theme-toggle:active{transform:scale(.9)}.theme-toggle svg{width:22px;height:22px}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-6),5vw,var(--space-9));align-items:start}.posts-column,.archive-column{min-width:0}.post-item{padding-bottom:var(--space-7);margin-bottom:var(--space-7);border-bottom:1px solid var(--color-border)}.post-item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.post-title{margin-bottom:var(--space-2);font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.3}.post-title a{color:var(--color-text);transition:color var(--ease-hover)}.post-title a:hover{color:var(--color-link)}.post-date{display:block;margin-top:0;margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted)}.post-excerpt{font-family:var(--font-body);font-size:.9375rem;line-height:1.8;color:var(--color-text-muted);text-wrap:pretty}.post-excerpt:first-letter,.article-lede:first-letter{text-transform:uppercase}.archive-item{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.archive-item:first-child{padding-top:0}.archive-item:last-child{border-bottom:none}.archive-title{margin-bottom:var(--space-1);font-family:var(--font-display);font-size:1.0625rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.35}.archive-title a{color:var(--color-text);transition:color var(--ease-hover)}.archive-title a:hover{color:var(--color-link)}.archive-date{display:block;margin-top:0;font-family:var(--font-mono);font-size:.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted)}.archive-more{display:inline-block;margin-top:var(--space-6);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);transition:color var(--ease-hover)}.archive-more:hover{color:var(--color-link)}.footer{margin-top:var(--space-12);border-top:1px solid var(--color-border)}.footer-inner{display:flex;align-items:center;justify-content:flex-end;padding-top:var(--space-6);padding-bottom:var(--space-7)}.footer-logo{font-family:var(--font-display);font-weight:300;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);transition:color var(--ease-hover)}.footer-logo strong{font-weight:700}.footer-logo:hover{color:var(--color-link)}.breadcrumb{margin-bottom:var(--space-5);font-family:var(--font-mono);font-size:.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted)}.breadcrumb a{color:inherit;font-weight:700;transition:color var(--ease-hover)}.breadcrumb a:hover{color:var(--color-link)}.hero{position:relative;overflow:hidden;border-radius:4px;margin-top:0}.hero-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.hero-placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);background-image:repeating-linear-gradient(45deg,var(--color-border) 0,var(--color-border) 1px,transparent 1px,transparent 13px)}.hero-placeholder-label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);opacity:.5}.post-header{margin-top:var(--space-7);margin-bottom:var(--space-6)}.post-detail-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.15;color:var(--color-text)}.post-detail-date{display:block;margin-top:var(--space-3);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted)}.article-body{padding-bottom:var(--space-10)}.article-body>*+*{margin-top:1.6em}.article-lede{font-family:var(--font-body);font-size:1.0625rem;line-height:1.8;color:var(--color-text);text-wrap:pretty}.article-body p{font-family:var(--font-body);font-size:1rem;line-height:1.85;color:var(--color-text-muted);text-wrap:pretty;text-align:justify}.article-body h2{font-family:var(--font-display);font-size:clamp(1.125rem,1.8vw,1.3rem);font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text);margin-top:2.8em}.article-body h2+*{margin-top:1em}.article-body h3{font-family:var(--font-display);font-size:1.0625rem;font-weight:400;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text);margin-top:2em}.article-body blockquote{border-left:2px solid var(--color-link);padding-left:var(--space-5);font-family:var(--font-body);font-style:italic;font-size:1.0625rem;line-height:1.75;color:var(--color-text)}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li{font-family:var(--font-body);font-size:1rem;line-height:1.75;color:var(--color-text-muted)}.article-body li+li{margin-top:.5em}.article-body li::marker{color:var(--color-link)}.article-body code{font-family:var(--font-mono);font-size:.85em;background:var(--color-border);padding:var(--space-1) var(--space-2);border-radius:3px}.article-body pre{font-family:var(--font-mono);font-size:.85em;line-height:1.6;background:var(--color-border);padding:var(--space-4) var(--space-4);border-radius:4px;overflow-x:auto}.article-body pre code{background:none;padding:0}.article-body a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity var(--ease-hover)}.article-body a:hover{opacity:.75}.article-body img{width:100%;height:auto;border-radius:4px}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-2)}.article-tag{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);transition:color var(--ease-hover)}.article-tag:before{content:"#";opacity:.5}.article-tag:hover{color:var(--color-link)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);padding:var(--space-7) 0;border-top:1px solid var(--color-border)}.post-nav-item{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text);transition:color var(--ease-hover)}.post-nav-item--next{text-align:right;align-items:flex-end}.post-nav-label{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);transition:color var(--ease-hover)}.post-nav-arrow{display:inline-block;transition:transform var(--ease-hover)}.post-nav-title{font-family:var(--font-display);font-size:.9375rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.3}.post-nav-item:hover,.post-nav-item:hover .post-nav-label{color:var(--color-link)}.post-nav-item--prev:hover .post-nav-arrow{transform:translate(-3px)}.post-nav-item--next:hover .post-nav-arrow{transform:translate(3px)}.embed{margin:0}.embed__wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden}.embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.embed__caption{margin-top:var(--space-3);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);text-align:center}.page-header{padding-bottom:var(--space-5);margin-bottom:var(--space-7);border-bottom:1px solid var(--color-border)}.page-header__label{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.page-header__title{font-family:var(--font-mono);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted)}.post-list{display:flex;flex-direction:column}.archive-year{margin-top:var(--space-8);margin-bottom:var(--space-1);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;color:var(--color-text-muted)}.post-list>.archive-year:first-child{margin-top:0}.archive-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.archive-row:last-child{border-bottom:none}.archive-row__title{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.35}.archive-row__title a{color:var(--color-text);transition:color var(--ease-hover)}.archive-row__title a:hover{color:var(--color-link)}.archive-row__date{flex-shrink:0;white-space:nowrap;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-top:var(--space-8)}.pagination__link{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);transition:color var(--ease-hover)}.pagination__link:hover{color:var(--color-link)}.pagination__info{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted)}.pagination__spacer{display:inline-block;width:var(--space-9)}.back-link{display:inline-block;margin-top:var(--space-8);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);transition:color var(--ease-hover)}.back-link:hover{color:var(--color-link)}.back-link .arrow,.archive-more .arrow{display:inline-block;transition:transform var(--ease-hover)}.back-link:hover .arrow{transform:translate(-3px)}.archive-more:hover .arrow{transform:translate(3px)}.empty-state{text-align:center;padding:var(--space-10) 0}.empty-state__text{margin-bottom:var(--space-5);font-family:var(--font-body);font-size:1rem;color:var(--color-text-muted)}.empty-state__link{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-link)}.alert{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-4);border-radius:4px;border-left:2px solid var(--color-link);background:var(--color-border);font-family:var(--font-mono);font-size:.6875rem;line-height:1.6;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text)}.alert--info{border-left-color:var(--color-text-muted)}.alert--error{border-left-color:#ff5a5a}.alert--empty{border-left:none;text-align:center;color:var(--color-text-muted)}.spinner{display:flex;align-items:center;justify-content:center;padding:var(--space-10) 0}.spinner__circle{width:22px;height:22px;border:2px solid var(--color-border);border-top-color:var(--color-link);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--color-border);border-radius:4px;animation:pulse 1.4s ease-in-out infinite}.skeleton--text{height:1em}.skeleton--image{width:100%;aspect-ratio:3 / 2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.btn{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:4px;background:none;color:var(--color-text);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;transition:border-color var(--ease-hover),color var(--ease-hover)}.btn:hover{border-color:var(--color-link);color:var(--color-link)}.image-wrapper{position:relative;width:100%}.image-wrapper__skeleton{position:absolute;inset:0;background:var(--color-border);border-radius:4px;animation:pulse 1.4s ease-in-out infinite}.image-wrapper__error{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;background:var(--color-border);border-radius:4px;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted)}.image-wrapper__img{width:100%;height:auto;border-radius:4px;opacity:0;transition:opacity .4s ease}.image-wrapper__img--loaded{opacity:1}.error-page{padding:var(--space-10) 0;text-align:center}.error-page__title{margin-bottom:var(--space-5);font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;text-transform:uppercase;letter-spacing:.02em}.error-page__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-top:var(--space-5)}.error-page__link{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);transition:color var(--ease-hover)}.error-page__link:hover{color:var(--color-link)}.page-transition-enter{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.hero{margin-left:calc(-1*clamp(20px,4vw,var(--space-8)));margin-right:calc(-1*clamp(20px,4vw,var(--space-8)));border-radius:0}.header{padding-top:var(--space-6)}.main{padding-top:var(--space-8)}.footer{margin-top:var(--space-10)}.main-grid{grid-template-columns:1fr;gap:0}.archive-column{margin-top:var(--space-2);padding-top:var(--space-7);border-top:1px solid var(--color-border)}.post-excerpt{font-size:.875rem;line-height:1.75}.footer-inner{justify-content:center}}@media(max-width:600px){.article-body{padding-bottom:var(--space-8)}.article-body p,.article-body li,.article-lede{font-size:.9375rem}.article-body blockquote{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}