.fjb{--fjb-measure:68ch;--fjb-body-size:1.125rem;flex-direction:column;min-height:100vh;display:flex}.fjb .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fjb .fjb-header{z-index:40;background:var(--paper);border-bottom:2px solid var(--ink);position:sticky;top:0}.fjb .fjb-header__row{align-items:center;gap:14px;min-height:64px;display:flex}.fjb .fjb-header .brand{box-shadow:none;padding:4px 10px 4px 5px}.fjb .fjb-header .brand img{width:28px;height:28px}.fjb .fjb-header .brand__word{font-size:1.05rem}.fjb .fjb-header__nav{align-items:center;gap:4px;margin-right:auto;display:flex}.fjb .fjb-header__nav a{font-family:var(--fjl-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);border:2px solid #0000;padding:8px 10px;font-size:.74rem;font-weight:500;text-decoration:none}.fjb .fjb-header__nav a:hover{color:var(--ink);border-color:var(--ink);background:var(--paper-2)}.fjb .fjb-header__nav a[aria-current=page]{color:var(--ink);background:var(--lime);border-color:var(--ink)}.fjb .fjb-header .btn{padding:.62em .95em;font-size:.9rem}@media (max-width:560px){.fjb .fjb-header__nav .fjb-hide-sm,.fjb .fjb-header .brand__word{display:none}}.fjb .fjb-index-hero{border-bottom:2px solid var(--ink);background:linear-gradient(var(--paper), var(--paper)) padding-box, repeating-linear-gradient(90deg, transparent 0 39px, #1f1f1f0f 39px 40px);padding-block:clamp(40px,7vw,88px) clamp(28px,4vw,44px)}.fjb .fjb-index-hero .display{max-width:14ch;margin-top:14px;font-size:clamp(2.5rem,7vw,5.4rem)}.fjb .fjb-index-hero .lede{margin-top:18px}.fjb .fjb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(20px,3vw,32px);padding-block:clamp(36px,5vw,64px);display:grid}.fjb .fjb-card{background:var(--white);border:2px solid var(--ink);box-shadow:var(--shadow);flex-direction:column;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.fjb .fjb-card:hover{box-shadow:7px 7px 0 0 var(--ink);transform:translate(-2px,-2px)}.fjb .fjb-card:focus-visible{outline-offset:4px}.fjb .fjb-card__img{border-bottom:2px solid var(--ink);background:var(--paper-2)}.fjb .fjb-card__img img{aspect-ratio:1200/675;object-fit:cover;width:100%;height:auto}.fjb .fjb-card__body{gap:10px;padding:18px 18px 20px;display:grid}.fjb .fjb-card__title{font-family:var(--fjl-display);font-variation-settings:"wdth" 106;letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:1.35rem;font-weight:800;line-height:1.12}.fjb .fjb-card__excerpt{color:var(--ink-soft);margin:0;font-size:.98rem;line-height:1.55}.fjb .fjb-card--feature{grid-column:1/-1}@media (min-width:760px){.fjb .fjb-grid--pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.fjb .fjb-card--feature{flex-direction:row}.fjb .fjb-card--feature .fjb-card__img{border-bottom:0;border-right:2px solid var(--ink);flex:1.25}.fjb .fjb-card--feature .fjb-card__img img{height:100%}.fjb .fjb-card--feature .fjb-card__body{flex:1;align-content:center;padding:28px}.fjb .fjb-card--feature .fjb-card__title{font-size:clamp(1.7rem,2.6vw,2.3rem)}}.fjb .fjb-meta{font-family:var(--fjl-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:.72rem;display:flex}.fjb .fjb-cat{border:1.5px solid var(--ink);background:var(--lime);color:var(--ink);padding:2px 7px;display:inline-block}.fjb .fjb-post-head{padding-block:clamp(28px,5vw,64px) clamp(24px,3.5vw,40px)}.fjb .fjb-crumbs{font-family:var(--fjl-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;font-size:.74rem;list-style:none;display:flex}.fjb .fjb-crumbs li+li:before{content:"/";color:var(--ink-faint);margin-right:8px}.fjb .fjb-crumbs a{text-decoration:none}.fjb .fjb-crumbs a:hover{text-decoration:underline}.fjb .fjb-post-head h1{max-width:20ch;font-size:clamp(2.2rem,5.6vw,4.2rem);line-height:.98}.fjb .fjb-post-head .lede{max-width:40em;margin-top:18px}.fjb .fjb-post-head .fjb-meta{margin-top:20px}.fjb .fjb-hero{margin:0 0 clamp(28px,4vw,48px)}.fjb .fjb-hero .win{box-shadow:8px 8px 0 0 var(--ink)}.fjb .fjb-hero img{width:100%;height:auto}.fjb .fjb-layout{gap:clamp(28px,4vw,56px);padding-bottom:clamp(48px,7vw,96px);display:grid}@media (min-width:1080px){.fjb .fjb-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.fjb .fjb-aside{order:2;position:sticky;top:88px}}.fjb .fjb-toc{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow-sm)}.fjb .fjb-toc summary{cursor:pointer;font-family:var(--fjl-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--paper-2);border-bottom:2px solid var(--ink);padding:10px 14px;font-size:.74rem;list-style:none}.fjb .fjb-toc summary::-webkit-details-marker{display:none}.fjb .fjb-toc:not([open]) summary{border-bottom:0}.fjb .fjb-toc summary:after{content:" +"}.fjb .fjb-toc[open] summary:after{content:" −"}.fjb .fjb-toc__title{font-family:var(--fjl-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--paper-2);border-bottom:2px solid var(--ink);margin:0;padding:10px 14px;font-size:.74rem}.fjb .fjb-toc--sidebar{display:none}@media (min-width:1080px){.fjb .fjb-toc--compact{display:none}.fjb .fjb-toc--sidebar{display:block}}.fjb .fjb-toc ol{gap:8px;margin:0;padding:10px 14px 14px 34px;font-size:.92rem;line-height:1.35;display:grid}.fjb .fjb-toc a{color:var(--ink-soft);text-decoration:none}.fjb .fjb-toc a:hover{color:var(--ink);text-decoration:underline}.fjb .fjb-prose{font-size:var(--fjb-body-size);min-width:0;line-height:1.72}.fjb .fjb-prose :is(p,ul,ol,h2,h3,.fjb-callout,.fjb-inline-cta,.fjb-faq,.fjb-takeaways){max-width:var(--fjb-measure)}.fjb .fjb-prose p,.fjb .fjb-prose ul,.fjb .fjb-prose ol{margin:0 0 1.1em}.fjb .fjb-prose ul,.fjb .fjb-prose ol:not(.fjb-steps){padding-left:1.3em}.fjb .fjb-prose li{margin-bottom:.45em}.fjb .fjb-prose li::marker{color:var(--ink-soft)}.fjb .fjb-prose a:not(.btn){color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:3px}.fjb .fjb-prose a:not(.btn):hover{background:var(--lime)}.fjb .fjb-prose strong{font-weight:650}.fjb .fjb-prose code{font-family:var(--fjl-mono);background:var(--paper-2);border:1px solid var(--stone);padding:.05em .35em;font-size:.88em}.fjb .fjb-section{margin-top:clamp(40px,6vw,64px);scroll-margin-top:88px}.fjb .fjb-section:first-of-type{margin-top:8px}.fjb .fjb-prose h2{font-family:var(--fjl-display);font-variation-settings:"wdth" 108;letter-spacing:-.02em;text-wrap:balance;margin:0 0 .6em;font-size:clamp(1.7rem,3.2vw,2.35rem);font-weight:820;line-height:1.06}.fjb .fjb-prose h3{font-family:var(--fjl-display);font-variation-settings:"wdth" 104;text-wrap:balance;margin:1.6em 0 .5em;font-size:1.3rem;font-weight:760;line-height:1.2}.fjb .fjb-intro{font-size:1.22rem;line-height:1.62}.fjb .fjb-intro p:first-child:first-letter{font-family:var(--fjl-display);float:left;color:var(--ink);margin:.06em .1em 0 0;font-size:3.4em;font-weight:850;line-height:.82}.fjb .fjb-takeaways{border:2px solid var(--ink);background:var(--lime);box-shadow:var(--shadow-sm);margin:0 0 clamp(28px,4vw,40px);padding:16px 20px 6px}.fjb .fjb-takeaways__title{font-family:var(--fjl-arcade);text-transform:uppercase;margin:0 0 8px;font-size:.82rem}.fjb .fjb-takeaways ul{margin:0 0 10px;padding-left:1.2em;font-size:1.02rem;line-height:1.55}.fjb .fjb-figure{margin:1.8em 0;max-width:min(100%,820px)!important}.fjb .fjb-figure__win{box-shadow:6px 6px 0 0 var(--ink);background:var(--white);overflow:hidden}.fjb .fjb-figure img{width:100%;height:auto}.fjb .fjb-figure figcaption,.fjb .fjb-sample figcaption,.fjb .fjb-gallery figcaption{color:var(--ink-soft);margin-top:12px;font-size:.9rem;line-height:1.5}.fjb .fjb-callout{border:2px solid var(--ink);box-shadow:var(--shadow-sm);margin:1.6em 0;padding:14px 18px 4px}.fjb .fjb-callout--tip{background:var(--lime)}.fjb .fjb-callout--note{background:var(--paper-2)}.fjb .fjb-callout--warning{background:#ffd9bf}.fjb .fjb-callout__title{font-weight:700;margin:0 0 6px!important}.fjb .fjb-callout__body{font-size:1rem;line-height:1.6}.fjb .fjb-callout__body p{margin-bottom:10px}.fjb .fjb-steps{counter-reset:fjb-step;gap:22px;margin:1.4em 0;padding:0;list-style:none;display:grid}.fjb .fjb-step{counter-increment:fjb-step;margin:0;padding-left:62px;position:relative}.fjb .fjb-step:before{content:counter(fjb-step, decimal-leading-zero);width:44px;height:44px;font-family:var(--fjl-arcade);background:var(--orange);border:2px solid var(--ink);box-shadow:var(--shadow-sm);place-items:center;font-size:.95rem;display:grid;position:absolute;top:2px;left:0}.fjb .fjb-prose .fjb-step__title{margin:0 0 .3em;font-size:1.22rem}.fjb .fjb-step__body>:last-child{margin-bottom:0}.fjb .fjb-table{border:2px solid var(--ink);box-shadow:var(--shadow-sm);background:var(--white);margin:1.6em 0;overflow-x:auto;max-width:100%!important}.fjb .fjb-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:.96rem;line-height:1.45}.fjb .fjb-table caption{text-align:left;font-family:var(--fjl-mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid var(--ink);background:var(--paper-2);padding:10px 14px;font-size:.74rem}.fjb .fjb-table th,.fjb .fjb-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--stone);padding:10px 14px}.fjb .fjb-table thead th{font-family:var(--fjl-mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid var(--ink);white-space:nowrap;font-size:.74rem}.fjb .fjb-table tbody th{width:28%;font-weight:650}.fjb .fjb-table tbody tr:last-child th,.fjb .fjb-table tbody tr:last-child td{border-bottom:0}.fjb .fjb-sample{margin:1.6em 0}.fjb .fjb-sample__text{border:2px solid var(--ink);background:var(--white);box-shadow:var(--shadow-sm);overflow-wrap:anywhere;padding:clamp(18px,3vw,28px);font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.1;margin:0!important}.fjb .fjb-sample__label{font-family:var(--fjl-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper);margin-right:6px;padding:1px 6px;font-size:.7rem}.fjb .fjb-gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px;margin:1.8em 0;display:grid;max-width:min(100%,820px)!important}.fjb .fjb-gallery__item{margin:0}.fjb .fjb-gallery__text{border:2px solid var(--ink);background:var(--white);box-shadow:var(--shadow-sm);overflow-wrap:anywhere;align-items:center;min-height:108px;padding:18px 16px;font-size:2.1rem;line-height:1.1;display:flex;margin:0!important}.fjb .fjb-gallery figcaption{font-size:.84rem}.fjb .fjb-inline-cta{border:2px solid var(--ink);background:var(--paper-2);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin:2em 0;padding:18px 20px;display:flex}.fjb .fjb-inline-cta p{margin:0!important}.fjb .fjb-inline-cta__title{font-size:1.06rem;font-weight:700}.fjb .fjb-inline-cta__body{color:var(--ink-soft);max-width:42ch;font-size:.98rem;line-height:1.5}.fjb .fjb-faq{gap:12px;margin-top:8px;display:grid}.fjb .fjb-faq details{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow-sm)}.fjb .fjb-faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:14px 18px;font-size:1.04rem;font-weight:650;line-height:1.4;list-style:none;display:flex}.fjb .fjb-faq summary::-webkit-details-marker{display:none}.fjb .fjb-faq summary:after{content:"+";font-family:var(--fjl-mono);flex:none;font-weight:600}.fjb .fjb-faq details[open] summary{border-bottom:2px solid var(--ink);background:var(--paper-2)}.fjb .fjb-faq details[open] summary:after{content:"−"}.fjb .fjb-faq details p{padding:14px 18px 16px;font-size:1.01rem;line-height:1.62;margin:0!important}.fjb .fjb-end-cta{--john-w:clamp(150px, 20vw, 220px);margin-top:calc(clamp(56px, 8vw, 96px) + var(--john-w) * 267 / 520);position:relative;max-width:100%!important}.fjb .fjb-end-cta .win{box-shadow:9px 9px 0 0 var(--ink);background:var(--orange)}.fjb .fjb-end-cta__body{gap:14px;padding:clamp(24px,4vw,44px);display:grid}.fjb .fjb-end-cta__title{font-family:var(--fjl-display);font-variation-settings:"wdth" 112;letter-spacing:-.025em;text-wrap:balance;max-width:18ch;font-size:clamp(1.9rem,4vw,3rem);font-weight:850;line-height:.98;margin:0!important}.fjb .fjb-end-cta__text{max-width:44ch;font-size:1.08rem;line-height:1.55;margin:0!important}.fjb .fjb-end-cta .btn{background:var(--paper);justify-self:start}.fjb .fjb-end-cta__fine{font-family:var(--fjl-mono);letter-spacing:.04em;font-size:.74rem;margin:0!important}.fjb .fjb-end-cta__john{z-index:1;right:clamp(20px,6vw,72px);top:calc(var(--john-w) * -267 / 520 + 2px);width:var(--john-w);pointer-events:none;height:auto;position:absolute}.fjb .fjb-related{border-top:2px solid var(--ink);background:var(--paper-2);padding-block:clamp(36px,5vw,64px)}.fjb .fjb-related h2{font-family:var(--fjl-display);font-variation-settings:"wdth" 108;margin:0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:820}.fjb .fjb-related .fjb-grid{padding-block:24px 0}.fjb .fjb-footer{margin-top:auto}@media (prefers-reduced-motion:reduce){.fjb .fjb-card{transition:none}.fjb .fjb-card:hover{transform:none}}