.blog-top{background:var(--block);padding:calc(var(--space-9) + 34px) 0 var(--space-8)}.blog-top h1{font-family:var(--f-display);letter-spacing:-.03em;color:var(--nib);text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(38px,6vw,68px);font-weight:800;line-height:1.02}.blog-top p{color:var(--nib-2);max-width:58ch;margin:18px 0 0;font-size:17.5px;font-weight:400;line-height:1.6}.blog-chips{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.blog-chip{border-radius:var(--r-pill);background:var(--paper);color:var(--nib);font-family:var(--f-ui);cursor:pointer;border:0;align-items:center;gap:9px;padding:11px 20px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .14s,color .14s;display:inline-flex}.blog-chip b{opacity:.5;font-style:normal;font-weight:600}.blog-chip:hover{background:var(--block-2)}.blog-chip[data-on=true]{background:var(--sand);color:var(--on-dark)}.blog-chip[data-on=true] b{opacity:.8}.blog-shell{padding:var(--space-8) 0 var(--space-9);grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:60px;display:grid}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 32px;display:grid}.blog-card{background:var(--paper);border-radius:var(--r-card);color:inherit;flex-direction:column;text-decoration:none;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s;display:flex;overflow:hidden;box-shadow:0 18px 40px -28px #241c1573}.blog-card:hover{transform:translateY(-5px);box-shadow:0 30px 58px -30px #241c1599}.blog-shot{aspect-ratio:3/2;background:var(--block-2);position:relative;overflow:hidden}.blog-shot img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1);display:block}.blog-card:hover .blog-shot img{transform:scale(1.05)}.blog-shot-blank{background:var(--block-2);color:var(--nib-3);place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}.blog-body{flex-direction:column;flex:1;padding:26px 28px 28px;display:flex}.blog-meta{color:var(--nib-3);align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex}.blog-meta .dot{background:var(--sand);border-radius:50%;flex:none;width:4px;height:4px}.blog-meta .cat{color:var(--sand-deep);font-weight:600}.blog-card h2{font-family:var(--f-display);letter-spacing:-.02em;color:var(--nib);text-wrap:balance;margin:13px 0 0;font-size:23px;font-weight:700;line-height:1.24}.blog-card:hover h2{color:var(--sand-deep)}.blog-card p{color:var(--nib-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 0;font-size:15.5px;line-height:1.62;display:-webkit-box;overflow:hidden}.blog-foot{color:var(--nib-3);justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding-top:20px;font-size:13.5px;font-weight:500;display:flex}.blog-foot .go{color:var(--nib);align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:inline-flex}.blog-card:hover .blog-foot .go{color:var(--sand-deep)}.blog-card:hover .blog-foot .go svg{transform:translate(4px)}.blog-foot .go svg{transition:transform .22s}.blog-lead{background:var(--paper);border-radius:var(--r-card);color:inherit;grid-column:1/-1;grid-template-columns:1.08fr 1fr;text-decoration:none;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s;display:grid;overflow:hidden;box-shadow:0 22px 52px -30px #241c1580}.blog-lead:hover{transform:translateY(-5px);box-shadow:0 34px 66px -32px #241c159e}.blog-lead .blog-shot{aspect-ratio:auto;height:100%;min-height:330px}.blog-lead .blog-body{justify-content:center;padding:38px 40px 40px}.blog-lead h2{margin-top:15px;font-size:clamp(26px,2.6vw,34px);font-weight:800}.blog-lead p{-webkit-line-clamp:4;font-size:16.5px}.blog-pages{margin-top:var(--space-8);flex-wrap:wrap;align-items:center;gap:9px;display:flex}.blog-pages a,.blog-pages span{border-radius:var(--r-tile);background:var(--block);min-width:48px;height:48px;color:var(--nib);font-family:var(--f-ui);justify-content:center;align-items:center;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .14s,color .14s;display:inline-flex}.blog-pages a:hover{background:var(--block-2)}.blog-pages a[data-on=true],.blog-pages span[data-on=true]{background:var(--sand);color:var(--on-dark)}.blog-pages span.off{color:var(--nib-3);opacity:.55}.blog-pages .step{font-weight:600}.blog-none{background:var(--block);border-radius:var(--r-card);text-align:center;padding:64px 40px}.blog-none b{font-family:var(--f-display);color:var(--nib);font-size:22px;font-weight:700;display:block}.blog-none p{color:var(--nib-2);margin:10px 0 0;font-size:16px}.blog-side{flex-direction:column;gap:34px;display:flex;position:sticky;top:104px}.blog-box{background:var(--block);border-radius:var(--r-card);padding:28px 26px 30px}.blog-box>h3{font-family:var(--f-display);letter-spacing:-.015em;color:var(--nib);margin:0 0 20px;font-size:18px;font-weight:700}.blog-find{gap:8px;display:flex}.blog-find input{border-radius:var(--r-tile);background:var(--paper);min-width:0;height:52px;font-family:var(--f-body);color:var(--nib);border:0;outline:none;flex:1;padding:0 18px;font-size:15px;font-weight:500}.blog-find input::placeholder{color:var(--nib-3);font-weight:400}.blog-find input:focus{box-shadow:inset 0 0 0 2.5px var(--sand)}.blog-find button{border-radius:var(--r-tile);background:var(--sand);width:52px;height:52px;color:var(--on-dark);cursor:pointer;border:0;flex:none;place-items:center;transition:background .14s;display:grid}.blog-find button:hover{background:var(--slab)}.blog-recent{flex-direction:column;gap:22px;display:flex}.blog-rec{color:inherit;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;text-decoration:none;display:grid}.blog-rec-shot{border-radius:var(--r-tile);background:var(--block-2);flex:none;width:72px;height:72px;position:relative;overflow:hidden}.blog-rec-shot img{object-fit:cover;width:100%;height:100%;display:block}.blog-rec time{color:var(--nib-3);font-size:12.5px;font-weight:500;display:block}.blog-rec b{-webkit-line-clamp:2;font-family:var(--f-display);letter-spacing:-.01em;color:var(--nib);-webkit-box-orient:vertical;margin-top:5px;font-size:15px;font-weight:600;line-height:1.34;display:-webkit-box;overflow:hidden}.blog-rec:hover b{color:var(--sand-deep)}.blog-cats{flex-direction:column;gap:4px;display:flex}.blog-cats a{border-radius:var(--r-tile);color:var(--nib);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background .14s,color .14s;display:flex}.blog-cats a:hover{background:var(--paper);color:var(--sand-deep)}.blog-cats a[data-on=true]{background:var(--sand);color:var(--on-dark)}.blog-cats i{color:var(--nib-3);font-size:13.5px;font-style:normal;font-weight:600}.blog-cats a[data-on=true] i{color:var(--on-dark);opacity:.85}.blog-tags{flex-wrap:wrap;gap:9px;display:flex}.blog-tag{border-radius:var(--r-pill);background:var(--paper);color:var(--nib-2);padding:9px 15px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .14s,color .14s;display:inline-block}.blog-tag:hover,.blog-tag[data-on=true]{background:var(--sand);color:var(--on-dark)}.blog-pitch{background:var(--slab);border-radius:var(--r-card);color:var(--on-dark);padding:32px 28px 30px}.blog-pitch h3{font-family:var(--f-display);letter-spacing:-.022em;color:var(--on-dark);margin:0;font-size:24px;font-weight:700;line-height:1.16}.blog-pitch p{color:#ffffffc2;margin:12px 0 22px;font-size:15px;line-height:1.6}.blog-pitch a{border-radius:var(--r-pill);background:var(--sand);height:54px;color:var(--on-dark);font-family:var(--f-ui);align-items:center;gap:10px;padding:0 26px;font-size:15.5px;font-weight:600;text-decoration:none;transition:background .14s;display:inline-flex}.blog-pitch a:hover{background:var(--paper);color:var(--on-light)}.blog-sub form{flex-direction:column;gap:10px;display:flex}.blog-sub input{border-radius:var(--r-tile);background:var(--paper);height:52px;font-family:var(--f-body);color:var(--nib);border:0;outline:none;padding:0 18px;font-size:15px;font-weight:500}.blog-sub input:focus{box-shadow:inset 0 0 0 2.5px var(--sand)}.blog-sub button{border-radius:var(--r-tile);background:var(--sand);height:52px;color:var(--on-dark);font-family:var(--f-ui);cursor:pointer;border:0;font-size:15.5px;font-weight:600;transition:background .14s}.blog-sub button:hover:not(:disabled){background:var(--slab)}.blog-sub button:disabled{opacity:.6;cursor:default}.blog-sub .said{color:var(--sand-deep);margin:12px 0 0;font-size:14px;font-weight:500}.post-top{background:var(--block);padding:calc(var(--space-9) + 30px) 0 var(--space-7)}.post-back{color:var(--nib-2);align-items:center;gap:9px;margin-bottom:26px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.post-back:hover{color:var(--sand-deep)}.post-top h1{font-family:var(--f-display);letter-spacing:-.032em;color:var(--nib);text-wrap:balance;max-width:24ch;margin:16px 0 0;font-size:clamp(32px,5vw,58px);font-weight:800;line-height:1.04}.post-lede{color:var(--nib-2);max-width:62ch;margin:20px 0 0;font-size:19px;font-weight:400;line-height:1.6}.post-by{align-items:center;gap:14px;margin-top:30px;display:flex}.post-face{background:var(--sand);width:50px;height:50px;color:var(--on-dark);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid;position:relative;overflow:hidden}.post-face img{object-fit:cover;width:100%;height:100%}.post-by b{color:var(--nib);font-size:15.5px;font-weight:600;display:block}.post-by span{color:var(--nib-3);margin-top:2px;font-size:13.5px;font-weight:500;display:block}.post-cover{aspect-ratio:21/9;border-radius:var(--r-card);background:var(--block-2);margin-top:calc(var(--space-7) * -1 - 28px);position:relative;overflow:hidden;box-shadow:0 34px 70px -34px #241c158c}.post-cover img{object-fit:cover;width:100%;height:100%;display:block}.post-cover-wrap{padding-top:calc(var(--space-7) + 28px)}.post-prose{color:var(--nib-2);max-width:70ch;font-size:18px;line-height:1.78}.post-prose>:first-child{margin-top:0}.post-prose p{margin:0 0 26px}.post-prose h2{font-family:var(--f-display);letter-spacing:-.024em;color:var(--nib);text-wrap:balance;margin:52px 0 18px;font-size:clamp(25px,2.5vw,31px);font-weight:700;line-height:1.2}.post-prose h3{font-family:var(--f-display);letter-spacing:-.018em;color:var(--nib);margin:40px 0 14px;font-size:21px;font-weight:600;line-height:1.3}.post-prose h4{font-family:var(--f-display);color:var(--nib);margin:32px 0 12px;font-size:18px;font-weight:600}.post-prose a{color:var(--sand-deep);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.post-prose a:hover{color:var(--nib)}.post-prose strong{color:var(--nib);font-weight:600}.post-prose ul,.post-prose ol{margin:0 0 26px;padding-left:26px}.post-prose li{margin-bottom:11px}.post-prose li::marker{color:var(--sand);font-weight:700}.post-prose img{border-radius:var(--r-tile);width:100%;height:auto;margin:34px 0;display:block}.post-prose blockquote{background:var(--block);border-radius:var(--r-tile);border-left:5px solid var(--sand);font-family:var(--f-display);letter-spacing:-.015em;color:var(--nib);margin:36px 0;padding:28px 30px;font-size:20px;font-weight:500;line-height:1.5}.post-prose code{background:var(--block-2);color:var(--nib);border-radius:6px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.post-prose hr{background:var(--sand);border:0;border-radius:2px;width:68px;height:4px;margin:46px 0}.post-strip{margin-top:var(--space-7);background:var(--block);border-radius:var(--r-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:24px 26px;display:flex}.post-strip .lbl{color:var(--nib);margin-right:4px;font-size:14px;font-weight:600}.post-share{align-items:center;gap:10px;display:flex}.post-share a,.post-share button{background:var(--paper);width:46px;height:46px;color:var(--nib);cursor:pointer;border:0;border-radius:50%;place-items:center;text-decoration:none;transition:background .14s,color .14s;display:grid}.post-share a:hover,.post-share button:hover{background:var(--sand);color:var(--on-dark)}.post-share .copied{background:var(--free);color:var(--on-dark)}.post-author{background:var(--block-2);border-radius:var(--r-card);grid-template-columns:76px minmax(0,1fr);align-items:center;gap:22px;margin-top:30px;padding:30px;display:grid}.post-author .post-face{width:76px;height:76px;font-size:26px}.post-author b{font-family:var(--f-display);color:var(--nib);font-size:19px;font-weight:700;display:block}.post-author span{color:var(--nib-2);margin-top:4px;font-size:14px;font-weight:500;display:block}.post-jump{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}.post-jump a{border-radius:var(--r-card);background:var(--paper);padding:26px 28px;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1);box-shadow:0 18px 40px -30px #241c1573}.post-jump a:hover{transform:translateY(-4px)}.post-jump a.next{text-align:right}.post-jump em{color:var(--sand-deep);margin-bottom:9px;font-size:13.5px;font-style:normal;font-weight:600;display:block}.post-jump b{font-family:var(--f-display);letter-spacing:-.015em;color:var(--nib);font-size:18px;font-weight:600;line-height:1.28;display:block}.post-talk{margin-top:var(--space-8)}.post-talk>h2{font-family:var(--f-display);letter-spacing:-.024em;color:var(--nib);margin:0 0 28px;font-size:clamp(24px,2.4vw,30px);font-weight:700}.talk-list{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.talk-row{background:var(--block);border-radius:var(--r-card);grid-template-columns:52px minmax(0,1fr);gap:18px;padding:24px 26px;display:grid}.talk-row.reply{background:var(--block-2);margin-left:46px}.talk-face{background:var(--sand);width:52px;height:52px;color:var(--on-dark);border-radius:50%;place-items:center;font-size:19px;font-weight:700;display:grid}.talk-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.talk-head b{color:var(--nib);font-size:15.5px;font-weight:600}.talk-head time{color:var(--nib-3);font-size:13px;font-weight:500}.talk-row p{color:var(--nib-2);margin:9px 0 0;font-size:16px;line-height:1.66}.talk-form{background:var(--block);border-radius:var(--r-card);padding:32px 30px 34px}.talk-form h3{font-family:var(--f-display);letter-spacing:-.018em;color:var(--nib);margin:0 0 6px;font-size:21px;font-weight:700}.talk-form>p{color:var(--nib-2);margin:0 0 22px;font-size:14.5px}.talk-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.talk-form input,.talk-form textarea{border-radius:var(--r-tile);background:var(--paper);width:100%;font-family:var(--f-body);color:var(--nib);border:0;outline:none;padding:16px 18px;font-size:15.5px;font-weight:500}.talk-form input{height:54px;padding:0 18px}.talk-form textarea{resize:vertical;grid-column:1/-1;min-height:148px;line-height:1.62}.talk-form input:focus,.talk-form textarea:focus{box-shadow:inset 0 0 0 2.5px var(--sand)}.talk-form input::placeholder,.talk-form textarea::placeholder{color:var(--nib-3);font-weight:400}.talk-send{border-radius:var(--r-pill);background:var(--sand);height:56px;color:var(--on-dark);font-family:var(--f-ui);cursor:pointer;border:0;margin-top:18px;padding:0 34px;font-size:16px;font-weight:600;transition:background .14s}.talk-send:hover:not(:disabled){background:var(--slab)}.talk-send:disabled{opacity:.6;cursor:default}.talk-note{color:var(--sand-deep);margin:16px 0 0;font-size:14.5px;font-weight:500}.talk-note.bad{color:var(--taken)}@media (max-width:1100px){.blog-shell{grid-template-columns:minmax(0,1fr);gap:56px}.blog-side{position:static}.blog-lead{grid-template-columns:minmax(0,1fr)}.blog-lead .blog-shot{aspect-ratio:16/9;min-height:0}}@media (max-width:760px){.blog-top{padding:calc(var(--space-8) + 30px) 0 var(--space-7)}.blog-grid{grid-template-columns:minmax(0,1fr);gap:28px}.blog-body{padding:22px 22px 24px}.blog-lead .blog-body{padding:26px 22px 28px}.post-cover{aspect-ratio:4/3;margin-top:calc(var(--space-6) * -1)}.post-cover-wrap{padding-top:var(--space-6)}.post-prose{font-size:17px}.post-jump{grid-template-columns:minmax(0,1fr)}.post-jump a.next{text-align:left}.talk-fields{grid-template-columns:minmax(0,1fr)}.talk-row{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:20px}.talk-face{width:42px;height:42px;font-size:16px}.talk-row.reply{margin-left:18px}.post-author{grid-template-columns:minmax(0,1fr);gap:16px}}
