/* Switchbacks visual polish | additive, no copy or product logic changes */
/* Editorial landscape imagery replaces the previous floating line/compass illustration. */
.sb-polished-page-art{position:relative;overflow:hidden;isolation:isolate;display:block;min-height:280px;border-radius:2px;height:100%;width:100%;}
.sb-polished-page-art .sb-polished-mountain{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;filter:saturate(.72) contrast(.94);}
.sb-polished-page-art .sb-polished-artwash{position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,transparent 13%,transparent 82%,var(--paper) 100%),linear-gradient(180deg,var(--paper) 0%,transparent 17%,transparent 80%,var(--paper) 100%);pointer-events:none;}
.sb-polished-cairn-art{min-height:225px;height:265px;border-radius:16px;overflow:hidden;isolation:isolate;}
.sb-polished-cairn-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:4% center;filter:saturate(.72) contrast(.93);mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 16%,#000 86%,transparent 100%);mask-composite:intersect;}
.sb-polished-cairn-caption{position:absolute;right:4px;bottom:9px;color:var(--muted);font:italic 12px/1.4 var(--serif);opacity:.83;letter-spacing:.01em;}
@media(min-width:761px){.page-hero.how .page-art{height:350px}.cairn-panel{grid-template-columns:.89fr 1.11fr;gap:30px}.sb-polished-page-art{min-height:350px}}
@media(max-width:760px){.page-hero.how .page-art{width:calc(100% + 18px);max-width:none;height:266px!important;margin:10px -9px -7px;min-height:0}.sb-polished-page-art{min-height:0}.sb-polished-cairn-art{height:207px;min-height:207px;margin-bottom:0}.sb-polished-cairn-caption{bottom:2px;font-size:11px}.cairn-panel{gap:5px}}
/* This is art only; maintain accessible CTA, headings, and readable contrast. */
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .sb-polished-mountain,:root:not([data-theme="light"]) .sb-polished-cairn-image{filter:saturate(.58) brightness(.79) contrast(.92)}}
:root[data-theme="dark"] .sb-polished-mountain,:root[data-theme="dark"] .sb-polished-cairn-image{filter:saturate(.58) brightness(.79) contrast(.92)}
@media(prefers-reduced-motion:reduce){.sb-polished-page-art *{animation:none!important;transition:none!important}}

/* Final Switchbacks dark-mode landscape finish.
   Append AFTER the existing rules in site/assets/sb-site-polish.css.
   No markup, hooks, copy, light-mode assets, or functionality changes. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .sb-polished-cairn-art,
  :root:not([data-theme="light"]) .sb-polished-page-art {
    background-color: var(--surface);
  }
  :root:not([data-theme="light"]) .sb-polished-cairn-image,
  :root:not([data-theme="light"]) .sb-polished-mountain {
    opacity: 0;
  }
  :root:not([data-theme="light"]) .sb-polished-cairn-art::before,
  :root:not([data-theme="light"]) .sb-polished-page-art::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover;
  }
  :root:not([data-theme="light"]) .sb-polished-cairn-art::before {
    background-image: url("sb-refined-alpine-cairns-dark.webp");
    background-position: 4% center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 84%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 16%, #000 86%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 84%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 16%, #000 86%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
  :root:not([data-theme="light"]) .sb-polished-page-art::before {
    background-image: url("sb-refined-alpine-main-dark.webp");
    background-position: center 53%;
  }
}
:root[data-theme="dark"] .sb-polished-cairn-art,
:root[data-theme="dark"] .sb-polished-page-art { background-color: var(--surface); }
:root[data-theme="dark"] .sb-polished-cairn-image,
:root[data-theme="dark"] .sb-polished-mountain { opacity: 0; }
:root[data-theme="dark"] .sb-polished-cairn-art::before,
:root[data-theme="dark"] .sb-polished-page-art::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: cover;
}
:root[data-theme="dark"] .sb-polished-cairn-art::before {
  background-image: url("sb-refined-alpine-cairns-dark.webp");
  background-position: 4% center;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 84%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 16%, #000 86%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 84%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 16%, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
:root[data-theme="dark"] .sb-polished-page-art::before {
  background-image: url("sb-refined-alpine-main-dark.webp");
  background-position: center 53%;
}