.bloghero{position:relative;padding:clamp(3.5rem,9vh,6.5rem) 0 clamp(2.5rem,6vh,4rem);overflow:hidden}.bloghero:before{content:"";position:absolute;top:-6rem;left:50%;transform:translate(-50%);width:90rem;height:42rem;background:radial-gradient(ellipse 50% 50% at 50% 0%,rgba(224,35,36,.12) 0%,transparent 70%);z-index:0;pointer-events:none}.bloghero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--hairline-faint) 1px,transparent 1px),linear-gradient(90deg,var(--hairline-faint) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 65% 60% at 30% 35%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 65% 60% at 30% 35%,#000 0%,transparent 75%);opacity:.5;pointer-events:none;z-index:0}.bloghero__inner{position:relative;z-index:1}.bloghero__headline{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:.98;font-size:clamp(2.6rem,6.4vw,5rem);color:var(--fg);margin-bottom:1.4rem}.bloghero__sub{font-family:var(--font-body);color:var(--fg-dim);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65;max-width:42rem}.postlist{list-style:none;margin-top:1.6rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--hairline);border-radius:14px;overflow:hidden;background:var(--hairline)}.postlist__empty{color:var(--secondary);margin-top:1.2rem}.postcard{position:relative;background:var(--ink-2);transition:background .2s linear}.postcard:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent) 66%,var(--yellow) 66%,var(--yellow) 100%);transform:scaleY(0);transform-origin:top;transition:transform .25s var(--ease);z-index:2}.postcard:hover{background:var(--ink-3)}.postcard:hover:before{transform:scaleY(1)}.postcard__link{display:flex;flex-direction:column;height:100%;padding:clamp(1.6rem,3vw,2.2rem)}.postcard__meta{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary);margin-bottom:.9rem}.postcard__tags{color:var(--yellow)}.postcard__title{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.1;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--fg);margin-bottom:.6rem;transition:color .15s linear}.postcard:hover .postcard__title{color:var(--accent)}.postcard__desc{color:var(--fg-dim);font-size:.95rem;line-height:1.6;max-width:46ch}.postcard__more{margin-top:auto;padding-top:1.2rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.postcard__more span{transition:transform .15s var(--ease);display:inline-block}.postcard:hover .postcard__more span{transform:translate(4px)}.article{padding-bottom:clamp(3rem,7vh,5rem)}.article__container{max-width:760px}.article__head{position:relative;padding:clamp(2.5rem,6vh,4.5rem) 0 clamp(1.5rem,4vh,2.5rem);border-bottom:1px solid var(--hairline);margin-bottom:clamp(2rem,5vh,3rem);overflow:hidden}.article__head:before{content:"";position:absolute;top:-6rem;left:30%;transform:translate(-50%);width:60rem;height:34rem;background:radial-gradient(ellipse 50% 50% at 50% 0%,rgba(224,35,36,.1) 0%,transparent 70%);z-index:0;pointer-events:none}.article__head>.container{position:relative;z-index:1}.article__back{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);margin-bottom:1.6rem;transition:color .15s linear}.article__back:hover{color:var(--accent)}.article__title{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:1.02;font-size:clamp(2rem,5vw,3.4rem);color:var(--fg);margin-bottom:1rem}.article__lead{color:var(--fg-dim);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.6;max-width:52ch;margin-bottom:1.4rem}.article__meta{display:flex;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.prose{color:var(--fg-dim);font-size:1.05rem;line-height:1.75}.prose>*+*{margin-top:1.15rem}.prose h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.15;font-size:clamp(1.4rem,3vw,1.85rem);color:var(--fg);margin-top:2.6rem}.prose h3{font-family:var(--font-display);font-weight:650;letter-spacing:-.02em;font-size:clamp(1.15rem,2.2vw,1.4rem);color:var(--fg);margin-top:2rem}.prose h2+*,.prose h3+*{margin-top:.7rem}.prose strong{color:var(--fg);font-weight:600}.prose a{color:var(--fg);border-bottom:1px solid var(--hairline-strong);transition:color .15s,border-color .15s}.prose a:hover{color:var(--accent);border-color:var(--accent)}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin-top:.5rem}.prose li::marker{color:var(--accent)}.prose code{font-family:var(--font-mono);font-size:.88em;color:var(--fg);background:var(--ink-3);border:1px solid var(--hairline);border-radius:5px;padding:.1em .4em}.prose pre{background:var(--ink-2);border:1px solid var(--hairline);border-radius:10px;padding:1rem 1.25rem;overflow-x:auto}.prose pre code{background:none;border:none;padding:0}.prose blockquote{border-left:3px solid var(--accent);padding:.4rem 0 .4rem 1.2rem;color:var(--secondary);background:#e023240a;border-radius:0 8px 8px 0}.prose blockquote>*+*{margin-top:.6rem}.prose hr{border:none;border-top:1px solid var(--hairline);margin:2.2rem 0}@media(max-width:720px){.postlist{grid-template-columns:1fr}}