/* cta-standard-gold-wash-two-column
 *
 * v2 full-bleed band.
 *
 * v1 came from a Design Canvas option card. The section root kept card chrome:
 * max-width, border, shadow, and radius. That made the section read as an island
 * inside the page shell.
 *
 * v2 makes the root the band. It owns width, vertical padding, background, and
 * one top seam. The inner element only holds the shared shell measure and grid.
 */

.cta-standard-gold-wash-two-column,
.cta-standard-gold-wash-two-column *{box-sizing:border-box}

.cta-standard-gold-wash-two-column{
  width:100%;
  padding:var(--sec-pad-tight) 0;
  border-top:1px solid rgba(184,134,11,.5);
  background:
    repeating-linear-gradient(0deg,rgba(87,71,58,.045) 0 1px,transparent 1px 30px),
    radial-gradient(120% 150% at 92% 6%,rgba(212,175,55,.22),transparent 58%),
    linear-gradient(180deg,#FFFDF8,#F6F0E3);
  color:var(--ink);
  font-family:var(--body);
}

.cta-standard-gold-wash-two-column__el-2{
  width:var(--shell);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:clamp(32px,5vw,64px);
  align-items:center;
}

.cta-standard-gold-wash-two-column__el-4{
  margin:0 0 18px;
  font-family:var(--body);
  font-weight:700;
  font-size:var(--fs-small);
  line-height:var(--lh-tight);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--bronze);
}

.cta-standard-gold-wash-two-column__el-5{
  margin:0;
  font-family:var(--display);
  font-weight:var(--display-weight);
  font-size:clamp(30px,3.8vw,42px);
  line-height:var(--lh-tight);
  letter-spacing:var(--display-track);
  color:var(--deep);
  max-width:34ch;
  text-wrap:pretty;
}

.cta-standard-gold-wash-two-column__el-6{
  margin:18px 0 0;
  font-size:var(--fs-standard-lede);
  line-height:var(--lh-copy);
  color:#57473A;
  max-width:58ch;
  text-wrap:pretty;
}

.cta-standard-gold-wash-two-column__el-7{
  display:grid;
  gap:14px;
  justify-items:start;
}

.cta-standard-gold-wash-two-column__el-8{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 26px;
  background:var(--gold);
  color:var(--cta-ink);
  font-family:var(--body);
  font-weight:700;
  font-size:var(--fs-btn);
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  transition:background 160ms var(--ease);
}

.cta-standard-gold-wash-two-column__el-8:hover{
  background:var(--bronze);
  color:var(--paper);
}

.cta-standard-gold-wash-two-column__el-8:focus-visible{
  outline:3px solid var(--deep);
  outline-offset:4px;
}

.cta-standard-gold-wash-two-column__el-9{
  margin:0;
  font-size:var(--fs-small);
  line-height:var(--lh-copy);
  color:var(--grey-mid);
}

@media (max-width:900px){
  .cta-standard-gold-wash-two-column__el-2{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:clamp(24px,4vw,34px);
  }
}

@media (max-width:560px){
  .cta-standard-gold-wash-two-column__el-8{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .cta-standard-gold-wash-two-column__el-8{transition:none}
}

/* Template title standard: section H2 */
[data-section="cta-standard-gold-wash-two-column"][data-section="cta-standard-gold-wash-two-column"] h2,
.cta-standard-gold-wash-two-column.cta-standard-gold-wash-two-column h2,
.cta-standard-gold-wash-two-column__root.cta-standard-gold-wash-two-column__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Section padding standard 2026-09-21: reusable section roots keep 80px between their border and content. */
.cta-standard-gold-wash-two-column{
  padding-block:clamp(72px, 7vw, 120px);
}

/* Title/description stack standard 2026-09-21: main title stacks above description at 75% content width. */
[data-section="cta-standard-gold-wash-two-column"] .cta-standard-gold-wash-two-column__el-5,
[data-section="cta-standard-gold-wash-two-column"] .cta-standard-gold-wash-two-column__el-6{
  width:var(--title-description-width) !important;
  max-width:var(--title-description-width) !important;
  flex:0 0 var(--title-description-width) !important;
  grid-column:1 / -1 !important;
  justify-self:start !important;
  align-self:start !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
[data-section="cta-standard-gold-wash-two-column"] .cta-standard-gold-wash-two-column__el-6{
  margin-top:24px !important;
}