/* Distill Works design system, HOMEPAGE composition.
 * Loaded only on the homepage. Every selector scoped to body.page-home.
 * Hero = Version C (full-width H1, then lede left + CTA/quote right).
 */

/* hero C */
body.page-home .hero{padding:46px 0 64px;}
body.page-home .hero h1{font-size:clamp(38px,4.5vw,53px); line-height:1.06; max-width:26ch; margin:16px 0 32px;}
body.page-home .lower{display:grid; grid-template-columns:1.15fr .85fr; gap:52px; align-items:start;}
body.page-home .lower .lede{font-size:18px; color:var(--ink-soft);}
body.page-home .lower .right .btns{display:flex; gap:24px; align-items:center; margin-bottom:34px; flex-wrap:wrap;}
body.page-home .lower .qt{padding-left:28px; border-left:1px solid var(--hair);}
body.page-home .lower .qt blockquote{font-family:'Spectral',serif; font-style:italic; font-weight:500; font-size:21px; line-height:1.34; margin:0 0 14px;}
body.page-home .lower .qt blockquote::before{content:"\201C"; color:var(--green); font-size:1.4em; line-height:0; vertical-align:-.15em; margin-right:.04em;}
body.page-home .lower .qt cite{font-style:normal; font-size:13px; letter-spacing:.04em; color:var(--muted);}

/* builds */
body.page-home .builds{border-top:1px solid var(--hair); padding:70px 0 82px;}
body.page-home .builds .lab{margin-bottom:30px;}
body.page-home .bgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:26px;}
body.page-home .build{display:block; text-decoration:none;}
body.page-home .frame{border:1px solid var(--hair); border-radius:4px; overflow:hidden; background:var(--card); display:block;}
body.page-home .frame img{display:block; width:100%; aspect-ratio:5/3; object-fit:cover; object-position:top center;}
body.page-home .bcap{display:block; padding:14px 2px 0;}
body.page-home .bcap .dom{display:block; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--muted); margin-bottom:5px;}
body.page-home .bcap .nm{display:block; font-family:'Spectral',serif; font-size:16px; color:var(--ink);}
body.page-home .bcap .cat{display:block; font-size:12.5px; color:var(--muted); margin-top:2px;}

/* services */
body.page-home .services{border-top:1px solid var(--hair); padding:82px 0;}
body.page-home .services h2{font-size:clamp(25px,2.9vw,33px); line-height:1.18; max-width:30ch; margin-bottom:50px;}
body.page-home .svc{display:grid; grid-template-columns:repeat(3,1fr); gap:54px;}
body.page-home .svc .col{display:flex; flex-direction:column;}
body.page-home .svc .col .lbl{font-size:12.5px; text-transform:uppercase; letter-spacing:.14em; color:var(--green); font-weight:600; margin-bottom:10px;}
body.page-home .svc .col h3{font-size:22px; margin-bottom:14px;}
body.page-home .svc .col p{font-size:15.5px; color:var(--ink-soft); margin-bottom:18px;}
body.page-home .svc .col .price{font-family:'Spectral',serif; font-size:18px; color:var(--ink); margin-bottom:16px;}
body.page-home .svc .col .price span{display:block; font-family:'Schibsted Grotesk',sans-serif; font-size:13px; color:var(--muted); margin-top:2px;}
body.page-home .svc .col .lnk{font-size:14px; font-weight:600; margin-top:auto; align-self:flex-start;}

/* operator band */
body.page-home .ops{background:var(--paper2); border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); padding:54px 0; text-align:center;}
body.page-home .ops p{font-family:'Spectral',serif; font-size:18.5px; line-height:1.6; color:var(--ink-soft); max-width:66ch; margin:0 auto;}
body.page-home .ops b{color:var(--ink); font-weight:600;}

/* founder */
body.page-home .founder{padding:82px 0;}
body.page-home .fgrid{display:grid; grid-template-columns:1.08fr .92fr; gap:56px; align-items:center;}
body.page-home .founder h2{font-size:clamp(26px,3vw,33px); line-height:1.14; margin-bottom:22px; max-width:18ch;}
body.page-home .founder .story{font-size:16.5px; color:var(--ink-soft); margin-bottom:16px;}
body.page-home .founder .promise{font-size:16.5px; color:var(--ink); margin-bottom:8px;}
body.page-home .fquote{background:var(--card); border:1px solid var(--hair); border-radius:5px; padding:38px 36px;}
body.page-home .fquote .qm{font-family:'Spectral',serif; font-size:54px; line-height:0; color:var(--green); display:block; height:28px;}
body.page-home .fquote blockquote{font-family:'Spectral',serif; font-style:italic; font-weight:500; font-size:24px; line-height:1.36; margin:0;}

/* industries */
body.page-home .ind{border-top:1px solid var(--hair); padding:80px 0;}
body.page-home .ind h2{font-size:clamp(24px,3vw,34px); margin-bottom:8px;}
body.page-home .ind .sub{font-size:15.5px; color:var(--muted); margin-bottom:38px;}
body.page-home .igroups{display:grid; grid-template-columns:repeat(3,1fr); gap:38px;}
body.page-home .igrp h4{font-size:14.5px; font-weight:600; color:var(--green); letter-spacing:.04em; margin-bottom:12px;}
body.page-home .igrp ul{list-style:none; font-size:14.5px; line-height:2; margin:0; padding:0;}
body.page-home .igrp ul a{color:var(--ink-soft);}
body.page-home .igrp ul a:hover{color:var(--green); text-decoration:underline; text-decoration-style:dotted;}
body.page-home .imore{display:inline-block; margin-top:34px; font-size:14.5px; font-weight:600;}

/* faq band + contact layout now live in ds-core (shared site-wide) */

@media (max-width:880px){
  body.page-home .lower,
  body.page-home .svc,
  body.page-home .fgrid,
  body.page-home .igroups{grid-template-columns:1fr; gap:30px;}
  body.page-home .bgrid{grid-template-columns:1fr 1fr;}
  body.page-home .lower .qt{border-left:0; border-top:1px solid var(--hair); padding-left:0; padding-top:24px;}
}