body{margin:0;padding:0;font-family:"Fraunces", sans-serif;}
*,*::before,*::after{box-sizing:border-box;}
.open-contact {
    width: 100%;
    background: #F3EDDF;
    color: #2E2A20;
    border-bottom: 1px solid #D9CFB8;
  }
.steady-service {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.15rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
  }
.team-inner {
    font-family: "Fraunces", sans-serif;
    font-size: calc(17px * 1.125);
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #2E2A20;
    text-decoration: none;
    white-space: nowrap;
    flex: 0 0 auto;
  }
.team-inner:hover {
    color: #8A6A45;
  }
.ra-nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
  }
.open-block {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: calc(1rem * 1.4);
  }
.open-block a {
    display: inline-block;
    padding: 0.35rem 0.15rem;
    font-size: 17px;
    color: #2E2A20;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 320ms cubic-bezier(0.22, 0.61, 0.36, 1),
                border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
.open-block a:hover {
    color: #8A6A45;
    border-bottom-color: #8A6A45;
  }
.featured-figure {
    flex: 0 0 auto;
    margin-left: auto;
  }
.secondary-benefit {
    display: inline-block;
    padding: 0.7rem 1.25rem;
    background: #5C6B4A;
    color: #F6F1E4;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0.6rem;
    box-shadow: 0 1px 2px rgba(58, 52, 40, 0.08);
    transition: background 320ms cubic-bezier(0.22, 0.61, 0.36, 1),
                box-shadow 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
.secondary-benefit:hover{
    background: #4A5739;
    box-shadow: 0 6px 18px rgba(58, 52, 40, 0.12);color:#2E2A20;}
.line {
    display: none;
    flex: 0 0 auto;
    margin-left: auto;
    width: 44px;
    height: 44px;
    padding: 0;
    background: #E7E0CD;
    color: #3A3428;
    border: 1px solid #D9CFB8;
    border-radius: 0.35rem;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
.wide-shell {
    display: block;
    width: 20px;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
  }
@media (max-width: 900px) {
    .open-block {
      gap: 1rem;
    }
    .open-block a {
      font-size: calc(17px * .875);
    }
    .secondary-benefit {
      padding: 0.6rem 1rem;
      font-size: calc(17px * .875);
    }
  }
@media (max-width: 767px) {
    .steady-service {
      flex-wrap: wrap;
      align-items: center;
    }

    .line {
      display: flex;
    }

    .ra-nav {
      order: 3;
      flex: 1 1 100%;
      display: none;
      width: 100%;
      padding-top: 1.15rem;
      border-top: 1px solid #D9CFB8;
      margin-top: 1.15rem;
    }

    .ra-nav.is-open {
      display: block;
    }

    .open-block {
      flex-direction: column;
      align-items: stretch;
      gap: 0;
    }

    .open-block li {
      border-bottom: 1px solid #D9CFB8;
    }

    .open-block li:last-child {
      border-bottom: none;
    }

    .open-block a {
      display: block;
      padding: 0.85rem 0.25rem;
      font-size: 17px;
    }

    .featured-figure {
      order: 4;
      flex: 1 1 100%;
      margin-left: 0;
      margin-top: 1.15rem;
    }

    .secondary-benefit {
      display: block;
      text-align: center;
      width: 100%;
    }
  }
.text-nav{font-family:"Fraunces", sans-serif;font-size:17px;line-height:1.65;padding:0;width:100%;background:#2E2A20;color:#F6F1E4;}
.public-brand{max-width:1180px;margin:0 auto;padding:calc(1.15rem * 3) 1.25rem calc(1.15rem * 2);display:flex;flex-direction:column;gap:calc(1.15rem * 1.6)}
.page-track{display:flex;flex-direction:column;gap:0.5rem;padding-bottom:calc(1.15rem * 1.2);border-bottom:1px solid rgba(255, 255, 255, 0.18)}
.active-lead{margin:0;font-size:calc(17px * .875);letter-spacing:0.14em;text-transform:uppercase;opacity:0.78}
.offer-lead{font-style:normal;display:flex;flex-direction:column;gap:0.35rem;font-size:17px}
.primary-plan{max-width:34ch}
.open-nav{color:inherit;text-decoration:none;width:fit-content;border-bottom:1px solid rgba(255, 255, 255, 0.35);padding-bottom:1px;transition:border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 320ms cubic-bezier(0.22, 0.61, 0.36, 1)}
.open-nav:hover,
  .open-nav:focus-visible{border-color:currentColor;opacity:0.85}
.local-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.4rem 1.6rem}
.wide-lead{font-family:"Fraunces", sans-serif;font-size:26px;font-weight:600;letter-spacing:0.01em;color:inherit;text-decoration:none}
.bottom-team{margin:0;max-width:52ch;font-size:calc(17px * .875);opacity:0.82}
.clear-contact{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:calc(1rem * 1.6)}
.active-visual{margin:0 0 0.6rem;font-size:calc(17px * .875);letter-spacing:0.12em;text-transform:uppercase;opacity:0.72}
.top-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.4rem}
.top-list a{color:inherit;text-decoration:none;font-size:17px;transition:opacity 320ms cubic-bezier(0.22, 0.61, 0.36, 1)}
.top-list a:hover,
  .top-list a:focus-visible{opacity:0.72;text-decoration:underline;text-underline-offset:3px;color:inherit}
.quiet-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.6rem 1.6rem;padding-top:calc(1.15rem * 1.2);border-top:1px solid rgba(255, 255, 255, 0.18)}
.offer-entries{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.4rem 1.4rem}
.offer-entries a{color:inherit;text-decoration:none;font-size:calc(17px * .875);transition:opacity 320ms cubic-bezier(0.22, 0.61, 0.36, 1)}
.offer-entries a:hover,
  .offer-entries a:focus-visible{opacity:0.72;text-decoration:underline;text-underline-offset:3px;color:inherit}
.team-panel{margin:0;font-size:calc(17px * .875);opacity:0.72}
.open-details{margin:0;font-size:calc(17px * .875);line-height:1.6;opacity:0.72;max-width:78ch}
@media (max-width: 860px) {.clear-contact{grid-template-columns:repeat(2, minmax(0, 1fr))}
  }
@media (max-width: 560px) {.public-brand{padding:calc(1.15rem * 2) 1.25rem calc(1.15rem * 1.6)}.clear-contact{grid-template-columns:1fr;gap:1rem}.wide-lead{font-size:24px}
  }
.active-summary {
    position: fixed;
    left: 1.25rem;
    bottom: 1.15rem;
    width: min(360px, calc(100vw - 2 * 1.25rem));
    background: #FBF7EC;
    color: #2E2A20;
    border: 1px solid #D9CFB8;
    border-radius: 0.85rem;
    box-shadow: 0 6px 18px rgba(58, 52, 40, 0.12);
    padding: calc(1.15rem * .75);
    font-family: "Fraunces", sans-serif;
    font-size: calc(17px * .875);
    line-height: 1.65;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    animation: avisoEntrada 320ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
  }
.secondary-track {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
  }
.quiet-nav {
    margin: 0;
    font-size: calc(17px * .875);
  }
.quiet-nav a {
    color: #5C6B4A;
    text-decoration: underline;
  }
.quiet-nav a:hover {
    color: #8A6A45;
  }
.content-items {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
.offer-plan {
    flex: 1 1 120px;
    padding: 0.6rem 1rem;
    border-radius: 0.6rem;
    border: 1px solid transparent;
    font-family: inherit;
    font-size: calc(17px * .875);
    font-weight: 600;
    cursor: pointer;
    transition: background 320ms cubic-bezier(0.22, 0.61, 0.36, 1), color 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
.focused-flow {
    background: #5C6B4A;
    color: #F6F1E4;
  }
.focused-flow:hover{
    background: #4A5739;color:#2E2A20;}
.team-shell {
    background: transparent;
    color: #2E2A20;
    border-color: #D9CFB8;
  }
.team-shell:hover{
    background: color-mix(in srgb, currentColor 10%, transparent);color:#2E2A20;}
@keyframes avisoEntrada {
    from {
      opacity: 0;
      transform: translateY(calc(1rem * 2));
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
@media (max-width: 480px) {
    .active-summary {
      left: 1.25rem;
      right: 1.25rem;
      width: auto;
    }
  }
.top-plan{
    --tone-page: #FBF7EC;
    --copy-heading: #D9CFB8;
    background: var(--tone-primary, linear-gradient(135deg, #F3EDDF 0%, #E7E0CD 55%, #DCD3BC 100%));
    color: #2E2A20;
    padding: 4.5rem 1.25rem 4rem;
  }
.top-plan .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 3rem;
    align-items: center;}
.top-plan .copy{display: flex;
    flex-direction: column;
    gap: 1.15rem;}
.top-plan h1{font-size: 58px;
    line-height: 1.08;
    margin: 0;
    letter-spacing: -0.01em;}
.top-plan .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.top-plan .featured-details{margin: 0;
    line-height: 1.65;}
.top-plan .route{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    margin-top: 0.75rem;}
.top-plan .top-menu{
    display: inline-block;
    background: #5C6B4A;
    color: #F6F1E4;
    text-decoration: none;
    padding: 0.9rem 1.6rem;
    border-radius: 0.6rem;
    font-size: 1.02rem;
    transition: background 320ms var(--speed-soft, cubic-bezier(0.22, 0.61, 0.36, 1));
  }
.top-plan .top-menu:hover{
    background: #4A5739;color:#2E2A20;}
.top-plan .content-entries{color: inherit;
    text-decoration: none;
    font-size: 0.98rem;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--copy-heading);
    transition: border-color 320ms var(--speed-soft, cubic-bezier(0.22, 0.61, 0.36, 1));}
.top-plan .content-entries:hover{border-color: #8A6A45;}
.top-plan .visual-steps{
    margin: 0;
    background: var(--tone-page);
    color: #2E2A20;
    border-radius: 0.85rem;
    overflow: hidden;
    box-shadow: var(--lift-strong, 0 6px 18px rgba(58, 52, 40, 0.12));
  }
.top-plan .visual-steps img{display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;}
.top-plan .visual-steps figcaption{padding: 0.85rem 1.1rem 1rem;
    font-size: 0.92rem;
    line-height: 1.5;}
@media (max-width: 860px) {.top-plan{
      padding: 3rem 1.15rem 2.75rem;
    }.top-plan .active-media{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.top-plan h1{
      font-size: 38px;
    }.top-plan .focused-copy{
      font-size: 20px;
    }
  }
@media (max-width: 520px) {.top-plan h1{
      font-size: 30px;
    }.top-plan .focused-copy{
      font-size: 18px;
    }.top-plan .route{
      gap: 0.9rem;
    }
  }
.top-plan{
  background: #F3EDDF;
  color: #2E2A20;
}
.contact-lead{
    --line-base: #F3EDDF;
    --line-secondary: #2E2A20;
    --surface-deep: #E7E0CD;
    --tone-light: #3A3428;
    --surface-dark: #8A6A45;
    background: var(--line-base);
    color: var(--line-secondary);
    padding: 4rem 1.25rem 4.5rem;
  }
.contact-lead .active-media{max-width: var(--field-extra-13, 1180px);
    margin: 0 auto;
    display: grid;
    gap: 2.5rem;}
.contact-lead .focused-copy h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.contact-lead .focused-copy p{font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 1rem;}
.contact-lead .focused-copy p:last-child{margin-bottom: 0;}
.contact-lead .service-proof{list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.75rem;}
.contact-lead .site-details{
    padding: 1.35rem 1.4rem;
    background: #FBF7EC;
    color: #2E2A20;
    border: 1px solid #D9CFB8;
    border-radius: 0.85rem;
    box-shadow: var(--lift-button, 0 1px 2px rgba(58, 52, 40, 0.08));
  }
.contact-lead .site-details h3{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.55rem;}
.contact-lead .site-details p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.contact-lead .page-contact{
    margin: 0;
    padding: 1.4rem 1.5rem;
    background: var(--surface-deep);
    color: var(--tone-light);
    border-radius: 0.85rem;
    font-size: 1rem;
    line-height: 1.7;
  }
.contact-lead .page-contact a{text-decoration: underline;
    text-underline-offset: 3px;}
.contact-lead .page-contact a:hover{text-decoration-thickness: 2px;}
@media (min-width: 860px) {.contact-lead{
      padding: 5rem 2rem 5.5rem;
    }.contact-lead .active-media{
      grid-template-columns: 1fr 1.15fr;
      grid-template-areas:
        "lead steps"
        "closing closing";
      gap: 3rem 3.5rem;
      align-items: start;
    }.contact-lead .focused-copy{
      grid-area: lead;
    }.contact-lead .service-proof{
      grid-area: steps;
    }.contact-lead .page-contact{
      grid-area: closing;
    }
  }
@media (max-width: 600px) {.contact-lead{
      padding: 3rem 1rem 3.5rem;
    }.contact-lead .focused-copy h2{
      font-size: 1.85rem;
    }.contact-lead .site-details h3{
      font-size: 1.25rem;
    }.contact-lead .site-details{
      padding: 1.15rem 1.1rem;
    }
  }
.contact-lead{
  background: #2E2A20;
  color: #F6F1E4;
}
.narrow-frame{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 3.5rem 1.25rem;
  }
.narrow-frame .active-media{max-width: 1180px;
    margin: 0 auto;}
.narrow-frame .contact-panel{margin-bottom: 2.5rem;}
.narrow-frame .contact-panel h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1rem;
    font-weight: 500;}
.narrow-frame .contact-panel p{font-size: 24px;
    line-height: 1.55;
    margin: 0;}
.narrow-frame .compact-stack{display: flex;
    flex-direction: column;
    gap: 2rem;}
.narrow-frame .public-menu{display: grid;
    grid-template-columns: 220px 1fr;
    gap: 1.75rem;
    align-items: start;}
.narrow-frame .public-menu img{width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 0.85rem;
    display: block;}
.narrow-frame .copy h3{font-size: 26px;
    margin: 0 0 0.5rem;
    font-weight: 500;
    line-height: 1.25;}
.narrow-frame .copy p{margin: 0;
    line-height: 1.65;}
.narrow-frame .featured-details{margin: 2.75rem 0 0;
    padding-top: 1.5rem;
    border-top: 1px solid #D9CFB8;
    line-height: 1.65;}
.narrow-frame .route{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.narrow-frame .route:hover{color: #745636;}
@media (max-width: 720px) {.narrow-frame{
      padding: 2.5rem 1rem;
    }.narrow-frame .contact-panel h2{
      font-size: 1.75rem;
    }.narrow-frame .contact-panel p{
      font-size: 1.15rem;
    }.narrow-frame .public-menu{
      grid-template-columns: 1fr;
      gap: 1rem;
    }.narrow-frame .public-menu img{
      height: 200px;
    }
  }
.narrow-frame{
  background: #F3EDDF;
  color: #2E2A20;
}
.wide-note{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.wide-note .active-media{max-width: var(--field-extra-13, 1180px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 3rem;
    align-items: start;}
.wide-note .focused-copy{grid-column: 2;}
.wide-note h2{font-size: 38px;
    line-height: 1.2;
    margin: 0 0 1.25rem;
    font-weight: 500;}
.wide-note p{font-size: 17px;
    line-height: 1.65;
    margin: 0 0 1.15rem;}
.wide-note .route{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    margin: 1.75rem 0 1.5rem;}
.wide-note .action{
    display: inline-block;
    background: #5C6B4A;
    color: #F6F1E4;
    padding: 0.85rem 1.6rem;
    border-radius: 0.6rem;
    text-decoration: none;
    font-size: 1rem;
    transition: background 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
.wide-note .action:hover{
    background: #4A5739;color:#2E2A20;}
.wide-note .clear-section{text-decoration: none;
    font-size: 0.98rem;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;}
.wide-note .clear-section:hover{}
.wide-note .featured-details{font-size: 0.95rem;
    margin: 0;}
.wide-note .featured-details a{color: inherit;
    text-decoration: underline;}
@media (max-width: 780px) {.wide-note{
      padding: 3rem 1.1rem;
    }.wide-note .active-media{
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }.wide-note .focused-copy{
      grid-column: 1;
    }.wide-note h2{
      font-size: 30px;
    }
  }
.wide-note{
  background: #2E2A20;
  color: #F6F1E4;
}
.secondary-rail{
    --gutter-content: 2.4rem;
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 5rem;
  }
.secondary-rail .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    column-gap: 3.5rem;
    row-gap: var(--gutter-content);
    align-items: start;}
.secondary-rail .focused-copy{grid-column: 1 / 2;}
.secondary-rail h1{font-size: 58px;
    line-height: 1.08;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.secondary-rail .contact-panel{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.secondary-rail .compact-stack{grid-column: 2 / 3;
    display: flex;
    flex-direction: column;
    gap: 2rem;}
.secondary-rail .content-view h2{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.6rem;}
.secondary-rail .content-view p{margin: 0;
    font-size: 17px;
    line-height: 1.65;}
.secondary-rail .page-contact{
    grid-column: 1 / 2;
    margin: 0;
    font-size: 17px;
    line-height: 1.65;
    background: #E7E0CD;
    color: #3A3428;
    padding: 1.15rem 1.25rem;
    border-radius: 0.85rem;
  }
@media (max-width: 900px) {.secondary-rail .active-media{
      grid-template-columns: minmax(0, 1fr);
      column-gap: 0;
    }.secondary-rail .focused-copy,
    .secondary-rail .compact-stack,
    .secondary-rail .page-contact{
      grid-column: 1 / -1;
    }.secondary-rail h1{
      font-size: 40px;
    }.secondary-rail .contact-panel{
      font-size: 20px;
    }
  }
@media (max-width: 560px) {.secondary-rail{
      padding: 3rem 1rem 3.4rem;
    }.secondary-rail h1{
      font-size: 32px;
    }.secondary-rail .contact-panel{
      font-size: 18px;
    }.secondary-rail .content-view h2{
      font-size: 22px;
    }
  }
.secondary-rail{
  background: #2E2A20;
  color: #F6F1E4;
}
.main-panel{
  background: #F3EDDF;
  color: #2E2A20;
  padding: 5rem 1.25rem;
}
.main-panel .active-media{max-width: 1180px;
  margin: 0 auto;}
.main-panel .contact-panel{margin-bottom: 3rem;}
.main-panel h2{font-size: 38px;
  line-height: 1.15;
  margin: 0 0 1.1rem;
  letter-spacing: -0.01em;}
.main-panel .focused-copy{font-size: 24px;
  line-height: 1.5;
  margin: 0;}
.main-panel .split{display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 3rem;
  align-items: start;}
.main-panel .copy p{margin: 0 0 1.2rem;
  line-height: 1.7;}
.main-panel .copy .page-contact{margin-bottom: 0;
  color: #3A3428;}
.main-panel .soft-brand{margin: 0;}
.main-panel .soft-brand img{display: block;
  width: 100%;
  height: auto;
  border-radius: 0.85rem;
  box-shadow: var(--lift-strong, 0 6px 18px rgba(58, 52, 40, 0.12));}
.main-panel .soft-brand figcaption{margin-top: 0.85rem;
  font-size: 0.92rem;
  line-height: 1.5;
  color: #3A3428;}
@media (max-width: 860px) {.main-panel{
    padding: 3.25rem 1.25rem;
  }.main-panel .split{
    grid-template-columns: 1fr;
    gap: 2rem;
  }.main-panel h2{
    font-size: 30px;
  }.main-panel .focused-copy{
    font-size: 20px;
  }
}
.main-panel{
  background: #F3EDDF;
  color: #2E2A20;
}
.plain-surface{
    --line-clear: #F3EDDF;
    --surface-inverse: #2E2A20;
    background: var(--line-clear);
    color: var(--surface-inverse);
    padding: 4.5rem 1.25rem 4rem;
  }
.plain-surface .active-media{max-width: 1180px;
    margin: 0 auto;}
.plain-surface .direct-contact{font-size: 1.15rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 0.9rem;
    opacity: 0.72;}
.plain-surface h2{font-size: 2.35rem;
    line-height: 1.2;
    margin: 0 0 1.6rem;
    max-width: 22ch;}
.plain-surface .body{display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;}
.plain-surface .body p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
@media (min-width: 860px) {.plain-surface{
      padding: 6rem 2rem 5.5rem;
    }.plain-surface h2{
      font-size: 2.9rem;
      max-width: 26ch;
    }.plain-surface .body{
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem;
      align-items: start;
    }.plain-surface .body p{
      font-size: 1.08rem;
    }
  }
.plain-surface{
  background: #2E2A20;
  color: #F6F1E4;
}
.bottom-service{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.bottom-service .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 3rem;
    align-items: start;}
.bottom-service h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.bottom-service h3{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.9rem;}
.bottom-service p{margin: 0 0 1rem;
    line-height: 1.65;}
.bottom-service p:last-child{margin-bottom: 0;}
.bottom-service .page-note{
    background: #FBF7EC;
    color: #2E2A20;
    border: 1px solid #D9CFB8;
    border-radius: 0.85rem;
    padding: 1.75rem 1.6rem 1.9rem;
    box-shadow: 0 1px 2px rgba(58, 52, 40, 0.08);
  }
.bottom-service ul{list-style: none;
    margin: 0 0 1.1rem;
    padding: 0;}
.bottom-service li{padding: 0.6rem 0;
    line-height: 1.55;
    border-top: 1px solid #D9CFB8;}
.bottom-service li:first-child{border-top: 0;
    padding-top: 0;}
.bottom-service .featured-details{font-size: 0.95rem;
    color: #3A3428;
    margin-bottom: 1.4rem;}
.bottom-service .go{
    display: inline-block;
    background: #5C6B4A;
    color: #F6F1E4;
    text-decoration: none;
    padding: 0.75rem 1.35rem;
    border-radius: 0.6rem;
    font-weight: 600;
    transition: background 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
.bottom-service .go:hover{
    background: #4A5739;color:#2E2A20;}
@media (max-width: 820px) {.bottom-service{
      padding: 3rem 1.1rem;
    }.bottom-service .active-media{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.bottom-service h2{
      font-size: 1.9rem;
    }
  }
.bottom-service{
  background: #F3EDDF;
  color: #2E2A20;
}
.main-callout{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.main-callout .active-media{max-width: 1180px;
    margin: 0 auto;}
.main-callout .contact-panel{margin-bottom: 2.75rem;}
.main-callout h1{font-size: 58px;
    line-height: 1.1;
    margin: 0 0 1rem;
    font-weight: 500;
    letter-spacing: -0.01em;}
.main-callout .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.main-callout .qa{display: flex;
    flex-direction: column;}
.main-callout .site-figure{padding: 1.6rem 0;
    border-top: 1px solid #D9CFB8;}
.main-callout .site-figure:last-child{border-bottom: 1px solid #D9CFB8;}
.main-callout .site-figure h2{font-size: 26px;
    line-height: 1.3;
    margin: 0 0 0.6rem;
    font-weight: 500;}
.main-callout .site-figure p{margin: 0;
    line-height: 1.65;
    max-width: 78ch;}
.main-callout .route{margin: 2.25rem 0 0;
    font-size: 0.98rem;}
.main-callout .route a{text-decoration: underline;
    text-underline-offset: 3px;}
.main-callout .route a:hover{}
@media (max-width: 720px) {.main-callout{
      padding: 3rem 1.1rem;
    }.main-callout h1{
      font-size: 34px;
    }.main-callout .focused-copy{
      font-size: 19px;
    }.main-callout .site-figure h2{
      font-size: 21px;
    }
  }
.main-callout{
  background: #2E2A20;
  color: #F6F1E4;
}
.wide-team{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.wide-team .active-media{max-width: 1180px;
    margin: 0 auto;}
.wide-team .contact-panel{display: grid;
    gap: 1rem;
    margin-bottom: 3rem;}
.wide-team h2{font-size: 38px;
    line-height: 1.15;
    margin: 0;}
.wide-team .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;
    color: #3A3428;}
.wide-team .route{list-style: none;
    margin: 0;
    padding: 0;}
.wide-team .site-details{padding: 1.6rem 0;
    display: grid;
    gap: 0.5rem;}
.wide-team .site-details + .site-details{border-top: 1px solid #D9CFB8;}
.wide-team .site-details h3{font-size: 26px;
    line-height: 1.25;
    margin: 0;}
.wide-team .site-details p{margin: 0;
    line-height: 1.65;}
.wide-team .quiet-intro{margin: 2.5rem 0 0;
    line-height: 1.65;
    color: #3A3428;}
.wide-team .quiet-intro a{color: #5C6B4A;
    text-decoration: underline;
    text-underline-offset: 3px;}
.wide-team .quiet-intro a:hover{color:inherit;}
@media (min-width: 760px) {.wide-team .contact-panel{
      grid-template-columns: 1fr 1.1fr;
      gap: 2.5rem;
      align-items: end;
    }.wide-team .site-details{
      grid-template-columns: 1fr 1.6fr;
      gap: 2.5rem;
      align-items: baseline;
      padding: 1.9rem 0;
    }
  }
@media (max-width: 759px) {.wide-team{
      padding: 3rem 1.1rem;
    }.wide-team h2{
      font-size: 30px;
    }.wide-team .focused-copy{
      font-size: 19px;
    }.wide-team .site-details h3{
      font-size: 21px;
    }
  }
.wide-team{
  background: #F3EDDF;
  color: #2E2A20;
}
.text-callout{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.text-callout .active-media{max-width: 1180px;
    margin: 0 auto;}
.text-callout .steady-links{margin-bottom: 2.75rem;}
.text-callout h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1rem;
    font-weight: 500;}
.text-callout .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.text-callout .compact-stack{display: grid;
    gap: 2rem 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));}
.text-callout .public-menu{padding-top: 1.5rem;
    border-top: 1px solid #D9CFB8;}
.text-callout .public-menu:first-child,
  .text-callout .public-menu:nth-child(2){padding-top: 0;
    border-top: none;}
.text-callout .public-menu h3{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.65rem;
    font-weight: 500;}
.text-callout .public-menu p{margin: 0;
    line-height: 1.65;}
.text-callout .route{margin: 3rem 0 0;
    line-height: 1.65;}
.text-callout .route a{text-decoration: underline;
    text-underline-offset: 3px;}
.text-callout .route a:hover{}
@media (max-width: 760px) {.text-callout{
      padding: 3rem 1.1rem;
    }.text-callout h2{
      font-size: 30px;
    }.text-callout .focused-copy{
      font-size: 19px;
    }.text-callout .compact-stack{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }.text-callout .public-menu{
      padding-top: 1.25rem;
      border-top: 1px solid #D9CFB8;
    }.text-callout .public-menu:first-child{
      padding-top: 0;
      border-top: none;
    }.text-callout .public-menu:nth-child(2){
      padding-top: 1.25rem;
      border-top: 1px solid #D9CFB8;
    }.text-callout .public-menu h3{
      font-size: 21px;
    }
  }
.text-callout{
  background: #2E2A20;
  color: #F6F1E4;
}
.visual-copy{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 5rem;
  }
.visual-copy .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    column-gap: 3.5rem;
    row-gap: 2.25rem;
    align-items: start;}
.visual-copy .contact-panel{grid-column: 1;}
.visual-copy h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.visual-copy .contact-panel p{margin: 0 0 1rem;
    font-size: 17px;
    line-height: 1.65;}
.visual-copy .contact-panel p:last-child{margin-bottom: 0;}
.visual-copy .service-proof{
    grid-column: 2;
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: paso;
    background: #FBF7EC;
    color: #2E2A20;
    border: 1px solid #D9CFB8;
    border-radius: 0.85rem;
    padding: 1.75rem 1.75rem 1.5rem;
  }
.visual-copy .site-details{padding: 0 0 1.15rem;
    margin: 0 0 1.15rem;
    border-bottom: 1px solid #E2D9C2;}
.visual-copy .site-details:last-child{padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;}
.visual-copy .site-details h3{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.4rem;
    font-weight: 600;}
.visual-copy .site-details h3::before{counter-increment: paso;
    content: counter(paso, decimal-leading-zero);
    font-size: 0.85rem;
    font-weight: 500;
    margin-right: 0.6rem;
    color: #5C6B4A;
    letter-spacing: 0.06em;}
.visual-copy .site-details p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.visual-copy .featured-details{grid-column: 1 / -1;
    margin: 0;
    padding-top: 1.5rem;
    border-top: 1px solid #DCD3BC;
    font-size: 0.98rem;
    line-height: 1.6;}
.visual-copy .featured-details a{color: #5C6B4A;
    text-decoration: underline;
    text-underline-offset: 3px;}
.visual-copy .featured-details a:hover{color: #4A5739;}
@media (max-width: 900px) {.visual-copy{
      padding: 3rem 1.1rem 3.5rem;
    }.visual-copy .active-media{
      grid-template-columns: 1fr;
      column-gap: 0;
      row-gap: 1.75rem;
    }.visual-copy .contact-panel,
    .visual-copy .service-proof{
      grid-column: 1;
    }.visual-copy h2{
      font-size: 30px;
    }.visual-copy .site-details h3{
      font-size: 21px;
    }.visual-copy .service-proof{
      padding: 1.35rem 1.25rem 1.15rem;
    }
  }
.visual-copy{
  background: #F3EDDF;
  color: #2E2A20;
}
.simple-shell{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.simple-shell .active-media{max-width: 1180px;
    margin: 0 auto;}
.simple-shell h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.simple-shell .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0 0 3rem;}
.simple-shell .compact-stack{display: flex;
    flex-direction: column;
    gap: 2.4rem;}
.simple-shell .bottom-method{display: grid;
    grid-template-columns: minmax(220px, 320px) 1fr;
    gap: 1.5rem 2.5rem;
    align-items: start;}
.simple-shell .row-head h3{font-size: 26px;
    line-height: 1.2;
    margin: 0 0 0.35rem;}
.simple-shell .text-flow{margin: 0;
    font-size: 0.85rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;}
.simple-shell .bottom-method p{margin: 0;
    line-height: 1.65;}
.simple-shell .route{display: inline-block;
    margin-top: 0.9rem;
    text-decoration: none;
    border-bottom: 1px solid #5C6B4A;
    padding-bottom: 2px;
    transition: color 320ms cubic-bezier(0.22, 0.61, 0.36, 1), border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.simple-shell .route:hover{border-color: #8A6A45;}
.simple-shell .featured-details{margin: 3rem 0 0;
    padding-top: 1.6rem;
    border-top: 1px solid #D9CFB8;
    line-height: 1.65;}
.simple-shell .featured-details a{text-decoration: underline;
    text-underline-offset: 3px;}
.simple-shell .featured-details a:hover{}
@media (max-width: 720px) {.simple-shell{
      padding: 3rem 1.1rem;
    }.simple-shell h2{
      font-size: 30px;
    }.simple-shell .focused-copy{
      font-size: 19px;
      margin-bottom: 2.2rem;
    }.simple-shell .bottom-method{
      grid-template-columns: 1fr;
      gap: 0.6rem;
    }.simple-shell .compact-stack{
      gap: 1.9rem;
    }
  }
.simple-shell{
  background: #2E2A20;
  color: #F6F1E4;
}
.plain-entries{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.plain-entries .active-media{max-width: 1180px;
    margin: 0 auto;}
.plain-entries h1{font-size: 58px;
    line-height: 1.15;
    margin: 0 0 1.5rem;
    font-weight: 500;
    letter-spacing: -0.01em;}
.plain-entries .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0 0 3rem;}
.plain-entries .focused-note{display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 2.5rem;
    margin-bottom: 3rem;}
.plain-entries .featured-details h3{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.75rem;
    font-weight: 500;}
.plain-entries .featured-details p{margin: 0;
    line-height: 1.65;}
.plain-entries .route{margin: 0;
    line-height: 1.65;}
.plain-entries .route a{text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 320ms ease;}
.plain-entries .route a:hover{}
@media (max-width: 900px) {.plain-entries .focused-note{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
@media (max-width: 640px) {.plain-entries{
      padding: 3rem 1.25rem;
    }.plain-entries h1{
      font-size: 2rem;
    }.plain-entries .focused-copy{
      font-size: 1.15rem;
      margin-bottom: 2rem;
    }.plain-entries .featured-details h3{
      font-size: 1.25rem;
    }
  }
.plain-entries{
  background: #2E2A20;
  color: #F6F1E4;
}
.contact-lead{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.contact-lead .active-media{max-width: 1180px;
    margin: 0 auto;}
.contact-lead .focused-copy{display: flex;
    flex-direction: column;
    gap: 1.15rem;}
.contact-lead h2{font-size: 38px;
    line-height: 1.15;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;}
.contact-lead p{margin: 0;
    font-size: 17px;
    line-height: 1.65;}
.contact-lead .soft-view{align-self: flex-start;
    margin-top: 0.4rem;
    color: #5C6B4A;
    text-decoration: none;
    font-size: 17px;
    border-bottom: 1px solid #5C6B4A;
    padding-bottom: 2px;
    transition: color 320ms cubic-bezier(0.22, 0.61, 0.36, 1),
                border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.contact-lead .soft-view:hover,
  .contact-lead .soft-view:focus-visible{color: #4A5739;
    border-color: #4A5739;}
@media (max-width: 720px) {.contact-lead{
      padding: 3rem 1.1rem;
    }.contact-lead h2{
      font-size: 28px;
    }.contact-lead p,
    .contact-lead .soft-view{
      font-size: 16px;
    }
  }
.contact-lead{
  background: #F3EDDF;
  color: #2E2A20;
}
.wide-note{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.wide-note .active-media{max-width: 1180px;
    margin: 0 auto;}
.wide-note .body{
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    padding: 2.4rem 2.2rem;
    background: #FBF7EC;
    color: #2E2A20;
    border: 1px solid #D9CFB8;
    border-radius: 0.85rem;
    box-shadow: 0 1px 2px rgba(58, 52, 40, 0.08);
  }
.wide-note h2{margin: 0;
    font-size: 38px;
    line-height: 1.2;
    letter-spacing: -0.01em;}
.wide-note .focused-copy{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.wide-note .featured-details{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.wide-note .action{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    margin-top: 0.6rem;}
.wide-note .button{
    display: inline-block;
    padding: 0.85rem 1.6rem;
    background: #5C6B4A;
    color: #F6F1E4;
    border-radius: 0.6rem;
    font-size: 1rem;
    text-decoration: none;
    transition: background 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
.wide-note .button:hover,
  .wide-note .button:focus-visible{
    background: #4A5739;color:#2E2A20;}
.wide-note .route{font-size: 0.97rem;
    text-decoration: underline;
    text-underline-offset: 3px;}
.wide-note .route:hover,
  .wide-note .route:focus-visible{}
@media (max-width: 640px) {.wide-note{
      padding: 3rem 1rem;
    }.wide-note .body{
      padding: 1.8rem 1.4rem;
    }.wide-note h2{
      font-size: 1.7rem;
    }.wide-note .action{
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
    }.wide-note .button{
      width: 100%;
      text-align: center;
    }
  }
.featured-links{
    --measure-large: 2.4rem;
    background: #F3EDDF;
    color: #2E2A20;
    padding: 3.4rem 1.25rem 3.8rem;
  }
.featured-links .active-media{max-width: 1180px;
    margin: 0 auto;}
.featured-links .contact-panel{margin-bottom: 2.6rem;}
.featured-links .contact-panel h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 0.9rem;
    font-weight: 600;}
.featured-links .contact-panel p{font-size: 24px;
    line-height: 1.5;
    margin: 0;
    color: #3A3428;}
.featured-links .content-view{display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: var(--measure-large);
    align-items: start;
    padding: 2.2rem 0;}
.featured-links .content-view + .content-view{margin-top: 0.4rem;}
.featured-links .public-section{grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);}
.featured-links .content-view:nth-of-type(even) .secondary-service{order: 2;}
.featured-links .secondary-service{margin: 0;}
.featured-links .secondary-service img{display: block;
    width: 100%;
    height: auto;
    border-radius: 0.85rem;
    box-shadow: var(--lift-strong, 0 6px 18px rgba(58, 52, 40, 0.12));}
.featured-links .secondary-service figcaption{margin-top: 0.7rem;
    font-size: 0.92rem;
    line-height: 1.5;
    color: #3A3428;}
.featured-links .copy{padding-top: 0.3rem;}
.featured-links .text-flow{font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 0.6rem;
    color: #5C6B4A;}
.featured-links .copy h3{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.75rem;
    font-weight: 600;}
.featured-links .copy p{margin: 0;
    line-height: 1.65;}
.featured-links .featured-details{margin: 2.6rem 0 0;
    font-size: 0.98rem;
    line-height: 1.65;
    color: #3A3428;}
.featured-links .featured-details a{color: #5C6B4A;
    text-decoration: underline;
    text-underline-offset: 3px;}
.featured-links .featured-details a:hover{color: #4A5739;}
@media (max-width: 820px) {.featured-links{
      padding: 2.4rem 1rem 2.8rem;
    }.featured-links .contact-panel h2{
      font-size: 1.7rem;
    }.featured-links .contact-panel p{
      font-size: 1.12rem;
    }.featured-links .content-view,
    .featured-links .public-section{
      grid-template-columns: 1fr;
      gap: 1.4rem;
      padding: 1.8rem 0;
    }.featured-links .content-view:nth-of-type(even) .secondary-service{
      order: 0;
    }.featured-links .copy h3{
      font-size: 1.3rem;
    }
  }
.featured-links{
  background: #F3EDDF;
  color: #2E2A20;
}
.page-benefit{
    --stack-nav: clamp(1.5rem, 4vw, 4rem);
    background: #F3EDDF;
    color: #2E2A20;
    padding: var(--stack-nav) 1.25rem;
  }
.page-benefit .active-media{max-width: var(--field-extra-13, 1180px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;}
.page-benefit .focused-copy h1{font-size: 58px;
    line-height: 1.1;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.page-benefit .focused-copy .contact-panel{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.page-benefit .active-benefit{display: grid;
    grid-template-columns: 1.15fr 1fr 1fr;
    gap: 2rem 2.5rem;}
.page-benefit .route h2{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.6rem;}
.page-benefit .route p{margin: 0 0 0.75rem;
    line-height: 1.65;}
.page-benefit .route .value{margin: 0;
    font-weight: 600;
    word-break: break-word;}
.page-benefit .route .value a{text-decoration: underline;
    text-underline-offset: 3px;}
.page-benefit .route .value a:hover{}
.page-benefit .focused-note{
    background: #E7E0CD;
    color: #3A3428;
    border-radius: 0.85rem;
    padding: 1.75rem 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 2.5rem;
    align-items: start;
  }
.page-benefit .focused-note h2{grid-column: 1 / -1;
    font-size: 38px;
    line-height: 1.2;
    margin: 0 0 0.25rem;}
.page-benefit .focused-note p{margin: 0;
    line-height: 1.65;}
.page-benefit .focused-note a{text-decoration: underline;
    text-underline-offset: 3px;}
.page-benefit .focused-note a:hover{}
@media (max-width: 900px) {.page-benefit .active-benefit{
      grid-template-columns: 1fr 1fr;
    }.page-benefit .focused-note{
      grid-template-columns: 1fr;
    }
  }
@media (max-width: 620px) {.page-benefit .focused-copy h1{
      font-size: 34px;
    }.page-benefit .focused-copy .contact-panel{
      font-size: 19px;
    }.page-benefit .active-benefit{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }.page-benefit .focused-note{
      padding: 1.35rem 1.25rem;
    }.page-benefit .focused-note h2{
      font-size: 27px;
    }
  }
.page-benefit{
  background: #2E2A20;
  color: #F6F1E4;
}
.service-brand{
    --surface-main: #F3EDDF;
    --paint-cool: #2E2A20;
    --paint-clear: #3A3428;
    --layer-control: #D9CFB8;
    background: var(--surface-main);
    color: var(--paint-cool);
    padding: 4.5rem 1.25rem;
  }
.service-brand .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    column-gap: 3.5rem;
    row-gap: 1.5rem;
    align-items: start;}
.service-brand h2{font-size: 38px;
    line-height: 1.15;
    margin: 0;
    grid-column: 1 / -1;}
.service-brand .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;
    grid-column: 1 / -1;
    color: var(--paint-clear);
    max-width: none;}
.service-brand .clear-group{grid-column: 1 / -1;
    margin: 1.5rem 0 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3.5rem;
    row-gap: 0;}
.service-brand .compact-body{padding: 1.4rem 0;
    border-top: 1px solid var(--layer-control);}
.service-brand .compact-body dt{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.55rem;
    font-weight: 600;}
.service-brand .compact-body dd{margin: 0;
    font-size: 17px;
    line-height: 1.65;
    color: var(--paint-clear);}
.service-brand .featured-details{grid-column: 1 / -1;
    margin: 1.75rem 0 0;
    font-size: 17px;
    line-height: 1.65;
    color: var(--paint-clear);}
@media (max-width: 860px) {.service-brand{
      padding: 3rem 1.15rem;
    }.service-brand .active-media{
      grid-template-columns: minmax(0, 1fr);
      column-gap: 0;
    }.service-brand h2{
      font-size: 30px;
    }.service-brand .focused-copy{
      font-size: 20px;
    }.service-brand .clear-group{
      grid-template-columns: minmax(0, 1fr);
      column-gap: 0;
    }.service-brand .compact-body dt{
      font-size: 22px;
    }
  }
.service-brand{
  background: #F3EDDF;
  color: #2E2A20;
}
.focused-content{
    --line-soft: #FBF7EC;
    --ink-secondary: #D9CFB8;
    --tone-extra-28: #E7E0CD;
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.focused-content .active-media{max-width: 1180px;
    margin: 0 auto;}
.focused-content h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1.5rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.focused-content .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0 0 3.5rem;
    opacity: 0.88;}
.focused-content .service-proof{display: flex;
    flex-direction: column;
    gap: 2.75rem;}
.focused-content .site-details{display: grid;
    grid-template-columns: minmax(220px, 320px) 1fr;
    gap: 2.5rem;
    align-items: start;}
.focused-content .site-details h3{font-size: 26px;
    line-height: 1.25;
    margin: 0;
    font-weight: 600;}
.focused-content .site-details p{margin: 0;
    line-height: 1.7;
    opacity: 0.92;}
.focused-content .site-details:nth-child(even){grid-template-columns: 1fr minmax(220px, 320px);}
.focused-content .site-details:nth-child(even) h3{order: 2;}
.focused-content .site-details:nth-child(even) p{order: 1;}
.focused-content .featured-details{
    margin-top: 3.5rem;
    padding: 1.5rem 1.75rem;
    background: var(--line-soft);
    border: 1px solid var(--ink-secondary);
    border-radius: 0.85rem;
    line-height: 1.65;color:#2E2A20;}
@media (max-width: 780px) {.focused-content{
      padding: 3rem 1.15rem;
    }.focused-content h2{
      font-size: 30px;
    }.focused-content .focused-copy{
      font-size: 19px;
      margin-bottom: 2.5rem;
    }.focused-content .service-proof{
      gap: 2rem;
    }.focused-content .site-details,
    .focused-content .site-details:nth-child(even){
      grid-template-columns: 1fr;
      gap: 0.75rem;
    }.focused-content .site-details:nth-child(even) h3,
    .focused-content .site-details:nth-child(even) p{
      order: initial;
    }.focused-content .site-details h3{
      font-size: 21px;
    }.focused-content .featured-details{
      margin-top: 2.5rem;
      padding: 1.25rem 1.25rem;
    }
  }
.focused-content{
  background: #2E2A20;
  color: #F6F1E4;
}
.wide-team{
    --font-button: #D9CFB8;
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 5rem;
  }
.wide-team .active-media{max-width: 1180px;
    margin: 0 auto;}
.wide-team .contact-panel{margin-bottom: 3rem;}
.wide-team h2{font-size: 38px;
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 600;}
.wide-team .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.wide-team .service-proof{list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: none;}
.wide-team .site-details{display: grid;
    grid-template-columns: minmax(220px, 320px) 1fr;
    gap: 2rem;
    padding: 1.85rem 0;
    border-top: 1px solid var(--font-button);}
.wide-team .site-details:last-child{border-bottom: 1px solid var(--font-button);}
.wide-team .site-details h3{font-size: 26px;
    line-height: 1.3;
    margin: 0;
    font-weight: 600;}
.wide-team .site-details p{margin: 0;
    line-height: 1.65;}
.wide-team .page-contact{margin: 2.75rem 0 0;
    line-height: 1.65;}
.wide-team .page-contact a{color: #5C6B4A;
    text-decoration: underline;
    text-underline-offset: 3px;}
.wide-team .page-contact a:hover{color:inherit;}
@media (max-width: 760px) {.wide-team{
      padding: 3rem 1.1rem 3.5rem;
    }.wide-team h2{
      font-size: 30px;
    }.wide-team .focused-copy{
      font-size: 19px;
    }.wide-team .site-details{
      grid-template-columns: 1fr;
      gap: 0.6rem;
      padding: 1.5rem 0;
    }.wide-team .site-details h3{
      font-size: 21px;
    }
  }
.page-benefit{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4rem 1.25rem 3.5rem;
  }
.page-benefit .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    gap: 2.5rem;}
.page-benefit .focused-copy h1{font-size: 58px;
    line-height: 1.1;
    margin: 0 0 1.25rem;
    letter-spacing: -0.01em;}
.page-benefit .focused-copy p{font-size: 24px;
    line-height: 1.5;
    margin: 0 0 1rem;}
.page-benefit .focused-copy p + p{font-size: 17px;
    line-height: 1.65;}
.page-benefit .active-benefit{display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #D9CFB8;}
.page-benefit .route h2{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.75rem;}
.page-benefit .route p{font-size: 17px;
    line-height: 1.65;
    margin: 0;}
.page-benefit .route a{text-decoration: underline;
    text-underline-offset: 3px;}
.page-benefit .route a:hover{}
.page-benefit .page-contact{font-size: 17px;
    line-height: 1.65;
    margin: 0;
    padding-top: 1.5rem;
    border-top: 1px solid #D9CFB8;}
.page-benefit .page-contact a{text-decoration: underline;
    text-underline-offset: 3px;}
.page-benefit .page-contact a:hover{}
@media (max-width: 880px) {.page-benefit .active-benefit{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
@media (max-width: 640px) {.page-benefit{
      padding: 2.75rem 1rem 2.5rem;
    }.page-benefit .focused-copy h1{
      font-size: 34px;
    }.page-benefit .focused-copy p{
      font-size: 19px;
    }
  }
.site-visual{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.site-visual .active-media{max-width: 760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.25rem;}
.site-visual .focused-copy h2{font-size: 38px;
    line-height: 1.2;
    margin: 0 0 0.85rem;
    font-weight: 600;}
.site-visual .focused-copy p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.site-visual .text-story{margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;}
.site-visual .content-view{display: flex;
    flex-direction: column;
    gap: 0.3rem;}
.site-visual .content-view dt{font-size: 0.78rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #3A3428;}
.site-visual .content-view dd{margin: 0;
    font-size: 1.15rem;
    line-height: 1.4;}
.site-visual .content-view dd a{color: #5C6B4A;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
    transition: color 320ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.site-visual .content-view dd a:hover{color:inherit;}
.site-visual .featured-details{margin: 0;
    padding-top: 1.6rem;
    border-top: 1px solid #D9CFB8;
    font-size: 1rem;
    line-height: 1.65;}
@media (max-width: 640px) {.site-visual{
      padding: 3rem 1.1rem;
    }.site-visual .focused-copy h2{
      font-size: 1.75rem;
    }.site-visual .content-view dd{
      font-size: 1.05rem;
    }
  }
.site-visual{
  background: #F3EDDF;
  color: #2E2A20;
}
.main-callout{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.main-callout .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    gap: 3rem 4rem;
    align-items: start;}
.main-callout .focused-copy h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.main-callout .focused-copy p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.main-callout .strong-story{display: flex;
    flex-direction: column;
    gap: 2rem;}
.main-callout .content-view h3{font-size: 1.15rem;
    line-height: 1.35;
    margin: 0 0 0.5rem;
    font-weight: 600;}
.main-callout .content-view p{margin: 0;
    line-height: 1.7;}
.main-callout .featured-details{grid-column: 1 / -1;
    margin: 1rem 0 0;
    padding-top: 1.75rem;
    border-top: 1px solid rgba(46, 42, 32, 0.15);
    font-size: 0.98rem;
    line-height: 1.7;
    max-width: 60ch;}
.main-callout .featured-details a{color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;}
.main-callout .featured-details a:hover{}
@media (max-width: 860px) {.main-callout{
      padding: 3rem 1.25rem;
    }.main-callout .active-media{
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }.main-callout .focused-copy h2{
      font-size: 1.75rem;
    }.main-callout .strong-story{
      gap: 1.75rem;
    }
  }
.text-callout{
    --stack-content: 1.6rem;
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 5rem;
  }
.text-callout .active-media{max-width: 1180px;
    margin: 0 auto;}
.text-callout .contact-panel{margin-bottom: 2.6rem;}
.text-callout h1{font-size: 58px;
    line-height: 1.12;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.text-callout .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.text-callout .split{display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 2.8rem;
    align-items: start;}
.text-callout .secondary-service{margin: 0;}
.text-callout .secondary-service img{display: block;
    width: 100%;
    height: auto;
    border-radius: 0.85rem;
    box-shadow: 0 6px 18px rgba(58, 52, 40, 0.12);}
.text-callout .secondary-service figcaption{margin-top: 0.75rem;
    font-size: 0.9rem;
    line-height: 1.5;
    opacity: 0.78;}
.text-callout .visual-headline{display: flex;
    flex-direction: column;
    gap: var(--stack-content);}
.text-callout .top-media h2{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.5rem;}
.text-callout .top-media p{margin: 0;
    line-height: 1.65;}
.text-callout .route{margin: 3rem 0 0;
    line-height: 1.6;}
.text-callout .route a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.text-callout .route a:hover{color: #745636;}
@media (max-width: 860px) {.text-callout{
      padding: 3.2rem 1.1rem 3.6rem;
    }.text-callout h1{
      font-size: calc(58px * 0.62);
    }.text-callout .focused-copy{
      font-size: calc(24px * 0.92);
    }.text-callout .split{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.text-callout .top-media h2{
      font-size: calc(26px * 0.94);
    }
  }
.text-callout{
  background: #F3EDDF;
  color: #2E2A20;
}
.service-brand{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 5rem;
  }
.service-brand .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 3rem 4rem;
    align-items: start;}
.service-brand .focused-copy h1{font-size: 58px;
    line-height: 1.1;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.service-brand .contact-panel{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.service-brand .focused-note{display: flex;
    flex-direction: column;
    gap: 2rem;}
.service-brand .featured-details h2{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.6rem;}
.service-brand .featured-details p{margin: 0;
    line-height: 1.65;}
.service-brand .clear-group{
    grid-column: 1 / -1;
    background: #FBF7EC;
    color: #2E2A20;
    border: 1px solid #D9CFB8;
    border-radius: 0.85rem;
    padding: 2rem 2.25rem;
    box-shadow: 0 1px 2px rgba(58, 52, 40, 0.08);
  }
.service-brand .clear-group h3{font-size: 26px;
    margin: 0 0 1rem;}
.service-brand .clear-group ul{list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem 2.5rem;}
.service-brand .clear-group li{position: relative;
    padding-left: 1.1rem;
    line-height: 1.6;}
.service-brand .clear-group li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5C6B4A;color:#F6F1E4;}
@media (max-width: 860px) {.service-brand{
      padding: 3rem 1.1rem 3.5rem;
    }.service-brand .active-media{
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }.service-brand .focused-copy h1{
      font-size: 2.35rem;
    }.service-brand .contact-panel{
      font-size: 1.15rem;
    }.service-brand .clear-group{
      padding: 1.6rem 1.4rem;
    }.service-brand .clear-group ul{
      grid-template-columns: 1fr;
      gap: 0.75rem;
    }
  }
.service-brand{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 4rem;
  }
.service-brand .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    gap: 1.6rem;}
.service-brand h1{font-size: 58px;
    line-height: 1.12;
    margin: 0;
    font-weight: 500;
    letter-spacing: -0.01em;}
.service-brand .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;color:inherit;}
.service-brand .focused-note{display: grid;
    gap: 2rem;
    margin-top: 0.6rem;}
.service-brand .featured-details{display: grid;
    gap: 0.55rem;}
.service-brand .featured-details h2{font-size: 26px;
    line-height: 1.25;
    margin: 0;
    font-weight: 500;}
.service-brand .featured-details p{margin: 0;
    font-size: 17px;
    line-height: 1.65;}
.service-brand .page-contact{margin: 0.8rem 0 0;
    font-size: 17px;
    line-height: 1.65;}
.service-brand .page-contact a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.service-brand .page-contact a:hover{color:inherit;}
@media (max-width: 860px) {.service-brand{
      padding: 3rem 1.1rem 2.8rem;
    }.service-brand h1{
      font-size: 38px;
    }.service-brand .focused-copy{
      font-size: 20px;
    }.service-brand .featured-details h2{
      font-size: 22px;
    }.service-brand .focused-note{
      gap: 1.6rem;
    }
  }
.contact-lead{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.contact-lead .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    gap: 1.6rem;}
.contact-lead h2{font-size: 38px;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.01em;}
.contact-lead .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;
    max-width: 62ch;}
.contact-lead .service-proof{list-style: none;
    margin: 0.6rem 0 0;
    padding: 0;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));}
.contact-lead .site-details{
    background: #FBF7EC;
    color: #2E2A20;
    border: 1px solid #D9CFB8;
    border-radius: 0.85rem;
    padding: 1.5rem 1.4rem;
    box-shadow: var(--lift-button, 0 1px 2px rgba(58, 52, 40, 0.08));
  }
.contact-lead .site-details h3{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.6rem;}
.contact-lead .site-details p{margin: 0;
    line-height: 1.65;}
.contact-lead .page-contact{margin: 0.4rem 0 0;
    line-height: 1.65;
    max-width: 68ch;}
.contact-lead .page-contact a{text-decoration: underline;
    text-underline-offset: 3px;}
.contact-lead .page-contact a:hover{}
@media (max-width: 720px) {.contact-lead{
      padding: 3rem 1.1rem;
    }.contact-lead .service-proof{
      grid-template-columns: 1fr;
    }.contact-lead h2{
      font-size: 30px;
    }.contact-lead .focused-copy{
      font-size: 20px;
    }.contact-lead .site-details h3{
      font-size: 22px;
    }
  }
.page-benefit{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 5rem;
  }
.page-benefit .active-media{max-width: 1180px;
    margin: 0 auto;}
.page-benefit .focused-copy{margin-bottom: 3.25rem;}
.page-benefit h1{font-size: 58px;
    line-height: 1.12;
    margin: 0 0 1.1rem;
    font-weight: 500;
    letter-spacing: -0.01em;}
.page-benefit .contact-panel{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.page-benefit .wide-area{display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 3.5rem;}
.page-benefit .content-view h2{font-size: 38px;
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 500;}
.page-benefit .content-view p{margin: 0 0 1rem;
    line-height: 1.65;}
.page-benefit .content-view a{color: #5C6B4A;
    text-decoration: underline;
    text-underline-offset: 3px;}
.page-benefit .content-view a:hover{color: #4A5739;}
.page-benefit .route{margin-top: 1.4rem;
    font-size: 0.95rem;
    color: #3A3428;}
@media (max-width: 820px) {.page-benefit{
      padding: 3rem 1.15rem 3.5rem;
    }.page-benefit h1{
      font-size: 2.1rem;
    }.page-benefit .contact-panel{
      font-size: 1.15rem;
    }.page-benefit .wide-area{
      grid-template-columns: 1fr;
      gap: 2.4rem;
    }.page-benefit .content-view h2{
      font-size: 1.6rem;
    }
  }
.page-benefit{
  background: #F3EDDF;
  color: #2E2A20;
}
.site-visual{
    --paint-muted: #FBF7EC;
    --type-nav: #D9CFB8;
    --surface-panel: #5C6B4A;
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4rem 1.25rem;
  }
.site-visual .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 3rem 4rem;
    align-items: start;}
.site-visual .contact-panel{grid-column: 1 / -1;}
.site-visual .contact-panel h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1.1rem;
    font-weight: 500;
    letter-spacing: -0.01em;}
.site-visual .contact-panel p{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.site-visual .text-story{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;}
.site-visual .mark{
    background: var(--paint-muted);
    color: #2E2A20;
    border: 1px solid var(--type-nav);
    border-radius: 0.85rem;
    padding: 1.15rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
  }
.site-visual .mark + .mark{margin-top: 0.85rem;}
.site-visual .mark .label{font-size: 0.86rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;}
.site-visual .mark .value{font-size: 1.15rem;
    line-height: 1.45;
    text-decoration: none;}
.site-visual a.value{border-bottom: 1px solid var(--type-nav);
    padding-bottom: 1px;
    transition: border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.site-visual a.value:hover,
  .site-visual a.value:focus-visible{border-color: var(--surface-panel);}
.site-visual .featured-details{margin: 0;
    font-size: 1rem;
    line-height: 1.7;}
.site-visual .featured-details a{text-decoration: underline;
    text-underline-offset: 3px;}
.site-visual .featured-details a:hover,
  .site-visual .featured-details a:focus-visible{}
@media (max-width: 820px) {.site-visual{
      padding: 3rem 1.15rem;
    }.site-visual .active-media{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.site-visual .contact-panel h2{
      font-size: 1.85rem;
    }.site-visual .contact-panel p{
      font-size: 1.1rem;
    }
  }
.site-visual{
  background: #2E2A20;
  color: #F6F1E4;
}
.main-callout{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.main-callout .active-media{max-width: 1180px;
    margin: 0 auto;}
.main-callout h2{font-size: 38px;
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 500;}
.main-callout .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0 0 2.5rem;
    max-width: 52rem;}
.main-callout .strong-story{margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.main-callout .content-view{display: grid;
    grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
    gap: 1.25rem 3rem;
    padding-bottom: 1.75rem;
    border-bottom: 1px solid #D9CFB8;}
.main-callout .content-view:last-child{border-bottom: 0;
    padding-bottom: 0;}
.main-callout dt{font-size: 1.15rem;
    line-height: 1.4;
    font-weight: 500;
    margin: 0;}
.main-callout dd{margin: 0;
    line-height: 1.65;}
.main-callout .route{margin: 2.5rem 0 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.main-callout .route a{color: #5C6B4A;
    text-decoration: underline;
    text-underline-offset: 3px;}
.main-callout .route a:hover{color: #4A5739;}
@media (max-width: 720px) {.main-callout{
      padding: 3rem 1rem;
    }.main-callout h2{
      font-size: 1.9rem;
    }.main-callout .focused-copy{
      font-size: 1.15rem;
      margin-bottom: 2rem;
    }.main-callout .content-view{
      grid-template-columns: 1fr;
      gap: 0.6rem;
    }
  }
.main-callout{
  background: #F3EDDF;
  color: #2E2A20;
}
.focused-content{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.focused-content .active-media{max-width: 1180px;
    margin: 0 auto;}
.focused-content h1{font-size: 58px;
    line-height: 1.1;
    margin: 0 0 1.1rem;
    font-weight: 500;
    letter-spacing: -0.01em;}
.focused-content .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0 0 3rem;
    color: #3A3428;}
.focused-content .service-proof{display: flex;
    flex-direction: column;
    gap: 2.2rem;}
.focused-content .site-details h2{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.6rem;
    font-weight: 500;}
.focused-content .site-details p{margin: 0;
    line-height: 1.65;}
.focused-content .featured-details{margin: 3rem 0 0;
    padding-top: 1.6rem;
    border-top: 1px solid #D9CFB8;
    line-height: 1.65;
    color: #3A3428;}
.focused-content .featured-details a{color: #5C6B4A;
    text-decoration: underline;
    text-underline-offset: 3px;}
.focused-content .featured-details a:hover{color: #4A5739;}
@media (min-width: 860px) {.focused-content{
      padding: 6rem 2rem;
    }.focused-content .service-proof{
      gap: 2.6rem;
    }.focused-content .site-details{
      display: grid;
      grid-template-columns: minmax(220px, 320px) 1fr;
      gap: 2.5rem;
      align-items: start;
    }.focused-content .site-details h2{
      margin: 0;
    }
  }
@media (max-width: 640px) {.focused-content h1{
      font-size: 2.1rem;
    }.focused-content .focused-copy{
      font-size: 1.15rem;
      margin-bottom: 2.2rem;
    }
  }
.focused-content{
  background: #F3EDDF;
  color: #2E2A20;
}
.service-brand{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.service-brand .active-media{max-width: 1180px;
    margin: 0 auto;}
.service-brand h2{font-size: 38px;
    line-height: 1.2;
    margin: 0 0 1.1rem;
    font-weight: 600;}
.service-brand .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0 0 2.4rem;}
.service-brand .focused-note{list-style: none;
    margin: 0 0 2.4rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;}
.service-brand .focused-note li{padding: 0 0 1.6rem;
    border-bottom: 1px solid #D9CFB8;}
.service-brand .focused-note li:last-child{border-bottom: none;
    padding-bottom: 0;}
.service-brand .focused-note h3{font-size: 26px;
    line-height: 1.3;
    margin: 0 0 0.5rem;
    font-weight: 600;}
.service-brand .focused-note p{margin: 0;
    line-height: 1.65;}
.service-brand .page-contact{
    margin: 0;
    padding: 1.5rem 1.6rem;
    background: #E7E0CD;
    color: #2E2A20;
    border-radius: 0.85rem;
    line-height: 1.65;
  }
.service-brand .page-contact a{text-decoration: underline;
    text-underline-offset: 3px;}
.service-brand .page-contact a:hover{}
@media (max-width: 720px) {.service-brand{
      padding: 3rem 1.1rem;
    }.service-brand h2{
      font-size: 30px;
    }.service-brand .focused-copy{
      font-size: 19px;
    }.service-brand .focused-note h3{
      font-size: 21px;
    }
  }
.service-brand{
  background: #2E2A20;
  color: #F6F1E4;
}
.plain-entries{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4rem 1.25rem;
  }
.plain-entries .active-media{max-width: 1180px;
    margin: 0 auto;}
.plain-entries .focused-copy{margin-bottom: 2.75rem;}
.plain-entries h1{font-size: 58px;
    line-height: 1.1;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.plain-entries .contact-panel{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.plain-entries .content-copy{display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.plain-entries .site-header{display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
    gap: 1.5rem 2.5rem;
    align-items: start;
    padding: 1.6rem 0;
    border-top: 1px solid #D9CFB8;}
.plain-entries .site-header:last-of-type{border-bottom: 1px solid #D9CFB8;}
.plain-entries .site-header h2{font-size: 26px;
    line-height: 1.25;
    margin: 0;}
.plain-entries .site-header p{margin: 0;
    line-height: 1.65;}
.plain-entries .route{margin: 2.5rem 0 0;
    line-height: 1.6;}
.plain-entries .route a{color: #5C6B4A;
    text-decoration: underline;
    text-underline-offset: 3px;}
.plain-entries .route a:hover{color:inherit;}
@media (max-width: 760px) {.plain-entries{
      padding: 2.75rem 1.1rem;
    }.plain-entries h1{
      font-size: 2.1rem;
    }.plain-entries .contact-panel{
      font-size: 1.15rem;
    }.plain-entries .site-header{
      grid-template-columns: 1fr;
      gap: 0.65rem;
    }
  }
.plain-entries{
  background: #F3EDDF;
  color: #2E2A20;
}
.secondary-rail{
    --font-nav: #D9CFB8;
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.secondary-rail .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    gap: 2.75rem;}
.secondary-rail .contact-panel{display: grid;
    gap: 1rem;
    max-width: 100%;}
.secondary-rail .contact-panel h2{font-size: 38px;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.01em;}
.secondary-rail .contact-panel p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.secondary-rail .strong-story{display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;}
.secondary-rail .content-view{padding-top: 1.25rem;
    border-top: 1px solid var(--font-nav);}
.secondary-rail .content-view h3{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.6rem;}
.secondary-rail .content-view p{margin: 0 0 0.65rem;
    line-height: 1.65;}
.secondary-rail .content-view .bottom-copy{margin: 0;
    font-size: 0.92rem;
    font-style: italic;
    opacity: 0.78;}
.secondary-rail .page-contact{margin: 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--font-nav);
    font-size: 1rem;
    line-height: 1.65;}
@media (min-width: 760px) {.secondary-rail{
      padding: 5.5rem 2rem;
    }.secondary-rail .active-media{
      gap: 3.25rem;
    }.secondary-rail .strong-story{
      grid-template-columns: 1fr 1fr;
      gap: 2.25rem 2.75rem;
    }.secondary-rail .content-view:nth-child(1),
    .secondary-rail .content-view:nth-child(2){
      border-top: 1px solid var(--font-nav);
    }
  }
@media (min-width: 1040px) {.secondary-rail .contact-panel{
      grid-template-columns: 1fr 1.1fr;
      align-items: end;
      gap: 2.5rem;
    }.secondary-rail .contact-panel h2{
      font-size: 38px;
    }
  }
@media (max-width: 520px) {.secondary-rail .contact-panel h2{
      font-size: 1.75rem;
    }.secondary-rail .content-view h3{
      font-size: 1.35rem;
    }
  }
.set{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 5rem;
  }
.set .active-media{max-width: 1180px;
    margin: 0 auto;}
.set h1{font-size: 58px;
    line-height: 1.1;
    margin: 0 0 1.5rem;
    font-weight: 500;
    letter-spacing: -0.01em;}
.set .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0 0 1.5rem;
    max-width: 62ch;}
.set p{font-size: 17px;
    line-height: 1.65;
    margin: 0 0 1.25rem;}
.set .text-team{list-style: none;
    padding: 0;
    margin: 2.5rem 0 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.set .public-menu h2{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.5rem;
    font-weight: 500;}
.set .public-menu p{margin: 0;}
.set .featured-details{
    font-size: 17px;
    line-height: 1.65;
    margin: 2rem 0 1.5rem;
    padding: 1.25rem 1.5rem;
    background: #E7E0CD;
    color: #3A3428;
    border-radius: 0.85rem;
  }
.set .top-nav{font-size: 17px;
    line-height: 1.65;
    margin: 0;}
.set a{text-decoration: underline;
    text-underline-offset: 3px;}
.set a:hover{}
@media (max-width: 720px) {.set{
      padding: 3rem 1.1rem 3.5rem;
    }.set h1{
      font-size: 36px;
    }.set .focused-copy{
      font-size: 20px;
    }.set .public-menu h2{
      font-size: 22px;
    }.set .text-team{
      gap: 1.5rem;
      margin: 2rem 0 1.75rem;
    }
  }
.set{
  background: #2E2A20;
  color: #F6F1E4;
}
.site-visual{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.site-visual .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 3rem 4rem;
    align-items: start;}
.site-visual .contact-panel{grid-column: 1 / 2;}
.site-visual .contact-panel h2{font-size: 38px;
    line-height: 1.15;
    margin: 0 0 1.25rem;
    letter-spacing: -0.01em;}
.site-visual .contact-panel p{font-size: 17px;
    line-height: 1.65;
    margin: 0;}
.site-visual .simple-rail{grid-column: 2 / 3;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    padding-top: 0.4rem;}
.site-visual .fresh-flow{display: flex;
    flex-direction: column;
    gap: 0.35rem;}
.site-visual .site-brand{font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #3A3428;}
.site-visual .fresh-flow a{font-size: 1.15rem;
    color: #5C6B4A;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
    width: fit-content;}
.site-visual .fresh-flow a:hover,
  .site-visual .fresh-flow a:focus-visible{border-bottom-color: #5C6B4A;}
.site-visual .fresh-flow p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.5;}
.site-visual .top-wrap{grid-column: 1 / -1;
    margin: 0;
    padding-top: 1.5rem;
    font-size: 1rem;
    line-height: 1.6;
    color: #3A3428;}
@media (max-width: 820px) {.site-visual{
      padding: 3.25rem 1.1rem;
    }.site-visual .active-media{
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }.site-visual .contact-panel,
    .site-visual .simple-rail,
    .site-visual .top-wrap{
      grid-column: 1 / -1;
    }.site-visual .contact-panel h2{
      font-size: 1.9rem;
    }
  }
.map{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.map .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 3.5rem;
    align-items: start;}
.map .contact-panel h2{font-size: 38px;
    line-height: 1.2;
    margin: 0 0 1.1rem;
    font-weight: 600;}
.map .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0;}
.map .compact-stack{display: flex;
    flex-direction: column;
    gap: 1.4rem;}
.map .bottom-method{display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid #D9CFB8;}
.map .bottom-method:last-child{border-bottom: none;
    padding-bottom: 0;}
.map .label{font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;}
.map .value{font-size: 1.15rem;
    line-height: 1.45;}
.map .soft-view{text-decoration: none;
    border-bottom: 1px solid currentColor;
    align-self: flex-start;
    transition: color 320ms var(--speed-soft, cubic-bezier(0.22, 0.61, 0.36, 1));}
.map .soft-view:hover,
  .map .soft-view:focus-visible{}
.map .featured-details{grid-column: 1 / -1;
    margin: 0;
    padding-top: 1.6rem;
    border-top: 1px solid #D9CFB8;
    line-height: 1.65;}
@media (max-width: 820px) {.map{
      padding: 3rem 1.1rem;
    }.map .active-media{
      grid-template-columns: 1fr;
      gap: 2.2rem;
    }.map .contact-panel h2{
      font-size: 28px;
    }.map .focused-copy{
      font-size: 19px;
    }
  }
.map{
  background: #2E2A20;
  color: #F6F1E4;
}
.form{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.form .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 3.5rem;
    align-items: start;}
.form .contact-panel h2{font-size: 38px;
    line-height: 1.2;
    margin: 0 0 1.25rem;
    letter-spacing: -0.01em;}
.form .contact-panel p{margin: 0 0 1rem;
    line-height: 1.65;}
.form .contact-panel p:last-child{margin-bottom: 0;}
.form .focused-fields{
    background: #FBF7EC;
    color: #2E2A20;
    border: 1px solid #D9CFB8;
    border-radius: 0.85rem;
    padding: 2rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
  }
.form .bottom-method{display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;}
.form .primary-intro{display: flex;
    flex-direction: column;
    gap: 0.45rem;}
.form .primary-intro label{font-size: 0.95rem;
    letter-spacing: 0.01em;}
.form .local-grid{font-size: 0.8rem;
    color: #6b6350;
    margin-left: 0.25rem;}
.form input[type="text"],
  .form input[type="email"],
  .form input[type="tel"],
  .form select,
  .form textarea{
    width: 100%;
    box-sizing: border-box;
    font: inherit;
    color: #2E2A20;
    background: #FFFDF6;
    border: 1px solid #CFC4A9;
    border-radius: 0.6rem;
    padding: 0.7rem 0.85rem;
    line-height: 1.4;
  }
.form textarea{resize: vertical;
    min-height: 8rem;}
.form input:focus,
  .form select:focus,
  .form textarea:focus{outline: 2px solid #5C6B4A;
    outline-offset: 1px;
    border-color: #5C6B4A;}
.form .contact-surface{display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.95rem;
    line-height: 1.5;}
.form .contact-surface input[type="checkbox"]{margin-top: 0.25rem;
    width: 1.05rem;
    height: 1.05rem;
    accent-color: #5C6B4A;
    flex: none;}
.form .contact-surface label{cursor: pointer;}
.form .page-note{display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 0.25rem;}
.form .page-note button{
    align-self: flex-start;
    font: inherit;
    font-size: 1rem;
    letter-spacing: 0.01em;
    color: #F6F1E4;
    background: #5C6B4A;
    border: none;
    border-radius: 0.6rem;
    padding: 0.85rem 1.6rem;
    cursor: pointer;
    transition: background 320ms var(--speed-soft, cubic-bezier(0.22, 0.61, 0.36, 1));
  }
.form .page-note button:hover{
    background: #4A5739;color:#2E2A20;}
.form .featured-details{margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #4a4436;}
.form .featured-details a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 2px;}
@media (max-width: 860px) {.form{
      padding: 3rem 1.1rem;
    }.form .active-media{
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }.form .contact-panel h2{
      font-size: 30px;
    }.form .bottom-method{
      grid-template-columns: 1fr;
    }.form .focused-fields{
      padding: 1.6rem 1.25rem;
    }.form .page-note button{
      align-self: stretch;
      text-align: center;
    }
  }
.form{
  background: #F3EDDF;
  color: #2E2A20;
}
.direct-brand{
    --type-meta: #D9CFB8;
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 4rem;
  }
.direct-brand .active-media{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    gap: 2.75rem;}
.direct-brand .contact-panel{display: grid;
    gap: 1rem;
    max-width: 46rem;}
.direct-brand h1{font-size: 58px;
    line-height: 1.08;
    margin: 0;
    letter-spacing: -0.01em;}
.direct-brand .focused-copy{font-size: 24px;
    line-height: 1.45;
    margin: 0;
    color: #3A3428;}
.direct-brand .focused-note{display: grid;
    gap: 2.25rem;}
.direct-brand .featured-details{display: grid;
    gap: 0.85rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--type-meta);}
.direct-brand .featured-details:last-child{border-bottom: none;
    padding-bottom: 0;}
.direct-brand h2{font-size: 38px;
    line-height: 1.15;
    margin: 0;}
.direct-brand .featured-details p{margin: 0;
    font-size: 17px;
    line-height: 1.65;}
.direct-brand .path{
    background: #E7E0CD;
    color: #3A3428;
    padding: 0.1rem 0.4rem;
    border-radius: 0.35rem;
    font-size: 0.95em;
    word-break: break-all;
  }
.direct-brand a{color: #5C6B4A;
    text-decoration: underline;
    text-underline-offset: 3px;}
.direct-brand a:hover{color: #4A5739;}
.direct-brand .top-nav{
    background: #FBF7EC;
    color: #2E2A20;
    border: 1px solid var(--type-meta);
    border-radius: 0.85rem;
    padding: 1.5rem 1.5rem 1.35rem;
    display: grid;
    gap: 0.5rem;
  }
.direct-brand .top-nav p{margin: 0;
    font-size: 17px;
    line-height: 1.6;}
.direct-brand .address{color: #3A3428;}
@media (max-width: 720px) {.direct-brand{
      padding: 3rem 1rem 2.75rem;
    }.direct-brand h1{
      font-size: 36px;
    }.direct-brand .focused-copy{
      font-size: 19px;
    }.direct-brand h2{
      font-size: 26px;
    }.direct-brand .active-media{
      gap: 2rem;
    }
  }
.direct-brand{
  background: #F3EDDF;
  color: #2E2A20;
}
.public-list{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4rem 1.25rem;
  }
.public-list .active-media{max-width: 1180px;
    margin: 0 auto;}
.public-list h1{font-size: 58px;
    line-height: 1.1;
    margin: 0 0 1.5rem;
    letter-spacing: -0.01em;}
.public-list .focused-copy{font-size: 24px;
    line-height: 1.5;
    margin: 0 0 3rem;
    max-width: 100%;}
.public-list .body{display: grid;
    grid-template-columns: 1fr;
    gap: 2.25rem;}
.public-list .content-view h2{font-size: 26px;
    line-height: 1.25;
    margin: 0 0 0.75rem;}
.public-list .content-view p{margin: 0;
    line-height: 1.65;}
.public-list .content-view a{text-decoration: underline;
    text-underline-offset: 3px;}
.public-list .content-view a:hover{}
@media (min-width: 860px) {.public-list{
      padding: 5.5rem 2rem;
    }.public-list .body{
      grid-template-columns: 1.1fr 1fr 1fr;
      gap: 2.5rem;
    }
  }
@media (max-width: 640px) {.public-list h1{
      font-size: 34px;
    }.public-list .focused-copy{
      font-size: 19px;
    }
  }
.public-list{
  background: #2E2A20;
  color: #F6F1E4;
}
.steady-shell{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem 5rem;
  }
.steady-shell .active-media{max-width: var(--field-extra-13, 1180px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.25rem;}
.steady-shell .featured-details{display: flex;
    flex-direction: column;
    gap: 1rem;}
.steady-shell h1{font-size: 58px;
    line-height: 1.1;
    margin: 0;
    letter-spacing: -0.01em;}
.steady-shell .focused-copy{font-size: 24px;
    line-height: 1.45;
    margin: 0;
    max-width: 46ch;}
.steady-shell .text{display: flex;
    flex-direction: column;
    gap: 1rem;}
.steady-shell .text p{margin: 0;
    line-height: 1.65;}
.steady-shell .route{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.75rem;
    padding-top: 0.5rem;}
.steady-shell .route a{color: inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(138, 106, 69, 0.45);
    padding-bottom: 2px;
    transition: border-color 320ms var(--speed-soft, cubic-bezier(0.22, 0.61, 0.36, 1));}
.steady-shell .route a:hover,
  .steady-shell .route a:focus-visible{border-bottom-color: #8A6A45;}
.steady-shell .route .go{
    background: #5C6B4A;
    color: #F6F1E4;
    border-bottom: none;
    padding: 0.7rem 1.35rem;
    border-radius: 0.6rem;
  }
.steady-shell .route .go:hover,
  .steady-shell .route .go:focus-visible{
    background: #4A5739;
  }
.steady-shell .text-plan{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #3A3428;}
@media (max-width: 720px) {.steady-shell{
      padding: 3rem 1.1rem 3.5rem;
    }.steady-shell h1{
      font-size: 2.1rem;
    }.steady-shell .focused-copy{
      font-size: 1.15rem;
    }
  }
.steady-shell{
  background: #F3EDDF;
  color: #2E2A20;
}
.wide-note{
    background: #F3EDDF;
    color: #2E2A20;
    padding: 4.5rem 1.25rem;
  }
.wide-note .active-media{max-width: 1180px;
    margin: 0 auto;}
.wide-note .body{display: flex;
    flex-direction: column;
    gap: 1.15rem;}
.wide-note h2{font-size: 38px;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;}
.wide-note p{margin: 0;
    line-height: 1.65;
    font-size: 17px;}
.wide-note .action{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.75rem;
    margin-top: 0.6rem;}
.wide-note .go{
    display: inline-block;
    background: #5C6B4A;
    color: #F6F1E4;
    text-decoration: none;
    padding: 0.85rem 1.6rem;
    border-radius: 0.6rem;
    font-size: 17px;
    transition: background 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
.wide-note .go:hover,
  .wide-note .go:focus-visible{
    background: #4A5739;color:#2E2A20;}
.wide-note .route{display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    font-size: 0.95rem;}
.wide-note .route a{text-decoration: underline;
    text-underline-offset: 3px;}
.wide-note .route a:hover,
  .wide-note .route a:focus-visible{}
@media (max-width: 640px) {.wide-note{
      padding: 3rem 1rem;
    }.wide-note h2{
      font-size: 28px;
    }.wide-note .action{
      flex-direction: column;
      align-items: flex-start;
    }
  }
.404{
  background: #F3EDDF;
  color: #2E2A20;
  padding: 4.5rem 1.25rem 5rem;
}
.404 .active-media{
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}
.404 h1{
  font-size: 58px;
  line-height: 1.08;
  margin: 0;
  letter-spacing: -0.01em;
}
.404 .focused-copy{
  font-size: 24px;
  line-height: 1.45;
  margin: 0;
}
.404 .featured-details{
  font-size: 17px;
  line-height: 1.65;
  margin: 0;
}
.404 .route{
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
  margin-top: 1rem;
  font-size: 17px;
}
.404 .route a{
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color 320ms var(--speed-soft, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.404 .route a:hover{
}
.404 .route .steady-body{
  background: #5C6B4A;
  color: #F6F1E4;
  text-decoration: none;
  padding: 0.7rem 1.35rem;
  border-radius: 0.6rem;
}
.404 .route .steady-body:hover{
  background: #4A5739;
  color: #F6F1E4;
}
@media (max-width: 720px) {.404{
    padding: 3rem 1.1rem 3.5rem;
  }.404 h1{
    font-size: 38px;
  }.404 .focused-copy{
    font-size: 20px;
  }.404 .route{
    gap: 1rem 1.5rem;
  }
}
.404{
  background: #2E2A20;
  color: #F6F1E4;
}