*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px),#060608;color:#c8c8d0;font-family:"Noto Serif JP",serif;min-height:100vh;overflow-x:hidden}.noise{position:fixed;inset:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:40;animation:noise-drift 8s steps(2) infinite}@keyframes noise-drift{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-1%,-1%)}to{transform:translate(0)}}.site-header{position:sticky;top:0;z-index:200;border-bottom:1px solid #1a1a22;background:#060608eb;backdrop-filter:blur(8px)}.site-header__inner{max-width:960px;margin:0 auto;padding:.8rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-logo{text-decoration:none;display:flex;flex-direction:column;gap:.1rem}.site-logo__main{font-family:Share Tech Mono,monospace;font-size:.85rem;letter-spacing:.25em;color:#e8e8f0}.site-logo__sub{font-size:.6rem;letter-spacing:.2em;opacity:.35;font-style:italic}.site-nav{display:flex;align-items:center;gap:.2rem}.nav-link{font-family:Share Tech Mono,monospace;font-size:.72rem;letter-spacing:.15em;color:#c8c8d0;text-decoration:none;opacity:.5;padding:.35rem .7rem;border:1px solid transparent;transition:all .25s}.nav-link:hover{opacity:1;border-color:#2a2a35;color:#e8e8f0}.nav-link--baby{opacity:.3;font-size:.65rem;border-color:#1a1a22}.nav-link--baby:hover{opacity:.7;border-color:#86f4;color:#a8f}.site-footer{text-align:center;padding:3rem 2rem;border-top:1px solid #0f0f15}.footer-text{font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:.2em;opacity:.2}.page-container{max-width:800px;margin:0 auto;padding:4rem 2rem 6rem}.page-header{text-align:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid #1a1a22;position:relative}.page-header__category{font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:.4em;opacity:.3;text-transform:uppercase;margin-bottom:1rem}.page-header__title{font-family:Share Tech Mono,monospace;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:400;letter-spacing:.2em;color:#e8e8f0}.page-header__subtitle{margin-top:1rem;font-size:.78rem;letter-spacing:.1em;opacity:.4;font-style:italic}.post-list{display:flex;flex-direction:column;gap:1px;background:#0f0f15;border:1px solid #1a1a22}.post-card{text-decoration:none;color:inherit;padding:1.8rem 2rem;background:#080810;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:1.5rem;row-gap:.4rem;transition:background .3s;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .3s}.post-card:hover{background:#0a0a14}.post-card:hover:before{background:#86f6}.post-card__date{font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:.1em;opacity:.3;padding-top:.15rem;grid-row:1;grid-column:1;white-space:nowrap}.post-card__title{font-size:.95rem;letter-spacing:.08em;color:#d8d8e8;grid-row:1;grid-column:2;line-height:1.5}.post-card__desc{font-size:.72rem;opacity:.35;letter-spacing:.06em;grid-row:2;grid-column:2;line-height:1.6}.article-container{max-width:720px;margin:0 auto;padding:4rem 2rem 8rem}.article-header{margin-bottom:3.5rem;padding-bottom:2rem;border-bottom:1px solid #1a1a22}.article-header__meta{font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:.25em;opacity:.3;margin-bottom:1.2rem}.article-header__title{font-size:clamp(1.2rem,3.5vw,1.8rem);letter-spacing:.08em;color:#e8e8f0;line-height:1.6;font-weight:400}.article-header__desc{margin-top:1rem;font-size:.8rem;opacity:.45;font-style:italic;letter-spacing:.1em;line-height:1.8}.article-body{font-size:.9rem;line-height:2;letter-spacing:.05em;opacity:.85}.article-body img{max-width:560px;width:100%;height:auto;display:block;margin:2.5rem auto;border:1px solid #1a1a22}.article-body p{margin-bottom:1.5em}.article-body h2{font-size:1rem;letter-spacing:.2em;margin:3em 0 1em;color:#d8d8e8;font-weight:400;border-left:2px solid #8866ff44;padding-left:1rem}.article-body h3{font-size:.9rem;letter-spacing:.15em;margin:2em 0 .8em;opacity:.7}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:#0f0f15;border:1px solid #1a1a22}.gallery-item{aspect-ratio:1;background:#080810;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s}.gallery-item img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}.gallery-item:hover img{opacity:1}