/* A native scroll journey. No wheel/touch interception or nested scroll area. */
html.has-work-journey { scroll-snap-type: none; }
.selected-work { overflow: visible; scroll-snap-stop: normal; }
.selected-work__inner { position: relative; padding-top: clamp(28px, 4svh, 44px); padding-bottom: 66px; }
.selected-work__body { margin-top: clamp(36px, 6svh, 68px); }
.selected-work__panels { position: relative; min-height: var(--work-panel-height, 0px); }
.selected-work__all {
  min-height: 52px;
  padding: 10px 20px;
  border: 1px solid var(--work-gold);
  background: var(--work-gold);
  color: var(--deep);
  transition: background 180ms ease-out;
}
.selected-work__all:hover { background: #f1c76b; text-decoration: none; }
.selected-work__metric strong[data-kind="text"] { font-size: clamp(58px, 6.5vw, 105px); }
.selected-work.is-scroll-story { height: calc(var(--work-frame-height) + var(--work-travel)); }
.is-scroll-story .selected-work__inner {
  position: sticky;
  top: var(--header-h);
  min-height: var(--work-frame-height);
  background: var(--deep);
}
.selected-work__journey {
  position: absolute;
  left: clamp(32px, 5.2vw, 92px);
  right: clamp(32px, 5.2vw, 92px);
  bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--work-muted);
  font: 500 12px/1.4 var(--body);
}
.selected-work__journey p { margin: 0; }
.selected-work__journey a { display: inline-flex; align-items: center; min-height: 44px; color: var(--cream); text-decoration: underline; text-underline-offset: 5px; }
.selected-work__journey-count { color: var(--work-gold); font-variant-numeric: tabular-nums; }
.selected-work__journey a:focus-visible { outline: 2px solid var(--work-violet); outline-offset: 4px; }
/* Explicit chapter boundary. The two navy scenes must not merge. */
#testimonials.testimonial-galaxy {
  border-top: 2px solid var(--ochre);
  box-shadow: 0 -18px 48px rgb(0 0 0 / 12%);
}

/* No pinning when motion is reduced or the entire scene cannot fit. */
.selected-work.is-linear-story { height: auto; }
.is-linear-story .selected-work__panels { min-height: 0; display: grid; gap: 64px; }
.is-linear-story .selected-work__panel { padding-top: 36px; border-top: 1px solid rgb(243 236 228 / 30%); }
.is-linear-story .selected-work__panel:first-child { padding-top: 0; border-top: 0; }
.is-linear-story .selected-work__panel { scroll-margin-top: 24px; }
.is-linear-story .selected-work__tab[aria-current="true"] { color: var(--cream); }
.is-linear-story .selected-work__tab[aria-current="true"] .selected-work__tab-index { color: var(--work-violet); }
.is-linear-story .selected-work__tab[aria-current="true"] .selected-work__tick { border-top: 3px solid var(--work-violet); }
.is-linear-story .selected-work__journey p { visibility: hidden; }
html:not(.has-work-journey) .selected-work__panels { display: grid; gap: 64px; }
html:not(.has-work-journey) .selected-work__panel[hidden] { display: block !important; }
html:not(.has-work-journey) .selected-work__tabs { visibility: hidden; }

@media (max-width: 760px) {
  .selected-work__inner { padding: 26px 24px 76px; }
  .selected-work__body { margin-top: 22px; gap: 28px; }
  .selected-work__journey { left: 24px; right: 24px; bottom: 10px; font-size: 11px; gap: 12px; }
  .selected-work__journey a { max-width: 17ch; text-align: right; }
  .selected-work__all { min-height: 48px; padding: 10px 12px; font-size: 11px; }
  .selected-work__all img { width: 18px; height: 18px; }
  .selected-work__metric strong[data-kind="text"] { font-size: clamp(46px, 14vw, 64px); }
  .is-linear-story .selected-work__tab[aria-current="true"] { border-bottom-color: var(--work-violet); }
  .is-linear-story .selected-work__panels { gap: 54px; }
  .selected-work.is-linear-story .selected-work__inner { padding-bottom: calc(112px + env(safe-area-inset-bottom)); }
  .is-linear-story .selected-work__journey { bottom: calc(68px + env(safe-area-inset-bottom)); }
}
@media (max-width: 360px) {
  .selected-work__inner { padding-inline: 20px; }
  .selected-work__journey { left: 20px; right: 20px; }
}
@media (min-width: 761px) and (max-height: 780px) {
  .selected-work__inner { padding-top: 24px; padding-bottom: 60px; }
  .selected-work__body { margin-top: 24px; }
  .selected-work__tabs { height: min(45svh, 360px); }
  .selected-work__title { font-size: clamp(46px, min(7.1vw, 10.5svh), 90px); }
  .selected-work__category { font-size: 14px; }
  .selected-work__summary { font-size: 16px; }
  .selected-work__metric { margin-top: 20px; }
  .selected-work__metric strong { font-size: clamp(66px, 11svh, 100px); }
  .selected-work__open { margin-top: 20px; }
}
@media (max-width: 760px) and (max-height: 760px) {
  .selected-work__inner { padding-top: 20px; padding-bottom: 70px; }
  .selected-work__body { gap: 22px; margin-top: 16px; }
  .selected-work__title { margin-top: 10px; }
  .selected-work__summary { margin-top: 14px; font-size: 15px; }
  .selected-work__metric { margin-top: 22px; }
  .selected-work__metric strong { font-size: 72px; }
  .selected-work__metric > span { font-size: 16px; }
  .selected-work__open { margin-top: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  #testimonials.testimonial-galaxy { box-shadow: none; }
}