.kv-logo {
  display: inline-flex;
  align-items: center;
  color: currentColor;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.06em;
  line-height: 1;
  white-space: nowrap;
}

.kv-logo em {
  color: inherit;
  font-style: normal;
}

.zBubble .avatar {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 3px 18px rgba(0,0,0,.35);
}
.zBubble .avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Place the first-screen copy on the four existing vertical grid lines. */
@media (min-width: 751px) {
  [data-page-name="index"] .r1 .inner .group {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    width: 100%;
  }
  [data-page-name="index"] .r1 .inner .group .since {
    grid-column: 1 / 4;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-left: 0;
  }
  [data-page-name="index"] .r1 .inner .group .since .name {
    position: static;
    grid-column: 1;
  }
  [data-page-name="index"] .r1 .inner .group .since .text { display: contents; }
  [data-page-name="index"] .r1 .inner .group .since .text .li:first-child { grid-column: 2; }
  [data-page-name="index"] .r1 .inner .group .since .text .li:last-child { grid-column: 3; }
  [data-page-name="index"] .r1 .inner .group .slogan {
    grid-column: 4;
    margin: 0;
    text-align: left;
  }
  [data-page-name="index"] .r4 .other .slogan {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-left: 0;
  }
  [data-page-name="index"] .r4 .other .slogan .item:first-child { grid-column: 2; }
  [data-page-name="index"] .r4 .other .slogan .item:nth-child(2) { grid-column: 3; }
  [data-page-name="index"] .r4 .other .svgTit .blend { padding-left: 0; justify-content: flex-start; }
  [data-page-name="index"] .r5 .inner .group {
    grid-column: 7 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1.2rem .28rem;
    padding-right: 0;
  }
  [data-page-name="index"] .r5 .inner .group .item { min-width: 0; padding: 0; }
  [data-page-name="index"] .r5 .inner .group .item>a .text .name { font-size: clamp(18px, 1.6vw, 28px); }
  [data-page-name="index"] .r5 .inner .group .item>a .text .tag { flex-wrap: wrap; text-align: left; }
  [data-page-name="index"] .r6 .inner .r6Swr .swiper-wrapper .item {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
  [data-page-name="index"] .r6 .inner .r6Swr .swiper-wrapper .item>div { align-items: flex-start; }
  [data-page-name="index"] .r6 .inner .r6Swr .swiper-wrapper .item>div .desc .logo { margin-left: 0; }
  [data-page-name="index"] .r6 .inner .tops { margin-left: 25%; }
  [data-page-name="index"] + .ftName .svgTit .blend,
  [data-page-name="index"] .ftName .svgTit .blend { justify-content: flex-start; padding-left: 0; }
  [data-page-name="index"] .footer .column .chunk {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .4rem;
  }
  [data-page-name="index"] .footer .column .chunk .info { grid-column: 1 / 3; }
  [data-page-name="index"] .footer .column .chunk .group { grid-column: 3 / 5; }
  [data-page-name="index"] .footer .column .keep { justify-content: space-between; gap: .4rem; }
}

/* Large display words share the first and fifth lines of the page grid. */
[data-page-name="index"] .r1 .inner .special .svgTit:first-child .blend,
[data-page-name="index"] .r1 .inner .special .svgTit:nth-child(2) .blend,
[data-page-name="index"] .r1 .inner .special .svgTit:nth-child(3) .blend,
[data-page-name="index"] .r4 .other .svgTit .blend {
  padding-left: 0;
  justify-content: flex-start;
}

main .svgTit .blend.row {
  padding-left: .4rem;
  padding-right: .4rem;
  justify-content: flex-start;
}
main .svgTit .blend p { max-width: 100%; }

main[data-page-name="about"] .r1 .slogan,
main[data-page-name="about"] .r1 .text .txt,
main[data-page-name="about"] .r2 .slogan .txt { line-height: 1.45; }
main[data-page-name="about"] .r2 .text p + p { margin-top: 1em; }
main[data-page-name="about"] .r3 .types .item { min-width: 0; }
main[data-page-name="about"] .r3 .types .item p { overflow-wrap: anywhere; }

/* Brushed liquid silver: quiet reflections, with the original pointer perspective. */
main[data-page-name="about"] .r3 .v1 .view .group .pic {
  border: 1px solid rgba(255,255,255,.65);
  box-shadow: 0 2px 0 #d9dde0, 0 5px 0 #737a82, 0 8px 0 #292e35, 0 25px 45px rgba(0,0,0,.35);
}
main[data-page-name="about"] .kv-metal-card {
  overflow: hidden;
  isolation: isolate;
  background: #7e858c !important;
  color: #fff;
}
main[data-page-name="about"] .kv-metal-card::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: linear-gradient(122deg,#c5cbd0 2%,#838a92 19%,#e2e6e9 28%,#f8f9fa 32%,#a5adb4 40%,#525b64 53%,#b9c1c8 65%,#e9edef 74%,#6b757f 90%);
  transform: translate3d(var(--light-dx,0%),var(--light-dy,0%),0) rotate(-5deg);
  transition: transform .65s cubic-bezier(.2,.65,.3,1);
}
main[data-page-name="about"] .kv-metal-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(ellipse at var(--metal-x,50%) var(--metal-y,50%),rgba(255,255,255,.32),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.25),transparent 40%,rgba(18,28,38,.22));
  box-shadow: inset 0 2px 1px rgba(255,255,255,.8), inset 1px 0 1px rgba(255,255,255,.35), inset 0 -3px 4px rgba(22,30,38,.35);
}
main[data-page-name="about"] .kv-metal-card__copy {
  position: absolute; z-index: 2; inset: auto 7% 8%;
  display: flex; flex-direction: column; gap: 8px;
  color: #17212b; text-shadow: none;
}
main[data-page-name="about"] .kv-metal-card__copy small { font-size: 10px; letter-spacing: .14em; }
main[data-page-name="about"] .kv-metal-card__copy strong { font-size: clamp(18px,2vw,30px); font-weight: 500; letter-spacing: -.03em; }
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list {
  color: #fff !important; text-shadow: none; background: transparent;
  padding: .12em 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(transparent,#000 16%,#000 84%,transparent);
  mask-image: linear-gradient(transparent,#000 16%,#000 84%,transparent);
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list > li { background: transparent; text-shadow: none; }

main[data-page-name="about"] .r3 .inner .v2.kv-about-process {
  display: block;
  padding: clamp(90px, 12vw, 180px) 0;
  background:
    radial-gradient(ellipse at 78% 16%, rgba(210,220,228,.09), transparent 34%),
    radial-gradient(ellipse at 18% 64%, rgba(90,104,116,.08), transparent 42%),
    linear-gradient(180deg,#090909 0%,#111316 44%,#0d0f12 100%);
  color: #f7f7f5;
}
main[data-page-name="about"] .kv-about-process__head > span { font-size: 12px; letter-spacing: .13em; color: #aaa; }
main[data-page-name="about"] .kv-about-process__head h2 { margin: 28px 0; font-size: clamp(40px, 6vw, 110px); line-height: 1; letter-spacing: -.075em; font-weight: 500; }
main[data-page-name="about"] .kv-about-process__head p { max-width: 620px; color: #aaa; font-size: 16px; line-height: 1.8; }
main[data-page-name="about"] .kv-about-process__steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); margin: clamp(48px, 7vw, 110px) 0 0; padding-top: 0; list-style: none; }
main[data-page-name="about"] .kv-about-process__steps li { min-height: 210px; padding: 20px 26px 30px 0; border-top: 1px solid #444; }
main[data-page-name="about"] .kv-about-process__steps li:nth-child(3n + 2),
main[data-page-name="about"] .kv-about-process__steps li:nth-child(3n + 3) { padding-left: 24px; border-left: 1px solid #444; }
main[data-page-name="about"] .kv-about-process__steps em { font-style: normal; color: #aaa; font-size: 12px; }
main[data-page-name="about"] .kv-about-process__steps h3 { margin: 44px 0 12px; font-size: clamp(22px, 2vw, 32px); font-weight: 500; }
main[data-page-name="about"] .kv-about-process__steps p { max-width: 330px; margin: 0; color: #aaa; font-size: 14px; line-height: 1.75; }
@media (min-width: 751px) {
  main[data-page-name="about"] .r3 .tops > .svgTit { width: calc(100% - .8rem); margin-left: .4rem; overflow: hidden; }
  main[data-page-name="about"] .r3 .tops > .svgTit .blend.row { padding-left: 0; padding-right: 0; transform: none !important; }
  main[data-page-name="about"] .r3 .tops > .svgTit .blend p { transform: none !important; }
  main[data-page-name="about"] .r3 .tops > .svgTit .blend p + p { display: none; }
}
@media (max-width: 750px) {
  main[data-page-name="about"] .kv-about-process__steps { grid-template-columns: 1fr; }
  main[data-page-name="about"] .kv-about-process__steps li { min-height: 0; padding: 20px 0 30px !important; border-left: 0 !important; }
  main[data-page-name="about"] .kv-about-process__steps h3 { margin-top: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  main[data-page-name="about"] .kv-metal-card::before,
  main[data-page-name="about"] .kv-metal-card__orb { animation: none; }
}

/* About: a single service-to-contact narrative, set on the shared 1–5 grid. */
.kv-about-detail {
  background:
    radial-gradient(ellipse at 12% 25%, rgba(188,199,208,.075), transparent 35%),
    radial-gradient(ellipse at 82% 79%, rgba(137,151,163,.09), transparent 34%),
    linear-gradient(180deg,#0d0f12 0%,#121519 34%,#0b0d10 72%,#090909 100%);
  color: #f7f7f5;
}
.kv-about-detail__inner {
  padding-top: clamp(82px, 12vw, 184px);
  padding-bottom: clamp(92px, 13vw, 200px);
}
.kv-about-kicker,
.kv-team-heading > span,
.kv-flow-heading > span,
.kv-contact-panel > span {
  display: block;
  color: #a9a9a4;
  font-size: 12px;
  letter-spacing: .1em;
}
.kv-about-title {
  margin: 28px 0 clamp(52px, 8vw, 112px);
  font-size: clamp(42px, 6.1vw, 112px);
  font-weight: 500;
  letter-spacing: -.075em;
  line-height: .95;
}
.kv-about-title p { margin: 0; }
.kv-service-grid { border-top: 1px solid rgba(255,255,255,.32); }
.kv-service-grid article {
  min-height: 264px;
  padding: 22px 24px 30px;
  border-bottom: 1px solid rgba(255,255,255,.24);
  border-left: 1px solid rgba(255,255,255,.24);
}
.kv-service-grid article:last-child { border-right: 1px solid rgba(255,255,255,.24); }
.kv-service-grid span,
.kv-flow li > span,
.kv-member__num {
  color: #aaa;
  font-size: 12px;
  letter-spacing: .08em;
}
.kv-service-grid h2 {
  margin: 56px 0 14px;
  font-size: clamp(22px, 2vw, 36px);
  font-weight: 500;
  letter-spacing: -.04em;
}
.kv-service-grid p,
.kv-team-heading p,
.kv-flow p,
.kv-member p,
.kv-contact-panel > p {
  margin: 0;
  color: #b4b4b0;
  font-size: 15px;
  line-height: 1.8;
}
.kv-team-heading,
.kv-flow-heading { margin-top: clamp(100px, 15vw, 230px); }
.kv-team-heading h2,
.kv-flow-heading h2 {
  margin: 20px 0;
  font-size: clamp(36px, 5.1vw, 88px);
  font-weight: 500;
  letter-spacing: -.075em;
  line-height: 1.02;
}
.kv-team-heading p { max-width: 600px; }
.kv-team-grid {
  margin-top: clamp(48px, 6vw, 96px);
  border-top: 1px solid rgba(255,255,255,.24);
}
.kv-member {
  position: relative;
  display: grid;
  grid-template-columns: 76px 104px minmax(0,1fr);
  column-gap: 18px;
  min-height: 180px;
  padding: 20px 18px 24px;
  border-bottom: 1px solid rgba(255,255,255,.24);
  border-left: 1px solid rgba(255,255,255,.24);
}
.kv-member:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.24); }
.kv-member img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;
  background: #dededc;
}
.kv-member h3 { margin: 2px 0 3px; font-size: 21px; font-weight: 500; }
.kv-member strong { color: #d9d9d5; font-size: 13px; font-weight: 400; }
.kv-member p { margin-top: 12px; font-size: 12px; line-height: 1.65; }
.kv-flow { margin: clamp(48px, 6vw, 96px) 0 0; padding: 0; list-style: none; }
.kv-flow li {
  min-height: 280px;
  padding: 22px 20px 26px;
  border-top: 1px solid rgba(255,255,255,.3);
  border-bottom: 1px solid rgba(255,255,255,.2);
  border-left: 1px solid rgba(255,255,255,.2);
}
.kv-flow li:last-child { border-right: 1px solid rgba(255,255,255,.2); }
.kv-flow h3 { margin: 76px 0 14px; font-size: 21px; font-weight: 500; }
.kv-contact-panel {
  position: relative;
  margin-top: clamp(104px, 15vw, 240px);
  padding: clamp(38px, 6vw, 84px) clamp(24px, 4vw, 64px) clamp(44px, 7vw, 96px);
  border: 1px solid rgba(255,255,255,.44);
  overflow: hidden;
}
.kv-contact-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 85% 10%, rgba(255,255,255,.18), transparent 34%);
  pointer-events: none;
}
.kv-contact-panel h2 {
  position: relative;
  z-index: 1;
  margin: 28px 0 24px;
  font-size: clamp(48px, 7vw, 128px);
  font-weight: 500;
  letter-spacing: -.085em;
  line-height: .9;
}
.kv-contact-panel > p { position: relative; z-index: 1; max-width: 520px; }
.kv-contact-panel__grid {
  position: relative;
  z-index: 1;
  margin-top: clamp(40px, 6vw, 84px);
  border-top: 1px solid rgba(255,255,255,.32);
}
.kv-contact-panel__grid div { padding: 16px 12px 18px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.kv-contact-panel small { display: block; color: #a7a7a3; margin-bottom: 8px; font-size: 12px; }
.kv-contact-panel b,
.kv-contact-panel a { color: #fff; font-size: 15px; font-weight: 400; text-decoration: none; }
.kv-contact-panel__cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 32px;
  margin-top: 36px;
  padding-bottom: 8px;
  border-bottom: 1px solid currentColor;
  font-size: 16px;
}
.kv-contact-panel__cta i { font-style: normal; font-size: 24px; }

@media (min-width: 751px) {
  main[data-page-name="about"] .kv-about-detail__inner,
  main[data-page-name="about"] .kv-service-grid,
  main[data-page-name="about"] .kv-team-grid,
  main[data-page-name="about"] .kv-flow,
  main[data-page-name="about"] .kv-contact-panel__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  main[data-page-name="about"] .kv-about-title { grid-column: 2 / 5; margin-top: 0; }
  main[data-page-name="about"] .kv-about-kicker { grid-column: 1; }
  main[data-page-name="about"] .kv-service-grid,
  main[data-page-name="about"] .kv-team-heading,
  main[data-page-name="about"] .kv-team-grid,
  main[data-page-name="about"] .kv-flow-heading,
  main[data-page-name="about"] .kv-flow,
  main[data-page-name="about"] .kv-contact-panel { grid-column: 1 / 5; }
  main[data-page-name="about"] .kv-service-grid article { min-width: 0; }
  main[data-page-name="about"] .kv-team-heading { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); }
  main[data-page-name="about"] .kv-team-heading > span { grid-column: 1; }
  main[data-page-name="about"] .kv-team-heading h2 { grid-column: 2 / 5; margin-top: 0; }
  main[data-page-name="about"] .kv-team-heading p { grid-column: 2 / 4; }
  main[data-page-name="about"] .kv-member { grid-template-columns: 35px 76px minmax(0,1fr); }
  main[data-page-name="about"] .kv-member:nth-child(3n) { border-right: 0; }
  main[data-page-name="about"] .kv-member:nth-child(4n) { border-right: 1px solid rgba(255,255,255,.24); }
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(5),
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(6) { grid-column: span 2; }
  main[data-page-name="about"] .kv-flow { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  main[data-page-name="about"] .kv-flow li { min-width: 0; }
  main[data-page-name="about"] .kv-contact-panel__grid div { padding-right: 18px; }
  main[data-page-name="about"] .kv-contact-panel__grid div:nth-child(4) { grid-column: span 2; }

  /* Every oversized display title occupies exactly the hidden five-line span. */
  main[data-page-name="index"] .svgTit {
    width: calc(100% - .8rem) !important;
    max-width: calc(100% - .8rem) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden;
  }
  main[data-page-name="index"] .svgTit .blend.row { padding-left: 0; padding-right: 0; }
  main[data-page-name="index"] .svgTit p { max-width: 100%; white-space: nowrap; overflow: hidden; }
  main[data-page-name="index"] .r3 > .inner > .svgTit,
  main[data-page-name="index"] .r4 > .svgTit,
  main[data-page-name="index"] .ftName > .svgTit,
  main[data-page-name="index"] + .ftName > .svgTit {
    left: .4rem !important;
    right: auto !important;
    margin-left: 0 !important;
  }
  main[data-page-name="index"] + .ftName > .svgTit {
    position: relative !important;
  }
}

.header .rednote {
  white-space: nowrap;
}

.kv-team-card .pic {
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  background: #e8e6e1;
}

main[data-page-name="index"] .r6 .kv-team-card .card .pic {
  width: 112px;
  height: 112px;
  min-width: 112px;
  border-radius: 50%;
  overflow: hidden;
  background: #e8e6e1;
}

main[data-page-name="index"] .r6 .kv-team-card .card .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main[data-page-name="about"] .r4 .kv-team-card {
  align-items: center;
}

main[data-page-name="about"] .r4 .kv-team-card .name {
  font-size: clamp(20px, 2vw, 34px);
  line-height: 1.25;
}

main[data-page-name="about"] .r4 .kv-team-card .type {
  color: #777;
}

.kv-case-card .pic {
  position: relative;
  overflow: hidden;
  background: #151515;
}

.kv-case-card .pic::after {
  content: "播放";
  position: absolute;
  right: 18px;
  bottom: 18px;
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: #111;
  font-size: 12px;
  letter-spacing: .12em;
}

.kv-case-card .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kv-video-modal {
  position: fixed;
  inset: 0;
  z-index: 20000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6vw;
  background: rgba(0,0,0,.64);
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  opacity: 0;
  visibility: hidden;
  transition: opacity .42s ease, visibility 0s linear .42s, backdrop-filter .42s ease;
}

.kv-video-modal.is-open {
  opacity:1;
  visibility:visible;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  transition-delay:0s;
}
.kv-video-modal__box {
  width:min(1100px,92vw);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  border-radius:18px;
  background:rgba(9,11,13,.88);
  box-shadow:0 34px 110px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.2);
  opacity:0;
  transform:translateY(42px) scale(.9);
  transition:transform .58s cubic-bezier(.16,1,.3,1),opacity .35s ease;
}
.kv-video-modal.is-open .kv-video-modal__box { opacity:1; transform:translateY(0) scale(1); }
.kv-video-modal video {
  display: block;
  width: 100%;
  max-height: 76vh;
  background:#000;
  border-radius:17px 17px 0 0;
}
.kv-video-modal__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding:16px 20px 18px;
  color: #fff;
}
.kv-video-modal__title { font-size: clamp(18px, 2vw, 28px); }
.kv-video-modal__close {
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 16px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  transition:background .25s ease,color .25s ease;
}
.kv-video-modal__close:hover { background:#fff; color:#050505; }

.connect .code .pic > div,
.footer .weChat .qr {
  display: none !important;
}

.connect .code .pic::after {
  content: "KO.VIEW";
  display: grid;
  min-width: 120px;
  min-height: 120px;
  place-items: center;
  border: 1px solid currentColor;
  font-weight: 800;
  letter-spacing: -.04em;
}

@media (max-width: 750px) {
  .kv-logo { font-size: 18px; }
  .kv-about-detail__inner { padding-top: 74px; padding-bottom: 96px; }
  .kv-about-title { margin: 22px 0 58px; font-size: clamp(40px, 12vw, 66px); }
  .kv-service-grid article { min-height: auto; padding: 18px 16px 28px; border-right: 1px solid rgba(255,255,255,.24); }
  .kv-service-grid h2 { margin-top: 36px; }
  .kv-team-heading, .kv-flow-heading { margin-top: 96px; }
  .kv-team-heading h2, .kv-flow-heading h2 { font-size: clamp(34px, 11vw, 58px); }
  .kv-team-grid { margin-top: 42px; }
  .kv-member { grid-template-columns: 40px 76px minmax(0,1fr); gap: 12px; min-height: 0; border-right: 1px solid rgba(255,255,255,.24); }
  .kv-member img { width: 72px; height: 72px; }
  .kv-member h3 { font-size: 18px; }
  .kv-flow li { min-height: 0; padding: 18px 16px 24px; border-right: 1px solid rgba(255,255,255,.2); }
  .kv-flow h3 { margin-top: 44px; }
  .kv-contact-panel { margin-top: 110px; padding: 32px 18px 44px; }
  .kv-contact-panel h2 { font-size: clamp(48px, 15vw, 76px); }
  .kv-contact-panel__grid { margin-top: 42px; }
  .kv-team-card .pic {
    width: 76px !important;
    height: 76px !important;
    max-width: 76px !important;
  }
  main[data-page-name="index"] .r6 .kv-team-card .card .pic {
    width: 76px;
    height: 76px;
    min-width: 76px;
  }
  .kv-case-card .pic::after {
    right: 12px;
    bottom: 12px;
    width: 42px;
    height: 42px;
  }
}

/* The visible four lines divide the same 1–5 content span on every page. */
@media (min-width: 751px) {
  main[data-page-name] .footer .column .chunk {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }
  main[data-page-name] .footer .column .chunk .info { grid-column: 1 / 2; }
  main[data-page-name] .footer .column .chunk .group {
    grid-column: 2 / 5;
    margin-top: 0;
  }
  main[data-page-name] .footer .column .chunk .group .nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  main[data-page-name] .footer .column .chunk .group .email { margin-top: .4rem; }
}

/* About follows the homepage's four visible lines and the hidden fifth edge. */
@media (min-width: 751px) {
  main[data-page-name="about"] .r1 .inner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  main[data-page-name="about"] .r1 .slogan {
    grid-column: 1 / 3 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  main[data-page-name="about"] .r1 .text {
    grid-column: 3 / 5 !important;
    min-width: 0;
    padding-left: 0 !important;
    overflow: hidden !important;
  }
  main[data-page-name="about"] .r1 .text .num {
    font-size: min(32vw, 370px) !important;
  }
  main[data-page-name="about"] .r2 .inner {
    padding-left: .4rem;
    padding-right: .4rem;
  }
  main[data-page-name="about"] .r2 .info {
    width: 50%;
    margin-left: 25%;
  }
  main[data-page-name="about"] .r2 .slogan {
    width: 100%;
    justify-content: flex-start !important;
  }
  main[data-page-name="about"] .r2 .slogan .txt {
    margin-left: 75% !important;
  }
  main[data-page-name="about"] .r3 .types {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }
  main[data-page-name="about"] .r3 .types .item {
    width: auto;
    margin: 0;
    padding: 0;
  }
  main[data-page-name="about"] .r3 .v1 .scope .item {
    justify-content: flex-start;
    padding-left: .4rem;
    padding-right: .4rem;
  }
  main[data-page-name="about"] .r3 .v1 .piece {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding-left: .4rem !important;
    padding-right: .4rem !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  main[data-page-name="about"] .r3 .v1 .piece .info { grid-column: 1 / 2 !important; }
  main[data-page-name="about"] .r3 .v1 .piece .view { grid-column: 2 / 4 !important; min-width: 0; }
  main[data-page-name="about"] .r3 .v1 .piece .base { grid-column: 4 / 5 !important; min-width: 0; }
  main[data-page-name="about"] .kv-contact-panel { padding-left: 0; padding-right: 0; }
  main[data-page-name="about"] .kv-contact-panel > span,
  main[data-page-name="about"] .kv-contact-panel > h2,
  main[data-page-name="about"] .kv-contact-panel > p,
  main[data-page-name="about"] .kv-contact-panel > .kv-contact-panel__grid,
  main[data-page-name="about"] .kv-contact-panel > .kv-contact-panel__cta { margin-left: 25%; }
  main[data-page-name="about"] .kv-contact-panel__grid {
    width: 75%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  main[data-page-name="about"] .kv-contact-panel__grid div:nth-child(4) { grid-column: 1 / 4; }
}

/* Refined about-page rhythm: 3 × 2 members and steps, then a five-stage strip. */
main[data-page-name="about"] .kv-service-grid article { position: relative; }
main[data-page-name="about"] .kv-service-icon { position: absolute; top: 20px; right: 22px; width: 42px; height: 42px; color: #c3c8cc; }
main[data-page-name="about"] .kv-team-grid { gap: 0; }
main[data-page-name="about"] .kv-team-grid .kv-member {
  grid-column: auto; grid-template-columns: 72px minmax(0,1fr); gap: 16px 18px;
  min-width: 0; min-height: 210px; padding: 28px 26px;
  border: 0; border-bottom: 1px solid #34383c;
  background: linear-gradient(135deg,rgba(255,255,255,.035),transparent 65%);
}
main[data-page-name="about"] .kv-team-grid .kv-member img { width: 72px; height: 72px; }
main[data-page-name="about"] .kv-member__identity { align-self: center; }
main[data-page-name="about"] .kv-team-grid .kv-member > p { grid-column: 1/-1; font-size: 14px; line-height: 1.8; margin: 0; max-width: 36em; }
main[data-page-name="about"] .kv-flow li { position: relative; background: linear-gradient(150deg,rgba(255,255,255,.055),transparent 75%); }
main[data-page-name="about"] .kv-flow li > span { display: flex; justify-content: space-between; align-items: center; }
main[data-page-name="about"] .kv-flow li > span::after { content: '↗'; font-size: 24px; font-weight: 300; color: #7f878e; }
main[data-page-name="about"] .kv-flow h3 { margin-top: 54px; }
main[data-page-name="about"] .kv-contact-panel {
  background: linear-gradient(135deg,#1a1d21,#0d0f12 65%,#1a1e23);
  border-color: #535b64; border-radius: 8px;
  box-shadow: inset 0 1px 0 #737b83, 0 4px 0 #242a30, 0 7px 0 #12171c, 0 35px 70px rgba(0,0,0,.45);
}
main[data-page-name="about"] .kv-contact-panel::before { background: radial-gradient(ellipse at var(--metal-x,75%) var(--metal-y,30%),rgba(205,220,235,.12),transparent 65%); }
.kv-contact-art { position: absolute; top: 23%; left: 3%; width: 18%; aspect-ratio: 1; perspective: 700px; }
.kv-contact-art i { position: absolute; inset: 5%; border: 1px solid #aab4bd; border-radius: 12px; background: linear-gradient(135deg,rgba(215,225,232,.12),rgba(215,225,232,.01)); box-shadow: 0 15px 30px #0003; transform: translate3d(var(--light-dx,0%),var(--light-dy,0%),0) rotate(-15deg); transition: transform .7s ease; }
.kv-contact-art i:nth-child(2) { inset: 14% -5% -4% 14%; transform: translate3d(var(--light-dy,0%),var(--light-dx,0%),12px) rotate(6deg); opacity: .65; }
.kv-contact-art i:nth-child(3) { inset: 24% 7% -12% 24%; transform: rotate(22deg); opacity: .25; }
.kv-contact-art b { position: absolute; top: 39%; left: 16%; font-size: clamp(14px,2vw,32px); letter-spacing: -.06em; }
.kv-contact-art small { position: absolute; top: 120%; left: 5%; color: #727c86; letter-spacing: .18em; }
@media (min-width: 751px) {
  main[data-page-name="about"] .kv-about-process__steps,
  main[data-page-name="about"] .kv-team-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  main[data-page-name="about"] .kv-about-process__steps li { grid-column: auto; padding: 24px; border-left: 1px solid #34383c; min-height: 230px; }
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(3n+1) { padding-left: 0; border-left: 0; }
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(5),
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(6) { grid-column: auto; }
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(3n+1) { padding-left: 0; }
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(3n+2),
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(3n+3) { border-left: 1px solid #34383c; }
  main[data-page-name="about"] .kv-flow { grid-template-columns: repeat(5,minmax(0,1fr)); }
  main[data-page-name="about"] .kv-flow li { min-height: 260px; padding: 22px 18px 28px; }
}
@media (max-width: 750px) {
  main[data-page-name="about"] .kv-team-grid { display: grid; grid-template-columns: 1fr; }
  main[data-page-name="about"] .kv-team-grid .kv-member { padding: 24px 0; min-height: 0; }
  main[data-page-name="about"] .kv-service-icon { width: 34px; height: 34px; }
  main[data-page-name="about"] .kv-contact-panel { padding-top: 180px; }
  .kv-contact-art { top: 34px; left: 24px; width: 96px; }
  .kv-contact-art small { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  main[data-page-name="about"] .kv-metal-card::before, .kv-contact-art i { transition: none; }
}

/* The four visible columns remain the layout unit, including incomplete rows. */
main[data-page-name="about"] .r1 .text .num {
  display: inline-flex;
  align-items: baseline;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: -.095em;
  line-height: .75;
  transform: scaleY(.73);
  transform-origin: right bottom;
  white-space: nowrap;
}
main[data-page-name="about"] .r1 .text .num .kv-square-dot {
  display: inline-block;
  width: .11em;
  height: .15em;
  margin-left: .065em;
  background: currentColor;
  flex: none;
}
main[data-page-name="about"] .r3 .tops > .svgTit .blend p:first-child {
  white-space: nowrap;
  transform: scaleY(.66) !important;
  transform-origin: left center;
}
main[data-page-name="about"] .r3 .v1 .piece .view {
  width: min(100%, clamp(340px, 29vw, 500px)) !important;
  justify-self: center;
  align-self: center;
}
main[data-page-name="about"] .kv-metal-card__flow {
  position: absolute;
  z-index: 1;
  inset: -40%;
  pointer-events: none;
  opacity: .42;
  background: radial-gradient(ellipse at 18% 30%, #080b0f 0%, transparent 43%),
    radial-gradient(ellipse at 77% 67%, #fff 0%, transparent 39%),
    radial-gradient(ellipse at 48% 90%, #111923 0%, transparent 38%);
  filter: blur(14px);
  animation: kv-metal-shadow-drift 16s ease-in-out infinite alternate;
}
@keyframes kv-metal-shadow-drift {
  from { transform: translate3d(-9%, -4%, 0) rotate(-9deg); }
  to { transform: translate3d(9%, 7%, 0) rotate(8deg); }
}
main[data-page-name="about"] .kv-about-process,
main[data-page-name="about"] .kv-about-detail { position: relative; isolation: isolate; overflow: hidden; }
main[data-page-name="about"] .kv-about-process::before,
main[data-page-name="about"] .kv-about-detail::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: min(62vw, 860px);
  aspect-ratio: 1.8;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(72px);
  opacity: .48;
}
main[data-page-name="about"] .kv-about-process::before {
  top: 10%; right: -18%;
  background: radial-gradient(ellipse,rgba(222,228,233,.18),rgba(76,88,99,.08) 45%,transparent 72%);
}
main[data-page-name="about"] .kv-about-detail::before {
  bottom: 3%; left: -22%;
  background: radial-gradient(ellipse,rgba(195,207,216,.14),rgba(66,78,90,.07) 48%,transparent 74%);
}
main[data-page-name="about"] .kv-about-process__head,
main[data-page-name="about"] .kv-about-process__steps,
main[data-page-name="about"] .kv-about-detail__inner { position: relative; z-index: 1; }
@media (min-width: 751px) {
  main[data-page-name="about"] .r1 .text .num { font-size: clamp(140px, 22vw, 330px) !important; }
  main[data-page-name="about"] .kv-about-process__steps,
  main[data-page-name="about"] .kv-team-grid,
  main[data-page-name="about"] .kv-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  main[data-page-name="about"] .kv-about-process__steps li,
  main[data-page-name="about"] .kv-team-grid .kv-member,
  main[data-page-name="about"] .kv-flow li { grid-column: auto !important; }
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(4n+1),
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(4n+1),
  main[data-page-name="about"] .kv-flow li:nth-child(4n+1) { border-left: 0; }
  main[data-page-name="about"] .kv-about-process__steps li,
  main[data-page-name="about"] .kv-team-grid .kv-member { padding-left: 26px !important; }
  main[data-page-name="about"] .kv-flow li { padding-left: 20px !important; }
  main[data-page-name="about"] .kv-about-process__steps li:not(:nth-child(4n+1)),
  main[data-page-name="about"] .kv-team-grid .kv-member:not(:nth-child(4n+1)),
  main[data-page-name="about"] .kv-flow li:not(:nth-child(4n+1)) { border-left: 1px solid #34383c; }
  main[data-page-name="about"] .kv-flow li:last-child { display: block; min-height: 260px; }
  main[data-page-name="about"] .kv-flow li:last-child > div { grid-column: auto; }
}

/* Case contact: only the card, placed before the shared KO.VIEW wordmark/footer. */
main[data-page-name="case"] .kv-case-contact-slot {
  position: relative;
  padding-top: clamp(64px, 8vw, 126px);
  padding-bottom: clamp(54px, 7vw, 108px);
}
main[data-page-name="case"] .kv-contact-panel {
  margin: 0;
  background: linear-gradient(135deg, rgba(192,204,214,.2), rgba(8,12,17,.48) 72%);
  border-color: rgba(247,250,252,.62);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 #fff8, 0 4px 0 #263039, 0 7px 0 #0d141b, 0 36px 70px #050a0f9c;
  backdrop-filter: blur(6px);
}
main[data-page-name="case"] .kv-contact-panel::before {
  background: radial-gradient(ellipse at var(--metal-x,75%) var(--metal-y,30%), rgba(245,249,252,.19), transparent 60%);
}
@media (min-width: 751px) {
  main[data-page-name="case"] .kv-contact-panel { padding-left: 0; padding-right: 0; }
  main[data-page-name="case"] .kv-contact-panel > span,
  main[data-page-name="case"] .kv-contact-panel > h2,
  main[data-page-name="case"] .kv-contact-panel > p,
  main[data-page-name="case"] .kv-contact-panel > .kv-contact-panel__grid,
  main[data-page-name="case"] .kv-contact-panel > .kv-contact-panel__cta { margin-left: 25%; }
  main[data-page-name="case"] .kv-contact-panel__grid { display: grid; width: 75%; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  main[data-page-name="case"] .kv-contact-panel__grid div:nth-child(4) { grid-column: 1 / 4; }
}
@media (max-width: 750px) {
  main[data-page-name="about"] .r1 .text .num { font-size: clamp(120px, 28vw, 250px) !important; }
  main[data-page-name="about"] .r3 .v1 .piece .view { width: min(100%, 440px) !important; }
  main[data-page-name="case"] .kv-contact-panel { padding-top: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  main[data-page-name="about"] .kv-metal-card__flow { animation: none; }
}

/* Shared footer rhythm: page links, phone and location all begin at line two. */
@media (min-width:751px) {
  footer.footer .keep { display:grid !important; grid-template-columns:25% 75%; }
  footer.footer .keep .lt { display:block; grid-column:1; justify-self:start; }
  footer.footer .keep .ct { grid-column:2; justify-self:start; width:auto; margin:0; position:relative; left:-.4rem; text-align:left; }

  main[data-page-name="index"] .ftName {
    height:auto;
    margin-top:0;
    padding-top:clamp(4px,.6vw,10px);
    overflow:hidden;
  }
  main[data-page-name="index"] .ftName .svgTit {
    position:relative;
    left:.4rem;
    width:calc(100% - .8rem) !important;
    max-width:calc(100% - .8rem) !important;
    height:auto;
    aspect-ratio:1920/242;
    overflow:hidden;
  }
  main[data-page-name="index"] .ftName .svgTit .blend { justify-content:flex-start; padding-left:0 !important; padding-right:0 !important; }
  main[data-page-name="index"] .ftName .svgTit p { max-width:none; white-space:nowrap; letter-spacing:-.078em; }
}

/* The drawer is the same form from every entrance; there is no consent checkbox. */
.connect .form .agree { display:none !important; }

/* About refinement: soft glass data card and a self-contained six-stage wheel. */
main[data-page-name="about"] .r3 .v1 .view .group .pic {
  padding: 4px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 28px;
  background: linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.08) 42%,rgba(32,40,50,.28));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(18,26,35,.42),
    0 2px 0 rgba(234,240,244,.7),
    0 7px 0 rgba(58,68,78,.46),
    0 18px 42px rgba(0,0,0,.38);
}
main[data-page-name="about"] .kv-metal-card {
  border-radius: 23px;
  border: 1px solid rgba(255,255,255,.5);
  background: rgba(211,220,228,.22) !important;
  -webkit-backdrop-filter: blur(26px) saturate(135%);
  backdrop-filter: blur(26px) saturate(135%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(25,32,40,.35);
}
main[data-page-name="about"] .kv-metal-card::before {
  inset: -34%;
  opacity: .86;
  background:
    radial-gradient(ellipse at 28% 24%,rgba(255,255,255,.9),transparent 25%),
    radial-gradient(ellipse at 76% 66%,rgba(85,99,112,.58),transparent 33%),
    linear-gradient(128deg,rgba(240,246,250,.76),rgba(130,145,158,.32) 34%,rgba(239,243,247,.62) 58%,rgba(75,88,102,.42));
  filter: blur(15px);
}
main[data-page-name="about"] .kv-metal-card::after {
  background:
    radial-gradient(circle at var(--metal-x,50%) var(--metal-y,50%),rgba(255,255,255,.38),transparent 42%),
    linear-gradient(135deg,rgba(255,255,255,.28),transparent 36%,rgba(18,28,38,.16));
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.75), inset -1px -1px 0 rgba(18,24,31,.25);
}
main[data-page-name="about"] .kv-metal-card__copy {
  inset: 7% 8% auto;
  gap: 5px;
  color: #17212b;
}
main[data-page-name="about"] .kv-metal-card__copy small { font-size: 9px; letter-spacing: .16em; opacity: .72; }
main[data-page-name="about"] .kv-metal-card__copy strong { max-width: 78%; font-size: clamp(15px,1.35vw,21px); line-height: 1.24; }
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list {
  font-size: clamp(40px,4.25vw,60px) !important;
  line-height: .88 !important;
  letter-spacing: -.07em;
}
main[data-page-name="about"] .r3 .scope .item {
  font-size: clamp(68px,7vw,92px) !important;
  line-height: 1.08 !important;
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list > li span {
  margin-left: .1em;
  font-size: .24em !important;
  letter-spacing: 0;
}

main[data-page-name="about"] .r3 .inner .v2.kv-about-process {
  min-height: min(1080px,100vh);
  padding-top: clamp(110px,13vw,190px);
  padding-bottom: clamp(120px,15vw,220px);
  background:
    radial-gradient(ellipse at var(--metal-x,72%) var(--metal-y,22%),rgba(225,233,239,.18),transparent 31%),
    radial-gradient(ellipse at calc(100% - var(--metal-x,72%)) 78%,rgba(95,111,126,.18),transparent 38%),
    linear-gradient(180deg,#090909 0%,#15191e 30%,#0b0e12 74%,#0d0f12 100%);
}
main[data-page-name="about"] .kv-about-process::before {
  inset: -18% -12%;
  width: auto;
  aspect-ratio: auto;
  border-radius: 45%;
  opacity: .7;
  background:
    radial-gradient(ellipse at 28% 36%,rgba(220,228,234,.16),transparent 31%),
    radial-gradient(ellipse at 73% 62%,rgba(15,19,24,.78),transparent 39%);
  filter: blur(62px);
  transform: translate3d(var(--light-dx,0%),var(--light-dy,0%),0) rotate(var(--wheel-rotation,0deg));
  transition: transform .45s ease-out;
}
main[data-page-name="about"] .kv-about-process::after {
  content:"";
  position:absolute;
  z-index:0;
  left:0;right:0;bottom:0;
  height:150px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(13,15,18,.96) 48%,rgba(18,22,26,.62) 72%,transparent);
  filter:blur(14px);
}
main[data-page-name="about"] .kv-about-process__wheel {
  position: relative;
  z-index: 1;
  margin-top: clamp(64px,8vw,118px);
  padding: 0 .4rem clamp(34px,5vw,72px);
  perspective: 1100px;
  perspective-origin: 50% 42%;
}
main[data-page-name="about"] .kv-wheel-scale {
  height: 64px;
  border-bottom: 1px solid rgba(226,233,238,.42);
  background: repeating-linear-gradient(90deg,rgba(226,233,238,.5) 0 1px,transparent 1px 2.1%,rgba(226,233,238,.18) 2.1% calc(2.1% + 1px),transparent calc(2.1% + 1px) 4.2%);
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  transform: rotateX(64deg) translateZ(-12px);
  transform-origin: bottom;
}
main[data-page-name="about"] .kv-about-process__steps {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  transform-style: preserve-3d;
}
main[data-page-name="about"] .kv-about-process__steps li,
main[data-page-name="about"] .kv-about-process__steps li:nth-child(n) {
  position: relative;
  min-width: 0;
  min-height: 248px;
  padding: 20px 18px 24px !important;
  border: 1px solid rgba(220,229,236,.3) !important;
  border-radius: 5px;
  background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 58%,rgba(0,0,0,.15));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 16px 38px rgba(0,0,0,.2);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  transform: translate3d(0,var(--step-y,0),var(--step-z,0)) rotateX(var(--step-rotate,0));
  transform-origin: center top;
  transition: transform .22s ease-out,border-color .3s ease,background .3s ease;
}
main[data-page-name="about"] .kv-about-process__steps li:hover {
  border-color: rgba(242,247,250,.7) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 58%,rgba(0,0,0,.12));
}
main[data-page-name="about"] .kv-about-process__steps em { color:#d5dde3; }
main[data-page-name="about"] .kv-about-process__steps h3 { margin: 62px 0 14px; font-size: clamp(18px,1.55vw,25px); }
main[data-page-name="about"] .kv-about-process__steps p { font-size: 13px; line-height: 1.7; }

main[data-page-name="about"] .kv-about-detail {
  background:
    radial-gradient(ellipse at 16% 22%,rgba(190,202,212,.1),transparent 32%),
    radial-gradient(ellipse at 83% 55%,rgba(104,120,134,.09),transparent 36%),
    linear-gradient(180deg,#0d0f12 0%,#12161a 24%,#0d1014 54%,#15191d 78%,#090909 100%);
}
main[data-page-name="about"] .kv-about-detail__inner {
  padding-top:clamp(70px,9vw,132px);
}
main[data-page-name="about"] .kv-team-heading,
main[data-page-name="about"] .kv-flow-heading { position:relative; }
main[data-page-name="about"] .kv-team-heading::before,
main[data-page-name="about"] .kv-flow-heading::before {
  content:"";
  position:absolute;
  left:0;right:0;top:calc(clamp(100px,15vw,230px) * -.48);
  height:clamp(70px,9vw,132px);
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(150,164,176,.055),transparent);
  filter:blur(18px);
}
main[data-page-name="about"] .kv-contact-panel,
main[data-page-name="case"] .kv-contact-panel {
  background: linear-gradient(135deg,rgba(192,204,214,.2),rgba(8,12,17,.48) 72%);
  border-color: rgba(247,250,252,.62);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 #fff8,0 4px 0 #263039,0 7px 0 #0d141b,0 36px 70px #050a0f9c;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
main[data-page-name="about"] .kv-contact-panel::before,
main[data-page-name="case"] .kv-contact-panel::before {
  background: radial-gradient(ellipse at var(--metal-x,75%) var(--metal-y,30%),rgba(245,249,252,.19),transparent 60%);
}

@media (max-width: 1050px) and (min-width: 751px) {
  main[data-page-name="about"] .kv-about-process__steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  main[data-page-name="about"] .kv-about-process__steps li,
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(n) { min-height:220px; }
}
@media (max-width: 750px) {
  main[data-page-name="about"] .r3 .v1 .view .group .pic { border-radius:22px; }
  main[data-page-name="about"] .kv-metal-card { border-radius:18px; }
  main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list { font-size:clamp(38px,14vw,62px) !important; }
  main[data-page-name="about"] .kv-about-process__wheel { margin-top:54px; padding-inline:.4rem; perspective:none; }
  main[data-page-name="about"] .kv-wheel-scale { height:42px; transform:rotateX(58deg); }
  main[data-page-name="about"] .kv-about-process__steps { grid-template-columns:1fr; gap:10px; }
  main[data-page-name="about"] .kv-about-process__steps li,
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(n) {
    min-height:0;
    padding:20px 18px 24px !important;
    transform:none !important;
  }
  main[data-page-name="about"] .kv-about-process__steps h3 { margin-top:34px; }
}
@media (prefers-reduced-motion: reduce) {
  main[data-page-name="about"] .kv-about-process::before,
  main[data-page-name="about"] .kv-about-process__steps li { transform:none !important; transition:none; }
}

/* Restored about-page structure with a quieter moving surface. */
main[data-page-name="about"] .r3 .v1 .view .group .pic {
  padding: 0;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 0;
  background: transparent;
  box-shadow: 0 2px 0 #d9dde0,0 5px 0 #737a82,0 8px 0 #292e35,0 25px 45px rgba(0,0,0,.35);
}
main[data-page-name="about"] .kv-metal-card {
  border: 0;
  border-radius: 0;
  background: #7e858c !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
main[data-page-name="about"] .kv-metal-card::before {
  inset: -20%;
  opacity: 1;
  background: linear-gradient(122deg,#c5cbd0 2%,#838a92 19%,#e2e6e9 28%,#f8f9fa 32%,#a5adb4 40%,#525b64 53%,#b9c1c8 65%,#e9edef 74%,#6b757f 90%);
  filter: none;
}
main[data-page-name="about"] .kv-metal-card::after {
  background: radial-gradient(ellipse at var(--metal-x,50%) var(--metal-y,50%),rgba(255,255,255,.32),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.25),transparent 40%,rgba(18,28,38,.22));
  box-shadow: inset 0 2px 1px rgba(255,255,255,.8),inset 1px 0 1px rgba(255,255,255,.35),inset 0 -3px 4px rgba(22,30,38,.35);
}
main[data-page-name="about"] .kv-metal-card__copy {
  inset: auto 7% 8%;
  gap: 8px;
  color: #17212b;
}
main[data-page-name="about"] .kv-metal-card__copy small { font-size: 10px; letter-spacing: .14em; opacity: 1; }
main[data-page-name="about"] .kv-metal-card__copy strong { max-width: none; font-size: clamp(18px,2vw,30px); line-height: normal; }
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list {
  font-size: clamp(42px,4.4vw,66px) !important;
  line-height: .9 !important;
}
main[data-page-name="about"] .r3 .inner .v2.kv-about-process {
  min-height: 0;
  padding: clamp(90px,12vw,180px) 0;
  background:
    radial-gradient(ellipse at var(--metal-x,72%) var(--metal-y,24%),rgba(218,227,234,.16),transparent 28%),
    radial-gradient(ellipse at 24% 68%,rgba(100,115,128,.14),transparent 38%),
    linear-gradient(180deg,#090909 0%,#101419 54%,#0d1014 100%);
}
main[data-page-name="about"] .kv-about-process::before {
  inset: -30%;
  width: auto;
  aspect-ratio: auto;
  border-radius: 48%;
  opacity: .58;
  background:
    radial-gradient(ellipse at 18% 42%,rgba(226,233,238,.19),transparent 27%),
    radial-gradient(ellipse at 72% 56%,rgba(25,34,43,.78),transparent 41%),
    radial-gradient(ellipse at 50% 100%,rgba(135,151,165,.14),transparent 35%);
  filter: blur(58px);
  transform: translate3d(var(--light-dx,0%),var(--light-dy,0%),0);
}
main[data-page-name="about"] .kv-about-process::after,
main[data-page-name="about"] .kv-wheel-scale { content:none; display:none; }
main[data-page-name="about"] .kv-about-process__wheel { display:contents; }
main[data-page-name="about"] .kv-about-process__steps {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 0;
  margin: clamp(48px,7vw,110px) 0 0;
  padding: 0;
  transform: none;
}
main[data-page-name="about"] .kv-about-process__steps li,
main[data-page-name="about"] .kv-about-process__steps li:nth-child(n) {
  min-height: 230px;
  padding: 24px 26px 30px !important;
  border: 0 !important;
  border-top: 1px solid #444 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transform: none;
  transition: none;
}
main[data-page-name="about"] .kv-about-process__steps li:nth-child(4n+1) { border-left: 0 !important; }
main[data-page-name="about"] .kv-about-process__steps li:not(:nth-child(4n+1)) { border-left: 1px solid #444 !important; }
main[data-page-name="about"] .kv-about-process__steps h3 { margin: 44px 0 12px; font-size: clamp(22px,2vw,32px); }
main[data-page-name="about"] .kv-about-process__steps p { font-size: 14px; line-height: 1.75; }

main[data-page-name="about"] .kv-about-detail {
  background:
    radial-gradient(ellipse at 18% 18%,rgba(182,197,208,.11),transparent 34%),
    radial-gradient(ellipse at 82% 40%,rgba(105,123,138,.12),transparent 36%),
    radial-gradient(ellipse at 44% 78%,rgba(207,216,223,.07),transparent 31%),
    linear-gradient(180deg,#0d1014 0%,#101419 44%,#0c0f13 100%);
}
main[data-page-name="about"] .kv-about-detail::before {
  inset: -22%;
  width: auto;
  aspect-ratio: auto;
  border-radius: 46%;
  opacity: .52;
  background:
    radial-gradient(ellipse at 24% 27%,rgba(219,229,236,.17),transparent 28%),
    radial-gradient(ellipse at 74% 62%,rgba(60,75,89,.26),transparent 37%),
    radial-gradient(ellipse at 43% 84%,rgba(7,10,13,.7),transparent 40%);
  filter: blur(72px);
  animation: kv-about-ambient-drift 18s ease-in-out infinite alternate;
}
main[data-page-name="about"] .kv-about-detail__inner { padding-top:clamp(82px,12vw,184px); }
main[data-page-name="about"] .kv-team-heading::before,
main[data-page-name="about"] .kv-flow-heading::before { content:none; }
main[data-page-name="about"] .kv-contact-panel {
  background: linear-gradient(135deg,#1a1d21,#0d0f12 65%,#1a1e23);
  border-color: #535b64;
  border-radius: 8px;
  box-shadow: inset 0 1px 0 #737b83,0 4px 0 #242a30,0 7px 0 #12171c,0 35px 70px rgba(0,0,0,.45);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
main[data-page-name="about"] .kv-contact-panel::before { background: radial-gradient(ellipse at var(--metal-x,75%) var(--metal-y,30%),rgba(205,220,235,.12),transparent 65%); }
@keyframes kv-about-ambient-drift {
  from { transform: translate3d(-5%,-3%,0) scale(1); }
  to { transform: translate3d(6%,5%,0) scale(1.08); }
}
@media (max-width: 750px) {
  main[data-page-name="about"] .kv-about-process__steps { grid-template-columns:1fr; }
  main[data-page-name="about"] .kv-about-process__steps li,
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(n) { min-height:0; padding:20px 0 30px !important; border-left:0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  main[data-page-name="about"] .kv-about-detail::before { animation:none; }
}

/* About page polish: leave more air around the rolling data, then carry that
   soft depth through the process and service system as one continuous scene. */
main[data-page-name="about"] .r3 .v1 {
  padding-block: clamp(118px, 14vw, 228px);
}
main[data-page-name="about"] .r3 .v1 .piece .view {
  margin-block: clamp(20px, 3vw, 54px);
}
main[data-page-name="about"] .r3 .v1 .scope,
main[data-page-name="about"] .r3 .v1 .piece .view .linkage {
  -webkit-mask-image: linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
  mask-image: linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list {
  padding-block: .28em;
  -webkit-mask-image: linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);
  mask-image: linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list {
  font-size: clamp(50px,5.15vw,78px) !important;
  line-height: .92 !important;
}
main[data-page-name="about"] .kv-metal-card__copy { inset: auto 7% 7%; gap: 5px; }
main[data-page-name="about"] .kv-metal-card__copy small { font-size: 8px; letter-spacing: .15em; opacity: .76; }
main[data-page-name="about"] .kv-metal-card__copy strong { font-size: clamp(14px,1.25vw,19px); line-height: 1.25; }

main[data-page-name="about"] .r3 .inner .v2.kv-about-process {
  padding-top: clamp(132px,16vw,250px);
  padding-bottom: clamp(128px,15vw,230px);
}
main[data-page-name="about"] .kv-about-process::after {
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  inset:0 0 auto;
  height:clamp(130px,15vw,230px);
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,6,8,.05),rgba(20,27,33,.64) 50%,transparent 100%);
}
main[data-page-name="about"] .kv-about-process__steps {
  border-right:1px solid rgba(137,151,162,.38);
  border-bottom:1px solid rgba(137,151,162,.38);
  background:linear-gradient(135deg,rgba(215,226,234,.035),transparent 48%);
}
main[data-page-name="about"] .kv-about-process__steps li,
main[data-page-name="about"] .kv-about-process__steps li:nth-child(n) {
  min-height:250px;
  padding:28px 26px 34px !important;
  border-top:1px solid rgba(137,151,162,.38) !important;
  border-left:1px solid rgba(137,151,162,.38) !important;
}
main[data-page-name="about"] .kv-about-process__steps li:nth-child(4n+1) { border-left:1px solid rgba(137,151,162,.38) !important; }
main[data-page-name="about"] .kv-about-process__steps li h3 { margin-top:50px; }

main[data-page-name="about"] .kv-about-detail {
  padding-bottom:clamp(120px,15vw,240px);
}
main[data-page-name="about"] .kv-about-detail::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 auto;
  height:clamp(120px,14vw,220px);
  pointer-events:none;
  background:linear-gradient(180deg,rgba(9,12,15,.05),rgba(24,32,39,.46) 48%,transparent 100%);
}
main[data-page-name="about"] .kv-about-detail__inner { padding-bottom:clamp(72px,10vw,160px); }

main[data-page-name="about"] .kv-reveal {
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:opacity .85s cubic-bezier(.2,.65,.3,1),transform .85s cubic-bezier(.2,.65,.3,1);
}
main[data-page-name="about"] .kv-reveal.is-visible { opacity:1; transform:translate3d(0,0,0); }
main[data-page-name="about"] .kv-reveal:nth-child(2) { transition-delay:.08s; }
main[data-page-name="about"] .kv-reveal:nth-child(3) { transition-delay:.16s; }
main[data-page-name="about"] .kv-reveal:nth-child(4) { transition-delay:.24s; }
@media (max-width:750px) {
  main[data-page-name="about"] .r3 .v1 { padding-block:100px; }
  main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list { font-size:clamp(52px,16vw,72px) !important; }
  main[data-page-name="about"] .kv-about-process__steps { border-right:0; }
  main[data-page-name="about"] .kv-about-process__steps li,
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(n) { min-height:0; padding:25px 0 32px !important; border-left:0 !important; }
}
@media (prefers-reduced-motion:reduce) {
  main[data-page-name="about"] .kv-reveal { opacity:1; transform:none; transition:none; }
}

/* A fuller data moment: soft vertical falloff, deeper glass edge and a
   deliberate four-over-two process grid with no unfinished outlines. */
main[data-page-name="about"] .r3 .v1 .view .group .pic {
  padding:2px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(154,169,180,.22) 32%,rgba(255,255,255,.13) 65%,rgba(27,37,47,.72));
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 2px 0 rgba(255,255,255,.45),0 5px 0 #66717b,0 9px 0 #26313a,0 28px 54px rgba(0,0,0,.38);
}
main[data-page-name="about"] .kv-metal-card {
  border-radius:13px;
  background:linear-gradient(135deg,rgba(206,215,222,.92),rgba(106,118,129,.94) 42%,rgba(233,237,240,.88)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -2px 7px rgba(19,29,38,.28);
}
main[data-page-name="about"] .kv-metal-card::before {
  inset:-30%;
  opacity:.94;
  filter:blur(.2px);
  background:linear-gradient(118deg,#d7dde2 3%,#77838e 22%,#f6f8fa 34%,#a2adb6 48%,#43505b 59%,#dde3e7 76%,#74808a 94%);
}
main[data-page-name="about"] .kv-metal-card::after {
  border-radius:inherit;
  background:radial-gradient(ellipse at var(--metal-x,50%) var(--metal-y,50%),rgba(255,255,255,.42),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.27),transparent 38%,rgba(18,29,39,.25));
}
main[data-page-name="about"] .r3 .v1 .scope,
main[data-page-name="about"] .r3 .v1 .piece .view .linkage {
  padding-block:clamp(22px,3vw,46px);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 8%,#000 24%,#000 76%,rgba(0,0,0,.35) 92%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 8%,#000 24%,#000 76%,rgba(0,0,0,.35) 92%,transparent 100%);
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list {
  padding-block:.5em;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 10%,#000 28%,#000 72%,rgba(0,0,0,.28) 90%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 10%,#000 28%,#000 72%,rgba(0,0,0,.28) 90%,transparent 100%);
  font-size:clamp(76px,7.25vw,108px) !important;
  line-height:.9 !important;
}
main[data-page-name="about"] .r3 .scope .item,
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list > li { margin-block:.14em; }

main[data-page-name="about"] .kv-about-process__steps { gap:0; }
@media (min-width:751px) {
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(5),
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(6) { grid-column:span 2 !important; }
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(5) { border-right:1px solid rgba(137,151,162,.38) !important; }
}
main[data-page-name="about"] .kv-about-process__steps li {
  background:linear-gradient(135deg,rgba(225,234,240,.055),rgba(15,21,27,.03) 58%,rgba(0,0,0,.1));
}
main[data-page-name="about"] .kv-about-process__steps li:hover {
  background:linear-gradient(135deg,rgba(235,243,248,.1),rgba(29,39,48,.04) 58%,rgba(0,0,0,.08));
}

/* Unified motion pass — shared fluid fields, calmer data transitions and the
   monochrome future-studio hero. */
main[data-page-name="about"] .r3 {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#080a0c;
}
main[data-page-name="about"] .r3 > .zTexture { display:none !important; }
main[data-page-name="about"] .r3::before,
main[data-page-name="about"] .kv-about-detail::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:-14% -18%;
  width:auto;
  aspect-ratio:auto;
  border-radius:44%;
  pointer-events:none;
  opacity:.68;
  filter:blur(76px);
  background:
    radial-gradient(ellipse at 19% 26%,rgba(232,238,242,.15),transparent 28%),
    radial-gradient(ellipse at 78% 43%,rgba(108,124,137,.14),transparent 32%),
    radial-gradient(ellipse at 43% 78%,rgba(218,225,230,.09),transparent 28%),
    radial-gradient(ellipse at 68% 88%,rgba(3,5,7,.92),transparent 46%);
  animation:kv-mono-field 17s ease-in-out infinite alternate;
}
main[data-page-name="about"] .r3 > .inner,
main[data-page-name="about"] .kv-about-detail__inner { position:relative; z-index:1; }
main[data-page-name="about"] .r3 .inner .v2.kv-about-process,
main[data-page-name="about"] .kv-about-detail {
  background:#080a0c !important;
  box-shadow:none !important;
}
main[data-page-name="about"] .r3 .inner .v2.kv-about-process {
  background:transparent !important;
}
main[data-page-name="about"] .kv-about-process::before {
  inset:-22%;
  opacity:.5;
  background:
    radial-gradient(ellipse at 24% 42%,rgba(237,242,245,.16),transparent 30%),
    radial-gradient(ellipse at 74% 58%,rgba(62,77,89,.26),transparent 38%);
  filter:blur(70px);
  animation:kv-mono-field 15s ease-in-out infinite alternate-reverse;
}
main[data-page-name="about"] .kv-about-process::after,
main[data-page-name="about"] .kv-about-detail::after { background:transparent !important; }
main[data-page-name="about"] .kv-about-detail { margin-top:-2px; }

main[data-page-name="about"] .r3 .v1 .piece .info .list,
main[data-page-name="about"] .r3 .v1 .piece .base .list {
  padding-block:clamp(38px,4.8vw,76px);
  overflow:hidden !important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 9%,rgba(0,0,0,.62) 24%,#000 42%,#000 58%,rgba(0,0,0,.62) 76%,rgba(0,0,0,.12) 91%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 9%,rgba(0,0,0,.62) 24%,#000 42%,#000 58%,rgba(0,0,0,.62) 76%,rgba(0,0,0,.12) 91%,transparent 100%);
}
main[data-page-name="about"] .r3 .v1 .piece .info .list > li,
main[data-page-name="about"] .r3 .v1 .piece .base .list > li {
  padding:clamp(32px,4vw,62px) 0 !important;
}
main[data-page-name="about"] .r3 .v1 .piece .view .linkage {
  width:72%;
  height:58%;
  padding:0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.16) 12%,#000 38%,#000 62%,rgba(0,0,0,.16) 88%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.16) 12%,#000 38%,#000 62%,rgba(0,0,0,.16) 88%,transparent 100%);
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list {
  width:100%;
  height:100%;
  padding:0;
  overflow:hidden !important;
  -webkit-mask-image:none;
  mask-image:none;
  font-size:clamp(98px,8.45vw,132px) !important;
  line-height:.88 !important;
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list > li {
  height:100%;
  margin:0;
  padding:clamp(20px,2.5vw,38px) 0 !important;
  overflow:hidden;
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list > li span {
  font-size:.42em !important;
  margin-bottom:.13em !important;
}

main[data-page-name="about"] .kv-contact-panel {
  background:rgba(7,9,12,.14) !important;
  border-color:rgba(191,204,214,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 28px 70px rgba(0,0,0,.2);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
main[data-page-name="about"] .kv-contact-art { display:none; }

main[data-page-name="index"] .r4 .model .view { display:none !important; }
main[data-page-name="index"] .r4 .model .pic.kv-future-scene {
  display:block !important;
  position:sticky;
  top:13vh;
  width:min(72vw,1380px);
  margin-left:auto;
  pointer-events:auto;
  overflow:hidden;
  opacity:.86;
  transform-style:preserve-3d;
  transform:translate3d(var(--scene-x,0%),var(--scene-y,0%),0) perspective(1100px) rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg));
  transition:transform .7s cubic-bezier(.2,.65,.3,1),opacity .5s ease;
  -webkit-mask-image:radial-gradient(ellipse at 62% 49%,#000 46%,rgba(0,0,0,.84) 65%,transparent 91%);
  mask-image:radial-gradient(ellipse at 62% 49%,#000 46%,rgba(0,0,0,.84) 65%,transparent 91%);
  animation:kv-scene-breathe 9s ease-in-out infinite alternate;
}
main[data-page-name="index"] .r4 .model .pic.kv-future-scene img {
  width:100%;
  height:auto;
  position:static;
  filter:grayscale(1) contrast(1.12) brightness(.88);
}

main .r2.kv-orange-wave .zTexture { overflow:hidden; }
main .r2.kv-orange-wave .zTexture img {
  width:112%;
  max-width:none;
  height:112%;
  object-fit:cover;
  transform-origin:50% 18%;
  will-change:transform,filter;
  animation:kv-orange-wave 12s ease-in-out infinite alternate;
}
main .r2.kv-orange-wave .zTexture::after {
  content:"";
  position:absolute;
  inset:-8%;
  pointer-events:none;
  background:radial-gradient(ellipse at 32% 18%,rgba(255,46,8,.22),transparent 30%),radial-gradient(ellipse at 72% 30%,rgba(255,126,38,.2),transparent 38%);
  filter:blur(34px);
  mix-blend-mode:screen;
  animation:kv-orange-haze 10s ease-in-out infinite alternate;
}
@keyframes kv-mono-field {
  0% { transform:translate3d(-4%,-2%,0) scale(1) rotate(-2deg); }
  52% { transform:translate3d(3%,4%,0) scale(1.08) rotate(1deg); }
  100% { transform:translate3d(7%,-1%,0) scale(1.04) rotate(3deg); }
}
@keyframes kv-scene-breathe {
  from { filter:drop-shadow(0 34px 60px rgba(0,0,0,.4)); }
  to { filter:drop-shadow(-20px 46px 76px rgba(205,215,222,.11)); }
}
@keyframes kv-orange-wave {
  0% { transform:translate3d(-3%,-1.5%,0) scale(1.07,1.02) skewX(-1.4deg); filter:blur(0); }
  48% { transform:translate3d(0,2.4%,0) scale(1.1,1.06) skewX(1deg); filter:blur(1px); }
  100% { transform:translate3d(3%,-.5%,0) scale(1.08,1.03) skewX(-.4deg); filter:blur(.35px); }
}
@keyframes kv-orange-haze {
  from { transform:translate3d(-5%,0,0) scale(1); opacity:.42; }
  to { transform:translate3d(6%,4%,0) scale(1.1); opacity:.7; }
}
@media (max-width:750px) {
  main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list { font-size:clamp(88px,24vw,118px) !important; }
  main[data-page-name="index"] .r4 .model .pic.kv-future-scene { width:96vw; top:20vh; opacity:.68; }
}
@media (prefers-reduced-motion:reduce) {
  main[data-page-name="about"] .r3::before,
  main[data-page-name="about"] .kv-about-process::before,
  main[data-page-name="about"] .kv-about-detail::before,
  main[data-page-name="index"] .r4 .model .pic.kv-future-scene,
  main .r2.kv-orange-wave .zTexture img,
  main .r2.kv-orange-wave .zTexture::after { animation:none; }
}

/* Final about-page continuity pass. The source layout contains a second set of
   oversized scroll numbers behind the glass card; keep the active value only. */
main[data-page-name="about"] .r3 .v1 .scope {
  display:block !important;
  opacity:0;
  pointer-events:none;
  padding:0;
  mask-image:none;
  -webkit-mask-image:none;
}
main[data-page-name="about"] .r3 .v1 .scope .item {
  height:70vh;
  min-height:420px;
  margin:0;
}
main[data-page-name="about"] .r3 .v1 .piece .info .list,
main[data-page-name="about"] .r3 .v1 .piece .base .list {
  height:clamp(236px,24.5vw,320px);
  padding:0 !important;
  overflow:hidden !important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 34%,#000 66%,rgba(0,0,0,.18) 88%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 34%,#000 66%,rgba(0,0,0,.18) 88%,transparent 100%);
}
main[data-page-name="about"] .r3 .v1 .piece .info .list > li,
main[data-page-name="about"] .r3 .v1 .piece .base .list > li {
  box-sizing:border-box;
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  height:100%;
  min-height:100%;
  padding:clamp(48px,5.4vw,74px) 0 !important;
  overflow:hidden;
}
main[data-page-name="about"] .r3 .v1 .piece .view .linkage {
  width:76%;
  height:62%;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 10%,#000 31%,#000 69%,rgba(0,0,0,.12) 90%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 10%,#000 31%,#000 69%,rgba(0,0,0,.12) 90%,transparent 100%);
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list {
  font-size:clamp(112px,9.35vw,148px) !important;
}
main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list > li {
  box-sizing:border-box;
  height:100%;
  min-height:100%;
  padding:clamp(18px,2vw,30px) 0 !important;
}

/* A thinner iOS-like glass rim keeps the depth without the stepped metal edge. */
main[data-page-name="about"] .r3 .v1 .view .group .pic {
  padding:1px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(197,210,220,.12) 42%,rgba(32,43,54,.46));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(30,41,51,.48),0 1px 0 rgba(255,255,255,.34),0 18px 52px rgba(0,0,0,.42);
}
main[data-page-name="about"] .kv-metal-card {
  border-radius:22px;
  border:1px solid rgba(255,255,255,.34);
  background:linear-gradient(135deg,rgba(222,230,236,.7),rgba(105,119,132,.68) 45%,rgba(224,230,235,.58)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(126%);
  backdrop-filter:blur(24px) saturate(126%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 8px rgba(20,29,38,.22);
}
main[data-page-name="about"] .kv-metal-card::before {
  opacity:.8;
  filter:blur(13px);
  background:linear-gradient(118deg,rgba(241,245,248,.88),rgba(102,117,130,.56) 27%,rgba(245,247,249,.76) 48%,rgba(64,78,91,.58) 67%,rgba(220,227,232,.76));
}

@media (max-width:750px) {
  main[data-page-name="about"] .r3 .v1 .piece .info .list,
  main[data-page-name="about"] .r3 .v1 .piece .base .list { height:220px; }
  main[data-page-name="about"] .r3 .inner .v1 .piece .view .linkage .list { font-size:clamp(92px,26vw,124px) !important; }
}

/* One continuous field underneath the about-page sections. */
main[data-page-name="about"] { isolation:isolate; background:#080a0c; }
main[data-page-name="about"] .kv-continuous-field {
  position:fixed; inset:-15%; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at 18% 30%,#3b3d3e 0%,transparent 45%),radial-gradient(ellipse at 78% 72%,#242729 0%,transparent 48%),#080a0c;
  filter:blur(70px); animation:kv-mono-field 18s ease-in-out infinite alternate;
}
main[data-page-name="about"] .r3,
main[data-page-name="about"] .r3 .inner .v2.kv-about-process,
main[data-page-name="about"] .kv-about-detail { background:transparent !important; overflow:visible; }
main[data-page-name="about"] .r3::before,
main[data-page-name="about"] .kv-about-process::before,
main[data-page-name="about"] .kv-about-process::after,
main[data-page-name="about"] .kv-about-detail::before,
main[data-page-name="about"] .kv-about-detail::after { display:none !important; }
/* The image is replaced by two soft, counter-moving orange wave surfaces. */
main .r2.kv-orange-wave .zTexture {
  transform:none !important; overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent,#000 24%,#000 68%,transparent);
  mask-image:linear-gradient(transparent,#000 24%,#000 68%,transparent);
}
main .r2.kv-orange-wave .zTexture img { opacity:0; animation:none; }
main .r2.kv-orange-wave .zTexture::before,
main .r2.kv-orange-wave .zTexture::after {
  content:""; position:absolute; inset:25% -25% -12%; pointer-events:none;
  border-radius:44% 56% 37% 63% / 44% 39% 61% 56%;
  background:radial-gradient(ellipse at 45% 45%,#ffab5e 0%,#fc5b0a 27%,#a92308 45%,transparent 68%);
  filter:blur(48px); opacity:.9; mix-blend-mode:normal;
  transform-origin:50% 70%; animation:kv-wave-swell 9s ease-in-out infinite alternate;
}
main .r2.kv-orange-wave .zTexture::after {
  inset:38% -30% -20%; opacity:.65;
  background:radial-gradient(ellipse at 65% 42%,#ffbf88 0%,#f65a0a 30%,transparent 64%);
  animation:kv-wave-swell 12s ease-in-out infinite alternate-reverse;
}
@keyframes kv-wave-swell {
  0% { transform:translate3d(-7%,6%,0) rotate(-7deg) scale(1.08,.92); border-radius:44% 56% 37% 63% / 44% 39% 61% 56%; }
  50% { transform:translate3d(0,-6%,0) rotate(2deg) scale(1.02,1.14); }
  100% { transform:translate3d(8%,2%,0) rotate(8deg) scale(1.12,1); border-radius:60% 40% 56% 44% / 33% 57% 43% 67%; }
}
@media(prefers-reduced-motion:reduce) {
  main[data-page-name="about"] .kv-continuous-field,
  main .r2.kv-orange-wave .zTexture::before,
  main .r2.kv-orange-wave .zTexture::after { animation:none; }
}

/* About composition: a clear orange closing field, dark line-free middle,
   then a gradual return of the four reference lines at the contact section. */
main[data-page-name="about"] .r2.kv-orange-wave {
  overflow:hidden;
  background:#070707;
}
main[data-page-name="about"] .r2.kv-orange-wave .zTexture {
  inset:0;
  z-index:0;
  transform:none !important;
  overflow:hidden;
  -webkit-mask-image:none;
  mask-image:none;
}

main[data-page-name="about"] .r2.kv-orange-wave .inner {
  position:relative;
  z-index:1;
}
main[data-page-name="about"] .r2.kv-orange-wave .zTexture::before,
main[data-page-name="about"] .r2.kv-orange-wave .zTexture::after {
  inset:43% -16% -24%;
  border-radius:48% 52% 0 0 / 17% 22% 0 0;
  background:linear-gradient(180deg,#8f1c08 0%,#ee4609 20%,#f25712 48%,#e7470d 100%);
  filter:blur(22px);
  opacity:1;
  animation:kv-orange-line-wave 8s ease-in-out infinite alternate;
}
main[data-page-name="about"] .r2.kv-orange-wave .zTexture::after {
  inset:47% -22% -28%;
  border-radius:55% 45% 0 0 / 13% 19% 0 0;
  background:linear-gradient(180deg,rgba(255,151,82,.86),#f55a12 25%,#e7470d 55%);
  filter:blur(34px);
  opacity:.74;
  animation-duration:11s;
  animation-direction:alternate-reverse;
}
@keyframes kv-orange-line-wave {
  0% { transform:translate3d(-7%,3%,0) rotate(-1.5deg) scale(1.08,.96); }
  45% { transform:translate3d(0,-4%,0) rotate(.7deg) scale(1.02,1.08); }
  100% { transform:translate3d(7%,2%,0) rotate(1.8deg) scale(1.1,1); }
}

main[data-page-name="about"] .r3 {
  overflow:hidden !important;
  background:linear-gradient(180deg,#020303 0%,#050607 54%,#030405 100%) !important;
}
main[data-page-name="about"] .r3::before {
  display:block !important;
  opacity:.26;
  background:radial-gradient(ellipse at 22% 34%,rgba(132,143,151,.18),transparent 34%),radial-gradient(ellipse at 76% 70%,rgba(67,77,84,.13),transparent 40%);
  filter:blur(86px);
}
main[data-page-name="about"] .r3 .inner .v2.kv-about-process {
  background:linear-gradient(180deg,rgba(2,3,3,.12),#030405 22%,#050607 100%) !important;
}

@media (min-width:751px) {
  main[data-page-name="about"] .kv-about-process__head,
  main[data-page-name="about"] .kv-about-process__steps {
    width:calc(100% - .8rem);
    margin-left:.4rem;
    margin-right:.4rem;
    padding-left:0;
    padding-right:0;
  }
  main[data-page-name="about"] .kv-about-process__steps {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  main[data-page-name="about"] .kv-about-process__steps li,
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(n) {
    grid-column:auto !important;
    min-width:0;
    padding:28px 24px 34px !important;
    border:1px solid rgba(137,151,162,.38) !important;
    border-right:0 !important;
  }
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(4),
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(6) {
    border-right:1px solid rgba(137,151,162,.38) !important;
  }
  main[data-page-name="about"] .kv-about-process__steps li:nth-child(n+5) {
    border-top:0 !important;
  }
}

main[data-page-name="about"] .kv-about-detail {
  padding-bottom:0 !important;
  background:linear-gradient(180deg,#050607 0%,#07090b 66%,rgba(7,9,11,.96) 77%,rgba(7,9,11,.58) 87%,rgba(7,9,11,0) 96%) !important;
}
main[data-page-name="about"] .kv-about-detail__inner {
  padding-bottom:clamp(14px,1.6vw,24px) !important;
}
main[data-page-name="about"] .kv-contact-panel {
  margin-bottom:0;
}
main[data-page-name="about"] .ftName {
  height:auto;
  margin-top:0;
  padding-top:clamp(4px,.6vw,10px);
  overflow:hidden;
}
main[data-page-name="about"] .ftName .svgTit {
  position:relative;
  left:.4rem;
  width:calc(100% - .8rem) !important;
  max-width:calc(100% - .8rem) !important;
  height:auto;
  aspect-ratio:1920/242;
  overflow:hidden;
}
main[data-page-name="about"] .ftName .svgTit .blend {
  justify-content:flex-start;
  padding-left:0 !important;
  padding-right:0 !important;
}
main[data-page-name="about"] .ftName .svgTit p {
  max-width:none;
  white-space:nowrap;
  letter-spacing:-.078em;
}

@media (max-width:750px) {
  main[data-page-name="about"] .r2.kv-orange-wave .zTexture::before { inset:45% -35% -20%; }
  main[data-page-name="about"] .r2.kv-orange-wave .zTexture::after { inset:50% -42% -24%; }
  main[data-page-name="about"] .ftName .svgTit { left:5vw; width:90vw !important; max-width:90vw !important; }
}
@media(prefers-reduced-motion:reduce) {
  main[data-page-name="about"] .r2.kv-orange-wave .zTexture::before,
  main[data-page-name="about"] .r2.kv-orange-wave .zTexture::after { animation:none; }
}

/* Shared opening field and the final about-page detailing pass. */
main[data-page-name="index"] .r1,
main[data-page-name="about"] .r1 {
  isolation:isolate;
  overflow:hidden;
  background:#050607;
}
main[data-page-name="index"] .r1::before,
main[data-page-name="about"] .r1::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:-18%;
  pointer-events:none;
  background:
    radial-gradient(ellipse 44% 30% at 18% 24%,rgba(230,233,234,.38),transparent 72%),
    radial-gradient(ellipse 46% 34% at 78% 28%,rgba(147,153,157,.25),transparent 74%),
    radial-gradient(ellipse 52% 40% at 40% 72%,rgba(214,217,218,.22),transparent 70%),
    radial-gradient(ellipse 42% 28% at 86% 78%,rgba(65,70,73,.26),transparent 72%),
    #050607;
  filter:blur(46px) contrast(1.08);
  transform-origin:center;
  animation:kv-shared-hero-field 16s ease-in-out infinite alternate;
}
main[data-page-name="index"] .r1::after,
main[data-page-name="about"] .r1::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,4,5,.08) 0%,rgba(3,4,5,.18) 64%,#070707 100%);
}
main[data-page-name="index"] .r1 > .inner,
main[data-page-name="about"] .r1 > .inner { position:relative; z-index:1; }
@keyframes kv-shared-hero-field {
  0% { transform:translate3d(-3%,-2%,0) rotate(-1.5deg) scale(1.03); }
  52% { transform:translate3d(2%,3%,0) rotate(.7deg) scale(1.09); }
  100% { transform:translate3d(5%,-1%,0) rotate(2deg) scale(1.05); }
}

main[data-page-name="about"] .r2.kv-orange-wave .zTexture::before,
main[data-page-name="about"] .r2.kv-orange-wave .zTexture::after {
  inset:36% -9% -28%;
  border-radius:0;
  clip-path:none;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 500' preserveAspectRatio='none'%3E%3Cpath d='M0 94 C40 36 80 152 120 94 S200 36 240 94 S320 152 360 94 S440 36 480 94 S560 152 600 94 S680 36 720 94 S800 152 840 94 S920 36 960 94 S1040 152 1080 94 S1160 36 1200 94 L1200 500 L0 500 Z' fill='black'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 500' preserveAspectRatio='none'%3E%3Cpath d='M0 94 C40 36 80 152 120 94 S200 36 240 94 S320 152 360 94 S440 36 480 94 S560 152 600 94 S680 36 720 94 S800 152 840 94 S920 36 960 94 S1040 152 1080 94 S1160 36 1200 94 L1200 500 L0 500 Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size:50% 100%;
  mask-size:50% 100%;
  -webkit-mask-repeat:repeat-x;
  mask-repeat:repeat-x;
  background:linear-gradient(180deg,#8c1a08 0%,#d63708 12%,#ef4d0c 28%,#f45b14 52%,#e7470d 100%);
  filter:blur(18px);
  box-shadow:0 -46px 96px rgba(193,39,7,.62);
  transform-origin:50% 16%;
  animation:kv-orange-short-wave 7s ease-in-out infinite alternate;
}
main[data-page-name="about"] .r2.kv-orange-wave .zTexture::after {
  inset:34% -12% -30%;
  clip-path:none;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 500' preserveAspectRatio='none'%3E%3Cpath d='M0 104 C50 48 100 158 150 104 S250 48 300 104 S400 158 450 104 S550 48 600 104 S700 158 750 104 S850 48 900 104 S1000 158 1050 104 S1150 48 1200 104 L1200 500 L0 500 Z' fill='black'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 500' preserveAspectRatio='none'%3E%3Cpath d='M0 104 C50 48 100 158 150 104 S250 48 300 104 S400 158 450 104 S550 48 600 104 S700 158 750 104 S850 48 900 104 S1000 158 1050 104 S1150 48 1200 104 L1200 500 L0 500 Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size:50% 100%;
  mask-size:50% 100%;
  background:linear-gradient(180deg,rgba(122,20,5,.55) 0%,rgba(235,62,9,.76) 22%,#f45a13 48%,#e7470d 100%);
  filter:blur(44px);
  box-shadow:0 -64px 120px rgba(191,34,6,.52);
  opacity:.86;
  animation-duration:9.5s;
  animation-direction:alternate-reverse;
}
@keyframes kv-orange-short-wave {
  0% { transform:translate3d(-2.4%,3.5%,0) scale(1.04,1.02); }
  50% { transform:translate3d(0,-4.5%,0) scale(1.02,1.08); }
  100% { transform:translate3d(2.4%,2%,0) scale(1.04,.98); }
}

@media (min-width:751px) {
  main[data-page-name="about"] .kv-team-grid .kv-member {
    border:1px solid rgba(137,151,162,.38) !important;
    border-right:0 !important;
    border-top:0 !important;
  }
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(4),
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(6) {
    border-right:1px solid rgba(137,151,162,.38) !important;
  }
  main[data-page-name="about"] .kv-flow li {
    border:1px solid rgba(137,151,162,.38) !important;
    border-right:0 !important;
  }
  main[data-page-name="about"] .kv-flow li:nth-child(4),
  main[data-page-name="about"] .kv-flow li:nth-child(5) {
    border-right:1px solid rgba(137,151,162,.38) !important;
  }
  main[data-page-name="about"] .kv-flow li:nth-child(5) { border-top:0 !important; }
}

main[data-page-name="about"] .kv-about-detail__inner {
  padding-bottom:clamp(38px,4.8vw,72px) !important;
}
main[data-page-name="about"] .ftName {
  padding-top:clamp(16px,2vw,30px);
  background:linear-gradient(180deg,rgba(7,9,11,0) 0%,rgba(11,14,17,.72) 22%,#080a0c 62%,#050607 100%);
}
main[data-page-name="about"] .ftName .svgTit {
  aspect-ratio:1920/184;
}
main[data-page-name="about"] .ftName .svgTit p {
  letter-spacing:0;
}

@media (max-width:750px) {
  main[data-page-name="about"] .r2.kv-orange-wave .zTexture::before { inset:39% -20% -28%; }
  main[data-page-name="about"] .r2.kv-orange-wave .zTexture::after { inset:37% -24% -30%; }
}
@media(prefers-reduced-motion:reduce) {
  main[data-page-name="index"] .r1::before,
  main[data-page-name="about"] .r1::before,
  main[data-page-name="about"] .r2.kv-orange-wave .zTexture::before,
  main[data-page-name="about"] .r2.kv-orange-wave .zTexture::after { animation:none; }
}

/* Final cascade: keep the opening screens on the original WebGL and texture
   layers even when earlier experimental theme rules are present. */
main[data-page-name="index"] .r1,
main[data-page-name="about"] .r1 {
  isolation:auto !important;
  background:transparent !important;
}
main[data-page-name="index"] .r1::before,
main[data-page-name="index"] .r1::after,
main[data-page-name="about"] .r1::before,
main[data-page-name="about"] .r1::after {
  content:none !important;
  display:none !important;
  animation:none !important;
}
main[data-page-name="about"] { background:transparent !important; }
main[data-page-name="about"] .kv-continuous-field { display:none !important; }
main[data-page-name="about"] .r2 .zTexture { transform:translateY(2px) !important; }
@media (min-width:1025px) {
  main[data-page-name="index"] .r4 .model .view { display:block !important; }
  main[data-page-name="index"] .r4 .model .pic,
  main[data-page-name="index"] .r4 .model .pic.kv-future-scene { display:none !important; }
}

main[data-page-name="index"] .r4 .model .view { opacity:1; }

/* Homepage object: one unembellished interactive cube. Its six faces are the
   rendering surfaces of a single cube, not separate decorative objects. */
main[data-page-name="index"] .r4 .model .kv-cube-stage {
  display:none;
}
@media (min-width:1025px) {
  main[data-page-name="index"] .r4 .model .view { display:none !important; }
  main[data-page-name="index"] .r4 .model .kv-cube-stage {
    --cube-rx:-16deg;
    --cube-ry:-28deg;
    display:block;
    position:absolute;
    z-index:3;
    right:8vw;
    top:12vh;
    width:clamp(250px,25vw,430px);
    aspect-ratio:1;
    perspective:1200px;
    cursor:grab;
    touch-action:none;
  }
  main[data-page-name="index"] .r4 .model .kv-cube-stage:active { cursor:grabbing; }
  main[data-page-name="index"] .r4 .model .kv-cube {
    position:absolute;
    width:56%;
    height:56%;
    left:22%;
    top:22%;
    transform-style:preserve-3d;
    transform:rotateX(var(--cube-rx)) rotateY(var(--cube-ry));
    transition:transform .6s cubic-bezier(.2,.75,.25,1);
    animation:kv-cube-float 5.6s ease-in-out infinite alternate;
  }
  main[data-page-name="index"] .r4 .model .kv-cube i {
    position:absolute;
    inset:0;
    display:block;
    background:linear-gradient(135deg,#f4f5f5 0%,#9fa4a7 34%,#4e5357 70%,#171a1c 100%);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:inset 0 0 48px rgba(255,255,255,.2),0 0 35px rgba(255,255,255,.12);
    backface-visibility:visible;
  }
  main[data-page-name="index"] .r4 .model .kv-cube__front { transform:translateZ(calc(clamp(250px,25vw,430px) * .14)); }
  main[data-page-name="index"] .r4 .model .kv-cube__back { transform:rotateY(180deg) translateZ(calc(clamp(250px,25vw,430px) * .14)); filter:brightness(.42); }
  main[data-page-name="index"] .r4 .model .kv-cube__right { transform:rotateY(90deg) translateZ(calc(clamp(250px,25vw,430px) * .14)); filter:brightness(.68); }
  main[data-page-name="index"] .r4 .model .kv-cube__left { transform:rotateY(-90deg) translateZ(calc(clamp(250px,25vw,430px) * .14)); filter:brightness(.3); }
  main[data-page-name="index"] .r4 .model .kv-cube__top { transform:rotateX(90deg) translateZ(calc(clamp(250px,25vw,430px) * .14)); filter:brightness(1.1); }
  main[data-page-name="index"] .r4 .model .kv-cube__bottom { transform:rotateX(-90deg) translateZ(calc(clamp(250px,25vw,430px) * .14)); filter:brightness(.25); }
}
@keyframes kv-cube-float {
  from { margin-top:-8px; filter:drop-shadow(16px 36px 23px rgba(0,0,0,.55)); }
  to { margin-top:10px; filter:drop-shadow(-12px 55px 30px rgba(188,194,198,.18)); }
}

/* Give the shared two-line project invitation the same breathing room on
   the About and Projects endings. */
main[data-page-name="about"] .kv-contact-panel h2,
main[data-page-name="case"] .kv-contact-panel h2 { line-height:1.06 !important; }

/* Final homepage tidy-up: the object stage is deliberately empty, and the
   closing wordmark starts on line one without letting its W escape line five. */
main[data-page-name="index"] .r4 .model { display:none !important; }
@media (min-width:751px) {
  /* One shared closing wordmark across Home, Projects and About: its visual
     span begins at line one and stays inside the invisible fifth line. */
  main[data-page-name] .ftName > .svgTit,
  main[data-page-name] + .ftName > .svgTit {
    position:relative !important;
    left:.4rem !important;
    right:auto !important;
    width:calc(100% - .8rem) !important;
    max-width:calc(100% - .8rem) !important;
    overflow:hidden;
  }
  main[data-page-name] .ftName > .svgTit p,
  main[data-page-name] + .ftName > .svgTit p {
    display:block;
    max-width:none;
    white-space:nowrap;
    font-size:clamp(138px,14.8vw,198px) !important;
    letter-spacing:0 !important;
    transform:none !important;
  }
  main[data-page-name="index"] .ftName > .svgTit,
  main[data-page-name="index"] + .ftName > .svgTit {
    left:.4rem !important;
    width:calc(100% - .8rem) !important;
    max-width:calc(100% - .8rem) !important;
  }
  main[data-page-name="index"] .ftName > .svgTit p,
  main[data-page-name="index"] + .ftName > .svgTit p {
    display:block;
    /* Match the smaller closing lock-up used on the About and Projects pages. */
    font-size:clamp(138px,14.8vw,198px) !important;
    letter-spacing:0 !important;
    transform:none;
  }
}

/* About opening field: black fades into a solid orange finish, with no pale
   band before the next section begins. */
main[data-page-name="about"] .r2 {
  background:#060606;
  overflow:hidden;
  isolation:isolate;
}
main[data-page-name="about"] .r2 .zTexture {
  inset:0;
  overflow:hidden;
  transform:none !important;
  z-index:0;
}
main[data-page-name="about"] .r2 .inner { z-index:1; }
main[data-page-name="about"] .r2 .zTexture img {
  opacity:0 !important;
}
main[data-page-name="about"] .r2 .zTexture::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 72% 44% at 66% 75%,rgba(255,114,36,.42),transparent 68%),
    linear-gradient(180deg,#060606 0%,#080605 28%,#241006 43%,#741a08 58%,#c83a0b 74%,#e74b0e 100%);
}

/* Keep the established orange-to-black fade, with a restrained surface drift
   rather than a masked, hard-edged wave. */
main[data-page-name="about"] .r2 .zTexture::before {
  background-size: 112% 108%;
  will-change: background-position, transform;
  animation: kv-about-orange-surface 15s ease-in-out infinite alternate;
}
@keyframes kv-about-orange-surface {
  from { background-position: 45% 0%, 48% 0%; transform: translate3d(-.7%, .4%, 0) scale(1.015); }
  to { background-position: 54% 5%, 52% 3%; transform: translate3d(.7%, -.4%, 0) scale(1.025); }
}
/* The about outro lives at the same page level as the case outro, outside
   the reference-line grid. */
main[data-page-name="about"] .kv-about-outro,
main[data-page-name="case"] .kv-case-contact-slot {
  position:relative;
  padding-top:clamp(64px,8vw,126px);
  padding-bottom:clamp(54px,7vw,108px);
}
main[data-page-name="about"] .kv-about-outro .kv-contact-panel,
main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel {
  margin:0;
  background:linear-gradient(135deg,rgba(192,204,214,.2),rgba(8,12,17,.48) 72%) !important;
  border-color:rgba(247,250,252,.62) !important;
  border-radius:8px;
  box-shadow:inset 0 1px 0 #fff8,0 4px 0 #263039,0 7px 0 #0d141b,0 36px 70px #050a0f9c !important;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
main[data-page-name="about"] .kv-about-outro .kv-contact-panel::before,
main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel::before {
  background:radial-gradient(ellipse at var(--metal-x,75%) var(--metal-y,30%),rgba(245,249,252,.19),transparent 60%) !important;
}
main[data-page-name="about"] .kv-about-outro .kv-contact-art,
main[data-page-name="case"] .kv-case-contact-slot .kv-contact-art { display:none; }
@media (min-width:751px) {
  main[data-page-name="about"] .kv-about-outro .kv-contact-panel,
  main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel { padding-left:0; padding-right:0; }
  main[data-page-name="about"] .kv-about-outro .kv-contact-panel > span,
  main[data-page-name="about"] .kv-about-outro .kv-contact-panel > h2,
  main[data-page-name="about"] .kv-about-outro .kv-contact-panel > p,
  main[data-page-name="about"] .kv-about-outro .kv-contact-panel > .kv-contact-panel__grid,
  main[data-page-name="about"] .kv-about-outro .kv-contact-panel > .kv-contact-panel__cta,
  main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel > span,
  main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel > h2,
  main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel > p,
  main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel > .kv-contact-panel__grid,
  main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel > .kv-contact-panel__cta { margin-left:25%; }
  main[data-page-name="about"] .kv-about-outro .kv-contact-panel__grid,
  main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel__grid { display:grid; width:75%; grid-template-columns:repeat(3,minmax(0,1fr)); }
  main[data-page-name="about"] .kv-about-outro .kv-contact-panel__grid div:nth-child(4),
  main[data-page-name="case"] .kv-case-contact-slot .kv-contact-panel__grid div:nth-child(4) { grid-column:1 / 4; }
}
@media (min-width: 751px) {
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(4),
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(8),
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(10) { border-right:1px solid rgba(137,151,162,.38) !important; }
  main[data-page-name="about"] .kv-team-grid .kv-member:nth-child(6) { border-right:0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  main[data-page-name="about"] .r2 .zTexture::before { animation:none; }
}

/* The three closing KO.VIEW lock-ups share the About-page scale exactly. */
@media (min-width:751px) {
  main[data-page-name="index"] .ftName,
  main[data-page-name="case"] .ftName,
  main[data-page-name="about"] .ftName {
    height:10.6770833333vw !important;
    padding-top:0 !important;
  }
  main[data-page-name="index"] .ftName > .svgTit,
  main[data-page-name="index"] + .ftName > .svgTit,
  main[data-page-name="case"] .ftName > .svgTit,
  main[data-page-name="case"] + .ftName > .svgTit,
  main[data-page-name="about"] .ftName > .svgTit,
  main[data-page-name="about"] + .ftName > .svgTit {
    left:.4rem !important;
    width:calc(100% - .8rem) !important;
    max-width:calc(100% - .8rem) !important;
    height:auto !important;
    aspect-ratio:1920/242 !important;
  }
  main[data-page-name="index"] .ftName > .svgTit p,
  main[data-page-name="index"] + .ftName > .svgTit p,
  main[data-page-name="case"] .ftName > .svgTit p,
  main[data-page-name="case"] + .ftName > .svgTit p,
  main[data-page-name="about"] .ftName > .svgTit p,
  main[data-page-name="about"] + .ftName > .svgTit p {
    font-size:clamp(138px,14.8vw,198px) !important;
    letter-spacing:0 !important;
    transform:none !important;
  }
}