.scroll-expand{position:relative;width:100%;height:100%}.scroll-expand--scroller{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.scroll-expand--scroller::-webkit-scrollbar{display:none}.scroll-expand__track{position:relative;width:100%}.scroll-expand__stage{position:sticky;top:0;width:100%;overflow:hidden;--scroll-expand-title-size: 4rem}.scroll-expand__frame{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(21% 29% 21% 29% round 24px);will-change:clip-path}.scroll-expand__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.scroll-expand__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000bf,#0000001a 45%,#00000059);opacity:0;pointer-events:none}.scroll-expand__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6%;text-align:center;opacity:0;will-change:opacity,transform}.scroll-expand__title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0 6%;color:#1a1a1a;font-family:var(--font-editorial);font-size:var(--scroll-expand-title-size);font-weight:500;letter-spacing:-.03em;line-height:1;text-align:center;pointer-events:none;will-change:opacity,transform}.scroll-expand__hint{position:absolute;right:0;bottom:1.25rem;left:0;color:#ffffffb3;font-size:.8125rem;letter-spacing:.02em;text-align:center;pointer-events:none;will-change:opacity,transform}@media (prefers-reduced-motion: reduce){.scroll-expand__frame,.scroll-expand__media,.scroll-expand__title,.scroll-expand__hint,.scroll-expand__overlay{will-change:auto}}:root{color-scheme:light;--color-page: #FAFAFA;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-muted: #6B7280;--color-border: #E5E7EB;--color-accent: #B65337;--color-accent-soft: #FFF1E8;--color-field: #FFFFFF;--color-code: #F3F4F6;--font-sans: Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-editorial: Newsreader, "Iowan Old Style", "Palatino Linotype", Georgia, serif;--content-width: 1840px;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;--color-page: #151517;--color-surface: #1E1E20;--color-text: #E5E5E5;--color-muted: #A1A1AA;--color-border: #2E2E31;--color-accent: #E4916B;--color-accent-soft: #392923;--color-field: #1A1A1C;--color-code: #27272A}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--color-page)}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-page);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.65;transition:background-color .18s ease,color .18s ease}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent) 42%,transparent);outline-offset:3px}.skip-link{position:absolute;z-index:100;top:8px;left:8px;transform:translateY(-160%);padding:10px 14px;border-radius:6px;background:var(--color-text);color:var(--color-page)}.skip-link:focus{transform:translateY(0)}::selection{color:var(--color-text);background:color-mix(in srgb,var(--color-accent) 22%,transparent)}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.homepage-wrapper{width:min(100% - 48px,var(--content-width));margin:24px auto 64px;padding:clamp(24px,2.8vw,48px);border:1px solid var(--color-border);border-radius:22px;background:var(--color-surface)}.lead-story{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.85fr);align-items:stretch;gap:clamp(28px,4vw,54px)}.lead-image{min-height:315px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:var(--color-accent-soft)}.lead-image img{width:100%;height:100%;min-height:315px;display:block;object-fit:cover}.lead-cover{position:relative;width:100%;min-height:315px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-accent-soft);color:var(--color-accent)}.lead-cover-initial{font-family:var(--font-editorial);font-size:clamp(170px,25vw,290px);font-weight:400;letter-spacing:-.095em;line-height:.8;opacity:.24;transform:translate(-.045em,.04em);-webkit-user-select:none;user-select:none}.lead-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px clamp(14px,2.4vw,32px) 28px 0}.story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;color:var(--color-muted);font-size:12px;line-height:1.5}.story-category{color:var(--color-accent);font-weight:650}.lead-title{margin:18px 0 12px;font-family:var(--font-editorial);font-size:clamp(34px,3.7vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}.lead-title-link{display:block;width:100%;color:inherit}.lead-excerpt,.story-excerpt{color:var(--color-muted);font-size:15px;line-height:1.75}.lead-excerpt{max-width:36ch}.lead-excerpt,.story-excerpt{margin:0}.lead-read-link,.story-read-link{display:inline-block;color:var(--color-accent);font-size:14px;font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 38%,transparent);text-underline-offset:4px}.lead-read-link{margin-top:22px}.lead-read-link:hover,.story-read-link:hover{text-decoration-color:currentColor}.stories-section{margin-top:48px;padding-top:24px;border-top:1px solid var(--color-border)}.stories-heading{margin-bottom:18px}.stories-heading h1,.stories-heading h2{padding:0;margin:0;font-family:var(--font-editorial);font-size:30px;font-weight:500;letter-spacing:-.035em;line-height:1.2}.stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.story-card{min-height:208px;display:flex;flex-direction:column;align-items:flex-start;padding:24px 25px 21px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);transition:border-color .16s ease}.story-card:hover{border-color:color-mix(in srgb,var(--color-accent) 36%,var(--color-border))}.story-title{margin:16px 0 8px;font-family:var(--font-editorial);font-size:25px;font-weight:500;letter-spacing:-.025em;line-height:1.23;text-wrap:balance}.story-card:hover .story-title{color:var(--color-accent)}.story-excerpt{display:-webkit-box;overflow:hidden;margin-bottom:17px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:14px}.story-read-link{margin-top:auto;font-size:13px}.no-more-stories{margin:0;padding:25px 0;border-top:1px solid var(--color-border);color:var(--color-muted)}.empty-state-container{min-height:280px;display:grid;place-items:center;padding:52px 20px;text-align:center}.empty-state-content{max-width:380px}.empty-state-title{margin:0;font-family:var(--font-editorial);font-size:25px;font-weight:500;letter-spacing:-.025em}.empty-state-description{margin:7px 0 0;color:var(--color-muted);font-size:14px}.lead-skeleton{display:grid;grid-template-columns:1.55fr .85fr;gap:clamp(24px,4vw,54px)}.skeleton{position:relative;overflow:hidden;border-radius:7px;background:color-mix(in srgb,var(--color-border) 65%,var(--color-surface))}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--color-surface) 75%,transparent),transparent);animation:skeleton-shimmer 1.6s ease-in-out infinite;content:""}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.lead-skeleton-image{min-height:315px;border-radius:11px}.lead-skeleton-copy{display:flex;flex-direction:column;justify-content:center;gap:12px;padding-right:20px}.skeleton-line{width:100%;height:12px}.skeleton-line.short{width:36%;height:9px}.skeleton-line.title{width:90%;height:31px;margin-top:6px}.skeleton-line.title.second{width:68%;margin-top:0}.skeleton-line.medium{width:70%}.story-skeleton{min-height:208px;border:1px solid var(--color-border);border-radius:14px;background:color-mix(in srgb,var(--color-surface) 72%,var(--color-border))}.lead-skeleton+.stories-grid{margin-top:50px}.post-page,.skeleton-post-page{width:min(100% - 48px,740px);margin:0 auto;padding:52px 0 100px}.post-back,.about-back{min-height:44px;display:inline-flex;align-items:center;gap:8px;margin-bottom:29px;color:var(--color-muted);font-size:12px;transition:color .15s ease}.post-back:hover,.about-back:hover{color:var(--color-accent)}.post-hero-section--expand .post-back{margin-bottom:8px}.post-page .post-cover-expand{width:100vw;margin:0 0 30px calc(50% - 50vw)}.post-header{margin-bottom:38px}.post-category-tag{display:inline-block;margin-bottom:12px;color:var(--color-accent);font-size:13px;font-weight:650}.post-page-title,.about-title{margin:0 0 15px;font-family:var(--font-editorial);font-size:clamp(38px,7vw,58px);font-weight:500;letter-spacing:-.05em;line-height:1.04;text-wrap:balance}.post-page-excerpt{margin-bottom:20px;font-family:var(--font-editorial);color:var(--color-muted);font-size:21px;line-height:1.55}.post-page-excerpt p{margin:0}.post-page-meta{display:flex;align-items:center;gap:11px;color:var(--color-muted);font-size:12px}.divider{width:4px;height:4px;border-radius:50%;background:var(--color-muted)}.post-body{color:var(--color-text);font-family:var(--font-editorial);font-size:19px;line-height:1.75;overflow-wrap:anywhere}.post-body>*{max-width:100%}.post-body p,.post-body ul,.post-body ol,.post-body blockquote,.post-body table,.post-body pre{margin:0 0 1.35em}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:2em 0 .65em;font-family:var(--font-editorial);font-weight:500;letter-spacing:-.025em;line-height:1.2}.post-body h1{font-size:2.1rem}.post-body h2{font-size:1.75rem}.post-body h3{font-size:1.4rem}.post-body h4,.post-body h5,.post-body h6{font-size:1.15rem}.post-body ul,.post-body ol{padding-left:1.4em}.post-body li{margin:.35em 0}.post-body li>ul,.post-body li>ol{margin:.4em 0 0}.post-body a{color:var(--color-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 40%,transparent);text-underline-offset:3px}.post-body img{max-width:100%;height:auto;border-radius:10px}.post-body blockquote{padding:3px 0 3px 18px;border-left:2px solid var(--color-accent);color:var(--color-muted)}.post-body blockquote p:last-child{margin-bottom:0}.post-body pre,.post-body code{border:1px solid var(--color-border);border-radius:7px;background:var(--color-code);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.post-body pre{overflow:auto;padding:16px;font-size:13px;line-height:1.65}.post-body code{padding:.12em .35em;font-size:.87em}.post-body pre code{padding:0;border:0;background:transparent}.post-body table{display:block;overflow-x:auto;border-collapse:collapse;font-size:14px}.post-body th,.post-body td{padding:9px 12px;border:1px solid var(--color-border);text-align:left}.post-body th{background:var(--color-code)}.post-body hr{border:0;border-top:1px solid var(--color-border);margin:2em 0}.about-page{width:min(100% - 48px,700px);margin:0 auto;padding:52px 0 100px}.not-found-page{width:min(100% - 48px,560px);min-height:54vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0 auto;padding:48px 0}.not-found-code{color:var(--color-accent);font-family:var(--font-editorial);font-size:17px}.not-found-page h1{margin:7px 0 4px;font-family:var(--font-editorial);font-size:38px;font-weight:500;letter-spacing:-.04em}.not-found-page p{margin:0;color:var(--color-muted);font-size:14px}.not-found-page .lead-read-link{margin-top:17px}.about-header{margin-bottom:43px}.about-title{margin-bottom:14px}.about-subtitle{margin:0;color:var(--color-muted);font-size:17px}.about-section{margin:0 0 35px}.about-section h2{margin:0 0 10px;font-family:var(--font-editorial);font-size:24px;font-weight:500;letter-spacing:-.025em}.about-section p,.about-section li{color:var(--color-muted);font-size:16px;line-height:1.8}.about-section ul{margin:0;padding-left:20px}.about-section li{padding-left:2px;margin:4px 0}.about-social{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.about-social a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-muted);font-size:14px;transition:color .15s ease,border-color .15s ease}.about-social a:hover{border-color:var(--color-accent);color:var(--color-accent)}.about-social svg{width:15px;height:15px}.footer{padding:22px 28px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:12px}.footer-content{width:min(100%,var(--content-width));display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto}.footer-brand-group,.footer-credits,.footer-github-link{display:inline-flex;align-items:center}.footer-brand-group{gap:12px}.footer-brand{color:var(--color-text);font-weight:650}.footer-credits{gap:7px}.footer-github-link{gap:6px;color:var(--color-muted)}.footer-github-link:hover{color:var(--color-accent)}.github-icon{width:14px;height:14px}.footer-music-control{display:inline-flex;align-items:center;gap:3px;margin-right:4px}.footer-music-toggle{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-muted);cursor:pointer}.footer-music-toggle:hover,.footer-music-toggle[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.footer-music-skip{width:24px;height:32px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--color-muted);font-size:19px;line-height:1;cursor:pointer}.footer-music-skip:hover{color:var(--color-accent)}.footer-music-track{width:78px;overflow:hidden;color:var(--color-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.footer-music-bars{height:18px;display:flex;align-items:center;gap:3px}.footer-music-bar{width:2px;min-height:3px;border-radius:999px;background:currentColor}.music-toggle-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}.footer-theme-toggle{width:40px;height:40px;display:grid;place-items:center;margin-right:8px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-muted);cursor:pointer}.footer-theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.footer-theme-toggle svg{width:16px;height:16px}.click-spark-root{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh}.click-spark-canvas{position:fixed;z-index:10001;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh;pointer-events:none;-webkit-user-select:none;user-select:none}.smooth-cursor{position:fixed;top:0;left:0;z-index:10000;width:25px;height:27px;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0) translate(-50%,-50%);transform-origin:center;transition:opacity .15s ease;will-change:transform,opacity}.smooth-cursor svg{display:block;width:100%;height:100%;overflow:visible}body.smooth-cursor-active,body.smooth-cursor-active *{cursor:none!important}body.smooth-cursor-active input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]),body.smooth-cursor-active textarea,body.smooth-cursor-active [contenteditable=true]{cursor:text!important}body.smooth-cursor-active select{cursor:auto!important}html.smooth-cursor-active::view-transition,html.smooth-cursor-active::view-transition-group(*),html.smooth-cursor-active::view-transition-image-pair(*),html.smooth-cursor-active::view-transition-old(*),html.smooth-cursor-active::view-transition-new(*){cursor:none!important}html[data-theme-transition=active]::view-transition-group(root){animation-duration:var(--theme-transition-duration)}html[data-theme-transition=active]::view-transition-old(root),html[data-theme-transition=active]::view-transition-new(root){animation:none;mix-blend-mode:normal}html[data-theme-transition=active]::view-transition-new(root){clip-path:var(--theme-transition-clip-from)}.skeleton-post-page{animation:fade-in .18s ease both}.skeleton-post-back{width:100px;height:12px;margin-bottom:32px}.skeleton-post-header{display:flex;flex-direction:column;gap:12px;margin-bottom:36px}.skeleton-post-tag{width:75px;height:10px}.skeleton-post-title{width:90%;height:44px}.skeleton-post-title.line2{width:64%}.skeleton-post-excerpt{width:100%;height:13px;margin-top:8px}.skeleton-post-excerpt.line2{width:80%;margin-top:0}.skeleton-post-excerpt.line3{width:55%;margin-top:0}.skeleton-post-meta{display:flex;align-items:center;gap:12px;margin-top:11px}.skeleton-post-meta-date{width:90px;height:10px}.skeleton-post-meta-dot{width:4px;height:4px;border-radius:50%}.skeleton-post-meta-time{width:58px;height:10px}.skeleton-post-body{display:flex;flex-direction:column;gap:13px}.skeleton-post-line{width:100%;height:12px}.skeleton-post-line.w-90{width:90%}.skeleton-post-line.w-80{width:80%}.skeleton-post-line.w-70{width:70%}.skeleton-post-line.w-50{width:50%}.skeleton-post-line.gap{margin-top:10px}.skeleton-post-line.h2{width:55%;height:22px;margin-top:18px}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 760px){.homepage-wrapper{width:min(100% - 40px,var(--content-width));margin-top:24px;padding:28px}.lead-story{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:24px}.lead-image,.lead-image img,.lead-cover{min-height:280px}.lead-title{font-size:clamp(28px,5vw,37px)}}@media (max-width: 680px){.lead-story,.lead-skeleton{grid-template-columns:1fr;gap:0}.lead-image,.lead-image img,.lead-cover,.lead-skeleton-image{min-height:auto;aspect-ratio:1.5}.lead-copy{padding:22px 12px 17px}.lead-skeleton-copy{min-height:225px;padding:20px 12px}.stories-grid{grid-template-columns:1fr}}@media (max-width: 600px){.homepage-wrapper{width:min(100% - 32px,var(--content-width));margin:20px auto 58px;padding:18px;border-radius:15px}.lead-title{margin-top:12px;font-size:34px}.lead-excerpt{font-size:16px}.lead-read-link{margin-top:15px}.stories-section{margin-top:35px;padding-top:22px}.stories-heading h1,.stories-heading h2{font-size:25px}.stories-grid{gap:12px}.story-card{min-height:180px;padding:20px}.story-title{font-size:23px}.lead-skeleton+.stories-grid{margin-top:34px}.post-page,.skeleton-post-page,.about-page,.not-found-page{width:min(100% - 36px,740px);padding-top:35px;padding-bottom:70px}.post-page .post-cover-expand{margin-bottom:23px}.post-page-title,.about-title{font-size:39px}.post-page-excerpt,.about-subtitle{font-size:17px}.post-body{font-size:18px}.footer{padding:20px}.footer-content{align-items:flex-start;flex-direction:column;gap:12px}.footer-credits{flex-wrap:wrap;row-gap:9px}.footer-brand-group{flex-wrap:wrap;gap:6px 10px}.footer-music-toggle,.footer-theme-toggle,.footer-music-skip{width:44px;height:44px}}@media (max-width: 380px){.homepage-wrapper{width:calc(100% - 24px);padding:14px}.post-page,.skeleton-post-page,.about-page,.not-found-page{width:calc(100% - 28px)}.post-page-title,.about-title{font-size:35px}.post-page-excerpt{font-size:18px}.post-page-meta{flex-wrap:wrap;row-gap:5px}.footer{padding:18px 14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
