/* City of Mesa editorial case study */
.mesa-case{--mesa-ink:#101010;--mesa-gray:#696969;color:var(--mesa-ink);background:#fff;padding:0 clamp(22px,3.5vw,70px) 100px;overflow:hidden}
.mesa-case *{box-sizing:border-box}.mesa-case a{color:inherit}.mesa-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d8d8d8;padding:31px 0 24px;font-size:11px;font-weight:600;letter-spacing:.12em}.mesa-topline a{text-decoration:none}.mesa-topline a:hover{text-decoration:underline}.mesa-hero{padding:110px 0 85px}.mesa-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;display:flex;gap:13px;align-items:center}.mesa-diamond{font-size:14px}.mesa-hero h1,.mesa-case h2,.mesa-case h3,.mesa-question p,.mesa-findings blockquote,.mesa-design-note p{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.038em}.mesa-hero h1{font-size:clamp(95px,13.1vw,220px);line-height:.79;margin:53px 0 70px}.mesa-case em{font-weight:400}.mesa-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.mesa-hero-bottom p{font-size:clamp(19px,2.1vw,31px);line-height:1.36;max-width:790px;margin:0}.mesa-hero-bottom a{text-decoration:none;font-size:12px;letter-spacing:.12em;white-space:nowrap}.mesa-cover{margin:0}.mesa-cover img{display:block;width:100%;max-height:770px;aspect-ratio:1.85;object-fit:cover}.mesa-cover figcaption{padding:13px 0;font-size:10px;letter-spacing:.1em;color:#777}.mesa-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:55px 0 75px;border-bottom:1px solid #111}.mesa-meta>div{display:flex;flex-direction:column;gap:19px}.mesa-meta span,.mesa-chapter-label,.mesa-jump,.mesa-question>span,.mesa-methods article>span,.mesa-findings article>span,.mesa-quote-note,.mesa-decision-tag,.mesa-compare-heading>span,.mesa-compare-label,.mesa-compare>a,.mesa-design-note>span,.mesa-evidence>span,.mesa-ending-row>div>span,.mesa-bottom-nav{font-size:11px;letter-spacing:.12em;font-weight:600}.mesa-meta span{color:#777}.mesa-meta strong{font-size:17px;line-height:1.45;font-weight:500}.mesa-jump{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #ddd;padding:23px 0}.mesa-jump>span{color:#777;margin-right:auto}.mesa-jump a{text-decoration:none;border:1px solid #d5d5d5;border-radius:100px;padding:10px 16px}.mesa-jump a:hover{background:#111;color:#fff}.mesa-section{padding-top:175px;scroll-margin-top:40px}.mesa-chapter-label{display:flex;justify-content:space-between;border-top:1px solid #111;padding-top:20px;margin-bottom:85px}.mesa-split{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:start}.mesa-split h2{font-size:clamp(57px,6.1vw,105px);line-height:.94;margin:0}.mesa-copy{padding-top:7px}.mesa-copy p{font-size:clamp(17px,1.25vw,20px);line-height:1.6;color:#444;margin:0 0 22px}.mesa-question{margin-top:105px;padding:40px clamp(30px,5vw,90px) 55px;background:#101010;color:#fff}.mesa-question p{font-size:clamp(44px,5.3vw,92px);line-height:1.02;max-width:1100px;margin:55px 0 0}.mesa-research-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:95px 0 70px;border-top:1px solid #111;border-bottom:1px solid #111}.mesa-research-grid>div{display:flex;flex-direction:column;gap:14px;padding:28px 30px 32px 0}.mesa-research-grid>div+div{padding-left:30px;border-left:1px solid #ddd}.mesa-research-grid strong{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(75px,9vw,145px);line-height:1}.mesa-research-grid span{font-size:11px;letter-spacing:.1em}.mesa-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.mesa-methods article{padding-top:20px;border-top:1px solid #bbb}.mesa-methods h3{font-size:clamp(31px,3.2vw,51px);line-height:1;margin:23px 0}.mesa-methods p{font-size:16px;line-height:1.6;color:#555}.mesa-findings{display:grid;grid-template-columns:repeat(2,1fr);margin-top:90px;border-top:1px solid #111}.mesa-findings article{padding:35px 45px 40px 0;border-bottom:1px solid #ddd;min-height:330px}.mesa-findings article:nth-child(even){border-left:1px solid #ddd;padding-left:45px}.mesa-findings article>span{color:#777}.mesa-findings blockquote{font-size:clamp(34px,3.4vw,56px);line-height:1.1;margin:35px 0 22px}.mesa-findings p{font-size:15px;line-height:1.6;color:#666;max-width:480px}.mesa-quote-note{color:#777;margin-top:18px}.mesa-decisions{margin-top:100px;border-top:1px solid #111}.mesa-decisions article{display:grid;grid-template-columns:60px 1fr 175px;gap:5%;padding:47px 0;border-bottom:1px solid #ddd}.mesa-decisions article>span{font-size:13px;color:#777}.mesa-decisions h3{font-size:clamp(40px,4.1vw,68px);line-height:1.02;margin:0 0 20px}.mesa-decisions p{font-size:17px;line-height:1.55;color:#555;max-width:710px}.mesa-decision-tag{align-self:start;text-align:right;color:#777}.mesa-compare-heading{display:grid;grid-template-columns:1fr 2fr;gap:5%;align-items:start;margin:125px 0 40px}.mesa-compare-heading>span{padding-top:15px}.mesa-compare-heading h3{font-size:clamp(60px,7vw,115px);line-height:1;margin:0}.mesa-compare-heading p{grid-column:2;font-size:16px;line-height:1.5;color:#666;max-width:680px}.mesa-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mesa-compare article{background:#f0f0ef;padding:22px}.mesa-compare-label{display:flex;justify-content:space-between;margin-bottom:20px}.mesa-paper{background:white;min-height:580px;box-shadow:0 3px 25px #00000010;padding:clamp(25px,4vw,60px);font-family:Arial,sans-serif}.mesa-paper-title{text-align:center;font-size:15px;font-weight:bold;color:#164357;margin-bottom:30px}.mesa-paper-sub{font-size:11px;line-height:1.5;margin-bottom:26px}.mesa-paper ol{padding-left:18px}.mesa-paper li{font-size:12px;line-height:1.4;margin:0 0 22px}.mesa-paper small{display:block;font-size:11px;line-height:1.8;padding:8px 0 0 12px}.mesa-compare-caption{min-height:155px;margin:25px 0}.mesa-compare-caption strong{font:34px/1.1 'Instrument Serif',Georgia,serif}.mesa-compare-caption p{font-size:15px;line-height:1.55;color:#555;max-width:480px}.mesa-compare>a{display:inline-block;padding:15px 0;text-decoration:none;border-bottom:1px solid #111}.mesa-design-note{background:#111;color:#fff;padding:45px clamp(25px,5vw,80px);margin-top:80px}.mesa-design-note p{font-size:clamp(45px,5vw,80px);line-height:1.05;margin:45px 0 15px}.mesa-results{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111;border-bottom:1px solid #111;margin-top:90px}.mesa-results>div{padding:35px 25px 45px 0}.mesa-results>div+div{border-left:1px solid #ddd;padding-left:30px}.mesa-results strong{font:clamp(90px,10vw,170px)/.95 'Instrument Serif',Georgia,serif;letter-spacing:-.05em}.mesa-results strong span{font-size:.5em}.mesa-results p{font-size:17px;color:#555;max-width:250px}.mesa-evidence{margin-top:45px;display:grid;grid-template-columns:1fr 2fr;gap:6%;border-top:1px solid #ddd;padding-top:26px}.mesa-evidence p{font-size:16px;line-height:1.65;color:#555;margin:0;max-width:850px}.mesa-ending{padding-bottom:110px}.mesa-ending>h2{font-size:clamp(70px,9.5vw,160px);line-height:.91;margin:0 0 90px}.mesa-ending-row{display:grid;grid-template-columns:1fr 1fr;gap:15%;border-top:1px solid #111;padding-top:35px}.mesa-ending-row>p{font-size:clamp(21px,2.2vw,33px);line-height:1.45;margin:0}.mesa-ending-row>div p{font-size:17px;line-height:1.65;color:#555}.mesa-bottom-nav{display:flex;justify-content:space-between;gap:40px;border-top:1px solid #111;padding-top:35px}.mesa-bottom-nav a{text-decoration:none}.mesa-bottom-nav>div{text-align:right;display:flex;flex-direction:column;gap:20px}.mesa-bottom-nav>div>a{font:clamp(31px,4vw,63px)/1 'Instrument Serif',Georgia,serif;letter-spacing:-.03em;max-width:580px}
@media(max-width:900px){.mesa-hero{padding:85px 0 65px}.mesa-hero h1{font-size:clamp(90px,13vw,150px)}.mesa-split{grid-template-columns:1fr;gap:30px}.mesa-section{padding-top:115px}.mesa-chapter-label{margin-bottom:55px}.mesa-meta{grid-template-columns:repeat(2,1fr);row-gap:35px}.mesa-decisions article{grid-template-columns:45px 1fr}.mesa-decision-tag{grid-column:2;text-align:left}.mesa-paper{min-height:520px;padding:28px}.mesa-compare article{padding:15px}}
@media(max-width:600px){.mesa-case{padding:0 20px 70px}.mesa-topline{font-size:9px}.mesa-topline span:last-child{display:none}.mesa-hero h1{font-size:clamp(70px,16vw,105px);margin:40px 0}.mesa-hero-bottom{display:block}.mesa-hero-bottom a{display:inline-block;margin-top:30px}.mesa-cover img{aspect-ratio:1.1}.mesa-meta{padding:35px 0 50px}.mesa-meta strong{font-size:14px}.mesa-jump{gap:8px}.mesa-jump>span{width:100%;margin-bottom:8px}.mesa-jump a{padding:8px 11px;font-size:10px}.mesa-section{padding-top:90px}.mesa-chapter-label{margin-bottom:40px}.mesa-split h2{font-size:clamp(55px,12vw,78px)}.mesa-copy p{font-size:16px}.mesa-question{margin-top:55px}.mesa-question p{font-size:45px;margin-top:30px}.mesa-research-grid{margin:60px 0 45px}.mesa-research-grid>div{padding:20px 7px}.mesa-research-grid>div+div{padding-left:10px}.mesa-research-grid strong{font-size:60px}.mesa-research-grid span{font-size:9px}.mesa-methods{grid-template-columns:1fr;gap:30px}.mesa-findings{grid-template-columns:1fr;margin-top:55px}.mesa-findings article{min-height:auto;padding:28px 0}.mesa-findings article:nth-child(even){border-left:0;padding-left:0}.mesa-findings blockquote{font-size:37px;margin:25px 0}.mesa-decisions{margin-top:55px}.mesa-decisions article{grid-template-columns:25px 1fr;gap:15px;padding:28px 0}.mesa-decisions h3{font-size:39px}.mesa-decisions p{font-size:15px}.mesa-compare-heading{display:block;margin:70px 0 35px}.mesa-compare-heading h3{margin:20px 0;font-size:64px}.mesa-compare{grid-template-columns:1fr}.mesa-paper{min-height:530px}.mesa-design-note{margin-top:45px}.mesa-design-note p{font-size:46px}.mesa-results{grid-template-columns:1fr;margin-top:55px}.mesa-results>div,.mesa-results>div+div{padding:25px 0;border-left:0;border-bottom:1px solid #ddd}.mesa-results strong{font-size:100px}.mesa-evidence{display:block}.mesa-evidence p{margin-top:20px}.mesa-ending>h2{font-size:65px;margin-bottom:55px}.mesa-ending-row{display:block}.mesa-ending-row>div{margin-top:45px}.mesa-bottom-nav>div>a{font-size:32px}}
@media(prefers-reduced-motion:reduce){.mesa-case *{scroll-behavior:auto}}

/* V26: show actual user-provided survey artifacts, not recreated forms. */
.mesa-compare .mesa-paper-image{padding:0;min-height:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:#fff}
.mesa-paper-image img{width:100%;height:auto;display:block;object-fit:contain}
.mesa-compare .mesa-compare-caption{min-height:155px}
@media(max-width:600px){.mesa-compare .mesa-paper-image{min-height:0}}

/* V27: Make the real before/after survey artifacts precisely level.
   The shared aspect ratio keeps both image panels and their captions/links aligned,
   while object-fit: contain preserves the entire form in each photo. */
.mesa-compare { align-items: stretch; }
.mesa-compare > article { display: flex; flex-direction: column; min-width: 0; }
.mesa-compare .mesa-paper-image {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  aspect-ratio: 1.19 / 1;
  padding: 0;
  min-height: 0;
  overflow: hidden;
  background: #fff;
  display: block;
}
.mesa-compare .mesa-paper-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
}
.mesa-compare .mesa-compare-caption {
  flex: 1 0 auto;
  min-height: 0;
  margin: 25px 0 22px;
}
.mesa-compare > article > a {
  margin-top: auto;
  align-self: flex-start;
}
@media (max-width: 600px) {
  .mesa-compare .mesa-paper-image { aspect-ratio: 1.19 / 1; }
  .mesa-compare .mesa-compare-caption { flex: 0 0 auto; }
}

/* V28 — the supplied before screenshot and redesigned survey have matching
   1216:1020 display dimensions and identical top alignment. */
.mesa-compare .mesa-paper-image{aspect-ratio:1216/1020;}
.mesa-compare .mesa-paper-image img{object-fit:contain;object-position:center top;}
@media(max-width:600px){.mesa-compare .mesa-paper-image{aspect-ratio:1216/1020;}}

/* V60 — keep the longest research section headings inside 320px screens. */
@media (max-width: 380px) {
  .mesa-split h2 { font-size: clamp(42px, 12.5vw, 48px); }
}