.bh-case.reader-case{--ink:var(--bh-ink);--quiet:var(--bh-ink-2);--rule:var(--bh-line-2);--body:var(--bh-sans);--display:var(--bh-sans);--yellow:var(--bh-yellow);--bh-accent:var(--name,var(--bh-ink));--tint:color-mix(in oklab, var(--case) 13%, var(--bh-card));--air:clamp(64px, 8vw, 120px);z-index:1;color:var(--bh-ink);padding:0;display:block;position:relative}html.bh-root[data-theme=light] .bh-case.reader-case{--bh-accent:var(--name-paper,var(--bh-ink));--tint:color-mix(in oklab, var(--case) 10%, var(--bh-card))}.bh-case .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[dir=rtl] .bh-case .flip-rtl{display:inline-block;transform:scaleX(-1)}.bh-case-head{padding:clamp(128px,14vw,184px) 0 clamp(40px,5vw,64px)}.bh-case-back{margin-bottom:clamp(40px,6vw,80px)}.bh-case-back:hover .bh-arrow{translate:-3px}[dir=rtl] .bh-case-back:hover .bh-arrow{translate:3px}.bh-case-kicker{color:var(--bh-ink-2);font:500 15px/1.3 var(--bh-sans);align-items:center;gap:12px;margin:0 0 20px;display:flex}.bh-case-logo{object-fit:contain;border-radius:8px;width:auto;max-width:120px;height:auto;max-height:36px;display:block}.bh-case-lock{fill:none;stroke:currentColor;stroke-width:1.6px;flex:none}.bh-case-title{max-width:980px;color:var(--bh-ink-2);font:500 clamp(32px, 4.3vw, 58px) / 1.12 var(--bh-sans);letter-spacing:-.05em;text-wrap:balance;margin:0;scroll-margin-top:120px}.bh-case-title:focus{outline:none}.bh-case-lead{max-width:660px;color:var(--bh-ink-2);text-wrap:pretty;margin:24px 0 0;font-size:18px;line-height:1.55}.bh-case-facts{border:1px solid var(--bh-line);background:var(--bh-line);border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;margin:40px 0 0;display:grid;overflow:hidden}.bh-case-facts>div{background:var(--bh-card);padding:18px 22px 20px}.bh-case-facts dt{color:var(--bh-ink-3);font-size:14px}.bh-case-facts dd{margin:6px 0 0;font-size:15px;line-height:1.45}.bh-case-elsewhere{margin:18px 0 0}.bh-case-brief{margin:40px 0 0}.bh-case-brief h2{color:var(--bh-ink-3);font:500 14px/1.3 var(--bh-sans);letter-spacing:inherit;margin:0 0 14px}.bh-case-brief dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.bh-case-brief dl>div{border:1px solid var(--bh-line);background:var(--bh-card);border-radius:22px;padding:20px 22px 22px}.bh-case-brief dt{color:var(--bh-accent);font:500 13px/1.3 var(--bh-mono);letter-spacing:0}.bh-case-brief dd{color:var(--bh-ink);text-wrap:pretty;margin:10px 0 0;font-size:16px;line-height:1.55}.bh-case-brief+.bh-case-facts{margin-top:12px}.bh-case .reader-index{border:0;margin:0 0 clamp(32px,4vw,52px);padding:0}.bh-case .reader-index .reader-label{color:var(--bh-ink-3);font:500 14px/1.3 var(--bh-sans);letter-spacing:inherit;text-transform:none}.bh-case .reader-index ol{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.bh-case .reader-index a{border:1px solid var(--bh-line-2);min-height:38px;color:var(--bh-ink-2);font:500 14px/1.3 var(--bh-sans);border-radius:999px;align-items:baseline;gap:8px;padding:9px 15px;transition:color .25s,background .25s,border-color .25s;display:inline-flex}.bh-case .reader-index a>span{color:var(--accent);font:500 12px/1 var(--bh-mono);letter-spacing:0}.bh-case .reader-index a:hover,.bh-case .reader-index a.is-current{color:var(--bh-ink);border-color:rgb(var(--bh-fg) / .3);background:rgb(var(--bh-fg) / .06)}.bh-case .reader-story{max-width:none;display:block}.bh-case .reader-scene{border:1px solid var(--bh-line);border-radius:28px}.bh-case-note{max-width:64ch;color:var(--bh-ink-3);text-align:center;text-wrap:pretty;margin:16px auto 0;font-size:14px;line-height:1.5}.bh-case-story figcaption{color:var(--bh-ink-3);text-wrap:pretty;margin-top:12px;font-size:13px;line-height:1.45}.bh-case-story :is(.reader-feature,.reader-plate--window) figcaption{color:inherit;opacity:.8}.bh-case .reader-plate--dark{border:1px solid var(--bh-line)}.bh-case .reader-plate--dark figcaption{color:#c9cbca}.bh-case .reader-section:not(.reader-feature){margin-top:var(--air);border-top:1px solid var(--bh-line);padding-top:clamp(44px,5vw,68px)}.bh-case .reader-section h3{color:var(--bh-ink);font:500 clamp(24px, 2.4vw, 34px) / 1.22 var(--bh-sans);letter-spacing:-.045em}.bh-case .reader-number{color:var(--accent);font:500 13px/1 var(--bh-mono);letter-spacing:0}.bh-case .reader-section p{color:rgb(var(--bh-ink-rgb) / .74);letter-spacing:-.02em;font-size:17px;line-height:1.62}.bh-case .reader-feature{border-radius:28px}.bh-case .reader-feature :is(h3,p,.reader-number){color:inherit}.bh-case .reader-feature--soft{border:1px solid var(--bh-line)}.bh-case .reader-plate{border-radius:24px}.bh-case .reader-bleed .reader-image img{border-radius:18px}.bh-case .reader-flow{border-block:1px solid var(--bh-line)}.bh-case .reader-label{color:var(--bh-ink-3);font:500 14px/1.4 var(--bh-sans);letter-spacing:inherit;text-transform:none}.bh-case .reader-flow strong{font:500 clamp(18px, 1.7vw, 24px) / 1.2 var(--bh-sans);letter-spacing:-.035em}.bh-case .reader-flow li>span:first-child{font-family:var(--bh-mono);letter-spacing:0}.bh-case :is(.reader-stats div,.reader-chart,.reader-steps){border:1px solid var(--bh-line)}.bh-case .reader-stats dd{font:500 clamp(40px, 4.6vw, 64px) / 1 var(--bh-sans);letter-spacing:-.05em}.bh-case .reader-chart{--chart-rest:rgb(var(--bh-fg) / .2)}.bh-case .reader-chart figcaption,.bh-case .reader-steps figcaption{color:var(--bh-ink);font-weight:500}.bh-case .reader-bar-tip{color:var(--bh-bg);background:var(--bh-ink)}.bh-case .reader-steps li{color:var(--bh-ink);background:rgb(var(--bh-fg) / .07);box-shadow:inset 0 0 0 1px var(--bh-line-2);font-weight:500}.bh-case .reader-concept li+li{border-top-color:var(--bh-line-2)}.bh-case-contact{margin-top:var(--air);border-top:1px solid var(--bh-line);padding:clamp(64px,8vw,120px) 0}.bh-case-contact h2{max-width:820px;font:500 clamp(30px, 3.6vw, 48px) / 1.18 var(--bh-sans);letter-spacing:-.05em;text-wrap:balance;margin:0}.bh-case-contact p{max-width:560px;color:var(--bh-ink-2);margin:16px 0 0;font-size:17px}.bh-case-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.bh-case-actions .bh-ghost{height:44px}.bh-case-next{border-top:1px solid var(--bh-line);padding:clamp(40px,5vw,64px) 0 clamp(72px,9vw,130px)}.bh-case-next p{color:var(--bh-ink-2);margin:0 0 14px;font-size:15px}.bh-case-next a{color:var(--bh-ink);font:500 clamp(38px, 6.4vw, 92px) / 1.02 var(--bh-sans);letter-spacing:-.06em;justify-content:space-between;align-items:center;gap:24px;transition:color .3s;display:flex}.bh-case-next a:hover{color:var(--bh-ink-hi)}.bh-case-next a:hover .bh-arrow{translate:6px}[dir=rtl] .bh-case-next a:hover .bh-arrow{translate:-6px}.bh-case-code{max-width:460px;margin-top:32px}.bh-case--sealed .bh-case-head>.bh-ghost-small:last-child{margin-top:10px}.bh-case--sealed{--bh-accent:var(--name,var(--bh-ink));padding-bottom:clamp(72px,9vw,130px)}html.bh-root[data-theme=light] .bh-case--sealed{--bh-accent:var(--name-paper,var(--bh-ink))}.bh-case-preview .bh-media-stage{height:clamp(360px,40vw,560px)}.bh-case-shut{border:1px solid var(--bh-line);background:linear-gradient(165deg, color-mix(in oklab, var(--case) 86%, #fff), var(--case) 62%, color-mix(in oklab, var(--case) 80%, #000));border-radius:28px;place-items:center;height:clamp(260px,30vw,400px);display:grid}.bh-case-shut img{border-radius:22%;width:auto;max-width:min(40%,220px);height:auto;max-height:46%;box-shadow:0 30px 60px -24px #0009}.bh-case-shut b{color:#fff;font:500 clamp(36px, 5vw, 72px) / 1 var(--bh-sans);letter-spacing:-.05em;text-shadow:0 2px 20px #0000004d}.bh-case-page>.reader-lightbox{z-index:95}.bh-case-page>.reader-lightbox p{font:500 13px/1.3 var(--bh-sans)}.bh-root:lang(ar) :is(.bh-case-title,.bh-case-contact h2,.bh-case .reader-section h3){line-height:1.45}.bh-root:lang(zh) :is(.bh-case-title,.bh-case-contact h2){line-height:1.34}@media (width>=721px) and (width<=980px){.bh-case-brief dl{grid-template-columns:1fr}}@media (width<=720px){.bh-case-head{padding-top:104px}.bh-case-brief dl{grid-template-columns:1fr}.bh-case-lead,.bh-case .reader-section p,.bh-case-contact p{font-size:16px}.bh-case .reader-scene,.bh-case .reader-feature,.bh-case-shut{border-radius:22px}.bh-case-preview .bh-media-stage{height:clamp(320px,96vw,460px)}}@media (prefers-reduced-motion:reduce){.bh-case-next a:hover .bh-arrow,.bh-case-back:hover .bh-arrow{translate:none}}