@import url("./layout.css");
body{margin:0;padding:0;font-family:"Barlow", sans-serif;box-sizing:border-box;}
*{box-sizing:border-box;}
:root {
  --tone-extra-5: #33353A;
  --delay-panel: ease;
  --ink-muted: #1B1C1F;
  --surface-deep: #F2F1EE;
}
a.footer-value:hover,
  a.footer-value:focus-visible{text-decoration:underline;outline:none;color:inherit}
.fresh-story{
    --font-quiet: #33353A;
    background: #141416;
    color: #F2F1EE;
    padding: 72px 24px 88px;
  }
.plain-proof{
    --font-main: #33353A;
    --state-active: #C9C6BF;
    background: #141416;
    color: #F2F1EE;
    padding: 72px 24px 88px;
  }
.visual-service h1{font-size: clamp(2rem, 4vw, 2.75rem);
    line-height: 1.1;
    letter-spacing: -0.01em;
    margin: 0 0 1.25rem;
    text-transform: uppercase;}
.visual-service .direct-headline{font-size: 1.0625rem;
    line-height: 1.6;
    color: #C9C6BF;
    margin: 0 0 3rem;}
.visual-service .public-service{display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid var(--tone-extra-5);}
.visual-service .text-view{display: grid;
    grid-template-columns: 180px 1fr;
    gap: 1.5rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--tone-extra-5);
    align-items: start;}
.visual-service .fresh-actions{font-size: 0.8125rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #C9C6BF;
    padding-top: 0.2rem;}
.visual-service .main-shell{margin: 0;
    font-size: 1.0625rem;
    line-height: 1.5;}
.visual-service .main-shell a{color: #FF7A1A;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.15s ease;}
.visual-service .main-shell a:hover{border-bottom-color: #FF7A1A;}
.visual-service .strong-media{margin: 0.35rem 0 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #C9C6BF;}
.visual-service .text-section{margin: 2.5rem 0 0;
    font-size: 1rem;
    line-height: 1.65;
    color: #C9C6BF;
    max-width: 60ch;}
@media (max-width: 560px) {.visual-service{
      padding: 3rem 1.25rem 3.5rem;
    }.visual-service .text-view{
      grid-template-columns: 1fr;
      gap: 0.4rem;
      padding: 1.25rem 0;
    }.visual-service .fresh-actions{
      padding-top: 0;
    }
  }
.visual-service{
  background: #141416;
  color: #F2F1EE;
}
.public-grid{
    background: #141416;
    color: #F2F1EE;
    padding: 72px 24px;
  }
.public-grid .service-actions{max-width: 720px;
    margin: 0 auto;}
.public-grid h2{font-size: 1.75rem;
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.public-grid .direct-headline{font-size: 1.0625rem;
    line-height: 1.6;
    margin: 0 0 40px;}
.public-grid .top-headline{list-style: none;
    margin: 0 0 40px;
    padding: 0;
    border-top: 1px solid var(--tone-extra-5);}
.public-grid .top-headline li{display: grid;
    grid-template-columns: 160px 1fr;
    gap: 4px 24px;
    padding: 20px 0;
    border-bottom: 1px solid var(--tone-extra-5);}
.public-grid .top-headline .fresh-actions{font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding-top: 3px;}
.public-grid .top-headline a,
  .public-grid .top-headline .main-shell{font-size: 1.0625rem;
    font-weight: 600;}
.public-grid .top-headline a{text-decoration: none;
    border-bottom: 1px solid transparent;}
.public-grid .top-headline a:hover{border-bottom-color: #E85D18;}
.public-grid .top-headline .strong-media{grid-column: 2;
    font-size: 0.9375rem;
    line-height: 1.5;}
.public-grid .primary-section{font-size: 1rem;
    line-height: 1.6;
    margin: 0;}
.public-grid .primary-section a{text-decoration: none;
    border-bottom: 1px solid var(--paint-warm);
    white-space: nowrap;}
.public-grid .primary-section a:hover{border-bottom-color: #C94A0E;}
@media (max-width: 560px) {.public-grid{
      padding: 56px 20px;
    }.public-grid h2{
      font-size: 1.5rem;
    }.public-grid .top-headline li{
      grid-template-columns: 1fr;
      gap: 6px;
    }.public-grid .top-headline .strong-media{
      grid-column: 1;
    }
  }
.public-grid{
  background: #F2F1EE;
  color: #1B1C1F;
}
.featured-details{
    background: #141416;
    color: #F2F1EE;
    padding: 72px 24px 88px;
  }
.featured-details .service-actions{max-width: 880px;
    margin: 0 auto;}
.featured-details .top-figure{max-width: 560px;
    margin-bottom: 44px;}
.featured-details .top-figure h2{font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.15;
    margin: 0 0 14px;
    letter-spacing: -0.01em;}
.featured-details .top-figure p{margin: 0;
    color: #C9C6BF;
    line-height: 1.6;
    font-size: 1rem;}
.featured-details .list{display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 26px;
    border-top: 1px solid var(--tone-extra-5, #33353A);
    padding-top: 36px;}
.featured-details .featured-nav{display: flex;
    flex-direction: column;
    gap: 8px;}
.featured-details .featured-nav.wide{grid-column: 1 / -1;}
.featured-details .featured-nav label{font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #C9C6BF;}
.featured-details .featured-nav input,
  .featured-details .featured-nav textarea{
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--tone-extra-5, #33353A);
    color: #F2F1EE;
    font: inherit;
    font-size: 1rem;
    padding: 8px 0;
    outline: none;
    resize: vertical;
  }
.featured-details .featured-nav input:focus,
  .featured-details .featured-nav textarea:focus{border-bottom-color: #E85D18;}
.featured-details .featured-nav input::placeholder,
  .featured-details .featured-nav textarea::placeholder{color:inherit;}
.featured-details .offer-lead{grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 8px;}
.featured-details .offer-lead button{
    background: #E85D18;
    color: #141414;
    border: none;
    font: inherit;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 13px 28px;
    border-radius: 4px;
    cursor: pointer;
  }
.featured-details .offer-lead button:hover{
    background: #C94A0E;color:var(--surface-deep);}
.featured-details .strong-media{font-size: 0.9rem;
    color: #C9C6BF;
    line-height: 1.5;}
.featured-details .strong-media a{color: #F2F1EE;
    text-decoration: underline;
    text-underline-offset: 3px;}
.featured-details .open-nav{margin: 56px 0 0;
    font-size: 0.9rem;
    color: #C9C6BF;
    letter-spacing: 0.02em;}
@media (max-width: 640px) {.featured-details{
      padding: 56px 20px 64px;
    }.featured-details .list{
      grid-template-columns: 1fr;
    }
  }
.featured-details{
  background: #141416;
  color: #F2F1EE;
}
.local-service{
    background: #141416;
    color: #F2F1EE;
    padding: 4.5rem 1.5rem;
  }
.local-service .service-actions{max-width: 1080px;
    margin: 0 auto;}
.local-service h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin: 0 0 0.9rem;
    max-width: 34ch;}
.local-service .direct-headline{max-width: 60ch;
    margin: 0 0 2.8rem;
    color: #C9C6BF;
    font-size: 1.02rem;
    line-height: 1.55;}
.local-service .narrow-figure{display: flex;
    flex-direction: column;
    border-top: 1px solid var(--tone-extra-5);}
.local-service .focused-block{display: grid;
    grid-template-columns: minmax(220px, 1fr) 1.6fr;
    gap: 1.5rem 3rem;
    padding: 1.6rem 0;
    border-bottom: 1px solid var(--tone-extra-5);}
.local-service .focused-block h3{font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin: 0;
    color: #FF7A1A;}
.local-service .focused-block p{margin: 0;
    line-height: 1.6;
    color: #F2F1EE;
    opacity: 0.88;}
@media (max-width: 720px) {.local-service{
      padding: 3rem 1.15rem;
    }.local-service .focused-block{
      grid-template-columns: 1fr;
      gap: 0.5rem;
      padding: 1.3rem 0;
    }
  }
.local-service{
  background: #141416;
  color: #F2F1EE;
}
.contact-list{
    background: #141416;
    color: #F2F1EE;
    padding: 72px 24px 88px;
  }
.contact-list .service-actions{max-width: 1080px;
    margin: 0 auto;}
.contact-list .clear-nav{max-width: 640px;
    margin-bottom: 56px;}
.contact-list h1{font-size: clamp(1.75rem, 3.2vw, 2.4rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 0 0 18px;
    font-weight: 700;}
.contact-list .direct-headline{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0;}
.contact-list .bottom-flow{display: flex;
    flex-direction: column;
    gap: 0;}
.contact-list .clear-story{padding: 28px 0 30px;
    border-top: 1px solid var(--tone-extra-5, #33353A);
    display: grid;
    grid-template-columns: minmax(220px, 320px) 1fr;
    gap: 12px 48px;
    align-items: baseline;}
.contact-list .clear-story:last-child{border-bottom: 1px solid var(--tone-extra-5, #33353A);}
.contact-list .clear-story h2{font-size: 1.1rem;
    line-height: 1.35;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.005em;}
.contact-list .clear-story p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.7;
    max-width: 62ch;}
@media (max-width: 720px) {.contact-list{
      padding: 56px 20px 64px;
    }.contact-list .clear-nav{
      margin-bottom: 40px;
    }.contact-list .clear-story{
      grid-template-columns: 1fr;
      gap: 8px;
      padding: 24px 0 26px;
    }
  }
.contact-list{
  background: #F2F1EE;
  color: #1B1C1F;
}
.media-copy{
    background: #141416;
    color: #F2F1EE;
    padding: 4.5rem 1.5rem;
  }
.media-copy .service-actions{max-width: 1080px;
    margin: 0 auto;}
.media-copy .top-figure{max-width: 720px;
    margin-bottom: 3rem;}
.media-copy h2{font-size: 2rem;
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 0 0 1rem;}
.media-copy .direct-headline{font-size: 1.05rem;
    line-height: 1.6;
    color: #C9C6BF;
    margin: 0;}
.media-copy .team-form{border-top: 1px solid var(--tone-extra-5);
    padding: 2rem 0;
    display: grid;
    grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
    gap: 1.5rem 2.5rem;
    align-items: start;}
.media-copy .team-form:last-of-type{border-bottom: 1px solid var(--tone-extra-5);}
.media-copy .contact-details h3{font-size: 1.25rem;
    line-height: 1.25;
    margin: 0 0 0.4rem;}
.media-copy .strong-media{font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #C9C6BF;
    margin: 0;}
.media-copy .team-form > p{grid-column: 2;
    margin: 0;
    line-height: 1.65;
    font-size: 1rem;}
.media-copy .team-form ul{grid-column: 2;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;}
.media-copy .team-form li{position: relative;
    padding-left: 1.1rem;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #C9C6BF;}
.media-copy .team-form li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    background: #E85D18;color:#141414;}
.media-copy .local-summary{
    grid-column: 2;
    justify-self: start;
    display: inline-block;
    padding: 0.7rem 1.4rem;
    background: #E85D18;
    color: #141414;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    border-radius: 4px;
    transition: background 0.2s ease;
  }
.media-copy .local-summary:hover{
    background: #C94A0E;color:var(--surface-deep);}
.media-copy .text-section{margin: 2.5rem 0 0;
    max-width: 720px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #C9C6BF;}
@media (max-width: 720px) {.media-copy{
      padding: 3rem 1.25rem;
    }.media-copy h2{
      font-size: 1.6rem;
    }.media-copy .team-form{
      grid-template-columns: 1fr;
      gap: 1rem;
    }.media-copy .team-form > p,
    .media-copy .team-form ul,
    .media-copy .local-summary{
      grid-column: 1;
    }
  }
.media-copy{
  background: #141416;
  color: #F2F1EE;
}
.fresh-story .service-actions{max-width: 760px;
    margin: 0 auto;}
.fresh-story .clear-nav{padding-bottom: 28px;
    border-bottom: 1px solid var(--font-quiet);}
.fresh-story h1{margin: 0 0 14px;
    font-size: clamp(1.9rem, 3.4vw, 2.6rem);
    letter-spacing: -0.01em;
    line-height: 1.15;}
.fresh-story .direct-headline{margin: 0 0 14px;
    max-width: 62ch;
    font-size: 1.05rem;
    line-height: 1.6;
    color: #C9C6BF;}
.fresh-story .service-form{margin: 0;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #C9C6BF;}
.fresh-story .active-figure{margin-top: 44px;}
.fresh-story h2{margin: 0 0 12px;
    font-size: 1.15rem;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #FF7A1A;}
.fresh-story p{margin: 0 0 12px;
    max-width: 68ch;
    line-height: 1.65;
    color: #F2F1EE;}
.fresh-story .bottom-flow{list-style: none;
    margin: 18px 0 0;
    padding: 0;}
.fresh-story .public-area{display: grid;
    grid-template-columns: 200px 1fr;
    gap: 20px;
    padding: 14px 0;
    border-top: 1px solid var(--font-quiet);}
.fresh-story .public-area:last-child{border-bottom: 1px solid var(--font-quiet);}
.fresh-story .fresh-actions{font-size: 0.9rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FF7A1A;}
.fresh-story .main-shell{font-size: 0.98rem;
    line-height: 1.6;
    color: #F2F1EE;}
.fresh-story .open-fields{list-style: none;
    margin: 14px 0 0;
    padding: 0;
    line-height: 1.9;}
.fresh-story .open-fields a{color: #FF7A1A;
    text-decoration: none;
    border-bottom: 1px solid transparent;}
.fresh-story .open-fields a:hover{border-bottom-color: #FF7A1A;}
@media (max-width: 620px) {.fresh-story{
      padding: 52px 18px 64px;
    }.fresh-story .public-area{
      grid-template-columns: 1fr;
      gap: 6px;
    }
  }
.fresh-story{
  background: #141416;
  color: #F2F1EE;
}
.plain-proof .service-actions{max-width: 880px;
    margin: 0 auto;}
.plain-proof .top-figure{border-bottom: 1px solid var(--font-main);
    padding-bottom: 28px;
    margin-bottom: 40px;}
.plain-proof h1{font-size: clamp(1.9rem, 3.4vw, 2.6rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 0 0 14px;
    font-weight: 700;}
.plain-proof .direct-headline{margin: 0;
    max-width: 640px;
    font-size: 1.02rem;
    line-height: 1.6;}
.plain-proof .bottom-flow{display: flex;
    flex-direction: column;
    gap: 34px;}
.plain-proof .public-area{display: grid;
    grid-template-columns: 220px 1fr;
    gap: 28px;
    align-items: start;}
.plain-proof .public-area h2{margin: 0;
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: 0.01em;}
.plain-proof .public-area p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.plain-proof .public-area p + p{margin-top: 12px;}
.plain-proof .open-fields{list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.95rem;
    line-height: 1.6;}
.plain-proof a{text-decoration: none;
    border-bottom: 1px solid rgba(255, 122, 26, 0.4);}
.plain-proof a:hover{border-bottom-color: #E85D18;}
@media (max-width: 720px) {.plain-proof{
      padding: 52px 18px 64px;
    }.plain-proof .public-area{
      grid-template-columns: 1fr;
      gap: 10px;
    }.plain-proof .bottom-flow{
      gap: 28px;
    }
  }
.plain-proof{
  background: #F2F1EE;
  color: #1B1C1F;
}
.fresh-headline{
    background: #141416;
    color: #F2F1EE;
    padding: 4.5rem 1.25rem 5rem;
  }
.fresh-headline .service-actions{max-width: 760px;
    margin: 0 auto;}
.fresh-headline h2{font-size: clamp(1.75rem, 3.2vw, 2.4rem);
    line-height: 1.15;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.fresh-headline .direct-headline{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 3rem;
    max-width: 60ch;}
.fresh-headline .open-media{display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 3.25rem;}
.fresh-headline .main-callout{display: grid;
    grid-template-columns: 3rem 1fr;
    column-gap: 1.25rem;
    align-items: start;}
.fresh-headline .contact-plan{font-size: 0.85rem;
    letter-spacing: 0.08em;
    padding-top: 0.35rem;}
.fresh-headline .main-callout h3{font-size: 1.1rem;
    margin: 0 0 0.4rem;
    font-weight: 600;}
.fresh-headline .main-callout p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;
    max-width: 52ch;}
.fresh-headline .main-callout a{text-decoration: none;
    border-bottom: 1px solid rgba(232, 93, 24, 0.4);}
.fresh-headline .main-callout a:hover{border-bottom-color: #FF7A1A;}
.fresh-headline .open-fields{border-top: 1px solid var(--tone-extra-5);
    padding-top: 2rem;}
.fresh-headline .open-fields h3{font-size: 1.05rem;
    margin: 0 0 0.5rem;
    font-weight: 600;}
.fresh-headline .open-fields p{margin: 0 0 1.25rem;
    font-size: 0.98rem;
    line-height: 1.6;}
.fresh-headline .open-fields ul{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;}
.fresh-headline .open-fields li{display: grid;
    grid-template-columns: 6.5rem 1fr;
    gap: 1rem;
    font-size: 0.98rem;
    line-height: 1.5;}
.fresh-headline .open-fields li span{font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding-top: 0.15rem;}
.fresh-headline .open-fields a{text-decoration: none;
    border-bottom: 1px solid rgba(232, 93, 24, 0.4);}
.fresh-headline .open-fields a:hover{border-bottom-color: #FF7A1A;}
@media (max-width: 560px) {.fresh-headline{
      padding: 3rem 1.1rem 3.5rem;
    }.fresh-headline .main-callout{
      grid-template-columns: 2.25rem 1fr;
      column-gap: 0.9rem;
    }.fresh-headline .open-fields li{
      grid-template-columns: 1fr;
      gap: 0.15rem;
    }
  }
.fresh-headline{
  background: #F2F1EE;
  color: #1B1C1F;
}
.404{
    background: #141416;
    color: #F2F1EE;
    padding: 96px 24px 112px;
  }
.404 .service-actions{
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 56px 72px;
    align-items: start;
  }
.404 .direct-headline h1{
    margin: 0 0 20px;
    font-size: clamp(2rem, 4.4vw, 3.1rem);
    line-height: 1.05;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-weight: 700;
  }
.404 .direct-headline p{
    margin: 0;
    max-width: 46ch;
    font-size: 1.02rem;
    line-height: 1.65;
  }
.404 .compact-grid{
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--tone-extra-5, #33353A);
  }
.404 .visual-lead{
    display: block;
    padding: 20px 4px 22px;
    border-bottom: 1px solid var(--tone-extra-5, #33353A);
    text-decoration: none;
    color: inherit;
    transition: padding-left 0.18s ease, border-color 0.18s ease;
  }
.404 .visual-lead:hover,
  .404 .visual-lead:focus-visible{
    padding-left: 14px;
    border-bottom-color: #FF7A1A;
    outline: none;
  }
.404 .direct-menu{
    display: block;
    font-size: 1.12rem;
    font-weight: 600;
    letter-spacing: 0.01em;
  }
.404 .main-tile{
    display: block;
    margin-top: 6px;
    font-size: 0.9rem;
    line-height: 1.5;
  }
.404 .visual-lead.main .direct-menu{
  }
@media (max-width: 780px) {.404{
      padding: 64px 20px 80px;
    }.404 .service-actions{
      grid-template-columns: 1fr;
      gap: 40px;
    }
  }
.404{
  background: #F2F1EE;
  color: #1B1C1F;
}