.page-head{position:relative;padding-block:var(--sp-7) var(--sp-6)}.page-head:after{content:"";position:absolute;z-index:-2;left:50%;width:100vw;translate:-50% 0;top:calc(-1 * (var(--nav-h) + 2.5rem));height:max(calc(100% + var(--nav-h) + 2.5rem),100svh);pointer-events:none;background:radial-gradient(70% 90% at 18% 0%,color-mix(in srgb,var(--accent-soft) 80%,transparent),transparent 70%),radial-gradient(55% 75% at 82% 4%,color-mix(in srgb,var(--accent-soft) 45%,transparent),transparent 74%),linear-gradient(to bottom,var(--bg-alt),var(--bg) 70%);-webkit-mask-image:linear-gradient(to bottom,#000 0 42%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 42%,transparent 100%)}.page-head:before{content:"";position:absolute;z-index:-1;left:50%;width:100vw;translate:-50% 0;top:calc(-1 * (var(--nav-h) + 2.5rem));height:max(calc(100% + var(--nav-h) + 2.5rem),100svh);pointer-events:none;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(to bottom,#000 0 42%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 42%,transparent 100%)}.page-head .decor{z-index:-1;inset:auto auto auto 50%;width:100vw;translate:-50% 0;top:calc(-1 * (var(--nav-h) + 2.5rem));height:max(calc(100% + var(--nav-h) + 2.5rem),100svh);-webkit-mask-image:linear-gradient(to bottom,#000 0 46%,transparent 96%);mask-image:linear-gradient(to bottom,#000 0 46%,transparent 96%)}.page-head h1{font-size:var(--fs-4xl);max-width:18ch}.page-head .lede{margin-top:var(--sp-4)}.post-list{display:grid;gap:var(--sp-3)}.post-item{position:relative;display:grid;gap:var(--sp-2);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.post-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--topic, var(--accent));transform:scaleY(0);transform-origin:top;transition:transform var(--dur-slow) var(--ease-out)}.post-item:hover{transform:translateY(-3px);border-color:var(--border-strong);background:var(--surface-2)}.post-item:hover:before{transform:scaleY(1)}.post-item[data-topic=luma]{--topic: #8b7ff5}.post-item[data-topic=minecraft]{--topic: #6fa83a}.post-item[data-topic=site]{--topic: var(--accent)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-xs);color:var(--text-subtle);letter-spacing:.04em;text-transform:uppercase}.topic-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:var(--r-pill);font-weight:700;letter-spacing:.06em;color:var(--topic, var(--accent));background:color-mix(in srgb,var(--topic, var(--accent)) 14%,transparent);border:1px solid color-mix(in srgb,var(--topic, var(--accent)) 26%,transparent)}.post-item h2{font-size:var(--fs-xl);transition:color var(--dur) var(--ease-out)}.post-item:hover h2{color:var(--accent)}.post-item p{color:var(--text-muted);font-size:var(--fs-sm);max-width:70ch}.post-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:var(--sp-1);font-size:var(--fs-sm);font-weight:600;color:var(--accent)}.post-item:hover .post-more svg{transform:translate(4px)}.post-more svg{transition:transform var(--dur) var(--ease-out)}.article-head{padding-block:var(--sp-6) var(--sp-5);border-bottom:1px solid var(--border);margin-bottom:var(--sp-6)}.article-head h1{font-size:var(--fs-3xl);max-width:22ch;margin-block:var(--sp-3)}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--sp-4)}.tag{padding:.2rem .6rem;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);transition:color var(--dur) var(--ease-out)}.back-link:hover{color:var(--accent)}.back-link svg{transition:transform var(--dur) var(--ease-out)}.back-link:hover svg{transform:translate(-3px)}.about-grid{display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:1fr;align-items:start}@media(min-width:900px){.about-grid{grid-template-columns:minmax(0,1fr) 300px}}.about-card{position:sticky;top:calc(var(--nav-h) + 2rem);display:grid;gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.about-avatar{width:84px;height:84px;border-radius:var(--r-md);display:grid;place-items:center;background:linear-gradient(140deg,var(--accent-hi),var(--accent-deep));color:var(--accent-contrast);font-family:var(--font-display);font-size:2rem;font-weight:700;box-shadow:var(--shadow-2)}.about-facts{display:grid;gap:.6rem;font-size:var(--fs-sm);color:var(--text-muted)}.about-facts div{display:flex;align-items:center;gap:.55rem}.about-facts svg{color:var(--accent);flex:none}.now-list{display:grid;gap:var(--sp-3);list-style:none;padding:0;margin-top:var(--sp-4)}.now-item{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-sm);background:var(--surface);transition:transform var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.now-item:hover{transform:translate(4px)}.now-item h3{font-size:var(--fs-md);margin-bottom:.2rem}.now-item p{font-size:var(--fs-sm);color:var(--text-muted)}