/* @author ZQ — A lived-in software workshop, animated as one delivery scene. */
.v6-home-hero.v5-brand-hero {
  position: relative;
  isolation: isolate;
  min-height: 745px;
  padding: 88px 0 78px;
  overflow: hidden;
  background: radial-gradient(ellipse at 88% 55%, #28527460, transparent 65%), linear-gradient(112deg, #07142b 9%, #102840 66%, #163950 125%);
}
.v6-home-hero.v5-brand-hero::before,
.v6-home-hero.v5-brand-hero::after { display: none; }
.v6-home-hero.v5-brand-hero > .v4-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.24fr);
  align-items: center;
  gap: 0;
  position: relative;
  z-index: 1;
}
.v6-home-hero.v5-brand-hero .v4-hero-copy { width: 100%; min-width: 0; position: relative; z-index: 2; }
.v6-home-hero.v5-brand-hero .v4-hero-copy::before { display: none; }
.v6-home-hero .v4-hero-copy > p { color: #bdcfe2; }
.v6-home-hero .v12-workshop { margin: 0 -45px 0 -29px; min-width: 0; position: relative; pointer-events: none; }
.v12-workshop-scene { display: block; width: 100%; height: auto; overflow: visible; }
.v12-workshop-scene .v12-scene-label {
  font-family: var(--font-text, 'PingFang SC', sans-serif);
  font-size: 25px;
  font-weight: 500;
  fill: #d1e8f6;
  letter-spacing: 1.5px;
  paint-order: stroke;
  stroke: #102840;
  stroke-width: 7px;
  stroke-linejoin: round;
}
.v12-workshop-scene [data-person] { transform-box: view-box; transform-origin: 0 0; }
.v12-workshop-scene [data-review-check],
.v12-workshop-scene [data-release] { stroke-linecap: round; stroke-linejoin: round; }
@media (min-width: 1700px) {
  .v6-home-hero.v5-brand-hero { min-height: 790px; }
  .v6-home-hero .v12-workshop { margin-right: -78px; }
}
@media (max-width: 1080px) and (min-width: 721px) {
  .v6-home-hero.v5-brand-hero { min-height: 640px; padding: 80px 0; }
  .v6-home-hero.v5-brand-hero > .v4-hero-grid { grid-template-columns: 1fr 1.13fr; }
  .v6-home-hero .v12-workshop { margin-left: -8px; margin-right: -29px; }
  .v12-workshop-scene .v12-scene-label { font-size: 31px; }
}
@media (max-width: 720px) {
  .v6-home-hero.v5-brand-hero { min-height: 0; padding: 43px 0 26px; background: radial-gradient(ellipse at 83% 84%, #28527460, transparent 62%), linear-gradient(159deg, #07142b 12%, #102840 66%, #163950 122%); }
  .v6-home-hero.v5-brand-hero > .v4-hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 26px; }
  .v6-home-hero .v12-workshop { width: calc(100% + 32px); max-width: 720px; margin: 0 -16px; align-self: center; }
  .v12-workshop-scene .v12-scene-label { font-size: 40px; letter-spacing: 0; stroke-width: 9px; }
}