/* ============================================================
   Verben Garden — reusable project CTA
   Shared by homepage, About and all service detail pages.
   All copy/actions remain live HTML. Only the botanical project
   composition at right is a dedicated visual asset.
   ============================================================ */
.project-cta{
  --project-cta-ink:#15392d;
  --project-cta-paper:#f8f5ee;
  position:relative;
  padding:clamp(62px,5.2vw,94px) 0 clamp(76px,6vw,112px);
  background:var(--project-cta-paper);
  color:var(--project-cta-ink);
}
.project-cta__container{
  width:min(1600px,calc(100% - clamp(36px,5vw,96px)));
  margin:0 auto;
}
.project-cta__panel{
  position:relative;
  isolation:isolate;
  min-height:430px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(92,96,68,.25);
  border-radius:30px;
  background:
    radial-gradient(circle at 16% 18%,rgba(255,255,255,.62),transparent 42%),
    linear-gradient(135deg,#fbf8f1 0%,#f7f3ea 58%,#f5f0e6 100%);
  box-shadow:0 22px 58px rgba(38,55,43,.07);
}
.project-cta__copy{
  position:relative;
  z-index:3;
  max-width:820px;
  padding:clamp(52px,4.6vw,78px) 34px clamp(50px,4.5vw,74px) clamp(58px,5vw,88px);
}
.project-cta__eyebrow{
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 0 24px;
  color:var(--project-cta-ink);
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.project-cta__eyebrow img{
  width:18px;
  height:22px;
  object-fit:contain;
  opacity:.76;
}
.project-cta__eyebrow::after{
  content:"";
  width:90px;
  height:1px;
  margin-left:3px;
  background:rgba(92,96,68,.28);
}
.project-cta h2{
  margin:0;
  max-width:780px;
  color:var(--project-cta-ink)!important;
  font-family:var(--brand-font,"Epilogue",sans-serif)!important;
  
  font-weight:500;
  
  
}
.project-cta__lead{
  max-width:720px;
  margin:28px 0 0;
  color:rgba(31,61,49,.83);
  font-size:17px;
  line-height:1.75;
}
.project-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:34px;
}
.project-cta__button{
  min-height:58px;
  min-width:250px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  padding:0 28px;
  border:1px solid var(--project-cta-ink);
  border-radius:8px;
  color:var(--project-cta-ink);
  background:rgba(255,255,255,.24);
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.project-cta__button--primary{
  color:#fff;
  background:var(--project-cta-ink);
  box-shadow:0 12px 28px rgba(21,57,45,.10);
}
.project-cta__button:hover{transform:translateY(-2px);}
.project-cta__button--primary:hover{background:#0c4a38;color:#fff;}
.project-cta__button--secondary:hover{background:rgba(255,255,255,.70);}
.project-cta__note{
  display:flex;
  align-items:flex-start;
  gap:13px;
  max-width:650px;
  margin:30px 0 0;
  color:rgba(38,66,55,.72);
  font-size:14px;
  line-height:1.55;
}
.project-cta__note-mark{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin-top:-5px;
  border:1px solid rgba(92,96,68,.30);
  border-radius:50%;
  background:rgba(255,255,255,.33);
}
.project-cta__note-mark img{width:17px;height:20px;opacity:.72;}
.project-cta__art{
  position:relative;
  z-index:2;
  align-self:stretch;
  min-height:430px;
  margin:0;
  overflow:hidden;
}
.project-cta__art::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:24%;
  pointer-events:none;
  background:linear-gradient(90deg,#f7f3ea 0%,rgba(247,243,234,.78) 36%,rgba(247,243,234,0) 100%);
}
.project-cta__art img{
  position:absolute;
  right:-2%;
  top:50%;
  width:min(510px,100%);
  height:auto;
  max-height:112%;
  object-fit:contain;
  transform:translateY(-50%);
  mix-blend-mode:multiply;
  opacity:.98;
}
.project-cta__decor{
  position:absolute;
  z-index:1;
  width:150px;
  opacity:.065;
  pointer-events:none;
}
.project-cta__decor--left{left:-54px;bottom:-28px;transform:rotate(-16deg);}
.project-cta__decor--right{right:-34px;bottom:-30px;transform:scaleX(-1) rotate(-16deg);}

@media (max-width:1365px){
  .project-cta__container{width:min(1240px,calc(100% - 64px));}
  .project-cta__panel{grid-template-columns:minmax(0,1fr) 390px;min-height:390px;border-radius:26px;}
  .project-cta__copy{padding:54px 30px 52px 56px;}
  .project-cta h2{}
  .project-cta__lead{font-size:15px;max-width:650px;}
  .project-cta__button{min-width:224px;min-height:54px;font-size:14px;padding-inline:24px;}
  .project-cta__art{min-height:390px;}
  .project-cta__art img{width:430px;right:-7%;}
}
@media (max-width:1050px){
  .project-cta__container{width:min(930px,calc(100% - 48px));}
  .project-cta__panel{grid-template-columns:1fr 340px;}
  .project-cta__copy{padding-left:44px;}
  .project-cta h2{}
  .project-cta__lead{font-size:14px;}
  .project-cta__actions{gap:12px;}
  .project-cta__button{min-width:205px;font-size:13px;padding-inline:20px;}
  .project-cta__art img{width:390px;right:-14%;}
}
@media (max-width:820px){
  .project-cta{padding:58px 0 72px;}
  .project-cta__container{width:calc(100% - 36px);}
  .project-cta__panel{grid-template-columns:1fr;min-height:0;border-radius:22px;}
  .project-cta__copy{padding:48px 38px 20px;}
  .project-cta h2{}
  .project-cta__lead{max-width:640px;}
  .project-cta__art{min-height:310px;}
  .project-cta__art::before{inset:0 0 auto 0;width:auto;height:30%;background:linear-gradient(180deg,#f7f3ea 0%,rgba(247,243,234,.66) 46%,rgba(247,243,234,0) 100%);}
  .project-cta__art img{right:4%;top:48%;width:min(470px,74vw);max-height:none;}
}
@media (max-width:600px){
  .project-cta{padding:48px 0 58px;}
  .project-cta__container{width:calc(100% - 24px);}
  .project-cta__panel{border-radius:18px;}
  .project-cta__copy{padding:38px 22px 12px;}
  .project-cta__eyebrow{gap:9px;margin-bottom:18px;font-size:9.5px;letter-spacing:.17em;}
  .project-cta__eyebrow::after{width:42px;}
  .project-cta__eyebrow img{width:15px;height:18px;}
  .project-cta h2{}
  .project-cta__lead{margin-top:20px;font-size:13px;line-height:1.65;}
  .project-cta__actions{display:grid;grid-template-columns:1fr;margin-top:26px;}
  .project-cta__button{width:100%;min-width:0;min-height:54px;font-size:13px;}
  .project-cta__note{margin-top:24px;font-size:12px;}
  .project-cta__note-mark{flex-basis:30px;width:30px;height:30px;}
  .project-cta__art{min-height:250px;}
  .project-cta__art img{right:0;width:min(390px,92vw);}
  .project-cta__decor{width:100px;}
}
@media (prefers-reduced-motion:reduce){.project-cta__button{transition:none;}}