/* Complete 30-page O1 theme transplanted from /Users/julian/Downloads/H1 汇报. */
.h1-figma-racing-shell,
.h1-figma-racing-report {
  --h1-okr-background-stage: url("assets/o1-complete/figma-untitled/p68-trophy-background.png");
}

:root {
  --h1-okr-design-width: 1920;
  --h1-okr-design-height: 1080;
  --h1-okr-black: #080808;
}

.h1-figma-racing-report body.h1-embedded-report > #root > div > main.h1-okr-report {
  position: relative;
  z-index: 3;
  isolation: isolate;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--h1-okr-black) !important;
}

.h1-okr-page {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  min-height: 0;
  overflow: hidden;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  background: transparent;
  color: #fff;
}

.h1-figma-racing-report body.h1-embedded-report main.h1-okr-report > .h1-okr-page {
  margin: 0 !important;
  padding: 0 !important;
}

.h1-okr-canvas {
  --h1-okr-scale: .5;
  position: absolute;
  z-index: 2;
  isolation: isolate;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background: transparent;
  opacity: 0;
  transform: translate(-50%, -50%) scale(var(--h1-okr-scale));
  transform-origin: 50% 50%;
}

.h1-okr-canvas.is-scaled {
  opacity: 1;
}

.h1-okr-shared-backdrop {
  position: sticky;
  z-index: 0;
  isolation: isolate;
  top: 0;
  width: 100%;
  height: 100vh;
  margin-bottom: -100vh;
  overflow: hidden;
  pointer-events: none;
  background: var(--h1-okr-black);
  opacity: 1;
}

/* One 1920 × 1080 Figma Frame 68 stage is pinned behind the entire OKR
   chapter, so every transparent foreground shares the same trophy canvas. */
.h1-okr-fixed-trophy-stage {
  display: block;
  background: #000;
}

.h1-okr-fixed-stage-canvas {
  --h1-okr-scale: .5;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 1080px;
  overflow: visible;
  opacity: 0;
  transform: translate(-50%, -50%) scale(var(--h1-okr-scale));
  transform-origin: 50% 50%;
}

.h1-okr-fixed-stage-canvas.is-scaled {
  opacity: 1;
}

.h1-okr-fixed-stage-canvas::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: -133px;
  left: -180px;
  width: 2280px;
  height: 1346px;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .26) 0%,
      rgba(0, 0, 0, .04) 6.5%,
      transparent 11%,
      transparent 86%,
      rgba(0, 0, 0, .48) 100%
    );
}

.h1-okr-fixed-stage-ambient {
  position: absolute;
  z-index: 0;
  top: -133px;
  left: -180px;
  display: block;
  width: 2280px;
  max-width: none;
  height: 1346px;
  max-height: none;
  object-fit: fill;
  opacity: .94;
  filter: blur(22px) saturate(.92) brightness(.84);
  transform: scale(1.014);
  transform-origin: 50% 50%;
  user-select: none;
  -webkit-user-drag: none;
}

.h1-okr-fixed-stage-edge {
  position: absolute;
  z-index: 1;
  top: 0;
  display: block;
  width: 244px;
  max-width: none;
  height: 1080px;
  max-height: none;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.h1-okr-fixed-stage-edge--left {
  left: -180px;
}

.h1-okr-fixed-stage-edge--right {
  right: -180px;
}

.h1-okr-fixed-stage-background {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 1920px;
  max-width: none;
  height: 1080px;
  max-height: none;
  object-fit: fill;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 48px,
    #000 calc(100% - 48px),
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 48px,
    #000 calc(100% - 48px),
    transparent 100%
  );
  user-select: none;
  -webkit-user-drag: none;
}

.h1-okr-fixed-stage-matte {
  position: absolute;
  z-index: 3;
  top: -133px;
  left: -180px;
  width: 2280px;
  height: 1346px;
  pointer-events: none;
  background: rgba(0, 0, 0, .12);
}

.h1-okr-figma-foreground-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 1920px;
  max-width: none;
  height: 1080px;
  max-height: none;
  object-fit: fill;
  user-select: none;
  -webkit-user-drag: none;
}

.h1-okr-figma-foreground-layer.is-positioned {
  inset: auto;
}

.h1-okr-elite-client-page {
  background: #020203;
}

.h1-okr-elite-client-canvas {
  overflow: visible;
}

.h1-okr-elite-client-background {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 1920px;
  max-width: none;
  height: 1080px;
  max-height: none;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.h1-okr-visual {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
}

.h1-okr-visual img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.h1-okr-title-group {
  position: absolute;
  z-index: 3;
  inset: 0;
}

.h1-okr-outline-title {
  position: absolute;
  top: 79px;
  left: 242px;
  width: 954px;
  height: 154px;
  color: transparent;
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif !important;
  font-size: 80px;
  font-style: italic;
  font-weight: 900;
  line-height: 154px;
  letter-spacing: 1.6px;
  text-align: center;
  text-transform: uppercase;
  -webkit-text-stroke: .923207px rgba(255,255,255,.7);
  white-space: nowrap;
}

.h1-figma-racing-report body.h1-embedded-report .h1-okr-title-group h1 {
  position: absolute;
  z-index: 1;
  top: 173px;
  left: 344.5px;
  width: 750px;
  height: 80px;
  margin: 0;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 52.28px !important;
  font-weight: 900 !important;
  line-height: 80.5px !important;
  letter-spacing: 0 !important;
  text-align: center;
  white-space: nowrap;
}

.h1-okr-title-latin {
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif !important;
  font-weight: 900 !important;
}

.h1-okr-insight-rail {
  position: absolute;
  z-index: 3;
  inset: 0;
}

.h1-okr-insight-card {
  --h1-okr-card-text: #fff;
  position: absolute;
  isolation: isolate;
  width: 377.61px;
  height: 233.58px;
  padding: 0;
  color: var(--h1-okr-card-text);
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.h1-okr-card-art {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.h1-okr-insight-card.is-gold {
  top: 128px;
  left: 1285px;
}

.h1-okr-insight-card.is-ivory {
  top: 423px;
  left: 1285px;
  --h1-okr-card-text: #14110a;
}

.h1-okr-insight-card.is-charcoal {
  top: 718px;
  left: 1285px;
  height: 233.57px;
}

.h1-okr-icon-medallion {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 320.52px;
  width: 57.1px;
  height: 57.1px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
}

.h1-okr-insight-card.is-gold .h1-okr-icon-medallion {
  background: transparent;
}

.h1-okr-insight-card.is-ivory .h1-okr-icon-medallion {
  background:
    linear-gradient(0deg, rgba(255,244,224,.9), rgba(255,244,224,.9)),
    rgba(0,0,0,.45);
  backdrop-filter: blur(17.5px);
  -webkit-backdrop-filter: blur(17.5px);
}

.h1-okr-insight-card.is-charcoal .h1-okr-icon-medallion {
  background: transparent;
}

.h1-okr-insight-icon {
  display: block;
  object-fit: contain;
}

.h1-okr-insight-icon.is-system {
  width: 57.1px;
  height: 57.1px;
}

.h1-okr-insight-icon.is-touchpoints {
  width: 28.3411px;
  height: 31.5476px;
}

.h1-okr-insight-icon.is-global {
  width: 35.4409px;
  height: 35.4409px;
}

svg.h1-okr-insight-icon circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 4.624;
}

.h1-okr-insight-card h2 {
  position: absolute;
  z-index: 2;
  top: 30.49px;
  left: 31.79px;
  width: 250.44px;
  height: 52.55px;
  margin: 0;
  color: inherit;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 39px !important;
  letter-spacing: 0 !important;
}

.h1-okr-insight-card.is-gold h2 {
  left: 35.69px;
}

.h1-okr-insight-card.is-ivory h2 {
  left: 32.44px;
}

.h1-okr-insight-card p {
  position: absolute;
  z-index: 2;
  top: 169.34px;
  left: 31.79px;
  width: 321.17px;
  margin: 0;
  color: inherit;
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0;
  opacity: 1;
}

.h1-okr-insight-card.is-gold p {
  top: 173.88px;
}

.h1-figma-racing-report body.h1-embedded-report .h1-okr-outline-title {
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif !important;
  letter-spacing: 1.6px !important;
}

.h1-figma-racing-report body.h1-embedded-report .h1-okr-title-latin,
.h1-figma-racing-report body.h1-embedded-report .h1-okr-insight-card p {
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif !important;
  letter-spacing: 0 !important;
}

.h1-okr-results-canvas {
  width: 1920px;
  height: 1080px;
}

.h1-okr-results-title-group {
  position: absolute;
  z-index: 3;
  top: 118px;
  left: 228px;
  width: 995px;
  height: 120px;
  text-align: center;
}

.h1-okr-results-outline {
  position: absolute;
  inset: 0;
  color: transparent;
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif !important;
  font-size: 76px;
  font-style: italic;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-text-stroke: 1px rgba(255,255,255,.62);
}

.h1-figma-racing-report body.h1-embedded-report .h1-okr-results-title-group h1 {
  position: absolute;
  z-index: 1;
  top: 38px;
  left: 162px;
  width: 660px;
  margin: 0;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 50px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

.h1-okr-results-rail {
  position: absolute;
  z-index: 3;
  top: 232px;
  left: 1043px;
  width: 718px;
  height: 765px;
}

.h1-okr-results-definition,
.h1-okr-results-summary {
  position: absolute;
  left: 0;
  width: 718px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(38,13,12,.95), rgba(31,26,20,.9)),
    rgba(20,16,13,.9);
  border: 1px solid rgba(255,255,255,.025);
  border-radius: 26px;
  box-shadow: 0 14px 44px rgba(0,0,0,.2);
  text-align: center;
}

.h1-okr-results-definition {
  top: 0;
  height: 94px;
  padding: 15px 48px;
  gap: 6px;
}

.h1-okr-results-definition strong {
  color: rgba(255,255,255,.86);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: 0;
  white-space: nowrap;
}

.h1-okr-results-panel {
  position: absolute;
  top: 116px;
  left: 0;
  width: 718px;
  height: 526px;
  box-sizing: border-box;
  padding: 24px 31px 31px;
  color: #fff;
  background:
    radial-gradient(circle at 22% 30%, rgba(91,26,20,.26), transparent 46%),
    linear-gradient(100deg, rgba(35,12,12,.95), rgba(25,22,18,.94));
  border: 1px solid rgba(255,255,255,.025);
  border-radius: 28px;
  box-shadow: 0 18px 50px rgba(0,0,0,.24);
}

/* The outer report shell loads a general editorial theme that gives every
   nested section 110px of top padding. These Figma panels are coordinate
   layers, so that generic rule must never participate in their layout. */
.h1-figma-racing-report body.h1-embedded-report main.h1-okr-report .h1-okr-results-panel {
  margin-bottom: 0 !important;
  padding: 24px 31px 31px !important;
}

.h1-okr-results-panel > header {
  height: 100px;
  text-align: center;
}

.h1-okr-results-panel > header h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 0;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
}

.h1-okr-results-panel > header h2 span {
  display: inline-block;
  color: transparent;
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif !important;
  font-size: 56px;
  font-style: italic;
  font-weight: 900;
  line-height: .58;
  letter-spacing: -10px;
  opacity: .72;
  -webkit-text-stroke: 1px rgba(255,255,255,.72);
  transform: translateY(1px) scaleX(1.22);
}

.h1-okr-results-panel > header p {
  margin: 10px 0 0;
  color: rgba(255,255,255,.7);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .4px;
}

.h1-okr-results-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  width: 656px;
  height: 370px;
}

.h1-okr-result-card {
  --h1-okr-result-bg: #e8deca;
  --h1-okr-result-fg: #4a310e;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  padding: 22px 25px 18px;
  overflow: visible;
  color: var(--h1-okr-result-fg);
  background: var(--h1-okr-result-bg);
  border-radius: 25px 50px 28px 28px;
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
}

.h1-okr-result-card.is-gold {
  --h1-okr-result-bg: linear-gradient(135deg, #a87631, #8d611f);
  --h1-okr-result-fg: #fff;
}

.h1-okr-result-card.is-charcoal {
  --h1-okr-result-bg: linear-gradient(135deg, #202020, #191919);
  --h1-okr-result-fg: #fff;
}

.h1-okr-result-card.is-ivory {
  --h1-okr-result-bg: #e8deca;
  --h1-okr-result-fg: #4a310e;
}

.h1-okr-result-number {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 57px;
  height: 57px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  border-radius: 50%;
  color: var(--h1-okr-result-fg);
  background: var(--h1-okr-result-bg);
  border: 10px solid rgba(16,14,12,.96);
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif !important;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  transform: translate(17px, -2px);
}

.h1-okr-result-card h3 {
  width: calc(100% - 34px);
  margin: 0;
  color: inherit;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0;
}

.h1-okr-result-card p {
  position: absolute;
  left: 25px;
  right: 24px;
  bottom: 19px;
  margin: 0;
  color: inherit;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.48;
  letter-spacing: 0;
  opacity: .92;
}

.h1-okr-results-summary {
  top: 666px;
  height: 95px;
  padding: 13px 42px;
  gap: 7px;
}

.h1-okr-results-summary strong {
  color: rgba(255,255,255,.93);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.38;
  white-space: nowrap;
}

.h1-okr-results-summary span {
  color: rgba(255,255,255,.7);
  font-family: "Gilroy", "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
}

/* p32 foreground — intentionally rebuilt as a transparent layer.  The only
   reused pixels are the two video stills, cropped from their source image;
   none of the screenshot's trophy background is rendered on this page. */
.h1-okr-tvc-canvas {
  width: 1920px;
  height: 1080px;
}

.h1-okr-tvc-title-group {
  position: absolute;
  z-index: 3;
  top: 87px;
  left: 440px;
  width: 1040px;
  height: 125px;
  text-align: center;
}

.h1-okr-tvc-outline {
  position: absolute;
  inset: 0;
  color: transparent;
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif !important;
  font-size: 78px;
  font-style: italic;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 1.6px;
  white-space: nowrap;
  -webkit-text-stroke: 1px rgba(255,255,255,.62);
}

.h1-figma-racing-report body.h1-embedded-report .h1-okr-tvc-title-group h1 {
  position: absolute;
  z-index: 1;
  top: 46px;
  left: 0;
  width: 100%;
  margin: 0;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 50px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 3px 16px rgba(0,0,0,.45);
}

.h1-okr-tvc-intro {
  position: absolute;
  z-index: 3;
  left: 160px;
  width: 1600px;
  box-sizing: border-box;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(105deg, rgba(143,83,30,.62), rgba(30,20,16,.93) 54%, rgba(9,9,9,.94));
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 27px;
  box-shadow: 0 20px 54px rgba(0,0,0,.24);
}

.h1-okr-tvc-intro > img {
  position: absolute;
  top: 30px;
  left: 55px;
  width: 95px;
  height: 49px;
  object-fit: contain;
}

.h1-okr-tvc-intro.is-platform {
  top: 256px;
  height: 186px;
  padding: 34px 70px 28px 210px;
}

.h1-figma-racing-report body.h1-embedded-report main.h1-okr-report .h1-okr-tvc-intro {
  margin-bottom: 0 !important;
}

.h1-figma-racing-report body.h1-embedded-report main.h1-okr-report .h1-okr-tvc-intro.is-platform {
  padding: 34px 70px 28px 210px !important;
}

.h1-okr-tvc-intro.is-platform h2,
.h1-okr-tvc-intro.is-annual h2 {
  margin: 0;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 31px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0;
}

.h1-okr-tvc-intro h2 b {
  display: inline-block;
  margin-right: 17px;
  font-family: "Gilroy", "Avenir Next", sans-serif;
  font-size: 28px;
  font-weight: 900;
}

.h1-okr-tvc-intro.is-platform h3 {
  margin: 23px 0 12px;
  padding-left: 16px;
  border-left: 7px solid #b51a22;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 29px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.h1-okr-tvc-intro.is-platform p,
.h1-okr-tvc-intro.is-annual > div > p {
  margin: 0;
  color: rgba(255,255,255,.92);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
  white-space: nowrap;
}

.h1-okr-tvc-intro.is-annual {
  top: 464px;
  height: 575px;
  padding: 27px 70px 0 210px;
}

.h1-figma-racing-report body.h1-embedded-report main.h1-okr-report .h1-okr-tvc-intro.is-annual {
  padding: 27px 70px 0 210px !important;
}

.h1-okr-tvc-intro.is-annual > img {
  top: 26px;
}

.h1-okr-tvc-intro.is-annual > div > p {
  margin: 20px 0 0 14px;
  font-size: 21px;
}

.h1-okr-tvc-video-row {
  position: absolute;
  top: 132px;
  left: 60px;
  width: 1480px;
  height: 410px;
  display: grid;
  grid-template-columns: 582px 270px 582px;
  gap: 23px;
  align-items: start;
}

.h1-okr-tvc-video-card {
  position: relative;
  box-sizing: border-box;
  height: 410px;
  padding: 16px 18px 20px;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(145deg, rgba(146,91,25,.94), rgba(100,59,15,.95));
  border: 1px solid rgba(255,228,174,.22);
  border-radius: 28px 28px 36px 36px;
  box-shadow: 0 18px 36px rgba(0,0,0,.22);
}

.h1-okr-tvc-media {
  position: relative;
  display: block;
  width: 546px;
  height: 230px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  background: #111;
  border: 0;
  border-radius: 21px;
}

.h1-okr-tvc-media:focus-visible {
  outline: 4px solid #fff;
  outline-offset: 4px;
}

.h1-okr-tvc-media-sprite {
  position: absolute;
  display: block;
  width: 1920px;
  max-width: none;
  height: 1080px;
  max-height: none;
  user-select: none;
  -webkit-user-drag: none;
}

.h1-okr-tvc-media-sprite.is-hero-1 {
  top: -614px;
  left: -236px;
}

.h1-okr-tvc-media-sprite.is-hero-2 {
  top: -614px;
  left: -1135px;
}

.h1-okr-tvc-video-card h3 {
  margin: 15px 0 0;
  padding-left: 14px;
  border-left: 6px solid #b5151e;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: 0;
}

.h1-okr-tvc-video-card h3 span {
  font-size: 18px;
  font-weight: 700;
}

.h1-okr-tvc-video-card > strong {
  display: block;
  margin: 11px 0 0;
  padding-left: 16px;
  color: #f2c66e;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.h1-okr-tvc-video-card > strong::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 9px;
  background: #b5151e;
}

.h1-okr-tvc-video-card > p {
  margin: 9px 0 0 17px;
  color: rgba(255,221,157,.84);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
}

.h1-okr-tvc-link-card {
  position: relative;
  align-self: center;
  height: 286px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  box-sizing: border-box;
  color: #f6c96f;
  background: linear-gradient(150deg, rgba(151,104,42,.98), rgba(103,67,20,.96));
  border-radius: 31px 31px 48px 48px;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  text-align: center;
}

.h1-okr-tvc-link-card strong {
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}

.h1-okr-tvc-link-card span,
.h1-okr-tvc-link-card i {
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.h1-okr-tvc-link-card b {
  position: absolute;
  bottom: -38px;
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border: 9px solid rgba(111,70,24,.88);
  border-radius: 50%;
  color: #fff;
  background: #b91820;
  font-family: Arial, sans-serif;
  font-size: 54px;
  font-weight: 400;
  line-height: .7;
}

.h1-okr-appendix-canvas {
  width: 1920px;
  height: 1080px;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif;
}

.h1-okr-appendix-title {
  position: absolute;
  z-index: 3;
  top: 78px;
  left: 390px;
  width: 1090px;
  height: 114px;
  text-align: center;
}

.h1-okr-appendix-title > span {
  position: absolute;
  inset: 0;
  color: transparent;
  font-family: "Gilroy", "Avenir Next", "Helvetica Neue", sans-serif;
  font-size: 72px;
  font-style: italic;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 1.2px;
  white-space: nowrap;
  -webkit-text-stroke: 1px rgba(255,255,255,.38);
}

.h1-figma-racing-report body.h1-embedded-report .h1-okr-appendix-title h1 {
  position: absolute;
  z-index: 1;
  top: 38px;
  left: 0;
  width: 100%;
  margin: 0;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 46px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.45);
}

.h1-okr-section-intro {
  position: absolute;
  z-index: 3;
  top: 196px;
  left: 250px;
  width: 1420px;
  height: 78px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 34px;
  color: #fff;
  background: linear-gradient(90deg, rgba(179,103,26,.58), rgba(37,23,17,.86));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 26px;
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
}

.h1-okr-section-intro i {
  margin-right: 24px;
  color: #fff;
  font-size: 24px;
  font-style: italic;
  letter-spacing: -5px;
}

.h1-okr-section-intro strong {
  font-size: 20px;
  font-weight: 800;
}

.h1-okr-section-intro p {
  margin: 0 0 0 auto;
  color: rgba(255,255,255,.66);
  font-size: 14px;
}

.h1-okr-awards-columns {
  position: absolute;
  z-index: 3;
  top: 302px;
  left: 330px;
  width: 1260px;
  height: 570px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}

.h1-okr-awards-panel {
  box-sizing: border-box;
  padding: 0 22px 22px;
  background: linear-gradient(145deg, rgba(151,84,21,.76), rgba(44,25,17,.9));
  border: 1px solid rgba(255,236,195,.17);
  border-radius: 28px;
  box-shadow: 0 24px 54px rgba(0,0,0,.25);
}

.h1-okr-awards-panel.is-h2 {
  background: linear-gradient(145deg, rgba(111,67,26,.74), rgba(27,24,20,.92));
}

.h1-okr-awards-panel > header {
  height: 82px;
  display: flex;
  align-items: center;
  gap: 28px;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.h1-okr-awards-panel > header b {
  display: grid;
  place-items: center;
  width: 86px;
  height: 44px;
  color: #63390f;
  background: #eed6a7;
  border-radius: 22px;
  font-family: "Gilroy", sans-serif;
  font-size: 27px;
}

.h1-okr-awards-panel > header h2 {
  margin: 0;
  color: #fff;
  font-size: 28px;
  font-weight: 900;
}

.h1-okr-award-list {
  display: grid;
  gap: 10px;
  padding-top: 14px;
}

.h1-okr-award-list > button,
.h1-okr-award-list > div {
  width: 100%;
  min-height: 132px;
  display: grid;
  grid-template-columns: 52px 1fr 78px;
  align-items: center;
  box-sizing: border-box;
  padding: 14px 16px;
  color: #fff;
  background: rgba(20,16,13,.42);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  text-align: left;
}

.h1-okr-award-list > button {
  appearance: none;
  cursor: zoom-in;
}

.h1-okr-award-list em {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  color: #3e250f;
  background: #e5bd78;
  border-radius: 50%;
  font-family: "Gilroy", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
}

.h1-okr-award-list span {
  display: grid;
  gap: 9px;
}

.h1-okr-award-list strong {
  color: #fff;
  font-size: 19px;
  font-weight: 850;
}

.h1-okr-award-list small {
  color: rgba(255,255,255,.62);
  font-size: 13px;
  line-height: 1.35;
}

.h1-okr-award-list i {
  justify-self: end;
  color: #6a3a13;
  background: #f3ead9;
  border-radius: 10px;
  font-size: 34px;
  font-style: normal;
  text-align: center;
}

.h1-okr-awards-summary {
  position: absolute;
  z-index: 3;
  top: 899px;
  left: 330px;
  width: 1260px;
  height: 82px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 34px;
  color: #fff;
  background: linear-gradient(90deg, rgba(128,72,19,.72), rgba(31,24,19,.9));
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 24px;
}

.h1-okr-awards-summary span {
  margin-right: 24px;
  color: #edc47d;
  font-size: 34px;
}

.h1-okr-awards-summary p {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

.h1-okr-event-panel {
  position: absolute;
  z-index: 3;
  top: 302px;
  left: 720px;
  width: 1030px;
  height: 650px;
  box-sizing: border-box;
  padding: 28px 34px;
  color: #fff;
  background: linear-gradient(135deg, rgba(111,54,19,.82), rgba(27,21,16,.94));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 32px;
  box-shadow: 0 28px 62px rgba(0,0,0,.28);
}

.h1-okr-event-panel > header {
  height: 100px;
  display: grid;
  grid-template-columns: 42px 130px 1fr;
  align-items: start;
  column-gap: 16px;
}

.h1-okr-event-panel > header > span {
  padding-top: 5px;
  color: #dfaf60;
  font-size: 28px;
}

.h1-okr-event-panel > header small {
  color: rgba(255,255,255,.58);
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
}

.h1-okr-event-panel > header h2 {
  margin: 1px 0 0;
  font-size: 30px;
  font-weight: 900;
}

.h1-okr-event-panel > header p {
  margin: 9px 0 0;
  color: rgba(255,255,255,.7);
  font-size: 15px;
  line-height: 1.55;
}

.h1-okr-salon-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  height: 238px;
}

.h1-okr-salon-metrics article {
  box-sizing: border-box;
  padding: 24px 26px;
  background: linear-gradient(135deg, rgba(171,99,30,.82), rgba(115,66,25,.62));
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 24px;
}

.h1-okr-salon-metrics b,
.h1-okr-salon-metrics strong,
.h1-okr-salon-metrics p {
  display: block;
}

.h1-okr-salon-metrics b {
  color: #f6e2bd;
  font-size: 16px;
}

.h1-okr-salon-metrics strong {
  margin-top: 18px;
  color: #fff;
  font-size: 25px;
}

.h1-okr-salon-metrics p {
  margin: 23px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.5;
}

.h1-okr-expo-metrics {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  height: 190px;
}

.h1-okr-expo-metrics article {
  position: relative;
  box-sizing: border-box;
  padding: 22px 15px;
  color: #fff;
  background: linear-gradient(145deg, rgba(174,105,39,.82), rgba(107,61,20,.66));
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 20px;
  text-align: center;
}

.h1-okr-expo-metrics b,
.h1-okr-expo-metrics small {
  display: block;
}

.h1-okr-expo-metrics b {
  font-size: 17px;
}

.h1-okr-expo-metrics small {
  margin-top: 16px;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  line-height: 1.35;
}

.h1-okr-expo-metrics span {
  position: absolute;
  left: 50%;
  bottom: -18px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #9e1418;
  transform: translateX(-50%);
}

.h1-okr-media-grid {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 29px;
  display: grid;
  gap: 16px;
}

.h1-okr-media-grid.is-salon {
  grid-template-columns: repeat(3, 1fr);
  height: 225px;
}

.h1-okr-media-grid.is-expo {
  grid-template-columns: repeat(4, 1fr);
  height: 210px;
}

.h1-okr-media-trigger {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  color: #fff;
  background: #171411;
  border: 3px solid #e8ddc7;
  border-radius: 18px;
  box-shadow: 0 14px 32px rgba(0,0,0,.24);
  cursor: zoom-in;
  text-align: left;
}

.h1-okr-media-image {
  position: absolute;
  inset: 0;
  display: block;
  background-color: #211810;
  background-image: url("/previews/assets/h1-okr-awards-events-figma-overview.png");
  background-repeat: no-repeat;
  filter: saturate(1.08) contrast(1.04);
  transition: transform .28s ease;
}

.h1-okr-media-trigger:hover .h1-okr-media-image {
  transform: scale(1.025);
}

.h1-okr-media-trigger[data-media-kind="salon-group"] .h1-okr-media-image {
  background-size: 3120px 2131px;
  background-position: -1899px -774px;
}

.h1-okr-media-trigger[data-media-kind="salon-lab"] .h1-okr-media-image {
  background-size: 3120px 2131px;
  background-position: -2194px -774px;
}

.h1-okr-media-trigger[data-media-kind="salon-stage"] .h1-okr-media-image {
  background-size: 3120px 2131px;
  background-position: -2492px -774px;
}

.h1-okr-media-trigger[data-media-kind="expo-race"] .h1-okr-media-image {
  background-size: 3120px 2131px;
  background-position: -1836px -1718px;
}

.h1-okr-media-trigger[data-media-kind="expo-festival"] .h1-okr-media-image {
  background-size: 3120px 2131px;
  background-position: -2070px -1718px;
}

.h1-okr-media-trigger[data-media-kind="expo-lab"] .h1-okr-media-image {
  background-size: 3120px 2131px;
  background-position: -2310px -1718px;
}

.h1-okr-media-trigger[data-media-kind="expo-booth"] .h1-okr-media-image {
  background-size: 3120px 2131px;
  background-position: -2550px -1718px;
}

.h1-okr-media-caption {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  gap: 2px;
  padding: 30px 13px 11px;
  background: linear-gradient(transparent, rgba(0,0,0,.88));
}

.h1-okr-media-caption strong {
  font-size: 14px;
  line-height: 1.2;
}

.h1-okr-media-caption small {
  color: rgba(255,255,255,.68);
  font-size: 10px;
}

.h1-okr-lightbox {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 6vh 8vw;
  background: rgba(5,4,3,.68);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.h1-okr-lightbox-frame {
  position: relative;
  width: min(72vw, 1260px);
  aspect-ratio: 16 / 9;
  padding: 6px;
  background: #f3ead9;
  border-radius: 24px;
  box-shadow: 0 34px 100px rgba(0,0,0,.7);
}

.h1-okr-lightbox-media {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #0c0907;
  background-image: url("/previews/assets/h1-okr-events-lightbox-reference.png");
  background-repeat: no-repeat;
  border-radius: 19px;
}

.h1-okr-lightbox-media.is-salon-group,
.h1-okr-lightbox-media.is-salon-lab,
.h1-okr-lightbox-media.is-salon-stage {
  background-size: 176% auto;
  background-position: 37% 18.5%;
}

.h1-okr-lightbox-media.is-expo-race,
.h1-okr-lightbox-media.is-expo-festival,
.h1-okr-lightbox-media.is-expo-lab,
.h1-okr-lightbox-media.is-expo-booth {
  background-size: 176% auto;
  background-position: 42% 77%;
}

.h1-okr-lightbox-media.is-awards {
  background-image: url("/previews/assets/h1-okr-awards-events-figma-overview.png");
  background-size: 217% auto;
  background-position: 4.4% 15.8%;
}

.h1-okr-lightbox-close {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #fff;
  background: rgba(16,14,12,.82);
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 50%;
  font-family: "Gilroy", sans-serif;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

.h1-okr-results-page.is-active .h1-okr-results-definition,
.h1-okr-results-page.is-active .h1-okr-results-panel,
.h1-okr-results-page.is-active .h1-okr-results-summary {
  animation: h1OkrResultSurfaceEnter .45s cubic-bezier(.16,1,.3,1) both;
}

.h1-okr-results-page.is-active .h1-okr-results-panel {
  animation-delay: .04s;
}

.h1-okr-results-page.is-active .h1-okr-results-summary {
  animation-delay: .08s;
}

@keyframes h1OkrResultSurfaceEnter {
  from { opacity: .72; transform: translate3d(10px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

.h1-okr-page.is-active .h1-okr-insight-card {
  animation: h1OkrCardEnter .5s cubic-bezier(.16,1,.3,1) both;
  animation-delay: calc(.05s + var(--h1-okr-card-index) * .06s);
}

@keyframes h1OkrCardEnter {
  from { opacity: .72; transform: translate3d(12px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .h1-figma-racing-shell *,
  .h1-figma-racing-report * {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* Exact Figma OKR deck — exported from the authenticated prototype at 1920 × 1080. */
.h1-figma-racing-report body.h1-embedded-report .save-bar {
  display: flex !important;
}

.h1-figma-racing-report body.h1-embedded-report main.h1-okr-report {
  position: relative;
  isolation: isolate;
  background: #000;
}

.h1-figma-racing-report body.h1-embedded-report main.h1-okr-report > .h1-okr-exact-page {
  position: relative;
  isolation: isolate;
  z-index: 1;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: transparent;
}

.h1-figma-racing-report body.h1-embedded-report main.h1-okr-report > .h1-okr-exact-page::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: transparent;
}

.h1-okr-exact-artboard {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 30%;
  width: min(54vw, calc(72vh * 16 / 9));
  aspect-ratio: 16 / 9;
  overflow: hidden;
  transform: translate(-50%, -50%);
  transform-origin: center;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 18.02817px;
  background: rgba(0,0,0,.3);
  box-shadow: 0 24px 64px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.06);
}

/* Page 01 is rebuilt from the independent Figma foreground layers. The
   remaining exact-image pages stay suppressed until their matching foreground
   layers are rebuilt; their full screenshots are never stacked on the trophy. */
.h1-okr-report.is-p25-content-only .h1-okr-exact-artboard {
  opacity: 0;
  pointer-events: none;
}

.h1-okr-exact-modal-artboard {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: min(100vw, calc(100vh * 16 / 9));
  aspect-ratio: 16 / 9;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.h1-okr-exact-frame {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  display: block;
  object-fit: contain;
  object-position: 50% 50%;
  image-rendering: auto;
  user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 1100px) {
  .h1-okr-exact-artboard {
    left: 50%;
    width: min(84vw, calc(80vh * 16 / 9));
    transform: translate(-50%, -50%);
  }
}

.h1-okr-exact-hotspot {
  position: absolute;
  z-index: 3;
  display: block;
  padding: 0;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 14px;
  cursor: zoom-in;
}

.h1-okr-exact-hotspot.is-salon {
  left: 17.5%;
  top: 69.5%;
  width: 64.8%;
  height: 23.5%;
}

.h1-okr-exact-hotspot.is-expo {
  left: 13.2%;
  top: 64.5%;
  width: 73%;
  height: 22.5%;
}

.h1-okr-exact-hotspot:focus-visible {
  outline: 3px solid rgba(255,255,255,.92);
  outline-offset: 4px;
}

.h1-okr-video-hotspot {
  position: absolute;
  z-index: 4;
  display: block;
  padding: 0;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 20px;
  cursor: pointer;
}

.h1-okr-video-hotspot:focus-visible {
  outline: 3px solid rgba(255,255,255,.95);
  outline-offset: 4px;
}

.h1-okr-image-hotspot {
  position: absolute;
  z-index: 3;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
  cursor: zoom-in;
}

.h1-okr-image-hotspot:focus-visible {
  outline: 3px solid rgba(255,255,255,.95);
  outline-offset: 4px;
}

.h1-okr-external-link {
  position: absolute;
  z-index: 4;
  display: block;
  border: 2px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.h1-okr-external-link:hover,
.h1-okr-external-link:focus-visible {
  border-color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.08);
  box-shadow: 0 0 0 4px rgba(231,178,98,.16);
}

.h1-okr-external-link:focus-visible {
  outline: 3px solid rgba(255,255,255,.95);
  outline-offset: 4px;
}

.h1-okr-inline-video {
  position: absolute;
  z-index: 2;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: #000;
  object-fit: cover;
  overflow: hidden;
}

.h1-okr-inline-video.is-contain {
  object-fit: contain;
}

.h1-okr-inline-video:focus-visible {
  outline: 3px solid rgba(255,255,255,.95);
  outline-offset: 4px;
}

.h1-okr-page-number {
  position: absolute;
  z-index: 5;
  right: 1.7%;
  bottom: 1.7%;
  color: #fff;
  font: 700 clamp(11px, .73vw, 14px)/1 "Barlow Condensed", sans-serif !important;
  letter-spacing: .08em !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.8);
  pointer-events: none;
}

.h1-okr-page-number span {
  color: rgba(255,255,255,.5);
}

/* O1 section covers — one full-bleed grammar for 1+6 and all six levers. */
.h1-okr-chapter-transition-page {
  background: transparent;
}

.h1-okr-chapter-transition-canvas {
  overflow: hidden;
  background: transparent;
}

.h1-okr-chapter-transition-veil {
  position: absolute;
  z-index: 1;
  inset: -2px;
  background:
    linear-gradient(180deg,
      rgba(3,2,2,.76) 0%,
      rgba(3,2,2,.43) 42%,
      rgba(3,2,2,.28) 70%,
      rgba(3,2,2,.66) 100%),
    linear-gradient(90deg,
      rgba(3,2,2,.34) 0%,
      rgba(3,2,2,.18) 62%,
      rgba(3,2,2,.82) 100%),
    radial-gradient(ellipse at 48% 68%,rgba(205,91,25,.18),transparent 55%);
  pointer-events: none;
}

.h1-okr-chapter-transition-watermark {
  position: absolute;
  z-index: 2;
  top: min(110px, 10.185185vh);
  left: min(80px, 4.166667vw);
  color: transparent;
  font-family: "Barlow Condensed", "Gilroy", sans-serif !important;
  font-size: min(246px, 12.8125vw, 22.777778vh);
  font-style: italic;
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: .9;
  white-space: nowrap;
  -webkit-text-stroke: 2px rgba(255,255,255,.075);
  pointer-events: none;
}

.h1-okr-chapter-transition-content {
  position: absolute;
  z-index: 3;
  top: min(350px, 32.407407vh);
  left: min(96px, 5vw);
  width: min(1710px, 89.0625vw);
  color: #fff;
}

.h1-okr-chapter-transition-kicker {
  display: flex;
  align-items: center;
  gap: min(18px, .9375vw, 1.666667vh);
  color: #ff7a40;
  font-family: "Barlow Condensed", "Noto Sans SC", sans-serif !important;
  font-size: min(27px, 1.40625vw, 2.5vh);
  font-weight: 800;
  letter-spacing: .075em;
  line-height: 1;
}

.h1-okr-chapter-transition-rule {
  width: min(650px, 33.854167vw, 60.185185vh);
  height: min(4px, .208333vw, .37037vh);
  margin-top: min(43px, 2.239583vw, 3.981481vh);
  border-radius: 999px;
  background: linear-gradient(90deg,#ff6a2b,rgba(238,181,112,.55),transparent);
  box-shadow: 0 0 24px rgba(255,100,38,.28);
}

.h1-okr-chapter-transition-content h1 {
  margin: min(48px, 2.5vw, 4.444444vh) 0 0;
  max-width: 100%;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: min(132px, 6.875vw, 12.222222vh);
  font-weight: 900;
  letter-spacing: -.065em;
  line-height: .96;
  text-shadow: 0 8px 38px rgba(0,0,0,.78);
}

.h1-okr-chapter-transition-content p {
  margin: min(44px, 2.291667vw, 4.074074vh) 0 0;
  max-width: min(1660px, 86.458333vw);
  color: rgba(255,255,255,.78);
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: min(47px, 2.447917vw, 4.351852vh);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.25;
  text-wrap: balance;
  text-shadow: 0 5px 26px rgba(0,0,0,.86);
}

.h1-okr-chapter-transition-content p strong {
  color: #fff;
  font-family: "Gilroy", "Barlow Condensed", sans-serif !important;
  font-weight: 700;
  letter-spacing: -.01em;
}

.h1-okr-chapter-transition-progress {
  display: flex;
  align-items: center;
  gap: min(20px, 1.041667vw, 1.851852vh);
  margin-top: min(78px, 4.0625vw, 7.222222vh);
}

.h1-okr-chapter-transition-progress i {
  display: block;
  width: min(76px, 3.958333vw, 7.037037vh);
  height: min(13px, .677083vw, 1.203704vh);
  border-radius: 999px;
  background: rgba(192,55,25,.58);
}

.h1-okr-chapter-transition-progress i:first-child {
  width: min(166px, 8.645833vw, 15.37037vh);
  background: linear-gradient(90deg,#c5161d,#ff6a2b);
  box-shadow: 0 0 22px rgba(255,72,29,.22);
}

.h1-okr-chapter-transition-progress i:last-child {
  width: min(38px, 1.979167vw, 3.518519vh);
  opacity: .68;
}

.h1-okr-chapter-transition-page.vis .h1-okr-chapter-transition-content {
  animation: h1OkrChapterTransitionIn .85s cubic-bezier(.16,1,.3,1) both;
}

.h1-okr-chapter-transition-page.vis .h1-okr-chapter-transition-watermark {
  animation: h1OkrChapterTransitionWatermarkIn 1.1s cubic-bezier(.16,1,.3,1) both;
}

@keyframes h1OkrChapterTransitionIn {
  from { opacity: 0; transform: translate3d(0,34px,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}

@keyframes h1OkrChapterTransitionWatermarkIn {
  from { opacity: 0; transform: translate3d(-24px,0,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}

/* Q3 24/7 strategy — turns the existing orange/black trophy stage into a
   single left-to-right leadership narrative, without adding a boxed slide. */
.h1-okr-q3-mindshare-page {
  background: transparent;
}

.h1-okr-q3-mindshare-canvas {
  overflow: hidden;
  background: transparent;
}

.h1-okr-q3-mindshare-veil {
  position: absolute;
  z-index: 1;
  inset: -2px;
  background:
    linear-gradient(180deg,rgba(2,2,2,.78) 0%,rgba(2,2,2,.28) 46%,rgba(2,2,2,.66) 100%),
    linear-gradient(90deg,rgba(4,3,2,.30) 0%,rgba(4,3,2,.12) 45%,rgba(4,3,2,.76) 100%),
    radial-gradient(ellipse at 50% 76%,rgba(229,103,28,.19),transparent 58%);
  pointer-events: none;
}

.h1-okr-q3-mindshare-watermark {
  position: absolute;
  z-index: 2;
  top: min(74px, 6.851852vh);
  right: min(70px, 3.645833vw);
  color: transparent;
  font-family: "Barlow Condensed", "Gilroy", sans-serif !important;
  font-size: min(304px, 15.833333vw, 28.148148vh);
  font-style: italic;
  font-weight: 900;
  letter-spacing: -.065em;
  line-height: .8;
  white-space: nowrap;
  -webkit-text-stroke: 2px rgba(255,255,255,.06);
  pointer-events: none;
}

.h1-okr-q3-mindshare-frame {
  position: absolute;
  z-index: 3;
  top: min(116px, 10.740741vh);
  right: min(96px, 5vw);
  bottom: min(82px, 7.592593vh);
  left: min(96px, 5vw);
  display: flex;
  flex-direction: column;
  color: #fff;
}

.h1-okr-q3-mindshare-header {
  position: relative;
  max-width: min(1320px, 68.75vw);
}

.h1-okr-q3-mindshare-kicker {
  display: flex;
  align-items: center;
  gap: min(18px, .9375vw, 1.666667vh);
  color: #ff7440;
  font-family: "Barlow Condensed", "Noto Sans SC", sans-serif !important;
  font-size: min(25px, 1.302083vw, 2.314815vh);
  font-weight: 800;
  letter-spacing: .085em;
  line-height: 1;
}

.h1-okr-q3-mindshare-title {
  margin: min(30px, 1.5625vw, 2.777778vh) 0 0;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: min(78px, 4.0625vw, 7.222222vh);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.04;
  text-shadow: 0 8px 34px rgba(0,0,0,.82);
}

.h1-okr-q3-mindshare-title strong {
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-weight: 900;
}

.h1-okr-q3-mindshare-header > p {
  margin: min(18px, .9375vw, 1.666667vh) 0 0;
  color: rgba(255,255,255,.68);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: min(26px, 1.354167vw, 2.407407vh);
  font-weight: 400;
  letter-spacing: .035em;
  line-height: 1.35;
}

.h1-okr-q3-mindshare-strategy {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns:
    minmax(0,1.25fr)
    min(82px, 4.270833vw)
    minmax(0,.8fr)
    min(82px, 4.270833vw)
    minmax(0,1fr);
  align-items: stretch;
  min-height: 0;
  margin-top: min(48px, 2.5vw, 4.444444vh);
  border-top: 1px solid rgba(242,185,110,.56);
  border-bottom: 1px solid rgba(242,185,110,.28);
  background: linear-gradient(90deg,rgba(14,10,8,.46),rgba(14,10,8,.16) 58%,rgba(14,10,8,.54));
  box-shadow: 0 26px 64px rgba(0,0,0,.18);
}

.h1-okr-q3-mindshare-leadership,
.h1-okr-q3-mindshare-amplifier,
.h1-okr-q3-mindshare-outcome {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: min(31px, 1.614583vw, 2.87037vh) min(24px, 1.25vw, 2.222222vh);
}

.h1-okr-q3-mindshare-leadership {
  padding-left: min(2px, .104167vw);
}

.h1-okr-q3-mindshare-section-label {
  flex: 0 0 auto;
  margin-bottom: min(23px, 1.197917vw, 2.12963vh);
  color: #e9a75c;
  font-family: "Barlow Condensed", "Gilroy", sans-serif !important;
  font-size: min(17px, .885417vw, 1.574074vh);
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1;
  white-space: nowrap;
}

.h1-okr-q3-mindshare-signal {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: min(43px, 2.239583vw) minmax(112px,.85fr) minmax(0,1.35fr) auto;
  align-items: center;
  min-height: 0;
  border-top: 1px solid rgba(255,255,255,.16);
  column-gap: min(14px, .729167vw, 1.296296vh);
}

.h1-okr-q3-mindshare-signal:last-child {
  border-bottom: 1px solid rgba(255,255,255,.16);
}

.h1-okr-q3-mindshare-signal > span {
  color: rgba(255,255,255,.34);
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: min(17px, .885417vw, 1.574074vh);
  font-weight: 700;
  letter-spacing: .08em;
}

.h1-okr-q3-mindshare-signal > strong {
  color: #fff;
  font-family: "Barlow Condensed", "Noto Sans SC", sans-serif !important;
  font-size: min(30px, 1.5625vw, 2.777778vh);
  font-weight: 800;
  letter-spacing: .015em;
  line-height: 1;
}

.h1-okr-q3-mindshare-signal > p {
  margin: 0;
  color: rgba(255,255,255,.72);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: min(20px, 1.041667vw, 1.851852vh);
  font-weight: 500;
  line-height: 1.3;
}

.h1-okr-q3-mindshare-signal > b {
  color: #f2ad57;
  font-family: "Barlow Condensed", "Gilroy", sans-serif !important;
  font-size: min(25px, 1.302083vw, 2.314815vh);
  font-style: italic;
  font-weight: 800;
  letter-spacing: .035em;
  line-height: 1;
}

.h1-okr-q3-mindshare-flow {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
}

.h1-okr-q3-mindshare-flow::before,
.h1-okr-q3-mindshare-flow::after {
  position: absolute;
  top: 50%;
  content: "";
}

.h1-okr-q3-mindshare-flow::before {
  right: 10%;
  left: 10%;
  height: 1px;
  background: linear-gradient(90deg,rgba(239,169,80,.22),rgba(239,169,80,.92));
}

.h1-okr-q3-mindshare-flow::after {
  right: 9%;
  width: min(8px, .416667vw, .740741vh);
  height: min(8px, .416667vw, .740741vh);
  border-top: 1px solid #eda958;
  border-right: 1px solid #eda958;
  transform: translateY(-50%) rotate(45deg);
}

.h1-okr-q3-mindshare-flow i {
  display: block;
  width: min(39px, 2.03125vw, 3.611111vh);
  height: min(39px, 2.03125vw, 3.611111vh);
  border: 1px solid rgba(238,172,88,.55);
  border-radius: 50%;
  background: rgba(15,10,7,.82);
  box-shadow: 0 0 0 7px rgba(15,10,7,.64);
}

.h1-okr-q3-mindshare-flow span {
  position: absolute;
  top: calc(50% + min(32px, 2.962963vh));
  color: rgba(255,255,255,.36);
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: min(12px, .625vw, 1.111111vh);
  font-weight: 700;
  letter-spacing: .14em;
}

.h1-okr-q3-mindshare-amplifier {
  border-left: 1px solid rgba(255,255,255,.09);
  border-right: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg,rgba(136,69,25,.12),rgba(8,7,6,.24));
}

.h1-okr-q3-mindshare-amplifier-mark {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: min(12px, .625vw, 1.111111vh);
  color: #fff;
  font-family: "Barlow Condensed", "Gilroy", sans-serif !important;
  font-size: min(44px, 2.291667vw, 4.074074vh);
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1;
}

.h1-okr-q3-mindshare-amplifier-mark span:last-child {
  color: #f0aa54;
}

.h1-okr-q3-mindshare-amplifier-mark i {
  color: rgba(255,255,255,.35);
  font-family: "Noto Sans SC", sans-serif !important;
  font-size: .75em;
  font-style: normal;
  font-weight: 300;
}

.h1-okr-q3-mindshare-amplifier > p,
.h1-okr-q3-mindshare-outcome > p {
  margin: min(34px, 1.770833vw, 3.148148vh) 0 0;
  color: rgba(255,255,255,.82);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: min(23px, 1.197917vw, 2.12963vh);
  font-weight: 500;
  line-height: 1.55;
}

.h1-okr-q3-mindshare-outcome {
  padding-right: 0;
}

.h1-okr-q3-mindshare-equation {
  display: flex;
  align-items: baseline;
  gap: min(14px, .729167vw, 1.296296vh);
  color: #fff;
  font-family: "Barlow Condensed", "Gilroy", sans-serif !important;
  line-height: .9;
  white-space: nowrap;
}

.h1-okr-q3-mindshare-equation strong,
.h1-okr-q3-mindshare-equation b {
  font-size: min(72px, 3.75vw, 6.666667vh);
  font-weight: 900;
  letter-spacing: -.055em;
}

.h1-okr-q3-mindshare-equation b {
  color: #f2aa50;
}

.h1-okr-q3-mindshare-equation i {
  color: rgba(255,255,255,.4);
  font-size: min(32px, 1.666667vw, 2.962963vh);
  font-style: normal;
  font-weight: 300;
}

.h1-okr-q3-mindshare-page.vis .h1-okr-q3-mindshare-header,
.h1-okr-q3-mindshare-page.vis .h1-okr-q3-mindshare-strategy {
  animation: h1OkrQ3MindshareIn .8s cubic-bezier(.16,1,.3,1) both;
}

.h1-okr-q3-mindshare-page.vis .h1-okr-q3-mindshare-strategy {
  animation-delay: .08s;
}

@keyframes h1OkrQ3MindshareIn {
  from { opacity: 0; transform: translate3d(0,28px,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}

/* Selected direction B · leadership scoreboard.
   The three category wins become the hero; Sales × IB resolves them into one
   short industry-memory equation at the bottom. */
.h1-okr-q3-mindshare-page .h1-okr-q3-mindshare-veil {
  background:
    linear-gradient(180deg,rgba(1,1,1,.64) 0%,rgba(0,0,0,.28) 44%,rgba(0,0,0,.76) 100%),
    linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,.58) 77%,rgba(0,0,0,.9));
}

.h1-okr-q3-mindshare-page .h1-okr-q3-mindshare-watermark {
  top: min(116px,10.740741vh);
  right: min(42px,2.1875vw);
  font-size: min(250px,13.020833vw,23.148148vh);
  letter-spacing: -.06em;
  -webkit-text-stroke: 2px rgba(255,255,255,.045);
}

.h1-okr-q3-mindshare-page .h1-okr-q3-mindshare-frame {
  top: min(112px,10.37037vh);
  right: min(92px,4.791667vw);
  bottom: min(72px,6.666667vh);
  left: min(92px,4.791667vw);
}

.h1-okr-q3-mindshare-page .h1-okr-q3-mindshare-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: min(70px,3.645833vw);
  max-width: none;
}

.h1-okr-q3-mindshare-heading-group {
  min-width: 0;
}

.h1-okr-q3-mindshare-page .h1-okr-q3-mindshare-title {
  margin-top: min(28px,1.458333vw,2.592593vh);
  font-size: min(72px,3.75vw,6.666667vh);
}

.h1-okr-q3-mindshare-page .h1-okr-q3-mindshare-header > p {
  flex: 0 0 auto;
  margin: 0 0 min(5px,.462963vh);
  color: rgba(255,255,255,.68);
  font-size: min(27px,1.40625vw,2.5vh);
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

.h1-okr-q3-mindshare-page .h1-okr-q3-mindshare-header > p strong {
  color: #fff;
  font-weight: 800;
}

.h1-okr-q3-mindshare-scoreboard {
  flex: 0 1 min(460px,42.592593vh);
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  min-height: min(356px,32.962963vh);
  margin-top: min(50px,2.604167vw,4.62963vh);
  border-top: 1px solid rgba(242,185,110,.56);
  border-bottom: 1px solid rgba(242,185,110,.48);
}

.h1-okr-q3-mindshare-score {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: min(29px,1.510417vw,2.685185vh) min(46px,2.395833vw,4.259259vh);
  border-right: 1px solid rgba(255,255,255,.15);
}

.h1-okr-q3-mindshare-score:last-child {
  border-right: 0;
}

.h1-okr-q3-mindshare-score::after {
  position: absolute;
  top: min(8px,.740741vh);
  right: min(24px,1.25vw);
  content: attr(data-score-index);
  color: transparent;
  font-family: "Barlow Condensed", "Gilroy", sans-serif !important;
  font-size: min(142px,7.395833vw,13.148148vh);
  font-style: italic;
  font-weight: 900;
  line-height: .82;
  -webkit-text-stroke: 1px rgba(255,255,255,.075);
  pointer-events: none;
}

.h1-okr-q3-mindshare-score-copy,
.h1-okr-q3-mindshare-rank {
  position: relative;
  z-index: 1;
}

.h1-okr-q3-mindshare-score-copy > strong {
  display: block;
  max-width: min(480px,25vw);
  color: #fff;
  font-family: "Barlow Condensed", "Noto Sans SC", sans-serif !important;
  font-size: min(34px,1.770833vw,3.148148vh);
  font-weight: 800;
  letter-spacing: -.015em;
  line-height: 1.05;
  text-wrap: balance;
}

.h1-okr-q3-mindshare-score-copy > p {
  margin: min(12px,.625vw,1.111111vh) 0 0;
  color: rgba(255,255,255,.58);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: min(24px,1.25vw,2.222222vh);
  font-weight: 500;
  line-height: 1.3;
}

.h1-okr-q3-mindshare-rank {
  display: flex;
  align-items: baseline;
  gap: min(19px,.989583vw,1.759259vh);
  margin-top: min(35px,1.822917vw,3.240741vh);
  white-space: nowrap;
}

.h1-okr-q3-mindshare-rank > b {
  color: #fff;
  font-family: "Barlow Condensed", "Gilroy", sans-serif !important;
  font-size: min(112px,5.833333vw,10.37037vh);
  font-weight: 900;
  letter-spacing: -.065em;
  line-height: .76;
  text-shadow: 0 10px 40px rgba(0,0,0,.72);
}

.h1-okr-q3-mindshare-rank > em {
  color: #f3a13a;
  font-family: "Barlow Condensed", "Noto Sans SC", sans-serif !important;
  font-size: min(44px,2.291667vw,4.074074vh);
  font-style: italic;
  font-weight: 800;
  letter-spacing: -.035em;
}

/* The immersive shell applies spacing to every nested section. These two
   structural sections own their spacing and must remain inside the slide. */
.h1-embedded-report main.h1-okr-report .h1-okr-q3-mindshare-scoreboard,
.h1-embedded-report main.h1-okr-report .h1-okr-q3-mindshare-outcome-rail {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

.h1-okr-q3-mindshare-outcome-rail {
  flex: 0 0 min(166px,15.37037vh);
  display: grid;
  grid-template-columns:
    minmax(min(345px,17.96875vw),.72fr)
    min(118px,6.145833vw)
    minmax(0,2.28fr);
  align-items: center;
  min-height: 0;
  margin-top: min(32px,1.666667vw,2.962963vh);
  border-top: 1px solid rgba(255,255,255,.15);
  border-bottom: 1px solid rgba(255,255,255,.15);
  background: linear-gradient(90deg,rgba(8,8,8,.66),rgba(50,24,10,.46),rgba(7,7,7,.7));
}

.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-amplifier {
  display: block;
  padding: 0 0 0 min(34px,1.770833vw);
  border: 0;
  background: transparent;
}

.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-amplifier-mark {
  display: flex;
  align-items: baseline;
  gap: min(9px,.46875vw,.833333vh);
  color: #fff;
  font-size: min(39px,2.03125vw,3.611111vh);
  white-space: nowrap;
}

.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-amplifier-mark i {
  color: #f3a13a;
  font-size: .8em;
  font-weight: 700;
}

.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-amplifier > p {
  margin: min(13px,.677083vw,1.203704vh) 0 0;
  color: rgba(255,255,255,.58);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: min(21px,1.09375vw,1.944444vh);
  font-weight: 500;
  line-height: 1.35;
}

.h1-okr-q3-mindshare-rail-arrow {
  position: relative;
  display: grid;
  place-items: center;
  height: 100%;
}

.h1-okr-q3-mindshare-rail-arrow i {
  position: relative;
  display: block;
  width: min(82px,4.270833vw);
  height: 1px;
  background: linear-gradient(90deg,#f05a28,#dba55a);
}

.h1-okr-q3-mindshare-rail-arrow i::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: min(10px,.520833vw,.925926vh);
  height: min(10px,.520833vw,.925926vh);
  border-top: 2px solid #dba55a;
  border-right: 2px solid #dba55a;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}

.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-outcome {
  display: flex;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  gap: min(34px,1.770833vw);
  padding: 0 min(34px,1.770833vw) 0 0;
}

.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-equation {
  flex: 0 0 auto;
  gap: min(16px,.833333vw,1.481481vh);
}

.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-equation strong,
.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-equation b {
  font-size: min(76px,3.958333vw,7.037037vh);
}

.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-equation i {
  font-size: min(36px,1.875vw,3.333333vh);
}

.h1-okr-q3-mindshare-outcome-rail .h1-okr-q3-mindshare-outcome > p {
  min-width: 0;
  margin: 0;
  color: rgba(255,255,255,.82);
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: min(25px,1.302083vw,2.314815vh);
  font-weight: 500;
  line-height: 1.45;
  text-wrap: pretty;
}

.h1-okr-q3-mindshare-page.vis .h1-okr-q3-mindshare-scoreboard,
.h1-okr-q3-mindshare-page.vis .h1-okr-q3-mindshare-outcome-rail {
  animation: h1OkrQ3MindshareIn .8s cubic-bezier(.16,1,.3,1) both;
}

.h1-okr-q3-mindshare-page.vis .h1-okr-q3-mindshare-scoreboard {
  animation-delay: .06s;
}

.h1-okr-q3-mindshare-page.vis .h1-okr-q3-mindshare-outcome-rail {
  animation-delay: .12s;
}

.h1-okr-video-modal {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 4vh 4vw;
  background: rgba(0,0,0,.86);
  backdrop-filter: blur(12px);
  cursor: zoom-out;
}

.h1-okr-image-modal {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 4vh 4vw;
  background: rgba(0,0,0,.86);
  backdrop-filter: blur(12px);
  cursor: zoom-out;
}

.h1-okr-image-modal-panel {
  position: relative;
  width: min(86vw, calc(86vh * 1.6));
  aspect-ratio: 1.6;
  overflow: hidden;
  background: #080808;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 18px;
  box-shadow: 0 24px 80px rgba(0,0,0,.7);
  cursor: default;
}

.h1-okr-image-modal-frame {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
  user-select: none;
  -webkit-user-drag: none;
}

.h1-okr-image-modal-crop {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-color: #000;
}

.h1-okr-video-modal-panel {
  position: relative;
  width: min(86vw, calc(86vh * 16 / 9));
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #080808;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 18px;
  box-shadow: 0 24px 80px rgba(0,0,0,.7);
  cursor: default;
}

.h1-okr-video-player {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #000;
}

/* The public-good source is an ultra-wide 8.7:1 master. In the shared 16:9
   player it crops its outer edges instead of letterboxing into a thin strip. */
.h1-okr-video-player.is-cover {
  object-fit: cover;
  object-position: center;
}

.h1-okr-video-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #fff;
  background:
    radial-gradient(circle at 50% 45%, rgba(195,34,40,.26), transparent 36%),
    #080808;
}

.h1-okr-video-placeholder strong {
  font: 700 clamp(22px, 2.1vw, 40px)/1.15 "Noto Sans SC", sans-serif;
}

.h1-okr-video-placeholder span {
  color: rgba(255,255,255,.56);
  font: 500 clamp(13px, 1vw, 18px)/1.4 "Noto Sans SC", sans-serif;
}

.h1-okr-video-modal-close {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #fff;
  font: 300 30px/1 Arial, sans-serif;
  appearance: none;
  background: rgba(0,0,0,.62);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  cursor: pointer;
}

.h1-okr-video-modal-close:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.h1-okr-image-modal-close {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #fff;
  font: 300 30px/1 Arial, sans-serif;
  appearance: none;
  background: rgba(0,0,0,.62);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  cursor: pointer;
}

.h1-okr-image-modal-close:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.h1-okr-exact-modal {
  position: fixed;
  z-index: 9999;
  isolation: isolate;
  inset: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #050505;
  cursor: zoom-out;
}

.h1-okr-exact-modal::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,0,0,.12), rgba(0,0,0,.12)),
    var(--h1-okr-modal-image);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(14px) saturate(.94);
  transform: scale(1.045);
}

.h1-okr-exact-modal-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  display: block;
  object-fit: contain;
  object-position: 50% 50%;
  image-rendering: auto;
  user-select: none;
  -webkit-user-drag: none;
}

.h1-okr-exact-modal-close {
  position: absolute;
  z-index: 2;
  top: 15.2%;
  right: 14.3%;
  width: clamp(34px, 3.2vw, 62px);
  aspect-ratio: 1;
  padding: 0;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}

.h1-okr-exact-modal-close:focus-visible {
  outline: 3px solid rgba(255,255,255,.95);
  outline-offset: 4px;
}

/* Colleague O1 merge — exact stage continuation and live Elite Client copy. */
.h1-okr-fixed-trophy-stage::before,
.h1-okr-fixed-trophy-stage::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: max(0px, calc((100vw - 177.7777778vh) / 2 + 4px));
  pointer-events: none;
  background-repeat: repeat-x;
  background-position: 50% 50%;
  background-size: 1px 100%;
}

.h1-okr-fixed-trophy-stage::before {
  left: 0;
  background-image: url("assets/o1-complete/figma-untitled/p68-trophy-edge-left.png");
}

.h1-okr-fixed-trophy-stage::after {
  right: 0;
  background-image: url("assets/o1-complete/figma-untitled/p68-trophy-edge-right.png");
}

.h1-okr-fixed-stage-canvas::after,
.h1-okr-fixed-stage-ambient,
.h1-okr-fixed-stage-matte {
  -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 112px,#000 calc(100% - 112px),transparent 100%);
  mask-image: linear-gradient(90deg,transparent 0,#000 112px,#000 calc(100% - 112px),transparent 100%);
}

.h1-okr-fixed-stage-edge--left {
  -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 112px);
  mask-image: linear-gradient(90deg,transparent 0,#000 112px);
}

.h1-okr-fixed-stage-edge--right {
  -webkit-mask-image: linear-gradient(90deg,#000 calc(100% - 112px),transparent 100%);
  mask-image: linear-gradient(90deg,#000 calc(100% - 112px),transparent 100%);
}

.h1-okr-figma-foreground-layer {
  pointer-events: none;
}

.h1-figma-racing-report body.h1-embedded-report .h1-okr-objective-marker {
  position: absolute;
  z-index: 2;
  top: 160px;
  left: 250px;
  display: flex;
  align-items: center;
  height: 72px;
  color: #f0a33c;
  font-family: "Gilroy", "Barlow Condensed", sans-serif !important;
  font-size: 68px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.055em;
  text-shadow: 0 2px 12px rgba(0,0,0,.48),0 0 26px rgba(240,163,60,.12);
  white-space: nowrap;
  pointer-events: none;
}

.h1-figma-racing-report body.h1-embedded-report .h1-okr-objective-marker::after {
  content: "";
  display: block;
  width: 2px;
  height: 44px;
  margin-left: 18px;
  background: linear-gradient(180deg,rgba(255,197,105,.18),#f0a33c 46%,rgba(255,91,17,.7));
  box-shadow: 0 0 12px rgba(240,163,60,.22);
}

.h1-okr-page.h1-okr-elite-client-page {
  isolation: isolate;
  background: #000 !important;
}

.h1-okr-page.h1-okr-elite-client-page::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: #000;
}

.h1-okr-elite-client-canvas {
  overflow: hidden;
}

.h1-elite-copy {
  position: absolute;
  z-index: 2;
  inset: 0;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  pointer-events: none;
  text-rendering: geometricPrecision;
}

.h1-elite-copy-mask {
  box-sizing: border-box;
  position: absolute;
  display: block;
  isolation: isolate;
}

.h1-elite-copy--identity .h1-elite-copy-mask {
  left: 162px;
  background: #020203;
}

.h1-elite-identity-kicker {
  top: 424px;
  width: 710px;
  height: 64px;
  color: #fff;
  font-size: 47px;
  font-weight: 900;
  line-height: 64px;
  letter-spacing: -.035em;
}

.h1-elite-identity-title {
  top: 505px;
  width: 720px;
  height: 94px;
  color: #e4bd7f;
  font-size: 70px;
  font-weight: 900;
  line-height: 94px;
  letter-spacing: -.055em;
}

.h1-elite-identity-body {
  top: 635px;
  width: 780px;
  height: 105px;
  color: #f2f2f2;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -.025em;
}

.h1-elite-copy--experience-model .h1-elite-section-title,
.h1-elite-copy--experience-cases .h1-elite-section-title,
.h1-elite-copy--endorsement .h1-elite-section-title,
.h1-elite-copy--ferrari .h1-elite-section-title,
.h1-elite-copy--black-label .h1-elite-section-title,
.h1-elite-copy--enablement .h1-elite-section-title {
  top: 58px;
  left: 460px;
  width: 1000px;
  height: 72px;
  background: #020203;
  color: #e6bd7e;
  font-size: 53px;
  font-weight: 900;
  line-height: 72px;
  letter-spacing: -.055em;
  text-align: center;
}

.h1-elite-copy--experience-model .h1-elite-section-title { left: 555px; width: 820px; }
.h1-elite-copy--experience-cases .h1-elite-section-title { left: 640px; width: 670px; }
.h1-elite-copy--endorsement .h1-elite-section-title { left: 690px; width: 560px; }
.h1-elite-copy--ferrari .h1-elite-section-title { left: 785px; width: 350px; height: 90px; top: 72px; line-height: 82px; }
.h1-elite-copy--black-label .h1-elite-section-title { left: 635px; width: 680px; height: 86px; top: 82px; line-height: 80px; }
.h1-elite-copy--enablement .h1-elite-section-title { left: 735px; width: 450px; top: 59px; }

.h1-elite-section-subtitle {
  color: #fff;
  font-size: 31px;
  font-weight: 500;
  letter-spacing: -.025em;
  text-align: center;
  white-space: nowrap;
}

.h1-elite-copy--experience-model .h1-elite-section-subtitle,
.h1-elite-copy--experience-cases .h1-elite-section-subtitle {
  top: 130px;
  left: 440px;
  width: 1040px;
  height: 52px;
  background: #020203;
  line-height: 52px;
}

.h1-elite-copy--endorsement .h1-elite-section-subtitle,
.h1-elite-copy--ferrari .h1-elite-section-subtitle,
.h1-elite-copy--enablement .h1-elite-section-subtitle {
  top: 146px;
  left: 100px;
  width: 1720px;
  height: 96px;
  border-radius: 48px;
  background: linear-gradient(90deg,#202020 0%,#27231f 54%,#442b0e 100%);
  line-height: 96px;
}

.h1-elite-copy--ferrari .h1-elite-section-subtitle { top: 182px; left: 160px; width: 1600px; }
.h1-elite-copy--enablement .h1-elite-section-subtitle { top: 140px; left: 160px; width: 1600px; }

.h1-elite-model-left,
.h1-elite-model-right,
.h1-elite-cases-left,
.h1-elite-cases-right,
.h1-elite-black-card {
  background: linear-gradient(100deg,#eed1a1 0%,#e9c790 54%,#d8ad6e 100%);
  color: #4d3828;
}

.h1-elite-model-left,
.h1-elite-model-right {
  top: 221px;
  height: 88px;
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 0 26px;
  white-space: nowrap;
}

.h1-elite-model-left { left: 228px; width: 740px; }
.h1-elite-model-right { left: 1177px; width: 630px; gap: 25px; }
.h1-elite-model-left b,.h1-elite-model-right b { font-size: 30px; font-weight: 900; }
.h1-elite-model-left span,.h1-elite-model-right span { font-size: 20px; font-weight: 600; }
.h1-elite-model-right span { font-size: 18px; }

.h1-elite-cases-left,
.h1-elite-cases-right {
  top: 236px;
  height: 124px;
  padding: 20px 30px;
}

.h1-elite-cases-left { left: 157px; width: 778px; }
.h1-elite-cases-right { left: 985px; width: 778px; }
.h1-elite-cases-left b,.h1-elite-cases-right b { display: block; font-size: 29px; line-height: 34px; font-weight: 900; }
.h1-elite-cases-left span,.h1-elite-cases-right span { display: block; margin-top: 8px; font-size: 19px; line-height: 24px; font-weight: 500; white-space: nowrap; }
.h1-elite-cases-right span { font-size: 17px; }

.h1-elite-no1-formula {
  top: 99px;
  left: 140px;
  width: 1300px;
  height: 121px;
  display: flex;
  align-items: center;
  gap: 26px;
  padding: 12px 28px;
  border: 1px solid #805e29;
  border-radius: 9px;
  background: linear-gradient(100deg,#191715,#2d2418 70%,#39240b);
  color: #efd6aa;
}

.h1-elite-no1-formula b { font-size: 34px; font-weight: 900; line-height: 1.25; letter-spacing: -.04em; white-space: nowrap; }
.h1-elite-no1-formula i { flex: 0 0 58px; width: 58px; height: 58px; border: 1px solid #bd8b3e; border-radius: 50%; color: #e5bb73; font-size: 45px; font-style: normal; font-weight: 700; line-height: 54px; text-align: center; }
.h1-elite-no1-pills { position: absolute; top: 100px; left: 1540px; width: 280px; height: 890px; display: flex; flex-direction: column; gap: 8px; padding-left: 35px; background-image: url("assets/o1-complete/figma-untitled/elite-client-background-38-39-2.png"); background-position: -1540px -100px; background-size: 1920px 1080px; -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 18px,#000 262px,transparent 100%); mask-image: linear-gradient(90deg,transparent 0,#000 18px,#000 262px,transparent 100%); }
.h1-elite-no1-pills span { position: relative; display: grid; width: 145px; height: 145px; place-content: center; border-radius: 50%; background: radial-gradient(circle at 45% 42%,#6c5130,#2c241d 75%); color: #fff; font-size: 20px; font-weight: 700; line-height: 1.45; text-align: center; }
.h1-elite-no1-pills span::before { content: ""; position: absolute; top: 21px; left: 67px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #e7c27e; }
.h1-elite-no1-pills em { font-size: 18px; font-style: normal; font-weight: 500; }

.h1-elite-black-label-pills { position: absolute; top: 181px; left: 0; width: 100%; height: 172px; color: #fff; }
.h1-elite-black-label-pills span { position: absolute; top: 0; display: grid; width: 172px; height: 172px; place-content: center; border-radius: 50%; background: radial-gradient(circle at 50% 48%,#71552f,#35291e 76%); font-size: 24px; font-weight: 500; white-space: nowrap; }
.h1-elite-black-label-pills span:nth-of-type(1) { left: 480px; }
.h1-elite-black-label-pills span:nth-of-type(2) { left: 678px; }
.h1-elite-black-label-pills span:nth-of-type(3) { left: 876px; }
.h1-elite-black-label-pills span:nth-of-type(4) { left: 1074px; }
.h1-elite-black-label-pills span:nth-of-type(5) { left: 1272px; }
.h1-elite-black-label-pills i { position: absolute; top: 69px; width: 36px; height: 36px; border-radius: 50%; background: #caa66e; color: #241d16; font-size: 31px; font-style: normal; font-weight: 400; line-height: 34px; text-align: center; }
.h1-elite-black-label-pills i:nth-of-type(1) { left: 646px; }
.h1-elite-black-label-pills i:nth-of-type(2) { left: 844px; }
.h1-elite-black-label-pills i:nth-of-type(3) { left: 1042px; }
.h1-elite-black-label-pills i:nth-of-type(4) { left: 1240px; }

.h1-elite-black-card { top: 391px; left: 318px; width: 360px; height: 88px; padding: 17px 32px; }
.h1-elite-black-card.is-middle { left: 861px; width: 360px; }
.h1-elite-black-card.is-right { left: 1282px; width: 480px; }
.h1-elite-black-card b { display: block; font-size: 27px; font-weight: 900; line-height: 29px; }
.h1-elite-black-card span { display: block; margin-top: 5px; font-size: 16px; font-weight: 500; }

.h1-elite-enablement-labels { position: absolute; inset: 0; }
.h1-elite-enablement-labels > div { height: 58px; padding: 11px 30px; background: linear-gradient(100deg,#ecd2a1,#d9ae6d); color: #5a422e; }
.h1-elite-enablement-labels > div:nth-child(1) { top: 595px; left: 170px; width: 550px; }
.h1-elite-enablement-labels > div:nth-child(2) { top: 595px; left: 745px; width: 478px; }
.h1-elite-enablement-labels > div:nth-child(3) { top: 595px; left: 1245px; width: 500px; }
.h1-elite-enablement-labels > div:nth-child(4) { top: 930px; left: 170px; width: 488px; }
.h1-elite-enablement-labels > div:nth-child(5) { top: 930px; left: 682px; width: 500px; }
.h1-elite-enablement-labels > div:nth-child(6) { top: 930px; left: 1206px; width: 539px; }
.h1-elite-enablement-labels b { display: inline-block; font-size: 25px; font-weight: 900; line-height: 32px; letter-spacing: -.035em; }
.h1-elite-enablement-labels span { float: right; margin-top: 7px; font-size: 16px; font-weight: 500; line-height: 23px; }

.h1-okr-external-link.is-gold {
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
  text-decoration: none !important;
}

.h1-okr-external-link.is-gold::before {
  position: absolute;
  z-index: -1;
  width: 170px;
  height: 56px;
  box-sizing: border-box;
  content: "";
  border: 0;
  border-radius: 999px;
  background: #c9963f;
  box-shadow: 0 4px 10px rgba(83,47,10,.22);
  transition: background-color .18s ease,transform .18s ease,box-shadow .18s ease;
}

.h1-okr-external-link.is-gold span {
  position: relative;
  z-index: 1;
  color: #2b1907;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 25px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .04em;
  text-decoration: none !important;
  text-shadow: none;
}

.h1-okr-external-link.is-gold:hover,
.h1-okr-external-link.is-gold:focus-visible {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.h1-okr-external-link.is-gold:hover::before,
.h1-okr-external-link.is-gold:focus-visible::before {
  background: #d2a44f;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(83,47,10,.25);
}

.h1-okr-external-link.is-gold:active::before {
  background: #bd8732;
  transform: translateY(0);
}

.h1-okr-external-link.is-gold:focus-visible {
  outline: 0;
}

.h1-okr-inline-video {
  object-fit: initial;
}

.h1-okr-inline-video-player,
.h1-okr-inline-video-trigger,
.h1-okr-inline-video-trigger img {
  display: block;
  width: 100%;
  height: 100%;
}

.h1-okr-inline-video-player {
  margin: 0;
  padding: 0;
  border: 0;
  background: #000;
  object-fit: cover;
}

.h1-okr-inline-video.is-contain .h1-okr-inline-video-player,
.h1-okr-inline-video.is-contain .h1-okr-inline-video-trigger img {
  object-fit: contain;
}

.h1-okr-inline-video-trigger {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  appearance: none;
  background: #000;
  cursor: pointer;
  overflow: hidden;
}

.h1-okr-inline-video-trigger img {
  object-fit: cover;
  transition: transform .35s ease,filter .35s ease;
}

.h1-okr-inline-video-trigger::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));
  transition: background .25s ease;
}

.h1-okr-inline-video-play {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: clamp(54px,5.2vw,88px);
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 50%;
  background: rgba(24,18,13,.5);
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
  backdrop-filter: blur(8px);
  transform: translate(-50%,-50%);
  transition: transform .25s ease,background .25s ease;
}

.h1-okr-inline-video-play::after {
  content: "";
  position: absolute;
  left: 53%;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 19px solid #fff;
  transform: translate(-40%,-50%);
}

.h1-okr-inline-video-trigger:hover img {
  transform: scale(1.025);
  filter: brightness(1.06);
}

.h1-okr-inline-video-trigger:hover::after {
  background: rgba(0,0,0,.06);
}

.h1-okr-inline-video-trigger:hover .h1-okr-inline-video-play {
  background: rgba(151,101,36,.82);
  transform: translate(-50%,-50%) scale(1.06);
}

.h1-okr-inline-video-trigger:focus-visible {
  outline: 3px solid rgba(255,255,255,.95);
  outline-offset: -5px;
}

.h1-okr-tvc-localization-page {
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  color: #fff;
}

.h1-okr-tvc-localization-title {
  position: absolute;
  z-index: 3;
  top: 89px;
  left: 399px;
  width: 1122px;
  margin: 0;
  color: #fff;
  font-family: "Noto Sans SC", "PingFang SC", sans-serif !important;
  font-size: 52px;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
}

.h1-okr-tvc-localization-summary {
  position: absolute;
  z-index: 3;
  top: 184px;
  left: 160px;
  width: 1600px;
  height: 96px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 110px;
  border-radius: 30px;
  background: linear-gradient(270deg,rgba(102,102,102,.12),rgba(0,0,0,.2)),linear-gradient(90deg,rgba(164,115,51,.16),rgba(151,112,58,0));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter: blur(17.5px);
}

.h1-okr-tvc-localization-summary img {
  position: absolute;
  top: 29px;
  left: 111px;
  width: 114px;
  height: 38px;
  object-fit: contain;
}

.h1-okr-tvc-localization-summary > span {
  position: absolute;
  top: 31px;
  left: 270px;
  width: 8px;
  height: 36px;
  background: #a82020;
}

.h1-okr-tvc-localization-summary p {
  margin: 0 0 0 180px;
  color: #fff;
  font-family: "Gilroy", "Noto Sans SC", sans-serif !important;
  font-size: 32px;
  font-weight: 700;
  line-height: 35px;
  white-space: nowrap;
}

.h1-okr-tvc-localization-panel {
  position: absolute;
  z-index: 1;
  top: 334px;
  height: 670px;
  box-sizing: border-box;
}

.h1-okr-tvc-localization-panel > header,
.h1-okr-tvc-localization-panel-body {
  position: absolute;
  box-sizing: border-box;
}

.h1-okr-tvc-localization-panel.is-primary {
  left: 160px;
  width: 685px;
}

.h1-okr-tvc-localization-panel.is-primary > header {
  top: 0;
  left: 0;
  width: 685px;
  height: 113px;
  overflow: hidden;
  border-radius: 36px 36px 0 0;
  color: #513b23;
  background: linear-gradient(90deg,rgba(236,216,173,.98),rgba(193,148,82,.97));
}

.h1-okr-tvc-localization-panel.is-primary > header::before {
  position: absolute;
  inset: 2px auto 0 2px;
  width: 177px;
  content: "";
  border-radius: 34px 0 34px 0;
  background: linear-gradient(135deg,#a26924,#8e5520);
}

.h1-okr-tvc-localization-panel.is-primary header strong {
  position: absolute;
  z-index: 1;
  top: 34px;
  left: 25px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}

.h1-okr-tvc-localization-panel.is-primary header h2 {
  position: absolute;
  top: 27px;
  left: 188px;
  width: 460px;
  margin: 0;
  color: #513b23;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.3;
}

.h1-okr-tvc-localization-panel.is-primary .h1-okr-tvc-localization-panel-body {
  top: 81px;
  left: 0;
  width: 685px;
  height: 589px;
  border: 2px solid rgba(220,170,95,.86);
  border-radius: 36px;
  background: linear-gradient(150deg,rgba(134,76,25,.36),rgba(26,20,16,.88));
  backdrop-filter: blur(7px);
}

.h1-okr-tvc-localization-caption {
  position: absolute;
  z-index: 3;
  top: 528px;
  left: 43px;
  width: 600px;
  text-align: center;
}

.h1-okr-tvc-localization-caption strong {
  display: block;
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.2;
}

.h1-okr-tvc-localization-caption p {
  margin: 18px 0 0;
  color: rgba(255,255,255,.93);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.35;
}

.h1-okr-tvc-localization-panel.is-localized {
  left: 898px;
  width: 893px;
}

.h1-okr-tvc-localization-panel.is-localized > header {
  top: 0;
  left: 0;
  width: 893px;
  height: 99px;
  border-radius: 36px 36px 0 0;
  background: linear-gradient(90deg,rgba(237,220,183,.99),rgba(202,156,92,.97));
}

.h1-okr-tvc-localization-panel.is-localized header h2 {
  margin: 27px 0 0 84px;
  color: #513b23;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.3;
}

.h1-okr-tvc-localization-panel.is-localized .h1-okr-tvc-localization-panel-body {
  top: 70px;
  left: 0;
  width: 893px;
  height: 600px;
  border: 2px solid rgba(220,170,95,.86);
  border-radius: 36px;
  background: linear-gradient(150deg,rgba(92,56,27,.48),rgba(18,15,13,.92));
  backdrop-filter: blur(7px);
}

.h1-okr-tvc-localization-video-label {
  position: absolute;
  z-index: 3;
  top: 347px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.h1-okr-tvc-localization-video-label.is-global { top: 347px; left: 58px; width: 789px; }
.h1-okr-tvc-localization-video-label.is-vietnam { top: 616px; left: 58px; width: 379px; }
.h1-okr-tvc-localization-video-label.is-thailand { top: 616px; left: 468px; width: 379px; }

.h1-okr-tvc-localization-page .h1-okr-inline-video {
  z-index: 2;
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
}