/* Operation promo; semantic tokens are supplied by /docs/assets/c6-tokens.css. */
@font-face { font-family: Inter; src: url(/media/p/assets/fonts/InterVariable.woff2) format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; }

html{scroll-behavior:smooth}
body{margin: 0;background:var(--c6SurfaceInverse);color:var(--c6TextPrimary);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
img{max-width:100%;min-width:0;display:block}
a{color:var(--c6ActionInk)}a:hover{color:var(--c6TextPrimary)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--c6ActionFill);outline-offset:3px;border-radius:4px}
h1,h2,h3{text-wrap:balance}
@media (prefers-reduced-motion: reduce){*{animation:none!important;scroll-behavior:auto!important}}

.c6OpPage { width: 100%; min-height: 100vh; background: var(--c6SurfaceInverse); color: var(--c6TextPrimary); font-family: Inter, system-ui, sans-serif; font-size: 15px; line-height: 1.6; }
.c6OpMediaLabel { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c6TextFaint); }
.c6OpHero { position: relative; overflow: hidden; border-bottom: 1px solid var(--c6BorderDefault); }
.c6OpHeroImage { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%; filter: saturate(0.85) contrast(1.05); }
.c6OpHeroShade { position: absolute; inset: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--c6SurfaceInverse) 94%, transparent) 0%, color-mix(in srgb, var(--c6SurfaceInverse) 60%, transparent) 55%, color-mix(in srgb, var(--c6SurfaceInverse) 10%, transparent) 100%), linear-gradient(0deg, var(--c6SurfaceInverse) 0%, color-mix(in srgb, var(--c6SurfaceInverse) 0%, transparent) 45%); }
.c6OpHeroGrid { position: absolute; inset: 0; background-image: linear-gradient(color-mix(in srgb, var(--c6TextPrimary) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--c6TextPrimary) 5%, transparent) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: linear-gradient(90deg, var(--c6ColorBlack) 0%, transparent 70%); mask-image: linear-gradient(90deg, var(--c6ColorBlack) 0%, transparent 70%); }
.c6OpHeroInner { position: relative; max-width: 1200px; margin: 0 auto; padding: 136px 24px 72px; box-sizing: border-box; display: flex; flex-direction: column; gap: 24px; }
.c6OpMetaRow { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; }
.c6OpStamp { display: inline-block; border: 2px solid var(--c6ColorRed); color: var(--c6StatusDanger); padding: 4px 8px; border-radius: 4px; font-weight: 600; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; transform: rotate(-3deg); }
.c6OpSectionLabel { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c6TextSecondary); }
.c6OpHeroTitle { margin: 0; font-size: clamp(40px, 7vw, 88px); line-height: 0.98; letter-spacing: -0.035em; font-weight: 600; max-width: 14ch; }
.c6OpEyebrow { display: block; color: var(--c6TextSecondary); font-size: 0.32em; letter-spacing: 0.24em; font-weight: 500; text-transform: uppercase; margin-bottom: 16px; }
.c6OpHeroLead { margin: 0; font-size: 19px; line-height: 1.55; color: var(--c6TextSecondary); max-width: 52ch; }
.c6OpEmphasis { color: var(--c6TextPrimary); font-weight: 500; }
.c6OpActions { display: flex; flex-wrap: wrap; gap: 12px; }
.c6OpPrimaryLink { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: var(--c6RadiusMd); background: var(--c6ColorBlue); color: var(--c6ColorWhite); text-decoration: none; font-weight: 500; }
.c6OpOutlineLink { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: var(--c6RadiusMd); border: 1px solid color-mix(in srgb, var(--c6TextPrimary) 30%, transparent); color: var(--c6TextPrimary); text-decoration: none; font-weight: 500; }
.c6OpDossier { margin: 16px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 4px; background: var(--c6BorderDefault); border: 1px solid var(--c6BorderDefault); border-radius: var(--c6RadiusLg); overflow: hidden; max-width: 880px; }
.c6OpDossierCell { background: color-mix(in srgb, var(--c6SurfaceInverse) 85%, transparent); padding: 16px 16px; display: flex; flex-direction: column; gap: 4px; }
.c6OpDossierValue { margin: 0; font-weight: 600; }
.c6OpDossierDanger { margin: 0; font-weight: 600; color: var(--c6StatusDanger); }
.c6OpSection { border-bottom: 1px solid var(--c6BorderDefault); }
.c6OpSectionInner { max-width: 1200px; margin: 0 auto; padding: 88px 24px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 24px 48px; }
.c6OpSectionRail { flex: 0 1 200px; display: flex; flex-direction: column; gap: 8px; }
.c6OpSectionNumber { font-size: 40px; font-weight: 600; line-height: 1; color: var(--c6ActionFill); letter-spacing: -0.02em; }
.c6OpSectionBody { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.c6OpSectionTitle { margin: 0; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.12; letter-spacing: -0.02em; font-weight: 600; max-width: 22ch; }
.c6OpSectionLead { margin: 0; font-size: 17px; color: var(--c6TextSecondary); max-width: 60ch; }
.c6OpFilmLink { display: block; border-radius: var(--c6RadiusLg); overflow: hidden; background: var(--c6SurfaceRaised); border: 1px solid var(--c6BorderDefault); color: var(--c6TextPrimary); text-decoration: none; }
.c6OpFilmPoster { position: relative; aspect-ratio: 16 / 9; background: var(--c6ColorBlack); }
.c6OpFilmImage { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.72) saturate(0.85); display: block; }
.c6OpCameraFrame { position: absolute; inset: 12px; border: 1px solid color-mix(in srgb, var(--c6TextPrimary) 22%, transparent); border-radius: 6px; }
.c6OpCameraLabel { position: absolute; top: 8px; left: 10px; font-size: 12px; font-weight: 500; letter-spacing: 0.12em; color: var(--c6TextPrimary); }
.c6OpRecLabel { position: absolute; top: 8px; right: 10px; font-size: 12px; font-weight: 500; letter-spacing: 0.12em; color: var(--c6StatusDanger); }
.c6OpPlayButton { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--c6ColorBlue); color: var(--c6ColorWhite); box-shadow: 0 0 0 12px color-mix(in srgb, var(--c6ColorBlue) 25%, transparent); }
.c6OpPlayIconOffset { margin-left: 4px; }
.c6OpFilmCaption { position: absolute; left: 24px; bottom: 20px; font-size: 13px; font-weight: 500; color: var(--c6TextPrimary); }
.c6OpStats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 4px; background: var(--c6BorderDefault); border: 1px solid var(--c6BorderDefault); border-radius: var(--c6RadiusLg); overflow: hidden; }
.c6OpStatCell { background: var(--c6SurfaceRaised); padding: 16px 20px; display: flex; flex-direction: column; gap: 4px; }
.c6OpStatValue { font-size: 26px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; }
.c6OpSmallText { font-size: 13px; color: var(--c6TextSecondary); }
.c6OpExtras { display: flex; flex-wrap: wrap; gap: 16px; }
.c6OpExtraLink { flex: 1 1 320px; min-width: 0; display: flex; align-items: center; gap: 16px; padding: 12px; border-radius: var(--c6RadiusLg); background: var(--c6SurfaceRaised); border: 1px solid var(--c6BorderDefault); color: var(--c6TextPrimary); text-decoration: none; }
.c6OpExtraImage { width: 120px; height: 68px; object-fit: cover; border-radius: var(--c6RadiusSm); flex: none; }
.c6OpExtraBody { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.c6OpExtraTitle { font-weight: 600; }
.c6OpFootnote { margin: 0; font-size: 13px; color: var(--c6TextFaint); max-width: 70ch; }
.c6OpSplitBody { flex: 999 1 560px; min-width: 0; display: flex; flex-wrap: wrap; gap: 32px; align-items: center; }
.c6OpIntroCopy { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.c6OpHeading { margin: 0; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.12; letter-spacing: -0.02em; font-weight: 600; }
.c6OpBodyCopy { margin: 0; font-size: 17px; color: var(--c6TextSecondary); }
.c6OpDisclaimer { margin: 0; font-size: 13px; color: var(--c6TextFaint); }
.c6OpQuoteImage { flex: 1 1 320px; min-width: 0; margin: 0; position: relative; border-radius: var(--c6RadiusLg); overflow: hidden; background: var(--c6ColorBlack); aspect-ratio: 4 / 3; }
.c6OpQuotePhoto { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.6) saturate(0.85); }
.c6OpQuoteCaption { position: absolute; inset: auto 0 0 0; padding: 24px; background: linear-gradient(0deg, color-mix(in srgb, var(--c6ColorBlack) 92%, transparent), color-mix(in srgb, var(--c6ColorBlack) 0%, transparent)); display: flex; flex-direction: column; gap: 8px; }
.c6OpImageQuote { margin: 0; font-size: 19px; line-height: 1.4; font-weight: 500; color: var(--c6TextPrimary); }
.c6OpPhases { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.c6OpPhase { grid-column: span 2; }
.c6OpPhase:nth-last-child(-n+2) { grid-column: span 3; }
.c6OpPhase { border: 1px solid var(--c6BorderDefault); border-radius: var(--c6RadiusLg); overflow: hidden; background: var(--c6SurfaceRaised); display: flex; flex-direction: column; }
.c6OpPhaseImage { position: relative; aspect-ratio: 4 / 3; background: var(--c6ColorBlack); }
.c6OpDimmedImage { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.75) saturate(0.85); display: block; }
.c6OpPhaseNumber { position: absolute; left: 12px; top: 12px; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c6TextPrimary); }
.c6OpPhaseBody { padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.c6OpPhaseWho { font-size: 12px; font-weight: 500; letter-spacing: 0.08em; color: var(--c6ActionFill); }
.c6OpPhaseTitle { margin: 0; font-size: 17px; line-height: 1.3; font-weight: 600; }
.c6OpPhaseCopy { margin: 0; font-size: 13px; color: var(--c6TextSecondary); }
.c6OpPullQuote { margin: 8px 0 0; padding: 32px; border-radius: var(--c6RadiusLg); border: 1px solid var(--c6BorderDefault); display: flex; flex-direction: column; gap: 16px; background-color: var(--c6SurfaceRaised); }
.c6OpPullQuoteText { margin: 0; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; color: var(--c6TextPrimary); max-width: 30ch; }
.c6OpStories { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.c6OpStory { border: 1px solid var(--c6BorderDefault); border-radius: var(--c6RadiusLg); background: var(--c6SurfaceRaised); overflow: hidden; display: flex; flex-direction: column; }
.c6OpStoryImage { position: relative; height: 200px; background: var(--c6ColorBlack); }
.c6OpStoryUnit { position: absolute; left: 16px; bottom: 12px; padding: 4px 8px; border-radius: var(--c6RadiusPill); background: color-mix(in srgb, var(--c6SurfaceInverse) 82%, transparent); border: 1px solid var(--c6BorderDefault); font-size: 12px; font-weight: 500; color: var(--c6TextPrimary); letter-spacing: 0.04em; }
.c6OpStoryBody { padding: 20px 24px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; }
.c6OpStoryTitle { margin: 0; font-size: 19px; line-height: 1.3; font-weight: 600; }
.c6OpStoryCopy { margin: 0; font-size: 15px; color: var(--c6TextSecondary); line-height: 1.55; }
.c6OpStoryQuote { margin: auto 0 0; padding-top: 12px; border-top: 1px dashed var(--c6BorderDefault); font-size: 13px; font-weight: 500; color: var(--c6TextPrimary); }
.c6OpVideoLink { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 13px; font-weight: 500; text-decoration: none; }
.c6OpNewsCard { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: var(--c6Space4); padding: var(--c6Space4); border: 1px solid var(--c6BorderDefault); border-radius: var(--c6RadiusLg); background: var(--c6SurfaceRaised); color: var(--c6TextPrimary); }
.c6OpNewsMedia { position: relative; min-width: 0; min-height: 0; margin: 0; overflow: hidden; border-radius: var(--c6RadiusSm); background: var(--c6SurfaceSunken); }
.c6OpNewsImage { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.c6OpNewsBody { min-width: 0; display: flex; flex-direction: column; gap: var(--c6Space3); }
.c6OpNewsMeta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.c6OpUrgent { padding: 4px 8px; border-radius: var(--c6RadiusPill); background: var(--c6ActionFill); color: var(--c6ColorWhite); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.c6OpNewsTitle { margin: 0; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 600; }
.c6OpNewsQuote { margin: 0; font-size: 15px; line-height: 1.55; color: var(--c6TextSecondary); }
.c6OpGallery { display: flex; flex-wrap: wrap; gap: 8px; }
.c6OpGalleryFigure { flex: 1 1 220px; height: 220px; margin: 0; position: relative; border-radius: var(--c6RadiusSm); overflow: hidden; background: var(--c6ColorBlack); }
.c6OpGalleryImage { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.85) brightness(0.9); }
.c6OpGalleryCaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px 12px 8px; background: linear-gradient(0deg, color-mix(in srgb, var(--c6ColorBlack) 88%, transparent), color-mix(in srgb, var(--c6ColorBlack) 0%, transparent)); font-size: 12px; font-weight: 500; letter-spacing: 0.06em; color: var(--c6TextPrimary); }
.c6OpGroupFigure { flex: 1 1 100%; aspect-ratio: 3 / 2; margin: 0; position: relative; border-radius: var(--c6RadiusSm); overflow: hidden; background: var(--c6ColorBlack); }
.c6OpGroupCaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 32px 20px 16px; background: linear-gradient(0deg, color-mix(in srgb, var(--c6ColorBlack) 90%, transparent), color-mix(in srgb, var(--c6ColorBlack) 0%, transparent)); font-size: 15px; font-weight: 500; color: var(--c6TextPrimary); }
.c6OpUnits { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.c6OpUnitHeader { padding: 16px 20px; border-bottom: 1px solid var(--c6BorderDefault); display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.c6OpUnitName { margin: 0; font-size: 17px; font-weight: 600; }
.c6OpUnitPill { padding: 4px 8px; border-radius: var(--c6RadiusPill); border: 1px solid var(--c6BorderDefault); font-size: 12px; font-weight: 500; color: var(--c6TextSecondary); }
.c6OpMembers { list-style: none; margin: 0; padding: 8px 20px 16px; }
.c6OpMember { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-size: 13px; }
.c6OpMemberSign { color: var(--c6TextFaint); white-space: nowrap; font-variant-numeric: tabular-nums; }
.c6OpMutedName { color: var(--c6TextSecondary); font-weight: 400; }
.c6OpJoinImage { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: sepia(0.2) saturate(0.7) brightness(0.5); }
.c6OpJoinShade { position: absolute; inset: 0; background: linear-gradient(90deg, var(--c6SurfaceInverse) 10%, color-mix(in srgb, var(--c6SurfaceInverse) 65%, transparent) 70%, color-mix(in srgb, var(--c6SurfaceInverse) 35%, transparent)); }
.c6OpJoinInner { position: relative; max-width: 1200px; margin: 0 auto; padding: 112px 24px; box-sizing: border-box; }
.c6OpJoinBody { display: flex; flex-direction: column; gap: 24px; max-width: 760px; }
.c6OpJoinTitle { margin: 0; font-size: clamp(30px, 4.6vw, 56px); line-height: 1.04; letter-spacing: -0.03em; font-weight: 600; }
.c6OpJoinLead { margin: 0; font-size: 17px; color: var(--c6TextSecondary); max-width: 54ch; }
.c6OpJoinChoices { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.c6OpJoinChoice { padding: 24px; border-radius: var(--c6RadiusLg); background: color-mix(in srgb, var(--c6SurfaceRaised) 90%, transparent); border: 1px solid var(--c6BorderDefault); display: flex; flex-direction: column; gap: 12px; }
.c6OpChoiceTitle { margin: 0; font-size: 19px; font-weight: 600; }
.c6OpApplyLink { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: var(--c6RadiusMd); background: var(--c6ColorBlue); color: var(--c6ColorWhite); text-decoration: none; font-weight: 500; }
.c6OpBoostyLink { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: var(--c6RadiusMd); border: 1px solid color-mix(in srgb, var(--c6TextPrimary) 30%, transparent); color: var(--c6TextPrimary); text-decoration: none; font-weight: 500; }
.c6OpFaqBody { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 8px; max-width: 820px; }
.c6OpFaqTitle { margin: 0 0 16px; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.12; letter-spacing: -0.02em; font-weight: 600; }
.c6OpFaqItem { border: 1px solid var(--c6BorderDefault); border-radius: var(--c6RadiusLg); background: var(--c6SurfaceRaised); }
.c6OpFaqQuestion { cursor: pointer; padding: 16px 24px; font-weight: 500; min-height: 44px; box-sizing: border-box; }
.c6OpFaqAnswer { margin: 0; padding: 0 24px 24px; color: var(--c6TextSecondary); }
.c6OpCompletedStamp { border: 2px solid var(--c6ColorRed); color: var(--c6StatusDanger); padding: 8px 16px; border-radius: 4px; font-weight: 600; letter-spacing: 0.2em; font-size: 13px; text-transform: uppercase; transform: rotate(-4deg); display: inline-block; }
.c6OpCredits { margin: 0; color: var(--c6TextFaint); font-size: 13px; flex: 1 1 320px; }
/* Shared behavior and responsive geometry for the operation template. */
html { color-scheme: dark; }
section[id] { scroll-margin-top: calc(var(--c6ShellHeaderHeight, 72px) + var(--c6Space4)); }
a, summary { touch-action: manipulation; }
a { overflow-wrap: anywhere; }
a:hover { text-decoration: underline; }
a:is(.c6OpPrimaryLink, .c6OpOutlineLink, .c6OpApplyLink, .c6OpBoostyLink, .c6OpFilmLink, .c6OpExtraLink):is(:link, :visited, :hover, :focus, :active) { text-decoration: none; }
.c6OpIcon { flex: none; fill: none; stroke: currentColor; }
.c6OpFilmPlayer { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--c6ColorBlack); border-radius: var(--c6RadiusLg); }
.c6OpFilmFrame { display: block; width: 100%; height: 100%; border: 0; }
.c6OpFilmFrame:focus-visible { outline: 2px solid var(--c6ActionFill); outline-offset: -4px; }
.c6OpMemberName { color: var(--c6TextSecondary); font-weight: 400; }
.c6OpMemberLead { color: var(--c6TextPrimary); font-weight: 500; }
.c6OpAnalyticsPixel { position: absolute; left: -9999px; width: 1px; height: 1px; }
.c6OpUnitHeader { flex-wrap: wrap; }
.c6OpMember { flex-wrap: wrap; }

@media (max-width: 760px) {
  .c6OpPhases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c6OpPhase, .c6OpPhase:nth-last-child(-n+2) { grid-column: auto; }
  .c6OpPhase:last-child { grid-column: 1 / -1; }
  .c6OpSectionInner, .c6OpHeroInner, .c6OpJoinInner { padding-left: var(--c6Space3); padding-right: var(--c6Space3); }
  .c6OpHeroInner { padding-top: 64px; padding-bottom: var(--c6Space5); }
  .c6OpSectionInner, .c6OpJoinInner { padding-top: var(--c6Space5); padding-bottom: var(--c6Space5); }
  .c6OpSectionRail { flex-basis: 100%; }
  .c6OpStories, .c6OpUnits, .c6OpJoinChoices { grid-template-columns: minmax(0, 1fr); }
  .c6OpNewsCard { grid-template-columns: minmax(0, 1fr); }
  .c6OpNewsMedia { aspect-ratio: 16 / 9; }
  .c6OpPhaseCopy, .c6OpStoryQuote, .c6OpCredits { font-size: 15px; }
}

@media (max-width: 480px) {
  .c6OpPhases { grid-template-columns: minmax(0, 1fr); }
  .c6OpPhase:last-child { grid-column: auto; }
}