/* Artisun - homepage "Request a project" band (above the footer).
   Mirrors the .pj-cta block on /en/projects/; homepage-only, sits
   outside footer.vib-footer so artisan-brands.js does not clone it. */
.ah-cta{
  --ah-forest:#20342d; --ah-copper:#a5522d; --ah-copper-soft:#e89a72; --ah-sage:#c7d2ca;
  background:var(--ah-forest);color:#eef1ee;font-family:Gordita,Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
.ah-cta *{box-sizing:border-box}
/* wrap also carries .vib-container, so its edges match the footer/site grid */
.ah-cta__inner{padding:clamp(64px,9vw,130px) 0;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(280px,.6fr);gap:clamp(30px,5vw,80px);align-items:center;border-top:1px solid rgba(238,241,238,.12)}
.ah-cta__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 26px;color:var(--ah-copper-soft);font-size:12px;font-weight:500;letter-spacing:.22em;line-height:1.55;text-transform:uppercase}
.ah-cta__eyebrow::before{content:"";width:44px;height:1px;background:var(--ah-copper-soft)}
.ah-cta h2.ah-cta__title{margin:0;color:#eef1ee;font-family:Gordita,Arial,sans-serif;font-size:clamp(34px,4vw,62px);font-weight:500;line-height:1.04;letter-spacing:-.012em;text-transform:none}
.ah-cta p.ah-cta__copy{margin:22px 0 0;max-width:560px;color:var(--ah-sage);font-size:17px;line-height:1.55}
.ah-cta__actions{display:flex;flex-direction:column;gap:14px;width:100%;max-width:460px;justify-self:end}
.ah-cta a.ah-cta__btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:0 26px;font-family:Gordita,Arial,sans-serif;font-size:15.5px;font-weight:500;letter-spacing:.02em;line-height:1.2;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}
.ah-cta__arrow{font-size:20px;line-height:1}
.ah-cta a.ah-cta__btn--primary{background:var(--ah-copper);color:#fff;border:1px solid var(--ah-copper)}
.ah-cta a.ah-cta__btn--primary:hover{background:#8f4525;border-color:#8f4525;color:#fff}
.ah-cta a.ah-cta__btn--ghost{border:1px solid rgba(238,241,238,.4);color:#eef1ee;background:transparent}
.ah-cta a.ah-cta__btn--ghost:hover{border-color:var(--ah-copper-soft);color:var(--ah-copper-soft)}
.ah-cta a.ah-cta__btn:focus-visible{outline:2px solid var(--ah-copper-soft);outline-offset:3px}

/* reveal (only once JS has armed it, so no-JS always shows content) */
.ah-cta--armed .ah-cta__inner{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.6,.2,1)}
.ah-cta--armed.ah-cta--in .ah-cta__inner{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .ah-cta--armed .ah-cta__inner{opacity:1;transform:none;transition:none}
  .ah-cta a.ah-cta__btn{transition:none}
}

@media (max-width:1000px){
  .ah-cta__inner{grid-template-columns:1fr}
  .ah-cta__actions{justify-self:start}
}
