.pub-deep .pub-links a[aria-current="page"] { color: #fff; }

.deep-intro {
  width: min(calc(100% - (var(--pub-gutter) * 2)), var(--pub-max));
  min-height: 72svh;
  margin: 0 auto;
  padding: clamp(110px, 13vw, 190px) 0 clamp(96px, 11vw, 160px);
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--pub-grid-gap);
  align-content: end;
  border-bottom: 1px solid var(--pub-line);
}
.deep-intro .pub-index { grid-column: 1 / 4; }
.deep-intro h1 {
  grid-column: 1 / 12;
  margin: 25px 0 40px;
  max-width: 1280px;
  font-size: clamp(54px, 7.8vw, 116px);
  line-height: .905;
  letter-spacing: -.068em;
  font-weight: 585;
  text-wrap: balance;
}
.deep-intro p {
  grid-column: 7 / 13;
  margin: 0;
  color: var(--pub-muted);
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.56;
  letter-spacing: -.016em;
}

.deep-sequence,
.deep-work-sequence {
  width: min(calc(100% - (var(--pub-gutter) * 2)), var(--pub-max));
  margin: 0 auto;
}

.deep-problem {
  position: relative;
  padding: clamp(120px, 13vw, 205px) 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--pub-grid-gap);
  border-bottom: 1px solid var(--pub-line);
}
.deep-problem .deep-number { grid-column: 1 / 2; padding-top: 8px; }
.deep-problem__copy { grid-column: 2 / 10; }
.deep-problem--media .deep-problem__copy { grid-column: 2 / 7; }
.deep-problem--media .deep-artifact { grid-column: 8 / 13; align-self: center; }
.deep-problem--media:nth-child(even) .deep-problem__copy { grid-column: 8 / 13; }
.deep-problem--media:nth-child(even) .deep-artifact { grid-column: 2 / 7; grid-row: 1; }
.deep-problem--media:nth-child(even) .deep-number { grid-column: 1 / 2; grid-row: 1; }
.deep-number {
  color: #6c747b;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 730;
}
.deep-problem h2,
.deep-work h2 {
  margin: 0;
  max-width: 900px;
  font-size: clamp(42px, 5.15vw, 78px);
  line-height: .98;
  letter-spacing: -.057em;
  font-weight: 575;
  text-wrap: balance;
}
.deep-lead {
  margin: 30px 0 0;
  max-width: 680px;
  color: #b8bec2;
  font-size: clamp(18px, 1.45vw, 22px);
  line-height: 1.58;
  letter-spacing: -.015em;
}
.deep-signals,
.deep-proof {
  margin-top: 44px;
  max-width: 680px;
  padding-top: 18px;
  border-top: 1px solid var(--pub-line);
}
.deep-signals span,
.deep-proof span {
  color: var(--pub-blue);
  font-size: 9px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 760;
}
.deep-signals p,
.deep-proof p {
  margin: 11px 0 0;
  color: #858d93;
  font-size: 13px;
  line-height: 1.65;
}
.deep-problem blockquote {
  margin: 48px 0 0;
  max-width: 720px;
  padding-left: 22px;
  border-left: 1px solid var(--pub-line-strong);
  color: #d9dcde;
  font-size: clamp(25px, 2.65vw, 39px);
  line-height: 1.18;
  letter-spacing: -.032em;
  font-weight: 470;
}
.deep-problem .pub-depth { margin-top: 34px; }

.deep-artifact {
  margin: 0;
  min-width: 0;
  position: relative;
}
.deep-artifact::before {
  content: '';
  position: absolute;
  inset: 7% 0;
  background: radial-gradient(circle at 50% 50%, rgba(166,199,220,.05), transparent 62%);
  pointer-events: none;
}
.deep-artifact img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background: transparent;
}

.deep-work {
  padding: clamp(130px, 14vw, 220px) 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--pub-grid-gap);
  align-items: center;
  border-bottom: 1px solid var(--pub-line);
}
.deep-work__copy { grid-column: 1 / 6; }
.deep-work .deep-artifact { grid-column: 7 / 13; }
.deep-work--reverse .deep-work__copy { grid-column: 8 / 13; order: initial; }
.deep-work--reverse .deep-artifact { grid-column: 1 / 7; order: initial; }
.deep-work .deep-number { margin-bottom: 22px; color: var(--pub-blue); }
.deep-boundary {
  margin: 36px 0 0;
  max-width: 650px;
  color: #7e868c;
  font-size: 13px;
  line-height: 1.68;
}
.deep-boundary strong { color: #aeb5ba; font-weight: 620; }
.deep-work .pub-depth { margin-top: 34px; }
.deep-terminal { border-top: 0; }

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .deep-problem__copy,
    .deep-problem .deep-artifact,
    .deep-work__copy,
    .deep-work .deep-artifact {
      animation: deep-reveal linear both;
      animation-timeline: view();
      animation-range: entry 7% cover 28%;
    }
    @keyframes deep-reveal {
      from { opacity: .35; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
  }
}

@media (max-width: 980px) {
  .deep-intro p { grid-column: 5 / 13; }
  .deep-problem,
  .deep-work { grid-template-columns: 1fr; }
  .deep-problem .deep-number,
  .deep-problem__copy,
  .deep-problem--media .deep-problem__copy,
  .deep-problem--media .deep-artifact,
  .deep-problem--media:nth-child(even) .deep-problem__copy,
  .deep-problem--media:nth-child(even) .deep-artifact,
  .deep-problem--media:nth-child(even) .deep-number,
  .deep-work__copy,
  .deep-work .deep-artifact,
  .deep-work--reverse .deep-work__copy,
  .deep-work--reverse .deep-artifact {
    grid-column: auto;
    grid-row: auto;
  }
  .deep-problem .deep-number { margin-bottom: -4px; }
}

@media (max-width: 680px) {
  .deep-intro { min-height: auto; padding-top: 90px; padding-bottom: 86px; }
  .deep-intro h1 { grid-column: 1 / 13; font-size: clamp(48px, 14vw, 70px); }
  .deep-intro p { grid-column: 1 / 13; }
  .deep-problem, .deep-work { padding-top: 100px; padding-bottom: 100px; }
  .deep-problem h2, .deep-work h2 { font-size: clamp(38px, 11.5vw, 56px); }
}

/* V3.P11 — deep pages are continuous fields, never framed panels.
 * editorial-v3.css is loaded after this file, so these declarations are
 * intentionally explicit to prevent the legacy alternating-box treatment from
 * rebuilding visible rectangles around every chapter. */
.sne-v3.pub-deep .deep-intro,
.sne-v3.pub-deep .deep-problem,
.sne-v3.pub-deep .deep-work,
.sne-v3.pub-deep .depth-evidence,
.sne-v3.pub-deep .depth-capability,
.sne-v3.pub-deep .depth-research,
.sne-v3.pub-deep .depth-company-statement,
.sne-v3.pub-deep .depth-company-flow,
.sne-v3.pub-deep .depth-rule,
.sne-v3.pub-deep .depth-capability-hero,
.sne-v3.pub-deep .depth-company-media {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  background-color: transparent !important;
}

.sne-v3.pub-deep .deep-intro::after,
.sne-v3.pub-deep .deep-problem::after,
.sne-v3.pub-deep .deep-work::after,
.sne-v3.pub-deep .depth-evidence::after,
.sne-v3.pub-deep .depth-capability::after,
.sne-v3.pub-deep .depth-research::after,
.sne-v3.pub-deep .depth-company-statement::after,
.sne-v3.pub-deep .depth-company-flow::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Preserve chapter separation through atmosphere and rhythm instead of boxes. */
.sne-v3.pub-deep .deep-problem,
.sne-v3.pub-deep .deep-work,
.sne-v3.pub-deep .depth-evidence,
.sne-v3.pub-deep .depth-research {
  background-image:
    radial-gradient(circle at 76% 48%, rgba(85,184,255,.035), transparent 34%),
    radial-gradient(circle at 68% 62%, rgba(255,132,40,.018), transparent 28%) !important;
  background-repeat: no-repeat !important;
}

.sne-v3.pub-deep .deep-problem:nth-child(even),
.sne-v3.pub-deep .deep-work:nth-child(even),
.sne-v3.pub-deep .depth-evidence:nth-child(even),
.sne-v3.pub-deep .depth-research:nth-child(even) {
  background-image:
    radial-gradient(circle at 24% 48%, rgba(85,184,255,.035), transparent 34%),
    radial-gradient(circle at 34% 62%, rgba(255,132,40,.018), transparent 28%) !important;
}