.bbl-page{--bbl-ink: #171410;--bbl-paper: #f2ecdf;--bbl-paper-deep: #e8decc;--bbl-brass: #aa7426;--bbl-brass-light: #d8ad68;--bbl-muted: #756d62;min-height:100vh;background:var(--bbl-paper);color:var(--bbl-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}.bbl-page *,.bbl-page *:before,.bbl-page *:after{box-sizing:border-box}.bbl-page a{color:inherit}.bbl-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid rgb(242 236 223 / 18%);background:#15130f;color:#f5efe4}.bbl-wordmark{display:inline-flex;align-items:center;gap:10px;color:inherit;font-size:15px;font-weight:700;letter-spacing:-.01em;text-decoration:none}.bbl-wordmark-mark{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--bbl-brass-light);border-radius:50%;color:var(--bbl-brass-light);font-family:Georgia,Times New Roman,serif;font-size:16px}.bbl-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,36px);font-size:13px}.bbl-nav a{color:#d7d0c3;text-decoration:none}.bbl-nav a:hover,.bbl-nav a:focus-visible{color:#fff}.bbl-nav .bbl-nav-cta{padding:9px 14px;border:1px solid rgb(216 173 104 / 65%);border-radius:999px;color:#f4dfbb}.bbl-hero{position:relative;display:grid;min-height:min(760px,calc(100vh - 72px));align-items:end;overflow:hidden;background:#15130f;color:#f6f0e5;isolation:isolate}.bbl-hero-image,.bbl-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.bbl-hero-image{z-index:-2;background:url(/library/beat-library-hero.webp) center / cover no-repeat;animation:bbl-hero-in 1.1s ease-out both}.bbl-hero-shade{z-index:-1;background:linear-gradient(90deg,#0c0a08eb,#0c0a08b8 42%,#0c0a0829 72%),linear-gradient(0deg,rgb(12 10 8 / 78%) 0%,transparent 52%)}.bbl-hero-content{width:min(760px,100%);padding:clamp(56px,9vw,120px) clamp(20px,6vw,92px);animation:bbl-copy-in .7s .12s ease-out both}.bbl-kicker{margin:0 0 18px;color:var(--bbl-brass);font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.bbl-hero .bbl-kicker{color:var(--bbl-brass-light)}.bbl-hero h1,.bbl-detail-hero h1,.bbl-method h2,.bbl-index h2,.bbl-cta h2,.bbl-library-not-found h1{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.045em}.bbl-hero h1{max-width:720px;font-size:clamp(54px,8vw,106px);line-height:.91}.bbl-hero-dek{max-width:590px;margin:28px 0 32px;color:#d3cabd;font-size:clamp(17px,2vw,21px);line-height:1.55}.bbl-text-link{display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid currentColor;color:inherit;font-size:14px;font-weight:650;line-height:2;text-decoration:none}.bbl-hero-caption{position:absolute;right:clamp(20px,4vw,64px);bottom:22px;margin:0;color:#f6f0e594;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.bbl-method,.bbl-index-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:clamp(36px,8vw,140px)}.bbl-method{padding:clamp(76px,10vw,140px) clamp(20px,6vw,92px);border-bottom:1px solid #cfc3b1}.bbl-method h2,.bbl-index h2,.bbl-cta h2{font-size:clamp(42px,5vw,72px);line-height:1}.bbl-method-copy{max-width:650px;color:#4e4840;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.4vw,29px);line-height:1.47}.bbl-method-copy p{margin:0 0 1em}.bbl-act-map{overflow-x:auto;background:var(--bbl-paper-deep);scrollbar-color:var(--bbl-brass) transparent}.bbl-act-map ol{display:grid;grid-template-columns:repeat(4,minmax(270px,1fr));min-width:1080px;margin:0;padding:0;list-style:none}.bbl-act-map li{min-height:300px;padding:clamp(30px,4vw,58px);border-right:1px solid #cabda9;color:#3e3932}.bbl-act-map li>span{display:inline-block;margin-bottom:48px;color:var(--bbl-brass);font-size:9px;font-weight:700;letter-spacing:.14em}.bbl-act-map li>p:first-of-type{margin:0 0 7px;color:var(--bbl-brass);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.bbl-act-map h3{margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,2.4vw,38px);font-weight:400;letter-spacing:-.035em}.bbl-act-map li>p:last-of-type{min-height:70px;margin:0 0 28px;color:#5a5248;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.5}.bbl-act-map small{color:#786e61;font-size:9px;line-height:1.6;text-transform:uppercase}.bbl-index{padding:clamp(82px,11vw,160px) clamp(20px,6vw,92px)}.bbl-index-heading{align-items:end;margin-bottom:clamp(46px,7vw,92px)}.bbl-index-heading>p{max-width:570px;margin:0;color:var(--bbl-muted);font-size:16px;line-height:1.7}.bbl-film-list{margin:0;padding:0;border-top:1px solid #b9ad9b;list-style:none}.bbl-film-list li{border-bottom:1px solid #cfc3b1}.bbl-film-list a{display:grid;grid-template-columns:54px minmax(0,1fr) 70px 28px;gap:18px;align-items:center;padding:clamp(19px,2.6vw,32px) 4px;text-decoration:none;transition:padding .18s ease,color .18s ease,background .18s ease}.bbl-film-list a:hover,.bbl-film-list a:focus-visible{padding-right:16px;padding-left:16px;background:#ebe1d0;color:#76501b;outline:none}.bbl-film-number,.bbl-film-year{color:var(--bbl-muted);font-size:11px;letter-spacing:.1em}.bbl-film-title{display:flex;min-width:0;align-items:baseline;gap:18px}.bbl-film-title strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,3vw,38px);font-weight:400;letter-spacing:-.025em}.bbl-film-title span{color:var(--bbl-muted);font-size:12px}.bbl-film-arrow{font-size:20px}.bbl-cta{padding:clamp(84px,11vw,150px) clamp(20px,6vw,92px);background:#17140f;color:#f3ecdf}.bbl-cta h2{max-width:900px}.bbl-cta a{display:inline-flex;gap:12px;margin-top:40px;padding-bottom:7px;border-bottom:1px solid var(--bbl-brass-light);color:var(--bbl-brass-light);text-decoration:none}.bbl-footer{display:flex;justify-content:space-between;gap:30px;padding:28px clamp(20px,4vw,64px);border-top:1px solid rgb(242 236 223 / 14%);background:#17140f;color:#aaa194;font-size:11px}.bbl-footer p{margin:0}.bbl-footer div{display:flex;gap:24px}.bbl-footer a{text-decoration:none}.bbl-detail-page{background:var(--bb-bg-main, #0f0d12);color:var(--bb-ink, #f4f1ea)}.bbl-detail-hero{padding:clamp(42px,5vw,72px) clamp(20px,6vw,92px) clamp(50px,6vw,82px);border-bottom:1px solid var(--bb-line, rgb(244 241 234 / 9%));background:var(--bb-bg, #0c0b0e)}.bbl-breadcrumb{display:flex;gap:9px;margin-bottom:clamp(42px,5vw,68px);color:var(--bb-ink-faint, #7f7a72);font-size:11px}.bbl-breadcrumb a{text-decoration:none}.bbl-detail-hero h1{max-width:1120px;color:var(--bb-ink, #f4f1ea);font-size:clamp(52px,7vw,104px);line-height:.9}.bbl-detail-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:clamp(36px,8vw,120px);margin-top:clamp(30px,4vw,48px)}.bbl-detail-thesis{max-width:800px;margin:0;color:var(--bb-ink-dim, #b7b2a8);font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,3vw,34px);line-height:1.42}.bbl-detail-meta{color:var(--bb-ink-faint, #7f7a72);font-size:12px;line-height:1.65}.bbl-detail-meta p{margin:0 0 12px}.bbl-detail-layout{display:grid;grid-template-columns:minmax(150px,.2fr) minmax(0,1fr);gap:clamp(30px,4vw,68px);padding:clamp(48px,6vw,82px) clamp(20px,4vw,64px);background:var(--bb-bg-main, #0f0d12)}.bbl-progress{position:sticky;top:28px;align-self:start}.bbl-progress>p{margin:0 0 18px;color:var(--bb-gold, #d4a853);font-family:var(--bb-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:9px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.bbl-progress ol{margin:0;padding:0;list-style:none}.bbl-progress a{display:grid;grid-template-columns:26px 1fr;gap:3px 6px;padding:10px 0;color:var(--bb-ink-faint, #7f7a72);font-family:var(--bb-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;line-height:1.25;text-decoration:none}.bbl-progress a:hover,.bbl-progress a:focus-visible{color:var(--bb-gold, #d4a853)}.bbl-progress span{grid-row:1 / 3;color:var(--bb-ink-faint, #7f7a72);font-size:9px}.bbl-progress strong{font-weight:650}.bbl-progress small{color:var(--bb-ink-faint, #7f7a72);font-size:9px}.bbl-acts{min-width:0}.bbl-act-section{scroll-margin-top:28px;margin-bottom:clamp(62px,7vw,96px)}.bbl-act-heading{display:grid;grid-template-columns:44px minmax(0,1fr);gap:clamp(18px,3vw,42px);align-items:start;padding:26px 0 30px;border-top:1px solid var(--bb-line-2, rgb(244 241 234 / 16%))}.bbl-act-heading>div{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr);column-gap:clamp(24px,4vw,64px)}.bbl-act-heading>span{padding-top:9px;color:var(--bb-gold, #d4a853);font-family:var(--bb-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:10px;font-weight:700;letter-spacing:.14em}.bbl-act-heading p{margin:0 0 7px;color:var(--bb-gold, #d4a853);font-family:var(--bb-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.bbl-act-heading p:last-child{grid-column:2;grid-row:1 / 3;max-width:700px;margin:4px 0 0;color:var(--bb-ink-dim, #b7b2a8);font-family:var(--bb-font-body, Inter, system-ui, sans-serif);font-size:14px;letter-spacing:0;line-height:1.6;text-transform:none}.bbl-act-heading h2{margin:0;color:var(--bb-ink, #f4f1ea);font-family:var(--bb-font-display, "Space Grotesk", system-ui, sans-serif);font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.03em;line-height:1.05}.bbl-act-beats{columns:2 360px;column-gap:16px;margin:0;padding:0;list-style:none}.bbl-act-beats li{position:relative;display:inline-block;width:100%;margin:0 0 16px;border:1px solid var(--bb-line, rgb(244 241 234 / 9%));background:#090909;break-inside:avoid;scroll-margin-top:28px;transition:border-color .18s ease,background-color .18s ease}.bbl-act-beats li:hover{border-color:var(--bb-line-2, rgb(244 241 234 / 16%));background:#0b0a0c}.bbl-act-beats li>span{position:absolute;top:17px;right:18px;color:var(--bb-ink-faint, #7f7a72);font-family:var(--bb-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:10px;letter-spacing:.1em}.bbl-act-beats h3{margin:0;padding:17px 54px 16px 20px;border-bottom:1px solid var(--bb-line, rgb(244 241 234 / 9%));color:var(--bb-gold, #d4a853);font-family:var(--bb-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:12px;font-weight:500;letter-spacing:.12em;line-height:1.45;text-transform:uppercase}.bbl-act-beats p{margin:0;padding:20px;color:var(--bb-ink-edit, #faf7ef);font-family:var(--bb-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:14px;line-height:1.68}.bbl-next{display:flex;justify-content:space-between;gap:24px;padding:34px clamp(20px,6vw,92px) 100px;background:var(--bb-bg-main, #0f0d12);color:var(--bb-ink-dim, #b7b2a8);font-size:13px}.bbl-next a{text-decoration:none}.bbl-library-not-found{min-height:70vh;padding:clamp(80px,12vw,180px) clamp(20px,6vw,92px)}.bbl-library-not-found h1{max-width:800px;margin-bottom:42px;font-size:clamp(48px,7vw,90px);line-height:.98}@keyframes bbl-hero-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes bbl-copy-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1050px){.bbl-detail-layout{grid-template-columns:1fr}.bbl-progress{position:static;overflow-x:auto;padding-bottom:10px}.bbl-progress ol{display:flex;min-width:max-content;gap:14px}.bbl-progress a{min-width:104px}}@media (max-width: 760px){.bbl-nav>a:not(.bbl-nav-cta){display:none}.bbl-hero{min-height:680px}.bbl-hero-image{background-position:62% center}.bbl-hero-shade{background:linear-gradient(90deg,#0c0a08ed,#0c0a0899 85%),linear-gradient(0deg,rgb(12 10 8 / 86%) 0%,transparent 66%)}.bbl-hero-content{padding-bottom:96px}.bbl-hero-caption{right:auto;left:20px}.bbl-method,.bbl-index-heading,.bbl-detail-intro{grid-template-columns:1fr}.bbl-film-list a{grid-template-columns:34px minmax(0,1fr) 24px;gap:10px}.bbl-film-year{display:none}.bbl-film-title{display:block}.bbl-film-title span{display:block;margin-top:5px}.bbl-act-section{margin-bottom:62px}.bbl-act-heading{grid-template-columns:34px 1fr;gap:14px}.bbl-act-heading>div{grid-template-columns:1fr}.bbl-act-heading p:last-child{grid-column:1;grid-row:3;margin-top:10px}.bbl-act-beats{columns:1}.bbl-act-beats p{font-size:13px}.bbl-footer{flex-direction:column}}@media (prefers-reduced-motion: reduce){.bbl-page *,.bbl-page *:before,.bbl-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wizard-background{position:relative;background-color:var(--wizard-bg-color, var(--bb-bg-main, #0f0d12))}.wizard-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#d4a85308,#d4a85308);pointer-events:none}.wizard-title-gradient{color:var(--bb-ink, #f4f1ea);font-family:var(--bb-font-display, "Space Grotesk", system-ui, sans-serif)!important;font-weight:600!important;letter-spacing:-.02em!important}.wizard-instruction-box{background-color:var(--bb-gold-wash, rgba(212, 168, 83, .07));border:1px solid var(--bb-gold-dim, rgba(212, 168, 83, .55));border-radius:0;padding:16px;color:var(--bb-ink-dim, #b7b2a8)}