.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hub{max-width:62rem;margin:0 auto;padding:calc(var(--topbar) + 3rem) 1rem 4rem}.hub__head{max-width:44rem;margin-bottom:2.75rem}.hub__title{font-size:clamp(2.6rem,2rem + 4vw,4.6rem);line-height:.98;letter-spacing:-.03em;margin:.4rem 0 1.2rem;font-variation-settings:"opsz" 144,"WONK" 1;color:var(--accent-ink)}.hub__lede{font-family:var(--display);font-style:italic;font-variation-settings:"opsz" 24,"WONK" 1;font-size:1.3rem;line-height:1.45;text-wrap:pretty}.hub__posts{list-style:none;margin:0;padding:0;display:grid;max-width:48rem;gap:1.25rem}.hub__plain{margin-top:1rem;line-height:2}.post-card__link{--glow: var(--accent);position:relative;display:flex;flex-direction:column;gap:.8rem;height:100%;padding:1.5rem 1.5rem 1.35rem;border:1px solid var(--line);border-radius:1.1rem;background:radial-gradient(28rem 14rem at 100% 0%,color-mix(in oklab,var(--glow) 16%,transparent),transparent 70%),color-mix(in oklab,var(--panel) 85%,transparent);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .25s var(--ease-pop)}.post-card:nth-child(2n) .post-card__link{--glow: var(--pink)}.post-card__link:hover,.post-card__link:focus-visible{border-color:var(--glow);transform:translateY(-3px) rotate(-.4deg)}.post-card__meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.post-card__title{font-size:clamp(1.7rem,1.35rem + 1.3vw,2.3rem);line-height:1.05;letter-spacing:-.02em;font-variation-settings:"opsz" 72,"WONK" 1;color:var(--accent-ink)}.post-card__summary{flex:1;line-height:1.6;text-wrap:pretty}.post-card__cta{font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--glow)}@media(prefers-reduced-motion:reduce){.post-card__link{transition:none}.post-card__link:hover,.post-card__link:focus-visible{transform:none}}.guide.post{grid-template-columns:minmax(0,64rem)}.post__head>*,.post section>*{max-width:44rem;margin-inline:auto}.post__crumb a{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none}.post__crumb a:hover{color:var(--accent-ink)}.post__head .guide__kicker{margin-top:1.25rem}.post__sub{display:block;margin-top:.7rem;font-size:.4em;font-style:italic;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--ink);font-variation-settings:"opsz" 36,"WONK" 1}.post h3{font-family:var(--display);font-weight:600;font-size:1.35rem;line-height:1.2;letter-spacing:-.01em;margin-top:2.5rem;margin-bottom:.8rem;font-variation-settings:"opsz" 48,"WONK" 1;color:var(--accent-ink);text-wrap:balance}.post h2+h3{margin-top:1.25rem}.post ul+p,.post p+h3+ul{margin-top:1rem}.fig{margin:1.75rem 0}.fig a{display:block}.fig img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:.8rem;background:var(--panel);transition:border-color .2s}.fig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:0 1.5rem}.fig-grid>.fig{margin-block:1rem}.fig__scroll{max-height:80svh;overflow-y:auto;border:1px solid var(--line);border-radius:.8rem;scrollbar-color:var(--line) transparent}.fig--sheet{position:relative}.fig--sheet:before{content:"scrolls" / "";position:absolute;top:.6rem;right:.6rem;z-index:1;padding:.15rem .55rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklab,var(--bg) 85%,transparent);color:var(--muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.fig__scroll img{border:0;border-radius:0}.fig a:hover img{border-color:var(--accent)}.fig--final{position:relative;margin-top:0}.cut video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:.8rem;background:#000}.cut figcaption{margin-inline:0}.cuts>.fig--final:last-child:nth-child(odd){grid-column:1 / -1}.fig-grid .fig__scroll{max-height:26rem}.post details .fig-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:0 1rem;align-items:start}.post details .fig-grid .fig__scroll{max-height:20rem}.post details .fig-grid--devices{grid-template-columns:minmax(0,3.5fr) minmax(0,1fr)}.post details>.fig,.post details>.fig-grid,.post details>.table-wrap{max-width:none}ol.method{list-style:none;padding-left:0}ol.method>li+li{margin-top:1rem}.method dl{display:grid;gap:.35rem;margin-top:.5rem}.method dl>div{display:grid;grid-template-columns:5.5rem 1fr;gap:.75rem}.method dt{font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:.3rem}.method dd{color:var(--ink)}.method dl>div:last-child dd{color:var(--accent-ink)}@media(max-width:480px){.method dl>div{grid-template-columns:1fr;gap:0}}.prompt{margin-block:1.25rem}.prompt__label{margin-bottom:.5rem;color:var(--muted);font-size:.92rem}.prompt__label strong{color:var(--accent-ink)}.prompt pre{padding-right:1rem}.prompt pre code{white-space:pre-wrap;overflow-wrap:anywhere}.fig figcaption{max-width:44rem;margin:.7rem auto 0;color:var(--muted);font-size:.92rem;line-height:1.5;text-wrap:pretty}.fig__day{display:inline-block;margin-right:.4rem;padding:.05rem .5rem;border:1px solid var(--accent);border-radius:999px;color:var(--accent-ink);font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;translate:0 -.1rem}.table-wrap{margin:1.25rem 0 1.5rem;overflow-x:auto}.data{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}.data th,.data td{text-align:left;vertical-align:top;padding:.65rem 1rem .65rem 0;border-bottom:1px solid var(--line)}.data thead th{font-family:var(--mono);font-weight:600;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.data tbody th{font-weight:600;color:var(--accent-ink);min-width:9rem}.data td:nth-child(2),.data td:nth-child(3){white-space:nowrap}.data--models td:nth-child(4){white-space:nowrap}.data__kind{display:block;font-family:var(--mono);font-weight:400;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}@media(max-width:640px){.data thead{display:none}.data tr{display:grid;grid-template-columns:auto auto 1fr;column-gap:.9rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.data th,.data td{border:0;padding:.1rem 0}.data tbody th,.data td:last-child{grid-column:1 / -1}.data td:nth-child(2),.data td:nth-child(3),.data--models td:nth-child(4){color:var(--accent-ink);font-family:var(--mono);font-size:.82rem}.data tbody th{min-width:0}}.post section>.fig,.post section>.fig-grid,.post section>.table-wrap{max-width:none}.post section>.fig--tall{max-width:34rem}.post section>.fig--square{max-width:44rem}.post section>.fig--phone{max-width:22rem;margin-inline:auto}