.ag-choosing-guide { padding-block:clamp(24px,4vw,48px); scroll-margin-top:112px; border-top:1px solid var(--line); }
.ag-guide-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 48px; align-items:end; margin-bottom:32px; }
.ag-guide-heading .eyebrow, .ag-guide-setup .eyebrow { margin:0 0 12px; }
.ag-guide-heading h2 { margin:0; max-width:22ch; font-size:clamp(28px,3.2vw,40px); line-height:1.16; letter-spacing:var(--tracking-heading); font-weight:500; }
.ag-choosing-guide p { color:var(--ink-soft); font-size:16px; line-height:1.65; }
.ag-guide-heading > p { margin:0; max-width:60ch; }
.ag-guide-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 48px; }
.ag-guide-choice { min-width:0; display:grid; grid-template-rows:1fr auto auto; padding-block:24px 0; border-top:2px solid var(--moss); }
.ag-guide-choice .ag-guide-format { margin:0 0 12px; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.ag-choosing-guide h3 { margin:0 0 12px; color:var(--ink); font-size:clamp(21px,2.1vw,26px); font-weight:500; line-height:1.25; letter-spacing:var(--tracking-heading); }
.ag-guide-choice p { margin:0 0 16px; }
.ag-guide-choice .ag-guide-exception { margin-bottom:12px; font-size:14px; line-height:1.65; }
.ag-choosing-guide b { color:var(--ink); font-weight:600; }
.ag-choosing-guide a { display:inline-flex; align-items:center; gap:8px; min-height:44px; max-width:100%; color:var(--ink); font-size:14px; line-height:1.5; font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.ag-choosing-guide a:focus-visible, .ag-guide-jump:focus-visible { outline:2px solid var(--moss); outline-offset:4px; }
.ag-guide-choice nav { display:flex; flex-wrap:wrap; gap:0 24px; padding-block:0 8px; }
.ag-guide-examples > p { margin:0 0 4px; font-size:13px; line-height:1.5; }
.ag-guide-choice .ag-guide-collection { display:flex; justify-content:space-between; padding-block:12px; border-top:1px solid var(--line); }
.ag-guide-personal { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px 48px; margin-top:24px; padding:24px; background:var(--surface-warm); }
.ag-guide-personal h3 { margin:0; font-size:22px; }
.ag-guide-personal p { margin:0; }
.ag-guide-setup { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 48px; margin-top:32px; padding-top:32px; border-top:1px solid var(--line); }
.ag-guide-setup > div { min-width:0; }
.ag-guide-setup h3 { max-width:25ch; }
.ag-guide-setup > div > p:not(.eyebrow) { margin:0; }
.ag-guide-setup ol { margin:0; padding-left:24px; }
.ag-guide-setup li { padding-left:8px; color:var(--ink-soft); font-size:16px; line-height:1.65; }
.ag-guide-setup li + li { margin-top:12px; }
.ag-guide-setup > div > .ag-guide-supplies { margin-top:16px; font-size:14px; line-height:1.65; }
.ag-guide-jump { display:inline-flex; align-items:center; min-height:44px; margin-top:12px; color:var(--ink); font-size:14px; line-height:1.5; text-decoration:underline; text-underline-offset:4px; }
/* Keep the desktop photograph as tall as its copy, and stop wide gutters
   from reducing the text column as the viewport grows. */
@media (min-width:981px) {
  .process-page .process-hero { align-items:stretch; }
  .process-page .process-hero-image { min-height:0; height:auto; align-self:stretch; }
  .process-page .process-hero-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .process-page .process-hero-copy { padding-left:clamp(40px,5.1vw,104px); padding-right:clamp(32px,4vw,64px); }
  .process-page .process-hero-copy > p:not(.eyebrow) { max-width:52ch; }
}
@media (min-width:761px) and (max-width:980px) {
  .process-page .process-hero { min-height:0; grid-template-columns:minmax(0,1fr); background:var(--canvas); }
  .process-page .process-hero-copy { padding:40px 32px; }
  .process-page .process-hero-copy h1 { max-width:680px; }
  .process-page .process-hero-image { min-height:0; aspect-ratio:4 / 3; }
}
@media (max-width:760px) {
  .ag-guide-heading { grid-template-columns:minmax(0,1fr); gap:16px; margin-bottom:24px; }
  .ag-guide-heading h2 { max-width:26ch; }
  .ag-guide-choices { gap:24px; }
  .ag-guide-personal, .ag-guide-setup { gap:16px 24px; }
}
@media (max-width:600px) {
  .ag-guide-choices, .ag-guide-personal, .ag-guide-setup { grid-template-columns:minmax(0,1fr); }
  .ag-guide-choice { padding-top:24px; }
  .ag-guide-personal { padding:24px 16px; }
  .ag-guide-setup { margin-top:24px; padding-top:24px; }
  .ag-guide-choice nav { gap:0 16px; }
}