/* Figma nodes 841:2498 (PC) and 880:4425 (H5), UI-only replica. */
:where(body[data-brand-page-key="home"], body[data-brand-page-key="news"], body[data-brand-page-key="news-detail"], body[data-brand-page-key="business"], body[data-brand-page-key="business-detail"], body[data-brand-page-key="about"], body[data-brand-page-key="faq"], body[data-brand-page-key="cms"]) {
  --bhome-bg: #0a0a0a;
  --bhome-panel: #171718;
  --bhome-soft: #303031;
  --bhome-text: #f5f2f3;
  --bhome-muted: #a49da0;
  --bhome-pink: #e5a0b7;
  --bhome-hot: #f12876;
  --bhome-orange: #f68804;
  color: var(--bhome-text);
  background: var(--bhome-bg);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
}

:where(body[data-brand-page-key="home"], body[data-brand-page-key="news"], body[data-brand-page-key="news-detail"], body[data-brand-page-key="business"], body[data-brand-page-key="business-detail"], body[data-brand-page-key="about"], body[data-brand-page-key="faq"], body[data-brand-page-key="cms"]) ::selection { color: #111; background: var(--bhome-pink); }
:where(body[data-brand-page-key="home"], body[data-brand-page-key="news"], body[data-brand-page-key="news-detail"], body[data-brand-page-key="business"], body[data-brand-page-key="business-detail"], body[data-brand-page-key="about"], body[data-brand-page-key="faq"], body[data-brand-page-key="cms"]) :focus-visible { outline: 2px solid var(--bhome-pink); outline-offset: 4px; }
:where(body[data-brand-page-key="home"], body[data-brand-page-key="news"], body[data-brand-page-key="news-detail"], body[data-brand-page-key="business"], body[data-brand-page-key="business-detail"], body[data-brand-page-key="about"], body[data-brand-page-key="faq"], body[data-brand-page-key="cms"]) #main-content { overflow: hidden; background: var(--bhome-bg); }
:where(body[data-brand-page-key="home"], body[data-brand-page-key="news"], body[data-brand-page-key="news-detail"], body[data-brand-page-key="business"], body[data-brand-page-key="business-detail"], body[data-brand-page-key="about"], body[data-brand-page-key="faq"], body[data-brand-page-key="cms"]) .bhome-site-header {
  position: relative;
  inset: auto;
  z-index: 100;
  height: 80px;
  color: var(--bhome-text);
  background: linear-gradient(180deg, #2a1d21, #1b1517);
}

.bhome-nav {
  width: min(calc(100% - 48px), 1480px);
  height: 80px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr) 288px;
  align-items: center;
  gap: 24px;
}
.bhome-logo { display: inline-flex; width: 124px; height: 52px; align-items: center; }
.bhome-logo img { display: block; width: 124px; height: 50px; object-fit: contain; }
.bhome-nav-links { height: 100%; display: flex; align-items: center; justify-content: center; gap: clamp(24px, 2.25vw, 46px); }
.bhome-nav-links > li { height: 100%; }
.bhome-nav-links a { position: relative; display: grid; height: 100%; place-items: center; color: #aaa2a5; font-size: 18px; font-weight: 400; white-space: nowrap; }
.bhome-nav-links a::after { content: ""; position: absolute; left: 50%; bottom: 13px; width: 0; height: 3px; border-radius: 3px; background: var(--bhome-pink); transform: translateX(-50%); transition: width .25s cubic-bezier(.16,1,.3,1); }
.bhome-nav-links a:hover, .bhome-nav-links a.active { color: #fff; font-weight: 600; }
.bhome-nav-links a:hover::after, .bhome-nav-links a.active::after { width: 15px; }
.bhome-nav-actions { display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.bhome-nav-actions a { width: 48px; display: grid; justify-items: center; gap: 2px; color: #e5dfe1; font-size: 9px; white-space: nowrap; }
.bhome-nav-actions svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.bhome-nav-toggle, .bhome-nav-drawer { display: none; }

.brand-document-title { position: relative; width: 100%; height: 80px; display: flex; flex-direction: column; align-items: flex-start; }
.brand-document-title h1, .brand-document-title h2, .brand-document-title span { position: relative; z-index: 1; margin: 0; }
.brand-document-title h1, .brand-document-title h2 { color: #fff; font-size: 48px; font-weight: 700; line-height: 52.8px; letter-spacing: -.015em; }
.brand-document-title span { margin-top: 15px; color: var(--bhome-pink); font-size: 12px; font-weight: 700; line-height: 14.5px; letter-spacing: .12em; }
.brand-document-breadcrumb { display: flex; gap: 7px; color: #a6a1a3; font-size: 14px; line-height: 22px; }
.brand-document-breadcrumb a, .brand-document-breadcrumb em { color: inherit; font-style: normal; }

.bhome { color: var(--bhome-text); background: var(--bhome-bg); }
.bhome-shell { width: min(calc(100% - 48px), 1480px); height: 100%; margin: 0 auto; }
.bhome-section { position: relative; overflow: hidden; background: var(--bhome-bg); }
.bhome-popular,
.bhome-news,
.bhome-original,
.bhome-about,
.bhome-stats { background: #111; }
.bhome-section-head { height: 80px; display: flex; align-items: flex-start; justify-content: space-between; }
.bhome-title-lockup { position: relative; display: inline-flex; flex-direction: column; align-items: flex-start; }
.bhome-title-lockup h2, .bhome-title-lockup span { position: relative; z-index: 1; }
.bhome-title-lockup h2 { margin: 0; color: #fff; font-size: 48px; font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.bhome-title-lockup span { margin-top: 9px; color: var(--bhome-pink); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .2em; }
@media (min-width: 861px) {
  .bhome-title-lockup--figma-clean { width: 190px; height: 80px; gap: 12px; }
  .bhome-title-lockup--figma-clean h2 { width: 190px; height: 53px; font-size: 48px; line-height: 52.8px; letter-spacing: -.72px; }
  .bhome-title-lockup--figma-clean > span { margin-top: 0; color: #f68804; font-size: 12px; font-weight: 500; line-height: 14.5227px; letter-spacing: 3px; }
  .bhome-title-lockup--news > span { font-weight: 700; }
}
.bhome-view-all { color: #fff; }
.bhome-view-all-pc { width: 96px; height: 28px; margin-top: 26px; display: inline-flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 400; line-height: 22.4px; white-space: nowrap; }
.bhome-view-all-pc img { display: block; width: 28px; height: 28px; flex: 0 0 28px; object-fit: contain; }
.bhome-view-all-mobile { display: none; }

.bhome-hero { width: 100%; height: 635px; background: #09090a; }
.bhome-hero-carousel, .bhome-hero-fallback { position: relative; display: block; width: min(100%, 1480px); height: 635px; margin: 0 auto; overflow: hidden; }
.bhome-hero-track, .bhome-hero-slide, .bhome-hero-slide > a, .bhome-hero-slide picture { height: 100%; }
.bhome-hero-track { display: flex; width: 100%; transition: transform .55s ease; }
.bhome-hero-slide { flex: 0 0 100%; width: 100%; }
.bhome-hero-slide picture { display: block; }
.bhome-hero-slide img, .bhome-hero-fallback img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.bhome-hero-arrow { width: 60px; height: 60px; padding: 0; border-radius: 0; color: #000; background: transparent; }
.bhome-hero-prev { left: 0; }.bhome-hero-next { right: 0; }
.bhome-hero-dots { bottom: 30px; gap: 12px; }
.bhome-hero-dots .dot { width: 8px; height: 8px; background: rgba(255,255,255,.6); }
.bhome-hero-dots .dot.active { width: 60px; height: 8px; background: #fff; }

.bhome-popular { height: 519px; padding-top: 80px; }
.bhome-popular-grid { margin-top: 38px; display: grid; grid-template-columns: repeat(6, minmax(0, 180px)); justify-content: space-between; gap: 0; }
.bhome-popular-grid a { min-width: 0; max-width: 180px; display: grid; justify-items: center; gap: 16px; color: #fff; }
.bhome-popular-grid a > span { position: relative; width: 100%; aspect-ratio: 1; padding: 9px; border-radius: 50%; background: rgba(255,255,255,.1); }
.bhome-popular-grid img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.bhome-popular-grid h3 { margin: 0; font-size: 22px; font-weight: 600; line-height: 28.6px; }

.bhome-news { --news-accent: var(--bhome-orange, #f68804); height: 717px; padding-top: 80px; }
.bhome-news-grid { margin-top: 48px; gap: 40px 24px; }
.bhome-news-grid article:nth-child(n+4) { display: none; }

.bhome-original { height: 864px; padding-top: 80px; }
.bhome-original-head { height: 100px; }
.bhome-original-lockup { width: 100%; height: 100px; display: flex; flex-direction: column; gap: 18px; }
.bhome-original-lockup h2 { width: 100%; height: 53px; margin: 0; color: #fff; font-size: 48px; font-weight: 700; line-height: 52.8px; letter-spacing: -.72px; }
.bhome-original-meta { width: 100%; height: 29px; display: flex; align-items: flex-start; justify-content: space-between; }
.bhome-original-meta > span { color: #fff; font-size: 22px; font-weight: 600; line-height: 28.6px; }
.bhome-original-meta .bhome-view-all-pc { margin-top: .5px; }
.bhome-original-grid { margin-top: 58px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 24px; }
.bhome-original-grid a { display: block; color: #fff; }
.bhome-original-grid img { display: block; width: 100%; aspect-ratio: 477 / 268; border-radius: 12px; object-fit: cover; background: #303031; }
.bhome-original-grid h3 { display: none; margin: 0; }

.bhome-about { height: 569px; padding-top: 80px; }
.bhome-about-grid { height: 409px; display: grid; grid-template-columns: 704px 728px; gap: 48px; align-items: center; }
.bhome-about-copy { width: 704px; height: 380px; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.bhome-about .bhome-title-lockup h2 { font-size: 48px; }
.bhome-about-copy p { max-width: 704px; margin: 0; color: #aaa; font-size: 12px; font-weight: 500; line-height: 16.8px; }
.bhome-outline-button { width: 115px; height: 37px; margin: 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #ff2d55; border-radius: 30.5px; color: #fff; background: rgba(255,45,85,.1); font-size: 12px; font-weight: 500; line-height: 16.8px; }
.bhome-about-image { display: block; width: 728px; height: 409px; border-radius: 50px; object-fit: cover; }

.bhome-stats { --bhome-stats-disc: #1d1d1d; height: 869px; isolation: isolate; }
.bhome-stats::before { display: none; }
.bhome-stats > .bhome-shell { width: min(calc(100% - 48px), 1521px); }
.bhome-stats-layout { height: 100%; display: grid; grid-template-columns: 734px 739px; gap: 48px; align-items: center; }
.bhome-stats-visual { position: relative; width: 734px; height: 586px; }
.bhome-stats-visual img { display: block; width: 734px; height: 586px; object-fit: contain; object-position: center; }
.bhome-stats-desktop-title { position: absolute; z-index: 2; top: 47px; left: 41.5px; width: 190px; height: 80px; color: #fff; }
.bhome-stats-desktop-title strong { display: block; font-size: 48px; font-weight: 700; line-height: 52.8px; letter-spacing: -.72px; white-space: nowrap; }
.bhome-stats-desktop-title span { display: block; margin-top: 12px; color: var(--bhome-orange); font-size: 12px; font-weight: 400; line-height: 14.5227px; letter-spacing: 0; white-space: nowrap; }
.bhome-stats-mobile-title { display: none; }
.bhome-stats-grid { width: 739px; height: 709px; box-sizing: border-box; padding: 195px 39px 194px; display: grid; grid-template-columns: repeat(2, 318.375px); grid-template-rows: repeat(2, 144px); gap: 32px 24px; background: radial-gradient(circle 167.5px at 571.5px 541.5px, var(--bhome-stats-disc) 0 99.7%, transparent 100%), radial-gradient(circle 328.5px at 328.5px 328.5px, var(--bhome-stats-disc) 0 99.7%, transparent 100%); }
.bhome-stats-grid article { position: relative; height: 144px; min-width: 0; padding: 0; border: 0; background: none; }
.bhome-stats-grid strong { color: #f2f2f2; font-size: 80px; font-weight: 700; line-height: 96px; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.bhome-stats-grid em { margin-left: 10px; color: #f2f2f2; font-size: 28px; font-style: normal; font-weight: 700; line-height: 33.6px; }
.bhome-stats-grid span { display: block; margin-top: 8px; color: #f2f2f2; font-size: 28px; font-weight: 500; line-height: 33.8864px; }
@media (min-width: 861px) {
  .bhome-stats-grid article { display: grid; grid-template-columns: max-content max-content; grid-template-rows: 96px 42px; align-content: start; }
  .bhome-stats-grid strong { grid-column: 1; grid-row: 1; display: block; height: 96px; }
  .bhome-stats-grid em { grid-column: 2; grid-row: 1; align-self: start; box-sizing: border-box; width: 68px; height: 54px; margin: 42px 0 0; padding: 10px; }
  .bhome-stats-grid span { grid-column: 1 / -1; grid-row: 2; box-sizing: border-box; height: 42px; margin-top: 0; padding-top: 8px; letter-spacing: 2.24px; }
}

.bhome-creators { height: 1217px; padding-top: 80px; background: #0a0a0a; }
.bhome-creators-head { height: 139px; text-align: center; }
.bhome-creators-head .bhome-title-lockup { width: auto; height: 81px; gap: 12px; align-items: center; }
.bhome-creators-head .bhome-title-lockup h2 { height: 43px; font-size: 36px; line-height: 43.2px; letter-spacing: 0; white-space: nowrap; }
.bhome-creators-head .bhome-title-lockup span { margin-top: 0; color: #aaa; font-size: 16px; font-weight: 400; line-height: 25.6px; letter-spacing: 0; }
.bhome-creators-head p { width: 100%; height: 46px; margin: 12px auto 0; color: #aaa; font-size: 18px; font-weight: 500; line-height: 23.4px; }
.bhome-creator-carousel { position: relative; height: 870px; margin-top: 48px; }
.bhome-creator-stage { position: relative; width: min(100%, 1480px); height: 630px; margin: 0 auto; }
.bhome-creator-card { position: absolute; top: 89px; left: 50%; width: 326px; height: 453px; overflow: hidden; border-radius: 30px; opacity: 0; pointer-events: none; transform-origin: center; transition: left .5s cubic-bezier(.16,1,.3,1), top .5s cubic-bezier(.16,1,.3,1), width .5s cubic-bezier(.16,1,.3,1), height .5s cubic-bezier(.16,1,.3,1), opacity .4s ease; }
.bhome-creator-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bhome-creator-card::after { content: ""; position: absolute; inset: 0; background: #000; opacity: 0; pointer-events: none; }
.bhome-creator-card[data-position="-2"] { z-index: 1; left: 5.5%; opacity: 1; }
.bhome-creator-card[data-position="-2"]::after, .bhome-creator-card[data-position="2"]::after { opacity: .8; }
.bhome-creator-card[data-position="-1"] { z-index: 2; left: 17.5%; top: 44px; width: 390px; height: 541px; opacity: 1; }
.bhome-creator-card[data-position="-1"]::after, .bhome-creator-card[data-position="1"]::after { opacity: .5; }
.bhome-creator-card[data-position="0"], .bhome-creator-card.is-active { z-index: 3; left: 50%; top: 0; width: 453px; height: 630px; opacity: 1; pointer-events: auto; transform: translateX(-50%); }
.bhome-creator-card[data-position="1"] { z-index: 2; left: 82.5%; top: 44px; width: 390px; height: 541px; opacity: 1; transform: translateX(-100%); }
.bhome-creator-card[data-position="2"] { z-index: 1; left: 94.5%; opacity: 1; transform: translateX(-100%); }
.bhome-creator-arrow { position: absolute; z-index: 5; top: 283px; width: 63.253px; height: 63.253px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 50%; color: #fff; background: rgba(0,0,0,.6); line-height: 0; }
.bhome-creator-arrow.is-prev { left: 50.542px; }.bhome-creator-arrow.is-next { right: 50.542px; }
.bhome-creator-arrow svg { width: 30.361px; height: 30.361px; fill: none; stroke: currentColor; stroke-width: 2.53012; stroke-linecap: round; stroke-linejoin: round; }
.bhome-creator-copy { height: 136px; margin-top: 48px; text-align: center; }
.bhome-creator-copy h3 { height: 43px; color: #aaa; font-size: 36px; font-weight: 700; line-height: 43.2px; }
.bhome-creator-copy p { width: 100%; margin: 24px auto 0; color: #aaa; font-size: 18px; font-weight: 500; line-height: 23.4px; }
.bhome-creator-dots { height: 8px; margin-top: 48px; display: flex; justify-content: center; gap: 10px; }
.bhome-creator-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #666; }
.bhome-creator-dots button.is-active { width: 20px; border-radius: 4px; background: #ff6b35; }

.bhome-partners { height: 830px; padding-top: 80px; background: #111; }
.bhome-title-lockup-center { left: 50%; align-items: center; transform: translateX(-50%); }
.bhome-partners .bhome-title-lockup-center { width: auto; height: 100px; }
.bhome-title-lockup-center h2 { height: 34px; font-size: 28px; font-weight: 600; line-height: 33.6px; white-space: nowrap; }
.bhome-partners .bhome-title-lockup-center span { margin-top: 40px; color: #aaa; font-size: 16px; font-weight: 400; line-height: 25.6px; letter-spacing: 0; }
.bhome-partner-grid { width: 1480px; height: 530px; margin: 40px auto 0; display: grid; grid-template-columns: repeat(8, minmax(0, 150px)); grid-auto-rows: 150px; justify-content: space-between; gap: 40px 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.1), #000 20.315%, #000 80.389%, rgba(0,0,0,.1)); mask-image: linear-gradient(90deg, rgba(0,0,0,.1), #000 20.315%, #000 80.389%, rgba(0,0,0,.1)); }
.bhome-partner-grid a { width: 150px; height: 150px; display: block; overflow: hidden; border-radius: 12px; color: #fff; background: #333; }
.bhome-partner-grid img { display: block; width: 100%; height: 100%; object-fit: cover; }

@media (hover: hover) and (pointer: fine) {
  .bhome-popular-grid a:hover img, .bhome-original-grid a:hover img { transform: scale(1.025); }
  .bhome-popular-grid img, .bhome-original-grid img { transition: transform .45s cubic-bezier(.16,1,.3,1); }
  .bhome-view-all:hover { color: #fff; }
}

@media (max-width: 860px) {
  :where(body[data-brand-page-key="home"], body[data-brand-page-key="news"], body[data-brand-page-key="news-detail"], body[data-brand-page-key="business"], body[data-brand-page-key="business-detail"], body[data-brand-page-key="about"], body[data-brand-page-key="faq"], body[data-brand-page-key="cms"]) .bhome-site-header { position: absolute; inset: 0 0 auto; height: 48px; background: transparent; }
  :where(body[data-brand-page-key="home"], body[data-brand-page-key="news"], body[data-brand-page-key="news-detail"], body[data-brand-page-key="business"], body[data-brand-page-key="business-detail"], body[data-brand-page-key="about"], body[data-brand-page-key="faq"], body[data-brand-page-key="cms"]).nav-drawer-open .bhome-site-header { position: fixed; }
  .bhome-nav { width: 100%; height: 48px; display: flex; justify-content: center; padding: 0 20px; }
  .bhome-logo { width: 80px; height: 38px; }.bhome-logo img { width: 80px; height: 34px; }
  .bhome-nav-links, .bhome-nav-actions { display: none; }
  .bhome-nav-toggle { position: absolute; left: 20px; top: 12px; width: 24px; height: 24px; margin: 0; display: flex; gap: 4px; background: transparent; }
  .bhome-nav-toggle span { width: 14px; height: 2px; background: #fff; }
  .bhome-nav-drawer { position: fixed; inset: 0; z-index: 90; padding: 76px 24px 36px; display: flex; align-items: flex-start; background: rgba(8,8,9,.98); opacity: 0; visibility: hidden; transform: none; }
  .bhome-nav-drawer.open { opacity: 1; visibility: visible; }
  .bhome-nav-drawer .nav-drawer-list { width: 100%; display: grid; gap: 10px; }
  .bhome-nav-drawer .nav-drawer-list li { height: 42px; }
  .bhome-nav-drawer a { height: 42px; display: grid; place-items: center; color: #b8b2b4; font-size: 16px; }
  .bhome-nav-drawer a.active { color: var(--bhome-pink); }

  .brand-document-title { height: 65px; }
  .brand-document-title h1, .brand-document-title h2 { font-family: "Songti SC", STSong, serif; font-size: 24px; line-height: 26.4px; letter-spacing: -.01em; }
  .brand-document-title span { margin-top: 10.5px; font-size: 12px; font-weight: 400; line-height: 19.2px; letter-spacing: .02em; }

  .bhome-shell { width: calc(100% - 40px); }
  .bhome-section-head { height: 55px; }
  .bhome-title-lockup h2 { font-family: "Songti SC", STSong, serif; font-size: 24px; letter-spacing: -.01em; }
  .bhome-title-lockup span { margin-top: 7px; font-size: 12px; letter-spacing: .02em; }
  .bhome-title-lockup--figma-clean { gap: 6px; }
  .bhome-title-lockup--figma-clean h2,
  .bhome-title-lockup--figma-clean strong { font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 24px; line-height: 26.4px; letter-spacing: -.36px; }
  .bhome-title-lockup--figma-clean > span { margin-top: 0; color: #f68804; font-size: 12px; font-weight: 500; line-height: 14.5227px; letter-spacing: 1.5px; }
  .bhome-view-all-pc { display: none; }
  .bhome-view-all-mobile { width: 100%; height: 44px; display: grid; place-items: center; border-radius: 24px; color: #fff; background: #414142; font-size: 16px; }

  .bhome-hero { height: 653px; }
  .bhome-hero-carousel, .bhome-hero-fallback { width: 100%; height: 653px; }
  .bhome-hero-slide img, .bhome-hero-fallback img { object-fit: cover; }
  .brand-hero-slide[data-banner-key="vlog-news"] img { object-position: 68% center; }
  .bhome-hero-arrow { display: none; }
  .bhome-hero-dots { bottom: 16px; gap: 10px; }.bhome-hero-dots .dot { width: 7px; height: 5px; }.bhome-hero-dots .dot.active { width: 22px; height: 5px; }

  .bhome-popular { height: auto; min-height: 488px; padding: 40px 0; }
  .bhome-popular-grid { margin-top: 26px; grid-template-columns: repeat(3, 1fr); gap: 22px 18px; }
  .bhome-popular-grid a { max-width: none; gap: 9px; }.bhome-popular-grid h3 { font-size: 14px; line-height: normal; }.bhome-popular-grid a > span { padding: 2px; }
  .bhome-popular .bhome-view-all-mobile { margin-top: 17px; }

  .bhome-news { height: auto; padding: 40px 0; }
  .bhome-news-grid { margin-top: 24px; grid-template-columns: 1fr; gap: 16px; }
  .bhome-news-grid article:nth-child(n+4) { display: none; }
  .bhome-news .bhome-view-all-mobile { margin-top: 10px; }

  .bhome-original { height: auto; padding: 40px 0; }
  .bhome-original-head { height: 55px; }
  .bhome-original-lockup { height: 55px; gap: 7px; }
  .bhome-original-lockup h2 { height: 29px; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 23px; line-height: 29px; letter-spacing: -.345px; }
  .bhome-original-meta { height: 19px; }
  .bhome-original-meta > span { color: #fff; font-size: 12px; font-weight: 600; line-height: 19px; letter-spacing: .02em; }
  .bhome-original-grid { margin-top: 24px; grid-template-columns: repeat(2, 1fr); gap: 18px 10px; }
  .bhome-original-grid img { aspect-ratio: 163 / 91; border-radius: 9px; }
  .bhome-original-grid h3 { display: block; margin-top: 7px; color: #fff; font-size: 12px; font-weight: 400; line-height: 1.45; }
  .bhome-original .bhome-view-all-mobile { margin-top: 19px; }

  .bhome-about { height: auto; padding: 40px 0; }
  .bhome-about-grid { height: auto; display: flex; flex-direction: column; gap: 24px; align-items: stretch; }
  .bhome-about-copy { width: auto; height: auto; display: block; }
  .bhome-about .bhome-title-lockup h2 { font-size: 24px; }
  .bhome-about-copy p { margin-top: 14px; font-size: 12px; line-height: 1.55; }
  .bhome-about-copy p:nth-of-type(n+3) { display: block; }
  .bhome-outline-button { float: right; width: 116px; height: 38px; margin-top: 16px; color: #fff; background: transparent; }
  .bhome-about-image { width: 100%; height: auto; aspect-ratio: 728 / 409; border-radius: 24px; object-position: center; }

  .bhome-stats { height: auto; padding: 40px 0; }
  .bhome-stats::before, .bhome-stats::after { content: none; display: none; }
  .bhome-stats > .bhome-shell { position: relative; z-index: 1; width: calc(100% - 40px); }
  .bhome-stats-layout { height: auto; display: block; padding-top: 0; }
  .bhome-stats-visual { width: 335px; height: auto; aspect-ratio: 734 / 586; }
  .bhome-stats-visual img { width: 335px; height: auto; aspect-ratio: 734 / 586; object-fit: contain; object-position: center; }
  .bhome-stats-desktop-title { display: none; }
  .bhome-stats-mobile-title { position: absolute; z-index: 2; top: 8px; left: 8px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; color: #fff; }
  .bhome-stats-mobile-title strong { font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 24px; font-weight: 700; line-height: 26.4px; letter-spacing: -.36px; }
  .bhome-stats-mobile-title span { margin-top: 0; color: #f68804; font-size: 12px; font-weight: 500; line-height: 14.5227px; letter-spacing: 1.5px; }
  .bhome-stats-grid { width: 335px; height: 321px; box-sizing: border-box; margin-top: 18px; padding: 88px 18px; grid-template-columns: repeat(2, 144px); grid-template-rows: repeat(2, 65px); gap: 15px 11px; background: radial-gradient(circle 76px at 259px 245px, var(--bhome-stats-disc) 0 99.7%, transparent 100%), radial-gradient(circle 149px at 149px 149px, var(--bhome-stats-disc) 0 99.7%, transparent 100%); transform: none; }
  .bhome-stats-grid article { height: 65px; min-height: 0; padding: 0; overflow: visible; border: 0; border-radius: 0; background: none; text-align: left; }
  .bhome-stats-grid strong { font-size: 36px; line-height: 43px; }.bhome-stats-grid em { margin-left: 4px; font-size: 13px; line-height: 16px; }.bhome-stats-grid span { margin-top: 4px; font-size: 13px; line-height: 15px; text-align: left; }

  .bhome-creators { height: auto; min-height: 922px; padding: 40px 0; }
  .bhome-creators-head { height: auto; }
  .bhome-creators-head .bhome-title-lockup { width: auto; height: auto; gap: 0; }
  .bhome-creators-head .bhome-title-lockup h2 { height: auto; font-family: Inter, "PingFang SC", sans-serif; font-size: 24px; line-height: 1.1; }
  .bhome-creators-head .bhome-title-lockup span { margin-top: 7px; font-size: 12px; line-height: 1; letter-spacing: .02em; }
  .bhome-creators-head p { width: auto; height: auto; margin-top: 24px; text-align: left; font-size: 14px; line-height: 1.65; }
  .bhome-creator-carousel { height: 621px; margin-top: 24px; }
  .bhome-creator-stage { width: 100%; height: 346px; }
  .bhome-creator-card { top: 25px; width: 189px; height: 296px; border-radius: 24px; }
  .bhome-creator-card[data-position="-2"], .bhome-creator-card[data-position="2"] { display: none; }
  .bhome-creator-card[data-position="-1"] { left: 0; top: 25px; width: 189px; height: 296px; opacity: .42; transform: none; }
  .bhome-creator-card[data-position="0"], .bhome-creator-card.is-active { left: 50%; top: 0; width: 247px; height: 346px; transform: translateX(-50%); }
  .bhome-creator-card[data-position="1"] { left: 100%; top: 25px; width: 189px; height: 296px; opacity: .42; transform: translateX(-100%); }
  .bhome-creator-arrow { display: none; }
  .bhome-creator-copy { height: auto; margin-top: 24px; text-align: left; }.bhome-creator-copy h3 { height: auto; text-align: center; font-size: 22px; line-height: normal; }.bhome-creator-copy p { margin-top: 12px; font-size: 14px; line-height: 1.6; }
  .bhome-creator-dots { margin-top: 24px; gap: 10px; }.bhome-creator-dots button { width: 8px; height: 8px; }.bhome-creator-dots button.is-active { width: 20px; }

  .bhome-partners { height: 219px; padding-top: 36px; }
  .bhome-title-lockup-center h2 { height: auto; font-family: Inter, "PingFang SC", sans-serif; font-size: 24px; line-height: 1.1; }
  .bhome-partners .bhome-title-lockup-center { width: auto; height: auto; }
  .bhome-partners .bhome-title-lockup-center span { margin-top: 7px; font-size: 12px; line-height: 1; }
  .bhome-partner-grid { width: calc(100% - 48px); height: 60px; margin-top: 30px; grid-template-columns: repeat(4, 60px); grid-auto-rows: 60px; gap: 15px; justify-content: center; overflow: hidden; -webkit-mask-image: none; mask-image: none; }
  .bhome-partner-grid a { width: 60px; height: 60px; border-radius: 10px; }.bhome-partner-grid a:nth-child(n+5) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .bhome-nav-links a::after, .bhome-creator-card, .bhome-popular-grid img, .bhome-original-grid img { transition: none; }
}