/* Portfolio 2026-10-29 · faster recruiting path, existing stories left intact.
   New selectors are scoped; original selection and story styles remain unchanged on desktop. */

/* Essential introduction must not wait for an entrance animation. The portrait
   and the storytelling sections retain their existing motion. */
body.sober-home .hero81-track .hero79-copy > h1,
body.sober-home .hero81-track .hero79-copy > .hero79-role,
body.sober-home .hero81-track .hero79-copy > .hero94-description,
body.sober-home .hero81-track .hero79-copy > .hero79-cta,
body.sober-home .hero81-track .hero79-copy > .gn-hero-cv {
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
  visibility:visible !important;
}

body.sober-home .hero79-copy > .gn-hero-cv {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  max-width:100%;
  margin:7px 0 0 16px;
  color:#273c64;
  font:600 13px/1.4 var(--sans,Arial,sans-serif);
  text-decoration:underline;
  text-underline-offset:4px;
  white-space:nowrap;
}
body.sober-home .hero79-copy > .gn-hero-cv span{font-size:15px}
body.sober-home .hero79-copy > .gn-hero-cv:hover{color:#254be3}
body.sober-home .hero79-copy > .gn-hero-cv:focus-visible{outline:3px solid #3154ef;outline-offset:4px;border-radius:3px}

/* The native project switcher remains the only floating menu. */
body.sober-home .site-header .project-switch-utilities a.gn-menu-cv {
  color:#163b85;
  font-weight:700;
}
body.sober-home .site-header .project-switch-utilities a.gn-menu-cv span {margin-left:5px}

/* Desktop: one restrained row of direct links, complementary to the immersive index. */
body.sober-home .sober-project-heading nav.gn-direct-studies {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:5px 18px;
  width:100%;
  padding:10px 0 0;
  border:0;
  background:transparent;
}
body.sober-home .sober-project-heading nav.gn-direct-studies > span {
  color:#536077;
  font:500 12px/1.55 var(--sans,Arial,sans-serif);
}
body.sober-home .sober-project-heading nav.gn-direct-studies > a {
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:38px;
  min-width:0;
  padding:4px 0;
  margin:0;
  border:0;
  border-radius:0;
  color:#2649a2;
  background:transparent;
  font:600 12px/1.4 var(--sans,Arial,sans-serif);
  text-decoration:underline;
  text-underline-offset:3px;
  white-space:normal;
  scroll-snap-align:none;
}
body.sober-home .sober-project-heading nav.gn-direct-studies > a + a{border:0}
body.sober-home .sober-project-heading nav.gn-direct-studies > a:hover{background:none;color:#173376}
body.sober-home .sober-project-heading nav.gn-direct-studies > a:focus-visible{outline:3px solid #3154ef;outline-offset:3px;border-radius:3px}

/* The alternative compact index is presented only on small screens. */
body.sober-home .sober-project-heading nav.gn-quick-index {display:none}

@media(max-width:800px){
  body.sober-home .hero79-copy > .gn-hero-cv {margin-left:12px;font-size:12px}
  body.sober-home .sober-project-heading nav:not(.gn-quick-index):not(.gn-direct-studies) {display:none}
  body.sober-home .sober-project-heading nav.gn-direct-studies {display:none}
  body.sober-home .sober-project-heading .selection-controls {display:none}
  body.sober-home .sober-project-heading nav.gn-quick-index {
    display:block;
    overflow:visible;
    width:100%;
    max-width:none;
    padding:0;
    border:0;
    scroll-snap-type:none;
    background:transparent;
  }
  .gn-quick-index,.gn-quick-index *,.gn-quick-index *::before,.gn-quick-index *::after{box-sizing:border-box}
  body.sober-home .gn-quick-index ul {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    list-style:none;
    gap:10px;
    margin:0;
    padding:0;
  }
  body.sober-home .gn-quick-item {
    display:block;
    margin:0;
    padding:13px 15px 7px;
    border:1px solid #dbe2ec;
    border-radius:13px;
    background:#fff;
    box-shadow:0 5px 18px rgba(26,45,79,.025);
    min-width:0;
  }
  body.sober-home .gn-quick-intro {display:flex;align-items:center;gap:11px;min-width:0}
  body.sober-home .gn-quick-logo {
    width:42px;
    height:42px;
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  body.sober-home .gn-quick-logo img {display:block;max-width:100%;max-height:39px;width:auto;height:auto;object-fit:contain}
  body.sober-home .gn-quick-logo--mh img{width:35px;max-height:32px}
  body.sober-home .gn-quick-logo--cetelem img{width:28px;max-height:38px}
  body.sober-home .gn-quick-logo--allianz img{width:34px;max-height:35px}
  body.sober-home .gn-quick-logo--apphalt img{width:35px;max-height:35px}
  body.sober-home .gn-quick-copy {display:flex;flex-direction:column;min-width:0;gap:3px}
  body.sober-home .gn-quick-copy strong {font:700 14px/1.25 var(--sans,Arial,sans-serif);color:#1b2d49}
  body.sober-home .gn-quick-copy span {font:400 12px/1.45 var(--sans,Arial,sans-serif);color:#536077}
  body.sober-home .gn-quick-actions {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:10px 14px;
    padding:7px 0 0;
    margin:8px 0 0 53px;
    border-top:1px solid #edf0f5;
  }
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a {
    display:inline-flex;
    flex-direction:row;
    flex:none;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:44px;
    width:auto;
    min-width:0;
    padding:4px 0;
    margin:0;
    border:0 !important;
    border-radius:4px;
    color:#2f4b7d;
    background:transparent;
    text-decoration:none;
    font:600 11px/1.3 var(--sans,Arial,sans-serif);
    scroll-snap-align:none;
    box-shadow:none;
    transition:color .16s;
  }
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a.gn-quick-study {color:#2349c2}
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a:hover{color:#143889}
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a:focus-visible{outline:3px solid #3154ef;outline-offset:2px}
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a span{font-size:14px}
  body.sober-home .site-header .project-switch-utilities {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px){
  body.sober-home .hero79-copy > .gn-hero-cv{margin:7px 0 0 9px}
  body.sober-home .gn-quick-actions {gap:8px 12px;margin-left:0}
  body.sober-home .gn-quick-item{padding:12px 12px 5px}
  body.sober-home .gn-quick-index .gn-quick-actions a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a{transition:none}
}
html.motion-reduced body.sober-home .sober-project-heading nav.gn-quick-index .gn-quick-actions a{transition:none}

/* Navigation is a functional index, not story decoration: never fade it while
   visitors scan or move to an anchor. Chapter illustrations still animate. */
body.sober-home .sober-project-heading {
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}

@media(min-width:680px) and (max-width:800px){
  body.sober-home .gn-quick-index ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.sober-home .gn-quick-item{min-height:126px}
  body.sober-home .gn-quick-actions{margin-left:0}
}