.fb{padding-block:var(--section-y);overflow-x:clip}.fb__grid{display:grid;gap:var(--s-7);align-items:center}@media(min-width:64rem){.fb__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s-9)}}.fb__copy{display:grid;gap:var(--s-5);justify-items:start}.fb__kicker{margin:0;font:500 var(--fs-label) var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--xray-fg)}.fb__title{margin:0;max-width:18ch;font-size:clamp(2rem,4vw,3.75rem);line-height:1.02;letter-spacing:var(--display-tracking);text-wrap:balance}.fb__lead{margin:0;max-width:50ch}.fb__next{display:grid;gap:var(--s-3);width:100%;max-width:52ch;padding-top:var(--s-4);border-top:1px dashed var(--line-strong)}.fb__next-t{margin:0;color:var(--fg-subtle);font:500 var(--fs-label) var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.fb__fork{display:grid;gap:var(--s-3);margin:0;padding:0;list-style:none}.fb__fork li{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--s-2);align-items:start;color:var(--fg-muted)}.fb__fork b{color:var(--fg)}.fb__arrow path{fill:none;stroke:var(--accent-strong);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.fb__doc-wrap{perspective:1400px;display:grid;justify-items:center}.fb__doc{position:relative;width:min(100%,26rem);padding:var(--s-5);border-radius:var(--r-l);background:linear-gradient(160deg,color-mix(in oklab,var(--a-500) 14%,transparent),transparent 55%),var(--bg-raised);box-shadow:inset 0 0 0 1px var(--line-strong),0 40px 70px -40px #020610e6,0 0 60px -30px var(--a-glow);transform:rotateY(-10deg) rotateX(6deg);transition:transform var(--dur-long) var(--ease-expo)}.fb__doc-wrap:hover .fb__doc{transform:rotateY(-3deg) rotateX(2deg)}.fb__doc-head{display:flex;align-items:center;gap:var(--s-3);padding-bottom:var(--s-4);margin-bottom:var(--s-4);border-bottom:1px solid var(--line);color:var(--fg);font:600 var(--fs-small) var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.fb__doc-ico{width:1.6rem;height:2rem;border-radius:4px;background:repeating-linear-gradient(to bottom,transparent 0 5px,color-mix(in oklab,var(--fg) 30%,transparent) 5px 6.5px) .3rem .45rem / calc(100% - .6rem) calc(100% - .8rem) no-repeat,color-mix(in oklab,var(--accent) 30%,var(--surface))}.fb__rows{display:grid;gap:var(--s-3);margin:0;padding:0;list-style:none}.fb__rows li{display:grid;grid-template-columns:1.4rem 1fr;column-gap:var(--s-3);row-gap:.35rem;align-items:center}.fb__rows svg{grid-row:span 2;align-self:start;fill:none;stroke-linecap:round;stroke-linejoin:round}.fb__rows circle{stroke:color-mix(in oklab,var(--xray) 70%,transparent);stroke-width:1.4}.fb__rows path{stroke:var(--xray);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}.fb__rows b{color:var(--fg);font-weight:600;font-size:var(--fs-small)}.fb__rows i{height:5px;width:var(--w);border-radius:3px;background:color-mix(in oklab,var(--fg) 14%,transparent)}.fb__stamp{position:absolute;right:-.75rem;bottom:1.25rem;padding:.4rem .9rem;border-radius:var(--r-s);border:2px solid var(--xray);color:var(--xray);background:color-mix(in oklab,var(--bg) 70%,transparent);font:700 var(--fs-small) var(--font-mono);letter-spacing:.14em;text-transform:uppercase;transform:rotate(-9deg);box-shadow:0 0 24px -8px var(--xray)}@media(max-width:47.99rem){.fb__stamp{right:var(--s-3);bottom:var(--s-3)}.fb__doc,.fb__doc-wrap:hover .fb__doc{transform:none}}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=off]) .fb__grid:not([data-in]) :is(.fb__rows li,.fb__stamp){opacity:0}:root:not([data-motion=off]) .fb__grid:not([data-in]) :is(.fb__rows path,.fb__arrow path){stroke-dashoffset:1}:root:not([data-motion=off]) .fb__grid[data-in] .fb__rows li{animation:fb-row calc(.5s * var(--m)) var(--ease-out) both;animation-delay:calc(var(--i) * .22s * var(--m))}:root:not([data-motion=off]) .fb__grid[data-in] .fb__rows path{animation:fb-tick calc(.4s * var(--m)) var(--ease-out) both;animation-delay:calc(.25s * var(--m) + var(--i) * .22s * var(--m))}:root:not([data-motion=off]) .fb__grid[data-in] .fb__stamp{animation:fb-stamp calc(.56s * var(--m)) var(--ease-spring) calc(1.45s * var(--m)) both}:root:not([data-motion=off]) .fb__grid[data-in] .fb__arrow path{animation:fb-tick calc(.7s * var(--m)) var(--ease-out) both;animation-delay:calc(.6s * var(--m) + var(--i) * .3s * var(--m))}}@keyframes fb-row{0%{opacity:0;transform:translateY(8px)}}@keyframes fb-tick{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes fb-stamp{0%{opacity:0;transform:rotate(-9deg) scale(1.8)}65%{opacity:1;transform:rotate(-9deg) scale(.95)}to{opacity:1;transform:rotate(-9deg) scale(1)}}