html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;padding:0;font-family:"Inter", sans-serif;}
header {
    width: 100%;
    background: var(--paint-accent);
    color: var(--paint-primary);
    border-bottom: 1px solid var(--surface-dark);
  }
:root {
  --paint-accent: #f7f2ea;
  --surface-dark: #e2d7c6;
  --paint-primary: #2a241d;
  --ease-fast: cubic-bezier(0.22,1,0.36,1);
}
.offer-region {
    max-width: 1480px;
    margin: 0 auto;
    padding: 1.5rem 2.52rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.39rem;
  }
.service-wrap {
    font-size: calc(19.5px * 1.125);
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--paint-primary);
    text-decoration: none;
    line-height: 1.2;
    white-space: nowrap;
  }
.service-wrap:hover {
    color: #c98a4b;
  }
.strong-quote {
    display: flex;
    align-items: center;
  }
.steady-visual {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: calc(1.39rem * 1.5);
  }
.team-entries {
    display: inline-block;
    font-size: calc(19.5px * .875);
    color: var(--paint-primary);
    text-decoration: none;
    padding: 0.4rem 0;
    transition: color 370ms var(--ease-fast);
  }
.team-entries:hover {
    color: #c98a4b;
  }
.narrow-rail {
    padding: 0.5rem 1rem;
    border: 1px solid var(--surface-dark);
    border-radius: 0.31rem;
    background: transparent;
    color: var(--paint-primary);
    transition: background 370ms var(--ease-fast), color 370ms var(--ease-fast), border-color 370ms var(--ease-fast);
  }
.narrow-rail:hover {
    background: color-mix(in srgb, currentColor 10%, transparent);
    color: #c98a4b;
    border-color: #c98a4b;
  }
.soft-contact{
    display: none;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--surface-dark);
    border-radius: 0.31rem;
    background: transparent;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;color:#2a241d;}
.open-feature{
    display: block;
    width: 18px;
    height: 2px;
    background: var(--paint-primary);
    border-radius: 2px;
    transition: transform 370ms var(--ease-fast), opacity 370ms var(--ease-fast);color:#2a241d;}
.soft-contact[aria-expanded="true"] .open-feature:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }
.soft-contact[aria-expanded="true"] .open-feature:nth-child(2) {
    opacity: 0;
  }
.soft-contact[aria-expanded="true"] .open-feature:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }
@media (max-width: 767px) {
    .offer-region {
      flex-wrap: wrap;
      padding: calc(1.39rem * 1.5) 2.52rem;
    }

    .soft-contact {
      display: flex;
    }

    .strong-quote {
      display: none;
      width: 100%;
      flex-basis: 100%;
    }

    .strong-quote.is-open {
      display: block;
    }

    .steady-visual {
      flex-direction: column;
      align-items: stretch;
      gap: 0;
      padding: calc(1.39rem * 1.5) 0 0;
    }

    .steady-visual li {
      border-top: 1px solid var(--surface-dark);
    }

    .team-entries {
      display: block;
      padding: 0.85rem 0;
      font-size: 19.5px;
    }

    .narrow-rail {
      margin: 0.75rem 0;
      padding: 0.75rem 1rem;
      text-align: center;
      border-top: none;
    }
  }
.secondary-unit{font-family:"Inter", sans-serif;font-size:calc(19.5px * .875);line-height:1.78;width:100%;padding:0;background:#2a241d;color:#f7f2ea;}
.top-copy{max-width:1480px;margin:0 auto;padding:calc(1.5rem * 2.4) 2.52rem}
.page-region{display:grid;grid-template-columns:1fr;gap:calc(1.39rem * 1.5)}
.open-area{max-width:28rem}
.main-benefit{display:inline-block;color:inherit;text-decoration:none;font-size:calc(19.5px * 1.125);font-weight:600;letter-spacing:0.01em}
.main-benefit:hover{color:inherit;text-decoration:underline}
.plain-body{margin:1.5rem 0 0;color:inherit;opacity:0.85}
.content-header{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1.39rem}
.content-header li{margin:0}
.content-header a{color:inherit;text-decoration:none;padding:0.15rem 0;display:inline-block}
.content-header a:hover{color:inherit;text-decoration:underline}
.top-proof{display:flex;flex-direction:column;gap:0.25rem}
.steady-rail{margin:0;color:inherit}
.steady-rail a{color:inherit;text-decoration:none}
.steady-rail a:hover{color:inherit;text-decoration:underline}
.compact-body{margin-top:calc(1.39rem * 1.5);padding-top:1.5rem;border-top:1px solid rgba(255, 255, 255, 0.15);display:flex;flex-wrap:wrap;gap:1.39rem;align-items:center;justify-content:space-between}
.focused-quote{margin:0;color:inherit;opacity:0.85}
.content-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1.39rem}
.content-list a{color:inherit;text-decoration:none}
.content-list a:hover{color:inherit;text-decoration:underline}
.site-wrap{margin:1.5rem 0 0;color:inherit;opacity:0.75;font-size:calc(19.5px * .875);max-width:60rem}
@media (min-width: 768px) {.page-region{grid-template-columns:1.2fr 2fr 1fr;gap:calc(1.39rem * 1.5);align-items:start}.content-header{column-gap:calc(1.39rem * 1.5);row-gap:0.4rem}
  }
footer,footer *{border-radius:0!important;}
.cookies {
  position: fixed;
  left: calc(1.5rem * .75);
  top: 50%;
  transform: translateY(-50%);
  width: 320px;
  max-width: 360px;
  z-index: 9999;
  font-family: "Inter", sans-serif;
  font-size: calc(19.5px * .875);
  line-height: 1.78;
}
.cookies .public-actions {
  background: #fdfaf5;
  color: #2a241d;
  border: 1px solid var(--surface-dark);
  border-radius: 1rem;
  box-shadow: 0 6px 18px rgba(0,0,0,0.22);
  padding: calc(1.5rem * .75);
  display: flex;
  flex-direction: column;
  gap: 1.39rem;
}
.cookies .active-method {
  margin: 0;
  font-size: 19.5px;
  font-weight: 600;
}
.cookies .steady-wrap {
  margin: 0;
  font-size: calc(19.5px * .875);
}
.cookies .steady-wrap a {
  color: #8a6f52;
  text-decoration: underline;
}
.cookies .steady-wrap a:hover {
  color: #c98a4b;
}
.cookies .top-tile {
  display: flex;
  flex-direction: column;
  gap: 1.39rem;
}
.cookies .steady-items {
  font-family: inherit;
  font-size: calc(19.5px * .875);
  padding: calc(1.39rem * 1.5) calc(1.5rem * .75);
  border-radius: 0.61rem;
  border: 1px solid var(--surface-dark);
  background: transparent;
  color: #2a241d;
  cursor: pointer;
  transition: background 370ms var(--ease-fast);
}
.cookies .steady-items:hover{
  background: color-mix(in srgb, currentColor 10%, transparent);color:#2a241d;}
.cookies .cookie-accept {
  background: #8a6f52;
  color: #fbf7f1;
  border-color: #8a6f52;
}
.cookies .cookie-accept:hover{
  background: #755c42;
  border-color: #755c42;color:#2a241d;}
@media (max-width: 480px) {
  .cookies {
    left: calc(1.39rem * 1.5);
    right: calc(1.39rem * 1.5);
    width: auto;
    max-width: none;
  }
}
.public-callout{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.public-callout .featured-region{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 56px;
    align-items: center;}
.public-callout .steady-wrap{display: flex;
    flex-direction: column;
    gap: 22px;}
.public-callout h1{margin: 0;
    font-size: clamp(2rem, 3.4vw, 3.05rem);
    line-height: 1.1;
    letter-spacing: -0.015em;
    font-weight: 600;}
.public-callout .simple-benefit{margin: 0;
    font-size: 1.06rem;
    line-height: 1.65;}
.public-callout .visual-rail{margin: 0;
    font-size: 0.97rem;
    line-height: 1.7;
    color: #4a4238;}
.public-callout .visual-rail a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid var(--surface-dark);
    padding-bottom: 1px;}
.public-callout .visual-rail a:hover{color: #755c42;
    border-bottom-color: #755c42;}
.public-callout .primary-story{margin: 0;}
.public-callout .primary-story img{display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
    object-fit: cover;}
@media (max-width: 880px) {.public-callout{
      padding: 56px 20px 64px;
    }.public-callout .featured-region{
      grid-template-columns: 1fr;
      gap: 34px;
    }.public-callout .primary-story{
      order: -1;
    }
  }
.public-callout{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.public-quote{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 5rem 1.5rem;
  }
.public-quote .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 4rem;
    align-items: start;}
.public-quote .simple-benefit h2{font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    line-height: 1.2;
    margin: 0 0 1.5rem;
    font-weight: 500;
    letter-spacing: -0.01em;}
.public-quote .simple-benefit p{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0 0 1.1rem;}
.public-quote .simple-benefit p:last-child{margin-bottom: 0;}
.public-quote .simple-benefit a{text-decoration: underline;
    text-underline-offset: 3px;}
.public-quote .simple-benefit a:hover{}
.public-quote .public-body{display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-top: 0.4rem;}
.public-quote .feature{
    display: inline-block;
    background: #8a6f52;
    color: #fbf7f1;
    padding: 1rem 1.75rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s ease;
  }
.public-quote .feature:hover{
    background: #755c42;color:#2a241d;}
.public-quote .visual-rail{font-size: 0.92rem;
    line-height: 1.55;}
.public-quote .visual-rail a{text-decoration: underline;
    text-underline-offset: 3px;}
.public-quote .visual-rail a:hover{}
@media (max-width: 760px) {.public-quote{
      padding: 3.5rem 1.25rem;
    }.public-quote .featured-region{
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }.public-quote .public-body{
      padding-top: 0;
    }
  }
.public-quote{
  background: #2a241d;
  color: #f7f2ea;
}
.service-section{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.service-section .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    column-gap: 56px;
    row-gap: 20px;
    align-items: start;}
.service-section h2{grid-column: 1;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.01em;}
.service-section .simple-benefit{grid-column: 2;
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.6;}
.service-section p{grid-column: 2;
    margin: 0;
    line-height: 1.65;}
.service-section .contact-proof{grid-column: 1 / -1;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;}
.service-section .contact-proof li{padding-top: 16px;
    border-top: 1px solid var(--surface-dark, #e2d7c6);
    font-size: 0.95rem;
    line-height: 1.55;}
@media (max-width: 760px) {.service-section{
      padding: 56px 20px;
    }.service-section .featured-region{
      grid-template-columns: 1fr;
      column-gap: 0;
    }.service-section h2,
    .service-section .simple-benefit,
    .service-section p,
    .service-section .contact-proof{
      grid-column: 1;
    }.service-section .contact-proof{
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }
.service-section{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.team{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.team .featured-region{max-width: 1080px;
    margin: 0 auto;}
.team h2{font-size: 1.9rem;
    line-height: 1.25;
    margin: 0 0 18px;
    font-weight: 600;}
.team .simple-benefit{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 44px;}
.team .featured-note{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 34px;}
.team .visual-brand{display: grid;
    grid-template-columns: 150px 1fr;
    gap: 8px 32px;
    align-items: start;}
.team .visual-brand .featured-stack{font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding-top: 4px;}
.team .visual-brand h3{font-size: 1.15rem;
    font-weight: 600;
    margin: 0 0 10px;
    grid-column: 2;}
.team .visual-brand p{grid-column: 2;
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
@media (max-width: 720px) {.team{
      padding: 52px 18px;
    }.team h2{
      font-size: 1.5rem;
    }.team .visual-brand{
      grid-template-columns: 1fr;
      gap: 6px;
    }.team .visual-brand h3,
    .team .visual-brand p{
      grid-column: 1;
    }.team .visual-brand .featured-stack{
      padding-top: 0;
    }
  }
.team{
  background: #2a241d;
  color: #f7f2ea;
}
.clear-summary{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 20px;
  }
.clear-summary .featured-region{max-width: 1080px;
    margin: 0 auto;}
.clear-summary .clear-method{margin-bottom: 44px;}
.clear-summary .clear-method h2{font-size: 1.9rem;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.clear-summary .clear-method p{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0;
    color: #4a4238;}
.clear-summary .fresh-group{display: flex;
    flex-direction: column;
    gap: 34px;}
.clear-summary .strong-list h3{font-size: 1.08rem;
    line-height: 1.4;
    margin: 0 0 10px;
    font-weight: 600;}
.clear-summary .strong-list p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;
    color: #4a4238;}
.clear-summary .visual-rail{margin: 52px 0 0;
    font-size: 0.98rem;
    line-height: 1.65;
    color: #4a4238;}
.clear-summary .visual-rail a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.clear-summary .visual-rail a:hover{color: #755c42;}
@media (max-width: 640px) {.clear-summary{
      padding: 52px 18px;
    }.clear-summary .clear-method h2{
      font-size: 1.5rem;
    }.clear-summary .fresh-group{
      gap: 28px;
    }
  }
.clear-summary{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.top-quote{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.top-quote .featured-region{max-width: 880px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    column-gap: 56px;
    row-gap: 28px;
    align-items: start;}
.top-quote h2{grid-column: 1 / -1;
    margin: 0 0 4px;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.top-quote .simple-benefit{grid-column: 1 / -1;
    margin: 0 0 12px;
    font-size: 1rem;
    line-height: 1.65;
    color: #4a4238;}
.top-quote .service-shell{display: flex;
    flex-direction: column;
    gap: 10px;
    grid-column: 1 / 2;}
.top-quote .service-shell label{font-size: 0.85rem;
    letter-spacing: 0.02em;
    color: #4a4238;}
.top-quote .service-shell input,
  .top-quote .service-shell textarea{
    width: 100%;
    padding: 10px 12px;
    font: inherit;
    font-size: 0.95rem;
    color: var(--paint-primary);
    background: #fdfaf5;
    border: 1px solid var(--surface-dark, #e2d7c6);
    border-radius: 8px;
    box-sizing: border-box;
  }
.top-quote .service-shell textarea{resize: vertical;
    min-height: 76px;}
.top-quote .service-shell input:focus,
  .top-quote .service-shell textarea:focus{outline: 2px solid #c98a4b;
    outline-offset: 1px;
    border-color: #c98a4b;}
.top-quote .service-shell button{
    align-self: flex-start;
    margin-top: 6px;
    padding: 11px 26px;
    font: inherit;
    font-size: 0.95rem;
    color: #fbf7f1;
    background: #8a6f52;
    border: none;
    border-radius: 999px;
    cursor: pointer;
  }
.top-quote .service-shell button:hover{
    background: #755c42;color:#2a241d;}
.top-quote .contact-proof{grid-column: 2 / 3;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-size: 0.92rem;
    line-height: 1.6;
    color: #4a4238;}
.top-quote .contact-proof li{padding-top: 14px;
    border-top: 1px solid var(--surface-dark, #e2d7c6);}
.top-quote .contact-proof li:first-child{padding-top: 0;
    border-top: none;}
@media (max-width: 720px) {.top-quote{
      padding: 56px 20px 64px;
    }.top-quote .featured-region{
      grid-template-columns: 1fr;
      column-gap: 0;
    }.top-quote .service-shell,
    .top-quote .contact-proof{
      grid-column: 1 / -1;
    }
  }
.top-quote{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.active-intro{
  background: var(--paint-accent, #f7f2ea);
  color: var(--paint-primary, #2a241d);
  padding: 72px 24px 88px;
}
.active-intro .featured-region{max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 48px 64px;
  align-items: start;}
.active-intro .simple-benefit h1{margin: 0 0 20px;
  font-size: clamp(1.9rem, 3.4vw, 2.7rem);
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.01em;}
.active-intro .simple-benefit p{margin: 0 0 16px;
  font-size: 1.02rem;
  line-height: 1.65;}
.active-intro .simple-benefit .content-visual{font-size: 1.12rem;}
.active-intro .top-group{
  background: #efe7db;
  color: #4a4238;
  border-radius: 18px;
  padding: 28px 28px 24px;
}
.active-intro .site-method{margin: 0 0 12px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;}
.active-intro .top-group p{margin: 0 0 18px;
  font-size: 0.98rem;
  line-height: 1.6;}
.active-intro .simple-contact{list-style: none;
  margin: 0;
  padding: 0;}
.active-intro .simple-contact li{padding: 14px 0;}
.active-intro .simple-contact li + li{border-top: 1px solid var(--surface-dark, #e2d7c6);}
.active-intro .plain-footer{display: block;
  font-weight: 600;
  font-size: 0.95rem;
  margin-bottom: 4px;}
.active-intro .content-frame{display: block;
  font-size: 0.92rem;
  line-height: 1.55;}
.active-intro .content-section{grid-column: 1 / -1;
  margin: 8px 0 0;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 24px;
  align-items: center;}
.active-intro .content-section img{display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;}
.active-intro .content-section figcaption{font-size: 0.9rem;
  line-height: 1.55;}
@media (max-width: 860px) {.active-intro{
    padding: 56px 20px 64px;
  }.active-intro .featured-region{
    grid-template-columns: 1fr;
    gap: 32px;
  }.active-intro .content-section{
    grid-template-columns: 1fr;
  }
}
.active-intro{
  background: #2a241d;
  color: #f7f2ea;
}
.secondary-inner{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.secondary-inner .featured-region{max-width: 1080px;
    margin: 0 auto;}
.secondary-inner .content-visual{display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 32px 56px;
    align-items: end;
    margin-bottom: 64px;}
.secondary-inner .content-visual h1{font-size: 2.1rem;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;}
.secondary-inner .content-visual p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: #4a4238;}
.secondary-inner .team{display: flex;
    flex-direction: column;
    gap: 44px;}
.secondary-inner .steady-grid{display: grid;
    grid-template-columns: 260px 1fr;
    gap: 24px 48px;
    align-items: start;}
.secondary-inner .steady-grid h2{margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.35;}
.secondary-inner .steady-grid p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: #4a4238;}
@media (max-width: 820px) {.secondary-inner{
      padding: 56px 20px 64px;
    }.secondary-inner .content-visual{
      grid-template-columns: 1fr;
      gap: 20px;
      margin-bottom: 48px;
    }.secondary-inner .content-visual h1{
      font-size: 1.7rem;
    }.secondary-inner .team{
      gap: 36px;
    }.secondary-inner .steady-grid{
      grid-template-columns: 1fr;
      gap: 10px;
    }
  }
.secondary-inner{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.main-actions{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.main-actions .featured-region{max-width: 1080px;
    margin: 0 auto;}
.main-actions .simple-benefit{display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 32px 56px;
    align-items: end;
    margin-bottom: 56px;}
.main-actions .simple-benefit h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;}
.main-actions .simple-benefit p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;}
.main-actions .simple-contact{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 56px;}
.main-actions .primary-menu h3{font-size: 1.05rem;
    margin: 0 0 10px;
    font-weight: 600;
    letter-spacing: -0.005em;}
.main-actions .primary-menu p{margin: 0;
    font-size: 0.95rem;
    line-height: 1.65;}
.main-actions .primary-menu:nth-child(2){margin-top: 28px;}
.main-actions .primary-menu:nth-child(3){margin-top: -8px;}
.main-actions .visual-rail{margin: 56px 0 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.main-actions .visual-rail a{text-decoration: none;
    border-bottom: 1px solid rgba(138, 111, 82, 0.35);
    padding-bottom: 1px;}
.main-actions .visual-rail a:hover{border-bottom-color: #8a6f52;}
@media (max-width: 760px) {.main-actions{
      padding: 56px 20px 64px;
    }.main-actions .simple-benefit{
      grid-template-columns: 1fr;
      gap: 20px;
      margin-bottom: 40px;
    }.main-actions .simple-contact{
      grid-template-columns: 1fr;
      gap: 32px;
    }.main-actions .primary-menu:nth-child(2),
    .main-actions .primary-menu:nth-child(3){
      margin-top: 0;
    }.main-actions .visual-rail{
      margin-top: 40px;
    }
  }
.main-actions{
  background: #2a241d;
  color: #f7f2ea;
}
.fresh-contact{
  background: var(--paint-accent, #f7f2ea);
  color: var(--paint-primary, #2a241d);
  padding: 88px 24px;
}
.fresh-contact .featured-region{max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: 48px 72px;
  align-items: start;}
.fresh-contact h2{margin: 0;
  font-size: clamp(1.6rem, 2.4vw, 2.15rem);
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.01em;}
.fresh-contact .simple-benefit{margin: 0;
  font-size: 1.08rem;
  line-height: 1.65;}
.fresh-contact p:not(.simple-benefit){margin: 20px 0 0;
  grid-column: 2;
  font-size: 1rem;
  line-height: 1.7;
  color: #4a4238;}
@media (max-width: 760px) {.fresh-contact{
    padding: 64px 20px;
  }.fresh-contact .featured-region{
    grid-template-columns: 1fr;
    gap: 24px;
  }.fresh-contact p:not(.simple-benefit){
    grid-column: 1;
  }
}
.fresh-contact{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.visual-steps{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.visual-steps .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: 56px;
    align-items: start;}
.visual-steps .content-visual h2{margin: 0 0 16px;
    font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: -0.01em;}
.visual-steps .content-visual p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;}
.visual-steps .simple-contact{display: flex;
    flex-direction: column;}
.visual-steps .primary-menu{padding: 22px 0;
    border-top: 1px solid var(--surface-dark);}
.visual-steps .primary-menu:first-child{padding-top: 0;
    border-top: none;}
.visual-steps .primary-menu:last-child{padding-bottom: 0;}
.visual-steps .primary-menu h3{margin: 0 0 10px;
    font-size: 1.125rem;
    line-height: 1.35;}
.visual-steps .primary-menu p{margin: 0 0 12px;
    font-size: 0.95rem;
    line-height: 1.65;}
.visual-steps .visual-rail{display: inline-block;
    font-size: 0.9rem;
    text-decoration: none;
    border-bottom: 1px solid #8a6f52;
    padding-bottom: 2px;}
.visual-steps .visual-rail:hover{border-bottom-color: #755c42;}
@media (max-width: 760px) {.visual-steps{
      padding: 48px 20px;
    }.visual-steps .featured-region{
      grid-template-columns: 1fr;
      gap: 32px;
    }.visual-steps .content-visual h2{
      font-size: 1.4rem;
    }
  }
.visual-steps{
  background: #2a241d;
  color: #f7f2ea;
}
.service-menu{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.service-menu .featured-region{max-width: 1080px;
    margin: 0 auto;}
.service-menu h2{font-size: 1.7rem;
    line-height: 1.25;
    margin: 0 0 20px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.service-menu .simple-benefit{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0 0 36px;}
.service-menu .contact-proof{list-style: none;
    margin: 0 0 32px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 28px;}
.service-menu .top-group{display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 20px;
    border-top: 1px solid var(--surface-dark, #e2d7c6);}
.service-menu .top-group h3{font-size: 1.05rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;}
.service-menu .top-group p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.service-menu .top-group .quiet-proof{font-size: 0.85rem;
    color: #4a4238;
    letter-spacing: 0.01em;}
.service-menu .featured-lead{font-size: 0.98rem;
    line-height: 1.6;
    margin: 0;}
@media (min-width: 760px) {.service-menu{
      padding: 96px 40px;
    }.service-menu h2{
      font-size: 2rem;
    }.service-menu .contact-proof{
      flex-direction: row;
      gap: 48px;
    }.service-menu .top-group{
      flex: 1 1 0;
    }
  }
.service-menu{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.contact-content{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 5rem 1.5rem;
  }
.contact-content .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 2.5rem 4rem;
    align-items: start;}
.contact-content h2{margin: 0;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.01em;}
.contact-content .media-story{display: flex;
    flex-direction: column;
    gap: 1.1rem;}
.contact-content .media-story p{margin: 0;
    line-height: 1.65;
    font-size: 1rem;}
.contact-content .simple-benefit{font-size: 1.08rem;}
.contact-content .visual-rail{grid-column: 2;
    margin: 0.4rem 0 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.contact-content .visual-rail a{text-decoration: underline;
    text-underline-offset: 3px;}
.contact-content .visual-rail a:hover{}
@media (max-width: 780px) {.contact-content{
      padding: 3.5rem 1.25rem;
    }.contact-content .featured-region{
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }.contact-content .visual-rail{
      grid-column: 1;
    }
  }
.contact-content{
  background: #2a241d;
  color: #f7f2ea;
}
.service-section{
  background: var(--paint-accent);
  color: var(--paint-primary);
  padding: 72px 24px;
}
.service-section .featured-region{max-width: 1080px;
  margin: 0 auto;}
.service-section h2{font-size: 1.6rem;
  line-height: 1.25;
  margin: 0 0 16px;
  font-weight: 600;}
.service-section .simple-benefit{font-size: 1.02rem;
  line-height: 1.6;
  margin: 0 0 40px;}
.service-section .contact-proof{list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;}
.service-section .contact-proof li{padding-top: 24px;
  border-top: 1px solid var(--surface-dark, #e2d7c6);}
.service-section .contact-proof li:first-child{padding-top: 0;
  border-top: none;}
.service-section .contact-proof h3{font-size: 1.08rem;
  font-weight: 600;
  margin: 0 0 8px;
  line-height: 1.35;}
.service-section .contact-proof p{margin: 0;
  font-size: 0.98rem;
  line-height: 1.65;}
@media (min-width: 800px) {.service-section{
    padding: 96px 40px;
  }.service-section .contact-proof{
    gap: 32px;
  }.service-section .contact-proof li{
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 32px;
    align-items: start;
  }.service-section .contact-proof h3{
    margin: 0;
  }
}
.media-section{padding:calc(1.5rem * 2.4) 2.52rem;background:var(--paint-accent);color:var(--paint-primary);}
.compact-contact{max-width:1480px;margin:0 auto;}
.media-section h1{margin:0;font-size:calc(19.5px * 2.65);line-height:1.08;}
.active-steps{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 80px;
  }
.active-steps .featured-region{max-width: 1120px;
    margin: 0 auto;}
.active-steps .content-visual{margin-bottom: 48px;}
.active-steps .content-visual h2{margin: 0 0 16px;
    font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.2;}
.active-steps .content-visual p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.active-steps .bottom-region{display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 56px;
    align-items: start;}
.active-steps .bottom-area{list-style: none;
    margin: 0;
    padding: 0;}
.active-steps .plain-lead{padding: 0 0 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--surface-dark, #e2d7c6);}
.active-steps .plain-lead:last-child{border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;}
.active-steps .plain-lead h3{margin: 0 0 8px;
    font-size: 1.08rem;
    font-weight: 600;
    line-height: 1.35;}
.active-steps .plain-lead p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.active-steps .content-section{
    margin: 0;
    background: #fdfaf5;
    border: 1px solid var(--surface-dark, #e2d7c6);
    border-radius: 14px;
    overflow: hidden;color:#2a241d;}
.active-steps .content-section img{display: block;
    width: 100%;
    height: auto;}
.active-steps .content-section figcaption{padding: 14px 18px 16px;
    font-size: 0.86rem;
    line-height: 1.5;}
.active-steps .visual-rail{margin: 56px 0 0;
    font-size: 0.97rem;
    line-height: 1.6;}
.active-steps .visual-rail a{text-decoration: underline;
    text-underline-offset: 3px;}
.active-steps .visual-rail a:hover{}
@media (max-width: 820px) {.active-steps{
      padding: 56px 20px 64px;
    }.active-steps .bottom-region{
      grid-template-columns: 1fr;
      gap: 40px;
    }.active-steps .content-visual{
      margin-bottom: 36px;
    }.active-steps .visual-rail{
      margin-top: 40px;
    }
  }
.active-steps{
  background: #2a241d;
  color: #f7f2ea;
}
.compact-intro{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem;
  }
.compact-intro .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    column-gap: 4rem;
    row-gap: 2.5rem;
    align-items: start;}
.compact-intro .simple-benefit{grid-column: 1;}
.compact-intro .simple-benefit h2{margin: 0 0 1.1rem;
    font-size: 1.65rem;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.01em;}
.compact-intro .simple-benefit p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.compact-intro .simple-contact{grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 2rem;}
.compact-intro .primary-menu h3{margin: 0 0 0.5rem;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.35;}
.compact-intro .primary-menu p{margin: 0 0 0.7rem;
    font-size: 0.95rem;
    line-height: 1.6;}
.compact-intro .direct-block{display: inline-block;
    font-size: 0.9rem;color:inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;}
.compact-intro .direct-block:hover{color:inherit;}
.compact-intro .visual-rail{grid-column: 1 / -1;
    margin: 0;
    padding-top: 1.5rem;
    font-size: 0.92rem;
    line-height: 1.6;color:inherit;}
.compact-intro .visual-rail a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;}
.compact-intro .visual-rail a:hover{color:inherit;}
@media (max-width: 820px) {.compact-intro{
      padding: 3rem 1.25rem;
    }.compact-intro .featured-region{
      grid-template-columns: 1fr;
      column-gap: 0;
      row-gap: 2rem;
    }.compact-intro .simple-benefit,
    .compact-intro .simple-contact,
    .compact-intro .visual-rail{
      grid-column: 1;
    }.compact-intro .simple-benefit h2{
      font-size: 1.4rem;
    }
  }
.compact-intro{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.site-intro{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 5rem 1.5rem;
  }
.site-intro .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 3rem;}
.site-intro .content-visual h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.25;
    margin: 0 0 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.site-intro .content-visual p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.site-intro .offer-rail{display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;}
.site-intro .visual-rail h3{font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 0.75rem;
    line-height: 1.35;}
.site-intro .visual-rail p{margin: 0 0 0.85rem;
    font-size: 0.96rem;
    line-height: 1.6;}
.site-intro .visual-rail .featured-stack{
    margin: 0;
    font-size: 0.85rem;
    color: #4a4238;
    background: #efe7db;
    padding: 0.4rem 0.7rem;
    border-radius: 6px;
    display: inline-block;
  }
.site-intro a{text-decoration: underline;
    text-underline-offset: 3px;}
.site-intro a:hover{}
.site-intro .featured-lead{margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;
    padding-top: 2rem;
    border-top: 1px solid var(--surface-dark, #e2d7c6);}
@media (max-width: 820px) {.site-intro{
      padding: 3.5rem 1.25rem;
    }.site-intro .offer-rail{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.site-intro .featured-region{
      gap: 2.25rem;
    }
  }
.site-intro{
  background: #2a241d;
  color: #f7f2ea;
}
.service-section{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 88px 24px 96px;
  }
.service-section .featured-region{max-width: 1080px;
    margin: 0 auto;}
.service-section h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 600;}
.service-section .simple-benefit{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 56px;}
.service-section .contact-proof{display: flex;
    flex-direction: column;
    gap: 44px;}
.service-section .top-group h3{font-size: 1.15rem;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.35;}
.service-section .top-group p{margin: 0;
    line-height: 1.7;
    font-size: 1rem;}
@media (min-width: 860px) {.service-section .contact-proof{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px 64px;
    }.service-section .simple-benefit{
      max-width: 780px;
    }
  }
@media (max-width: 480px) {.service-section{
      padding: 64px 18px 72px;
    }.service-section .simple-benefit{
      margin-bottom: 40px;
    }
  }
.media-shell{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem;
  }
.media-shell .featured-region{max-width: 1080px;
    margin: 0 auto;}
.media-shell .content-visual{margin-bottom: 2.75rem;}
.media-shell .content-visual h2{font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 0.9rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.media-shell .content-visual p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;
    color: #4a4238;}
.media-shell .bottom-region{display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;}
.media-shell .wide-quote h3,
  .media-shell .team-content h3{font-size: 1.15rem;
    margin: 0 0 0.7rem;
    font-weight: 600;}
.media-shell .wide-quote p,
  .media-shell .team-content p{margin: 0 0 0.85rem;
    font-size: 0.98rem;
    line-height: 1.7;
    color: #4a4238;}
.media-shell .team-content p:last-child{margin-bottom: 0;}
.media-shell .visual-rail{font-size: 0.95rem;
    color: var(--paint-primary);}
.media-shell .visual-rail a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(138, 111, 82, 0.35);
    padding-bottom: 1px;}
.media-shell .visual-rail a:hover{border-bottom-color: #8a6f52;}
@media (max-width: 720px) {.media-shell{
      padding: 3rem 1.25rem;
    }.media-shell .content-visual h2{
      font-size: 1.55rem;
    }.media-shell .bottom-region{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
.media-shell{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.main-actions{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem;
  }
.main-actions .featured-region{max-width: 1080px;
    margin: 0 auto;}
.main-actions h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.main-actions .simple-benefit{font-size: 1.0625rem;
    line-height: 1.65;
    margin: 0 0 3rem;}
.main-actions .wide-brand{display: flex;
    flex-direction: column;
    gap: 2.25rem;}
.main-actions .summary h3{font-size: 1.125rem;
    line-height: 1.35;
    margin: 0 0 0.5rem;
    font-weight: 600;}
.main-actions .summary p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;}
.main-actions .visual-rail{margin: 3rem 0 0;
    font-size: 0.9375rem;
    line-height: 1.7;}
.main-actions .visual-rail a{text-decoration: underline;
    text-underline-offset: 3px;}
.main-actions .visual-rail a:hover{}
@media (min-width: 820px) {.main-actions{
      padding: 6rem 2.5rem;
    }.main-actions h2{
      font-size: 2.125rem;
    }.main-actions .simple-benefit{
      font-size: 1.125rem;
    }.main-actions .wide-brand{
      gap: 2.75rem;
    }
  }
.team{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.team .featured-region{max-width: 880px;
    margin: 0 auto;}
.team h2{font-size: clamp(1.5rem, 2.6vw, 2rem);
    line-height: 1.25;
    margin: 0 0 18px;
    font-weight: 600;}
.team .simple-benefit{font-size: 1.0625rem;
    line-height: 1.65;
    margin: 0 0 44px;}
.team .featured-note{list-style: none;
    margin: 0;
    padding: 0;}
.team .visual-brand{padding: 22px 0;
    border-top: 1px solid var(--surface-dark, #e2d7c6);}
.team .visual-brand:last-child{border-bottom: 1px solid var(--surface-dark, #e2d7c6);}
.team .featured-stack{display: block;
    font-size: 0.8125rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;color:inherit;
    margin-bottom: 6px;}
.team .visual-brand h3{font-size: 1.125rem;
    line-height: 1.35;
    margin: 0 0 8px;
    font-weight: 600;}
.team .visual-brand p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.team .top-group{
    margin: 36px 0 0;
    padding: 20px 22px;
    background: #efe7db;
    color: #4a4238;
    border-radius: 10px;
    font-size: 0.9375rem;
    line-height: 1.6;
  }
@media (max-width: 640px) {.team{
      padding: 52px 18px;
    }.team .simple-benefit{
      margin-bottom: 32px;
    }
  }
.team{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.clear-summary{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.clear-summary .featured-region{max-width: 1080px;
    margin: 0 auto;}
.clear-summary h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.clear-summary .simple-benefit{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 48px;
    color: #4a4238;}
.clear-summary .simple-contact{display: flex;
    flex-direction: column;
    gap: 0;}
.clear-summary .primary-menu{padding: 26px 0;
    border-top: 1px solid var(--surface-dark);}
.clear-summary .primary-menu:last-child{border-bottom: 1px solid var(--surface-dark);}
.clear-summary .primary-menu h3{font-size: 1.12rem;
    line-height: 1.35;
    margin: 0 0 10px;
    font-weight: 600;}
.clear-summary .primary-menu p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;
    color: #4a4238;}
.clear-summary .visual-rail{margin: 40px 0 0;
    font-size: 0.96rem;
    line-height: 1.6;
    color: #4a4238;}
.clear-summary .visual-rail a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.clear-summary .visual-rail a:hover{color: #755c42;}
@media (max-width: 640px) {.clear-summary{
      padding: 52px 18px 64px;
    }.clear-summary .simple-benefit{
      margin-bottom: 34px;
    }.clear-summary .primary-menu{
      padding: 22px 0;
    }
  }
.service-section{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.25rem;
  }
.service-section .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 3rem 4rem;
    align-items: start;}
.service-section .simple-benefit h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 1rem;
    font-weight: 600;}
.service-section .simple-benefit p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.service-section .contact-proof{display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.service-section .top-group h3{font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
    line-height: 1.35;}
.service-section .top-group p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.service-section .featured-lead{grid-column: 1 / -1;
    margin: 1rem 0 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--surface-dark, #e2d7c6);
    font-size: 1rem;
    line-height: 1.6;}
.service-section .featured-lead a{text-decoration: underline;
    text-underline-offset: 3px;}
.service-section .featured-lead a:hover{}
@media (max-width: 780px) {.service-section{
      padding: 3rem 1.1rem;
    }.service-section .featured-region{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.service-section .simple-benefit h2{
      font-size: 1.45rem;
    }
  }
.service-section{
  background: #2a241d;
  color: #f7f2ea;
}
.soft-brand{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.soft-brand .featured-region{max-width: 1080px;
    margin: 0 auto;}
.soft-brand h2{font-size: 1.75rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
    margin: 0 0 20px;
    font-weight: 600;}
.soft-brand .simple-benefit{font-size: 1.0625rem;
    line-height: 1.65;
    margin: 0 0 48px;
    color: #4a4238;}
.soft-brand .focused-unit{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 48px;}
.soft-brand .secondary-form h3{font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 0 12px;}
.soft-brand .secondary-form p{margin: 0 0 10px;
    font-size: 1rem;
    line-height: 1.6;}
.soft-brand .secondary-form a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(138, 111, 82, 0.35);
    padding-bottom: 1px;}
.soft-brand .secondary-form a:hover{border-bottom-color: #8a6f52;}
.soft-brand .secondary-form .top-group{font-size: 0.9375rem;
    line-height: 1.6;
    color: #4a4238;
    margin: 0;}
.soft-brand .featured-lead{margin: 56px 0 0;
    font-size: 1rem;
    line-height: 1.65;
    color: #4a4238;}
@media (max-width: 860px) {.soft-brand{
      padding: 56px 20px 64px;
    }.soft-brand .focused-unit{
      grid-template-columns: 1fr;
      gap: 32px;
    }.soft-brand h2{
      font-size: 1.5rem;
    }.soft-brand .simple-benefit{
      margin-bottom: 36px;
    }
  }
.soft-brand{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.compact-intro{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem 5rem;
  }
.compact-intro .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    gap: 3rem 4rem;
    align-items: start;}
.compact-intro .simple-benefit h2{font-size: 1.7rem;
    line-height: 1.25;
    font-weight: 600;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.compact-intro .simple-benefit p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;color:inherit;}
.compact-intro .simple-contact{display: flex;
    flex-direction: column;}
.compact-intro .primary-menu{padding: 1.5rem 0;
    border-top: 1px solid var(--surface-dark, #e2d7c6);}
.compact-intro .primary-menu:first-child{border-top: none;
    padding-top: 0;}
.compact-intro .primary-menu h3{margin: 0 0 0.5rem;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.35;}
.compact-intro .primary-menu p{margin: 0 0 0.75rem;
    font-size: 0.97rem;
    line-height: 1.6;color:inherit;}
.compact-intro .direct-block{display: inline-block;
    font-size: 0.92rem;color:inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;}
.compact-intro .direct-block:hover{color: var(--tone-secondary, #c98a4b);}
@media (max-width: 780px) {.compact-intro{
      padding: 3rem 1.25rem 3.5rem;
    }.compact-intro .featured-region{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
.main-actions{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 5rem 1.5rem 5.5rem;
  }
.main-actions .featured-region{max-width: 1080px;
    margin: 0 auto;}
.main-actions .simple-benefit{max-width: 720px;
    margin-bottom: 3.5rem;}
.main-actions .simple-benefit h2{font-size: 1.75rem;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 0 0 1.1rem;}
.main-actions .simple-benefit p{font-size: 1.03rem;
    line-height: 1.65;
    margin: 0;}
.main-actions .wide-brand{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3.5rem;
    row-gap: 2.4rem;}
.main-actions .strong-list h3{font-size: 1.08rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 0.55rem;}
.main-actions .strong-list p{font-size: 0.97rem;
    line-height: 1.6;
    margin: 0;}
.main-actions .visual-rail{margin: 3.5rem 0 0;
    font-size: 0.97rem;
    line-height: 1.6;}
.main-actions .visual-rail a{text-decoration: underline;
    text-underline-offset: 3px;}
.main-actions .visual-rail a:hover{}
@media (max-width: 720px) {.main-actions{
      padding: 3.5rem 1.25rem 4rem;
    }.main-actions .simple-benefit{
      margin-bottom: 2.5rem;
    }.main-actions .simple-benefit h2{
      font-size: 1.45rem;
    }.main-actions .wide-brand{
      grid-template-columns: 1fr;
      row-gap: 2rem;
    }
  }
.main-actions{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.main-actions .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;}
.main-actions .simple-benefit h2{margin: 0 0 16px;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.01em;}
.main-actions .simple-benefit p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.main-actions .wide-brand{display: grid;
    grid-template-columns: 1fr;
    gap: 32px;}
.main-actions .strong-list h3{margin: 0 0 8px;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.35;}
.main-actions .strong-list p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;}
.main-actions .visual-rail{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.main-actions .visual-rail a{text-decoration: underline;
    text-underline-offset: 3px;}
.main-actions .visual-rail a:hover{}
@media (min-width: 720px) {.main-actions{
      padding: 96px 40px 112px;
    }.main-actions .featured-region{
      grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
      gap: 56px 72px;
    }.main-actions .simple-benefit{
      grid-column: 1 / 2;
    }.main-actions .wide-brand{
      grid-column: 2 / 3;
      gap: 36px;
    }.main-actions .visual-rail{
      grid-column: 1 / 2;
      align-self: start;
    }
  }
@media (min-width: 1024px) {.main-actions .wide-brand{
      grid-template-columns: 1fr 1fr;
      gap: 40px 48px;
    }.main-actions .strong-list:last-child{
      grid-column: 1 / -1;
    }
  }
.compact-intro{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 5rem 1.5rem 5.5rem;
  }
.compact-intro .featured-region{max-width: 1080px;
    margin: 0 auto;}
.compact-intro .simple-benefit{display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 2rem 3.5rem;
    align-items: start;
    margin-bottom: 3.25rem;}
.compact-intro .simple-benefit h2{margin: 0;
    font-size: 1.7rem;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.01em;}
.compact-intro .simple-benefit p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;color:inherit;}
.compact-intro .public-actions{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem 2.75rem;}
.compact-intro .primary-menu h3{margin: 0 0 0.6rem;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.35;}
.compact-intro .primary-menu p{margin: 0 0 0.9rem;
    font-size: 0.95rem;
    line-height: 1.6;color:inherit;}
.compact-intro .primary-menu a{display: inline-block;
    font-size: 0.9rem;color:inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;}
.compact-intro .primary-menu a:hover{color:inherit;}
.compact-intro .content-figure{margin: 3.5rem 0 0;
    font-size: 0.95rem;
    line-height: 1.6;color:inherit;}
.compact-intro .content-figure a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;}
.compact-intro .content-figure a:hover{color:inherit;}
@media (max-width: 860px) {.compact-intro .simple-benefit{
      grid-template-columns: 1fr;
      gap: 1.25rem;
    }.compact-intro .public-actions{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
.fresh-contact{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 96px 24px;
  }
.fresh-contact .featured-region{max-width: 1080px;
    margin: 0 auto;}
.fresh-contact h2{font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    line-height: 1.25;
    margin: 0 0 28px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.fresh-contact .simple-benefit{font-size: 1.125rem;
    line-height: 1.65;
    margin: 0 0 24px;}
.fresh-contact p{font-size: 1rem;
    line-height: 1.75;
    margin: 0;}
@media (max-width: 640px) {.fresh-contact{
      padding: 64px 20px;
    }.fresh-contact h2{
      margin-bottom: 20px;
    }.fresh-contact .simple-benefit{
      font-size: 1.05rem;
    }
  }
.plain-tile{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 5rem 1.5rem 4.5rem;
  }
.plain-tile .featured-region{max-width: 1120px;
    margin: 0 auto;}
.plain-tile .clear-method{margin-bottom: 3.5rem;}
.plain-tile .clear-method h2{font-size: clamp(1.7rem, 3.4vw, 2.5rem);
    line-height: 1.15;
    margin: 0 0 1rem;
    font-weight: 600;}
.plain-tile .simple-benefit{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;}
.plain-tile .simple-contact{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.75rem 3rem;}
.plain-tile .primary-menu{display: flex;
    flex-direction: column;
    gap: 1.1rem;}
.plain-tile .content-section{
    background: #efe7db;
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 4 / 3;color:#4a4238;}
.plain-tile .content-section img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.plain-tile .quiet-proof{font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 0.45rem;}
.plain-tile .primary-menu h3{font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 0 0.6rem;
    font-weight: 600;}
.plain-tile .primary-menu p{margin: 0;
    line-height: 1.62;
    font-size: 0.98rem;}
.plain-tile .offer-fields{margin-top: 3.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem 2.5rem;
    align-items: center;}
.plain-tile .offer-fields a{text-decoration: none;
    font-size: 0.98rem;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--surface-dark);}
.plain-tile .offer-fields a:hover{border-bottom-color: #755c42;}
@media (max-width: 760px) {.plain-tile{
      padding: 3.25rem 1.15rem 3rem;
    }.plain-tile .simple-contact{
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }.plain-tile .clear-method{
      margin-bottom: 2.5rem;
    }
  }
.plain-tile{
  background: #2a241d;
  color: #f7f2ea;
}
.main-panel{
    background: var(--paint-accent, #f7f2ea);
    color: var(--paint-primary, #2a241d);
    padding: 5rem 1.5rem;
  }
.main-panel .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 3rem;}
.main-panel .content-visual{display: grid;
    gap: 1rem;}
.main-panel h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;}
.main-panel .simple-benefit{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;
    color: #4a4238;}
.main-panel .site-fields{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem 2rem;}
.main-panel .team-body{display: grid;
    gap: 0.5rem;
    align-content: start;}
.main-panel .team-body h3{margin: 0;
    font-size: 1.1rem;
    font-weight: 600;}
.main-panel .simple-plan{margin: 0;
    font-size: 0.9rem;
    letter-spacing: 0.02em;color:inherit;}
.main-panel .team-body p:last-child{margin: 0.4rem 0 0;
    font-size: 0.98rem;
    line-height: 1.6;
    color: #4a4238;}
.main-panel .featured-lead{margin: 0;
    font-size: 1rem;
    line-height: 1.65;
    color: #4a4238;}
@media (max-width: 860px) {.main-panel .site-fields{
      grid-template-columns: 1fr 1fr;
    }
  }
@media (max-width: 560px) {.main-panel{
      padding: 3.5rem 1.25rem;
    }.main-panel .site-fields{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
.main-panel{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.open-tile{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 5rem 1.5rem;
  }
.open-tile .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;}
.open-tile .content-visual h2{font-size: clamp(1.6rem, 3vw, 2.1rem);
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 0 0 1rem;}
.open-tile .content-visual p{font-size: 1.02rem;
    line-height: 1.7;
    margin: 0;}
.open-tile .wide-brand{display: flex;
    flex-direction: column;
    gap: 2.2rem;}
.open-tile .primary-menu h3{font-size: 1.12rem;
    font-weight: 600;
    margin: 0 0 0.5rem;}
.open-tile .primary-menu p{font-size: 0.98rem;
    line-height: 1.68;
    margin: 0;}
@media (min-width: 760px) {.open-tile{
      padding: 6.5rem 2.5rem;
    }.open-tile .wide-brand{
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 3.5rem;
      row-gap: 2.8rem;
    }
  }
.open-tile{
  background: #2a241d;
  color: #f7f2ea;
}
.visual-steps{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem;
  }
.visual-steps .featured-region{max-width: 1080px;
    margin: 0 auto;}
.visual-steps h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 0 0 1rem;}
.visual-steps .simple-benefit{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.75rem;}
.visual-steps .simple-contact{display: flex;
    flex-direction: column;
    gap: 2.25rem;}
.visual-steps .primary-menu{
    padding: 1.75rem 1.9rem;
    background: #fdfaf5;
    color: #2a241d;
    border: 1px solid var(--surface-dark);
    border-radius: 14px;
  }
.visual-steps .primary-menu h3{font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 0.85rem;}
.visual-steps .primary-menu p{font-size: 0.97rem;
    line-height: 1.65;
    margin: 0 0 0.85rem;}
.visual-steps .primary-menu p:last-of-type{margin-bottom: 1rem;}
.visual-steps .visual-rail{display: inline-block;
    font-size: 0.92rem;color:inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;}
.visual-steps .visual-rail:hover{color: #755c42;}
.visual-steps .featured-lead{font-size: 0.98rem;
    line-height: 1.6;
    margin: 2.5rem 0 0;}
@media (min-width: 880px) {.visual-steps .simple-contact{
      flex-direction: row;
      align-items: stretch;
      gap: 1.5rem;
    }.visual-steps .primary-menu{
      flex: 1 1 0;
    }
  }
.visual-steps{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.text-visual{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 5rem 1.5rem 5.5rem;
  }
.text-visual .featured-region{max-width: 1080px;
    margin: 0 auto;}
.text-visual .clear-method{margin-bottom: 3rem;}
.text-visual h2{font-size: clamp(1.7rem, 3vw, 2.4rem);
    line-height: 1.2;
    margin: 0 0 1.1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.text-visual .simple-benefit{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;}
.text-visual .simple-contact{display: flex;
    flex-direction: column;
    gap: 2.4rem;}
.text-visual .primary-menu{
    background: #fdfaf5;
    color: #2a241d;
    border: 1px solid var(--surface-dark, #e2d7c6);
    border-radius: 18px;
    padding: 1.9rem 2rem;
  }
.text-visual .primary-menu h3{font-size: 1.15rem;
    font-weight: 600;
    margin: 0 0 0.9rem;
    line-height: 1.35;}
.text-visual .primary-menu p{margin: 0 0 0.9rem;
    line-height: 1.7;
    font-size: 0.98rem;}
.text-visual .primary-menu p:last-child{margin-bottom: 0;}
.text-visual .public-service{font-size: 0.85rem;
    letter-spacing: 0.02em;}
.text-visual .featured-lead{margin: 3rem 0 0;
    font-size: 1rem;
    line-height: 1.7;}
.text-visual .featured-lead a{text-decoration: underline;
    text-underline-offset: 3px;}
.text-visual .featured-lead a:hover{}
@media (max-width: 640px) {.text-visual{
      padding: 3.5rem 1.1rem 4rem;
    }.text-visual .primary-menu{
      padding: 1.5rem 1.3rem;
    }.text-visual .clear-method{
      margin-bottom: 2.2rem;
    }
  }
.text-visual{
  background: #2a241d;
  color: #f7f2ea;
}
.service-section{
    background: var(--paint-accent, #f7f2ea);
    color: var(--paint-primary, #2a241d);
    padding: 72px 24px 88px;
  }
.service-section .featured-region{max-width: 1080px;
    margin: 0 auto;}
.service-section h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.service-section .simple-benefit{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0 0 48px;
    color: #4a4238;}
.service-section .contact-proof{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;}
.service-section .strong-list h3{font-size: 1.08rem;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.35;}
.service-section .strong-list p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;
    color: #4a4238;}
@media (max-width: 640px) {.service-section{
      padding: 56px 20px 64px;
    }.service-section .simple-benefit{
      margin-bottom: 36px;
    }.service-section .contact-proof{
      gap: 32px;
    }
  }
.secondary-inner{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem;
  }
.secondary-inner .featured-region{max-width: 1080px;
    margin: 0 auto;}
.secondary-inner h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    line-height: 1.25;
    margin: 0 0 1.6rem;
    font-weight: 600;}
.secondary-inner .simple-benefit{font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 2.6rem;
    color: #4a4238;}
.secondary-inner .featured-note{display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2.6rem;}
.secondary-inner .visual-brand h3{font-size: 1.15rem;
    margin: 0 0 0.6rem;
    font-weight: 600;}
.secondary-inner .visual-brand p{margin: 0;
    line-height: 1.7;
    color: #4a4238;}
.secondary-inner .featured-region > p:last-child{margin: 0;
    line-height: 1.7;
    color: #4a4238;}
@media (min-width: 760px) {.secondary-inner{
      padding: 5.5rem 2.5rem;
    }.secondary-inner .featured-note{
      gap: 2.4rem;
    }.secondary-inner .visual-brand{
      display: grid;
      grid-template-columns: 220px 1fr;
      gap: 2rem;
      align-items: start;
    }.secondary-inner .visual-brand h3{
      margin: 0;
    }
  }
.active-intro{
  --copy-meta: #e2d7c6;
  background: var(--paint-accent, #f7f2ea);
  color: var(--paint-primary, #2a241d);
  padding: 88px 24px 96px;
}
.active-intro .featured-region{max-width: 1120px;
  margin: 0 auto;
  display: grid;
  gap: 56px;}
.active-intro .simple-benefit{display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 40px 56px;
  align-items: end;}
.active-intro h1{margin: 0;
  font-size: clamp(1.9rem, 3.4vw, 2.9rem);
  line-height: 1.12;
  letter-spacing: -0.01em;
  font-weight: 600;}
.active-intro .content-visual{margin: 0;
  font-size: 1.06rem;
  line-height: 1.7;}
.active-intro .fresh-lead{display: grid;
  gap: 18px;}
.active-intro .fresh-lead h2{margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -0.005em;}
.active-intro .fresh-lead p{margin: 0;
  font-size: 1.02rem;
  line-height: 1.75;}
.active-intro .focused-region{display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 40px;
  border-top: 1px solid var(--copy-meta);
  padding-top: 40px;}
.active-intro .secondary-area h3{margin: 0 0 10px;
  font-size: 1.05rem;
  font-weight: 600;}
.active-intro .secondary-area p{margin: 0;
  font-size: 0.97rem;
  line-height: 1.65;}
.active-intro .featured-lead{margin: 0;
  font-size: 1.02rem;
  line-height: 1.75;}
.active-intro .featured-lead a{text-decoration: underline;
  text-underline-offset: 3px;}
.active-intro .featured-lead a:hover{}
@media (max-width: 820px) {.active-intro{
    padding: 64px 20px 72px;
  }.active-intro .featured-region{
    gap: 40px;
  }.active-intro .simple-benefit{
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
  }.active-intro .focused-region{
    grid-template-columns: 1fr;
    gap: 26px;
  }
}
.contact-content{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 88px 24px;
  }
.contact-content .featured-region{max-width: 1080px;
    margin: 0 auto;}
.contact-content h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 0 0 40px;}
.contact-content .media-story{display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 56px;
    align-items: start;}
.contact-content .steady-wrap p{margin: 0 0 18px;
    font-size: 1.02rem;
    line-height: 1.7;}
.contact-content .steady-wrap p:last-child{margin-bottom: 0;}
.contact-content .top-group{
    background: #efe7db;
    color: #4a4238;
    padding: 26px 28px;
    border-radius: 14px;
  }
.contact-content .top-group p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.68;}
.contact-content .featured-lead{margin: 48px 0 0;
    font-size: 0.98rem;
    line-height: 1.7;
    padding-top: 28px;
    border-top: 1px solid var(--surface-dark);}
.contact-content .featured-lead a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;}
.contact-content .featured-lead a:hover{color: #755c42;}
@media (max-width: 760px) {.contact-content{
      padding: 64px 20px;
    }.contact-content .media-story{
      grid-template-columns: 1fr;
      gap: 32px;
    }.contact-content h2{
      margin-bottom: 28px;
    }.contact-content .featured-lead{
      margin-top: 36px;
      padding-top: 22px;
    }
  }
.contact-content{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.compact-intro{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem 5rem;
  }
.compact-intro .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 2.75rem;}
.compact-intro .main-lead h2{font-size: 1.65rem;
    line-height: 1.25;
    margin: 0 0 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.compact-intro .main-lead p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.compact-intro .simple-contact{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem 2.25rem;}
.compact-intro .primary-menu h3{font-size: 1.05rem;
    margin: 0 0 0.6rem;
    font-weight: 600;
    line-height: 1.35;}
.compact-intro .primary-menu p{margin: 0;
    font-size: 0.96rem;
    line-height: 1.65;}
.compact-intro .visual-rail{margin: 0;
    font-size: 0.96rem;
    line-height: 1.7;}
.compact-intro .visual-rail a{text-decoration: none;
    border-bottom: 1px solid rgba(138, 111, 82, 0.35);
    padding-bottom: 1px;}
.compact-intro .visual-rail a:hover{border-bottom-color: #8a6f52;}
@media (max-width: 860px) {.compact-intro .simple-contact{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
@media (max-width: 520px) {.compact-intro{
      padding: 3.25rem 1.15rem 3.5rem;
    }.compact-intro .main-lead h2{
      font-size: 1.4rem;
    }
  }
.compact-intro{
  background: #2a241d;
  color: #f7f2ea;
}
.active-service{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 80px;
  }
.active-service .featured-region{max-width: 1120px;
    margin: 0 auto;}
.active-service h2{margin: 0 0 18px;
    font-size: clamp(1.5rem, 2.6vw, 2.1rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.active-service .simple-benefit{margin: 0 0 44px;
    font-size: 1.02rem;
    line-height: 1.65;
    color: #4a4238;}
.active-service .offer-figure{display: flex;
    flex-direction: column;
    gap: 40px;}
.active-service .content-section{margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 28px;
    align-items: center;}
.active-service .content-section:nth-child(even){grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);}
.active-service .content-section:nth-child(even) img{order: 2;}
.active-service .content-section img{width: 100%;
    height: 100%;
    min-height: 240px;
    max-height: 340px;
    object-fit: cover;
    border-radius: 14px;
    display: block;}
.active-service .content-section figcaption{display: block;}
.active-service .secondary-plan{display: block;
    font-size: 1.12rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 10px;}
.active-service .content-section figcaption p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.62;
    color: #4a4238;}
@media (max-width: 760px) {.active-service{
      padding: 52px 18px 60px;
    }.active-service .content-section,
    .active-service .content-section:nth-child(even){
      grid-template-columns: 1fr;
      gap: 16px;
    }.active-service .content-section:nth-child(even) img{
      order: 0;
    }.active-service .content-section img{
      min-height: 200px;
      max-height: 260px;
    }.active-service .simple-benefit{
      margin-bottom: 32px;
    }
  }
.active-service{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.visual-headline{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.visual-headline .featured-region{max-width: 780px;
    margin: 0 auto;}
.visual-headline .primary-menu{display: flex;
    flex-direction: column;
    gap: 32px;}
.visual-headline .simple-benefit{display: flex;
    flex-direction: column;
    gap: 12px;}
.visual-headline h1{font-size: 2rem;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.01em;}
.visual-headline .narrow-details{margin: 0;
    font-size: 0.9rem;}
.visual-headline .content-visual{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.visual-headline .content-section{margin: 0;}
.visual-headline .content-section img{display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;}
.visual-headline .steady-wrap{display: flex;
    flex-direction: column;
    gap: 20px;}
.visual-headline .steady-wrap p{margin: 0;
    font-size: 1rem;
    line-height: 1.75;}
.visual-headline .visual-rail{margin-top: 8px;
    font-size: 0.95rem;
    line-height: 1.6;}
.visual-headline .visual-rail p{margin: 0;}
.visual-headline .visual-rail a{text-decoration: underline;
    text-underline-offset: 3px;}
.visual-headline .visual-rail a:hover{}
@media (max-width: 560px) {.visual-headline{
      padding: 48px 18px 64px;
    }.visual-headline h1{
      font-size: 1.6rem;
    }
  }
.visual-headline{
  background: #2a241d;
  color: #f7f2ea;
}
.public-grid{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4rem 1.5rem;
  }
.public-grid .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 3rem;
    align-items: start;}
.public-grid .primary-summary img{display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
    object-fit: cover;}
.public-grid .narrow-footer h2{margin: 0 0 0.35rem;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.public-grid .simple-plan{margin: 0 0 1.5rem;
    color: #4a4238;
    font-size: 0.95rem;}
.public-grid .narrow-footer p{margin: 0 0 1.1rem;
    line-height: 1.65;}
.public-grid .simple-team{list-style: none;
    margin: 2rem 0 0;
    padding: 0;}
.public-grid .simple-team li{padding: 0.7rem 0;
    line-height: 1.5;}
.public-grid .simple-team li + li{border-top: 1px solid var(--surface-dark);}
.public-grid .simple-team span{display: block;
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #4a4238;
    margin-bottom: 0.2rem;}
.public-grid .simple-team a{color:inherit;
    text-decoration: none;}
.public-grid .simple-team a:hover{text-decoration: underline;}
@media (max-width: 760px) {.public-grid{
      padding: 3rem 1.25rem;
    }.public-grid .featured-region{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
.public-grid{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.site-intro{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.site-intro .featured-region{max-width: 1080px;
    margin: 0 auto;}
.site-intro .simple-benefit h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 20px;
    font-weight: 600;}
.site-intro .simple-benefit p{margin: 0 0 16px;
    font-size: 1.02rem;
    line-height: 1.65;}
.site-intro .focused-unit{display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 40px;
    margin-top: 44px;}
.site-intro .primary-menu h3{font-size: 1.05rem;
    margin: 0 0 12px;
    font-weight: 600;}
.site-intro .primary-menu p{margin: 0 0 12px;
    font-size: 0.97rem;
    line-height: 1.6;}
.site-intro .primary-menu .visual-rail{margin-top: 4px;}
.site-intro .primary-menu .visual-rail a,
  .site-intro .team-content a{text-decoration: none;
    border-bottom: 1px solid rgba(138, 111, 82, 0.35);
    padding-bottom: 1px;}
.site-intro .primary-menu .visual-rail a:hover,
  .site-intro .team-content a:hover{border-bottom-color: currentColor;}
.site-intro .team-content{margin: 48px 0 0;
    font-size: 0.98rem;
    line-height: 1.65;}
@media (max-width: 820px) {.site-intro{
      padding: 56px 20px;
    }.site-intro .focused-unit{
      grid-template-columns: 1fr;
      gap: 32px;
    }.site-intro .simple-benefit h2{
      font-size: 1.5rem;
    }
  }
.main-panel{
  background: var(--paint-accent);
  color: var(--paint-primary);
  padding: 5rem 1.5rem;
}
.main-panel .featured-region{max-width: 1080px;
  margin: 0 auto;}
.main-panel .content-visual{margin-bottom: 3rem;}
.main-panel .content-visual h2{font-size: 1.9rem;
  line-height: 1.2;
  margin: 0 0 1rem;
  font-weight: 600;}
.main-panel .content-visual p{font-size: 1.05rem;
  line-height: 1.65;
  margin: 0;
  color: #4a4238;}
.main-panel .site-fields{display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem 3rem;}
.main-panel .team-body h3{font-size: 1.15rem;
  margin: 0 0 0.35rem;
  font-weight: 600;}
.main-panel .team-body .simple-plan{font-size: 0.85rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;color:inherit;
  margin: 0 0 0.75rem;}
.main-panel .team-body p:last-child{font-size: 0.98rem;
  line-height: 1.65;
  margin: 0;
  color: #4a4238;}
.main-panel .featured-lead{margin: 3.5rem 0 0;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--paint-primary);}
@media (max-width: 720px) {.main-panel{
    padding: 3.5rem 1.25rem;
  }.main-panel .site-fields{
    grid-template-columns: 1fr;
    gap: 2rem;
  }.main-panel .content-visual h2{
    font-size: 1.55rem;
  }
}
.plain-tile{
    --line-light: #fdfaf5;
    --type-heading: #e2d7c6;
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.plain-tile .featured-region{max-width: 1080px;
    margin: 0 auto;}
.plain-tile .content-visual{margin-bottom: 48px;}
.plain-tile .content-visual h2{font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 16px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.plain-tile .content-visual p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.6;}
.plain-tile .simple-contact{display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;}
.plain-tile .primary-menu{
    background: var(--line-light);
    border: 1px solid var(--type-heading);
    border-radius: 14px;
    padding: 28px 24px 30px;
    color: #2a241d;
  }
.plain-tile .primary-menu .quiet-proof{margin: 0 0 10px;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;}
.plain-tile .primary-menu h3{margin: 0 0 14px;
    font-size: 1.15rem;
    line-height: 1.3;
    font-weight: 600;}
.plain-tile .primary-menu p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.62;}
.plain-tile .featured-lead{margin: 44px 0 0;
    font-size: 1rem;
    line-height: 1.65;}
@media (max-width: 900px) {.plain-tile .simple-contact{
      grid-template-columns: 1fr 1fr;
      gap: 28px;
    }
  }
@media (max-width: 620px) {.plain-tile{
      padding: 52px 18px;
    }.plain-tile .content-visual h2{
      font-size: 1.5rem;
    }.plain-tile .simple-contact{
      grid-template-columns: 1fr;
      gap: 22px;
    }.plain-tile .primary-menu{
      padding: 22px 20px 24px;
    }
  }
.visual-headline{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem 5rem;
  }
.visual-headline .featured-region{max-width: 1080px;
    margin: 0 auto;}
.visual-headline .primary-menu{display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    grid-template-areas:
      "date date"
      "title shot"
      "lead shot"
      "copy copy"
      "route route";
    column-gap: 3.5rem;
    row-gap: 1.1rem;}
.visual-headline .narrow-details{grid-area: date;
    margin: 0;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;}
.visual-headline h1{grid-area: title;
    margin: 0;
    font-size: clamp(1.9rem, 3.4vw, 2.7rem);
    line-height: 1.15;
    font-weight: 600;
    align-self: end;}
.visual-headline .simple-benefit{grid-area: lead;
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.6;}
.visual-headline .content-section{
    grid-area: shot;
    margin: 0;
    align-self: start;
    border-radius: 18px;
    overflow: hidden;
    background: #fdfaf5;color:#2a241d;}
.visual-headline .content-section img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 5;}
.visual-headline .steady-wrap{grid-area: copy;
    margin-top: 1.6rem;
    display: grid;
    gap: 1.15rem;}
.visual-headline .steady-wrap p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.7;}
.visual-headline .visual-rail{grid-area: route;
    margin: 2.2rem 0 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.visual-headline .visual-rail a{text-decoration: none;
    border-bottom: 1px solid rgba(138, 111, 82, 0.4);
    padding-bottom: 1px;}
.visual-headline .visual-rail a:hover{border-bottom-color: #8a6f52;}
@media (max-width: 820px) {.visual-headline{
      padding: 3rem 1.15rem 3.5rem;
    }.visual-headline .primary-menu{
      grid-template-columns: 1fr;
      grid-template-areas:
        "date"
        "title"
        "shot"
        "lead"
        "copy"
        "route";
      row-gap: 1rem;
    }.visual-headline .content-section img{
      aspect-ratio: 16 / 10;
    }.visual-headline .steady-wrap{
      margin-top: 1rem;
    }
  }
.public-grid{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem;
  }
.public-grid .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    column-gap: 4rem;
    row-gap: 2rem;
    align-items: start;}
.public-grid .content-visual h2{margin: 0 0 0.4rem;
    font-size: 1.9rem;
    line-height: 1.15;
    letter-spacing: -0.01em;}
.public-grid .simple-plan{margin: 0;
    font-size: 0.95rem;
    color: #4a4238;}
.public-grid .media-story p{margin: 0 0 1.1rem;
    font-size: 1.02rem;
    line-height: 1.65;}
.public-grid .media-story p:last-child{margin-bottom: 0;}
.public-grid .simple-team{grid-column: 2;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--surface-dark);}
.public-grid .open-note{margin: 0 0 0.4rem;
    font-size: 0.95rem;}
.public-grid .open-note:last-child{margin-bottom: 0;}
.public-grid .simple-team a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;}
.public-grid .simple-team a:hover{border-bottom-color: #755c42;}
@media (max-width: 760px) {.public-grid{
      padding: 3rem 1.25rem;
    }.public-grid .featured-region{
      grid-template-columns: 1fr;
      column-gap: 0;
    }.public-grid .simple-team{
      grid-column: 1;
    }
  }
.site-intro{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.site-intro .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 56px 64px;
    align-items: start;}
.site-intro .simple-benefit h2{font-size: 1.6rem;
    line-height: 1.25;
    margin: 0 0 16px;
    letter-spacing: -0.01em;}
.site-intro .simple-benefit p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;}
.site-intro .offer-rail{display: flex;
    flex-direction: column;
    gap: 28px;}
.site-intro .visual-rail{padding-bottom: 22px;
    border-bottom: 1px solid #e2d7c6;}
.site-intro .visual-rail:last-child{border-bottom: none;
    padding-bottom: 0;}
.site-intro .visual-rail h3{font-size: 1.05rem;
    margin: 0 0 8px;
    letter-spacing: 0.01em;}
.site-intro .visual-rail p{margin: 0 0 8px;
    font-size: 0.95rem;
    line-height: 1.6;}
.site-intro .visual-rail .service-quote{font-size: 0.85rem;
    margin: 0;}
.site-intro .content-view{
    grid-column: 1 / -1;
    background: #efe7db;
    color: #2a241d;
    padding: 28px 32px;
    border-radius: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 40px;
    align-items: baseline;
  }
.site-intro .content-view p{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.site-intro .content-view .offer-fields{}
.site-intro .content-view a{text-decoration: none;
    border-bottom: 1px solid rgba(138, 111, 82, 0.4);}
.site-intro .content-view a:hover{border-bottom-color: #755c42;}
@media (max-width: 780px) {.site-intro{
      padding: 48px 18px 64px;
    }.site-intro .featured-region{
      grid-template-columns: 1fr;
      gap: 36px;
    }.site-intro .content-view{
      padding: 22px 20px;
    }
  }
.main-panel{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem;
  }
.main-panel .featured-region{max-width: 1080px;
    margin: 0 auto;}
.main-panel .simple-benefit{margin-bottom: 3rem;}
.main-panel .simple-benefit h2{font-size: 1.9rem;
    line-height: 1.25;
    margin: 0 0 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.main-panel .simple-benefit p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;
    color: #4a4238;}
.main-panel .site-fields{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.25rem 3rem;}
.main-panel .active-benefit h3{font-size: 1.15rem;
    margin: 0 0 0.35rem;
    font-weight: 600;}
.main-panel .active-benefit .simple-plan{margin: 0 0 0.75rem;
    font-size: 0.9rem;
    letter-spacing: 0.02em;color:inherit;}
.main-panel .active-benefit p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;
    color: #4a4238;}
.main-panel .top-group{margin: 3rem 0 0;
    font-size: 1rem;
    line-height: 1.6;
    color: #4a4238;}
.main-panel .top-group a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.main-panel .top-group a:hover{color: var(--tone-secondary);}
@media (max-width: 720px) {.main-panel{
      padding: 3rem 1.25rem;
    }.main-panel .simple-benefit h2{
      font-size: 1.55rem;
    }.main-panel .site-fields{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
.plain-tile{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem 5rem;
  }
.plain-tile .featured-region{max-width: 1080px;
    margin: 0 auto;}
.plain-tile .content-visual h1{font-size: clamp(1.9rem, 3.4vw, 2.7rem);
    line-height: 1.15;
    margin: 0 0 1.1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.plain-tile .content-visual p{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;}
.plain-tile .wide-brand{margin-top: 3rem;
    display: grid;
    gap: 2.4rem;}
.plain-tile .summary h2{font-size: 1.25rem;
    line-height: 1.3;
    margin: 0 0 0.7rem;
    font-weight: 600;}
.plain-tile .summary p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;}
.plain-tile .featured-lead{margin-top: 3rem;}
.plain-tile .featured-lead p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;}
.plain-tile .featured-lead a{text-decoration: underline;
    text-underline-offset: 3px;}
.plain-tile .featured-lead a:hover{}
@media (min-width: 760px) {.plain-tile{
      padding: 5.5rem 2.5rem 6rem;
    }.plain-tile .wide-brand{
      grid-template-columns: 1fr 1fr;
      column-gap: 3.5rem;
      row-gap: 2.8rem;
    }
  }
.visual-headline{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 20px 88px;
  }
.visual-headline .featured-region{max-width: 1080px;
    margin: 0 auto;}
.visual-headline .primary-menu{display: grid;
    gap: 32px;}
.visual-headline .narrow-actions h1{font-size: clamp(1.9rem, 3.4vw, 2.6rem);
    line-height: 1.18;
    margin: 0 0 12px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.visual-headline .quiet-proof{margin: 0;
    font-size: 0.92rem;}
.visual-headline .top-media{
    margin: 0;
    border-radius: 18px;
    overflow: hidden;
    background: #efe7db;color:#4a4238;}
.visual-headline .top-media img{display: block;
    width: 100%;
    height: auto;}
.visual-headline .primary-footer{display: grid;
    gap: 20px;}
.visual-headline .primary-footer p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.7;}
.visual-headline .plain-brand{margin-top: 8px;}
.visual-headline .primary-proof{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.visual-headline .primary-proof a{text-decoration: underline;
    text-underline-offset: 3px;}
.visual-headline .primary-proof a:hover{}
@media (min-width: 900px) {.visual-headline .primary-menu{
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
      grid-template-areas:
        "head media"
        "body media"
        "foot media";
      column-gap: 56px;
      row-gap: 24px;
      align-items: start;
    }.visual-headline .narrow-actions{ grid-area: head; }.visual-headline .top-media{ grid-area: media; }.visual-headline .primary-footer{ grid-area: body; }.visual-headline .plain-brand{ grid-area: foot; }
  }
.public-grid{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem;
  }
.public-grid .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 3rem 4rem;
    align-items: start;}
.public-grid h2{font-size: 2rem;
    line-height: 1.15;
    margin: 0 0 0.4rem;
    letter-spacing: -0.01em;}
.public-grid .simple-plan{font-size: 1rem;
    margin: 0 0 1.6rem;
    color: #4a4238;}
.public-grid .content-visual p{margin: 0 0 1.1rem;
    line-height: 1.65;}
.public-grid .content-visual p:last-child{margin-bottom: 0;}
.public-grid .simple-team{
    background: #fdfaf5;
    color: #2a241d;
    border: 1px solid var(--surface-dark);
    border-radius: 14px;
    padding: 1.75rem 1.75rem 1.9rem;
  }
.public-grid .contact-method{margin: 0 0 1.4rem;
    line-height: 1.55;
    font-size: 0.95rem;}
.public-grid dl{margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem 1rem;
    align-items: baseline;}
.public-grid dt{font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #4a4238;}
.public-grid dd{margin: 0;
    line-height: 1.5;}
.public-grid dd a{color:inherit;
    text-decoration: none;}
.public-grid dd a:hover{text-decoration: underline;}
@media (max-width: 760px) {.public-grid{
      padding: 3rem 1.25rem;
    }.public-grid .featured-region{
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }.public-grid h2{
      font-size: 1.65rem;
    }
  }
.site-intro{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.site-intro .featured-region{max-width: 1080px;
    margin: 0 auto;}
.site-intro .primary-menu{display: grid;
    gap: 18px;}
.site-intro .primary-menu h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.2;
    margin: 0 0 6px;
    font-weight: 600;}
.site-intro .primary-menu p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.site-intro .primary-menu a{text-decoration: underline;
    text-underline-offset: 3px;}
.site-intro .primary-menu a:hover{}
.site-intro .visual-rail{}
@media (min-width: 800px) {.site-intro{
      padding: 96px 40px;
    }.site-intro .primary-menu{
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
      column-gap: 56px;
      row-gap: 20px;
    }.site-intro .primary-menu h2{
      grid-column: 1;
      grid-row: 1 / span 3;
      margin: 0;
    }.site-intro .primary-menu p:not(.visual-rail){
      grid-column: 2;
    }.site-intro .visual-rail{
      grid-column: 2;
    }
  }
.main-panel{
  background: var(--paint-accent);
  color: var(--paint-primary);
  padding: 5rem 1.5rem;
}
.main-panel .featured-region{max-width: 1080px;
  margin: 0 auto;}
.main-panel .content-visual{margin-bottom: 3rem;}
.main-panel .content-visual h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0 0 1rem;}
.main-panel .content-visual p{font-size: 1.02rem;
  line-height: 1.7;
  margin: 0;}
.main-panel .site-fields{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.5rem 3.5rem;
  margin-bottom: 3rem;}
.main-panel .primary-menu h3{font-size: 1.15rem;
  font-weight: 600;
  margin: 0 0 0.35rem;}
.main-panel .primary-menu .simple-plan{font-size: 0.9rem;
  color: #4a4238;
  margin: 0 0 0.85rem;}
.main-panel .primary-menu p{font-size: 0.98rem;
  line-height: 1.65;
  margin: 0;}
.main-panel .top-group{font-size: 0.98rem;
  line-height: 1.7;
  color: #4a4238;
  margin: 0;}
.main-panel .top-group a{color:inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;}
.main-panel .top-group a:hover{color: #755c42;}
@media (max-width: 720px) {.main-panel{
    padding: 3.5rem 1.25rem;
  }.main-panel .site-fields{
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.plain-tile{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.plain-tile .featured-region{max-width: 1120px;
    margin: 0 auto;}
.plain-tile .simple-benefit{display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
    margin-bottom: 56px;}
.plain-tile .simple-benefit h2{margin: 0;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.01em;}
.plain-tile .simple-benefit p{margin: 0;
    font-size: 16px;
    line-height: 1.65;}
.plain-tile .contact-links{display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 48px;}
.plain-tile .strong-list h3{margin: 0 0 10px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;}
.plain-tile .strong-list p{margin: 0;
    font-size: 15px;
    line-height: 1.65;}
.plain-tile .featured-lead{margin: 56px 0 0;
    font-size: 15px;
    line-height: 1.6;}
.plain-tile .featured-lead a{text-decoration: underline;
    text-underline-offset: 3px;}
@media (max-width: 780px) {.plain-tile{
      padding: 48px 20px;
    }.plain-tile .simple-benefit{
      grid-template-columns: 1fr;
      gap: 20px;
      margin-bottom: 40px;
    }.plain-tile .simple-benefit h2{
      font-size: 24px;
    }.plain-tile .contact-links{
      grid-template-columns: 1fr;
      gap: 28px;
    }
  }
.compact-headline{
    --paint-base: #e2d7c6;
    --ink-secondary: #fdfaf5;
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.compact-headline .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 56px 72px;
    align-items: start;}
.compact-headline .content-visual h2{margin: 0 0 18px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.01em;}
.compact-headline .content-visual p{margin: 0;
    font-size: 16px;
    line-height: 1.65;}
.compact-headline .local-group{
    background: #fdfaf5;
    color: #2a241d;
    border: 1px solid var(--surface-dark);
    border-radius: 18px;
    padding: 32px 30px 34px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
.compact-headline .clear-region{display: flex;
    flex-direction: column;
    gap: 8px;}
.compact-headline .clear-region label{font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;}
.compact-headline .clear-region input,
  .compact-headline .clear-region textarea{
    font: inherit;
    color: #2a241d;
    background: var(--ink-secondary);
    border: 1px solid var(--paint-base);
    border-radius: 10px;
    padding: 12px 14px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.15s ease;
  }
.compact-headline .clear-region textarea{resize: vertical;
    min-height: 120px;
    line-height: 1.55;}
.compact-headline .clear-region input:focus,
  .compact-headline .clear-region textarea:focus{outline: none;
    border-color: #8a6f52;}
.compact-headline .clear-region input::placeholder,
  .compact-headline .clear-region textarea::placeholder{}
.compact-headline .local-group button{
    font: inherit;
    align-self: flex-start;
    margin-top: 4px;
    padding: 13px 28px;
    border: none;
    border-radius: 999px;
    background: #8a6f52;
    color: #fbf7f1;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease;
  }
.compact-headline .local-group button:hover{
    background: #755c42;color:#2a241d;}
.compact-headline .top-group{grid-column: 1 / -1;
    margin: 0;
    font-size: 14px;
    line-height: 1.7;}
.compact-headline .top-group a{text-decoration: none;
    border-bottom: 1px solid rgba(138, 111, 82, 0.35);}
.compact-headline .top-group a:hover{border-bottom-color: #8a6f52;}
@media (max-width: 820px) {.compact-headline{
      padding: 52px 18px;
    }.compact-headline .featured-region{
      grid-template-columns: 1fr;
      gap: 36px;
    }.compact-headline .content-visual h2{
      font-size: 25px;
    }.compact-headline .local-group{
      padding: 26px 20px 28px;
    }
  }
.compact-headline{
  background: #2a241d;
  color: #f7f2ea;
}
.offer-body{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.offer-body .featured-region{max-width: 1080px;
    margin: 0 auto;}
.offer-body .content-visual{margin-bottom: 48px;}
.offer-body .content-visual h2{font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 0 0 16px;}
.offer-body .content-visual p{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;}
.offer-body .media-story{display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 56px;
    align-items: start;}
.offer-body .visual-view h3,
  .offer-body .content-view h3{font-size: 0.95rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 18px;}
.offer-body .visual-view p{font-size: 1rem;
    line-height: 1.65;
    margin: 0 0 14px;}
.offer-body .visual-view p:last-child{margin-bottom: 0;}
.offer-body .wide-brand{list-style: none;
    margin: 0 0 20px;
    padding: 0;}
.offer-body .summary{display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 20px;
    padding: 12px 0;
    border-bottom: 1px solid var(--surface-dark, #e2d7c6);}
.offer-body .summary:first-child{border-top: 1px solid var(--surface-dark, #e2d7c6);}
.offer-body .main-rail{font-size: 0.85rem;
    color: #4a4238;
    flex-shrink: 0;}
.offer-body .strong-grid{font-size: 0.98rem;
    text-align: right;
    color: inherit;
    text-decoration: none;
    word-break: break-word;}
.offer-body a.value{color:inherit;}
.offer-body a.value:hover{text-decoration: underline;}
.offer-body .top-group{font-size: 0.92rem;
    line-height: 1.6;
    color: #4a4238;
    margin: 0;}
@media (max-width: 760px) {.offer-body{
      padding: 56px 20px;
    }.offer-body .media-story{
      grid-template-columns: 1fr;
      gap: 40px;
    }.offer-body .content-visual{
      margin-bottom: 36px;
    }.offer-body .summary{
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
    }.offer-body .strong-grid{
      text-align: left;
    }
  }
.offer-body{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.soft-brand{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 4.5rem 1.5rem;
  }
.soft-brand .featured-region{max-width: 1080px;
    margin: 0 auto;}
.soft-brand .content-visual h1{font-size: clamp(1.75rem, 3.4vw, 2.5rem);
    line-height: 1.15;
    margin: 0 0 1.1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.soft-brand .simple-benefit{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;}
.soft-brand .focused-unit{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem 2.5rem;
    margin: 3.25rem 0 0;}
.soft-brand .primary-menu h2{font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 600;
    margin: 0 0 0.7rem;}
.soft-brand .primary-menu p{margin: 0 0 0.55rem;
    font-size: 1rem;
    line-height: 1.55;}
.soft-brand .primary-menu a{text-decoration: none;
    border-bottom: 1px solid var(--surface-dark);
    padding-bottom: 1px;
    transition: border-color 0.2s ease, color 0.2s ease;}
.soft-brand .primary-menu a:hover{border-color: #755c42;}
.soft-brand .top-group{font-size: 0.9rem;
    line-height: 1.55;}
.soft-brand .featured-lead{margin-top: 3.5rem;
    padding-top: 2.25rem;
    border-top: 1px solid var(--surface-dark);}
.soft-brand .featured-lead h2{font-size: 1.15rem;
    font-weight: 600;
    margin: 0 0 0.85rem;}
.soft-brand .featured-lead p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;}
@media (max-width: 760px) {.soft-brand{
      padding: 3.25rem 1.25rem;
    }.soft-brand .focused-unit{
      grid-template-columns: 1fr;
      gap: 1.85rem;
      margin-top: 2.5rem;
    }.soft-brand .featured-lead{
      margin-top: 2.5rem;
      padding-top: 1.75rem;
    }
  }
.soft-brand{
  background: #2a241d;
  color: #f7f2ea;
}
.soft-inner{
    --copy-base: #e2d7c6;
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.soft-inner .featured-region{max-width: 1080px;
    margin: 0 auto;}
.soft-inner .content-visual{margin-bottom: 48px;}
.soft-inner .content-visual h2{margin: 0 0 16px;
    font-size: 1.9rem;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.01em;}
.soft-inner .simple-benefit{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;
    color: #4a4238;}
.soft-inner .simple-contact{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 56px;
    row-gap: 40px;}
.soft-inner .primary-menu h3{margin: 0 0 10px;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.01em;}
.soft-inner .primary-menu p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.7;
    color: #4a4238;}
.soft-inner .primary-menu a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.soft-inner .primary-menu a:hover{color: #755c42;}
@media (max-width: 760px) {.soft-inner{
      padding: 52px 18px 64px;
    }.soft-inner .simple-contact{
      grid-template-columns: 1fr;
      row-gap: 32px;
    }.soft-inner .content-visual h2{
      font-size: 1.55rem;
    }
  }
.soft-inner{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.soft-brand{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.soft-brand .featured-region{max-width: 1080px;
    margin: 0 auto;}
.soft-brand h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.soft-brand .simple-benefit{margin: 0 0 44px;
    font-size: 1.0625rem;
    line-height: 1.6;}
.soft-brand .wide-brand{display: flex;
    flex-direction: column;
    gap: 28px;}
.soft-brand .summary{display: grid;
    grid-template-columns: 160px 1fr;
    gap: 24px;
    align-items: baseline;
    padding-bottom: 24px;
    border-bottom: 1px solid #efe7db;}
.soft-brand .summary:last-child{border-bottom: none;
    padding-bottom: 0;}
.soft-brand .main-rail{font-size: 0.8125rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;}
.soft-brand .strong-grid{margin: 0;
    font-size: 1.0625rem;
    line-height: 1.55;}
.soft-brand .strong-grid a{text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;}
.soft-brand .strong-grid a:hover{}
.soft-brand .top-group{margin: 44px 0 0;
    font-size: 0.9375rem;
    line-height: 1.65;}
@media (max-width: 640px) {.soft-brand{
      padding: 56px 20px;
    }.soft-brand .summary{
      grid-template-columns: 1fr;
      gap: 8px;
    }
  }
.page-items{
    background: var(--paint-accent, #f7f2ea);
    color: var(--paint-primary, #2a241d);
    padding: 72px 24px;
  }
.page-items .featured-region{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
    gap: 48px 64px;
    align-items: start;}
.page-items .content-visual h2{margin: 0 0 16px;
    font-size: 1.9rem;
    line-height: 1.2;
    font-weight: 600;}
.page-items .content-visual p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;
    color: #4a4238;}
.page-items .simple-contact{display: flex;
    flex-direction: column;
    gap: 32px;}
.page-items .primary-menu h3{margin: 0 0 10px;
    font-size: 1.15rem;
    line-height: 1.3;
    font-weight: 600;}
.page-items .primary-menu p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.7;
    color: #4a4238;}
.page-items .primary-menu a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.page-items .primary-menu a:hover{color: #755c42;}
@media (max-width: 820px) {.page-items{
      padding: 56px 20px;
    }.page-items .featured-region{
      grid-template-columns: 1fr;
      gap: 36px;
    }.page-items .content-visual h2{
      font-size: 1.6rem;
    }
  }
.page-items{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.public-quote{
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px;
  }
.public-quote .featured-region{max-width: 1080px;
    margin: 0 auto;}
.public-quote h2{margin: 0 0 20px;
    font-size: 1.9rem;
    line-height: 1.25;
    letter-spacing: -0.01em;}
.public-quote p{margin: 0 0 16px;
    font-size: 1.02rem;
    line-height: 1.65;}
.public-quote p:last-of-type{margin-bottom: 28px;}
.public-quote .visual-rail{display: flex;
    flex-wrap: wrap;
    gap: 14px 28px;
    align-items: baseline;}
.public-quote .go{
    display: inline-block;
    padding: 12px 22px;
    border-radius: 999px;
    background: #8a6f52;
    color: #fbf7f1;
    text-decoration: none;
    font-size: 0.95rem;
    line-height: 1;
    transition: background 0.2s ease;
  }
.public-quote .go:hover{
    background: #755c42;color:#2a241d;}
.public-quote .go + .go{
    background: transparent;
    color: var(--paint-primary);
    padding: 12px 0;
    border-bottom: 1px solid var(--surface-dark, #e2d7c6);
    border-radius: 0;
  }
.public-quote .go + .go:hover{
    background: transparent;
    border-bottom-color: #8a6f52;
  }
@media (max-width: 640px) {.public-quote{
      padding: 52px 18px;
    }.public-quote h2{
      font-size: 1.55rem;
    }.public-quote .visual-rail{
      flex-direction: column;
      gap: 12px;
      align-items: stretch;
    }.public-quote .go{
      text-align: center;
    }.public-quote .go + .go{
      text-align: left;
    }
  }
.public-quote{
  background: var(--paint-accent);
  color: var(--paint-primary);
}
.media{
    --line-card: #fdfaf5;
    --copy-button: #e2d7c6;
    background: var(--paint-accent);
    color: var(--paint-primary);
    padding: 72px 24px 88px;
  }
.media .featured-region{max-width: 1080px;
    margin: 0 auto;}
.media .simple-benefit h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    line-height: 1.2;
    margin: 0 0 18px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.media .simple-benefit p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.7;}
.media .featured-note{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
    margin: 56px 0 0;}
.media .visual-brand h3{font-size: 1.05rem;
    margin: 0 0 10px;
    font-weight: 600;}
.media .visual-brand p{margin: 0;
    font-size: 0.96rem;
    line-height: 1.65;}
.media .simple-team{
    margin: 64px 0 0;
    padding: 28px 32px;
    background: var(--line-card);
    border-radius: 14px;color:#2a241d;}
.media .simple-team p{margin: 0 0 10px;
    font-size: 0.98rem;
    line-height: 1.6;}
.media .simple-team .page-section{display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
    margin: 0 0 10px;
    font-size: 1.02rem;}
.media .simple-team .steady-group{margin: 0;
    font-size: 0.92rem;}
.media a{text-decoration: none;
    border-bottom: 1px solid var(--copy-button);
    padding-bottom: 1px;}
.media a:hover{border-bottom-color: #755c42;}
.media .visual-rail{margin: 48px 0 0;
    font-size: 0.98rem;
    line-height: 1.7;}
@media (max-width: 820px) {.media{
      padding: 56px 20px 72px;
    }.media .featured-note{
      grid-template-columns: 1fr;
      gap: 32px;
      margin-top: 44px;
    }.media .simple-team{
      padding: 24px 22px;
      margin-top: 48px;
    }
  }
.media{
  background: #2a241d;
  color: #f7f2ea;
}
.404{
  --paint-inverse: #2a241d;
  --state-strong: #f7f2ea;
  --tone-primary: #4a4238;
  --copy-meta: #e2d7c6;
  --paint-main: #8a6f52;
  background: var(--state-strong);
  color: var(--paint-inverse);
  padding: 96px 24px 112px;
}
.404 .featured-region{
  max-width: 1080px;
  margin: 0 auto;
}
.404 .media-story{
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-top: 8px;
}
.404 h1{
  margin: 0;
  font-size: clamp(1.9rem, 3.4vw, 2.9rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.15;
}
.404 .simple-benefit{
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--tone-primary);
}
.404 .top-group{
  margin: 0;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--tone-primary);
}
.404 .visual-rail{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px 28px;
  margin-top: 14px;
  padding-top: 22px;
  border-top: 1px solid var(--copy-meta);
}
.404 .visual-rail a{
  text-decoration: none;
  font-size: 0.98rem;
  letter-spacing: 0.01em;
}
.404 .clear-section{
  color: var(--paint-inverse);
  font-weight: 600;
  border-bottom: 1px solid var(--paint-inverse);
  padding-bottom: 2px;
}
.404 .clear-section:hover{
  color: #8a6f52;
  border-bottom-color: #8a6f52;
}
.404 .offer-fields{
  color: var(--tone-primary);
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
}
.404 .offer-fields:hover{
  color: var(--paint-inverse);
  border-bottom-color: var(--copy-meta);
}
@media (max-width: 640px) {.404{
    padding: 64px 20px 80px;
  }.404 .visual-rail{
    gap: 10px 20px;
  }
}
.404{
  background: var(--paint-accent);
  color: var(--paint-primary);
}