.bc{--p: 0;position:relative;background:var(--color-white);color:var(--color-dark);height:360vh;isolation:isolate}.bc__sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:clamp(40px,6vh,80px) 0}.bc__inner{width:100%;max-width:calc(var(--page-max-width) + var(--page-padding-x) * 2);margin-inline:auto;padding-inline:var(--page-padding-x)}.bc__wrap{position:relative;border:1px solid var(--color-gray-100);border-radius:14px;background:var(--color-white)}.bc__wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(to right,#F2F2F2 1px,transparent 1px),linear-gradient(to bottom,#F2F2F2 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px;opacity:.45;pointer-events:none}.bc__tech{position:absolute;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-gray-300);background:var(--color-white);padding:0 6px;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.bc__tech--tl{top:-6px;left:18px}.bc__tech--tr{top:-6px;right:18px}.bc__tech--bl{bottom:-6px;left:18px}.bc__tech--br{bottom:-6px;right:18px}.bc__content{position:relative;z-index:1;padding:clamp(40px,6vw,88px) clamp(28px,5vw,80px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(28px,4vw,48px)}.bc__headline{margin:0;font-family:var(--font-primary);font-weight:500;font-size:clamp(32px,3.6vw,48px);line-height:1.08;letter-spacing:-.02em;color:var(--color-dark);max-width:22ch;text-wrap:balance;--hp: clamp(0, calc((var(--p) - 0) / .06), 1);opacity:var(--hp);transform:translateY(calc((1 - var(--hp)) * 8px))}.bc__headline-line{display:block}.bc__outcomes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;width:100%;max-width:760px}.bc__outcome{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:center;text-align:left;--start: calc(.08 + var(--i) * .08);--op: clamp(0, calc((var(--p) - var(--start)) / .07), 1);opacity:var(--op);transform:translateY(calc((1 - var(--op)) * 12px));transition:none}.bc__outcome-marker{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--color-orange);text-align:center;border:1px solid rgba(255,111,71,.4);border-radius:4px;padding:10px 0}.bc__outcome-text{font-family:var(--font-primary);font-weight:500;font-size:clamp(20px,2.4vw,30px);line-height:1.18;letter-spacing:-.015em;color:var(--color-dark);text-wrap:balance}.bc__divider{width:100%;max-width:760px;height:1px;background:var(--color-gray-100);--dp: clamp(0, calc((var(--p) - .36) / .04), 1);opacity:var(--dp);transform:scaleX(var(--dp));transform-origin:left center}.bc__less{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;max-width:720px}.bc__less-item{position:relative;padding-left:14px;font-family:var(--font-mono);font-size:clamp(14px,1.3vw,16px);font-weight:500;letter-spacing:.06em;color:var(--color-gray-700);--start: calc(.42 + var(--i) * .07);--op: clamp(0, calc((var(--p) - var(--start)) / .06), 1);opacity:var(--op);transform:translateY(calc((1 - var(--op)) * 6px))}.bc__less-item:before{content:"";position:absolute;left:0;top:50%;width:7px;height:1px;background:var(--color-orange);transform:translateY(-50%)}.bc__closer{margin:clamp(8px,1.5vh,24px) 0 0;font-family:var(--font-primary);font-weight:500;font-size:clamp(22px,2.8vw,36px);line-height:1.1;letter-spacing:-.02em;color:var(--color-dark);text-wrap:balance;--cp: clamp(0, calc((var(--p) - .84) / .08), 1);opacity:var(--cp);transform:translateY(calc((1 - var(--cp)) * 10px))}@media (prefers-reduced-motion: reduce){.bc__headline,.bc__outcome,.bc__divider,.bc__less-item,.bc__closer{opacity:1!important;transform:none!important}}@media (max-width: 900px){.bc{height:auto}.bc__sticky{position:relative;top:auto;height:auto;padding:56px 0 80px}.bc__headline,.bc__outcome,.bc__divider,.bc__less-item,.bc__closer{opacity:1;transform:none}.bc__outcome{grid-template-columns:44px 1fr;gap:14px}.bc__outcome-text{font-size:19px}}
