/* v120 — full-width blended sections, no square effect */
:root{
  --seamless-section-width: min(calc(100% - 64px), 1760px);
}

.pro-cta-shell,
.statement-signature-shell,
.project-story-section .shell{
  width: var(--seamless-section-width) !important;
  max-width: var(--seamless-section-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pro-cta-section,
.statement-signature,
.project-story-section{
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
}

.pro-cta-section{
  padding-top: 8px !important;
  padding-bottom: 18px !important;
}
.pro-cta{
  border-radius: 28px !important;
  border: 1px solid rgba(118,92,65,.10) !important;
  background: linear-gradient(90deg, rgba(255,255,255,.42) 0%, rgba(244,237,227,.74) 50%, rgba(255,255,255,.42) 100%) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px) !important;
}
.pro-cta::before{
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.40) 0%, rgba(255,255,255,0) 58%) !important;
}
.pro-cta::after{display:none !important;}
.pro-cta:hover{
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(118,92,65,.14) !important;
}
.pro-cta-action{
  box-shadow: none !important;
}

.statement-signature{
  padding-top: 2px !important;
  padding-bottom: 26px !important;
}
.statement-signature-stage{
  width: 100% !important;
  max-width: 100% !important;
  min-height: 470px !important;
  border-radius: 34px !important;
  border: 1px solid rgba(126,102,78,.10) !important;
  box-shadow: none !important;
  background: linear-gradient(180deg, rgba(249,245,239,.44) 0%, rgba(241,234,225,.56) 100%) !important;
}
.statement-signature-stage::before{
  display: none !important;
}
.statement-signature-media{
  filter: saturate(.9) brightness(.92) contrast(1.02) !important;
}
.statement-signature-overlay{
  background: linear-gradient(90deg, rgba(248,244,238,.78) 0%, rgba(248,244,238,.55) 27%, rgba(248,244,238,.08) 58%, rgba(248,244,238,.18) 100%) !important;
}
.statement-signature-grid{
  width: 100% !important;
  min-height: 470px !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(340px, .96fr) !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 42px 42px 58px !important;
}
.statement-signature-copy{
  max-width: 700px !important;
  padding: 0 !important;
}
.statement-signature-copy::before{
  display: none !important;
}
.statement-signature-copy h2{
  max-width: 9ch !important;
  margin: 0 0 18px !important;
  font-size: clamp(3.3rem, 5vw, 5.2rem) !important;
  line-height: .92 !important;
  text-wrap: balance !important;
}
.statement-signature-copy p{
  max-width: 34rem !important;
  margin: 0 0 24px !important;
  font-size: 1.06rem !important;
  line-height: 1.72 !important;
}
.statement-signature-link{
  box-shadow: none !important;
}
.statement-signature-panel{
  align-self: center !important;
  justify-self: end !important;
  max-width: 520px !important;
}
.statement-signature-features{
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
}
.statement-signature-features div{
  min-height: 76px !important;
  padding: 18px 22px !important;
  border-radius: 24px !important;
  background: rgba(255,252,248,.34) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) !important;
}
.statement-signature-features strong{
  font-size: 1.05rem !important;
  line-height: 1.18 !important;
}
.statement-signature-footer{
  left: 18px !important;
  right: 18px !important;
  bottom: 12px !important;
  min-height: 38px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: rgba(255,252,248,.16) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: none !important;
}

.project-story-section{
  padding-top: 0 !important;
  padding-bottom: 34px !important;
}
.project-story-section .section-title{
  margin: 0 0 22px !important;
}
.project-story-section .section-title > div{
  max-width: 920px !important;
}
.project-story-section .section-title h2{
  max-width: 14ch !important;
  font-size: clamp(2.8rem, 4.8vw, 4.2rem) !important;
  line-height: .94 !important;
}
.project-story-section .section-title p{
  max-width: 720px !important;
}
.project-story-section .project-strip{
  grid-template-columns: minmax(0,1.12fr) minmax(420px,.88fr) !important;
  border-radius: 34px !important;
  border: 1px solid rgba(126,102,78,.10) !important;
  background: linear-gradient(90deg, rgba(248,244,238,.52) 0%, rgba(241,234,225,.68) 50%, rgba(248,244,238,.52) 100%) !important;
  box-shadow: none !important;
}
.project-story-section .project-image{
  min-height: 420px !important;
  background: linear-gradient(145deg, rgba(155,130,107,.88) 0%, rgba(120,97,77,.92) 100%) !important;
}
.project-story-section .project-image::before{
  background: linear-gradient(90deg, rgba(20,13,9,.10) 0%, rgba(20,13,9,0) 40%, rgba(20,13,9,.04) 100%) !important;
}
.project-story-section .project-image::after,
.project-story-section .project-info::before{
  display: none !important;
}
.project-story-section .project-info{
  padding: 36px 34px !important;
  gap: 22px !important;
  background: transparent !important;
}
.project-story-section .project-info h2{
  max-width: 13ch !important;
  font-size: clamp(2rem, 3.4vw, 3.05rem) !important;
}
.project-story-section .project-info p{
  margin-top: 14px !important;
  max-width: 34rem !important;
}
.project-story-section .project-meta{
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}
.project-story-section .project-meta div{
  min-height: 62px !important;
  padding: 14px 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(126,102,78,.10) !important;
  background: rgba(255,252,248,.34) !important;
  box-shadow: none !important;
  align-items: center !important;
}
.project-story-section .project-meta strong{
  font-size: 1.02rem !important;
  line-height: 1.08 !important;
}

@media (max-width: 1100px){
  :root{
    --seamless-section-width: min(calc(100% - 36px), 1760px);
  }
  .statement-signature-grid,
  .project-story-section .project-strip{
    grid-template-columns: 1fr !important;
  }
  .statement-signature-grid{
    min-height: auto !important;
    padding: 34px 28px 52px !important;
    gap: 18px !important;
  }
  .statement-signature-copy h2{
    max-width: 10ch !important;
    font-size: clamp(2.9rem, 7vw, 4.4rem) !important;
  }
  .statement-signature-panel{
    max-width: 100% !important;
    justify-self: stretch !important;
  }
  .project-story-section .project-image{
    min-height: 320px !important;
  }
}

@media (max-width: 720px){
  :root{
    --seamless-section-width: min(calc(100% - 16px), 1760px);
  }
  .pro-cta{
    border-radius: 22px !important;
    padding: 16px 16px !important;
    gap: 12px !important;
  }
  .pro-cta-copy h2{
    font-size: clamp(1.4rem, 7.2vw, 1.9rem) !important;
  }
  .pro-cta-action{
    width: auto !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    align-self: flex-start !important;
  }
  .statement-signature-stage,
  .project-story-section .project-strip{
    border-radius: 24px !important;
  }
  .statement-signature-grid{
    padding: 22px 16px 50px !important;
  }
  .statement-signature-copy h2{
    max-width: 10ch !important;
    font-size: clamp(2.2rem, 10vw, 3.35rem) !important;
  }
  .statement-signature-copy p{
    font-size: .96rem !important;
    line-height: 1.62 !important;
  }
  .statement-signature-features{
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .statement-signature-features div{
    min-height: 56px !important;
    padding: 12px 16px !important;
    border-radius: 18px !important;
  }
  .statement-signature-footer{
    left: 12px !important;
    right: 12px !important;
    bottom: 10px !important;
    font-size: .62rem !important;
    letter-spacing: .14em !important;
  }
  .project-story-section .section-title h2{
    max-width: 12ch !important;
    font-size: clamp(2rem, 9vw, 2.9rem) !important;
  }
  .project-story-section .project-image{
    min-height: 240px !important;
  }
  .project-story-section .project-info{
    padding: 22px 16px !important;
    gap: 16px !important;
  }
  .project-story-section .project-info h2{
    font-size: clamp(1.7rem, 7.6vw, 2.2rem) !important;
    max-width: none !important;
  }
  .project-story-section .project-meta{
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .project-story-section .project-meta div{
    min-height: 50px !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
  }
}