/* Proportions, surface clarity, and contrast. Brand typography is inherited. */
:root{
  --line:#cbd8ce;
  --pale:#f5f7f3;
  --muted:#42584b;
  --control-edge:#7b9484;
}

.section-title>p,.text-column>p{max-width:68ch}
.split .intro>p,.case-copy>p:not(.eyebrow){max-width:58ch}
.hero .lead{max-width:59ch}

/* Bright white remains the dominant surface; tint distinguishes tasks. */
.page-index #services{background:linear-gradient(150deg,#fafbf8 0%,#fff 60%,#f4f6f1 100%)}
#insights,#source-records{background:linear-gradient(125deg,#f8faf5 0%,#eef3ec 100%)}
.editorial-lede{background:linear-gradient(110deg,#fff 15%,#f5f7f0 100%)}
.lede-plate:after{inset:7px -6px -6px 7px;background:#e1e7db}
.feature-still{box-shadow:0 10px 28px #173d2f12}
.feature-still>img{filter:brightness(1.055) contrast(1.02) saturate(.96)}
body:not(.page-getting-started) .lede-plate>img,.contact-plate{filter:brightness(1.035) contrast(1.015)}

/* Quiet boundaries replace heavy ledges; related controls line up. */
.triplet:has(.offer-example){gap:20px}
.triplet article:has(.offer-example){
  display:flex;flex-direction:column;
  padding:24px;
  border:1px solid var(--line);border-top:2px solid #7c9b87;
  background:#fff;box-shadow:0 4px 16px #173d2f05;
}
.triplet article:has(.offer-example)>p{margin-bottom:18px}
.triplet article:has(.offer-example) .offer-example{margin-top:auto;padding-top:14px}
.offer-example summary{min-height:26px}
.record-studio{border-color:var(--line);box-shadow:0 5px 18px #173d2f09}
.record-controls span{border-color:var(--control-edge);min-height:42px}
.record-notes{padding:18px 20px}
.delivery-stage{border-left-width:2px;padding:20px 24px}
.prep-check{padding:20px 24px 22px}
.prep-check label{padding:11px 0}

.page-contact h1{font-size:clamp(2.25rem,4.1vw,3.5rem);line-height:1.08;margin-bottom:20px}
.practice-form{padding:28px;border:1px solid var(--line);border-top:2px solid var(--green)}
.practice-form input:not([type=hidden]),.practice-form textarea{
  border-color:var(--control-edge);border-radius:2px;
}
.practice-form input:not([type=hidden]){min-height:46px}
.question-ideas button{min-height:36px;border-color:var(--control-edge)}

.exec-title{gap:24px}
.exec-filters{border-top-width:2px;background:#f4f7f1}
.exec-filters select,.controls select{border-color:var(--control-edge);min-height:42px}
.exec-metrics>div{padding:20px}
.exec-panels{gap:22px}
.exec-panels article{padding:22px;border-color:var(--line);background:#fff}
.exec-metrics strong{margin:8px 0}
.exec-metrics>div:first-child small{color:#e9e1c8}
.posting-preview{border-left-width:2px;background:#f4f5ed}
.exec-table,.exec-work{border-top-width:1px}
.report-table th,.report-table td{padding-block:12px}

.legal-main{width:min(680px,calc(100% - 40px));max-width:none;margin:50px auto 64px;padding:0}
.legal-main h1{font-size:clamp(2.25rem,4.1vw,3.5rem);line-height:1.1}
.legal-main p{line-height:1.8}
.policy-nav{gap:9px 20px;padding-block:16px}

/* Content retains its reading size while the surrounding space scales down. */
@media(max-width:900px){
  .triplet article:has(.offer-example){padding:20px}
  .exec-panels article{padding:20px}
}
@media(max-width:760px){
  .record-notes{padding:17px 18px}
  .delivery-stage{padding:17px 16px}
  .prep-check{padding:17px 18px 20px}
  .exec-metrics>div{padding:17px 13px}
  .exec-metrics>div:nth-child(n+3){border-bottom:0}
  .exec-panels article{padding:20px 18px}
  .legal-main{margin-block:34px 48px}
}
@media(max-width:600px){
  .mast nav a{display:inline-flex;align-items:center;min-height:32px}
  .mast nav{gap:2px 14px;margin-top:8px}
  .mast nav .nav-cta{padding:0}
  .practice-form{padding:24px 20px}
  .page-contact h1{font-size:clamp(2.25rem,8vw,3rem)}
  .page-contact .contact .form-area>div>p{max-width:42ch}
  .exec-filters{gap:14px 12px;padding:16px 14px}
  .exec-filters label{flex:1 1 130px;min-width:0}
  .exec-filters select{width:100%;max-width:100%}
  .reset-filter{min-height:32px}
  .triplet article:has(.offer-example){padding:22px}
}
@media(max-width:360px){
  .mast nav{gap:2px 12px}
  .triplet article:has(.offer-example){padding:20px}
  .practice-form{padding:22px 17px}
  .exec-metrics>div{padding:15px 11px}
}
@media(max-width:440px){.mast nav{display:grid;grid-template-columns:repeat(3,max-content);gap:0 14px}}
.hero h1{max-width:15ch}.hero h1 em{display:inline}