/* Home page redesign. Scoped to body.home so other pages are unaffected. */
.home .btn-ghost{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
.home .btn-ghost:hover{background:#fff;border-color:#fff;color:var(--ink)}

/* Hero */
.h-hero{position:relative;color:#fff;background:#1e1c1a;min-height:min(78vh,720px);display:flex;align-items:center;overflow:hidden}
.h-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.h-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,20,18,.76) 0,rgba(22,20,18,.5) 42%,rgba(22,20,18,.06) 100%),linear-gradient(0deg,rgba(22,20,18,.42) 0,rgba(22,20,18,0) 35%)}
.h-hero-inner{position:relative;z-index:1;padding:110px 0 100px}
.h-hero-copy{max-width:620px}
.h-hero .eyebrow{color:#d9bd90}
.h-hero h1{font:600 clamp(44px,5.4vw,76px)/1.04 var(--serif);letter-spacing:-2.6px;margin:0}
.h-hero h1 i{color:#e3c08c}
.h-hero .lede{color:#efe8dc;font-size:18px;max-width:520px;margin:26px 0 32px}
.h-actions{display:flex;flex-wrap:wrap;gap:14px}
.h-micro{margin:22px 0 0;font-size:12px;letter-spacing:.4px;color:#d9d1c4}
.h-hero-cap{position:absolute;z-index:1;right:24px;bottom:18px;margin:0;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#e9e2d6}

/* Credentials bar */
.h-creds{background:var(--ink);color:#eee8dd;border-top:1px solid #3a3632}
.h-creds-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.h-creds-grid>div{padding:26px 24px;border-left:1px solid #3a3632}
.h-creds-grid>div:first-child{border-left:0;padding-left:0}
.h-creds b{display:block;font:500 19px var(--serif);color:#fff;margin-bottom:4px}
.h-creds span{font-size:12px;letter-spacing:.4px;color:#c3bbae}

/* Sections */
.h-section{padding:96px 0 84px}
.h-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.h-cards article{background:#fcfaf6;border:1px solid var(--line);padding:30px 26px 28px}
.h-cards span{font-size:12px;font-weight:700;color:var(--clay)}
.h-cards h3{font:500 25px/1.15 var(--serif);margin:38px 0 10px}
.h-cards p{font-size:14px;color:var(--muted);margin:0}
.h-note{margin:26px 0 0;padding:16px 20px;border-left:3px solid var(--clay);background:#f1ebe1;font-size:14px;color:#4c463f;max-width:820px}

.h-libs-wrap{background:var(--sand);padding:92px 0}
.h-libs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.h-lib{display:block;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.h-lib:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(30,28,26,.12)}
.h-lib-img{aspect-ratio:4/3;overflow:hidden;background:#e9e4da}
.h-lib-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.h-lib:hover .h-lib-img img{transform:scale(1.04)}
.h-lib-doors{display:flex;align-items:center;justify-content:center;gap:0}
.h-lib-doors img{width:50%;height:auto;object-fit:contain}
.h-lib-body{padding:24px 26px 26px}
.h-lib-body .eyebrow{font-size:10px;margin-bottom:8px}
.h-lib-body h3{font:500 27px var(--serif);margin:0 0 8px}
.h-lib-body p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0 0 16px;min-height:44px}

/* Existing projects section: align spacing with the new rhythm */
.home .projects{padding:96px 0}

/* Builders & designers */
.h-trade{background:var(--ink);color:#f8f5ef;padding:92px 0}
.h-trade .eyebrow{color:#c7aa80}
.h-trade h2{font:500 clamp(32px,4vw,46px)/1.1 var(--serif);letter-spacing:-1.4px;margin:0}
.h-trade .section-head.row>p{color:#c8c1b7}
.h-trade-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #504b45;margin-top:44px}
.h-trade-grid article{padding:30px 30px 8px 0;border-right:1px solid #504b45}
.h-trade-grid article+article{padding-left:30px}
.h-trade-grid article:last-child{border-right:0}
.h-trade-grid h3{font:500 25px var(--serif);margin:0 0 10px}
.h-trade-grid p{font-size:14px;color:#c8c1b7;margin:0;max-width:300px}
.h-trade-cta{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:40px}
.h-trade .text-link{color:#f8f5ef}

/* Form: five project types */
.home .choices{grid-template-columns:repeat(2,1fr)}
.home .choices label:last-child{grid-column:1/-1}

/* Footer */
.home .footer{grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:start}
.home .footer .f-cred{margin:18px 0 0;font-size:12px;letter-spacing:.4px;color:#c5bdb2}
.home .footer .f-links{display:grid;align-content:start;gap:9px}
.home .footer>div:last-child{display:grid;align-content:start;gap:9px}

@media(max-width:1000px){
  .h-cards{grid-template-columns:repeat(2,1fr)}
  .h-libs{grid-template-columns:repeat(2,1fr)}
  .h-creds-grid{grid-template-columns:repeat(2,1fr)}
  .h-creds-grid>div:nth-child(3){border-left:0;padding-left:0}
  .h-creds-grid>div:nth-child(n+3){border-top:1px solid #3a3632}
}
@media(max-width:760px){
  .h-hero{min-height:560px;align-items:flex-end}
  .h-hero:after{background:linear-gradient(0deg,rgba(22,20,18,.88) 0,rgba(22,20,18,.55) 55%,rgba(22,20,18,.2) 100%)}
  .h-hero-inner{padding:90px 0 64px}
  .h-hero h1{font-size:44px;letter-spacing:-1.8px}
  .h-hero .lede{font-size:16px;margin:20px 0 26px}
  .h-actions .btn{width:100%;justify-content:space-between}
  .h-hero-cap{display:none}
  .h-section{padding:60px 0 56px}
  .h-cards{grid-template-columns:1fr;margin-top:30px}
  .h-cards h3{margin:22px 0 8px}
  .h-libs-wrap,.h-trade{padding:60px 0}
  .h-libs{grid-template-columns:1fr;margin-top:30px}
  .h-lib-body p:not(.eyebrow){min-height:0}
  .h-trade-grid{grid-template-columns:1fr;margin-top:30px}
  .h-trade-grid article,.h-trade-grid article+article{padding:22px 0;border-right:0;border-bottom:1px solid #504b45}
  .h-trade-grid p{max-width:none}
  .h-trade-cta .btn{width:100%;justify-content:space-between}
  .home .projects{padding:60px 0}
  .home .choices{grid-template-columns:1fr}
  .home .choices label:last-child{grid-column:auto}
  .home .footer{grid-template-columns:1fr}
  .h-creds-grid>div{padding:18px 14px}
  .h-creds b{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.h-lib,.h-lib-img img{transition:none}.h-lib:hover{transform:none}}

.home .process .eyebrow,.h-libs-wrap .eyebrow,.home .h-lib-body .eyebrow{color:#65513a}