/* Abstract editorial spread: one statement, one image, one invitation. */
.process-editorial { background: var(--ivory); padding-block: clamp(72px, 6vw, 96px); }
.editorial-inner { display: grid; grid-template-columns: 1.16fr 1fr; align-items: center; gap: clamp(40px, 5vw, 80px); min-height: 470px; }
.editorial-statement { min-width: 0; }
.editorial-statement .section-rule { margin-bottom: 27px; }
.editorial-statement h2 { max-width: 760px; font-size: clamp(42px, 4vw, 61px); line-height: 1.08; letter-spacing: -1.6px; text-wrap: balance; }
.editorial-statement h2 span { display: block; }
.editorial-statement h2 em { font-weight: 400; color: #8a6d38; }
.editorial-invitation { margin-top: 27px; max-width: 365px; }
.editorial-invitation p { font-size: 16px; line-height: 1.7; text-wrap: pretty; }
.editorial-link { display: inline-flex; align-items: center; gap: 21px; margin-top: 26px; min-height: 48px; font-size: 14px; font-weight: 500; }
.editorial-link-icon { display: grid; place-items: center; width: 43px; height: 43px; flex: 0 0 43px; border-radius: 50%; background: var(--navy); color: var(--ivory); transition: background .2s, transform .2s; }
.editorial-link-icon svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.5; fill: none; }
.editorial-link:hover .editorial-link-icon { background: #8a6d38; transform: scale(1.08); }
.editorial-link:hover > span:first-child { text-decoration: underline; text-underline-offset: 5px; }
.editorial-art { margin: 0; min-width: 0; }
.editorial-art img { width: 100%; height: auto; max-height: 520px; object-fit: contain; }
@media (max-width: 1020px) {
  .editorial-inner { grid-template-columns: 1.1fr 1fr; gap: 32px; min-height: 450px; }
  .editorial-statement h2 { font-size: 43px; letter-spacing: -1.2px; }
  .editorial-invitation p { font-size: 15px; }
}
@media (max-width: 760px) {
  .process-editorial { padding-block: 56px 40px; }
  .editorial-inner { grid-template-columns: 1fr; gap: 30px; min-height: 0; }
  .editorial-statement .section-rule { margin-bottom: 22px; }
  .editorial-statement h2 { max-width: 570px; font-size: clamp(37px, 6.4vw, 48px); letter-spacing: -1px; line-height: 1.1; }
  .editorial-invitation { margin-top: 24px; max-width: 360px; }
  .editorial-invitation p { font-size: 15px; line-height: 1.7; }
  .editorial-link { margin-top: 20px; font-size: 13px; gap: 18px; }
  .editorial-art { width: min(100%, 420px); justify-self: center; }
  .editorial-art img { max-height: 350px; }
}
