/* Homepage content only. Navigation, footer, and gutters are shared. */
.home main.site-container { padding-block: 0; }
#foo-preview *, #foo-preview *::before, #foo-preview *::after { box-sizing:border-box; }
#foo-preview .hero { display:block; height:auto; min-height:0; padding:64px 0 48px; }
#foo-preview .hero > div { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:24px 64px; width:100%; min-width:0; align-items:center; }
#foo-preview .eyebrow { font-size:12px; line-height:1.5; letter-spacing:.08em; font-weight:700; color:var(--muted); margin:0 0 16px; }
#foo-preview .hero .eyebrow { grid-column:1/-1; margin:0; }
#foo-preview h1 { font-size:clamp(32px,3.5vw,52px); line-height:1.12; letter-spacing:-.04em; margin:0; overflow-wrap:break-word; }
#foo-preview .intro { font-size:18px; line-height:1.65; color:var(--muted); max-width:42ch; margin:0; }
#foo-preview h2 { font-size:clamp(25px,2.4vw,32px); line-height:1.2; letter-spacing:-.035em; margin:0 0 16px; }
#foo-preview h3 { font-size:18px; line-height:1.4; margin:0 0 12px; }
#foo-preview p { font-size:16px; line-height:1.7; }
#foo-preview .paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; border:0; padding:0 0 48px; }
#foo-preview .path, #foo-preview .path + .path { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:32px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
#foo-preview .path p { margin:0 0 24px; color:var(--muted); }
#foo-preview .path ul { list-style:none; width:100%; padding:0; margin:0 0 28px; }
#foo-preview .path li { font-size:16px; line-height:1.6; padding:12px 0; border-top:1px solid var(--line); }
#foo-preview .action { display:inline-flex; justify-content:space-between; align-items:center; gap:24px; width:auto; min-height:46px; padding:11px 18px; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--ink); font-size:15px; font-weight:600; line-height:1.5; text-decoration:none; margin-top:auto; }
#foo-preview .action span { color:var(--accent); }
#foo-preview .action:hover { border-color:var(--accent); color:var(--accent); }
#foo-preview a:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
#foo-preview .detail, #foo-preview .content-section { padding:48px 0; border-bottom:1px solid var(--line); }
#foo-preview .detail-top { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px 32px; margin-bottom:28px; }
#foo-preview .detail-top h2 { margin:0; }
#foo-preview .detail-top span { font-size:11px; line-height:1.6; color:var(--muted); }
#foo-preview .three, #foo-preview .engagement-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
#foo-preview .three article, #foo-preview .engagement-list article { min-width:0; margin:0; padding:0; border:0; }
#foo-preview .three p, #foo-preview .engagement-list p { font-size:16px; line-height:1.7; color:var(--muted); margin:0; }
#foo-preview .small-link { display:inline-block; font-size:15px; line-height:1.6; padding:12px 0; color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
#foo-preview .engagements { display:block; }
#foo-preview .engagements > div:first-child { margin-bottom:28px; }
#foo-preview .engagement-list h3 { margin:0 0 12px; }
#foo-preview #foo-contact { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 32px; align-items:center; padding:40px 0; border:0; }
#foo-preview #foo-contact h2 { grid-column:1; margin:0; }
#foo-preview #foo-contact .intro { grid-column:1; max-width:60ch; font-size:16px; }
#foo-preview #foo-contact .action { grid-column:2; grid-row:1/3; margin:0; }
@media (max-width:1000px) {
#foo-preview .hero > div { grid-template-columns:1fr; gap:24px; }
#foo-preview .hero .intro { max-width:65ch; }
#foo-preview .detail-top { display:block; }
#foo-preview .detail-top span { display:block; margin-top:12px; }
}
@media (max-width:760px) {
#foo-preview .hero { padding:32px 0; }
#foo-preview .paths, #foo-preview .three, #foo-preview .engagement-list { grid-template-columns:1fr; gap:28px; }
#foo-preview .paths { padding-bottom:32px; gap:16px; }
#foo-preview .path, #foo-preview .path + .path { padding:24px; }
#foo-preview .detail, #foo-preview .content-section { padding:32px 0; }
#foo-preview #foo-contact { grid-template-columns:1fr; padding:32px 0; }
#foo-preview #foo-contact .action { grid-column:1; grid-row:auto; justify-self:start; margin-top:12px; }
}

/* Dedicated local remote-hands feature. */
#foo-preview .remote-hands-feature { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px 48px; border-top:1px solid var(--line); }
#foo-preview .remote-hands-feature p { max-width:78ch; color:var(--muted); }
#foo-preview .remote-hands-feature .remote-hands-promise { margin-bottom:16px; color:var(--ink); font-weight:600; font-size:18px; }
#foo-preview .remote-hands-feature .action { margin:0; }
@media (max-width:1000px) {
  #foo-preview .remote-hands-feature { grid-template-columns:1fr; }
  #foo-preview .remote-hands-feature .action { justify-self:start; }
}