.guides { padding: clamp(72px, 8vw, 112px) var(--gutter); border-top: 1px solid var(--rule); background: var(--paper); color: var(--ink); }
.guides-inner { max-width: 1500px; margin: 0 auto; }
.guides-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 48px; }
.guides .overline { color: var(--plum); }
.guides h2 { font: 400 clamp(44px, 4.6vw, 66px)/1.02 var(--display); text-transform: uppercase; margin: 0; }
.guides-intro { margin: 0; font: italic 380 clamp(23px, 2.2vw, 30px)/1.3 var(--serif); font-variation-settings: 'SOFT' 100; }
.guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.guide-profile { display: flex; flex-direction: column; min-width: 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--rule); padding: 32px 0 20px; }
.guide-profile-heading { display: grid; grid-template-columns: 128px minmax(0, 1fr); align-items: center; gap: 28px; min-height: 128px; margin-bottom: 24px; }
.guide-portrait { position: relative; width: 128px; height: 128px; isolation: isolate; }
.guide-portrait::before { content: ''; position: absolute; z-index: -1; top: -5px; right: -7px; width: 68px; height: 68px; background: #f3c77c66; border-radius: 50%; }
.guide-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; border-radius: 50%; border: 1px solid var(--rule); }
.guide-focus { margin: 0 0 12px; color: var(--plum); font: 500 11px/1.5 var(--mono); letter-spacing: var(--track); text-transform: uppercase; }
.guide-profile h3 { margin: 0; font: 400 clamp(28px, 2.6vw, 36px)/1.15 var(--serif); font-variation-settings: 'SOFT' 100; }
.guide-bio { margin: 0 0 24px; max-width: 48ch; font: 400 17px/1.65 var(--sans); }
.guide-links { margin-top: auto; }
.guide-link { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; font: 500 14px/1.4 var(--sans); text-decoration: none; }
.guide-link svg { width: 16px; height: 16px; flex: none; }
.guide-link:hover { color: var(--plum); }
.guide-link:focus-visible { outline: 2px solid var(--plum); outline-offset: 5px; }
@media (prefers-reduced-motion: no-preference) {
  .guide-link svg { transition: transform .18s var(--ease); }
  .guide-link:hover svg { transform: translate(2px, -2px); }
}
@media (max-width: 1000px) {
  .guide-profile-heading { grid-template-columns: 104px minmax(0, 1fr); gap: 22px; min-height: 104px; }
  .guide-portrait { width: 104px; height: 104px; }
}
@media (max-width: 850px) {
  .guides-heading { display: block; margin-bottom: 36px; }
  .guides-intro { margin-top: 24px; }
  .guides-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .guide-profile { padding-top: 28px; }
  .guide-profile-heading { grid-template-columns: 112px minmax(0, 1fr); min-height: 112px; gap: 24px; }
  .guide-portrait { width: 112px; height: 112px; }
  .guide-profile h3 { font-size: clamp(28px, 4.6vw, 36px); }
  .guide-bio { max-width: 48ch; }
}
@media (max-width: 430px) {
  .guides { padding-top: 64px; padding-bottom: 64px; }
  .guide-profile-heading { grid-template-columns: 96px minmax(0, 1fr); min-height: 96px; gap: 20px; }
  .guide-portrait { width: 96px; height: 96px; }
  .guide-focus { margin-bottom: 8px; letter-spacing: .08em; }
  .guide-bio { font-size: 16px; }
}