body.bb-page{--bb-bg:#0a0a0d;--bb-line:#ffffff1f;--bb-text:#f4f1ed;--bb-violet:#f14101;--bb-violet2:#b02c00;--bb-max:1240px;--bb-head:var(--font-heading,"Jura", sans-serif);--bb-body:var(--font-main,"Montserrat", sans-serif);--bb-surface:#ffffff08;--bb-surface-2:#ffffff0e;--bb-surface-3:#ffffff16;background:var(--bg,var(--bb-bg));color:var(--bb-text);margin:0}.bb{font-family:var(--bb-body);padding-top:clamp(84px,11vh,118px);line-height:1.5;position:relative}body.bb-page>[data-include=footer]{z-index:1;position:relative}.bb *,.bb :before,.bb :after{box-sizing:border-box}.bb a{color:inherit;text-decoration:none}.bb section{padding:120px 0}body.bb-page .bb :is(h1,h2,h3,h4){font-family:var(--bb-head);color:var(--bb-text);margin:0}.bb .wrap{width:min(var(--bb-max), calc(100% - 48px));margin:auto}.bb .btn{border:1px solid var(--bb-line);border-radius:999px;align-items:center;gap:10px;padding:13px 18px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.bb .btn:hover{background:#ffffff0a;border-color:#ffffff47}.bb .btn.primary{background:linear-gradient(135deg, var(--bb-violet), var(--bb-violet2));border:none;box-shadow:0 8px 30px #f1410138}.bb .btn.primary:hover{transform:translateY(-1px)}.bb .btn:focus-visible{outline-offset:3px;outline:2px solid #fea48c}.bb .eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#d57f68;font-size:11px;font-weight:700}.bb .hero{grid-template-rows:auto 1fr auto auto;gap:clamp(28px,5vh,56px);min-height:min(88vh,860px);padding:clamp(28px,6vh,64px) 0 clamp(40px,6vh,72px);display:grid;position:relative}.bb .hero-rail{letter-spacing:.22em;text-transform:uppercase;color:#f4f1ed75;justify-content:space-between;align-items:baseline;gap:20px;font-size:11px;font-weight:500;display:flex}body.bb-page .bb .hero-title{font-family:var(--bb-head);letter-spacing:-.045em;color:#fbf8f5;text-wrap:balance;align-self:center;max-width:none;font-size:clamp(54px,12.6vw,170px);font-weight:400;line-height:.9}.bb .hero-title .amp{color:#f14101;padding:0 .04em;font-weight:400}.bb .hero-title .dot{color:#f14101}.bb .hero-body{grid-template-columns:1.05fr .95fr;align-items:start;gap:clamp(24px,5vw,72px);display:grid}body.bb-page .bb .hero-lede{font-family:var(--bb-head);letter-spacing:-.02em;color:#f7f4f1;margin:0;font-size:clamp(24px,3vw,40px);font-weight:400;line-height:1.22}.bb .hero-note{color:#f4f1ed94;max-width:460px;margin:0;font-size:16px;line-height:1.68}.bb .hero-jump{border-bottom:1px solid var(--bb-line);color:#f4f1ed;justify-content:space-between;align-items:center;gap:42px;min-width:232px;margin-top:30px;padding-bottom:12px;font-size:14px;transition:border-color .25s,color .25s;display:inline-flex}.bb .hero-jump span{transition:transform .25s}.bb .hero-jump:hover{border-color:#ffffff6b}.bb .hero-jump:hover span{transform:translateY(3px)}.bb .hero-jump:focus-visible{outline-offset:6px;outline:2px solid #fea48c}.bb .hero-meta{border-top:1px solid var(--bb-line);grid-template-columns:repeat(4,1fr);gap:20px;padding-top:26px;display:grid}.bb .meta-label{color:#f4f1ed6b;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.bb .meta-value{color:#f2eeea;margin-top:12px;font-size:14px}.bb .showreel{padding:0;line-height:0;position:relative}.bb .showreel video{width:min(var(--bb-max), calc(100% - 48px));aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border:1px solid var(--bb-line);border-radius:26px;height:auto;margin:auto;display:block}.bb .reel-overlay{padding:clamp(32px,6vh,64px) 0 clamp(52px,9vh,104px)}.bb .reel-stats{width:min(var(--bb-max), calc(100% - 48px));grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);margin:auto;line-height:1.5;display:grid}.bb .reel-stat strong{font-family:var(--bb-head);letter-spacing:-.04em;color:#fbf8f5;align-items:baseline;gap:.12em;font-size:clamp(40px,5.4vw,76px);font-weight:400;line-height:1;display:flex}.bb .reel-stat strong em{letter-spacing:-.01em;color:#f14101;font-size:.34em;font-style:normal;font-weight:500}.bb .reel-stat span{color:#f4f1ed9e;margin-top:16px;font-size:14px;display:block}.bb .case-index{letter-spacing:.22em;text-transform:uppercase;color:#f4f1ed6b;font-size:11px;font-weight:500}body.bb-page .bb .case-title{font-family:var(--bb-head);letter-spacing:-.035em;color:#f7f4f1;margin:0;font-size:clamp(32px,5vw,64px);font-weight:400;line-height:1.08}.bb .case-title span{color:#f4f1ed80}.bb .ov-head{grid-template-columns:.37fr 1fr;align-items:start;gap:clamp(24px,4vw,56px);display:grid}.bb .ov-head .case-index{padding-top:.5em}.bb .ov-cols{grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,76px);margin-top:clamp(34px,5vw,62px);display:grid}.bb .ov-cols p{color:#f4f1ed99;margin:0;font-size:16px;line-height:1.68}.bb .ov-principles{grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,38px);margin:clamp(60px,11vh,132px) 0 0;padding:0;list-style:none;display:grid}.bb .ov-principles li{border-top:1px solid var(--bb-line);padding-top:26px}.bb .ov-num{letter-spacing:.08em;color:#f14101;font-size:12px;display:block}body.bb-page .bb .ov-principles h3{font-family:var(--bb-head);letter-spacing:-.015em;color:#f7f4f1;margin:24px 0 0;font-size:20px;font-weight:400}.bb .ov-principles p{color:#f4f1ed8c;margin:16px 0 0;font-size:14px;line-height:1.62}.bb .challenge .case-title{margin-top:clamp(34px,6vw,78px)}.bb .challenge-body{grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,76px);margin-top:clamp(44px,8vw,104px);display:grid}.bb .challenge-body p{color:#f4f1ed99;grid-column:2;margin:0;font-size:16px;line-height:1.68}.bb .section-head{grid-template-columns:.8fr 1.2fr;align-items:start;gap:60px;display:grid}.bb .section-head h2{font-family:var(--bb-head);letter-spacing:-.03em;font-size:clamp(40px,5vw,72px);font-weight:500;line-height:1.02}.bb .section-copy{color:#b8b3bc;max-width:560px;font-size:17px}.bb .section-copy p{margin:0 0 18px}.bb .architecture{border:1px solid var(--bb-line);background:var(--bb-surface);border-radius:26px;margin-top:64px;padding:32px}.bb .flow{grid-template-columns:repeat(7,1fr);align-items:center;gap:10px;display:grid}.bb .node{border:1px solid var(--bb-line);background:var(--bb-surface-2);border-radius:18px;flex-direction:column;justify-content:space-between;min-height:130px;padding:18px;display:flex}.bb .node small{color:#7e7885;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.bb .node b{font-size:14px}.bb .node em{color:#9d97a2;font-size:10px;font-style:normal}.bb .flow-line{background:linear-gradient(90deg, var(--bb-violet), #f14101);height:2px;margin:22px 8px 0;position:relative}.bb .flow-labels{color:#7f7886;text-transform:uppercase;letter-spacing:.12em;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;font-size:9px;display:grid}.bb .decision{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.bb .decision h2{font-family:var(--bb-head);letter-spacing:-.03em;font-size:clamp(46px,5vw,76px);font-weight:500;line-height:.98}.bb .decision p{color:#b6b0b9;max-width:560px;font-size:17px}.bb .signal{border:1px solid var(--bb-line);background:radial-gradient(circle at 85% 0%, #f1410126, transparent 35%), var(--bb-surface);border-radius:26px;padding:32px}.bb .signal-row{grid-template-columns:1fr 80px 1fr 80px 1fr;align-items:center;gap:8px;display:grid}.bb .signal-box{background:var(--bb-surface-2);border:1px solid var(--bb-line);border-radius:16px;padding:22px}.bb .signal-box small{color:#88818d;text-transform:uppercase;letter-spacing:.14em;font-size:9px;display:block}.bb .signal-box strong{margin-top:6px;font-size:18px;display:block}.bb .signal .connector{text-align:center;color:var(--bb-violet);font-size:20px}.bb .showcase{grid-template-columns:1.35fr .65fr;gap:20px;margin-top:54px;display:grid}.bb .shot{border:1px solid var(--bb-line);background:var(--bb-surface);border-radius:22px;min-height:420px;position:relative;overflow:hidden}.bb .shot.big{min-height:560px}.bb .shot .chrome{border-bottom:1px solid var(--bb-line);align-items:center;gap:7px;height:44px;padding:0 16px;display:flex}.bb .shot .dot{background:#ffffff29;border-radius:50%;width:8px;height:8px}.bb .shot-content{padding:28px}.bb .sheet{background:var(--bb-line);border:1px solid var(--bb-line);border-radius:10px;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:1px;margin-top:14px;display:grid;overflow:hidden}.bb .cell{background:var(--bb-surface-2);color:#bbb5c1;padding:12px;font-size:10px}.bb .cell.head{background:var(--bb-surface-3);color:#f7f0ee;font-weight:700}.bb .pill{color:#fea48c;background:#f1410138;border-radius:999px;padding:4px 8px;font-size:9px;display:inline-block}.bb .calendar{grid-template-columns:80px 1fr;min-height:340px;display:grid}.bb .times{border-right:1px solid var(--bb-line);padding-top:34px}.bb .times div{color:#6f6874;height:72px;padding-left:10px;font-size:9px}.bb .event{background:linear-gradient(135deg,#f14101,#f14101);border-radius:14px;height:88px;margin:88px 24px 0;padding:16px;font-size:11px;box-shadow:0 18px 40px #aa2b0047}.bb .closing{padding:90px 0 110px}.bb .closing-card{background:radial-gradient(circle at 82% 42%, #f141014d, transparent 20%), radial-gradient(circle at 75% 60%, #73190061, transparent 31%), var(--bb-surface);border:1px solid #f141014d;border-radius:30px;flex-direction:column;justify-content:flex-end;min-height:420px;padding:54px;display:flex}.bb .closing-card h2{font-family:var(--bb-head);max-width:800px;font-size:clamp(44px,5vw,74px);font-weight:500;line-height:1}.bb .closing-card p{color:#b9b2c0;max-width:620px;margin:22px 0 28px;font-size:16px}@media (width<=980px){.bb .hero-body,.bb .section-head,.bb .decision,.bb .showcase{grid-template-columns:1fr}.bb .hero{gap:34px;min-height:0}.bb .hero-meta{grid-template-columns:1fr 1fr;row-gap:26px}.bb .ov-head{grid-template-columns:1fr;gap:20px}.bb .ov-head .case-index{padding-top:0}.bb .ov-principles{grid-template-columns:1fr 1fr;row-gap:40px}.bb .reel-stats{gap:18px}.bb .reel-stat span{margin-top:10px;font-size:12px}.bb .flow{grid-template-columns:1fr 1fr}.bb .flow-line,.bb .flow-labels{display:none}.bb .signal-row{grid-template-columns:1fr}.bb .signal .connector{transform:rotate(90deg)}}@media (width<=640px){.bb .wrap{width:min(100% - 28px, var(--bb-max))}.bb .hero{min-height:0;padding-top:40px}.bb .hero-rail{flex-direction:column;gap:8px}.bb .hero-jump{min-width:100%}.bb .reel-overlay{padding:32px 0 38px}.bb .showreel video{width:min(100% - 28px, var(--bb-max));border-radius:18px}.bb .reel-stats{grid-template-columns:1fr;gap:26px}.bb .ov-cols{grid-template-columns:1fr;gap:20px}.bb .challenge-body{grid-template-columns:1fr}.bb .challenge-body p{grid-column:1}.bb .ov-principles{grid-template-columns:1fr;row-gap:32px}.bb .hero-meta{grid-template-columns:1fr}.bb section{padding:84px 0}.bb .closing-card{padding:32px}}@media (prefers-reduced-motion:reduce){.bb .btn,.bb .hero-jump,.bb .hero-jump span{transition:none}.bb .hero-jump:hover span,.bb .btn.primary:hover{transform:none}}body.bb-page.light-mode{--bb-bg:#fbf6f4;--bb-line:#1a12101f;--bb-text:#1a1210;--bb-surface:#1a121006;--bb-surface-2:#1a12100b;--bb-surface-3:#1a121013;background:var(--bb-bg);color:var(--bb-text)}body.bb-page.light-mode .bb .hero-title,body.bb-page.light-mode .bb .hero-lede,body.bb-page.light-mode .bb .hero-jump,body.bb-page.light-mode .bb .meta-value,body.bb-page.light-mode .bb .reel-stat strong,body.bb-page.light-mode .bb .case-title,body.bb-page.light-mode .bb .ov-principles h3,body.bb-page.light-mode .bb .cell.head{color:#1a1210}body.bb-page.light-mode .bb .hero-note,body.bb-page.light-mode .bb .reel-stat span,body.bb-page.light-mode .bb .ov-cols p,body.bb-page.light-mode .bb .ov-principles p,body.bb-page.light-mode .bb .challenge-body p,body.bb-page.light-mode .bb .section-copy,body.bb-page.light-mode .bb .decision p,body.bb-page.light-mode .bb .closing-card p,body.bb-page.light-mode .bb .cell{color:#4f4542}body.bb-page.light-mode .bb .hero-rail,body.bb-page.light-mode .bb .meta-label,body.bb-page.light-mode .bb .case-index,body.bb-page.light-mode .bb .case-title span,body.bb-page.light-mode .bb .node small,body.bb-page.light-mode .bb .node em,body.bb-page.light-mode .bb .flow-labels,body.bb-page.light-mode .bb .signal-box small,body.bb-page.light-mode .bb .times div{color:#6f6360}body.bb-page.light-mode .bb .eyebrow{color:#c23400}body.bb-page.light-mode .bb .pill{color:#c23400;background:#f141011a}body.bb-page.light-mode .bb .btn:focus-visible,body.bb-page.light-mode .bb .hero-jump:focus-visible{outline-color:#c23400}body.bb-page.light-mode .bb .btn:hover{background:#1a12100a;border-color:#1a121047}body.bb-page.light-mode .bb .hero-jump:hover{border-color:#1a12106b}body.bb-page.light-mode .bb .shot .dot{background:#1a121029}
