/* Entry facts stay in normal document flow. They never control story progress.
   Outcome, original product material and reconstructed examples remain distinct. */
body.sober-home .hero81-track .hero79-role {
  display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 18px;
  font-size:14px; line-height:1.5; letter-spacing:0; text-transform:none;
}
body.sober-home .hero81-track .hero79-role strong { font-size:16px; font-weight:600; }
body.sober-home .hero81-track .hero79-role span { color:#526078; }
.sober-home .project-brief {
  width:min(100% - 2 * var(--sober-gutter,80px),1280px); margin-inline:auto;
  padding-block:30px 28px; color:var(--story-end-ink); font-family:var(--sans,Arial,sans-serif);
  border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);
}
.sober-home .project-brief-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.sober-home .project-brief-domain { margin:0 0 5px; font-size:12px; line-height:1.4; color:var(--story-end-muted); }
.sober-home .project-brief h2 { margin:0; font:600 22px/1.3 var(--sans,Arial,sans-serif); letter-spacing:-.02em; color:inherit; }
.sober-home .project-brief-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; flex:none; color:inherit; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.sober-home .project-brief-link svg { width:18px; height:18px; fill:currentColor; stroke:none; }
.sober-home .project-brief-link:focus-visible { outline:2px solid currentColor; outline-offset:5px; border-radius:2px; }
.sober-home .project-brief-facts { display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:24px; margin:0; }
.sober-home .project-brief-facts > div { min-width:0; }
.sober-home .project-brief-facts > div + div { border-left:1px solid color-mix(in srgb,currentColor 18%,transparent); padding-left:24px; }
.sober-home .project-brief-facts dt { font-size:12px; font-weight:600; line-height:1.4; margin-bottom:7px; color:var(--story-end-muted,#526078); }
.sober-home .project-brief-facts dd { margin:0; font:400 15px/1.55 var(--sans,Arial,sans-serif); color:inherit; }
.sober-home .project-brief-facts dd strong { font-weight:600; font-size:22px; line-height:1.2; white-space:nowrap; }
.sober-home .project-brief-facts dd small { display:block; margin-top:7px; font-size:13px; line-height:1.45; color:var(--story-end-muted,#526078); }
/* Hash navigation moves focus to the section title. Keep that orientation cue
   visible without drawing the browser's large default rectangle. */
.sober-home h2[tabindex="-1"]:focus { outline:none; }
.sober-home h2[tabindex="-1"]:focus-visible { box-shadow:-4px 0 0 currentColor; }
/* One project link per client, immediately available before the animation. */
.sober-home .has-project-brief .client-story-project,
.sober-home .has-project-brief .client-story-outro,
.sober-home .has-project-brief .at84-case-study-static,
.sober-home .has-project-brief .mh-fallback-copy,
.sober-home .has-project-brief .c103-intro,
.sober-home .has-project-brief .audit-static-intro { display:none!important; }
html:not(.has-js) .sober-home .has-project-brief .mh-fallback { grid-template-columns:1fr; max-width:820px; }
.sober-home .apphalt-brief { display:grid; grid-template-columns:1fr; gap:16px; margin-top:22px; }
.sober-home .apphalt-brief > div + div { border-left:0; padding-left:0; }
.sober-home .apphalt-brief dt { margin-bottom:4px; }
.sober-home .apphalt-brief dd { max-width:42ch; }
@media(max-width:800px) {
  body.sober-home .hero81-track .hero79-role { display:block; margin-top:20px; font-size:14px; line-height:1.5; }
  body.sober-home .hero81-track .hero79-role strong { display:block; font-size:16px; }
  body.sober-home .hero81-track .hero79-role span { display:block; margin-top:3px; }
  .sober-home .project-brief { width:calc(100% - 44px); padding-block:14px; }
  .sober-home .project-brief-heading { gap:6px 14px; flex-wrap:wrap; margin-bottom:12px; }
  .sober-home .project-brief h2 { font-size:20px; }
  .sober-home .project-brief-link { min-height:44px; }
  .sober-home .project-brief-facts { grid-template-columns:1fr; gap:8px; }
  .sober-home .project-brief-facts > div { display:grid; grid-template-columns:88px minmax(0,1fr); gap:10px; }
  .sober-home .project-brief-facts > div + div { border-left:0; padding-left:0; }
  .sober-home .project-brief-facts dt { margin:1px 0 0; font-size:12px; }
  .sober-home .project-brief-facts dd { font-size:14px; line-height:1.38; }
  .sober-home .project-brief-facts dd strong { font-size:20px; }
  .sober-home .project-brief-facts dd small { font-size:12px; margin-top:3px; }
  .sober-home .apphalt-brief { margin-top:14px; gap:10px; }
}
@media(max-width:360px) {
  .sober-home .project-brief { width:calc(100% - 28px); }
  .sober-home .project-brief h2 { font-size:19px; }
  .sober-home .project-brief-facts > div { grid-template-columns:76px minmax(0,1fr); gap:8px; }
  .sober-home .project-brief-heading { margin-bottom:10px; }
}