/* Ported from ~/Desktop/marroma/styles.css:56 (`.home-section`), :61-71 (`.pair-section`,
 * `.pair-item`, `.pair-copy`) and the ≤800px override at :353. `.text-link`-family rules are
 * not used here — `.pair-copy em` is its own construct, ported verbatim including its own
 * `svg{width:18px}` override (:71). */

.cc_Ne0s275pCZ_Wjr4znGpvy .pair-section {
  font-family: var(--body);
  font-size: 14px;
  line-height: 1.5;
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-section * {
  font-family: inherit;
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-copy strong {
  font-family: var(--sans);
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-copy em {
  font-family: var(--ui);
}

.cc_Ne0s275pCZ_Wjr4znGpvy .home-section {
  padding: 96px var(--gutter) 0;
}

.cc_Ne0s275pCZ_Wjr4znGpvy .pair-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* Round 4 (user): love-onfriday.com's "Office Drop" pair — 2 × 665px at 30px gap, 2:3. */
  gap: 30px;
  /* 1360px of CONTENT: border-box counts the gutter padding, and above 1600px the gutter grows
   * (420px a side at 2560) — a bare 1360px left 245px cards on a 2K screen (2026-10-13). */
  max-width: calc(1360px + 2 * var(--gutter));
  margin-inline: auto;
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-item {
  position: relative;
  display: block;
  overflow: hidden;
  /* Literal from the template — styles.css:62 `.pair-item{...background:#ece8e2}`;
     the image placeholder tint, no token of its own. */
  background: #ece8e2;
  color: var(--paper);
  isolation: isolate;
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-item img {
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 3;
  object-position: 50% 20%;
  transition: transform 1.2s var(--ease);
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-item:hover img {
  transform: scale(1.02);
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-item:hover {
  color: var(--paper);
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(25, 18, 15, 0.55), transparent 42%);
  pointer-events: none;
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-item img {
  z-index: -2;
  position: relative;
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-copy {
  position: absolute;
  left: 6%;
  bottom: 6%;
  right: 6%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-copy strong {
  font-weight: 400;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.15;
  letter-spacing: 0;
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-copy em {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  min-height: 30px;
  border-bottom: 1px solid currentColor;
  align-self: start;
}
.cc_Ne0s275pCZ_Wjr4znGpvy .pair-copy em svg {
  width: 18px;
}

@media (max-width: 800px) {
  .cc_Ne0s275pCZ_Wjr4znGpvy .home-section {
    padding-top: 64px;
  }
  .cc_Ne0s275pCZ_Wjr4znGpvy .pair-section {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .cc_Ne0s275pCZ_Wjr4znGpvy .pair-item img {
    aspect-ratio: 3 / 4;
  }
}