main.blog-main{display:flex;flex-direction:column;min-height:100svh}main.blog-main>.blog{flex:1}.blog{max-width:var(--measure);padding:clamp(5.5rem,10vh,7rem) 0 var(--sec-y)}@media(min-width:90rem){.blog{padding-top:8rem}}.b-head .kicker{margin-bottom:1rem}.b-head h1{font-size:clamp(2.4rem,1.2rem + 3.4vw,3.6rem);font-weight:700;letter-spacing:-.035em;line-height:1.05;text-wrap:balance;margin-bottom:1.1rem}.b-head .lede{margin-bottom:0}.b-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1.4rem;font:500 .75rem/1.4 var(--mono);letter-spacing:.08em;color:var(--faint)}.b-meta a{color:var(--muted)}.b-card{margin-top:2.5rem;padding:clamp(1.25rem,3vw,1.75rem);border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-raise) 52%,transparent),color-mix(in srgb,var(--bg-raise) 26%,transparent));-webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);box-shadow:inset 1.4px 1.4px 1px -.6px var(--lg-hi),inset -1.2px -1.2px 1px -.6px var(--lg-lo),0 18px 44px #00000029}@media(pointer:coarse){.b-card{background:color-mix(in srgb,var(--bg-raise) 88%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}}.b-card .kicker{margin-bottom:.6rem}.b-card-t{font-size:1.2rem;font-weight:600;letter-spacing:-.015em;line-height:1.35;color:var(--ink)}.b-card-p{margin-top:.4rem;color:var(--muted)}.b-card .sub{margin-top:0;padding-top:0;border-top:0}.b-card-p+.sub{margin-top:1.25rem}.b-card .sub-msg:empty{display:none}.b-card-p+.sub .sub-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sub{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}.sub-label{display:block;font-size:.95rem;color:var(--muted);margin-bottom:.85rem}.sub-row{display:flex;gap:.5rem}.sub input[type=email]{flex:1;min-width:0;height:2.6rem;padding:0 1rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:.95rem;transition:border-color .2s ease}.sub input[type=email]::placeholder{color:var(--faint)}.sub input[type=email]:focus{outline:none;border-color:var(--accent)}.sub-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:0;height:2.6rem;padding:0 1.15rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--bg);font:500 .74rem var(--mono);letter-spacing:.1em;cursor:pointer;transition:transform .35s var(--ease-out, ease),box-shadow .35s ease,gap .35s var(--ease-out, ease),padding .35s var(--ease-out, ease)}.sub-btn:disabled{cursor:default}.sb-label{position:relative;z-index:1}.sb-env{position:relative;z-index:1;display:inline-block;width:0;height:15px;opacity:0;transform:translateY(6px) rotate(-12deg) scale(.6);transition:width .4s var(--ease-out, ease),opacity .25s ease,transform .45s var(--ease-out, ease)}.sb-letter{position:absolute;left:0;top:0;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.25))}.sb-wing{position:absolute;bottom:9px;overflow:visible;opacity:0;transition:opacity .2s ease}.sb-wing path{fill:#fff;stroke:#1d1d1f80;stroke-width:.9;stroke-linejoin:round}.sb-wing-l{right:calc(100% - 12px);transform-origin:100% 100%}.sb-wing-r{left:10px;transform-origin:0 100%}@media(hover:hover){.sub-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 22%,transparent)}}.sub-btn:not(:disabled):hover,.sub-btn:focus-visible,.sub-row:has(input[type=email]:valid:not(:placeholder-shown)) .sub-btn:not(:disabled){gap:.55rem;padding-left:.9rem}.sub-btn:not(:disabled):hover .sb-env,.sub-btn:focus-visible .sb-env,.sub-row:has(input[type=email]:valid:not(:placeholder-shown)) .sub-btn .sb-env,.sub-btn.sending .sb-env{width:22px;opacity:1;transform:none}.sub-row:has(input[type=email]:valid:not(:placeholder-shown)) .sub-btn:not(:disabled) .sb-env{animation:sb-bob 1.6s ease-in-out infinite}.sub-row:has(input[type=email]:valid:not(:placeholder-shown)) .sub-btn .sb-wing,.sub-btn:not(:disabled):hover .sb-wing{opacity:1}.sub-row:has(input[type=email]:valid:not(:placeholder-shown)) .sub-btn .sb-wing-l,.sub-btn:hover .sb-wing-l{animation:sb-flap-l .32s ease-in-out infinite alternate}.sub-row:has(input[type=email]:valid:not(:placeholder-shown)) .sub-btn .sb-wing-r,.sub-btn:hover .sb-wing-r{animation:sb-flap-r .32s ease-in-out infinite alternate}.sub-btn:active:not(:disabled){transform:scale(.96)}.sb-sheen{position:absolute;inset:-1px;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--bg) 26%,transparent) 46%,color-mix(in srgb,var(--bg) 8%,transparent) 54%,transparent 70%);background-size:250% 100%;background-position:130% 0;animation:sb-sheen 5.5s ease-in-out 1.2s infinite}:root[data-color=on] .sb-sheen{background-image:linear-gradient(105deg,transparent 28%,#ff7a6b55 40%,#ffc46b55 46%,#5fd4a855 52%,#6bb6ff55 58%,#b48cff55 64%,transparent 74%)}.sub-btn:hover .sb-sheen{animation-duration:1.6s;animation-delay:0s}.sub-btn.sending .sb-env{visibility:hidden}.sub-btn.sending .sb-label{animation:sb-breathe .9s ease-in-out infinite}.sub-btn.sending .sb-sheen{animation-duration:.9s;animation-delay:0s}.sub-btn.sent{background:#e5484d;border-color:#e5484d;color:#fff;animation:sb-pop .5s var(--ease-out, ease)}.sub-btn.sent .sb-env{display:none}.sub-btn.sent .sb-label:before{content:"✓ "}.sub.err .sub-btn{animation:sb-shake .4s ease}.sb-flyer{position:fixed;z-index:60;width:22px;height:15px;opacity:1;transform:none;pointer-events:none;animation:none}.sb-flyer .sb-wing{opacity:1}.sb-flyer .sb-wing-l{animation:sb-flap-l .09s ease-in-out infinite alternate}.sb-flyer .sb-wing-r{animation:sb-flap-r .09s ease-in-out infinite alternate}.sb-spark{position:fixed;z-index:59;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;pointer-events:none}@keyframes sb-sheen{0%,62%{background-position:130% 0}to{background-position:-30% 0}}@keyframes sb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes sb-flap-l{0%{transform:rotate(10deg)}to{transform:rotate(-26deg)}}@keyframes sb-flap-r{0%{transform:rotate(-10deg)}to{transform:rotate(26deg)}}@keyframes sb-breathe{50%{opacity:.45}}@keyframes sb-pop{0%{transform:scale(.9)}55%{transform:scale(1.06)}to{transform:none}}@keyframes sb-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.sb-sheen,.sb-env,.sb-wing,.sub-btn,.sub-btn .sb-label{animation:none!important;transition:none!important}}.sub-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.sub-msg{min-height:1.5em;margin-top:.6rem;font:.8rem var(--mono);color:var(--faint)}.sub.ok .sub-row{display:none}.sub.ok .sub-msg{color:var(--ink);margin-top:0}