/* Figma nodes 878:3584, 878:3844, 893:11823, 893:11873,
   878:6369, 896:5919, 878:6667 and 896:5952. */
:where(.business-page-body, .business-detail-page-body, .business-article-page-body, .about-page-body, .faq-page-body, .cms-page-body) { color: #f5f2f3; background: #0b0b0c; }
:where(.business-page-body, .business-detail-page-body, .business-article-page-body, .about-page-body, .faq-page-body, .cms-page-body)::-webkit-scrollbar { width: 0; height: 0; }
:where(.business-page-body, .business-detail-page-body, .business-article-page-body, .about-page-body, .faq-page-body, .cms-page-body) .bhome-nav { width: min(calc(100% - 48px), 1440px); }
body.business-page-body .bhome-site-header,
body.business-detail-page-body .bhome-site-header,
body.business-article-page-body .bhome-site-header,
body.about-page-body .bhome-site-header,
body.faq-page-body .bhome-site-header,
body.cms-page-body .bhome-site-header { position: absolute; inset: 0 0 auto; height: 80px; background: linear-gradient(180deg, #2a1d21, #1b1517); }
.business-page, .business-detail-page, .business-article-page, .about-page, .faq-page, .cms-page { padding: 0; }

.about-document { width: 1920px; min-height: 827px; margin: 0 auto; padding: 104px 220px 80px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 480px), #0b0b0c; }
.about-copy { width: 1480px; min-height: 531px; margin-top: 32px; padding: 24px 28px; border-radius: 16px; color: #f4f0f1; background: #202020; font-size: 18px; font-weight: 500; line-height: 23.4px; white-space: pre-line; }
.about-copy h2 { margin: 0 0 18px; color: #fff; font-size: 18px; }
.about-copy p + p { margin-top: 18px; }

.faq-document { width: 1920px; margin: 0 auto; padding: 184px 220px 80px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 583px), #0b0b0c; }
.figma-faq-list { margin-top: 32px; display: grid; gap: 32px; }
.figma-faq-item { width: 1480px; padding: 24px 28px; border-radius: 16px; background: #202020; }
.figma-faq-row { display: grid; grid-template-columns: 28px 1fr; gap: 24px; align-items: start; }
.figma-faq-row + .figma-faq-row { margin-top: 16px; }
.figma-faq-row b { color: #e5a0b7; font-size: 28px; font-weight: 600; line-height: 33.6px; }
.figma-faq-row h2, .figma-faq-row .brand-richtext { margin: 0; color: #f4f0f1; font-size: 14px; font-weight: 500; line-height: 19.6px; }
.figma-faq-answer .brand-richtext { white-space: pre-line; }
.figma-faq-support-wrap { display: flex; justify-content: center; margin-top: 32px; }
.figma-faq-support { display: inline-flex; min-height: 61px; padding: 16px 40px; align-items: center; justify-content: center; border-radius: 30.5px; color: #000; background: #e49bae; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; font-weight: 500; line-height: 1.3; text-align: center; transition: background-color .2s ease, transform .2s ease; }
.figma-faq-support:hover { color: #000; background: #f0a4b9; transform: translateY(-1px); }
.figma-faq-support:focus-visible { outline: 3px solid rgba(228,155,174,.42); outline-offset: 4px; }

.cms-page-shell { width: 1920px; min-height: 1259px; margin: 0 auto; padding: 160px 220px 80px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 583px), #0b0b0c; }
.cms-page-shell .brand-document-title { margin-top: 80px; }
.cms-page-shell .cms-richtext { width: 1480px; margin-top: 40px; padding: 24px 28px; border-radius: 16px; color: #f1edef; background: #202020; font-size: 14px; font-weight: 500; line-height: 19.6px; white-space: pre-line; overflow-wrap: anywhere; }
.cms-page-shell .cms-richtext h2, .cms-page-shell .cms-richtext h3 { margin: 22px 0 8px; color: #fff; font-size: 15px; }
.cms-page-shell .cms-richtext > h3 { margin: 0; color: inherit; font: inherit; }
.cms-page-shell .cms-richtext > h3 + h3 { margin-top: 0; }
.cms-page-shell .cms-richtext p + p { margin-top: 12px; }
.cms-page-shell .cms-richtext ul, .cms-page-shell .cms-richtext ol { margin: 12px 0; padding-left: 24px; }
.cms-page-shell .cms-richtext a { color: #e5a0b7; text-decoration: underline; text-underline-offset: 3px; }

.business-hero { position: relative; width: 1480px; height: 635px; margin: 104px auto 0; overflow: hidden; background: #111; }
.business-hero-figma::after { content: none; display: none; }
.business-hero-track, .business-hero-slide, .business-hero-slide > a, .business-hero-slide picture { width: 100%; height: 100%; }
.business-hero-track { display: flex; transition: transform .5s cubic-bezier(.2, .8, .2, 1); }
.business-hero-slide { flex: 0 0 100%; }
.business-hero-slide > a, .business-hero-slide picture { display: block; }
.business-hero img { width: 100%; height: 100%; display: block; object-fit: cover; }
.business-hero-arrow { width: 60px; height: 60px; border: 0; border-radius: 0; color: #fff; background: transparent; transition: opacity .2s ease; }
.business-hero-arrow.prev { left: 0; }.business-hero-arrow.next { right: 0; }
.business-hero-arrow:hover, .business-hero-arrow:focus-visible { color: #fff; background: transparent; }
.business-hero-arrow:focus-visible { outline: 3px solid #e5a0b7; outline-offset: -3px; }
.business-hero-dots { bottom: 24px; gap: 10px; }
.business-hero-dots .dot { width: 8px; height: 8px; background: rgba(255, 255, 255, .55); transition: width .2s ease, background-color .2s ease; }
.business-hero-dots .dot.active { width: 48px; background: #fff; }
.business-services { width: 1480px; margin: 0 auto; padding: 80px 0 72px; }
.business-service-list { margin-top: 56px; display: grid; grid-template-columns: 1fr; gap: 64px; }
.business-service-card { min-height: 264px; padding: 32px; display: grid; grid-template-columns: 200px minmax(0, 1fr) 52px; gap: 32px; align-items: center; border: 1px solid rgba(229, 160, 183, .28); border-radius: 16px; color: #fff; background: #101011; transition: border-color .2s ease, background-color .2s ease, transform .2s ease; }
.business-service-media { width: 200px; height: 200px; display: block; overflow: hidden; border-radius: 12px; background: #303030; }
.business-service-media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
.business-service-copy { min-width: 0; display: block; }
.business-service-heading { display: block; }
.business-service-card h2 { margin: 0; font-size: 24px; font-weight: 600; line-height: 31px; }
.business-service-heading small { margin-top: 6px; display: block; color: #858085; font-size: 12px; font-weight: 400; line-height: 17px; }
.business-service-rule { height: 1px; margin-top: 14px; display: block; background: #302629; }
.business-service-description { max-width: 1120px; margin-top: 14px; display: block; color: #aaa4a7; font-size: 13px; line-height: 20px; overflow-wrap: anywhere; }
.business-service-arrow { width: 44px; height: 44px; display: grid; place-items: center; justify-self: end; border: 1px solid #503b43; border-radius: 50%; color: #f2edef; }
.business-service-arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.business-service-card:hover { border-color: rgba(229, 160, 183, .58); background: #151315; transform: translateY(-2px); }
.business-service-card:hover .business-service-media img { transform: scale(1.025); }
.business-service-card:focus-visible { outline: 3px solid rgba(229, 160, 183, .72); outline-offset: 4px; }
.business-service-card:focus-visible .business-service-arrow { border-color: #e5a0b7; color: #e5a0b7; }
.business-partners { width: 1920px; height: 810px; margin: 0 auto; padding: 80px 0; display: flex; flex-direction: column; align-items: center; gap: 40px; background: #111; }
.business-partners .brand-document-title { width: 230px; height: 80px; flex: 0 0 80px; align-items: center; text-align: center; overflow: visible; }
.business-partners .brand-document-title h2 { font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; font-weight: 600; line-height: 33.6px; letter-spacing: -.14px; }
.business-partners .brand-document-title span { margin-top: 27px; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; font-weight: 400; line-height: 25.6px; letter-spacing: 0; }
.business-partner-wall { width: 100%; height: 530px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.business-partner-track { width: max-content; display: flex; animation: business-partner-scroll var(--partner-marquee-duration, 60s) linear infinite; animation-play-state: paused; will-change: auto; }
.business-partner-wall.is-running .business-partner-track { animation-play-state: running; will-change: transform; }
.business-partner-wall:hover .business-partner-track, .business-partner-wall:focus-within .business-partner-track { animation-play-state: paused; }
.business-partner-wall.is-static .business-partner-group--duplicate { display: none; }
.business-partner-group { display: grid; flex: none; grid-auto-flow: column; grid-template-rows: repeat(3, 150px); grid-auto-columns: 150px; gap: 40px; padding-right: 40px; }
.business-partner-wall a { width: 150px; height: 150px; flex: 0 0 150px; display: block; overflow: hidden; border-radius: 12px; background: #333; }
.business-partner-wall img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .25s cubic-bezier(.2, .8, .2, 1); }
.business-partner-wall a:hover img { transform: scale(1.025); }
.business-partner-wall a:focus-visible { outline: 3px solid #e5a0b7; outline-offset: -3px; }
@keyframes business-partner-scroll { to { transform: translate3d(-50%, 0, 0); } }
.business-detail { width: 1920px; min-height: 953px; margin: 0 auto; padding: 144px 220px 40px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 583px), #0b0b0c; }
.business-detail .brand-document-title { margin-top: 23px; }
.business-case-list { margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }.business-case-list article { padding: 20px; border-radius: 24px; background: #202020; }.business-case-list img { width: 100%; aspect-ratio: 295/164; border-radius: 16px; object-fit: cover; }.business-case-list h2 { margin-top: 12px; font-size: 14px; font-weight: 400; line-height: 22.4px; }
.business-case-list a { display: block; color: inherit; }
.business-pagination { display: flex; justify-content: center; gap: 10px; margin-top: 36px; }.business-pagination a { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid #4b4144; border-radius: 50%; color: #ddd; }.business-pagination a.active { border-color: #e5a0b7; color: #151113; background: #e5a0b7; }
.business-empty { margin-top: 40px; color: #aaa; text-align: center; }
.business-article { width: 1920px; min-height: 953px; margin: 0 auto; padding: 144px 220px 80px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 583px), #0b0b0c; }.business-article .brand-document-title { margin-top: 23px; }.business-article-cover { width: min(100%, 1120px); max-height: 630px; margin: 32px auto 0; display: block; border-radius: 24px; object-fit: cover; }.business-article-body { width: min(100%, 1120px); margin: 32px auto 0; padding: 32px; border-radius: 20px; color: #ddd; background: #202020; font-size: 16px; line-height: 1.8; }.business-article-body p + p { margin-top: 16px; }.business-article-body img { max-width: 100%; height: auto; }

@media (max-width: 1920px) and (min-width: 861px) {
  .about-document, .faq-document, .cms-page-shell, .business-detail, .business-article { width: 100%; padding-inline: max(40px, calc((100% - 1480px) / 2)); }
  .about-copy, .figma-faq-item, .cms-page-shell .cms-richtext { width: 100%; }
  .business-hero { width: min(calc(100% - 80px), 1480px); height: auto; aspect-ratio: 1480 / 635; }
  .business-services { width: min(calc(100% - 80px), 1480px); }
  .business-partners { width: 100%; }
}

@media (max-width: 860px) {
  body.business-page-body .bhome-site-header { position: absolute; inset: 0 0 auto; height: 55px; background: transparent; }
  body.business-detail-page-body .bhome-site-header,
  body.business-article-page-body .bhome-site-header,
  body.about-page-body .bhome-site-header,
  body.faq-page-body .bhome-site-header,
  body.cms-page-body .bhome-site-header { position: relative; inset: auto; height: 55px; background: linear-gradient(180deg, #2a1d21, #1b1517); }
  :where(.business-page-body, .business-detail-page-body, .business-article-page-body, .about-page-body, .faq-page-body, .cms-page-body) .bhome-nav { height: 55px; }
  :where(.business-page-body, .business-detail-page-body, .business-article-page-body, .about-page-body, .faq-page-body, .cms-page-body) .bhome-nav { width: 100%; }
  :where(.business-page-body, .business-detail-page-body, .business-article-page-body, .about-page-body, .faq-page-body, .cms-page-body) .bhome-nav-toggle { top: 15px; }
  .about-document { width: 100%; min-height: 1147px; padding: 35px 20px 40px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 326px), #0b0b0c; }
  .about-copy { width: 335px; min-height: 884px; margin: 18px auto 0; padding: 24px 12px; border-radius: 16px; font-size: 14px; font-weight: 400; line-height: 22.4px; overflow-wrap: anywhere; }
  .about-copy h2 { font-size: 14px; line-height: 22.4px; }.about-copy p + p { margin-top: 16px; }

  .faq-document { width: 100%; padding: 35px 20px 40px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 326px), #0b0b0c; }
  .figma-faq-list { margin-top: 18px; gap: 18px; }
  .figma-faq-item { width: 335px; padding: 24px 12px; border-radius: 16px; }
  .figma-faq-row { grid-template-columns: 28px 1fr; gap: 24px; }.figma-faq-row + .figma-faq-row { margin-top: 16px; }
  .figma-faq-row b { font-size: 28px; line-height: 33.6px; }.figma-faq-row h2, .figma-faq-row .brand-richtext { font-size: 14px; font-weight: 400; line-height: 22.4px; }
  .figma-faq-support-wrap { margin-top: 24px; }
  .figma-faq-support { max-width: 100%; min-height: 54px; padding: 14px 28px; font-size: 16px; }

  .cms-page-shell { width: 100%; min-height: 1945px; padding: 35px 20px 40px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 326px), #0b0b0c; }
  .cms-page-shell .brand-document-title { margin-top: 23px; }.cms-page-shell .cms-richtext { width: 335px; margin-top: 18px; padding: 24px 12px; border-radius: 16px; font-size: 14px; font-weight: 400; line-height: 22.4px; }

  .business-hero { width: 100%; height: 653px; margin: 0; aspect-ratio: auto; }.business-hero-arrow { display: none; }.business-hero-dots { bottom: 16px; }.business-hero-dots .dot { width: 6px; height: 6px; }.business-hero-dots .dot.active { width: 24px; }.business-services { width: 100%; padding: 40px 20px; }.business-service-list { margin-top: 18px; grid-template-columns: 1fr; gap: 18px; }
  .business-service-card { position: relative; width: 335px; height: 559px; min-height: 0; padding: 18px; display: block; border: 0; border-radius: 24px; background: #202020; transform: none; }
  .business-service-media { width: 299px; height: 299px; border-radius: 18px; }
  .business-service-copy { height: 212px; padding-top: 12px; }
  .business-service-card h2 { font-size: 22px; line-height: 28.6px; }
  .business-service-heading small { margin-top: 0; color: #e5a0b7; font-size: 12px; line-height: 16.8px; }
  .business-service-rule { margin-top: 12px; }
  .business-service-description { height: 76px; margin-top: 18px; display: -webkit-box; overflow: hidden; color: #aaa; font-size: 12px; line-height: 19px; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .business-service-arrow { position: absolute; right: 18px; bottom: 18px; width: 40px; height: 40px; }
  .business-service-card:hover { background: #202020; transform: none; }
  .business-service-card:hover .business-service-media img { transform: none; }
  .business-partners { width: 100%; height: 323px; padding: 40px 0; display: block; }
  .business-partners .brand-document-title { width: auto; height: auto; }
  .business-partners .brand-document-title h2 { font-size: 24px; line-height: 26.4px; }
  .business-partners .brand-document-title span { margin-top: 10.5px; font-size: 12px; line-height: 19.2px; }
  .business-partner-wall { width: 100%; height: 172px; margin-top: 24px; }
  .business-partner-group { grid-template-rows: repeat(3, 44px); grid-auto-columns: 44px; gap: 20px; padding-right: 20px; }
  .business-partner-wall a { width: 44px; height: 44px; flex-basis: 44px; border-radius: 8px; }
  .business-detail { width: 100%; min-height: 953px; padding: 40px 20px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 326px), #0b0b0c; }.business-case-list { grid-template-columns: 1fr; gap: 18px; }.business-case-list article { width: 335px; height: 238px; }.business-case-list img { width: 295px; height: 164px; }
  .business-pagination { margin-top: 28px; }.business-article { width: 100%; min-height: 953px; padding: 40px 20px; background: linear-gradient(180deg, rgba(67,42,49,.42), rgba(11,11,12,0) 326px), #0b0b0c; }.business-article-cover { width: 335px; margin-top: 24px; border-radius: 16px; }.business-article-body { width: 335px; margin-top: 18px; padding: 20px 16px; border-radius: 16px; font-size: 14px; line-height: 1.7; }
}

@media (prefers-reduced-motion: reduce) {
  .business-hero-track, .business-hero-arrow, .business-hero-dots .dot, .business-service-card, .business-service-media img, .business-partner-wall img { transition: none; }
  .business-service-card:hover { transform: none; }
  .business-partner-wall { overflow-x: auto; -webkit-mask-image: none; mask-image: none; scrollbar-width: thin; }
  .business-partner-track { animation: none; transform: none; will-change: auto; }
  .business-partner-group--duplicate { display: none; }
}