/* Materials keep the page together; photographs and semantic marks carry color. */
.setup-page [data-tone="search"] { --setup-ink:var(--inner-honey); --setup-rgb:225,180,119; }
.setup-page [data-tone="offer"] { --setup-ink:var(--inner-coral); --setup-rgb:239,138,112; }
.setup-page [data-tone="result"] { --setup-ink:var(--inner-sage); --setup-rgb:161,185,161; }
.setup-page [data-tone="return"] { --setup-ink:var(--inner-honey); --setup-rgb:225,180,119; }
.setup-page .setup-hero__media { grid-column:span 5; min-width:0; }
.setup-hero__photo { display:block; width:100%; height:auto; aspect-ratio:1.8; object-fit:cover; object-position:center 54%; border-radius:20px; }
.setup-hero__media .setup-map { width:auto; margin:-34px 0 0 24px; padding:24px; box-shadow:0 18px 55px rgba(0,0,0,.3); background:#191817; }
.setup-hero__media .setup-map figcaption { margin-bottom:16px; }
.setup-hero__media .setup-map__buyer { gap:12px; }
.setup-hero__media .setup-map__buyer > svg { width:32px; height:32px; color:var(--inner-honey); }
.setup-hero__media .setup-map__buyer > span { font-size:16px; }
.setup-hero__media .setup-map__line { height:22px; }
.setup-hero__media .setup-map__pair { gap:20px; }
.setup-hero__media .setup-map__pair > div { display:grid; grid-template-columns:24px 1fr; align-content:center; column-gap:10px; padding:13px 10px; text-align:left; --setup-ink:var(--inner-honey); }
.setup-hero__media .setup-map__pair > div:last-child { --setup-ink:var(--inner-coral); }
.setup-hero__media .setup-map__pair svg { grid-row:1 / 3; align-self:center; width:24px; height:24px; margin:0; }
.setup-hero__media .setup-map__pair strong { font-size:12px; }
.setup-hero__media .setup-map__pair > div > span { grid-column:2; font-size:10px; margin-top:4px; }
.setup-hero__media .setup-map__site { padding:14px 12px; border-color:rgba(161,185,161,.3); background:rgba(161,185,161,.05); }
.setup-hero__media .setup-map__site strong { font-size:14px; }
.setup-hero__media .setup-map__loop { margin-top:15px; padding-top:14px; }
.setup-work-intro { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gap); align-items:center; margin-bottom:40px; }
.setup-work-intro .setup-heading { grid-column:span 7; margin-bottom:0; padding-right:24px; }
.setup-product-photo { grid-column:span 5; margin:0; min-width:0; }
.setup-product-photo img { display:block; width:100%; height:auto; aspect-ratio:1.5; object-fit:cover; border-radius:18px; }
.setup-product-photo figcaption { margin-top:12px; color:var(--inner-muted); font-size:12px; line-height:1.6; text-wrap:pretty; }
.setup-page .setup-map__loop strong { color:var(--inner-sage); }
.setup-page .setup-prep__visual { background:radial-gradient(ellipse at 50% 45%,rgba(var(--setup-rgb),.1),transparent 75%); }
.setup-page .setup-orbit { background:radial-gradient(circle,rgba(var(--setup-rgb),.14),rgba(var(--setup-rgb),.03)); }
.setup-page .setup-cycle__number { color:var(--inner-sage); border-color:rgba(161,185,161,.3); }
@media(min-width:901px) and (max-width:1100px) {
  .setup-hero__media .setup-map { margin-left:0; padding:20px 16px; }
  .setup-hero__media .setup-map__pair > div { grid-template-columns:1fr; text-align:center; }
  .setup-hero__media .setup-map__pair svg { display:none; }
  .setup-hero__media .setup-map__pair > div > span { grid-column:1; }
}
@media(max-width:900px) {
  .setup-page .setup-hero__media { grid-column:1 / -1; width:100%; max-width:none; }
  .setup-hero__photo { aspect-ratio:2.15; }
  .setup-hero__media .setup-map { margin-left:36px; max-width:none; }
  .setup-work-intro { grid-template-columns:1fr; gap:28px; }
  .setup-work-intro .setup-heading,.setup-product-photo { grid-column:1; padding-right:0; }
  .setup-product-photo { max-width:none; }
  .setup-product-photo img { aspect-ratio:1.8; }
}
@media(max-width:600px) {
  .setup-hero__photo { aspect-ratio:1.55; border-radius:14px; }
  .setup-hero__media .setup-map { margin:-24px 0 0 12px; padding:20px 16px; border-radius:14px; }
  .setup-hero__media .setup-map__pair > div { grid-template-columns:1fr; text-align:center; padding:12px 8px; }
  .setup-hero__media .setup-map__pair svg { display:none; }
  .setup-hero__media .setup-map__pair > div > span { grid-column:1; }
  .setup-hero__media .setup-map__buyer small { font-size:11px; }
  .setup-hero__media .setup-map__site strong { font-size:13px; }
  .setup-hero__media .setup-map__site small { font-size:10px; }
  .setup-hero__media .setup-map__loop { font-size:11px; }
  .setup-product-photo img { aspect-ratio:1.5; border-radius:14px; }
  .setup-product-photo figcaption { font-size:11px; }
}