*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  --cream:#f8f4ea;
  --cream-2:#f1ece0;
  --white:#fffefa;
  --navy:#171d3f;
  --charcoal:#222326;
  --red:#a64531;
  --red-dark:#963824;
  --rule:#cfc8bb;
}
body{
  margin:0;
  color:var(--charcoal);
  background:var(--cream);
  font-family:"Libre Franklin",Arial,sans-serif;
}
a{color:inherit}
.site-header{
  position:sticky;
  top:0;
  z-index:20;
  height:72px;
  padding:0 5vw;
  display:flex;
  align-items:center;
  gap:30px;
  background:rgba(248,244,234,.96);
  border-bottom:1px solid var(--rule);
}
.brand{
  color:var(--navy);
  font-weight:900;
  text-decoration:none;
}
.top-nav{
  margin-left:auto;
  display:flex;
  gap:22px;
}
.top-nav a{
  color:var(--navy);
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}
.nav-vote{color:var(--red)!important}

.hero{
  padding:64px 5vw 0;
  background:var(--cream);
}
.hero-main{
  display:grid;
  grid-template-columns:minmax(0,60fr) minmax(360px,40fr);
  gap:4vw;
  align-items:center;
}
.hero-title{
  margin:0;
  font-size:clamp(56px,6.5vw,85px);
  line-height:.98;
  letter-spacing:0;
  font-weight:900;
}
.hero-line{display:block}
.hero-blue{color:var(--navy)}
.hero-red{color:var(--red);margin-top:22px}
.cursor{
  display:inline-block;
  width:3px;
  height:.78em;
  margin-left:.14em;
  background:var(--red);
  animation:blink 1.8s steps(1,end) infinite;
}
@keyframes blink{0%,58%{opacity:1}59%,100%{opacity:0}}
.hero-copy{
  max-width:900px;
  margin:34px 0 0;
  font-family:"Libre Caslon Text",serif;
  font-size:24px;
  line-height:1.5;
}
.hero-highlight{
  padding:0 .12em .03em;
  background:linear-gradient(transparent 18%,#efe783 18%,#efe783 88%,transparent 88%);
  color:var(--red);
  font-family:"Libre Franklin",Arial,sans-serif;
  font-weight:900;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.hero-image{
  justify-self:end;
  width:100%;
  max-width:610px;
  transform:rotate(1deg);
  filter:drop-shadow(0 22px 34px rgba(23,29,63,.18));
}
.hero-image img{display:block;width:100%;height:auto}
.hero-nav{
  margin-top:78px;
  padding:34px 0 40px;
  display:grid;
  grid-template-columns:repeat(6,auto);
  justify-content:space-between;
  gap:22px;
}
.hero-nav a{
  color:var(--navy);
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}

.section{
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  gap:35px;
  padding:110px 5vw;
}
.section-light{background:var(--white)}
.section-cream{background:var(--cream)}
.section-dark{background:var(--navy);color:#fff}
.section-red{background:var(--red);color:#fff}
.section-vote{background:var(--cream-2)}
.section-number{
  color:var(--red);
  font-size:18px;
  line-height:1;
  font-weight:900;
  padding-top:7px;
}
.section-dark .section-number,
.section-red .section-number{color:#f4d8cf}
.section-content{min-width:0}
.section-label{
  margin:0 0 18px;
  color:var(--red);
  font-size:15px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.section-dark .section-label,
.section-red .section-label{color:#f2c9bd}
.section-title{
  margin:0;
  font-size:54px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:0;
}
.section-dark .section-title,
.section-red .section-title{color:#fff}
.section-lead{
  max-width:1180px;
  margin:20px 0 0;
  font-family:"Libre Caslon Text",serif;
  font-size:24px;
  line-height:1.5;
}
.section-body{
  max-width:1180px;
  margin:30px 0 0;
  font-family:"Libre Caslon Text",serif;
  font-size:19px;
  line-height:1.62;
}
.section-callout{
  display:inline-block;
  margin:26px 0 0;
  padding:14px 22px;
  background:var(--cream-2);
  border-left:5px solid var(--red);
  color:var(--navy);
  font-size:30px;
  line-height:1.1;
  font-weight:900;
}
.section-callout strong{color:var(--red)}

.comparison{
  display:grid;
  grid-template-columns:minmax(0,3fr) 60px minmax(0,7fr);
  gap:0;
  margin-top:55px;
}
.comparison-card{
  padding:34px;
  border:1px solid #5d6680;
}
.comparison-current{background:transparent;color:#fff}
.comparison-proposed{background:var(--cream);color:var(--navy)}
.comparison-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--red);
  font-size:38px;
}
.card-label{
  margin:0 0 14px;
  color:var(--red);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.section-dark .card-label,
.section-red .card-label{color:#f2c9bd}
.comparison-card h3,
.pretrial-box h3,
.reason-card h3,
.source-card h3,
.date-card h3,
.rights-layout h3{
  margin:0;
  font-size:24px;
  line-height:1.2;
  font-weight:900;
}
.comparison-card p,
.comparison-card li,
.pretrial-box p,
.reason-card p,
.source-card p,
.date-card p,
.rights-secondary p{
  font-size:16px;
  line-height:1.5;
}
.offense-columns{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}
.offense-columns ul{margin:0;padding-left:22px}
.pretrial-box{
  margin-top:24px;
  padding:36px;
  background:#111833;
  border-left:5px solid var(--red);
}
.pretrial-box p{max-width:1100px}

.reason-grid{
  margin-top:52px;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--rule);
  border-left:1px solid var(--rule);
}
.reason-card{
  min-height:220px;
  padding:34px;
  border-right:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}
.reason-card span{
  color:var(--red);
  font-weight:900;
}

.rights-layout{
  margin-top:52px;
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:24px;
}
.rights-primary,
.rights-secondary{
  padding:34px;
  border:1px solid rgba(255,255,255,.45);
}
.rights-primary{background:rgba(255,255,255,.06)}
.rights-number{
  margin:12px 0 8px;
  font-family:"Libre Caslon Text",serif;
  font-size:64px;
  line-height:.9;
}
.rights-note{
  margin:22px 0 0;
  color:#f4d8cf;
  font-size:12px;
  line-height:1.3;
  font-weight:900;
}
.rights-secondary p:last-child{
  margin-top:18px;
  color:#fff;
  font-family:"Libre Caslon Text",serif;
}

.source-grid{
  margin-top:50px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}
.source-card{
  min-height:180px;
  padding:30px;
  display:flex;
  flex-direction:column;
  border:1px solid #9b958a;
  color:var(--navy);
  text-decoration:none;
}
.source-card h3{margin:auto 0 10px}

.date-grid{
  margin-top:50px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.date-card{
  min-height:175px;
  padding:26px;
  border:1px solid #777269;
  background:#fff;
}
.date-card.active{
  border:2px solid var(--red);
  background:#fbf7ec;
}
.date-card small{
  display:block;
  margin-top:18px;
  color:var(--red);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}

.final-cta{
  margin-top:110px;
  padding-top:90px;
  border-top:1px solid var(--rule);
  text-align:center;
}
.final-line{
  margin:8px 0 0;
  font-size:54px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:0;
}
.final-blue{color:var(--navy)}
.final-red{color:var(--red)}
.final-dark{color:var(--charcoal)}
.final-dark span{color:var(--red)}

.site-footer{
  padding:42px 5vw;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:30px;
  background:var(--navy);
  color:#fff;
  font-size:11px;
}

@media(max-width:1050px){
  .top-nav{display:none}
  .hero-main{grid-template-columns:1fr}
  .hero-image{justify-self:center;max-width:560px;margin-top:40px}
  .hero-nav{grid-template-columns:repeat(3,auto);justify-content:start;column-gap:38px;row-gap:20px}
  .rights-layout{grid-template-columns:1fr}
}
@media(max-width:850px){
  .section{grid-template-columns:1fr;padding:80px 24px}
  .section-number{margin-bottom:8px}
  .section-title{font-size:42px}
  .section-lead{font-size:21px}
  .hero{padding:48px 24px 0}
  .hero-copy{font-size:21px}
  .comparison{grid-template-columns:1fr}
  .comparison-arrow{height:60px;transform:rotate(90deg)}
  .offense-columns{grid-template-columns:1fr}
  .reason-grid{grid-template-columns:1fr}
  .source-grid{grid-template-columns:1fr}
  .date-grid{grid-template-columns:1fr 1fr}
  .final-line{font-size:42px}
}
@media(max-width:600px){
  .hero-nav{grid-template-columns:1fr 1fr}
  .date-grid{grid-template-columns:1fr}
  .site-footer{grid-template-columns:1fr}
}


/* ===== FINAL POLISH ===== */

/* Hero divider: separate content from section navigation */
.hero-nav{
  border-top:1px solid rgba(23,29,63,.24);
}

/* Section 1: noticeably whiter than hero */
.section-light{
  background:#ffffff !important;
}

/* Section 2: use the same maroon/red family, not pink */
.section-dark .section-label,
.section-dark .card-label{
  color:var(--red) !important;
}
.comparison-proposed{
  border-top:5px solid var(--red);
}
.pretrial-box{
  border-left-color:var(--red);
}

/* Section 4: restored editorial layout */
.rights-top{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);
  gap:64px;
  align-items:start;
}
.rights-copy{
  min-width:0;
}
.rights-primary{
  min-height:330px;
  display:flex;
  flex-direction:column;
}
.rights-primary .rights-note{
  margin-top:auto;
}
.rights-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:34px;
}
.rights-secondary{
  min-height:240px;
}
.rights-secondary p:last-child{
  margin-top:18px;
}

/* Footer: 3 equal columns with intentional alignment */
.site-footer{
  grid-template-columns:repeat(3,1fr) !important;
}
.site-footer > div:nth-child(1){text-align:left}
.site-footer > div:nth-child(2){text-align:center}
.site-footer > div:nth-child(3){text-align:right}

@media(max-width:1000px){
  .rights-top{
    grid-template-columns:1fr;
  }
  .rights-primary{
    min-height:auto;
  }
  .rights-primary .rights-note{
    margin-top:22px;
  }
}
@media(max-width:700px){
  .rights-bottom{
    grid-template-columns:1fr;
  }
  .site-footer{
    grid-template-columns:1fr !important;
  }
  .site-footer > div{
    text-align:left !important;
  }
}


/* ===== SECTION 3 CONSTITUTION BACKGROUND ===== */
#why-it-matters{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(rgba(248,244,234,.91), rgba(248,244,234,.91)),
    url("../images/constitution-bg.png") center 36% / cover no-repeat !important;
}

/* Slightly enlarge and offset the manuscript visually without affecting content */
#why-it-matters::before{
  content:"";
  position:absolute;
  inset:-8% -4%;
  z-index:-2;
  background:url("../images/constitution-bg.png") center / cover no-repeat;
  opacity:.20;
  transform:rotate(-2.5deg) scale(1.08);
  transform-origin:center;
  pointer-events:none;
}

/* Cream veil keeps live copy crisp */
#why-it-matters::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(248,244,234,.78);
  pointer-events:none;
}

#why-it-matters .section-number,
#why-it-matters .section-content{
  position:relative;
  z-index:1;
}

@media(max-width:850px){
  #why-it-matters{
    background:
      linear-gradient(rgba(248,244,234,.93), rgba(248,244,234,.93)),
      url("../images/constitution-bg.png") center / cover no-repeat !important;
  }
  #why-it-matters::before{
    inset:-4% -12%;
    opacity:.16;
    transform:rotate(-2deg) scale(1.16);
  }
}


/* ===== BACKGROUND CLARITY + SECTION 1 § ===== */

/* Section 3: make the Constitution image recognizable, not just texture */
#why-it-matters{
  background:
    linear-gradient(rgba(248,244,234,.68), rgba(248,244,234,.68)),
    url("../images/constitution-bg.png") center 18% / cover no-repeat !important;
}

#why-it-matters::before{
  inset:-4% -2% !important;
  opacity:.34 !important;
  transform:rotate(-2deg) scale(1.04) !important;
  background-position:center 12% !important;
}

#why-it-matters::after{
  background:rgba(248,244,234,.48) !important;
}

/* Section 1: subtle oversized section symbol on right */
#what-it-is{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

#what-it-is::after{
  content:"§";
  position:absolute;
  right:4vw;
  top:50%;
  transform:translateY(-46%);
  z-index:0;
  color:var(--navy);
  font-family:"Libre Caslon Text",serif;
  font-size:clamp(220px,25vw,420px);
  line-height:1;
  opacity:.035;
  pointer-events:none;
  user-select:none;
}

#what-it-is .section-number,
#what-it-is .section-content{
  position:relative;
  z-index:1;
}

@media(max-width:850px){
  #why-it-matters{
    background:
      linear-gradient(rgba(248,244,234,.76), rgba(248,244,234,.76)),
      url("../images/constitution-bg.png") center 10% / cover no-repeat !important;
  }

  #why-it-matters::before{
    opacity:.26 !important;
  }

  #what-it-is::after{
    right:-35px;
    font-size:240px;
    opacity:.03;
  }
}


/* ===== SECTION 3 FINAL BACKGROUND TREATMENT ===== */

/* One crisp constitutional background image, lightly washed out */
#why-it-matters{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#f8f4ea !important;
}

/* Remove earlier layered background treatments */
#why-it-matters::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  background:
    url("../images/constitution-bg.png")
    center 32% / cover no-repeat !important;
  opacity:.16 !important;
  transform:rotate(-1.5deg) scale(1.06) !important;
  transform-origin:center !important;
  pointer-events:none !important;
}

#why-it-matters::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:rgba(248,244,234,.66) !important;
  pointer-events:none !important;
}

/* Keep live content sharp and fully readable */
#why-it-matters .section-number,
#why-it-matters .section-content{
  position:relative !important;
  z-index:1 !important;
}

/* Section 1 § watermark stays as-is */
#what-it-is::after{
  opacity:.035 !important;
}

@media(max-width:850px){
  #why-it-matters::before{
    background-position:center 18% !important;
    opacity:.13 !important;
    transform:rotate(-1deg) scale(1.12) !important;
  }
  #why-it-matters::after{
    background:rgba(248,244,234,.72) !important;
  }
}


/* ===== FINAL HERO TYPE NORMALIZATION ===== */
/* Entire hero supporting sentence uses one H2-style family/size.
   Bold and highlighted phrases inherit that typography. */
.hero-sub,
.hero-copy,
.hero-deck,
.hero .hero-sub,
.hero .hero-copy,
.hero .hero-deck{
  font-family:var(--sans) !important;
  font-size:var(--h2-size, 54px) !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
}

.hero-sub strong,
.hero-copy strong,
.hero-deck strong,
.hero .hero-sub strong,
.hero .hero-copy strong,
.hero .hero-deck strong{
  font-family:inherit !important;
  font-size:inherit !important;
  font-style:normal !important;
  font-weight:800 !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
}

.hero-highlight{
  font-family:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  background:linear-gradient(transparent 58%, rgba(230,214,76,.68) 58%) !important;
  padding:0 .05em !important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

@media(max-width:850px){
  .hero-sub,
  .hero-copy,
  .hero-deck,
  .hero .hero-sub,
  .hero .hero-copy,
  .hero .hero-deck{
    font-size:clamp(24px,5vw,38px) !important;
  }
}


/* ===== FINAL HERO COPY: RESTORE SERIF VERSION ===== */
.hero-copy,
.hero .hero-copy{
  font-family:"Libre Caslon Text", Georgia, serif !important;
  font-size:30px !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
}

.hero-copy strong,
.hero .hero-copy strong,
.hero-copy .hero-highlight,
.hero-copy .hero-highlight strong{
  font-family:"Libre Caslon Text", Georgia, serif !important;
  font-size:inherit !important;
  font-style:normal !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
}

.hero-copy strong,
.hero .hero-copy strong{
  font-weight:700 !important;
}

.hero-copy .hero-highlight{
  background:linear-gradient(transparent 58%, rgba(230,214,76,.68) 58%) !important;
  padding:0 .05em !important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

@media(max-width:850px){
  .hero-copy,
  .hero .hero-copy{
    font-size:clamp(22px,4vw,30px) !important;
  }
}


/* ===== FINAL SMALL REFINEMENTS ===== */

/* Hero supporting copy slightly larger */
.hero-copy,
.hero .hero-copy{
  font-size:33px !important;
}

/* Black period after highlighted hero phrase */
.hero-period{
  color:var(--charcoal) !important;
  font-family:"Libre Caslon Text", Georgia, serif !important;
  font-size:inherit !important;
  font-weight:400 !important;
  background:none !important;
  padding:0 !important;
}

/* Keep final CTA punctuation visually identical to the line */
.final-dark{
  color:var(--charcoal) !important;
}
.final-dark span{
  color:var(--red) !important;
}


/* ===== HERO THREE-LINE HEADLINE ===== */
.hero-title{
  margin:0 !important;
  padding:0 !important;
}
.hero-title span{
  display:block !important;
  font-family:inherit !important;
  font-size:72px !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
  font-weight:800 !important;
}
.hero-title span:nth-child(1){
  color:var(--navy) !important;
}
.hero-title span:nth-child(2){
  color:var(--red) !important;
  margin-top:18px !important;
}
.hero-title span:nth-child(3){
  color:var(--charcoal) !important;
  margin-top:18px !important;
}

/* Keep the three statements fitting comfortably on narrower screens */
@media (max-width:1200px){
  .hero-title span{font-size:64px !important;}
}
@media (max-width:900px){
  .hero-title span{font-size:52px !important;}
}
@media (max-width:600px){
  .hero-title span{font-size:40px !important;}
}

/* ===== V5 requested refinements ===== */
.hero-title span{font-size:78px !important;}
.hero-copy,.hero .hero-copy{max-width:750px !important;}
.comparison-card p{font-size:18px !important;}
.rights-secondary .rights-question{
  margin-top:20px !important;
  font-family:"Libre Caslon Text",Georgia,serif !important;
  font-size:22px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  color:#fff !important;
}
@media(max-width:1200px){.hero-title span{font-size:70px !important;}}
@media(max-width:900px){.hero-title span{font-size:54px !important;}}
@media(max-width:600px){.hero-title span{font-size:42px !important;}}


/* ===== V6 FIXED: clean Section 1 65/35 layout ===== */

.brand{
  text-transform:none !important;
}

#what-it-is{
  display:block !important;
  padding:0 !important;
  position:relative;
  overflow:hidden;
}

#what-it-is::after{
  content:none !important;
}

.section1-grid{
  display:grid;
  grid-template-columns:minmax(0,65fr) minmax(340px,35fr);
  gap:48px;
  align-items:end;
  min-height:650px;
  padding:110px 5vw 0;
}

.section1-copy{
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  gap:35px;
  align-self:start;
  padding-bottom:105px;
}

.section1-people{
  align-self:end;
  justify-self:end;
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  min-height:100%;
}

.section1-people img{
  display:block;
  width:min(100%,620px);
  height:auto;
  margin:0;
  object-fit:contain;
  object-position:right bottom;
}

/* Move § watermark to Section 5 */
#fact-check{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

#fact-check::after{
  content:"§";
  position:absolute;
  right:2.5vw;
  top:50%;
  transform:translateY(-48%);
  z-index:0;
  color:var(--navy);
  font-family:"Libre Caslon Text", Georgia, serif;
  font-size:clamp(220px,24vw,420px);
  line-height:1;
  opacity:.012;
  pointer-events:none;
  user-select:none;
}

#fact-check .section-number,
#fact-check .section-content{
  position:relative;
  z-index:1;
}

@media(max-width:1000px){
  .section1-grid{
    grid-template-columns:1fr;
    padding:80px 24px 0;
    min-height:auto;
  }

  .section1-copy{
    grid-template-columns:1fr;
    padding-bottom:36px;
  }

  .section1-people{
    justify-self:center;
  }

  .section1-people img{
    width:min(100%,560px);
  }
}


/* ===== Tennessee branding test: hero silhouette / Section 1 seal / photo strip ===== */

/* HERO: Tennessee silhouette belongs to NO ON 1 rather than floating separately */
.hero-no-line{
  position:relative;
  display:block;
  isolation:isolate;
  margin-top:4px;
}
.hero-no-text{
  position:relative;
  z-index:2;
}
.hero-tn-silhouette{
  position:absolute;
  z-index:1;
  left:-4%;
  top:50%;
  width:94%;
  height:150%;
  transform:translateY(-49%) rotate(-1.5deg);
  overflow:visible;
  pointer-events:none;
}
.hero-tn-silhouette path{
  fill:var(--red);
  opacity:.085;
}

/* SECTION 1: Tennessee three-star seal watermark */
#what-it-is{
  position:relative;
}
.tn-star-seal{
  position:absolute;
  left:-38px;
  top:49%;
  transform:translateY(-50%) rotate(-7deg);
  width:150px;
  height:150px;
  border:5px solid var(--navy);
  border-radius:50%;
  opacity:.105;
  z-index:0;
  pointer-events:none;
}
.tn-star-seal .seal-star{
  position:absolute;
  color:var(--navy);
  font-size:45px;
  line-height:1;
}
.tn-star-seal .s1{left:27px;top:29px;transform:rotate(-13deg)}
.tn-star-seal .s2{right:24px;top:31px;transform:rotate(12deg)}
.tn-star-seal .s3{left:51px;bottom:20px;transform:rotate(7deg)}

.section1-grid{
  position:relative;
  z-index:1;
}

/* TENNESSEE PHOTO STRIP: warm monochrome visual break */
.tn-photo-strip{
  background:var(--red);
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  padding:36px 3vw;
  overflow:hidden;
}
.tn-photo-cell{
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#efe9e3;
}
.tn-photo-cell img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:grayscale(1) sepia(.32) saturate(.52) contrast(.9) brightness(1.08);
  opacity:.92;
  mix-blend-mode:multiply;
}
.tn-photo-cell:nth-child(2) img{
  object-fit:cover;
  padding:10%;
}
.tn-photo-cell:nth-child(4) img{
  object-position:center top;
}
.tn-photo-cell:nth-child(5) img{
  object-position:center;
}

@media(max-width:900px){
  .hero-tn-silhouette{
    width:100%;
    left:-2%;
  }
  .tn-photo-strip{
    grid-template-columns:repeat(3,1fr);
  }
  .tn-photo-cell:nth-child(4),
  .tn-photo-cell:nth-child(5){
    display:none;
  }
  .tn-star-seal{
    left:-55px;
    width:125px;
    height:125px;
  }
  .tn-star-seal .seal-star{font-size:37px}
  .tn-star-seal .s1{left:23px;top:24px}
  .tn-star-seal .s2{right:20px;top:26px}
  .tn-star-seal .s3{left:43px;bottom:17px}
}

@media(max-width:600px){
  .tn-photo-strip{
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    padding:24px 18px;
  }
  .tn-photo-cell:nth-child(3){
    display:none;
  }
  .tn-star-seal{
    display:none;
  }
}


/* ===== Tennessee branding refinements v2 ===== */

/* Hero Tennessee silhouette: larger and clearer behind NO ON 1 */
.hero-no-line{
  position:relative;
  isolation:isolate;
}
.hero-tn-silhouette{
  left:-8% !important;
  top:52% !important;
  width:118% !important;
  height:170% !important;
  transform:translateY(-50%) rotate(-1deg) !important;
}
.hero-tn-silhouette path{
  fill:var(--red) !important;
  opacity:.12 !important;
}

/* Section 1 seal: fully visible */
.tn-star-seal{
  left:18px !important;
}

/* Photo strip as separate divider */
.tn-photo-strip{
  background:var(--navy) !important;
  padding-top:34px !important;
  padding-bottom:34px !important;
}
.tn-photo-cell{
  background:#ece6de !important;
}
.tn-photo-cell img{
  filter:grayscale(1) sepia(.38) saturate(.48) contrast(.92) brightness(1.06) !important;
  opacity:.94 !important;
  mix-blend-mode:normal !important;
}

@media(max-width:900px){
  .tn-star-seal{
    left:10px !important;
  }
  .hero-tn-silhouette{
    left:-4% !important;
    width:108% !important;
  }
}


/* ===== V3: no external image calls + clearer TN silhouette ===== */

/* Placeholder-only Tennessee photo divider */
.tn-photo-strip{
  background:var(--navy) !important;
}
.tn-photo-cell.placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eee8df !important;
  border:1px solid rgba(255,255,255,.16);
}
.tn-photo-cell.placeholder span{
  font-family:"Libre Franklin",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  color:var(--red);
  opacity:.7;
}

/* Make the Tennessee silhouette unmistakable behind NO ON 1 */
.hero-no-line{
  position:relative !important;
  display:block !important;
  isolation:isolate !important;
}
.hero-no-text{
  position:relative !important;
  z-index:2 !important;
}
.hero-tn-silhouette{
  position:absolute !important;
  z-index:1 !important;
  left:-5% !important;
  top:52% !important;
  width:115% !important;
  height:175% !important;
  transform:translateY(-50%) rotate(-1deg) !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.hero-tn-silhouette path{
  fill:var(--red) !important;
  opacity:.18 !important;
}


/* ===== V4: local Tennessee silhouette image in hero ===== */

/* Disable old SVG-based silhouette if any styles remain */
.hero-tn-silhouette{
  display:none !important;
}

/* Position the actual Tennessee PNG middle-left behind NO ON 1 */
.hero-no-line{
  position:relative !important;
  display:block !important;
  isolation:isolate !important;
}

.hero-no-text{
  position:relative !important;
  z-index:2 !important;
}

.hero-tn-image{
  position:absolute !important;
  z-index:1 !important;
  left:-2% !important;
  top:50% !important;
  width:88% !important;
  max-width:760px !important;
  height:auto !important;
  transform:translateY(-50%) rotate(-1deg) !important;
  opacity:.34 !important;
  object-fit:contain !important;
  pointer-events:none !important;
  user-select:none !important;
}

/* Keep the image from overpowering on smaller screens */
@media(max-width:900px){
  .hero-tn-image{
    width:94% !important;
    left:-1% !important;
    opacity:.28 !important;
  }
}

@media(max-width:600px){
  .hero-tn-image{
    width:100% !important;
    opacity:.22 !important;
  }
}


/* ===== V5 layout refinements ===== */

/* HERO: shift from 60/40 to 65/35 so the left side gets more room */
.hero-main{
  grid-template-columns:minmax(0,65fr) minmax(330px,35fr) !important;
}

/* NO ON is black; 1 remains red */
.hero-no-text{
  color:var(--charcoal) !important;
}
.hero-one{
  color:var(--red) !important;
}

/* SECTION 1: heading + subheading span the full section width */
#what-it-is{
  display:block !important;
  padding:105px 5vw 0 !important;
}

.section1-header{
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  gap:35px;
  width:100%;
  position:relative;
  z-index:1;
}

.section1-header .section-content{
  max-width:none !important;
}

/* Everything under THE RIGHT TO BAIL stays in the two-column body area */
.section1-lower{
  display:grid;
  grid-template-columns:minmax(0,60fr) minmax(360px,40fr);
  gap:44px;
  align-items:end;
  margin-left:115px;
  margin-top:26px;
  min-height:430px;
  position:relative;
  z-index:1;
}

.section1-body{
  align-self:start;
  padding-bottom:70px;
}

.section1-body .section-body{
  max-width:100% !important;
}

.section1-people{
  align-self:end !important;
  justify-self:end !important;
  padding-bottom:0 !important;
}

.section1-people img{
  width:min(100%,650px) !important;
  max-width:650px !important;
}

@media(max-width:1000px){
  .hero-main{
    grid-template-columns:1fr !important;
  }

  #what-it-is{
    padding:80px 24px 0 !important;
  }

  .section1-header{
    grid-template-columns:1fr;
  }

  .section1-lower{
    grid-template-columns:1fr;
    margin-left:0;
    min-height:auto;
  }

  .section1-body{
    padding-bottom:30px;
  }

  .section1-people{
    justify-self:center !important;
  }
}


/* ===== V6 hero type refinements ===== */

/* Main hero headline */
.hero h1,
.hero-title{
  font-size:65px !important;
  line-height:.98 !important;
}

/* Keep NO ON 1. together on one line */
.hero-no-line{
  display:block !important;
  white-space:nowrap !important;
}

/* Hero explanatory/subheader copy */
.hero-copy{
  font-size:31px !important;
  line-height:1.28 !important;
}


/* ===== V7 hero headline override ===== */

/* Explicitly override the older per-line 78px rule */
.hero-title span,
.hero h1 span{
  font-size:65px !important;
  line-height:.98 !important;
}

/* Keep NO ON 1. together */
.hero-no-line,
.hero-no-text{
  white-space:nowrap !important;
}

/* Keep hero supporting copy at 31px */
.hero-copy,
.hero .hero-copy{
  font-size:31px !important;
  line-height:1.28 !important;
}


/* ===== Monday boss-copy integration ===== */

/* Force the third hero statement onto one line and keep NO ON black */
.hero-no-line{
  display:block !important;
  width:max-content !important;
  min-width:max-content !important;
  white-space:nowrap !important;
}
.hero-no-text{
  display:inline-block !important;
  width:max-content !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
}
.hero-no-black{ color:var(--charcoal) !important; }
.hero-one{ color:var(--red) !important; }

/* New constitutional quote / picture-style editorial divider */
.constitution-quote{
  position:relative;
  overflow:hidden;
  background:var(--navy);
  color:#fff;
  padding:82px 8vw;
  min-height:330px;
  display:flex;
  align-items:center;
}
.constitution-quote::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 35%),
    repeating-linear-gradient(-8deg,rgba(255,255,255,.025) 0 1px,transparent 1px 13px);
  pointer-events:none;
}
.quote-watermark{
  position:absolute;
  right:-10px;
  bottom:-54px;
  font-family:"Libre Caslon Text",Georgia,serif;
  font-size:250px;
  line-height:1;
  font-weight:700;
  color:#fff;
  opacity:.035;
}
.quote-inner{
  position:relative;
  z-index:1;
  max-width:1100px;
  margin:0 auto;
}
.quote-kicker{
  font-family:"Libre Franklin",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.14em;
  color:#d8b7a9;
  margin:0 0 22px;
}
.constitution-quote blockquote{
  margin:0;
  max-width:1050px;
  font-family:"Libre Caslon Text",Georgia,serif;
  font-size:clamp(31px,4vw,52px);
  line-height:1.18;
}
.quote-source{
  margin:22px 0 0;
  font-family:"Libre Franklin",Arial,sans-serif;
  font-weight:700;
  letter-spacing:.08em;
  color:#d8b7a9;
}

/* Comparison cleanup */
.current-focus{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.18);
}
.current-focus strong{
  display:block;
  margin-bottom:8px;
}
.offense-columns-clean{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.impact-callout{
  margin-top:26px;
  padding:32px;
  border:1px solid rgba(255,255,255,.16);
}
.impact-callout h3{
  font-family:"Libre Caslon Text",Georgia,serif;
  font-size:30px;
  margin:6px 0 12px;
}

/* Tennessee photo divider remains placeholders until local images are selected */
.tn-photo-cell.placeholder span{
  text-align:center;
  padding:10px;
}

/* Alternatives */
.alternatives-close{
  margin-top:34px !important;
  max-width:1000px !important;
}

/* FAQ */
.faq-list{
  margin-top:44px;
  border-top:1px solid rgba(255,255,255,.22);
}
.faq-item{
  border-bottom:1px solid rgba(255,255,255,.22);
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:54px 1fr 28px;
  gap:16px;
  align-items:center;
  padding:22px 0;
  font-family:"Libre Caslon Text",Georgia,serif;
  font-size:22px;
  line-height:1.25;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary span{
  font-family:"Libre Franklin",Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  color:#d8b7a9;
}
.faq-item summary::after{
  content:"+";
  font-family:"Libre Franklin",Arial,sans-serif;
  font-size:28px;
  font-weight:400;
  text-align:right;
}
.faq-item[open] summary::after{ content:"−"; }
.faq-answer{
  padding:0 44px 24px 70px;
  max-width:1050px;
}
.faq-answer p{
  margin:0;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,.84);
}

/* Source placeholders */
.source-pending{
  border-style:dashed !important;
}
.source-pending .card-label{
  color:var(--red) !important;
}

/* Fit expanded navigation */
.top-nav,
.hero-nav{
  gap:clamp(10px,1.4vw,24px) !important;
}
.top-nav a,
.hero-nav a{
  white-space:nowrap;
}

@media(max-width:900px){
  .constitution-quote{ padding:60px 24px; }
  .quote-watermark{ font-size:170px; }
  .offense-columns-clean{ grid-template-columns:1fr !important; }
  .faq-item summary{ grid-template-columns:40px 1fr 24px; font-size:19px; }
  .faq-answer{ padding-left:56px; }
}


/* ===== V2 full boss copy ===== */

.hero-no-line{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
.hero-no-text{
  display:block !important;
  white-space:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  font-size:61px !important;
  line-height:1 !important;
}
.hero-no-black{
  color:#111 !important;
}
.hero-one{
  color:var(--red) !important;
}

/* Full-copy list styling */
.boss-list{
  margin:16px 0 0;
  padding-left:22px;
}
.boss-list li{
  margin:0 0 12px;
  line-height:1.5;
}
.proposed-emphasis{
  margin:28px 0 18px;
  font-family:"Libre Caslon Text",Georgia,serif;
  font-size:74px;
  line-height:.9;
  font-weight:700;
}
.proposed-emphasis span{
  display:block;
  margin-top:12px;
  font-family:"Libre Franklin",Arial,sans-serif;
  font-size:13px;
  line-height:1.2;
  letter-spacing:.13em;
}
.source-note{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.18);
  font-size:13px !important;
  font-style:italic;
  opacity:.65;
}

/* Allow denser FAQ answers without making the accordion feel cramped */
.faq-answer p{
  max-width:1100px;
}


/* ===== V3 requested layout fixes ===== */

/* HERO: one literal text node, enough width, no internal color split */
.hero-no-line{
  display:block !important;
  position:relative !important;
  width:760px !important;
  max-width:none !important;
  min-width:760px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
.hero-no-text{
  display:block !important;
  width:760px !important;
  min-width:760px !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  color:#111 !important;
  font-size:61px !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
}

/* SECTION 1 clean reset */
#constitution.section1{
  display:block !important;
  padding:105px 5vw 0 !important;
}
.section1-heading{
  display:grid !important;
  grid-template-columns:80px minmax(0,1fr) !important;
  gap:35px !important;
  width:100% !important;
  position:relative;
  z-index:2;
}
.section1-heading .section-lead{
  max-width:1180px !important;
}
.section1-content{
  display:grid !important;
  grid-template-columns:minmax(0,60fr) minmax(360px,40fr) !important;
  gap:44px !important;
  align-items:end !important;
  margin-left:115px !important;
  margin-top:34px !important;
  position:relative;
  z-index:2;
}
.section1-copy{
  padding-bottom:72px !important;
}
.section1-people{
  align-self:end !important;
  justify-self:end !important;
  padding:0 !important;
}
.section1-people img{
  display:block !important;
  width:min(100%,650px) !important;
  max-width:650px !important;
}

/* Quote + five-photo strip read as one editorial feature */
.constitution-quote{
  padding-bottom:72px !important;
}
.tn-photo-strip-after-quote{
  background:#f1ece5 !important;
  padding:18px 3vw 30px !important;
  gap:12px !important;
}
.tn-photo-strip-after-quote .tn-photo-cell.placeholder{
  background:#ddd4ca !important;
  border:0 !important;
  aspect-ratio:1.25 / 1 !important;
}
.tn-photo-strip-after-quote .tn-photo-cell.placeholder span{
  color:var(--navy) !important;
  opacity:.55 !important;
}

/* SECTION 2: new warm field so it is clearly separate from navy quote; 50/50 cards */
.section-what-changes{
  background:#d9cfc3 !important;
  color:var(--navy) !important;
}
.section-what-changes .section-label,
.section-what-changes .card-label{
  color:var(--red) !important;
}
.section-what-changes .comparison{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
}
.section-what-changes .comparison-arrow{
  display:none !important;
}
.section-what-changes .comparison-card{
  min-width:0 !important;
}
.section-what-changes .comparison-proposed{
  background:var(--red) !important;
  color:#fff !important;
}
.section-what-changes .comparison-proposed .card-label,
.section-what-changes .comparison-proposed .source-note{
  color:#fff !important;
}
.section-what-changes .comparison-current{
  background:#f5f1eb !important;
  color:var(--navy) !important;
}
.section-what-changes .pretrial-box,
.section-what-changes .impact-callout{
  background:rgba(255,255,255,.52) !important;
  border-color:rgba(23,29,67,.16) !important;
  color:var(--navy) !important;
}

/* FAQ: plus first, no numbers */
.faq-item summary{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  gap:16px !important;
  align-items:center !important;
}
.faq-item summary::after{
  display:none !important;
  content:none !important;
}
.faq-plus{
  display:block !important;
  font-family:"Libre Franklin",Arial,sans-serif !important;
  font-size:28px !important;
  font-weight:400 !important;
  line-height:1 !important;
  color:#d8b7a9 !important;
  text-align:left !important;
}
.faq-item[open] .faq-plus{
  font-size:0 !important;
}
.faq-item[open] .faq-plus::after{
  content:"−";
  font-size:28px;
}
.faq-question{
  font:inherit !important;
  color:inherit !important;
  letter-spacing:normal !important;
}
.faq-answer{
  padding-left:50px !important;
}

@media(max-width:1000px){
  .hero-no-line,
  .hero-no-text{
    width:auto !important;
    min-width:0 !important;
  }
  .section1-heading{
    grid-template-columns:1fr !important;
  }
  .section1-content{
    grid-template-columns:1fr !important;
    margin-left:0 !important;
  }
  .section-what-changes .comparison{
    grid-template-columns:1fr !important;
  }
}


/* ===== V4 marked corrections ===== */

/* HERO — exactly like bottom lockup: black NO ON + red 1, one line */
.hero-no-line{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:visible !important;
}
.hero-no-text{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:baseline !important;
  gap:.14em !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  font-size:61px !important;
  line-height:1 !important;
}
.hero-no-black{color:#202126 !important;}
.hero-one{color:var(--red) !important;}

/* SECTION 1 — reset legacy positioning that was fighting the rebuilt markup */
#constitution.section1{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  padding:96px 5vw 0 !important;
}
#constitution .section1-heading{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  gap:34px !important;
  align-items:start !important;
}
#constitution .section1-heading > div:last-child{
  min-width:0 !important;
  width:100% !important;
}
#constitution .section1-heading .section-title,
#constitution .section1-heading .section-lead{
  width:100% !important;
  max-width:1200px !important;
}
#constitution .section1-content{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  width:calc(100% - 106px) !important;
  max-width:none !important;
  margin:34px 0 0 106px !important;
  display:grid !important;
  grid-template-columns:minmax(0,3fr) minmax(330px,2fr) !important;
  gap:42px !important;
  align-items:end !important;
}
#constitution .section1-copy{
  min-width:0 !important;
  padding:0 0 68px !important;
}
#constitution .section1-people{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  align-self:end !important;
}
#constitution .section1-people img{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  display:block !important;
  width:100% !important;
  max-width:610px !important;
  height:auto !important;
  margin:0 0 0 auto !important;
  object-fit:contain !important;
  object-position:right bottom !important;
}

/* QUOTE + FIVE PHOTOS — one navy feature, not two separate bands */
.constitution-feature{
  background:var(--navy) !important;
  color:#fff !important;
}
.constitution-feature .constitution-quote{
  background:transparent !important;
  padding-bottom:48px !important;
}
.constitution-feature .tn-photo-strip-after-quote{
  background:transparent !important;
  padding:0 5vw 42px !important;
  gap:14px !important;
}
.constitution-feature .tn-photo-cell.placeholder{
  background:rgba(255,255,255,.085) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.constitution-feature .tn-photo-cell.placeholder span{
  color:#fff !important;
  opacity:.58 !important;
}

/* SECTION 2 — make Remember + Family Impact matching cards */
.section-what-changes .pretrial-box,
.section-what-changes .impact-callout{
  box-sizing:border-box !important;
  width:100% !important;
  margin:24px 0 0 !important;
  padding:34px 38px !important;
  min-height:0 !important;
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(23,29,67,.16) !important;
  border-left:5px solid var(--red) !important;
  color:var(--navy) !important;
}
.section-what-changes .pretrial-box h3,
.section-what-changes .impact-callout h3{
  font-family:"Libre Caslon Text",Georgia,serif !important;
  font-size:30px !important;
  line-height:1.18 !important;
  margin:8px 0 14px !important;
}
.section-what-changes .pretrial-box p,
.section-what-changes .impact-callout p{
  max-width:none !important;
}

/* SECTION 6 — consistent source-card internal alignment */
#fact-check .source-grid{
  align-items:stretch !important;
}
#fact-check .source-card{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-rows:32px minmax(96px,auto) 1fr !important;
  align-content:start !important;
  padding:34px 36px !important;
  min-height:310px !important;
}
#fact-check .source-card .card-label{
  margin:0 !important;
  align-self:start !important;
}
#fact-check .source-card h3{
  margin:14px 0 18px !important;
  align-self:start !important;
}
#fact-check .source-card p{
  margin:0 !important;
  align-self:start !important;
}

/* Keep the top navigation compact again */
.top-nav,
.hero-nav{
  justify-content:space-between !important;
}

@media(max-width:900px){
  #constitution .section1-heading{grid-template-columns:1fr !important;}
  #constitution .section1-content{
    width:100% !important;
    margin-left:0 !important;
    grid-template-columns:1fr !important;
  }
  .hero-no-text{font-size:clamp(42px,10vw,61px) !important;}
}


/* ===== HERO FIX ONLY ===== */
/* Keep NO ON 1. together and keep Tennessee as a true background image. */
.hero-no-line{
  position:relative !important;
  display:inline-block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  isolation:isolate !important;
}

.hero-no-text{
  position:relative !important;
  z-index:2 !important;
  display:inline-flex !important;
  flex-wrap:nowrap !important;
  align-items:baseline !important;
  gap:.16em !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:normal !important;
  font-size:61px !important;
  line-height:1 !important;
}

.hero-no-black{
  color:#202126 !important;
}

.hero-one{
  color:var(--red) !important;
}

.hero-tn-image{
  position:absolute !important;
  z-index:1 !important;
  left:50% !important;
  top:54% !important;
  width:560px !important;
  max-width:none !important;
  height:auto !important;
  transform:translate(-50%,-50%) rotate(-1deg) !important;
  opacity:.24 !important;
  pointer-events:none !important;
  user-select:none !important;
}

@media(max-width:900px){
  .hero-no-text{
    font-size:clamp(42px,8vw,61px) !important;
  }
  .hero-tn-image{
    width:480px !important;
  }
}


/* ===== V6 SECTION 1 HARD RESET ===== */
/* Unique classes only. Older section1 rules cannot affect this structure. */

#constitution.boss-sec1{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  overflow:hidden !important;
  padding:96px 5vw 0 !important;
  box-sizing:border-box !important;
}

.boss-sec1-head{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  gap:34px !important;
  align-items:start !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

.boss-sec1-num{
  font-family:"Libre Franklin",Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1 !important;
  color:var(--red) !important;
  padding-top:8px !important;
}

.boss-sec1-headcopy{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
}

.boss-sec1-headcopy .section-title{
  width:100% !important;
  max-width:none !important;
  margin-right:0 !important;
}

.boss-sec1-headcopy .section-lead{
  width:100% !important;
  max-width:1250px !important;
  margin-right:0 !important;
}

.boss-sec1-body{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,60fr) minmax(340px,40fr) !important;
  gap:48px !important;
  align-items:end !important;
  width:calc(100% - 106px) !important;
  max-width:none !important;
  margin:36px 0 0 106px !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.boss-sec1-text{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  padding:0 0 68px !important;
}

.boss-sec1-text .section-body{
  width:100% !important;
  max-width:none !important;
}

.boss-sec1-image{
  position:relative !important;
  align-self:end !important;
  justify-self:end !important;
  width:100% !important;
  max-width:620px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  inset:auto !important;
  transform:none !important;
}

.boss-sec1-image img{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:620px !important;
  height:auto !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  inset:auto !important;
  transform:none !important;
  object-fit:contain !important;
  object-position:right bottom !important;
}

/* Keep the Tennessee seal visible but out of the content flow */
#constitution.boss-sec1 .tn-star-seal{
  left:18px !important;
  top:52% !important;
  transform:translateY(-50%) rotate(-7deg) !important;
}

@media(max-width:1000px){
  .boss-sec1-head{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .boss-sec1-body{
    grid-template-columns:1fr !important;
    width:100% !important;
    margin-left:0 !important;
  }

  .boss-sec1-text{
    padding-bottom:24px !important;
  }

  .boss-sec1-image{
    justify-self:center !important;
  }
}


/* ===== V7 requested fixes ===== */
.hero-no-line{
  position:relative !important;
  display:inline-flex !important;
  flex-flow:row nowrap !important;
  align-items:baseline !important;
  gap:.16em !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.hero-no-line .hero-no-black,
.hero-no-line .hero-one{
  position:relative !important;
  z-index:2 !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:61px !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
}
.hero-no-line .hero-no-black{ color:#202126 !important; }
.hero-no-line .hero-one{ color:var(--red) !important; }

.tn-placeholder-label{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:7px !important;
  text-align:center !important;
}
.tn-placeholder-label small{
  display:block !important;
  font-size:9px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  opacity:.48 !important;
}

#fact-check .source-card p{
  margin:0 !important;
}

@media(max-width:900px){
  .hero-no-line .hero-no-black,
  .hero-no-line .hero-one{
    font-size:clamp(42px,8vw,61px) !important;
  }
}


/* ===== V9 small requested fixes ===== */
#constitution.boss-sec1 .boss-sec1-body{
  margin-top:14px !important;
}

/* Section 2 family-impact closing line should not be bold */
.section-what-changes .impact-callout p:last-child,
.section-what-changes .impact-callout p:last-child strong{
  font-weight:400 !important;
}


/* =========================================================
   TN AMENDMENT 4 — Tennessee branding pass
   ========================================================= */

/* HERO
   - headline 63px
   - stronger Tennessee silhouette
   - Tennessee Capitol sits behind the Article I image
   - Capitol fades into the cream hero on the LEFT edge
*/
.hero-title > span:not(.hero-no-line),
.hero-no-line .hero-no-black,
.hero-no-line .hero-one{
  font-size:63px !important;
}
.hero-tn-image{
  opacity:.42 !important;
}

.hero-image{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
}
.hero-capitol-bg{
  position:absolute !important;
  z-index:0 !important;
  inset:-5% -10% -7% -32% !important;
  background:
    linear-gradient(90deg,
      rgba(248,246,238,1) 0%,
      rgba(248,246,238,.96) 10%,
      rgba(248,246,238,.68) 28%,
      rgba(248,246,238,.20) 53%,
      rgba(248,246,238,.08) 100%
    ),
    url("../images/tennessee-capitol.png") center right / cover no-repeat !important;
  filter:grayscale(1) sepia(.24) saturate(.58) !important;
  opacity:.34 !important;
  pointer-events:none !important;
}
.hero-image > img{
  position:relative !important;
  z-index:2 !important;
}


/* SECTION 1
   Original 60/40 composition returns.
   ONLY the first long paragraph spans the full width.
*/
#constitution.boss-sec1 .boss-sec1-body{
  display:grid !important;
  grid-template-columns:minmax(0,60fr) minmax(340px,40fr) !important;
  column-gap:48px !important;
  row-gap:24px !important;
  align-items:end !important;
  width:calc(100% - 106px) !important;
  margin:18px 0 0 106px !important;
  padding:0 !important;
}

.boss-sec1-callout{
  grid-column:1 / 2 !important;
  grid-row:1 !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
}

.boss-sec1-first{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  width:100% !important;
  max-width:1320px !important;
  margin:0 !important;
}

#constitution.boss-sec1 .boss-sec1-text{
  grid-column:1 / 2 !important;
  grid-row:3 !important;
  min-width:0 !important;
  padding:0 0 68px !important;
}

#constitution.boss-sec1 .boss-sec1-image{
  grid-column:2 / 3 !important;
  grid-row:3 !important;
  align-self:end !important;
  justify-self:end !important;
  width:100% !important;
  max-width:620px !important;
  margin:0 !important;
  padding:0 !important;
}

#constitution.boss-sec1 .boss-sec1-image img{
  display:block !important;
  width:100% !important;
  max-width:620px !important;
  height:auto !important;
  margin:0 0 0 auto !important;
  object-fit:contain !important;
  object-position:right bottom !important;
}


/* SECTION 2
   Horizontal TENNESSEE ghosted along the very top.
*/
.section-what-changes{
  position:relative !important;
  overflow:hidden !important;
}
.section2-tennessee{
  position:absolute !important;
  z-index:0 !important;
  top:-30px !important;
  left:5vw !important;
  right:auto !important;
  transform:none !important;
  font-family:"Libre Franklin",Arial,sans-serif !important;
  font-size:clamp(96px,11vw,178px) !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  line-height:1 !important;
  color:var(--navy) !important;
  opacity:.045 !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}
.section-what-changes > .section-number,
.section-what-changes > .section-content{
  position:relative !important;
  z-index:2 !important;
}


/* SECTION 3
   Full Tennessee flag background blended into the existing rust/maroon.
   It should read as the current red section first, flag second.
*/
#whats-next.section-red{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:var(--red) !important;
}
#whats-next.section-red::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  background:url("../images/tennessee-flag.png") 58% center / cover no-repeat !important;
  filter:grayscale(.08) saturate(.72) contrast(.92) !important;
  opacity:.30 !important;
  mix-blend-mode:soft-light !important;
  pointer-events:none !important;
}
#whats-next.section-red::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  background:rgba(155,61,43,.54) !important;
  pointer-events:none !important;
}
#whats-next.section-red > .section-number,
#whats-next.section-red > .section-content{
  position:relative !important;
  z-index:2 !important;
}


@media(max-width:1000px){
  #constitution.boss-sec1 .boss-sec1-body{
    grid-template-columns:1fr !important;
    width:100% !important;
    margin-left:0 !important;
  }
  .boss-sec1-callout,
  .boss-sec1-first,
  #constitution.boss-sec1 .boss-sec1-text,
  #constitution.boss-sec1 .boss-sec1-image{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .section2-tennessee{
    left:20px !important;
    top:-12px !important;
  }
  .hero-capitol-bg{
    inset:0 -10% 0 -18% !important;
  }
}


/* =========================================================
   TN AMENDMENT 4 — refinement pass
   ========================================================= */

/* HERO CAPITOL:
   cream/beige overall, full-height, softer contrast, no dark/black pockets
*/
.hero-capitol-bg{
  inset:-1% -8% -1% -28% !important;
  height:auto !important;
  min-height:102% !important;
  background:
    linear-gradient(90deg,
      rgba(248,246,238,1) 0%,
      rgba(248,246,238,.98) 14%,
      rgba(248,246,238,.90) 30%,
      rgba(248,246,238,.78) 48%,
      rgba(248,246,238,.72) 68%,
      rgba(248,246,238,.68) 100%
    ),
    linear-gradient(rgba(244,236,219,.68),rgba(244,236,219,.68)),
    url("../images/tennessee-capitol.png") center right / cover no-repeat !important;
  filter:grayscale(1) sepia(.58) brightness(1.24) contrast(.72) saturate(.55) !important;
  opacity:.78 !important;
  mix-blend-mode:normal !important;
}

/* SECTION 1:
   make the Tennessee three-star seal larger and more like a watermark
*/
#constitution.boss-sec1 .tn-star-seal{
  width:220px !important;
  height:220px !important;
  left:-24px !important;
  top:58% !important;
  opacity:.055 !important;
  border-width:6px !important;
}
#constitution.boss-sec1 .tn-star-seal .seal-star{
  font-size:66px !important;
}
#constitution.boss-sec1 .tn-star-seal .s1{left:39px !important;top:43px !important;}
#constitution.boss-sec1 .tn-star-seal .s2{right:35px !important;top:46px !important;}
#constitution.boss-sec1 .tn-star-seal .s3{left:75px !important;bottom:29px !important;}

/* TENNESSEE QUOTE:
   bring 1796 forward slightly
*/
.quote-watermark{
  opacity:.065 !important;
}

/* SECTION 2:
   bigger horizontal TENNESSEE, even softer
*/
.section2-tennessee{
  top:-54px !important;
  left:2.5vw !important;
  font-size:clamp(140px,15vw,245px) !important;
  opacity:.027 !important;
  letter-spacing:.015em !important;
}

/* SECTION 3:
   make the Tennessee flag more legible while still blending into the rust section
*/
#whats-next.section-red::before{
  background:url("../images/tennessee-flag.png") center center / cover no-repeat !important;
  filter:grayscale(.02) saturate(.95) contrast(.96) brightness(.86) !important;
  opacity:.47 !important;
  mix-blend-mode:soft-light !important;
}
#whats-next.section-red::after{
  background:rgba(155,61,43,.38) !important;
}

/* SECTION 4:
   large Tennessee silhouette watermark
*/
#alternatives.section-cream{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.section4-tn-silhouette{
  position:absolute !important;
  z-index:0 !important;
  right:-8vw !important;
  bottom:-3% !important;
  width:min(72vw,980px) !important;
  max-width:none !important;
  opacity:.055 !important;
  filter:grayscale(1) sepia(.28) !important;
  pointer-events:none !important;
  user-select:none !important;
}
#alternatives.section-cream > .section-number,
#alternatives.section-cream > .section-content{
  position:relative !important;
  z-index:2 !important;
}

/* FINAL CTA:
   very light Tennessee scenery/civic background
*/
.final-cta{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.bottom-tn-bg{
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  background:
    linear-gradient(rgba(248,246,238,.84),rgba(248,246,238,.84)),
    url("../images/tennessee-capitol.png") center 58% / cover no-repeat !important;
  filter:grayscale(1) sepia(.38) brightness(1.18) contrast(.74) !important;
  opacity:.72 !important;
  pointer-events:none !important;
}
.final-cta > *:not(.bottom-tn-bg){
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:1000px){
  #constitution.boss-sec1 .tn-star-seal{
    width:160px !important;
    height:160px !important;
    left:-38px !important;
  }
  .section2-tennessee{
    top:-22px !important;
    left:16px !important;
    font-size:110px !important;
  }
  .section4-tn-silhouette{
    width:95vw !important;
    right:-32vw !important;
  }
}


/* =========================================================
   TN AMENDMENT 4 V3 — targeted refinements
   ========================================================= */

/* HERO:
   Use the preprocessed cream-only Capitol asset.
   It fills the entire right-side hero height and fades away on the left.
*/
.hero-image{
  position:relative !important;
  align-self:stretch !important;
  min-height:100% !important;
  overflow:visible !important;
}
.hero-capitol-bg{
  position:absolute !important;
  z-index:0 !important;
  top:-14% !important;
  right:-8% !important;
  bottom:-14% !important;
  left:-34% !important;
  min-height:128% !important;
  background:url("../images/tennessee-capitol-cream.png") center right / cover no-repeat !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
.hero-image > img{
  position:relative !important;
  z-index:2 !important;
}


/* SECTION 2:
   Keep TENNESSEE fully visible at the very top.
*/
.section2-tennessee{
  top:12px !important;
  left:2.5vw !important;
  font-size:clamp(150px,16vw,260px) !important;
  opacity:.022 !important;
  line-height:.88 !important;
  transform:none !important;
}


/* SECTION 3:
   Revert to the previous, subtler flag treatment.
*/
#whats-next.section-red::before{
  background:url("../images/tennessee-flag.png") 58% center / cover no-repeat !important;
  filter:grayscale(.08) saturate(.72) contrast(.92) !important;
  opacity:.30 !important;
  mix-blend-mode:soft-light !important;
}
#whats-next.section-red::after{
  background:rgba(155,61,43,.54) !important;
}


/* SECTION 4:
   Make the Tennessee silhouette clearly present while still watermark-like.
*/
.section4-tn-silhouette{
  right:-5vw !important;
  bottom:-4% !important;
  width:min(76vw,1080px) !important;
  opacity:.105 !important;
  filter:none !important;
  mix-blend-mode:multiply !important;
}


/* BOTTOM CTA:
   Correctly attach a light Tennessee civic background to the DIV.
*/
.final-cta{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  padding-top:72px !important;
  padding-bottom:72px !important;
}
.bottom-tn-bg{
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  background:
    linear-gradient(rgba(248,246,238,.72),rgba(248,246,238,.72)),
    url("../images/tennessee-capitol-cream.png") center 55% / cover no-repeat !important;
  opacity:.78 !important;
  pointer-events:none !important;
}
.final-cta > *:not(.bottom-tn-bg){
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:1000px){
  .hero-capitol-bg{
    left:-18% !important;
    top:-4% !important;
    bottom:-4% !important;
  }
  .section2-tennessee{
    top:8px !important;
    font-size:110px !important;
  }
}


/* =========================================================
   V4 — position refinements
   ========================================================= */

/* HERO CAPITOL:
   push fully to the right edge and make it more visible
*/
.hero-image{
  overflow:visible !important;
}
.hero-capitol-bg{
  right:-14% !important;
  left:-28% !important;
  opacity:1 !important;
  background-position:right center !important;
}
/* The asset itself already has transparency, so increasing visual strength
   is done by slightly boosting contrast/opacity without reintroducing black. */
.hero-capitol-bg{
  filter:contrast(1.08) saturate(.9) !important;
}


/* SECTION 4:
   same size/color, just move Tennessee silhouette upward
*/
.section4-tn-silhouette{
  top:3% !important;
  bottom:auto !important;
}


/* BOTTOM CTA:
   full-bleed Tennessee image treatment.
   Break it out of the inner content width and cover the entire viewport width.
*/
.final-cta{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:110px max(6vw,70px) !important;
  box-sizing:border-box !important;
  background:transparent !important;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.bottom-tn-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
  background:
    linear-gradient(rgba(248,246,238,.62),rgba(248,246,238,.62)),
    url("../images/tennessee-capitol-cream.png") center center / cover no-repeat !important;
  opacity:1 !important;
  transform:none !important;
}

.final-cta > *:not(.bottom-tn-bg){
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:1000px){
  .hero-capitol-bg{
    right:-8% !important;
    left:-15% !important;
  }
  .final-cta{
    padding:80px 28px !important;
  }
}


/* =========================================================
   V5 — hero visibility / CTA skyline / Section 6 seal
   ========================================================= */

/* HERO CAPITOL:
   increase visibility and force it all the way to the right edge
*/
.hero-image{
  position:relative !important;
  overflow:visible !important;
}
.hero-capitol-bg{
  top:-10% !important;
  right:-22% !important;
  bottom:-10% !important;
  left:-18% !important;
  min-height:120% !important;
  background-position:right center !important;
  background-size:cover !important;
  opacity:1 !important;
  filter:contrast(1.16) saturate(.95) brightness(1.02) !important;
}

/* BOTTOM CTA:
   use Nashville skyline as a full-cover, full-bleed, low-opacity background
*/
.bottom-tn-bg{
  background:
    linear-gradient(rgba(248,246,238,.74),rgba(248,246,238,.74)),
    url("../images/nashville-skyline.png") center center / cover no-repeat !important;
  opacity:1 !important;
}

/* SECTION 6:
   same circle + three-star watermark treatment as Section 1
*/
#fact-check{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
#fact-check .sources-star-seal{
  position:absolute !important;
  z-index:0 !important;
  left:-20px !important;
  top:54% !important;
  transform:translateY(-50%) rotate(-7deg) !important;
  width:220px !important;
  height:220px !important;
  border:6px solid var(--navy) !important;
  border-radius:50% !important;
  opacity:.055 !important;
  pointer-events:none !important;
}
#fact-check .sources-star-seal .seal-star{
  position:absolute !important;
  color:var(--navy) !important;
  font-size:66px !important;
  line-height:1 !important;
}
#fact-check .sources-star-seal .s1{left:39px !important;top:43px !important;}
#fact-check .sources-star-seal .s2{right:35px !important;top:46px !important;}
#fact-check .sources-star-seal .s3{left:75px !important;bottom:29px !important;}

#fact-check > .section-number,
#fact-check > .section-content{
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:1000px){
  .hero-capitol-bg{
    right:-12% !important;
    left:-8% !important;
  }
  #fact-check .sources-star-seal{
    width:160px !important;
    height:160px !important;
    left:-38px !important;
  }
}


/* =========================================================
   V6 — final content/nav/contact pass
   ========================================================= */

/* HERO: use the exact supplied cream Capitol image */
.hero-capitol-bg{
  top:-10% !important;
  right:-22% !important;
  bottom:-10% !important;
  left:-18% !important;
  min-height:120% !important;
  background:url("../images/tennessee-capitol-hero.jpg") right center / cover no-repeat !important;
  opacity:.88 !important;
  filter:none !important;
}

/* Bottom CTA returns to a clean cream treatment — no photo */
.final-cta{
  background:#F8F6EE !important;
}
.bottom-tn-bg{
  display:none !important;
}

/* Keep expanded desktop nav on one line */
.site-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(14px,1.35vw,25px) !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}
.site-nav a{
  font-size:clamp(12px,.93vw,16px) !important;
}

/* Contact */
.contact-section{
  background:#F8F6EE !important;
  border-top:1px solid rgba(20,28,65,.12);
  position:relative;
}
.contact-content{
  max-width:1180px;
}
.contact-content .section-lead{
  max-width:760px;
  margin-bottom:34px;
}
.jotform-wrap{
  width:100%;
  max-width:1000px;
  background:#fff;
  border:1px solid rgba(20,28,65,.12);
  padding:18px;
  box-sizing:border-box;
}

@media(max-width:1200px){
  .site-nav{
    gap:12px !important;
  }
  .site-nav a{
    font-size:12px !important;
  }
}

/* Expanded top navigation */
.top-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(12px,1.25vw,23px) !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}
.top-nav a{
  font-size:clamp(12px,.88vw,16px) !important;
}
@media(max-width:1200px){
  .top-nav{gap:10px !important;}
  .top-nav a{font-size:11.5px !important;}
}


/* =========================================================
   V7 CLEANUP PASS
   ========================================================= */

/* HERO
   Use the newly supplied Capitol image as a true full-cover background.
   No inset photo-box feel, no partial alignment.
*/
.hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#F8F6EE !important;
}

.hero::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  background:url("../images/tennessee-capitol-hero.jpg") center right / cover no-repeat !important;
  opacity:.42 !important;
  pointer-events:none !important;
}

.hero::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  background:linear-gradient(
    90deg,
    rgba(248,246,238,.98) 0%,
    rgba(248,246,238,.94) 32%,
    rgba(248,246,238,.72) 54%,
    rgba(248,246,238,.38) 72%,
    rgba(248,246,238,.20) 100%
  ) !important;
  pointer-events:none !important;
}

/* Disable the old right-column Capitol layer entirely */
.hero-capitol-bg{
  display:none !important;
}

.hero-main,
.hero-nav{
  position:relative !important;
  z-index:2 !important;
}

/* Keep Article I art above the hero background */
.hero-image{
  background:transparent !important;
}
.hero-image > img{
  position:relative !important;
  z-index:3 !important;
}


/* BOTTOM CTA
   One clean panel only. Remove the full-bleed breakout and nested/two-tone effect.
*/
.final-cta{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:96px 6vw !important;
  box-sizing:border-box !important;
  background:#F8F6EE !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border:0 !important;
}

.final-cta::before,
.final-cta::after{
  content:none !important;
  display:none !important;
}

.final-cta > *{
  position:relative !important;
  z-index:1 !important;
}


/* CONTACT
   Remove all outer card/border styling. Let the Jotform itself be the white form box.
*/
.contact-section{
  background:#F8F6EE !important;
  border-top:0 !important;
}

.jotform-wrap,
.jotform-clean{
  width:100% !important;
  max-width:1000px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Neutralize any iframe shell spacing created around the embedded Jotform */
.jotform-wrap iframe,
.jotform-clean iframe{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}

@media(max-width:1000px){
  .final-cta{
    padding:72px 28px !important;
  }
}


/* =========================================================
   V8 — hero / CTA / contact cleanup
   ========================================================= */

/* HERO:
   The supplied background image is already designed at low opacity.
   Show it at 100%, full cover/bleed, with no additional cream veil.
*/
.hero::before{
  inset:0 !important;
  background:url("../images/tennessee-capitol-hero.jpg") center right / cover no-repeat !important;
  opacity:1 !important;
}

.hero::after{
  content:none !important;
  display:none !important;
}

/* Keep all hero content above the background */
.hero-main,
.hero-nav{
  position:relative !important;
  z-index:2 !important;
}


/* CTA:
   Keep it inside Section 7 as simple centered text at the bottom.
   No separate panel, no breakout, no extra background.
*/
.final-cta{
  width:100% !important;
  max-width:none !important;
  margin:72px 0 0 !important;
  padding:54px 0 0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-align:center !important;
  overflow:visible !important;
}

.final-cta .section-label,
.final-cta .final-line{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* CONTACT:
   Condense the embed area and remove site-level shell styling.
   The Jotform itself remains the white form box.
*/
.contact-content{
  max-width:1120px !important;
}

.contact-content .section-lead{
  max-width:760px !important;
  margin-bottom:26px !important;
}

.jotform-wrap,
.jotform-clean{
  width:100% !important;
  max-width:820px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.jotform-wrap iframe,
.jotform-clean iframe{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

.contact-bottom{
  display:flex !important;
  justify-content:flex-end !important;
  width:100% !important;
  margin-top:24px !important;
}

.back-to-top{
  font-family:"Libre Franklin",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.05em !important;
  text-decoration:none !important;
  color:var(--navy) !important;
}

.back-to-top:hover{
  color:var(--red) !important;
}

@media(max-width:900px){
  .jotform-wrap,
  .jotform-clean{
    max-width:100% !important;
  }
}


/* =========================================================
   V9 — Section 2 family image + contact lead
   ========================================================= */

/* Match the 50/50 comparison columns directly above */
.section-what-changes .impact-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
  margin-top:24px !important;
}

.section-what-changes .impact-copy-stack{
  display:grid !important;
  grid-template-rows:1fr 1fr !important;
  gap:24px !important;
  min-width:0 !important;
}

.section-what-changes .impact-grid .pretrial-box,
.section-what-changes .impact-grid .impact-callout{
  margin:0 !important;
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}

.section-what-changes .impact-photo{
  min-width:0 !important;
  height:100% !important;
  overflow:hidden !important;
}

.section-what-changes .impact-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Keep the contact lead sentence on one line on desktop */
.contact-content .section-lead{
  max-width:none !important;
  white-space:nowrap !important;
}

@media(max-width:1000px){
  .section-what-changes .impact-grid{
    grid-template-columns:1fr !important;
  }

  .section-what-changes .impact-photo{
    min-height:360px !important;
  }

  .contact-content .section-lead{
    white-space:normal !important;
  }
}


/* =========================================================
   V10 — Section 4 family image layout
   ========================================================= */

#alternatives .alternatives-layout{
  display:grid !important;
  grid-template-columns:minmax(0,42fr) minmax(0,58fr) !important;
  gap:24px !important;
  align-items:stretch !important;
  margin-top:34px !important;
}

#alternatives .alternatives-stack{
  display:grid !important;
  grid-template-rows:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  border:1px solid rgba(30,32,38,.16) !important;
  background:rgba(248,246,238,.58) !important;
}

#alternatives .alternatives-stack .reason-card{
  margin:0 !important;
  min-height:0 !important;
  padding:20px 26px !important;
  border:0 !important;
  border-bottom:1px solid rgba(30,32,38,.14) !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

#alternatives .alternatives-stack .reason-card:last-child{
  border-bottom:0 !important;
}

#alternatives .alternatives-stack .reason-card span{
  display:block !important;
  margin-bottom:4px !important;
}

#alternatives .alternatives-stack .reason-card h3{
  margin:0 0 8px !important;
  line-height:1.08 !important;
}

#alternatives .alternatives-stack .reason-card p{
  margin:0 !important;
  line-height:1.35 !important;
}

#alternatives .alternatives-photo{
  min-width:0 !important;
  height:100% !important;
  overflow:hidden !important;
}

#alternatives .alternatives-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

#alternatives .alternatives-close{
  width:100% !important;
  max-width:none !important;
  margin-top:26px !important;
}

@media(max-width:1000px){
  #alternatives .alternatives-layout{
    grid-template-columns:1fr !important;
  }

  #alternatives .alternatives-photo{
    min-height:420px !important;
  }
}


/* =========================================================
   V11 — Section 1 / quote row / Section 4 image crop
   ========================================================= */

/* SECTION 1:
   First paragraph full width first.
   Move THE RIGHT TO BAIL callout below it, where marked.
*/
.boss-sec1-first{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
}

.boss-sec1-callout{
  grid-column:1 / 2 !important;
  grid-row:2 !important;
  margin-top:10px !important;
}

#constitution.boss-sec1 .boss-sec1-text{
  grid-column:1 / 2 !important;
  grid-row:3 !important;
}

#constitution.boss-sec1 .boss-sec1-image{
  grid-column:2 / 3 !important;
  grid-row:3 !important;
}


/* CONSTITUTION QUOTE:
   Carry the subtle diagonal-line background treatment through
   the entire quote + five-photo row, not just the quote area.
*/
.constitution-feature{
  position:relative !important;
  overflow:hidden !important;
  background:var(--navy) !important;
  isolation:isolate !important;
}

.constitution-feature::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 35%),
    repeating-linear-gradient(-8deg,rgba(255,255,255,.028) 0 1px,transparent 1px 13px) !important;
  pointer-events:none !important;
}

.constitution-feature .constitution-quote,
.constitution-feature .tn-photo-strip-after-quote{
  position:relative !important;
  z-index:1 !important;
}

/* Prevent a second texture layer from darkening only the upper quote */
.constitution-feature .constitution-quote::after{
  display:none !important;
}


/* SECTION 4:
   The photo should crop to the exact height of the four-row stack.
   Its intrinsic image height no longer makes the section taller.
*/
#alternatives .alternatives-layout{
  align-items:stretch !important;
}

#alternatives .alternatives-photo{
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}

#alternatives .alternatives-photo img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media(max-width:1000px){
  #alternatives .alternatives-photo{
    min-height:420px !important;
  }

  #alternatives .alternatives-photo img{
    position:absolute !important;
  }
}


/* =========================================================
   V12 — tighten Sec 1 / reveal 1796 / top-anchor Sec 4 photo
   ========================================================= */

/* SECTION 1 — remove dead space beneath the callout */
#constitution.boss-sec1 .boss-sec1-callout{
  margin-bottom:0 !important;
}

#constitution.boss-sec1 .boss-sec1-text,
#constitution.boss-sec1 .boss-sec1-image{
  margin-top:-105px !important;
}

/* Keep the family image sitting naturally on the section bottom */
#constitution.boss-sec1 .boss-sec1-image{
  align-self:end !important;
}

/* QUOTE SECTION — keep treatment, but pull 1796 fully above photo row */
.constitution-feature .constitution-quote{
  padding-bottom:38px !important;
}

.constitution-feature .quote-year,
.constitution-feature .constitution-year,
.constitution-feature .year-watermark{
  transform:translateY(-42px) !important;
}

/* If 1796 is rendered by the quote pseudo-element */
.constitution-feature .constitution-quote::before{
  transform:translateY(-42px) !important;
}

/* SECTION 4 — preserve row-matched crop but always keep TOP of photo */
#alternatives .alternatives-photo img{
  object-position:center top !important;
}


/* =========================================================
   V13 — repair Section 1 spacing + fully reveal 1796
   ========================================================= */

/* SECTION 1
   Undo the negative-margin shortcut from V12.
   The lower copy should begin naturally beneath the callout,
   while the family image can still sit to the bottom-right.
*/
#constitution.boss-sec1 .boss-sec1-body{
  align-items:start !important;
  row-gap:24px !important;
}

#constitution.boss-sec1 .boss-sec1-callout{
  margin-top:10px !important;
  margin-bottom:0 !important;
  align-self:start !important;
}

#constitution.boss-sec1 .boss-sec1-text{
  margin-top:0 !important;
  align-self:start !important;
  padding-top:0 !important;
  padding-bottom:68px !important;
}

#constitution.boss-sec1 .boss-sec1-image{
  margin-top:0 !important;
  align-self:end !important;
}

/* QUOTE SECTION
   The actual 1796 element is .quote-watermark.
   Keep the existing treatment, but place the full number
   above the image strip instead of clipping its bottom.
*/
.constitution-feature .constitution-quote{
  overflow:visible !important;
  padding-bottom:54px !important;
}

.constitution-feature .quote-watermark{
  right:18px !important;
  bottom:8px !important;
  transform:none !important;
  font-size:230px !important;
  line-height:.88 !important;
}

/* Keep the five-photo row above any overflow from the quote area */
.constitution-feature .tn-photo-strip-after-quote{
  position:relative !important;
  z-index:3 !important;
}