/* Figure-led home page. New rules only; shared tokens and chrome remain in site.css/spine.css. */

.home-hero{border-bottom:1px solid var(--rule)}
.home-hero.inner{max-width:none;padding-left:0;padding-right:0}
.hero--figure{max-width:1320px;margin:0 auto;padding:24px 24px 28px;display:grid;gap:18px}
.hero-text{display:flex;flex-direction:column;justify-content:center;min-width:0}
.hero-text .tag{font-size:17px;margin:0 0 10px}
.hero-text h1{font-size:clamp(32px,4.3vw,58px);line-height:1.06;max-width:16ch;margin:0 0 12px}
.hero-lead{font-family:var(--font-display);font-size:clamp(19px,2.2vw,27px);line-height:1.3;color:var(--ink-soft);max-width:24ch;margin:0 0 18px}
.hero-text .proof-line{margin:-4px 0 18px;max-width:62ch}
.hero-text .lab-types{margin:-6px 0 0;max-width:62ch}
.hero-text .lab-types + .proof-line{margin-top:10px}
.hero-actions{margin:0}
.hero-actions .btn{min-height:44px;padding-top:14px;padding-bottom:14px}
.home-cta [data-toggle="T-C1"][data-variant="B"]{display:none}
/* L5.3: H1 and the action first on a phone, figure after */
.hero-media{order:0;margin:0;min-width:0}
.hero-media .tn img{display:block;width:100%;height:auto}
.hero-media .matte{margin:0 0 8px}
.hero-media .figcap{line-height:1.5}

.shell{max-width:1320px;margin:0 auto;padding:34px 24px}
.summary-sec{padding-top:28px;padding-bottom:36px;border-bottom:1px solid var(--rule)}
.summary-sec .summary60{max-width:62ch;margin:0;padding:0;border:0;font-family:var(--font-display);font-style:italic;font-size:clamp(20px,1.7vw,25px);line-height:1.3;color:var(--primary-deep)}
.summary-sec .bodyx{max-width:58ch;margin:16px 0 0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#who-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.home-sec{max-width:1320px;margin:0 auto;padding:48px 24px 52px}
.home-sec h2{font-size:clamp(26px,2.4vw,34px);margin:0 0 12px;max-width:26ch}
.home-sec .sect{margin:0 0 8px}
.home-sec .bodyx{max-width:58ch}
.home-sec .ev{max-width:78ch;margin-top:24px}
.practice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin-top:22px}
.offer-grid.compact{gap:14px;margin-top:22px}
.offer-grid.compact .card{padding:16px 18px;gap:6px}
.offer-grid.compact .card h3{font-size:18px;margin:0}
.offer-grid.compact .card p{font-size:14px}
.offer-grid.compact.five{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}

.problem-sec{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(min(220px,100%),.72fr);gap:28px 64px;align-items:start;border-top:1px solid var(--rule);padding-top:48px}
/* The line above Problems we solve sits where Labs we help's line sits: the section's own top padding moves below the
   line, so the space from the line to the eyebrow matches (Kristina, pin wpljew). */
#common-problems.home-sec{padding-top:0}
.problem-copy{min-width:0}
.problem-intro{margin-bottom:22px}
/* problem picker: DS .ss-problem-picker (chips, one answer); the list stays ul.common-problems for the audit */
.common-problems{list-style:none;margin:0;padding:0}
.common-problems h3{line-height:1.3}
.common-problems h3 a{text-decoration:none}
.common-problems h3 a:hover,.common-problems h3 a:focus-visible{text-decoration:underline}
.problem-section-figure{position:sticky;top:24px;margin:0;min-width:0}
.problem-section-figure img{display:block;width:100%;height:auto;border:1px solid var(--rule);background:var(--surface)}
.problem-section-figure .figcap{margin-top:8px;line-height:1.5}
.catalog-link{margin:18px 0 0;max-width:62ch;font-size:15px}

/* home records: DS .ss-proof-grid / .ss-proof-card (decision proofcard: card) */
.ss-proof-grid{margin-top:18px}
.ss-proof-card .citation{margin:0;font-size:var(--fs-caption);color:var(--ink-soft)}
.proof-card{border:1px solid var(--rule);border-top:3px solid var(--patina);background:var(--surface);padding:18px}
.proof-card p{margin:0 0 10px;font-size:14.5px}
.proof-card p:last-child{margin-bottom:0}
.proof-card .who{font-family:var(--font-display);font-size:19px;line-height:1.3}
.proof-card .src{color:var(--patina-deep);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}
.proof-card .src a{color:var(--primary)}
.anon{margin:0 0 4px;font-size:14.5px;color:var(--ink-soft)}

.grid-2{display:grid;gap:30px 56px}
.grid-2 .g2-text>:first-child,.grid-2 .g2-aside>:first-child{margin-top:0}
/* price summary: DS .price-summary */
.rows{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--rule)}
.rows li{padding:12px 0 13px;border-bottom:1px solid var(--rule)}
.rows h3{font-size:18px;line-height:1.3;margin:0 0 4px}
.rows p{margin:0;font-size:14.5px;color:var(--ink-soft)}
.rows.phases h3{font-family:var(--font-display);font-size:19px}
.begin-aside h2{margin-bottom:2px}
.begin-list{margin-top:12px}
.begin-list h3{font-family:var(--font-body);font-size:15px;font-weight:600}
.more{margin:16px 0 0}
.more a{display:inline-block;min-height:44px;padding:12px 0;line-height:1.6}

.team-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 18px;margin:18px 0 0;padding:0}
.team-grid li{margin:0;padding-top:14px;border-top:1px solid var(--rule)}
.team-grid img{display:block;width:100%;max-width:104px;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--rule);margin:0 0 10px;background:var(--surface)}
.team-grid .who{font-family:var(--font-display);font-size:16.5px;line-height:1.25;margin:0 0 2px}
.team-grid .prole{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0}

.cta-band{margin-top:0}
.cta-band::before{display:none}

@media (min-width:760px){
  .hero--figure{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:24px 54px;padding:52px 48px 42px}
  .hero-media{order:0}
  .shell{padding-left:48px;padding-right:48px}
  .home-sec{padding-left:48px;padding-right:48px}
  .grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
}

@media (max-width:759px){
  .problem-sec{grid-template-columns:1fr;gap:22px}
  .problem-section-figure{position:static}
}

@media (max-width:480px){
  .hero--figure{padding:16px 16px 24px}
  .shell{padding:28px 16px 32px}
  .home-sec{padding:38px 16px 42px}
  #common-problems.home-sec{padding-top:0}
  .problem-sec{padding-top:38px}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
}

/* === sf-home === */
/* Home (team review 2026-09-25). Practice cards: the lead and a short list (Emily, 6fjw 325i s6hq). Evidence: titles
   that link, one line each (Emily, 7x61). Pricing: the closing call to action as a button row, so it no longer reads
   as part of the pricing text (Kristina, gcas). Tokens only. */
.practice-card .practice-for{margin:0;font-size:15px}
.practice-card .practice-scope{margin:0;padding-left:1.1em;font-size:14.5px;line-height:1.5;color:var(--ink-soft)}
.practice-card .practice-scope li{margin:2px 0;max-width:none}
.proof-links .pc-who a{color:var(--ink);text-decoration:none}
.proof-links .pc-who a:hover,.proof-links .pc-who a:focus-visible{color:var(--primary);text-decoration:underline}
.proof-links .pc-why{font-size:14.5px}
.begin-actions{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin:24px 0 0}
.begin-actions .ss-btn{min-height:44px}
/* === end sf-home === */