body{font-size:calc(var(--bb-u-px) * 16);font-weight:400;line-height:normal}h1,h2,h3,h4,h5,h6{color:inherit;text-wrap:wrap;font-family:inherit;font-weight:700;line-height:normal}h1{font-size:calc(var(--bb-u-em) * 2)}h2{font-size:calc(var(--bb-u-em) * 1.5)}h3{font-size:calc(var(--bb-u-em) * 1.17)}h4{font-size:calc(var(--bb-u-em) * 1)}h5{font-size:calc(var(--bb-u-em) * .83)}h6{font-size:calc(var(--bb-u-em) * .67)}a:hover{color:inherit}strong,b{font-weight:700}img,picture,video,canvas,svg{max-width:none;display:inline}:root{--ink:var(--bb-c-14110e);--ink-2:var(--bb-c-1d1915);--ink-3:var(--bb-c-2a241e);--line:color-mix(in srgb, var(--bb-c-f3ebdd) 14%, transparent);--line-d:color-mix(in srgb, var(--bb-c-14110e) 14%, transparent);--bone:var(--bb-c-f3ebdd);--paper:var(--bb-c-fbf6ec);--mute:var(--bb-c-9a8f81);--mute-d:var(--bb-c-6f6458);--rock:var(--bb-c-c9663d);--sun:var(--bb-c-f2d39b);--sky:var(--bb-c-3f7fb3);--mari:var(--bb-c-e8a93a);--juni:var(--bb-c-3e7a5e);--sans:"Inter Tight",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,monospace;--pad:clamp(20px,3.2vw,48px);--r:22px;--t:var(--rock);--t-ink:var(--ink)}.t-systems{--t:var(--rock);--t-ink:var(--ink);--t-soft:var(--bb-c-f1d2c1)}.t-voice{--t:var(--sky);--t-ink:var(--bone);--t-soft:var(--bb-c-cfe0ee)}.t-content{--t:var(--mari);--t-ink:var(--ink);--t-soft:var(--bb-c-f7e3b8)}.t-agents{--t:var(--juni);--t-ink:var(--bone);--t-soft:var(--bb-c-cfe3d8)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:var(--ink);color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:calc(var(--bb-u-px) * 6)}img,svg{max-width:100%;display:block}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.grain{position:relative}.grain:before{content:"";pointer-events:none;opacity:.07;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.grain>*{z-index:1;position:relative}.bar{justify-content:space-between;align-items:center;gap:calc(var(--bb-u-px) * 20);padding:calc(var(--bb-u-px) * 22) var(--pad);border-bottom:1px solid var(--line);background:var(--ink);z-index:20;display:flex;position:relative}.bar .logo img{width:auto;height:26px}.nav{gap:calc(var(--bb-u-px) * 28);font-size:calc(var(--bb-u-px) * 13);color:var(--mute);display:flex}.nav a:hover,.nav a[aria-current]{color:var(--bone)}.nav a[aria-current]{position:relative}.nav a[aria-current]:after{content:"";border-radius:calc(var(--bb-u-px) * 2);background:var(--rock);height:2px;position:absolute;bottom:-6px;left:0;right:0}.btn-s{background:var(--bone);color:var(--ink);border-radius:calc(var(--bb-u-px) * 99);padding:calc(var(--bb-u-px) * 10) calc(var(--bb-u-px) * 18);font-size:calc(var(--bb-u-px) * 14);white-space:nowrap;font-weight:500}.foot{background:var(--ink);border-top:1px solid var(--line);padding:calc(var(--bb-u-px) * 40) var(--pad);gap:calc(var(--bb-u-px) * 24) calc(var(--bb-u-px) * 48);color:var(--mute);font-size:calc(var(--bb-u-px) * 14);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.foot-brand{align-items:center;gap:calc(var(--bb-u-px) * 16);display:flex}.foot-brand img{width:auto;height:22px}.foot nav{gap:calc(var(--bb-u-px) * 22);flex-wrap:wrap;display:flex}.foot nav a:hover{color:var(--bone)}@media (width<=860px){.nav{display:none}}.chip{align-items:center;gap:calc(var(--bb-u-px) * 7);border-radius:calc(var(--bb-u-px) * 99);padding:calc(var(--bb-u-px) * 6) calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 6) calc(var(--bb-u-px) * 9);font-size:calc(var(--bb-u-px) * 13);background:var(--t);color:var(--t-ink);white-space:nowrap;font-weight:500;line-height:1;display:inline-flex}.chip i{opacity:.55;background:currentColor;border-radius:50%;width:8px;height:8px}.sample{align-items:center;gap:calc(var(--bb-u-px) * 6);font-family:var(--mono);font-size:calc(var(--bb-u-px) * 11);padding:calc(var(--bb-u-px) * 5) calc(var(--bb-u-px) * 9);border-radius:calc(var(--bb-u-px) * 6);background:var(--sun);color:var(--ink);border:1px dashed color-mix(in srgb, var(--bb-c-14110e) 45%, transparent);white-space:nowrap;line-height:1;display:inline-flex}.sample:before{content:"";background:var(--rock);border-radius:50%;width:6px;height:6px}.btn{align-items:center;gap:calc(var(--bb-u-px) * 10);border-radius:calc(var(--bb-u-px) * 14);padding:calc(var(--bb-u-px) * 15) calc(var(--bb-u-px) * 22);font-size:calc(var(--bb-u-px) * 16);transition:transform calc(var(--bb-u-s) * .2),box-shadow calc(var(--bb-u-s) * .2);font-weight:600;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-rock{background:var(--rock);color:var(--ink);box-shadow:0 calc(var(--bb-u-px) * 10) calc(var(--bb-u-px) * 30) calc(var(--bb-u-px) * -12) color-mix(in srgb, var(--bb-c-c9663d) calc(var(--bb-u-pct) * 80), transparent)}.btn-bone{background:var(--bone);color:var(--ink)}.btn-line{border:1.5px solid}.cover-art{width:100%;height:100%;position:absolute;inset:0}.cover-art .band{transition:transform calc(var(--bb-u-s) * .7) cubic-bezier(.2,.7,.2,1)}.glyph{color:var(--t-ink);position:absolute}.meta-row{align-items:center;gap:calc(var(--bb-u-px) * 8) calc(var(--bb-u-px) * 16);font-size:calc(var(--bb-u-px) * 14);color:var(--mute-d);flex-wrap:wrap;display:flex}.meta-row .sep{opacity:.5;background:currentColor;border-radius:50%;width:4px;height:4px}html.js-anim .rv{opacity:0;transition:opacity calc(var(--bb-u-s) * .7),transform calc(var(--bb-u-s) * .7) cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}html.js-anim .rv.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js-anim .rv{opacity:1;transition:none;transform:none}.cover-art .band{transition:none}}.g-hero{background:var(--sun);color:var(--ink);padding:clamp(calc(var(--bb-u-px) * 40),calc(var(--bb-u-vw) * 5),calc(var(--bb-u-px) * 72)) var(--pad) 0;overflow:hidden}.g-hero-in{gap:clamp(calc(var(--bb-u-px) * 32),calc(var(--bb-u-vw) * 5),calc(var(--bb-u-px) * 80));grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:end;max-width:1360px;margin:0 auto;display:grid}.g-title{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 88),calc(var(--bb-u-vw) * 12.5),calc(var(--bb-u-px) * 190));letter-spacing:-.035em;line-height:.82}.g-title span{color:var(--rock)}.g-lede{font-size:clamp(calc(var(--bb-u-px) * 18),calc(var(--bb-u-vw) * 1.5),calc(var(--bb-u-px) * 22));max-width:30ch;margin-top:calc(var(--bb-u-px) * 28);color:var(--bb-c-3a2f24);line-height:1.45}.g-lede b{color:var(--ink);font-weight:600}.g-stats{gap:calc(var(--bb-u-px) * 10);margin:calc(var(--bb-u-px) * 28) 0 clamp(calc(var(--bb-u-px) * 36),calc(var(--bb-u-vw) * 4),calc(var(--bb-u-px) * 64));flex-wrap:wrap;display:flex}.g-stats .chip{font-size:calc(var(--bb-u-px) * 14);padding:calc(var(--bb-u-px) * 8) calc(var(--bb-u-px) * 14) calc(var(--bb-u-px) * 8) calc(var(--bb-u-px) * 10)}.feat{border-radius:calc(var(--bb-u-px) * 28) calc(var(--bb-u-px) * 28) 0 0;min-height:clamp(420px,38vw,560px);color:var(--t-ink);background:var(--t);box-shadow:0 calc(var(--bb-u-px) * -1) 0 color-mix(in srgb, var(--bb-c-14110e) calc(var(--bb-u-pct) * 20), transparent);display:block;position:relative;overflow:hidden}.feat .cover-art{height:100%}.feat-body{max-width:min(540px,100% - 28px);padding:clamp(calc(var(--bb-u-px) * 22),calc(var(--bb-u-vw) * 2.4),calc(var(--bb-u-px) * 34));background:color-mix(in srgb, var(--bb-c-14110e) 90%, transparent);backdrop-filter:blur(6px);border-radius:calc(var(--bb-u-px) * 20);color:var(--bone);position:absolute;bottom:clamp(14px,1.6vw,24px);left:clamp(14px,1.6vw,24px);right:auto}.feat-flag{gap:calc(var(--bb-u-px) * 8);z-index:2;display:flex;position:absolute;top:22px;left:22px}.feat-flag .tag{background:var(--ink);color:var(--sun);border-radius:calc(var(--bb-u-px) * 99);padding:calc(var(--bb-u-px) * 7) calc(var(--bb-u-px) * 13);font-size:calc(var(--bb-u-px) * 13);font-weight:600}.feat h2{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 30),calc(var(--bb-u-vw) * 2.7),calc(var(--bb-u-px) * 42));letter-spacing:-.01em;max-width:18ch;line-height:1}.feat p{font-size:calc(var(--bb-u-px) * 16);color:color-mix(in srgb, var(--bb-c-f3ebdd) 80%, transparent);max-width:52ch;margin-top:calc(var(--bb-u-px) * 14);line-height:1.5}.feat .meta-row{color:color-mix(in srgb, var(--bb-c-f3ebdd) 70%, transparent);margin-top:calc(var(--bb-u-px) * 18)}.feat .go{align-items:center;gap:calc(var(--bb-u-px) * 10);margin-top:calc(var(--bb-u-px) * 20);background:var(--rock);color:var(--ink);padding:calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 18);border-radius:calc(var(--bb-u-px) * 12);font-weight:600;display:inline-flex}.feat:hover .band{transform:translateY(-10px)}.feat .glyph{width:84px;height:84px;top:26px;right:28px}.strata-edge{width:100%;height:28px;display:block}.tools{z-index:15;background:color-mix(in srgb, var(--bb-c-f3ebdd) 94%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-d);color:var(--ink);position:sticky;top:0}.tools-in{max-width:1360px;padding:calc(var(--bb-u-px) * 14) var(--pad);gap:calc(var(--bb-u-px) * 16);grid-template-columns:minmax(200px,280px) minmax(0,1fr) auto;align-items:center;margin:0 auto;display:grid}.search{position:relative}.search svg{width:18px;height:18px;color:var(--mute-d);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{border:1.5px solid var(--line-d);background:var(--paper);border-radius:calc(var(--bb-u-px) * 14);width:100%;padding:calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 14) calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 42);font-size:calc(var(--bb-u-px) * 15)}.search input:focus{border-color:var(--ink);outline:none}.chips{gap:calc(var(--bb-u-px) * 8);scrollbar-width:none;padding:calc(var(--bb-u-px) * 2);display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.fchip{align-items:center;gap:calc(var(--bb-u-px) * 8);border:1.5px solid var(--line-d);background:var(--paper);border-radius:calc(var(--bb-u-px) * 99);padding:calc(var(--bb-u-px) * 9) calc(var(--bb-u-px) * 14);font-size:calc(var(--bb-u-px) * 14);cursor:pointer;transition:background calc(var(--bb-u-s) * .2),border-color calc(var(--bb-u-s) * .2),color calc(var(--bb-u-s) * .2);flex:none;font-weight:500;display:inline-flex}.fchip i{background:var(--t);border-radius:50%;width:10px;height:10px}.fchip .ct{font-family:var(--mono);font-size:calc(var(--bb-u-px) * 11);opacity:.6}.fchip:hover{border-color:var(--ink)}.fchip[aria-pressed=true]{background:var(--t);border-color:var(--t);color:var(--t-ink)}.fchip.all{--t:var(--ink);--t-ink:var(--bone)}.fchip.all[aria-pressed=true] i{background:var(--sun)}.sort{align-items:center;gap:calc(var(--bb-u-px) * 10);font-size:calc(var(--bb-u-px) * 14);color:var(--mute-d);display:flex}.sort select{appearance:none;border:1.5px solid var(--line-d);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2314110e' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;border-radius:calc(var(--bb-u-px) * 12);padding:calc(var(--bb-u-px) * 11) calc(var(--bb-u-px) * 40) calc(var(--bb-u-px) * 11) calc(var(--bb-u-px) * 14);color:var(--ink);cursor:pointer;font-weight:500}.g-room{background:var(--bone);color:var(--ink);padding:clamp(calc(var(--bb-u-px) * 32),calc(var(--bb-u-vw) * 4),calc(var(--bb-u-px) * 56)) var(--pad) clamp(calc(var(--bb-u-px) * 64),calc(var(--bb-u-vw) * 8),calc(var(--bb-u-px) * 120))}.g-room-in{max-width:1360px;margin:0 auto}.g-status{justify-content:space-between;align-items:center;gap:calc(var(--bb-u-px) * 12);margin-bottom:calc(var(--bb-u-px) * 24);flex-wrap:wrap;display:flex}.g-count{font-family:var(--serif);font-size:clamp(calc(var(--bb-u-px) * 28),calc(var(--bb-u-vw) * 2.6),calc(var(--bb-u-px) * 40));line-height:1}.g-count b{color:var(--rock);font-weight:400}.g-note{font-size:calc(var(--bb-u-px) * 14);color:var(--mute-d);gap:calc(var(--bb-u-px) * 10);flex-wrap:wrap;align-items:center;max-width:70ch;display:flex}.grid{gap:clamp(calc(var(--bb-u-px) * 16),calc(var(--bb-u-vw) * 1.8),calc(var(--bb-u-px) * 28));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card{background:var(--paper);border-radius:var(--r);border:1px solid var(--line-d);transition:transform calc(var(--bb-u-s) * .35) cubic-bezier(.2,.7,.2,1),box-shadow calc(var(--bb-u-s) * .35);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:0 calc(var(--bb-u-px) * 26) calc(var(--bb-u-px) * 50) calc(var(--bb-u-px) * -28) color-mix(in srgb, var(--bb-c-14110e) calc(var(--bb-u-pct) * 55), transparent);transform:translateY(-6px)rotate(-.3deg)}.card:hover .band{transform:translateY(-8px)}.card .cv{aspect-ratio:16/10;background:var(--t);position:relative;overflow:hidden}.card .cv .chip{background:var(--ink);color:var(--bone);z-index:2;position:absolute;top:16px;left:16px}.card .cv .chip i{background:var(--t);opacity:1}.card .cv .glyph{width:54px;height:54px;bottom:16px;right:18px}.card .bd{padding:calc(var(--bb-u-px) * 22) calc(var(--bb-u-px) * 24) calc(var(--bb-u-px) * 24);flex-direction:column;flex:1;display:flex}.card h3{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 26),calc(var(--bb-u-vw) * 2),calc(var(--bb-u-px) * 30));letter-spacing:-.005em;line-height:1.04}.card p{font-size:calc(var(--bb-u-px) * 15);color:var(--bb-c-4a4036);margin-top:calc(var(--bb-u-px) * 12);line-height:1.5}.card .meta-row{padding-top:calc(var(--bb-u-px) * 20);font-size:calc(var(--bb-u-px) * 13);margin-top:auto}.card .sample{z-index:2;position:absolute;top:16px;right:16px}.card[hidden]{display:none}.empty{text-align:center;padding:calc(var(--bb-u-px) * 64) calc(var(--bb-u-px) * 20);border:2px dashed var(--line-d);border-radius:var(--r);background:var(--paper);display:block}.empty.on{display:block}.empty svg{margin:0 auto calc(var(--bb-u-px) * 18);width:140px;height:auto}.empty h3{font-family:var(--serif);font-weight:400;font-size:calc(var(--bb-u-px) * 36);line-height:1}.empty p{color:var(--mute-d);margin:calc(var(--bb-u-px) * 10) auto calc(var(--bb-u-px) * 22);max-width:44ch}.empty button{cursor:pointer;border:0}.topics{background:var(--ink);padding:clamp(calc(var(--bb-u-px) * 64),calc(var(--bb-u-vw) * 8),calc(var(--bb-u-px) * 120)) var(--pad)}.topics-in{max-width:1360px;margin:0 auto}.topics h2{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 44),calc(var(--bb-u-vw) * 5),calc(var(--bb-u-px) * 80));letter-spacing:-.02em;max-width:16ch;line-height:.95}.topics h2 span{color:var(--sun)}.tiles{gap:calc(var(--bb-u-px) * 14);margin-top:clamp(calc(var(--bb-u-px) * 32),calc(var(--bb-u-vw) * 4),calc(var(--bb-u-px) * 56));grid-template-columns:1.25fr 1fr 1fr 1.25fr;display:grid}.tile{border-radius:var(--r);background:var(--t);color:var(--t-ink);padding:calc(var(--bb-u-px) * 26);text-align:left;cursor:pointer;min-height:300px;transition:transform calc(var(--bb-u-s) * .3);border:0;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.tile:hover{transform:translateY(-6px)}.tile .glyph{width:64px;height:64px;position:absolute;top:22px;right:22px}.tile h3{font-family:var(--serif);font-weight:400;font-size:calc(var(--bb-u-px) * 34);line-height:1}.tile p{font-size:calc(var(--bb-u-px) * 15);margin-top:calc(var(--bb-u-px) * 10);opacity:.85;max-width:30ch;line-height:1.45}.tile .ct{margin-top:calc(var(--bb-u-px) * 16);font-size:calc(var(--bb-u-px) * 14);gap:calc(var(--bb-u-px) * 8);align-items:center;font-weight:600;display:inline-flex}.tile .rings{opacity:.18;width:260px;height:260px;position:absolute;top:-60px;left:-60px}.closer{background:var(--rock);color:var(--ink);padding:clamp(calc(var(--bb-u-px) * 64),calc(var(--bb-u-vw) * 8),calc(var(--bb-u-px) * 120)) var(--pad);overflow:hidden}.closer-in{gap:calc(var(--bb-u-px) * 40);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;max-width:1360px;margin:0 auto;display:grid}.closer h2{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 52),calc(var(--bb-u-vw) * 6.4),calc(var(--bb-u-px) * 104));letter-spacing:-.025em;line-height:.9}.closer h2 span{color:var(--bone)}.closer p{font-size:calc(var(--bb-u-px) * 18);max-width:40ch;line-height:1.5}.closer .row{gap:calc(var(--bb-u-px) * 12);margin-top:calc(var(--bb-u-px) * 24);flex-wrap:wrap;display:flex}.closer .btn-ink{background:var(--ink);color:var(--bone)}.closer .btn-line{color:var(--ink)}.soon{font-family:var(--mono);font-size:calc(var(--bb-u-px) * 11);background:color-mix(in srgb, var(--bb-c-14110e) 14%, transparent);padding:calc(var(--bb-u-px) * 4) calc(var(--bb-u-px) * 8);border-radius:calc(var(--bb-u-px) * 6)}@media (width<=1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles{grid-template-columns:1fr 1fr}.tools-in{grid-template-columns:minmax(0,1fr) auto}.tools-in .fgroups{grid-area:2/1/auto/-1}}@media (width<=860px){.g-hero-in{grid-template-columns:1fr}.g-stats{margin-bottom:calc(var(--bb-u-px) * 28)}.feat{border-radius:calc(var(--bb-u-px) * 24) calc(var(--bb-u-px) * 24) 0 0;min-height:440px;margin:0 calc(var(--pad)*-1)}.feat-body{padding:calc(var(--bb-u-px) * 24) var(--pad) calc(var(--bb-u-px) * 28)}.grid{grid-template-columns:1fr}.tools-in{gap:calc(var(--bb-u-px) * 10);padding:calc(var(--bb-u-px) * 12) var(--pad);grid-template-columns:minmax(0,1fr) auto}.sort span{display:none}.tiles{gap:calc(var(--bb-u-px) * 10);grid-template-columns:1fr 1fr}.tile{min-height:210px;padding:calc(var(--bb-u-px) * 18)}.tile h3{font-size:calc(var(--bb-u-px) * 26)}.tile p{display:none}.tile .glyph{width:44px;height:44px;top:16px;right:16px}.closer-in{grid-template-columns:1fr}}.prog{z-index:50;background:color-mix(in srgb, var(--bb-c-14110e) 25%, transparent);height:6px;position:fixed;top:0;left:0;right:0}.prog i{background:repeating-linear-gradient(90deg,var(--t) 0 18px,var(--sun) 18px 22px,var(--t) 22px 40px,var(--ink) 40px 42px);width:0;height:100%;box-shadow:0 0 calc(var(--bb-u-px) * 12) var(--t);display:block}.a-cover{background:var(--t);color:var(--t-ink);padding:clamp(calc(var(--bb-u-px) * 36),calc(var(--bb-u-vw) * 4),calc(var(--bb-u-px) * 64)) var(--pad) 0;overflow:hidden}.a-cover-in{gap:clamp(calc(var(--bb-u-px) * 32),calc(var(--bb-u-vw) * 5),calc(var(--bb-u-px) * 88));max-width:1360px;padding-bottom:clamp(calc(var(--bb-u-px) * 40),calc(var(--bb-u-vw) * 5),calc(var(--bb-u-px) * 80));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;margin:0 auto;display:grid}.crumbs{gap:calc(var(--bb-u-px) * 10);font-size:calc(var(--bb-u-px) * 15);align-items:center;font-weight:500;display:flex}.crumbs a{text-underline-offset:4px;text-decoration:underline 1.5px}.crumbs svg{opacity:.6;width:14px;height:14px}.a-title{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 50),calc(var(--bb-u-vw) * 5.6),calc(var(--bb-u-px) * 92));letter-spacing:-.025em;margin-top:calc(var(--bb-u-px) * 28);max-width:15ch;line-height:.94}.a-title span{color:var(--bone)}.a-rule{opacity:.35;height:2px;margin:calc(var(--bb-u-px) * 30) 0 calc(var(--bb-u-px) * 24);background:currentColor;max-width:600px}.a-sub{font-family:var(--serif);font-size:clamp(calc(var(--bb-u-px) * 24),calc(var(--bb-u-vw) * 2),calc(var(--bb-u-px) * 30));max-width:28ch;line-height:1.15}.a-meta{align-items:center;gap:calc(var(--bb-u-px) * 14) calc(var(--bb-u-px) * 20);margin-top:calc(var(--bb-u-px) * 30);font-size:calc(var(--bb-u-px) * 15);flex-wrap:wrap;display:flex}.a-meta .by{align-items:center;gap:calc(var(--bb-u-px) * 12);font-weight:600;display:flex}.a-meta .by img{object-fit:cover;object-position:50% 15%;border:2px solid var(--ink);border-radius:50%;width:44px;height:44px}.a-meta .pill{background:color-mix(in srgb, var(--bb-c-14110e) 14%, transparent);border-radius:calc(var(--bb-u-px) * 99);padding:calc(var(--bb-u-px) * 7) calc(var(--bb-u-px) * 13);gap:calc(var(--bb-u-px) * 8);align-items:center;display:inline-flex}.a-meta .pill svg{width:15px;height:15px}.frame{background:var(--ink);border-radius:calc(var(--bb-u-px) * 30);padding:calc(var(--bb-u-px) * 14);box-shadow:0 calc(var(--bb-u-px) * 40) calc(var(--bb-u-px) * 80) calc(var(--bb-u-px) * -40) color-mix(in srgb, var(--bb-c-14110e) calc(var(--bb-u-pct) * 80), transparent);position:relative;transform:rotate(1.2deg)}.frame-in{border-radius:calc(var(--bb-u-px) * 20);aspect-ratio:1;background:var(--ink-2);position:relative;overflow:hidden}.frame-in .cover-art{opacity:.95}.loopfig{width:86%;height:86%;position:absolute;inset:7%}.loopfig .ring{fill:none;stroke:var(--bone);stroke-width:3px;stroke-dasharray:4 10;opacity:.55}.loopfig .arc{fill:none;stroke:var(--sun);stroke-width:7px;stroke-linecap:round}.loopfig .node circle{fill:var(--rock);stroke:var(--ink);stroke-width:3px}.loopfig .node.on circle{fill:var(--sun);stroke:var(--ink)}.loopfig text{font-family:var(--sans);font-weight:600;font-size:calc(var(--bb-u-px) * 17);fill:var(--ink)}.loopfig .node.on text{fill:var(--ink)}.loopfig .mid{fill:var(--bone);font-family:var(--serif);font-weight:400;font-size:calc(var(--bb-u-px) * 54)}.loopfig .mid2{font-family:var(--sans);font-size:calc(var(--bb-u-px) * 17);fill:var(--sun);font-weight:500}.frame .stamp{background:var(--sun);color:var(--ink);border-radius:calc(var(--bb-u-px) * 14);padding:calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 16);font-weight:600;font-size:calc(var(--bb-u-px) * 15);box-shadow:0 calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 30) calc(var(--bb-u-px) * -12) color-mix(in srgb, var(--bb-c-14110e) calc(var(--bb-u-pct) * 60), transparent);position:absolute;bottom:28px;left:-18px;transform:rotate(-4deg)}.a-body{background:var(--bone);color:var(--ink);padding:clamp(calc(var(--bb-u-px) * 40),calc(var(--bb-u-vw) * 5),calc(var(--bb-u-px) * 80)) var(--pad) clamp(calc(var(--bb-u-px) * 64),calc(var(--bb-u-vw) * 8),calc(var(--bb-u-px) * 120))}.a-grid{gap:clamp(calc(var(--bb-u-px) * 40),calc(var(--bb-u-vw) * 5),calc(var(--bb-u-px) * 80));grid-template-columns:270px minmax(0,1fr);align-items:start;max-width:1240px;margin:0 auto;display:grid}.toc{background:var(--paper);border:1px solid var(--line-d);border-radius:var(--r);padding:calc(var(--bb-u-px) * 22) calc(var(--bb-u-px) * 20);box-shadow:0 calc(var(--bb-u-px) * 20) calc(var(--bb-u-px) * 40) calc(var(--bb-u-px) * -32) color-mix(in srgb, var(--bb-c-14110e) calc(var(--bb-u-pct) * 50), transparent);position:sticky;top:28px}.toc summary{cursor:default;font-weight:600;font-size:calc(var(--bb-u-px) * 15);justify-content:space-between;align-items:center;list-style:none;display:flex}.toc summary::-webkit-details-marker{display:none}.toc .left{font-size:calc(var(--bb-u-px) * 13);color:var(--mute-d);font-weight:500}.toc ol{margin-top:calc(var(--bb-u-px) * 16);gap:calc(var(--bb-u-px) * 4);list-style:none;display:grid}.toc a{padding:calc(var(--bb-u-px) * 9) calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 11);border-radius:calc(var(--bb-u-px) * 10);font-size:calc(var(--bb-u-px) * 14);color:var(--bb-c-4a4036);transition:background calc(var(--bb-u-s) * .2),color calc(var(--bb-u-s) * .2);line-height:1.3;display:block;position:relative}.toc a:hover{background:color-mix(in srgb, var(--bb-c-14110e) 5%, transparent);color:var(--ink)}.toc a .fill{border-radius:calc(var(--bb-u-px) * 3);background:color-mix(in srgb, var(--bb-c-14110e) 8%, transparent);height:3px;position:absolute;bottom:4px;left:12px;right:12px;overflow:hidden}.toc a .fill b{background:var(--t);width:0;height:100%;display:block}.toc a.on{background:var(--t);color:var(--t-ink);font-weight:600}.toc a.on .fill{background:color-mix(in srgb, var(--bb-c-14110e) 18%, transparent)}.toc a.on .fill b{background:var(--t-ink)}.toc .toc-cta{margin-top:calc(var(--bb-u-px) * 16);padding:calc(var(--bb-u-px) * 12);border-radius:calc(var(--bb-u-px) * 12);background:var(--ink);color:var(--bone);font-size:calc(var(--bb-u-px) * 14);justify-content:center;font-weight:600;display:flex}.copy-link{margin-top:calc(var(--bb-u-px) * 10);border:1.5px solid var(--line-d);border-radius:calc(var(--bb-u-px) * 12);width:100%;padding:calc(var(--bb-u-px) * 10);font-size:calc(var(--bb-u-px) * 13);cursor:pointer;background:0 0;font-weight:500}.flow{min-width:0;max-width:860px}.flow>*+*{margin-top:clamp(calc(var(--bb-u-px) * 28),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 44))}.prose{max-width:680px}.prose p{font-size:calc(var(--bb-u-px) * 19);color:var(--bb-c-30291f);line-height:1.68}.prose p+p{margin-top:calc(var(--bb-u-em) * 1)}.prose strong{color:var(--ink);background:linear-gradient(transparent 62%,var(--t-soft) 62%);font-weight:600}.prose .drop:first-letter{font-family:var(--serif);float:left;font-size:calc(var(--bb-u-em) * 5.2);padding:calc(var(--bb-u-px) * 8) calc(var(--bb-u-px) * 14) 0 0;color:var(--t);line-height:.78}.h2{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 38),calc(var(--bb-u-vw) * 3.6),calc(var(--bb-u-px) * 56));letter-spacing:-.015em;gap:calc(var(--bb-u-px) * 18);align-items:flex-start;max-width:24ch;scroll-margin-top:90px;line-height:1;display:flex}.h2:before{content:"";width:14px;height:.72em;margin-top:calc(var(--bb-u-em) * .12);border-radius:calc(var(--bb-u-px) * 4);background:var(--t);flex:none}.sec{scroll-margin-top:90px}.blk-head{justify-content:space-between;align-items:center;gap:calc(var(--bb-u-px) * 12);margin-bottom:calc(var(--bb-u-px) * 18);flex-wrap:wrap;display:flex}.blk-head h3{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 28),calc(var(--bb-u-vw) * 2.4),calc(var(--bb-u-px) * 36));line-height:1.02}.tldr{background:var(--ink);color:var(--bone);border-radius:var(--r);padding:clamp(calc(var(--bb-u-px) * 24),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 40));position:relative;overflow:hidden}.tldr:after{content:"";background:radial-gradient(circle,var(--t) 0,transparent 70%);opacity:.5;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.tldr .blk-head h3 span{color:var(--sun)}.tldr ul{gap:calc(var(--bb-u-px) * 14);list-style:none;display:grid}.tldr li{gap:calc(var(--bb-u-px) * 12);font-size:calc(var(--bb-u-px) * 18);grid-template-columns:28px 1fr;line-height:1.45;display:grid}.tldr li svg{width:26px;height:26px;color:var(--t)}.tldr .src{margin-top:calc(var(--bb-u-px) * 18);font-size:calc(var(--bb-u-px) * 13);color:var(--mute)}.takes{gap:calc(var(--bb-u-px) * 14);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.take{border-radius:var(--r);padding:calc(var(--bb-u-px) * 24);flex-direction:column;justify-content:space-between;min-height:220px;display:flex;position:relative;overflow:hidden}.take:first-child{background:var(--rock);color:var(--ink)}.take:nth-child(2){background:var(--sky);color:var(--bone)}.take:nth-child(3){background:var(--mari);color:var(--ink)}.take svg{width:48px;height:48px}.take p{font-family:var(--serif);font-size:calc(var(--bb-u-px) * 26);margin-top:calc(var(--bb-u-px) * 28);line-height:1.08}.chapter{background:var(--t);border-radius:calc(var(--bb-u-px) * 28);padding:calc(var(--bb-u-px) * 16);color:var(--t-ink)}.chapter-in{border:6px solid var(--ink);border-radius:calc(var(--bb-u-px) * 18);text-align:center;min-height:clamp(260px,26vw,380px);padding:calc(var(--bb-u-px) * 40) calc(var(--bb-u-px) * 28);place-items:center;display:grid;position:relative;overflow:hidden}.chapter-in:before{content:"";aspect-ratio:1;background:var(--sun);opacity:.22;border-radius:50%;width:46%;position:absolute;top:-30%;right:-8%}.chapter-in:after{content:"";background:repeating-linear-gradient(180deg,transparent 0 22px,color-mix(in srgb, var(--bb-c-14110e) 12%, transparent) 22px 24px),linear-gradient(180deg,transparent,color-mix(in srgb, var(--bb-c-14110e) 22%, transparent));pointer-events:none;height:38%;position:absolute;bottom:0;left:0;right:0}.chapter h2{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 40),calc(var(--bb-u-vw) * 4.4),calc(var(--bb-u-px) * 68));letter-spacing:-.02em;max-width:16ch;scroll-margin-top:90px;line-height:.98;position:relative}.chapter.ink{background:var(--ink);color:var(--bone)}.chapter.ink .chapter-in{border-color:var(--t)}.pull{padding:clamp(calc(var(--bb-u-px) * 28),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 48)) 0 clamp(calc(var(--bb-u-px) * 28),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 48)) clamp(calc(var(--bb-u-px) * 28),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 56));border-left:6px solid var(--t);position:relative}.pull blockquote{padding-right:clamp(calc(var(--bb-u-px) * 40),calc(var(--bb-u-vw) * 8),calc(var(--bb-u-px) * 120));font-family:var(--serif);font-size:clamp(calc(var(--bb-u-px) * 34),calc(var(--bb-u-vw) * 3.4),calc(var(--bb-u-px) * 52));letter-spacing:-.01em;line-height:1.04}.pull blockquote em{color:var(--t);font-style:normal}.pull figcaption{margin-top:calc(var(--bb-u-px) * 18);font-size:calc(var(--bb-u-px) * 15);color:var(--mute-d);align-items:center;gap:calc(var(--bb-u-px) * 10);display:flex}.pull figcaption img{object-fit:cover;object-position:50% 15%;border-radius:50%;width:32px;height:32px}.pull .qm{font-family:var(--serif);font-size:calc(var(--bb-u-px) * 200);color:var(--t);opacity:.22;line-height:1;position:absolute;top:-6px;right:0}.ba{background:var(--paper);border:1px solid var(--line-d);border-radius:var(--r);padding:clamp(calc(var(--bb-u-px) * 20),calc(var(--bb-u-vw) * 2.4),calc(var(--bb-u-px) * 32))}.ba-toggle{background:color-mix(in srgb, var(--bb-c-14110e) 7%, transparent);border-radius:calc(var(--bb-u-px) * 14);padding:calc(var(--bb-u-px) * 4);gap:calc(var(--bb-u-px) * 4);display:inline-flex}.ba-toggle button{border-radius:calc(var(--bb-u-px) * 10);padding:calc(var(--bb-u-px) * 10) calc(var(--bb-u-px) * 16);font-size:calc(var(--bb-u-px) * 14);cursor:pointer;color:var(--mute-d);background:0 0;border:0;font-weight:600}.ba-toggle button[aria-selected=true]{background:var(--ink);color:var(--bone)}.ba-cols{gap:calc(var(--bb-u-px) * 14);margin-top:calc(var(--bb-u-px) * 20);grid-template-columns:1fr 1fr;display:grid}.ba-col{border-radius:calc(var(--bb-u-px) * 18);padding:calc(var(--bb-u-px) * 24);transition:opacity calc(var(--bb-u-s) * .35),transform calc(var(--bb-u-s) * .35),filter calc(var(--bb-u-s) * .35)}.ba-col h4{font-family:var(--serif);font-weight:400;font-size:calc(var(--bb-u-px) * 30);line-height:1}.ba-col ul{margin-top:calc(var(--bb-u-px) * 18);gap:calc(var(--bb-u-px) * 12);list-style:none;display:grid}.ba-col li{gap:calc(var(--bb-u-px) * 10);font-size:calc(var(--bb-u-px) * 16);grid-template-columns:22px 1fr;line-height:1.4;display:grid}.ba-col li svg{width:20px;height:20px;margin-top:calc(var(--bb-u-px) * 1)}.ba-col.before{background:var(--bb-c-e7ddcd);color:var(--bb-c-4a4036)}.ba-col.after{background:var(--juni);color:var(--bone)}.ba-col .tag{margin-top:calc(var(--bb-u-px) * 20);font-weight:600;font-size:calc(var(--bb-u-px) * 14);padding:calc(var(--bb-u-px) * 6) calc(var(--bb-u-px) * 12);border-radius:calc(var(--bb-u-px) * 99);background:color-mix(in srgb, var(--bb-c-14110e) 10%, transparent);display:inline-block}.ba-col.after .tag{background:var(--sun);color:var(--ink)}.ba[data-show=before] .after,.ba[data-show=after] .before{opacity:.35;filter:saturate(.3);transform:scale(.98)}.chart{background:var(--ink);color:var(--bone);border-radius:var(--r);padding:clamp(calc(var(--bb-u-px) * 22),calc(var(--bb-u-vw) * 2.6),calc(var(--bb-u-px) * 36))}.chart .blk-head h3 span{color:var(--sun)}.chart svg{width:100%;height:auto;margin-top:calc(var(--bb-u-px) * 6)}.chart .axis{stroke:color-mix(in srgb, var(--bb-c-f3ebdd) 35%, transparent);stroke-width:1.5px}.chart .grid-l{stroke:color-mix(in srgb, var(--bb-c-f3ebdd) 8%, transparent);stroke-width:1px}.chart .l-auto{fill:none;stroke:var(--mute);stroke-width:4px;stroke-dasharray:10 8}.chart .l-learn{fill:none;stroke:var(--sun);stroke-width:5px;stroke-linecap:round}.chart .area{fill:url(#learnFill)}.chart text{font-family:var(--sans);fill:var(--mute);font-size:calc(var(--bb-u-px) * 15)}.chart .lbl{font-weight:600;font-size:calc(var(--bb-u-px) * 17)}.chart .lbl.a{fill:var(--mute)}.chart .lbl.l{fill:var(--sun)}.chart .cap{justify-content:space-between;gap:calc(var(--bb-u-px) * 12);margin-top:calc(var(--bb-u-px) * 10);font-size:calc(var(--bb-u-px) * 13);color:var(--mute);flex-wrap:wrap;display:flex}html.js-anim .chart .l-learn{stroke-dasharray:1400;stroke-dashoffset:1400px;transition:stroke-dashoffset calc(var(--bb-u-s) * 2.2) cubic-bezier(.3,.6,.2,1)}html.js-anim .chart.drawn .l-learn{stroke-dashoffset:0}html.js-anim .chart .area{opacity:0;transition:opacity calc(var(--bb-u-s) * 1.2) calc(var(--bb-u-s) * 1.2)}html.js-anim .chart.drawn .area{opacity:1}.loop{background:var(--sky);color:var(--bone);border-radius:calc(var(--bb-u-px) * 28);padding:clamp(calc(var(--bb-u-px) * 22),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 40));gap:clamp(calc(var(--bb-u-px) * 20),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 40));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:hidden}.loop .blk-head h3{color:var(--bone)}.loop-fig{aspect-ratio:1;justify-self:center;width:100%;max-width:420px;position:relative}.loop-fig svg{width:100%;height:100%}.loop-fig .ring{fill:none;stroke:color-mix(in srgb, var(--bb-c-f3ebdd) 40%, transparent);stroke-width:2.5px;stroke-dasharray:3 9}.loop-fig .runner{fill:var(--sun)}.loop-fig .node{cursor:pointer}.loop-fig .node circle{fill:var(--bb-c-2f6595);stroke:var(--bone);stroke-width:2.5px;transition:fill calc(var(--bb-u-s) * .3),r calc(var(--bb-u-s) * .3)}.loop-fig .node text{font-family:var(--sans);font-size:calc(var(--bb-u-px) * 14);fill:var(--bone);pointer-events:none;font-weight:600}.loop-fig .node.on circle{fill:var(--sun);stroke:var(--ink)}.loop-fig .node.on text{fill:var(--ink)}.loop-fig .c1{font-family:var(--serif);font-size:calc(var(--bb-u-px) * 44);fill:var(--bone)}.loop-fig .c2{font-size:calc(var(--bb-u-px) * 15);fill:color-mix(in srgb, var(--bb-c-f3ebdd) 75%, transparent);font-family:var(--sans)}.loop-steps{gap:calc(var(--bb-u-px) * 8);list-style:none;display:grid}.loop-steps button{text-align:left;background:color-mix(in srgb, var(--bb-c-14110e) 18%, transparent);width:100%;color:var(--bone);border-radius:calc(var(--bb-u-px) * 14);padding:calc(var(--bb-u-px) * 14) calc(var(--bb-u-px) * 16);cursor:pointer;gap:calc(var(--bb-u-px) * 4) calc(var(--bb-u-px) * 14);transition:background calc(var(--bb-u-s) * .25),color calc(var(--bb-u-s) * .25);border:0;grid-template-columns:auto 1fr;display:grid}.loop-steps b{font-family:var(--serif);font-weight:400;font-size:calc(var(--bb-u-px) * 26);line-height:1}.loop-steps span{font-size:calc(var(--bb-u-px) * 15);opacity:.9;grid-column:1/-1;line-height:1.45;display:none}.loop-steps button[aria-pressed=true]{background:var(--sun);color:var(--ink)}.loop-steps button[aria-pressed=true] span{display:block}.loop-note{margin-top:calc(var(--bb-u-px) * 14);font-size:calc(var(--bb-u-px) * 14);opacity:.8}.callout{gap:calc(var(--bb-u-px) * 18);border-radius:var(--r);padding:calc(var(--bb-u-px) * 24) calc(var(--bb-u-px) * 26);grid-template-columns:52px 1fr;align-items:start;display:grid}.callout .ic{border-radius:calc(var(--bb-u-px) * 16);place-items:center;width:52px;height:52px;display:grid}.callout .ic svg{width:28px;height:28px}.callout h4{font-size:calc(var(--bb-u-px) * 19);font-weight:600;line-height:1.3}.callout p{font-size:calc(var(--bb-u-px) * 17);margin-top:calc(var(--bb-u-px) * 6);line-height:1.55}.callout.tip{background:var(--sun);color:var(--ink)}.callout.tip .ic{background:var(--ink);color:var(--sun)}.callout.warn{background:var(--bb-c-2a241e);color:var(--bone)}.callout.warn .ic{background:var(--rock);color:var(--ink)}.callout.warn p{color:color-mix(in srgb, var(--bb-c-f3ebdd) 82%, transparent)}.callout .sample{margin-top:calc(var(--bb-u-px) * 12)}.try{background:var(--paper);border:2px solid var(--ink);border-radius:var(--r);box-shadow:calc(var(--bb-u-px) * 8) calc(var(--bb-u-px) * 8) 0 var(--t);overflow:hidden}.try-head{background:var(--ink);color:var(--bone);padding:calc(var(--bb-u-px) * 22) calc(var(--bb-u-px) * 26);justify-content:space-between;align-items:center;gap:calc(var(--bb-u-px) * 12);flex-wrap:wrap;display:flex}.try-head h3{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 28),calc(var(--bb-u-vw) * 2.4),calc(var(--bb-u-px) * 36));line-height:1}.try-head h3 span{color:var(--sun)}.try-head .meta{gap:calc(var(--bb-u-px) * 10);font-size:calc(var(--bb-u-px) * 14);color:var(--mute);align-items:center;display:flex}.try ol{counter-reset:s;padding:calc(var(--bb-u-px) * 8) calc(var(--bb-u-px) * 26) calc(var(--bb-u-px) * 18);list-style:none}.try li{counter-increment:s;gap:calc(var(--bb-u-px) * 18);padding:calc(var(--bb-u-px) * 20) 0;border-bottom:1px dashed var(--line-d);grid-template-columns:48px 1fr;display:grid}.try li:last-child{border-bottom:0}.try li:before{content:counter(s);background:var(--t);width:48px;height:48px;color:var(--t-ink);font-family:var(--serif);font-size:calc(var(--bb-u-px) * 26);border-radius:50%;place-items:center;line-height:1;display:grid}.try h4{font-size:calc(var(--bb-u-px) * 18);font-weight:600;line-height:1.3}.try li p{font-size:calc(var(--bb-u-px) * 16);color:var(--bb-c-4a4036);margin-top:calc(var(--bb-u-px) * 4);line-height:1.55}.prompt{background:var(--bb-c-1b1713);color:var(--bone);border-radius:var(--r);border:1px solid var(--bb-c-3a3129);overflow:hidden}.prompt-bar{justify-content:space-between;align-items:center;gap:calc(var(--bb-u-px) * 12);padding:calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 14) calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 18);background:var(--bb-c-241f19);border-bottom:1px solid var(--bb-c-3a3129);display:flex}.prompt-bar .dots{gap:calc(var(--bb-u-px) * 7);display:flex}.prompt-bar .dots i{background:var(--rock);border-radius:50%;width:11px;height:11px}.prompt-bar .dots i:nth-child(2){background:var(--mari)}.prompt-bar .dots i:nth-child(3){background:var(--juni)}.prompt-bar .ttl{font-size:calc(var(--bb-u-px) * 14);color:var(--mute);margin-left:calc(var(--bb-u-px) * 14);flex:1}.copy{background:var(--sun);color:var(--ink);border-radius:calc(var(--bb-u-px) * 10);padding:calc(var(--bb-u-px) * 9) calc(var(--bb-u-px) * 14);font-weight:600;font-size:calc(var(--bb-u-px) * 14);cursor:pointer;gap:calc(var(--bb-u-px) * 8);border:0;align-items:center;display:inline-flex}.copy svg{width:16px;height:16px}.copy.done{background:var(--juni);color:var(--bone)}.prompt pre{font-family:var(--mono);font-size:calc(var(--bb-u-px) * 14.5);padding:calc(var(--bb-u-px) * 22) calc(var(--bb-u-px) * 24);white-space:pre-wrap;color:var(--bb-c-e9dfcf);line-height:1.7;overflow-x:auto}.prompt pre .v{color:var(--ink);background:var(--sun);border-radius:calc(var(--bb-u-px) * 4);padding:calc(var(--bb-u-px) * 1) calc(var(--bb-u-px) * 5)}.prompt-foot{padding:0 calc(var(--bb-u-px) * 24) calc(var(--bb-u-px) * 18);gap:calc(var(--bb-u-px) * 10);font-size:calc(var(--bb-u-px) * 13);color:var(--mute);flex-wrap:wrap;align-items:center;display:flex}.check{background:var(--juni);color:var(--bone);border-radius:calc(var(--bb-u-px) * 28);padding:clamp(calc(var(--bb-u-px) * 22),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 40));gap:clamp(calc(var(--bb-u-px) * 20),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 40));grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.check .blk-head h3 span{color:var(--sun)}.check ul{gap:calc(var(--bb-u-px) * 8);list-style:none;display:grid}.check label{gap:calc(var(--bb-u-px) * 12);background:color-mix(in srgb, var(--bb-c-14110e) 18%, transparent);border-radius:calc(var(--bb-u-px) * 14);padding:calc(var(--bb-u-px) * 14) calc(var(--bb-u-px) * 16);cursor:pointer;font-size:calc(var(--bb-u-px) * 16);transition:background calc(var(--bb-u-s) * .2);grid-template-columns:28px 1fr;align-items:start;line-height:1.4;display:grid}.check label:hover{background:color-mix(in srgb, var(--bb-c-14110e) 28%, transparent)}.check input{appearance:none;border:2px solid var(--bone);border-radius:calc(var(--bb-u-px) * 8);cursor:pointer;place-items:center;width:26px;height:26px;margin:0;display:grid}.check input:checked{background:var(--sun);border-color:var(--sun)}.check input:checked:after{content:"";border:solid var(--ink);border-width:0 3px 3px 0;width:7px;height:13px;transform:rotate(45deg)translate(-1px,-1px)}.check label:has(input:checked){background:color-mix(in srgb, var(--bb-c-f2d39b) 18%, transparent)}.meter{background:var(--ink);border-radius:calc(var(--bb-u-px) * 22);padding:calc(var(--bb-u-px) * 26);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.meter svg{width:180px;height:180px}.meter .trk{fill:none;stroke:color-mix(in srgb, var(--bb-c-f3ebdd) 12%, transparent);stroke-width:16px}.meter .val{fill:none;stroke:var(--sun);stroke-width:16px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset calc(var(--bb-u-s) * .6) cubic-bezier(.2,.7,.2,1);transform:rotate(-90deg)}.meter .num{font-family:var(--serif);font-size:calc(var(--bb-u-px) * 58);fill:var(--bone)}.meter .of{font-size:calc(var(--bb-u-px) * 15);fill:var(--mute);font-family:var(--sans)}.meter h4{font-family:var(--serif);font-weight:400;font-size:calc(var(--bb-u-px) * 28);margin-top:calc(var(--bb-u-px) * 16);line-height:1.05}.meter p{font-size:calc(var(--bb-u-px) * 15);color:var(--mute);margin-top:calc(var(--bb-u-px) * 8);max-width:30ch;line-height:1.5}.slot{border-radius:var(--r);border:2px dashed color-mix(in srgb, var(--bb-c-14110e) 30%, transparent);background:repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in srgb, var(--bb-c-14110e) 4%, transparent) 14px 28px),var(--paper);aspect-ratio:16/9;text-align:center;padding:calc(var(--bb-u-px) * 24);place-items:center;display:grid}.slot svg{width:56px;height:56px;margin:0 auto calc(var(--bb-u-px) * 12);color:var(--t)}.slot b{font-size:calc(var(--bb-u-px) * 17);display:block}.slot span{font-size:calc(var(--bb-u-px) * 14);color:var(--mute-d);margin-top:calc(var(--bb-u-px) * 6);max-width:46ch;display:block}.slot figcaption{margin-top:calc(var(--bb-u-px) * 14)}figure.slot-wrap figcaption{font-size:calc(var(--bb-u-px) * 14);color:var(--mute-d);margin-top:calc(var(--bb-u-px) * 12)}.win{background:var(--sun);color:var(--ink);border-radius:calc(var(--bb-u-px) * 28);padding:clamp(calc(var(--bb-u-px) * 26),calc(var(--bb-u-vw) * 3.4),calc(var(--bb-u-px) * 48));gap:clamp(calc(var(--bb-u-px) * 18),calc(var(--bb-u-vw) * 2.6),calc(var(--bb-u-px) * 36));grid-template-columns:auto 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.win .badge{aspect-ratio:1;background:var(--rock);width:clamp(96px,10vw,140px);box-shadow:0 0 0 calc(var(--bb-u-px) * 8) color-mix(in srgb, var(--bb-c-c9663d) calc(var(--bb-u-pct) * 25), transparent);border-radius:50%;place-items:center;display:grid;transform:rotate(-8deg)}.win .badge svg{width:56%;height:56%;color:var(--ink)}.win h3{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 34),calc(var(--bb-u-vw) * 3.4),calc(var(--bb-u-px) * 52));line-height:1}.win p{font-size:calc(var(--bb-u-px) * 18);margin-top:calc(var(--bb-u-px) * 12);max-width:52ch;line-height:1.5}.author{gap:calc(var(--bb-u-px) * 26);background:var(--paper);border:1px solid var(--line-d);border-radius:var(--r);padding:calc(var(--bb-u-px) * 22);grid-template-columns:140px 1fr;align-items:center;display:grid}.author img{object-fit:cover;object-position:50% 12%;border-radius:calc(var(--bb-u-px) * 16);border:4px solid var(--ink);width:140px;height:160px}.author h3{font-family:var(--serif);font-weight:400;font-size:calc(var(--bb-u-px) * 34);line-height:1}.author p{font-size:calc(var(--bb-u-px) * 16);color:var(--bb-c-4a4036);margin-top:calc(var(--bb-u-px) * 8);max-width:50ch;line-height:1.5}.author .links{gap:calc(var(--bb-u-px) * 16);margin-top:calc(var(--bb-u-px) * 14);font-size:calc(var(--bb-u-px) * 15);font-weight:600;display:flex}.author .links a{text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--rock);text-decoration-thickness:2px}.a-end{background:var(--ink);color:var(--bone);padding:clamp(calc(var(--bb-u-px) * 64),calc(var(--bb-u-vw) * 8),calc(var(--bb-u-px) * 120)) var(--pad)}.a-end-in{max-width:1240px;margin:0 auto}.a-end h2{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 46),calc(var(--bb-u-vw) * 5.4),calc(var(--bb-u-px) * 88));letter-spacing:-.02em;max-width:18ch;line-height:.92}.a-end h2 span{color:var(--rock)}.a-end .lead{font-size:calc(var(--bb-u-px) * 18);color:var(--mute);margin-top:calc(var(--bb-u-px) * 18);max-width:52ch;line-height:1.5}.doors{gap:calc(var(--bb-u-px) * 16);margin-top:clamp(calc(var(--bb-u-px) * 32),calc(var(--bb-u-vw) * 4),calc(var(--bb-u-px) * 56));grid-template-columns:1.2fr 1fr;display:grid}.door{border-radius:calc(var(--bb-u-px) * 26);padding:clamp(calc(var(--bb-u-px) * 24),calc(var(--bb-u-vw) * 2.8),calc(var(--bb-u-px) * 40));min-height:300px;transition:transform calc(var(--bb-u-s) * .3);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.door:hover{transform:translateY(-4px)}.door.call{background:var(--rock);color:var(--ink)}.door.tool{background:var(--ink-3);color:var(--bone);border:1px solid var(--line)}.door h3{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 36),calc(var(--bb-u-vw) * 3.4),calc(var(--bb-u-px) * 54));line-height:1}.door p{font-size:calc(var(--bb-u-px) * 17);margin-top:calc(var(--bb-u-px) * 10);opacity:.85;max-width:36ch;line-height:1.5}.door .st{font-family:var(--mono);font-size:calc(var(--bb-u-px) * 11);padding:calc(var(--bb-u-px) * 5) calc(var(--bb-u-px) * 10);border-radius:calc(var(--bb-u-px) * 99);border:1px solid;position:absolute;top:22px;right:22px}.door.call .st{background:var(--ink);color:var(--rock);border-color:var(--ink)}.door .go{margin-top:calc(var(--bb-u-px) * 20);gap:calc(var(--bb-u-px) * 10);align-items:center;font-weight:600;display:inline-flex}.door .art{opacity:.9;width:260px;height:260px;position:absolute;bottom:-50px;right:-40px}.rel{margin-top:clamp(calc(var(--bb-u-px) * 64),calc(var(--bb-u-vw) * 7),calc(var(--bb-u-px) * 104))}.rel-head{justify-content:space-between;align-items:end;gap:calc(var(--bb-u-px) * 16);margin-bottom:calc(var(--bb-u-px) * 24);flex-wrap:wrap;display:flex}.rel-head h2{font-size:clamp(calc(var(--bb-u-px) * 38),calc(var(--bb-u-vw) * 3.6),calc(var(--bb-u-px) * 56))}.rel-head a{text-underline-offset:5px;text-decoration:underline;text-decoration-color:var(--rock);font-weight:600;text-decoration-thickness:2px}.rel .card{background:var(--ink-2);border-color:var(--line);color:var(--bone)}.rel .card p,.rel .card .meta-row{color:var(--mute)}@media (width<=1000px){.a-grid{gap:calc(var(--bb-u-px) * 24);grid-template-columns:1fr}.toc{z-index:10;border-radius:calc(var(--bb-u-px) * 16);padding:0;position:sticky;top:6px}.toc summary{cursor:pointer;padding:calc(var(--bb-u-px) * 14) calc(var(--bb-u-px) * 16)}.toc summary:after{content:"";border:solid var(--ink);width:10px;height:10px;margin-left:calc(var(--bb-u-px) * 10);border-width:0 2px 2px 0;transform:rotate(45deg)}.toc[open] summary:after{transform:rotate(-135deg)}.toc ol,.toc .toc-cta,.toc .copy-link{margin:0 calc(var(--bb-u-px) * 12) calc(var(--bb-u-px) * 12)}.toc .toc-cta{margin-bottom:calc(var(--bb-u-px) * 8)}.toc .copy-link{width:calc(100% - 24px)}}@media (width<=860px){.a-cover-in{grid-template-columns:1fr}.a-title{font-size:clamp(calc(var(--bb-u-px) * 46),calc(var(--bb-u-vw) * 12.4),calc(var(--bb-u-px) * 64))}.frame{max-width:420px;transform:none}.frame .stamp{bottom:-14px;left:12px}.takes{grid-template-columns:1fr}.take{min-height:0}.take p{margin-top:calc(var(--bb-u-px) * 18);font-size:calc(var(--bb-u-px) * 24)}.ba-cols,.loop,.check{grid-template-columns:1fr}.loop-fig{max-width:300px}.prose p{font-size:calc(var(--bb-u-px) * 18)}.win{grid-template-columns:1fr}.author{text-align:left;grid-template-columns:1fr}.author img{width:110px;height:126px}.doors{grid-template-columns:1fr}.door{min-height:240px}.pull .qm{font-size:calc(var(--bb-u-px) * 140)}.h2{gap:calc(var(--bb-u-px) * 12)}.h2:before{width:10px}.try li{gap:calc(var(--bb-u-px) * 14);grid-template-columns:40px 1fr}.try li:before{width:40px;height:40px;font-size:calc(var(--bb-u-px) * 22)}}@media (width<=1300px){.sort>span{display:none}}@media (width<=860px){.try{box-shadow:calc(var(--bb-u-px) * 5) calc(var(--bb-u-px) * 5) 0 var(--t)}.callout{gap:calc(var(--bb-u-px) * 14);padding:calc(var(--bb-u-px) * 20);grid-template-columns:40px 1fr}.callout .ic{border-radius:calc(var(--bb-u-px) * 12);width:40px;height:40px}.callout .ic svg{width:22px;height:22px}.feat-body{padding:calc(var(--bb-u-px) * 20);bottom:12px;left:12px;right:12px}.feat{min-height:500px}.door .art{opacity:.55;width:170px;height:170px;bottom:-40px;right:-40px}}.bb-articles [hidden]{display:none!important}.cover-art .bg{fill:var(--rock)}.cover-art .band{opacity:.96}.cover-art .bk{fill:var(--ink);opacity:1}.cover-art .sun{fill:var(--sun)}.cover-art .halo{fill:var(--sun);opacity:.22}.cover-art .ln{fill:none;stroke:var(--ink);stroke-opacity:.18;stroke-width:2px}.s-systems .bg{fill:var(--bb-c-c9663d)}.s-systems .b0{fill:var(--bb-c-e08a5c)}.s-systems .b1{fill:var(--bb-c-b5552f)}.s-systems .b2{fill:var(--bb-c-f2d39b)}.s-systems .b3{fill:var(--bb-c-9e4728)}.s-systems .b4{fill:var(--bb-c-d9784a)}.s-voice .bg{fill:var(--bb-c-3f7fb3)}.s-voice .b0{fill:var(--bb-c-6aa3cf)}.s-voice .b1{fill:var(--bb-c-2f6595)}.s-voice .b2{fill:var(--bb-c-a8c9e3)}.s-voice .b3{fill:var(--bb-c-24507a)}.s-voice .b4{fill:var(--bb-c-f2d39b)}.s-content .bg{fill:var(--bb-c-e8a93a)}.s-content .b0{fill:var(--bb-c-f3c768)}.s-content .b1{fill:var(--bb-c-d18d22)}.s-content .b2{fill:var(--bb-c-f8e0a6)}.s-content .b3{fill:var(--bb-c-c9663d)}.s-content .b4{fill:var(--bb-c-b9761a)}.s-agents .bg{fill:var(--bb-c-3e7a5e)}.s-agents .b0{fill:var(--bb-c-5d9a7e)}.s-agents .b1{fill:var(--bb-c-2f6249)}.s-agents .b2{fill:var(--bb-c-9cc7b2)}.s-agents .b3{fill:var(--bb-c-234d39)}.s-agents .b4{fill:var(--bb-c-f2d39b)}.s-dusk .bg{fill:var(--bb-c-241b15)}.s-dusk .b0{fill:var(--bb-c-3a271c)}.s-dusk .b1{fill:var(--bb-c-c9663d)}.s-dusk .b2{fill:var(--bb-c-9e4728)}.s-dusk .b3{fill:var(--bb-c-f2d39b)}.s-dusk .b4{fill:var(--bb-c-6b2f1a)}.tpill{border-radius:calc(var(--bb-u-px) * 8);padding:calc(var(--bb-u-px) * 5) calc(var(--bb-u-px) * 10);font-size:calc(var(--bb-u-px) * 13);background:var(--ink);color:var(--sun);align-self:flex-start;align-items:center;font-weight:600;line-height:1;display:inline-flex}.tpill.on-light{background:var(--bone);color:var(--ink)}.tpill.on-dark{background:var(--ink);color:var(--sun);padding:calc(var(--bb-u-px) * 8) calc(var(--bb-u-px) * 13);font-size:calc(var(--bb-u-px) * 14);border-radius:calc(var(--bb-u-px) * 10)}.card .tpill{margin-bottom:calc(var(--bb-u-px) * 14)}.chip.t-light{background:var(--bone);color:var(--ink)}.chip.t-light i{background:var(--t);opacity:1}.g-title:after{content:".";color:var(--rock)}.g-hero{padding-bottom:0}.g-hero-in>div:first-child{padding-bottom:clamp(calc(var(--bb-u-px) * 36),calc(var(--bb-u-vw) * 4),calc(var(--bb-u-px) * 64))}.fgroups{gap:calc(var(--bb-u-px) * 8);flex-direction:column;min-width:0;display:flex}.fgroups .chips{align-items:center}.flbl{font-size:calc(var(--bb-u-px) * 13);color:var(--mute-d);flex:none;min-width:44px;font-weight:600}.fchip.ty{--t:var(--ink);--t-ink:var(--sun)}.g-status{margin-bottom:calc(var(--bb-u-px) * 24)}h2.g-count{font-weight:400}.soon-card{border-radius:var(--r);background:var(--ink);color:var(--bone);min-height:360px;padding:clamp(calc(var(--bb-u-px) * 24),calc(var(--bb-u-vw) * 3),calc(var(--bb-u-px) * 44));flex-direction:column;grid-column:span 2;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.soon-art{width:100%;height:62%;position:absolute;top:0;left:0;right:0}.soon-art .s1,.empty .s1{fill:var(--sun)}.soon-art .s2,.empty .s2{fill:var(--rock)}.soon-art .s3,.empty .s3{fill:var(--bb-c-9e4728)}.soon-art .s4{fill:var(--bb-c-6b2f1a)}.soon-body{max-width:46ch;position:relative}.soon-body h3{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 36),calc(var(--bb-u-vw) * 3.4),calc(var(--bb-u-px) * 54));line-height:1}.soon-body p{font-size:calc(var(--bb-u-px) * 17);color:color-mix(in srgb, var(--bb-c-f3ebdd) 80%, transparent);margin:calc(var(--bb-u-px) * 12) 0 calc(var(--bb-u-px) * 22);line-height:1.5}.btn-ink{background:var(--ink);color:var(--bone)}.soon-body .btn-ink{background:var(--rock);color:var(--ink)}.closer h2 em{color:var(--bone);font-style:normal}.blk-head .h3{font-family:var(--serif);font-weight:400;font-size:clamp(calc(var(--bb-u-px) * 28),calc(var(--bb-u-vw) * 2.4),calc(var(--bb-u-px) * 36));scroll-margin-top:90px;line-height:1.02}.tldr .blk-head .h3 span{color:var(--sun)}.loop-lede{font-size:calc(var(--bb-u-px) * 16);opacity:.9;margin-bottom:calc(var(--bb-u-px) * 16);line-height:1.5}.a-end h2 .plain{color:var(--bone)}.door .rings circle{fill:none;stroke:var(--ink);stroke-width:2px;opacity:.35}.door .dot{fill:var(--sun)}.door .blocks{fill:var(--sun);opacity:.25}.frame .glyph.big{width:40%;height:40%;color:var(--sun);position:absolute;inset:30%}.bar .logo img{width:auto;height:26px;display:block}.prose a{text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--t);text-decoration-thickness:2px}.prose ul,.prose ol{margin:calc(var(--bb-u-em) * 1) 0 0 calc(var(--bb-u-em) * 1.2);font-size:calc(var(--bb-u-px) * 19);color:var(--bb-c-30291f);line-height:1.6}.prose h3{font-family:var(--serif);font-weight:400;font-size:calc(var(--bb-u-px) * 32);margin-top:calc(var(--bb-u-em) * 1.2);line-height:1.05}.chart.drawn .l-learn{stroke-dashoffset:0}.chart.drawn .area{opacity:1}@media (width<=1100px){.soon-card{grid-column:span 2}}@media (width<=860px){.soon-card{min-height:0;padding-top:calc(var(--bb-u-px) * 190);grid-column:auto}.soon-art{height:180px}.fgroups{gap:calc(var(--bb-u-px) * 6)}.flbl{min-width:0}}