.hp{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hp canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.hp-ground{--hp-mask: radial-gradient( ellipse 44% 42% at 50% 50%, rgb(0 0 0 / .14) 0%, rgb(0 0 0 / .26) 58%, #000 100% );-webkit-mask-image:var(--hp-mask),linear-gradient(0deg,transparent 0%,#000 24%);mask-image:var(--hp-mask),linear-gradient(0deg,transparent 0%,#000 24%);-webkit-mask-composite:source-in;mask-composite:intersect}@media(min-width:1024px)and (max-width:1279px){.hp-ground{--hp-mask: radial-gradient( ellipse 52% 44% at 50% 50%, rgb(0 0 0 / .14) 0%, rgb(0 0 0 / .26) 58%, #000 100% )}}@media(max-width:1023px){.hp-ground{--hp-mask: linear-gradient(rgb(0 0 0 / .35), rgb(0 0 0 / .35))}}.hp-letters{transition:opacity .6s ease}.hp-letters.hp-gone{opacity:0}.rv-on:not(.static) .hp-h1:not([data-hp]){opacity:0;animation:hp-failsafe .5s ease 3s forwards}.rv-on:not(.static) .hp-h1[data-hp=building]{opacity:0}.hp-h1[data-hp=done]{transition:opacity .5s ease}@keyframes hp-failsafe{to{opacity:1}}@media(prefers-reduced-motion:reduce){.rv-on .hp-h1:not([data-hp=done]){opacity:1;animation:none}}.pc-tray{container-type:inline-size;border-radius:.75rem}.pc-tray>img{border-radius:2rem;box-shadow:0 0 0 1px #12141a17}.pc-frame{position:relative;aspect-ratio:16 / 10;overflow:hidden;isolation:isolate;border-radius:clamp(.375rem,1.7cqi,.75rem);background:#f4f4f6;box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #12141a17,0 1.2px 2.4px #12141a0a,0 10px 20px #12141a0d,0 28px 56px #12141a17,0 60px 100px #12141a12}.pc-still{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.wheel-nav{position:absolute;z-index:1;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:999px;color:#0b0c106b;transform:translateY(-50%);transition:color .35s cubic-bezier(.32,.72,0,1)}.wheel-nav:hover{color:var(--brand)}.wheel-nav:active{color:var(--ink)}.wheel-ping{transform-box:fill-box;transform-origin:center;opacity:0;animation:wheelPing 1.5s cubic-bezier(.22,1,.36,1) .2s}@keyframes wheelPing{0%{transform:scale(1);opacity:.85}to{transform:scale(3.3);opacity:0}}@media(prefers-reduced-motion:reduce){.wheel-ping{display:none}}html.static .wheel-ping{display:none}.case-grid{--l: minmax(0, 1fr);--r: minmax(0, 1fr);display:grid;gap:24px}@media(min-width:1024px){.case-grid{grid-template-columns:var(--l) var(--r);transition:grid-template-columns .55s cubic-bezier(.22,1,.36,1)}.case-grid[data-open="0"]{--l: minmax(0, 2.6fr)}.case-grid[data-open="1"]{--r: minmax(0, 2.6fr)}}.case{min-width:0;border-radius:18px}.case-face,.case-open{border-radius:18px;background:#fff;box-shadow:inset 0 1px #fff,0 0 0 1px #0b0c1014,0 24px 60px -34px #0b0c104d;overflow:clip}.case-face{position:relative;display:block;width:100%}.case-hit{position:absolute;inset:0;z-index:1;cursor:pointer;background:transparent;border:0;padding:0;border-radius:18px}.case-hit:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.case-tray{padding:6px 6px 0}.case-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;isolation:isolate;border-radius:12px;background:#08090c;container-type:inline-size}@container (max-width: 520px){.bkb-cta{display:none}}.bkb-cover{position:absolute;inset:0;overflow:hidden;container-type:size;background:#2b2b2b;color:#fff}.bkb-cover-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:7cqmin 7cqmin;-webkit-mask:linear-gradient(115deg,transparent 25%,#000 80%);mask:linear-gradient(115deg,transparent 25%,#000 80%)}.bkb-cover-truss{position:absolute;right:-6%;bottom:6%;width:78%;opacity:.2}.bkb-cover-truss path{fill:none;stroke:#fff;stroke-width:1.3}.bkb-cover-logo{position:absolute;left:7%;top:10%;width:auto;height:max(14px,7.5cqmin)}.bkb-cover-title{position:absolute;left:7%;bottom:20%;max-width:11em;margin:0;font-size:max(20px,11.5cqmin);font-weight:700;line-height:1.02;letter-spacing:-.025em}.bkb-cover-line{position:absolute;left:7%;bottom:10%;margin:0;font-size:max(11px,4.2cqmin);color:#ffffff9e}.case-body{padding:24px 24px 26px}.case-title{font-size:clamp(1.3rem,1.9vw,1.6rem);line-height:1.15}.case-open{display:grid;gap:0}.case-open .case-body{padding-top:20px}@media(min-width:1024px){.case.is-shrunk .case-media{aspect-ratio:4 / 5}.case.is-shrunk .case-body{padding:18px 18px 20px}.case.is-shrunk .case-title{font-size:1.15rem}.case.is-shrunk .case-desc{display:none}.case-open{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}.case-open .case-tray{position:sticky;top:6.5rem;padding:6px}.case-open .case-body{padding:28px 30px 30px}}.case-open.is-text{display:block}.case-open.is-text .case-body{padding:30px 32px 32px}.case-text{display:grid;gap:32px;margin-top:26px}.case-overview{font-size:16.5px;line-height:1.65;color:#0b0c10b8;text-wrap:pretty}.case-result{margin-top:26px;padding-top:22px;border-top:1px solid rgba(11,12,16,.1);font-size:1.2rem;line-height:1.45;font-weight:500;letter-spacing:-.01em;color:#0b0c10eb;text-wrap:pretty}.case-points{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid rgba(11,12,16,.1)}.case-points li{position:relative;padding:13px 0 13px 22px;border-bottom:1px solid rgba(11,12,16,.08);font-size:15px;line-height:1.5;color:#0b0c10bd}.case-points li:before{content:"";position:absolute;left:0;top:calc(13px + .62em);width:6px;height:6px;background:var(--brand)}.case-foot{margin-top:30px;padding-top:22px;border-top:1px solid rgba(11,12,16,.08)}@media(min-width:1024px){.case-open.is-text .case-body{padding:34px 40px 36px}.case-text{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px}.case{display:flex;flex-direction:column}.case-face,.case-open{flex:1 1 auto}.case-face{display:flex;flex-direction:column}.case-face .case-body{flex:1 1 auto;display:flex;flex-direction:column}.case-face .case-meta{margin-top:auto;padding-top:20px}.case.is-shrunk .case-tray{flex:1 1 auto;display:flex}.case.is-shrunk .case-face .case-body{flex:0 0 auto}.case.is-shrunk .case-media{flex:1 1 auto;aspect-ratio:auto;min-height:16rem}}@media(prefers-reduced-motion:reduce){.case-grid{transition:none}}.home:after{content:"";position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}