@import url("./surface.css");
body{margin:0;padding:0;font-family:"Fira Sans", sans-serif;box-sizing:border-box;}
*{box-sizing:border-box;}
:root {
  --delay-soft: ease;
  --paint-deep: #1A1C1F;
  --surface-accent: #E85D04;
}
.steady-visual{
    --mark-content: #2E3338;
    --mark-strong: #3A3E44;
    background: var(--mark-content);
    color: #F5F1E8;
    padding: 72px 24px 64px;
  }
.top-summary{
    --line-soft: #D8D3C6;
    --tone-extra-13: #3A3E44;
    background: #F5F1E8;
    color: #1F2226;
    padding: 64px 24px;
  }
.page-note{
    --paint-clear: #F5F1E8;
    --surface-dark: #1F2226;
    --paint-secondary: #3A3E44;
    --label-button: #D8D3C6;
    --ink-main: #E85D04;
    background: var(--paint-clear);
    color: var(--surface-dark);
    padding: 56px 20px 64px;
  }
.page-note{
    --mark-content: #2E3338;
    --copy-meta: #D8D3C6;
    background: #F5F1E8;
    color: #1F2226;
    padding: 56px 20px 64px;
  }
.soft-summary{
    --copy-meta: #D8D3C6;
    --surface-card: #1F2226;
    background: #F5F1E8;
    color: #1F2226;
    padding: 56px 20px 64px;
  }
.plain-block{
    --axis-local: #D8D3C6;
    --ink-muted: #FFFFFF;
    background: #F5F1E8;
    color: #1F2226;
    padding: 4.5rem 1.5rem 5rem;
  }
@media (max-width: 780px) {.page-note{
      padding: 36px 16px 48px;
    }.page-note .active-items{
      grid-template-columns: 1fr;
      gap: 28px;
    }.page-note h1{
      font-size: 1.55rem;
    }.page-note .plain-flow .top-surface{
      grid-template-columns: 110px minmax(0, 1fr);
      gap: 12px;
    }
  }
.page-note{
  background: #F5F1E8;
  color: #1F2226;
}
.wide-steps{
    background: #F5F1E8;
    color: #1F2226;
    padding: 4.5rem 1.25rem;
  }
.wide-steps .soft-area{max-width: 780px;
    margin: 0 auto;}
.wide-steps h2{font-size: 1.7rem;
    line-height: 1.25;
    margin: 0 0 0.75rem;
    letter-spacing: -0.01em;}
.wide-steps .signal{margin: 0 0 2.5rem;
    max-width: 56ch;
    line-height: 1.6;}
.wide-steps .visual-details{display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.wide-steps .service-track{
    background: #FFFFFF;
    color: #1F2226;
    border: 1px solid #D8D3C6;
    border-left: 4px solid #E85D04;
    border-radius: 6px;
    padding: 1.5rem 1.6rem;
  }
.wide-steps .service-track h3{font-size: 1.1rem;
    line-height: 1.35;
    margin: 0 0 0.6rem;}
.wide-steps .service-track p{margin: 0 0 0.75rem;
    line-height: 1.6;}
.wide-steps .service-track .clear-body{margin: 0;
    font-size: 0.9rem;}
@media (max-width: 600px) {.wide-steps{
      padding: 3rem 1rem;
    }.wide-steps h2{
      font-size: 1.4rem;
    }
  }
.wide-steps{
  background: #2E3338;
  color: #F5F1E8;
}
.page-note{
    background: #F5F1E8;
    color: #1F2226;
    padding: 3.5rem 1.25rem 4rem;
  }
.page-note .soft-area{max-width: 1080px;
    margin: 0 auto;}
.page-note .service-track{display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 2.5rem;
    align-items: start;}
.page-note .featured-feature img{display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    border: 1px solid #D8D3C6;}
.page-note .main-shell h1{font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem);
    line-height: 1.15;
    margin: 0 0 0.4rem;
    letter-spacing: -0.01em;}
.page-note .contact-feature{margin: 0 0 1.4rem;
    font-size: 1rem;
    color: #3A3E44;
    border-left: 3px solid #E85D04;
    padding-left: 0.7rem;}
.page-note .signal{margin: 0 0 1rem;
    font-size: 1.05rem;
    line-height: 1.55;}
.page-note .main-shell p{line-height: 1.6;
    margin: 0 0 1rem;}
.page-note .main-shell h2{font-size: 1.05rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 2rem 0 0.9rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #D8D3C6;}
.page-note .plain-flow{margin: 0;
    display: grid;
    gap: 0;}
.page-note .local-footer{display: grid;
    grid-template-columns: 11rem 1fr;
    gap: 1rem;
    padding: 0.55rem 0;
    border-bottom: 1px dashed #D8D3C6;}
.page-note .local-footer dt{margin: 0;
    font-weight: 600;
    font-size: 0.9rem;
    color: #3A3E44;}
.page-note .local-footer dd{margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;}
.page-note .featured-callout{list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.6rem;}
.page-note .featured-callout li{position: relative;
    padding-left: 1.1rem;
    line-height: 1.5;
    font-size: 0.95rem;}
.page-note .featured-callout li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 6px;
    height: 6px;
    background: #E85D04;
    border-radius: 1px;color:#1F2226;}
.page-note .wrap{
    margin: 1.8rem 0 1.2rem;
    padding: 0.85rem 1rem;
    background: #E9E4D8;
    color: #3A3E44;
    border-radius: 4px;
    font-size: 0.92rem;
    line-height: 1.5;
  }
.page-note .text-story{
    display: inline-block;
    background: #E85D04;
    color: #1A1C1F;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.8rem 1.4rem;
    border-radius: 4px;
    transition: background 0.15s ease;
  }
.page-note .text-story:hover{
    background: #C94E02;color:#1F2226;}
@media (max-width: 760px) {.page-note{
      padding: 2.5rem 1rem 3rem;
    }.page-note .service-track{
      grid-template-columns: 1fr;
      gap: 1.8rem;
    }.page-note .local-footer{
      grid-template-columns: 1fr;
      gap: 0.15rem;
    }
  }
.page-note .soft-area{max-width: 1080px;
    margin: 0 auto;}
.page-note .signal{display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 40px;
    align-items: center;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--copy-meta);}
.page-note h1{font-size: clamp(1.7rem, 3.4vw, 2.5rem);
    line-height: 1.14;
    margin: 0 0 10px;
    letter-spacing: -0.01em;}
.page-note .steady-intro{margin: 0 0 18px;
    font-size: 1.02rem;
    color: var(--mark-content);
    letter-spacing: 0.01em;}
.page-note .public-team{margin: 0 0 26px;
    max-width: 46ch;
    line-height: 1.6;}
.page-note .featured-note{
    display: inline-block;
    background: #E85D04;
    color: #1A1C1F;
    text-decoration: none;
    padding: 13px 22px;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: background 0.15s ease;
  }
.page-note .featured-note:hover{
    background: #C94E02;color:#1F2226;}
.page-note .text-items{
    margin: 0;
    background: #FFFFFF;
    border: 1px solid var(--copy-meta);
    border-radius: 8px;
    overflow: hidden;color:#1F2226;}
.page-note .text-items img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;}
.page-note .plain-details{display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 48px;
    padding-top: 44px;}
.page-note .plain-flow h2{font-size: 1.15rem;
    margin: 0 0 20px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mark-content);}
.page-note .plain-flow dl{margin: 0;}
.page-note .plain-flow .top-surface{display: grid;
    grid-template-columns: 42% 1fr;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--copy-meta);}
.page-note .plain-flow .top-surface:last-child{border-bottom: none;}
.page-note .plain-flow dt{font-weight: 600;
    font-size: 0.92rem;}
.page-note .plain-flow dd{margin: 0;
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--mark-content);}
.page-note .featured-callout{display: flex;
    flex-direction: column;
    gap: 30px;}
.page-note .focused-section h3{font-size: 1rem;
    margin: 0 0 8px;color:inherit;
    letter-spacing: 0.02em;}
.page-note .focused-section p{margin: 0;
    line-height: 1.62;
    font-size: 0.95rem;}
@media (max-width: 820px) {.page-note .signal,
    .page-note .plain-details{
      grid-template-columns: 1fr;
      gap: 28px;
    }.page-note .signal{
      padding-bottom: 32px;
    }.page-note .plain-details{
      padding-top: 32px;
    }
  }
.simple-benefit{
    background: #F5F1E8;
    color: #1F2226;
    padding: 3.5rem 1.25rem 4rem;
  }
.simple-benefit .soft-area{max-width: 1080px;
    margin: 0 auto;}
.simple-benefit .strong-figure{max-width: 640px;
    margin-bottom: 2.5rem;}
.simple-benefit .strong-figure h2{font-size: 1.75rem;
    line-height: 1.2;
    margin: 0 0 0.75rem;
    letter-spacing: -0.01em;}
.simple-benefit .signal{margin: 0;
    font-size: 1rem;
    line-height: 1.55;}
.simple-benefit .active-items{display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 2.5rem;
    align-items: start;}
.simple-benefit .team-section h3,
  .simple-benefit .text-story h3{font-size: 1.05rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 1rem;}
.simple-benefit .text-story h3 + .secondary-entries{margin-top: 0.75rem;}
.simple-benefit .text-story h3:not(:first-child){margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid #D8D3C6;}
.simple-benefit .service-track{
    padding: 1rem 1.1rem;
    background: #FFFFFF;
    color: #1F2226;
    border: 1px solid #D8D3C6;
    border-radius: 6px;
    margin-bottom: 0.85rem;
  }
.simple-benefit .submit{display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    margin-bottom: 0.4rem;}
.simple-benefit .page-contact{font-weight: 600;
    font-size: 0.98rem;
    line-height: 1.3;}
.simple-benefit .active-service{font-size: 0.85rem;
    white-space: nowrap;}
.simple-benefit .main-stack{margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;}
.simple-benefit .focused-section{font-size: 0.9rem;
    line-height: 1.55;
    margin: 1.25rem 0 0;
    padding-left: 0.9rem;
    border-left: 3px solid var(--surface-secondary);}
.simple-benefit .text-story{
    background: #FFFFFF;
    color: #1F2226;
    border: 1px solid #D8D3C6;
    border-radius: 8px;
    padding: 1.75rem 1.6rem 1.9rem;
  }
.simple-benefit .secondary-entries{display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1rem;}
.simple-benefit .secondary-entries label{font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.02em;}
.simple-benefit .secondary-entries input,
  .simple-benefit .secondary-entries select,
  .simple-benefit .secondary-entries textarea{
    font: inherit;
    color: #1F2226;
    background: #F5F1E8;
    border: 1px solid #D8D3C6;
    border-radius: 4px;
    padding: 0.55rem 0.7rem;
    width: 100%;
    box-sizing: border-box;
  }
.simple-benefit .secondary-entries textarea{resize: vertical;
    min-height: 5rem;}
.simple-benefit .secondary-entries input:focus,
  .simple-benefit .secondary-entries select:focus,
  .simple-benefit .secondary-entries textarea:focus{outline: 2px solid #E85D04;
    outline-offset: 1px;}
.simple-benefit .narrow-area{display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 1.25rem 0 1.4rem;}
.simple-benefit .narrow-area input{margin-top: 0.2rem;
    accent-color: #E85D04;}
.simple-benefit .text-story button{
    font: inherit;
    font-weight: 600;
    letter-spacing: 0.03em;
    background: #E85D04;
    color: #1A1C1F;
    border: none;
    border-radius: 4px;
    padding: 0.8rem 1.5rem;
    cursor: pointer;
    width: 100%;
  }
.simple-benefit .text-story button:hover{
    background: #C94E02;color:#1F2226;}
.simple-benefit .direct-form{margin: 1.1rem 0 0;
    font-size: 0.88rem;
    line-height: 1.5;}
.simple-benefit .direct-form a{text-decoration: underline;
    text-underline-offset: 2px;}
.simple-benefit .direct-quote{margin: 2.5rem 0 0;
    font-size: 0.95rem;
    line-height: 1.55;
    max-width: 720px;}
@media (max-width: 760px) {.simple-benefit{
      padding: 2.5rem 1rem 3rem;
    }.simple-benefit .active-items{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.simple-benefit .strong-figure h2{
      font-size: 1.45rem;
    }
  }
.simple-benefit{
  background: #2E3338;
  color: #F5F1E8;
}
.soft-grid{
    background: #F5F1E8;
    color: #1F2226;
    padding: 4.5rem 1.25rem 5rem;
  }
.soft-grid .soft-area{max-width: 1080px;
    margin: 0 auto;}
.soft-grid h1{font-size: clamp(1.9rem, 3.4vw, 2.6rem);
    line-height: 1.15;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.soft-grid .signal{max-width: 62ch;
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 0 0 3rem;}
.soft-grid .group{display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem 2rem;
    padding-bottom: 2.75rem;
    border-bottom: 1px solid #E9E4D8;}
.soft-grid .direct-fields h2{font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    margin: 0 0 0.85rem;}
.soft-grid .direct-fields .scene{font-size: 1.05rem;
    line-height: 1.5;
    margin: 0 0 0.75rem;
    font-weight: 500;}
.soft-grid .direct-fields .scene a{text-decoration: none;
    border-bottom: 1px solid #E85D04;
    padding-bottom: 1px;}
.soft-grid .direct-fields .scene a:hover{border-bottom-color: #C94E02;}
.soft-grid .direct-fields .focused-section{font-size: 0.92rem;
    line-height: 1.55;
    margin: 0;}
.soft-grid .plain-summary{margin-top: 2.75rem;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 2fr;
    gap: 1.5rem 3rem;
    align-items: start;}
.soft-grid .plain-summary h2{font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    margin: 0;}
.soft-grid .plain-summary dl{margin: 0;
    display: grid;
    gap: 0.75rem;}
.soft-grid .plain-summary .top-surface{display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px dashed #E9E4D8;}
.soft-grid .plain-summary .top-surface:last-child{border-bottom: none;
    padding-bottom: 0;}
.soft-grid .plain-summary dt{font-size: 0.98rem;}
.soft-grid .plain-summary dd{margin: 0;
    font-size: 0.98rem;
    font-weight: 500;
    white-space: nowrap;}
.soft-grid .plain-summary .focused-section{grid-column: 2;
    font-size: 0.92rem;
    line-height: 1.55;
    margin: 0.5rem 0 0;}
@media (max-width: 760px) {.soft-grid{
      padding: 3rem 1.1rem 3.5rem;
    }.soft-grid .group{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.soft-grid .plain-summary{
      grid-template-columns: 1fr;
      gap: 1rem;
    }.soft-grid .plain-summary .focused-section{
      grid-column: 1;
    }
  }
.soft-grid{
  background: #2E3338;
  color: #F5F1E8;
}
.soft-summary .soft-area{max-width: 720px;
    margin: 0 auto;}
.soft-summary .strong-figure{margin-bottom: 28px;}
.soft-summary .strong-figure h2{font-size: 1.6rem;
    line-height: 1.25;
    margin: 0 0 12px;
    letter-spacing: -0.01em;}
.soft-summary .strong-figure p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;
    color: #3A3E44;
    max-width: 58ch;}
.soft-summary .quiet-frame{
    background: #FFFFFF;
    border: 1px solid var(--copy-meta);
    border-radius: 10px;
    padding: 26px 24px 22px;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
.soft-summary .top-surface{display: flex;
    flex-direction: column;
    gap: 6px;}
.soft-summary .top-surface label{font-size: 0.86rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #3A3E44;}
.soft-summary .top-surface input,
  .soft-summary .top-surface textarea{
    font: inherit;
    color: var(--surface-card);
    background: #F5F1E8;
    border: 1px solid var(--copy-meta);
    border-radius: 6px;
    padding: 11px 12px;
    width: 100%;
    box-sizing: border-box;
  }
.soft-summary .top-surface input:focus,
  .soft-summary .top-surface textarea:focus{outline: 2px solid #E85D04;
    outline-offset: 1px;
    border-color: #E85D04;}
.soft-summary .top-surface textarea{resize: vertical;
    min-height: 120px;
    line-height: 1.5;}
.soft-summary .steady-group{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding-top: 4px;
    border-top: 1px solid var(--copy-meta);}
.soft-summary .steady-group button{
    font: inherit;
    font-weight: 600;
    letter-spacing: 0.01em;
    background: #E85D04;
    color: #1A1C1F;
    border: 1px solid #C94E02;
    border-radius: 6px;
    padding: 12px 22px;
    cursor: pointer;
  }
.soft-summary .steady-group button:hover{
    background: #C94E02;
  }
.soft-summary .visual-lead{margin: 0;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #3A3E44;
    flex: 1 1 240px;}
.soft-summary .fresh-method{margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--copy-meta);}
.soft-summary .fresh-method p{margin: 0 0 10px;
    font-size: 0.9rem;
    color: #3A3E44;}
.soft-summary .fresh-method ul{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.95rem;}
.soft-summary .fresh-method a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(201, 78, 2, 0.35);}
.soft-summary .fresh-method a:hover{border-bottom-color: #C94E02;}
@media (min-width: 560px) {.soft-summary .quiet-frame{
      padding: 30px 30px 26px;
    }
  }
.soft-summary{
  background: #F5F1E8;
  color: #1F2226;
}
.soft-rail{
    background: #F5F1E8;
    color: #1F2226;
    padding: 4rem 1.25rem 4.5rem;
  }
.soft-rail .soft-area{max-width: 780px;
    margin: 0 auto;}
.soft-rail .featured-stack{border-bottom: 1px solid #D8D3C6;
    padding-bottom: 1.75rem;
    margin-bottom: 2.25rem;}
.soft-rail h1{font-size: clamp(1.75rem, 3vw, 2.35rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 0 0 0.85rem;}
.soft-rail .signal{font-size: 1.02rem;
    line-height: 1.6;
    margin: 0;
    max-width: 60ch;}
.soft-rail .visual-details{display: flex;
    flex-direction: column;
    gap: 1.9rem;}
.soft-rail .service-track h2{font-size: 1.08rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin: 0 0 0.55rem;}
.soft-rail .service-track p{font-size: 0.97rem;
    line-height: 1.68;
    margin: 0;
    max-width: 68ch;}
.soft-rail .service-track a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.soft-rail .service-track a:hover{color:inherit;}
.soft-rail .direct-quote{margin-top: 2.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid #D8D3C6;}
.soft-rail .direct-quote p{font-size: 0.92rem;
    line-height: 1.6;
    margin: 0 0 0.6rem;
    max-width: 68ch;}
.soft-rail .updated{font-size: 0.85rem;
    color: #3A3E44;
    margin: 0;}
@media (max-width: 520px) {.soft-rail{
      padding: 2.75rem 1rem 3.25rem;
    }.soft-rail .visual-details{
      gap: 1.6rem;
    }
  }
.soft-rail{
  background: #F5F1E8;
  color: #1F2226;
}
.plain-block .soft-area{max-width: 1080px;
    margin: 0 auto;}
.plain-block .featured-stack{max-width: 640px;
    margin-bottom: 3rem;}
.plain-block h2{font-size: clamp(1.7rem, 2.4vw, 2.3rem);
    line-height: 1.2;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.plain-block .signal{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0;}
.plain-block .visual-method{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 2.5rem;
    border-top: 1px solid var(--axis-local);
    padding-top: 2.5rem;}
.plain-block .focused-section{
    background: var(--ink-muted);
    color: #1F2226;
    border: 1px solid var(--axis-local);
    border-radius: 6px;
    padding: 1.6rem 1.6rem 1.4rem;
  }
.plain-block .focused-section h3{font-size: 1.05rem;
    margin: 0 0 0.7rem;
    line-height: 1.35;}
.plain-block .focused-section p{font-size: 0.95rem;
    line-height: 1.65;
    margin: 0;}
.plain-block .focused-section a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 2px;}
@media (max-width: 760px) {.plain-block{
      padding: 3rem 1.1rem 3.5rem;
    }.plain-block .visual-method{
      grid-template-columns: 1fr;
      gap: 1.2rem;
    }
  }
.plain-block{
  background: #F5F1E8;
  color: #1F2226;
}
.quiet-nav{
    background: #F5F1E8;
    color: #1F2226;
    padding: 4.5rem 1.25rem 5rem;
  }
.quiet-nav .soft-area{max-width: 940px;
    margin: 0 auto;}
.quiet-nav h2{font-size: clamp(1.6rem, 3.2vw, 2.3rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 0 0 0.9rem;}
.quiet-nav .signal{font-size: 1.05rem;
    line-height: 1.6;
    max-width: 62ch;
    margin: 0 0 2.6rem;}
.quiet-nav .site-feature{display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 2.2rem;
    padding: 1.9rem 0 2.1rem;
    border-top: 1px solid #D8D3C6;
    border-bottom: 1px solid #D8D3C6;}
.quiet-nav .focused-section h3{font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 0.6rem;
    color: #3A3E44;}
.quiet-nav .focused-section p{font-size: 0.98rem;
    line-height: 1.62;
    margin: 0;}
.quiet-nav .clear-steps{margin-top: 2.2rem;
    max-width: 68ch;}
.quiet-nav .clear-steps h3{font-size: 1.15rem;
    margin: 0 0 0.7rem;}
.quiet-nav .clear-steps p{font-size: 0.98rem;
    line-height: 1.65;
    margin: 0 0 0.85rem;}
.quiet-nav .clear-steps a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.quiet-nav .clear-steps a:hover{color:inherit;}
@media (max-width: 720px) {.quiet-nav{
      padding: 3.2rem 1.1rem 3.6rem;
    }.quiet-nav .site-feature{
      grid-template-columns: 1fr;
      gap: 1.6rem;
    }
  }
.quiet-nav{
  background: #F5F1E8;
  color: #1F2226;
}
.404{
    background: #F5F1E8;
    color: #1F2226;
    padding: 72px 24px 88px;
  }
.404 .soft-area{
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
.404 .focused-section{
    margin: 0;
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #3A3E44;
  }
.404 h1{
    margin: 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;
  }
.404 .contact-method{
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    max-width: 52ch;
  }
.404 .callout{
    margin: 8px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 22px;
  }
.404 .callout a{
    color: #E85D04;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 2px;
    font-weight: 600;
  }
.404 .callout a:hover{
    border-bottom-color: #E85D04;
  }
@media (max-width: 520px) {.404{
      padding: 48px 18px 64px;
    }.404 h1{
      font-size: 26px;
    }
  }
.404{
  background: #F5F1E8;
  color: #1F2226;
}