.blog{max-width:1120px;margin:0 auto;padding:calc(18px + var(--safe-t)) max(18px,var(--safe-r)) calc(40px + var(--safe-b)) max(18px,var(--safe-l));background:radial-gradient(90% 40% at 50% 0%,rgba(34,224,255,.07),transparent 70%),var(--bg);min-height:100dvh}.blog .top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:12px;letter-spacing:.22em;text-transform:uppercase}.blog .top nav{display:flex;align-items:center;gap:18px}.blog .top a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--muted);transition:color .2s}.blog .top a:hover{color:var(--cyan)}.blog .arrow{color:var(--gold);margin-right:8px}.blog .top .mark{font-family:var(--display);font-weight:800;letter-spacing:.08em;color:var(--text)}@media(max-width:560px){.blog .top .mark{display:none}}.blog .intro{padding:8vh 0 5vh}.blog h1{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(2rem,9.6vw,7rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 0 40px rgba(34,224,255,.3);overflow-wrap:anywhere}.blog .intro p{max-width:80ch;margin:14px 0 0;color:var(--muted);line-height:1.6;font-size:14px}.blog .intro p a{color:var(--cyan)}.blog .year{margin-bottom:44px}.blog h2{display:flex;align-items:center;gap:14px;margin:0 0 8px;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.blog h2:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--line),transparent)}.blog .list{margin:0;padding:0;list-style:none}.blog .list>li{display:grid;grid-template-columns:7.5em 1fr;gap:4px 20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.blog .list time{padding-top:5px;font-size:12px;letter-spacing:.08em;color:var(--muted)}.blog .list h3{margin:0;font-family:var(--display);font-weight:700;font-size:1.35rem;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}.blog .list h3 a{text-decoration:none;transition:color .2s}.blog .list h3 a:hover{color:var(--cyan)}.blog .list p{margin:6px 0 0;color:#b6bdca;font-size:13.5px}@media(max-width:560px){.blog .list>li{grid-template-columns:1fr}.blog .list time{padding:0}}.blog .tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}.blog .tags a{display:inline-block;padding:2px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s,border-color .2s}.blog .tags a:hover{color:var(--cyan);border-color:var(--line)}.blog .tags .n{color:var(--gold);margin-left:6px}.blog .alltags{margin:8px 0 56px}.blog .post{max-width:72ch;margin:0 auto}.blog .post .intro{padding:7vh 0 4vh}.blog .post h1{font-size:clamp(1.9rem,6vw,3.6rem);line-height:1.05;text-transform:none;letter-spacing:-.01em}.blog .meta{margin-top:16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.blog .meta .arrow{margin-right:6px}.blog .video{position:relative;aspect-ratio:16 / 9;margin:0 0 28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#000}.blog .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blog .prose{font-size:15.5px;line-height:1.75;color:#d5dbe4;overflow-wrap:break-word}.blog .prose a{color:var(--cyan);text-decoration-color:#22e0ff66;text-underline-offset:3px}.blog .prose a:hover{text-decoration-color:var(--cyan)}.blog .prose h2,.blog .prose h3,.blog .prose h4{display:block;margin:2em 0 .6em;font-family:var(--display);font-weight:700;letter-spacing:-.01em;text-transform:none;color:var(--text)}.blog .prose h2{font-size:1.6rem}.blog .prose h2:after{content:none}.blog .prose h3{font-size:1.3rem}.blog .prose img,.blog .prose video{display:block;max-width:100%;height:auto;margin:12px 0;border-radius:8px}.blog .prose iframe{max-width:100%}.blog .prose blockquote{margin:1.4em 0;padding:2px 0 2px 18px;border-left:3px solid var(--gold);color:var(--muted)}.blog .prose pre,.blog .prose code{font-family:var(--mono);font-size:.9em}.blog .prose pre{overflow-x:auto;padding:14px 16px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:var(--bg-raise)}.blog .prose table{display:block;overflow-x:auto;border-collapse:collapse}.blog .prose td,.blog .prose th{padding:4px 10px;border:1px solid rgba(255,255,255,.08)}.blog .legacy-post *{max-width:100%}.blog .legacy-post [style*=float]{float:none!important}.blog .post .tags{margin-top:36px}.blog .pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:40px 0 56px}.blog .pager a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:var(--bg-raise);text-decoration:none;transition:border-color .25s,transform .25s var(--ease)}.blog .pager a:hover{border-color:var(--line);transform:translateY(-2px)}.blog .pager .newer{grid-column:2;text-align:right}.blog .pager small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.blog .pager span{font-family:var(--display);font-weight:700;line-height:1.25;overflow-wrap:anywhere}@media(max-width:560px){.blog .pager{grid-template-columns:1fr}.blog .pager .newer{grid-column:1;text-align:left}}.blog .foot{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.blog .signup{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:8px;text-align:center}.blog .signup .subscribe{width:min(100%,420px)}.blog .signup p{margin:0 0 12px;font-size:13px;color:var(--muted)}.blog .ways{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@media(min-width:700px){.blog .foot{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.blog .signup{flex-basis:100%}}