.philosophy-spread {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  min-height: 720px;
  background: var(--paper);
  overflow: hidden;
}

.philosophy-portrait {
  min-height: 720px;
  margin: 0;
}

.philosophy-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 36%;
}

.philosophy-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 8rem 15% 8rem 11%;
  isolation: isolate;
}

.philosophy-pattern {
  position: absolute;
  z-index: -1;
  top: -8%;
  right: -18%;
  width: min(64%, 560px);
  height: 116%;
  object-fit: contain;
  object-position: right center;
  opacity: .28;
  pointer-events: none;
}

.philosophy-content .section-kicker { margin: 0 0 1.2rem; }

.philosophy-content h2 {
  max-width: 590px;
  margin: 0;
  font: 400 clamp(3.5rem, 5.6vw, 6.8rem)/.96 var(--serif);
  letter-spacing: -.035em;
}

.philosophy-content > p:not(.section-kicker) {
  max-width: 590px;
  margin: 2.2rem 0 2.5rem;
  font-size: 1.02rem;
  line-height: 1.8;
}

.philosophy-link {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  border-bottom: 1px solid var(--ink);
  padding: 0 0 .45rem;
  text-transform: uppercase;
  letter-spacing: .17em;
  font-size: .69rem;
}

.philosophy-link span { transition: transform .25s ease; }
.philosophy-link:hover span,
.philosophy-link:focus-visible span { transform: translateX(.4rem); }

@media (max-width: 820px) {
  .philosophy-spread { grid-template-columns: 1fr; }
  .philosophy-portrait { min-height: 570px; height: 72svh; }
  .philosophy-content { min-height: 620px; padding: 6rem 1.4rem; }
  .philosophy-content h2 { font-size: clamp(3.5rem, 16vw, 5rem); max-width: 330px; }
  .philosophy-content > p:not(.section-kicker) { max-width: 330px; }
  .philosophy-pattern { width: 74%; right: -30%; top: -5%; opacity: .23; }
}