:root {
  --lift-card: 0 1px 2px rgba(12,12,12,0.35);
  --tone-cool: #e8e6e1;
  --type-body: 26px;
  --lift-medium: 0 18px 44px rgba(12,12,12,0.55);
  --corner-image: 0.45rem;
  --measure-tight: var(--space-nav);
  --space-nav: 1.25rem;
  --measure-list: 1280px;
  --space-panel: 1rem;
  --tone-extra-41: #3a3a36;
  --type-small: 1.6;
  --label-large: calc(16px * .875);
  --paint-base: #262624;
  --gutter-wide: calc(var(--space-panel) * 1.5);
  --ink-warm: #f2b705;
  --radius-extra-52: 0.25rem;
  --paint-deep: #4a4a44;
  --radius-image: 0.65rem;
  --paint-cool: #121212;
  --font-body: 16px;
  --surface-inverse: #141413;
  --font-lead: "Oswald", sans-serif;
  --line-strong: calc(var(--space-hero) * .75);
  --gutter-hero: calc(var(--space-hero) * 2.4);
  --ink-deep: #3a3a36;
  --mark-static: #f2b705;
  --copy-base: calc(16px * 1.125);
  --speed-panel: 260ms;
  --surface-cool: #3a3a36;
  --paint-light: #d9a404;
  --tone-main: #f2b705;
  --tone-page: #e8e6e1;
  --line-cool: transparent;
  --paint-page: #f2b705;
  --ink-accent: color-mix(in srgb, currentColor 10%, transparent);
  --space-hero: 1.1rem;
  --delay-hover: cubic-bezier(0.22, 0.61, 0.36, 1);
}
body{margin:0;padding:0;font-family:var(--font-lead);}
*{box-sizing:border-box;}
.open-content {
    width: 100%;
    background: var(--tone-page);
    color: var(--surface-inverse);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
.visual-steps {
    max-width: var(--measure-list);
    margin: 0 auto;
    padding: var(--space-hero) var(--space-nav);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-panel);
  }
.page {
    display: flex;
    align-items: center;
    gap: calc(var(--space-panel) * 2);
    min-width: 0;
  }
.quiet-method {
    font-size: var(--type-body);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--surface-inverse);
    white-space: nowrap;
  }
.quiet-method:hover {
    color: var(--ink-deep);
  }
.strong-tile {
    display: block;
  }
.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: calc(var(--space-panel) * 1.5);
  }
.nav-list a {
    display: inline-block;
    padding: 0.35rem 0;
    font-size: var(--label-large);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--surface-inverse);
    border-bottom: 2px solid transparent;
    transition: color var(--speed-panel) var(--delay-hover), border-color var(--speed-panel) var(--delay-hover);
  }
.nav-list a:hover,
  .nav-list a:focus-visible {
    color: var(--ink-deep);
    border-bottom-color: var(--ink-deep);
  }
.strong-panel {
    display: flex;
    align-items: center;
    gap: var(--space-panel);
  }
.team-actions {
    display: inline-block;
    padding: 0.65rem 1.4rem;
    background: var(--ink-deep);
    color: var(--ink-warm);
    font-size: var(--label-large);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: var(--corner-image);
    box-shadow: var(--lift-card);
    transition: background var(--speed-panel) var(--delay-hover);
  }
.team-actions:hover,
  .team-actions:focus-visible{
    background: var(--paint-deep);color:var(--tone-cool);}
.burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 0;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: var(--radius-extra-52);
    cursor: pointer;
  }
.bottom-header{
    display: block;
    width: 20px;
    height: 2px;
    margin: 0 auto;
    background: var(--surface-inverse);color:var(--tone-cool);}
@media (max-width: 1023px) {
    .nav-list {
      gap: var(--space-panel);
    }

    .nav-list a {
      font-size: 0.75rem;
    }
  }
@media (max-width: 767px) {
    .visual-steps {
      flex-wrap: wrap;
      align-items: center;
    }

    .page {
      flex: 1 1 auto;
    }

    .quiet-method {
      font-size: var(--font-body);
    }

    .burger {
      display: flex;
    }

    .strong-tile {
      display: none;
      flex-basis: 100%;
      width: 100%;
      order: 3;
    }

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

    .nav-list {
      flex-direction: column;
      align-items: stretch;
      gap: 0;
      padding-top: var(--space-hero);
    }

    .nav-list li {
      border-top: 1px solid rgba(255, 255, 255, 0.12);
    }

    .nav-list a {
      display: block;
      padding: 0.75rem 0;
      font-size: var(--label-large);
      border-bottom: none;
    }

    .nav-list a:hover,
    .nav-list a:focus-visible {
      border-bottom: none;
    }

    .team-actions {
      padding: 0.55rem 1rem;
      font-size: 0.75rem;
    }
  }
.content-area{font-family:var(--font-lead);padding:0;background:var(--tone-page);color:var(--surface-inverse);}
.local-figure{max-width:var(--measure-list);margin:0 auto;padding:var(--gutter-hero) var(--measure-tight);display:flex;flex-direction:column;gap:calc(var(--space-panel) * 2)}
.visual-area{border-bottom:1px solid rgba(255, 255, 255, 0.18);padding-bottom:var(--gutter-wide)}
.service-tile{margin:0 0 var(--space-hero);font-size:var(--label-large);letter-spacing:0.14em;text-transform:uppercase;opacity:0.7}
.visual-content{font-style:normal;display:flex;flex-direction:column;gap:0.35rem;font-size:var(--copy-base);line-height:var(--type-small)}
.quiet-benefit{display:block}
.plain-details{color:inherit;text-decoration:none;width:fit-content;border-bottom:1px solid transparent;transition:border-color var(--speed-panel) var(--delay-hover)}
.plain-details:hover,
  .plain-details:focus-visible{border-bottom-color:currentColor}
.compact-actions{display:grid;grid-template-columns:minmax(240px, 1fr) 2.4fr;gap:calc(var(--space-panel) * 2);align-items:start}
.primary-flow{margin:0 0 var(--space-hero);font-size:var(--type-body);font-weight:700;letter-spacing:0.04em;text-transform:uppercase}
.narrow-steps{margin:0;font-size:var(--label-large);line-height:var(--type-small);opacity:0.78;max-width:34ch}
.media-footer{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:calc(var(--space-panel) * 1.5)}
.compact-lead{margin:0 0 var(--space-hero);font-size:var(--label-large);letter-spacing:0.12em;text-transform:uppercase;opacity:0.7}
.strong-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.5rem}
.strong-links a{color:inherit;text-decoration:none;font-size:var(--font-body);line-height:1.4;border-bottom:1px solid transparent;transition:border-color var(--speed-panel) var(--delay-hover)}
.strong-links a:hover,
  .strong-links a:focus-visible{border-bottom-color:currentColor;color:inherit}
.quiet-quote{border-top:1px solid rgba(255, 255, 255, 0.18);padding-top:var(--gutter-wide);display:flex;flex-direction:column;gap:var(--space-hero)}
.narrow-actions{margin:0;font-size:var(--label-large);line-height:var(--type-small);opacity:0.72;max-width:90ch}
.offer-entries{margin:0;font-size:var(--label-large);opacity:0.6}
@media (max-width: 900px) {.compact-actions{grid-template-columns:1fr}.media-footer{grid-template-columns:repeat(2, minmax(0, 1fr))}
  }
@media (max-width: 560px) {.local-figure{padding:var(--gutter-wide) var(--space-nav)}.media-footer{grid-template-columns:1fr}.visual-content{font-size:var(--font-body)}
  }
.local-callout {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 320px;
    max-width: 360px;
    max-height: 90vh;
    overflow-y: auto;
    box-sizing: border-box;
    padding: var(--line-strong, 1.25rem);
    background: var(--paint-base);
    color: var(--tone-cool);
    border: 1px solid var(--surface-cool);
    border-left: none;
    border-radius: 0 var(--radius-image, 0.65rem) var(--radius-image, 0.65rem) 0;
    box-shadow: var(--lift-medium);
    font-family: var(--font-lead, "Oswald", sans-serif);
    font-size: var(--label-large, 14px);
    line-height: var(--type-small, 1.6);
    z-index: 9999;
  }
.local-callout .active-quote{margin: 0 0 var(--gutter-wide, 0.75rem);
    font-size: var(--type-body, 26px);
    line-height: 1.2;
    font-weight: 600;}
.local-callout .visual-brand{margin: 0 0 var(--gutter-wide, 0.75rem);
    font-size: var(--label-large, 14px);}
.local-callout .fresh-method{color: var(--paint-page);
    text-decoration: underline;}
.local-callout .fresh-method:hover{color:inherit;}
.local-callout .offer-quote{display: flex;
    flex-direction: column;
    gap: var(--space-panel, 1rem);
    margin-top: var(--gutter-wide, 0.75rem);}
.local-callout .main-list{display: block;
    width: 100%;
    padding: 0.7rem 1rem;
    font-family: inherit;
    font-size: var(--label-large, 14px);
    font-weight: 600;
    letter-spacing: 0.02em;
    border-radius: var(--corner-image, 0.45rem);
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color var(--speed-panel, 260ms) var(--delay-hover, ease), color var(--speed-panel, 260ms) var(--delay-hover, ease);}
.local-callout .media-group {
    background: var(--tone-main);
    color: var(--paint-cool);
    border-color: var(--tone-main);
  }
.local-callout .media-group:hover {
    background: var(--paint-light);
    color: var(--paint-cool);
  }
.local-callout .narrow-body {
    background: var(--line-cool);
    color: var(--tone-cool);
    border-color: var(--surface-cool);
  }
.local-callout .narrow-body:hover {
    background: var(--ink-accent);
    color: var(--tone-cool);
  }
.local-callout .main-list:focus-visible{outline: 2px solid var(--mark-static, var(--paint-page));
    outline-offset: 2px;}
@media (max-width: 480px) {
    .local-callout {
      width: 100%;
      max-width: 100%;
      left: 0;
      right: 0;
      top: auto;
      bottom: 0;
      transform: none;
      border-radius: var(--radius-image, 0.65rem) var(--radius-image, 0.65rem) 0 0;
      border-left: 1px solid var(--surface-cool);
      border-bottom: none;
      max-height: 80vh;
    }
  }
.secondary-list{
    --axis-base: #f2b705;
    --line-accent: #121212;
    --label-strong: #3a3a36;
    background: var(--tone-accent, linear-gradient(160deg, #141413 0%, #1e1e1c 55%, #262624 100%));
    color: #e8e6e1;
    padding: clamp(2.5rem, 6vw, 5rem) 1.25rem;
  }
.secondary-list .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: clamp(1.75rem, 4vw, 3.5rem);
    align-items: center;}
.secondary-list h1{font-size: 64px;
    line-height: 1.02;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.1rem;}
.secondary-list .team{font-size: 22px;
    line-height: 1.45;
    margin: 0 0 1rem;}
.secondary-list .copy{font-size: 1rem;
    line-height: 1.65;
    color: #b3b0a8;
    margin: 0 0 1.6rem;}
.secondary-list .route{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.5rem;}
.secondary-list .go{
    display: inline-block;
    background: var(--axis-base);
    color: var(--line-accent);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.95rem;
    padding: 0.8rem 1.4rem;
    border-radius: var(--corner-image, 0.45rem);
    transition: background var(--speed-panel, 260ms) var(--delay-hover, cubic-bezier(0.22, 0.61, 0.36, 1));
  }
.secondary-list .go:hover,
  .secondary-list .go:focus-visible{
    background: #d9a404;
  }
.secondary-list .open-items{text-decoration: none;
    font-size: 0.95rem;
    border-bottom: 1px solid var(--label-strong);
    padding-bottom: 2px;}
.secondary-list .open-items:hover,
  .secondary-list .open-items:focus-visible{color: var(--axis-base);
    border-bottom-color: var(--axis-base);}
.secondary-list .main{margin: 0;}
.secondary-list .main img{display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: var(--radius-image, 0.65rem);}
.secondary-list .main figcaption{margin-top: 0.7rem;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #b3b0a8;}
@media (max-width: 820px) {.secondary-list .media-nav{
      grid-template-columns: 1fr;
    }.secondary-list h1{
      font-size: clamp(2.1rem, 8vw, 3rem);
    }.secondary-list .team{
      font-size: 1.15rem;
    }.secondary-list .main{
      order: -1;
    }.secondary-list .main img{
      aspect-ratio: 16 / 10;
    }
  }
.secondary-list{
  background: #141413;
  color: #e8e6e1;
}
.focused-entries{position:relative;overflow:hidden;isolation:isolate;}
.focused-entries>*{position:relative;z-index:1;}
.focused-entries::after{content:"";position:absolute;top:12%;bottom:12%;left:calc(1 * 8%);width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,currentColor 28%,transparent),transparent);opacity:.45;animation:wpAccentGlint calc(18s + (1 * 5s)) ease-in-out infinite alternate;pointer-events:none;}
@keyframes wpAccentGlint{from{transform:translateX(0);opacity:.24;}to{transform:translateX(calc(1 * 2rem));opacity:.55;}}
@media (prefers-reduced-motion: reduce){.focused-entries::before,.focused-entries::after{animation:none!important;}}
.top-group{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.5rem;
  }
.top-group .media-nav{max-width: 920px;
    margin: 0 auto;}
.top-group .primary-stack{margin-bottom: 2.75rem;}
.top-group .primary-stack h2{font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 0.9rem;}
.top-group .secondary-shell{font-size: 22px;
    line-height: 1.45;
    margin: 0;}
.top-group .secondary-visual{list-style: none;
    margin: 0;
    padding: 0;}
.top-group .content-surface{display: grid;
    grid-template-columns: 4.5rem 1fr;
    gap: 1.5rem;
    padding: 1.6rem 0;
    border-top: 1px solid var(--surface-cool, #3a3a36);}
.top-group .content-surface:last-child{border-bottom: 1px solid var(--surface-cool, #3a3a36);}
.top-group .visual-lead{font-size: 1.9rem;
    font-weight: 600;
    line-height: 1;
    padding-top: 0.15rem;}
.top-group .copy h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    margin: 0 0 0.5rem;}
.top-group .copy p{margin: 0;
    line-height: 1.6;}
.top-group .route{margin: 2rem 0 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.top-group .route a{text-decoration: underline;
    text-underline-offset: 3px;}
.top-group .route a:hover{}
@media (max-width: 640px) {.top-group{
      padding: 3rem 1.1rem;
    }.top-group .primary-stack h2{
      font-size: 1.85rem;
    }.top-group .secondary-shell{
      font-size: 1.15rem;
    }.top-group .content-surface{
      grid-template-columns: 2.6rem 1fr;
      gap: 1rem;
    }.top-group .visual-lead{
      font-size: 1.4rem;
    }.top-group .copy h3{
      font-size: 1.3rem;
    }
  }
.top-group{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.open-area{
    background: #141413;
    color: #e8e6e1;
    padding: 3.5rem 1.25rem;
  }
.open-area .media-nav{max-width: 1280px;
    margin: 0 auto;}
.open-area .focused-list h2{font-size: 40px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin: 0 0 1rem;}
.open-area .focused-list p{font-size: 22px;
    line-height: 1.5;
    color: #b3b0a8;
    margin: 0 0 2.5rem;}
.open-area .contact-content{display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 2.5rem;
    align-items: start;}
.open-area .featured-nav{margin: 0;
    border-radius: var(--radius-image, 0.65rem);
    overflow: hidden;}
.open-area .featured-nav img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 5;}
.open-area .top-visual{display: flex;
    flex-direction: column;
    gap: 1.6rem;}
.open-area .route h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    margin: 0 0 0.4rem;
    color: #f2b705;}
.open-area .route p{margin: 0;
    line-height: 1.6;}
.open-area .service-story{margin-top: 2.75rem;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #b3b0a8;}
.open-area .service-story a{color: #f2b705;
    text-decoration: none;
    border-bottom: 1px solid rgba(242, 183, 5, 0.4);
    transition: border-color var(--speed-panel, 260ms) var(--delay-hover, ease);}
.open-area .service-story a:hover{border-color: #f2b705;}
@media (max-width: 760px) {.open-area{
      padding: 2.5rem 1rem;
    }.open-area .focused-list h2{
      font-size: 30px;
    }.open-area .focused-list p{
      font-size: 18px;
    }.open-area .contact-content{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }.open-area .featured-nav img{
      aspect-ratio: 16 / 10;
    }.open-area .route h3{
      font-size: 22px;
    }
  }
.open-area{
  background: #141413;
  color: #e8e6e1;
}
.secondary-nav{
    --surface-strong: #1e1e1c;
    --type-extra-45: #3a3a36;
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem;
  }
.secondary-nav .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: grid;
    gap: 2.75rem;}
.secondary-nav .focused-list{display: grid;
    gap: 1rem;
    max-width: 46rem;}
.secondary-nav .focused-list h2{font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0;}
.secondary-nav .focused-list p{margin: 0;
    font-size: 22px;
    line-height: 1.5;}
.secondary-nav .top-visual{display: grid;
    grid-template-columns: 1.15fr 1fr 1fr;
    gap: 1.5rem;
    align-items: start;}
.secondary-nav .route{
    background: var(--paint-base, #262624);
    color: var(--tone-cool, #e8e6e1);
    border: 1px solid var(--type-extra-45);
    border-radius: var(--radius-image, 0.65rem);
    padding: 1.75rem 1.5rem;
    display: grid;
    gap: 1rem;
    align-content: start;
  }
.secondary-nav .route:nth-child(2){margin-top: 2.25rem;}
.secondary-nav .opening{font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.08em;}
.secondary-nav .route h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0;}
.secondary-nav .route p{margin: 0;
    line-height: 1.6;}
.secondary-nav .public-track{list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.6rem;}
.secondary-nav .public-track li{position: relative;
    padding-left: 1.1rem;
    line-height: 1.45;
    font-size: 0.95rem;}
.secondary-nav .public-track li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 6px;
    height: 6px;
    background: #f2b705;
    border-radius: 1px;color:#121212;}
.secondary-nav .quiet-summary{
    justify-self: start;
    margin-top: 0.25rem;
    display: inline-block;
    padding: 0.7rem 1.15rem;
    background: #f2b705;
    color: #121212;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.85rem;
    text-decoration: none;
    border-radius: var(--corner-image, 0.45rem);
    transition: background var(--speed-panel, 260ms) var(--delay-hover, ease);
  }
.secondary-nav .quiet-summary:hover,
  .secondary-nav .quiet-summary:focus-visible{
    background: #d9a404;color:var(--tone-cool);}
.secondary-nav .steady-menu{margin: 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--type-extra-45);
    line-height: 1.6;}
.secondary-nav .steady-menu a{text-decoration: underline;
    text-underline-offset: 3px;}
@media (max-width: 900px) {.secondary-nav .top-visual{
      grid-template-columns: 1fr;
    }.secondary-nav .route:nth-child(2){
      margin-top: 0;
    }
  }
@media (max-width: 560px) {.secondary-nav{
      padding: 3rem 1rem;
    }.secondary-nav .focused-list h2{
      font-size: 30px;
    }.secondary-nav .focused-list p{
      font-size: 18px;
    }
  }
.secondary-nav{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.question{
  --type-main: #3a3a36;
  background: #141413;
  color: #e8e6e1;
  padding: 4.5rem 1.25rem 5rem;
}
.question .media-nav{max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  grid-template-areas:
    "lead media"
    "principles media"
    "closing closing";
  gap: 2.5rem 3rem;
  align-items: start;}
.question .secondary-shell{grid-area: lead;}
.question h1{font-size: 64px;
  line-height: 1.02;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin: 0 0 1.4rem;
  font-weight: 600;}
.question .focused-list{font-size: 22px;
  line-height: 1.45;
  margin: 0 0 1.1rem;}
.question .secondary-shell p:not(.focused-list){font-size: 1.05rem;
  line-height: 1.7;color:inherit;
  margin: 0;}
.question .featured-team{grid-area: principles;}
.question .featured-team h2{font-size: var(--type-body, 26px);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0 0 1rem;
  font-weight: 600;}
.question .featured-team p{font-size: 1.02rem;
  line-height: 1.7;color:inherit;
  margin: 0 0 1rem;}
.question .featured-team p:last-child{margin-bottom: 0;}
.question .featured-nav{grid-area: media;
  margin: 0;
  align-self: stretch;}
.question .featured-nav img{display: block;
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  border-radius: var(--radius-image, 0.65rem);}
.question .featured-nav figcaption{margin-top: 0.75rem;
  font-size: 0.85rem;
  line-height: 1.5;color:inherit;}
.question .page-figure{grid-area: closing;
  margin: 0;
  padding-top: 1.6rem;
  border-top: 1px solid var(--type-main);
  font-size: 0.98rem;
  line-height: 1.65;color:inherit;}
@media (max-width: 860px) {.question{
    padding: 3rem 1.1rem 3.5rem;
  }.question .media-nav{
    grid-template-columns: 1fr;
    grid-template-areas:
      "lead"
      "media"
      "principles"
      "closing";
    gap: 2rem;
  }.question h1{
    font-size: 40px;
  }.question .focused-list{
    font-size: 19px;
  }.question .featured-nav img{
    min-height: 220px;
    height: auto;
  }
}
.question{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.active-headline{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem 5rem;
  }
.active-headline .media-nav{max-width: 1280px;
    margin: 0 auto;}
.active-headline h2{font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.1rem;}
.active-headline .secondary-shell{font-size: 1.375rem;
    line-height: 1.5;
    margin: 0 0 2.4rem;
    color: #b3b0a8;}
.active-headline .plain-region{display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    margin-bottom: 2.6rem;}
.active-headline .soft-flow{flex: 1 1 320px;}
.active-headline h3{font-size: 1.625rem;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0 0 0.7rem;}
.active-headline p{margin: 0 0 1rem;
    line-height: 1.65;}
.active-headline .open-proof{display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-bottom: 2.4rem;}
.active-headline .compact-figure{
    flex: 1 1 300px;
    background: var(--paint-base, #262624);
    color: var(--tone-cool, #e8e6e1);
    border: 1px solid var(--surface-cool, #3a3a36);
    border-radius: 0.65rem;
    padding: 1.4rem 1.5rem;
  }
.active-headline .compact-figure h3{font-size: 1.15rem;
    margin-bottom: 0.55rem;}
.active-headline .compact-figure p{margin: 0;
    font-size: 0.98rem;
    color: #b3b0a8;}
.active-headline .page-figure{font-size: 1rem;
    line-height: 1.7;
    margin: 0;
    color: #b3b0a8;}
.active-headline a{color: #f2b705;
    text-decoration: underline;
    text-underline-offset: 3px;}
.active-headline a:hover{color: #d9a404;}
@media (max-width: 640px) {.active-headline{
      padding: 3rem 1rem 3.5rem;
    }.active-headline h2{
      font-size: 1.9rem;
    }.active-headline .secondary-shell{
      font-size: 1.15rem;
    }.active-headline h3{
      font-size: 1.3rem;
    }
  }
.active-headline{
  background: #141413;
  color: #e8e6e1;
}
.steady-group{
  background: #141413;
  color: #e8e6e1;
  padding: clamp(2.5rem, 5vw, 4.5rem) 1.25rem;
}
.steady-group .media-nav{max-width: 1080px;
  margin: 0 auto;
  display: grid;
  gap: 2rem;}
.steady-group .open-story{display: grid;
  gap: 0.9rem;
  max-width: 100%;}
.steady-group h2{font-size: 40px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin: 0;}
.steady-group .main-intro{font-size: 22px;
  line-height: 1.4;
  margin: 0;}
.steady-group .secondary-tile{display: grid;
  gap: 1.15rem;
  max-width: 100%;}
.steady-group .secondary-tile p{margin: 0;
  line-height: 1.65;
  font-size: 1rem;}
.steady-group .soft-benefit{margin: 0;
  padding-top: 1.1rem;
  border-top: 1px solid var(--surface-cool, #3a3a36);
  font-size: 0.9rem;}
@media (min-width: 780px) {.steady-group .media-nav{
    grid-template-columns: 0.85fr 1.15fr;
    column-gap: 3rem;
    align-items: start;
  }.steady-group .open-story{
    grid-row: 1;
  }.steady-group .secondary-tile{
    grid-row: 1 / span 2;
    grid-column: 2;
  }.steady-group .soft-benefit{
    grid-column: 1;
  }
}
@media (max-width: 640px) {.steady-group h2{
    font-size: 30px;
  }.steady-group .main-intro{
    font-size: 18px;
  }
}
.steady-group{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.team-tile{
    background: #141413;
    color: #e8e6e1;
    padding: 4rem 1.25rem;
  }
.team-tile .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: grid;
    gap: 2.5rem;}
.team-tile .focused-list h2{font-size: 40px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0 0 1rem;}
.team-tile .focused-list p{font-size: 22px;
    line-height: 1.5;
    margin: 0;
    color: #b3b0a8;}
.team-tile .main-copy{display: grid;
    gap: 1.75rem;}
.team-tile .visual-frame h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    margin: 0 0 0.6rem;
    color: #f2b705;}
.team-tile .visual-frame p{margin: 0;
    line-height: 1.6;}
.team-tile .page-figure{margin: 0;
    line-height: 1.6;
    color: #b3b0a8;}
.team-tile .page-figure a{color: #f2b705;
    text-decoration: underline;
    text-underline-offset: 2px;}
.team-tile .page-figure a:hover{color: #d9a404;}
@media (min-width: 820px) {.team-tile{
      padding: 5.5rem 2rem;
    }.team-tile .media-nav{
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
      grid-template-areas:
        "intro entries"
        "closing closing";
      column-gap: 4rem;
      row-gap: 2.5rem;
    }.team-tile .focused-list{
      grid-area: intro;
    }.team-tile .main-copy{
      grid-area: entries;
    }.team-tile .page-figure{
      grid-area: closing;
    }
  }
.team-tile{
  background: #141413;
  color: #e8e6e1;
}
.featured-header{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem 5rem;
  }
.featured-header .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.75rem;}
.featured-header .focused-list h1{font-size: 64px;
    line-height: 1.05;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.1rem;}
.featured-header .secondary-shell{font-size: 22px;
    line-height: 1.5;
    margin: 0;}
.featured-header .soft-view h2,
  .featured-header .active-visual h2{font-size: 40px;
    line-height: 1.15;
    margin: 0 0 0.9rem;}
.featured-header .soft-view p,
  .featured-header .active-visual p{margin: 0;
    line-height: 1.65;}
.featured-header .clear-steps{display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 78%;}
.featured-header .clear-steps h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    margin: 0;}
.featured-header .clear-steps p{margin: 0;
    line-height: 1.7;}
.featured-header .active-visual a{text-decoration: underline;
    text-underline-offset: 3px;}
.featured-header .active-visual a:hover{}
@media (max-width: 900px) {.featured-header .clear-steps{
      max-width: 100%;
    }
  }
@media (max-width: 640px) {.featured-header{
      padding: 3rem 1rem 3.5rem;
    }.featured-header .media-nav{
      gap: 2rem;
    }.featured-header .focused-list h1{
      font-size: 2.4rem;
    }.featured-header .secondary-shell{
      font-size: 1.15rem;
    }.featured-header .soft-view h2,
    .featured-header .active-visual h2{
      font-size: 1.75rem;
    }.featured-header .clear-steps h3{
      font-size: 1.3rem;
    }
  }
.featured-header{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.secondary-nav{
    background: #141413;
    color: #e8e6e1;
    padding: 4rem 1.25rem;
  }
.secondary-nav .media-nav{max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.6rem;}
.secondary-nav .focused-list h2{font-size: 40px;
    line-height: 1.12;
    margin: 0 0 1rem;
    text-transform: uppercase;
    letter-spacing: 0.01em;}
.secondary-nav .focused-list p{font-size: 22px;
    line-height: 1.5;
    color: #b3b0a8;
    margin: 0;}
.secondary-nav .top-visual{display: flex;
    flex-direction: column;
    gap: 2rem;}
.secondary-nav .route{display: grid;
    grid-template-columns: 4.5rem 1fr;
    column-gap: 1.6rem;
    row-gap: 0.55rem;
    align-items: start;}
.secondary-nav .route .visual-lead{grid-row: 1 / span 3;
    font-size: 2.1rem;
    line-height: 1;
    color: #f2b705;
    font-weight: 600;
    letter-spacing: 0.02em;}
.secondary-nav .route h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.015em;}
.secondary-nav .route p{margin: 0;
    line-height: 1.6;
    color: #b3b0a8;}
.secondary-nav .route a{justify-self: start;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #f2b705;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: border-color var(--speed-panel, 260ms) var(--delay-hover, ease);}
.secondary-nav .route a:hover,
  .secondary-nav .route a:focus-visible{border-bottom-color: #f2b705;}
.secondary-nav .page-figure{margin: 0;
    line-height: 1.65;
    color: #b3b0a8;}
.secondary-nav .page-figure a{color: #e8e6e1;
    text-decoration: underline;
    text-underline-offset: 3px;}
.secondary-nav .page-figure a:hover,
  .secondary-nav .page-figure a:focus-visible{color: #f2b705;}
@media (max-width: 640px) {.secondary-nav{
      padding: 2.6rem 1rem;
    }.secondary-nav .route{
      grid-template-columns: 1fr;
      row-gap: 0.4rem;
    }.secondary-nav .route .visual-lead{
      grid-row: auto;
      font-size: 1.5rem;
    }.secondary-nav .focused-list h2{
      font-size: 1.9rem;
    }.secondary-nav .focused-list p{
      font-size: 1.1rem;
    }.secondary-nav .route h3{
      font-size: 1.35rem;
    }
  }
.secondary-nav{
  background: #141413;
  color: #e8e6e1;
}
.media-contact{
  background: #141413;
  color: #e8e6e1;
  padding: 4.5rem 1.25rem 5rem;
}
.media-contact .media-nav{max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 3.5rem 4rem;
  align-items: start;}
.media-contact .secondary-shell h2{font-size: 40px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  margin: 0 0 1.5rem;
  text-transform: uppercase;}
.media-contact .focused-list{font-size: 22px;
  line-height: 1.45;
  margin: 0 0 1.25rem;}
.media-contact .copy{margin: 0;
  line-height: 1.65;}
.media-contact .team-brand{display: flex;
  flex-direction: column;
  gap: 1.75rem;}
.media-contact .local-items h3{font-size: var(--type-body, 26px);
  margin: 0 0 0.5rem;
  letter-spacing: 0.02em;}
.media-contact .local-items p{margin: 0;
  line-height: 1.6;}
.media-contact .route{grid-column: 1 / -1;
  margin: 0;
  padding-top: 1.75rem;
  border-top: 1px solid var(--surface-cool, #3a3a36);
  line-height: 1.6;}
.media-contact .route a{text-decoration: underline;
  text-underline-offset: 3px;}
.media-contact .route a:hover{}
@media (max-width: 860px) {.media-contact{
    padding: 3rem 1.1rem 3.5rem;
  }.media-contact .media-nav{
    grid-template-columns: 1fr;
    gap: 2.25rem;
  }.media-contact .secondary-shell h2{
    font-size: 30px;
  }.media-contact .focused-list{
    font-size: 18px;
  }.media-contact .local-items h3{
    font-size: 21px;
  }
}
.media-contact{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.bottom-block{
  background: #141413;
  color: #e8e6e1;
  padding: 4.5rem 1.25rem;
}
.bottom-block .media-nav{max-width: 1280px;
  margin: 0 auto;}
.bottom-block h2{font-size: 40px;
  line-height: 1.15;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  margin: 0 0 2.5rem;}
.bottom-block .featured-method{display: flex;
  flex-direction: column;
  gap: 2.4rem;}
.bottom-block .service-content{display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
  gap: 1.5rem 2.5rem;
  align-items: start;}
.bottom-block h3{font-size: var(--type-body, 26px);
  line-height: 1.25;
  margin: 0;
  color: #f2b705;}
.bottom-block p{margin: 0 0 0.9rem;
  line-height: 1.6;}
.bottom-block p:last-child{margin-bottom: 0;}
.bottom-block a{color: #f2b705;
  text-decoration: none;
  border-bottom: 1px solid currentColor;}
.bottom-block a:hover{color: #d9a404;}
@media (max-width: 760px) {.bottom-block{
    padding: 3rem 1rem;
  }.bottom-block h2{
    font-size: 30px;
    margin-bottom: 1.8rem;
  }.bottom-block .service-content{
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }.bottom-block h3{
    font-size: 21px;
  }
}
.bottom-block{
  background: #141413;
  color: #e8e6e1;
}
.visual-surface{
    background: #141413;
    color: #e8e6e1;
    padding: 4rem 1.5rem;
  }
.visual-surface .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: grid;
    gap: 1.4rem;
    grid-template-columns: minmax(0, 1fr);}
.visual-surface h2{font-size: 40px;
    line-height: 1.15;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0;}
.visual-surface p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.visual-surface .secondary-shell{font-size: 22px;
    line-height: 1.5;}
.visual-surface .compact-figure{font-size: 0.98rem;
    padding-top: 1.1rem;}
@media (min-width: 860px) {.visual-surface{
      padding: 5.5rem 2.5rem;
    }.visual-surface .media-nav{
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      column-gap: 3.5rem;
      row-gap: 1.6rem;
    }.visual-surface h2{
      grid-column: 1 / -1;
    }.visual-surface .secondary-shell{
      grid-column: 1;
    }.visual-surface p:not(.secondary-shell):not(.compact-figure){
      grid-column: 2;
    }.visual-surface .compact-figure{
      grid-column: 1 / -1;
    }
  }
@media (max-width: 859px) {.visual-surface h2{
      font-size: 1.9rem;
    }.visual-surface .secondary-shell{
      font-size: 1.15rem;
    }
  }
.visual-surface{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.narrow-benefit{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem 4rem;
  }
.narrow-benefit .media-nav{max-width: 1280px;
    margin: 0 auto;}
.narrow-benefit .body{display: flex;
    flex-direction: column;
    gap: 1.35rem;}
.narrow-benefit :is(h2,h1){
    font-size: 40px;
    line-height: 1.15;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.01em;
  }
.narrow-benefit p{margin: 0;
    font-size: 1.0625rem;
    line-height: 1.65;}
.narrow-benefit .action{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem 2rem;
    margin-top: 0.6rem;}
.narrow-benefit .go{
    display: inline-block;
    background: var(--tone-main);
    color: var(--paint-cool);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.95rem 1.9rem;
    border-radius: var(--corner-image);
    transition: background var(--speed-panel) var(--delay-hover);
  }
.narrow-benefit .go:hover,
  .narrow-benefit .go:focus-visible{
    background: var(--paint-light);color:var(--tone-cool);}
.narrow-benefit .route{display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.5rem;
    font-size: 0.95rem;}
.narrow-benefit .route a{text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color var(--speed-panel) var(--delay-hover);}
.narrow-benefit .route a:hover,
  .narrow-benefit .route a:focus-visible{border-bottom-color: var(--ink-warm);}
@media (max-width: 640px) {.narrow-benefit{
      padding: 3rem 1.1rem 2.75rem;
    }.narrow-benefit :is(h2,h1){
      font-size: 1.75rem;
    }.narrow-benefit .action{
      flex-direction: column;
      align-items: flex-start;
    }.narrow-benefit .go{
      width: 100%;
      text-align: center;
    }
  }
.narrow-benefit{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.media-contact{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem 5rem;
  }
.media-contact .media-nav{max-width: var(--field-active, 1280px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.6rem;}
.media-contact .secondary-shell h2{font-size: 40px;
    line-height: 1.15;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.1rem;
    max-width: 22ch;}
.media-contact .secondary-shell p{font-size: 22px;
    line-height: 1.55;
    margin: 0;
    color: #b3b0a8;}
.media-contact .open-proof{display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 2.4rem 3.5rem;
    align-items: start;}
.media-contact .compact-figure h3{font-size: var(--type-body, 26px);
    line-height: 1.25;
    margin: 0 0 0.7rem;
    color: #f2b705;}
.media-contact .compact-figure p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;
    color: #e8e6e1;}
.media-contact .compact-figure:first-child{padding-top: 0.35rem;}
.media-contact .compact-figure:last-child{padding-top: 1.6rem;}
.media-contact .route{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #b3b0a8;}
.media-contact .route a{color: #f2b705;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
    transition: color var(--speed-panel, 260ms) var(--delay-hover, ease);}
.media-contact .route a:hover{color: #d9a404;}
@media (max-width: 820px) {.media-contact{
      padding: 3.2rem 1.1rem 3.6rem;
    }.media-contact .secondary-shell h2{
      font-size: clamp(26px, 7vw, 34px);
      max-width: none;
    }.media-contact .secondary-shell p{
      font-size: 1.1rem;
    }.media-contact .open-proof{
      grid-template-columns: 1fr;
      gap: 1.9rem;
    }.media-contact .compact-figure:last-child{
      padding-top: 0;
    }
  }
.media-contact{
  background: #141413;
  color: #e8e6e1;
}
.team-surface{
  background: #141413;
  color: #e8e6e1;
  padding: 4.5rem 1.25rem;
}
.team-surface .media-nav{max-width: var(--field-active, 1280px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.6rem;}
.team-surface .focused-list h2{font-size: 40px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin: 0 0 1rem;}
.team-surface .secondary-shell{font-size: 22px;
  line-height: 1.5;
  margin: 0;}
.team-surface .top-form{display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 2.4rem;
  align-items: start;}
.team-surface .direct-intro{
  margin: 0;
  background: var(--paint-base, #262624);
  color: var(--tone-cool, #e8e6e1);
  border-radius: var(--radius-image, 0.65rem);
  overflow: hidden;
  box-shadow: var(--shadow-card, 0 6px 18px rgba(12,12,12,0.45));
}
.team-surface .direct-intro img{display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;}
.team-surface .direct-intro figcaption{padding: 1rem 1.15rem;
  font-size: 0.92rem;
  line-height: 1.5;}
.team-surface .open-proof h3{font-size: var(--type-body, 26px);
  line-height: 1.2;
  margin: 0 0 1rem;}
.team-surface .open-proof p{margin: 0 0 1.4rem;
  line-height: 1.65;}
.team-surface .contact-media{list-style: none;
  margin: 0 0 1.4rem;
  padding: 0;
  display: flex;
  flex-direction: column;}
.team-surface .contact-media li{padding: 0.95rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;}
.team-surface .contact-media li + li{border-top: 1px solid var(--surface-cool, #3a3a36);}
.team-surface .contact-media strong{font-size: 1rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;}
.team-surface .contact-media span{line-height: 1.6;}
.team-surface .page-figure{margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;}
@media (max-width: 860px) {.team-surface{
    padding: 3rem 1rem;
  }.team-surface .top-form{
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }.team-surface .focused-list h2{
    font-size: clamp(1.7rem, 6vw, 40px);
  }.team-surface .secondary-shell{
    font-size: clamp(1.05rem, 4.4vw, 22px);
  }
}
.team-surface{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.primary-brand{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem 5rem;
  }
.primary-brand .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.4rem;}
.primary-brand h1{margin: 0;
    font-size: 64px;
    line-height: 1.05;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-weight: 600;}
.primary-brand .secondary-shell{margin: 0;
    font-size: 22px;
    line-height: 1.5;
    max-width: none;}
.primary-brand .service-menu{margin: 0;
    font-size: 1rem;
    line-height: 1.65;
    color: #b3b0a8;}
.primary-brand a{color: #f2b705;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color var(--speed-panel) var(--delay-hover);}
.primary-brand a:hover,
  .primary-brand a:focus-visible{border-bottom-color: #f2b705;}
.primary-brand .go{
    display: inline-block;
    margin-top: 0.4rem;
    padding: 0.85rem 1.6rem;
    background: #f2b705;
    color: #121212;
    border-radius: var(--corner-image);
    font-size: 1rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: none;
  }
.primary-brand .go:hover,
  .primary-brand .go:focus-visible{
    background: #d9a404;
    border-bottom: none;color:var(--tone-cool);}
@media (max-width: 720px) {.primary-brand{
      padding: 3rem 1.1rem 3.4rem;
    }.primary-brand h1{
      font-size: calc(64px * 0.55);
    }.primary-brand .secondary-shell{
      font-size: calc(22px * 0.82);
    }
  }
.primary-brand{
  background: #141413;
  color: #e8e6e1;
}
.top-group{
    background: #141413;
    color: #e8e6e1;
    padding: 4rem 1.5rem;
  }
.top-group .media-nav{max-width: 1080px;
    margin: 0 auto;}
.top-group .secondary-shell{margin-bottom: 2.5rem;}
.top-group h2{font-size: 40px;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0 0 1rem;}
.top-group .focused-list{font-size: 22px;
    line-height: 1.5;
    margin: 0;}
.top-group .page-actions{list-style: none;
    margin: 0;
    padding: 0;}
.top-group .secondary-visual{display: grid;
    grid-template-columns: 3.5rem 1fr;
    gap: 1.5rem;
    padding: 1.6rem 0;
    border-top: 1px solid var(--surface-cool, #3a3a36);}
.top-group .secondary-visual:last-child{border-bottom: 1px solid var(--surface-cool, #3a3a36);}
.top-group .service-panel{font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;}
.top-group .contact-entries h3{font-size: var(--type-body, 26px);
    line-height: 1.25;
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.01em;}
.top-group .contact-entries p{margin: 0;
    line-height: 1.65;}
.top-group .route{margin: 2.5rem 0 0;
    line-height: 1.7;}
.top-group .route a{text-decoration: underline;
    text-underline-offset: 3px;}
.top-group .route a:hover{}
@media (max-width: 640px) {.top-group{
      padding: 2.5rem 1.1rem;
    }.top-group h2{
      font-size: 28px;
    }.top-group .focused-list{
      font-size: 18px;
    }.top-group .secondary-visual{
      grid-template-columns: 2.4rem 1fr;
      gap: 1rem;
      padding: 1.3rem 0;
    }.top-group .service-panel{
      font-size: 1.3rem;
    }.top-group .contact-entries h3{
      font-size: 20px;
    }
  }
.open-quote{
  --ink-strong: #141413;
  --surface-primary: #e8e6e1;
  --tone-base: #b3b0a8;
  --state-main: #f2b705;
  background: var(--ink-strong);
  color: var(--surface-primary);
  padding: 4.5rem 1.25rem 5rem;
}
.open-quote .media-nav{max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  column-gap: 3.5rem;
  row-gap: 2.5rem;
  align-items: start;}
.open-quote .secondary-shell{grid-column: 1;
  grid-row: 1;}
.open-quote .secondary-shell h2{margin: 0 0 1.1rem;
  font-size: 40px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-transform: uppercase;}
.open-quote .secondary-shell p{margin: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--tone-base);}
.open-quote .service-method{grid-column: 2;
  grid-row: 1 / span 2;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;}
.open-quote .main-headline{display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  column-gap: 1.25rem;
  row-gap: 0.4rem;
  align-items: baseline;}
.open-quote .main-headline .visual-lead{grid-row: 1 / span 2;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  color: var(--state-main);
  letter-spacing: 0.04em;}
.open-quote .main-headline h3{margin: 0;
  font-size: var(--type-body, 26px);
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.015em;}
.open-quote .main-headline p{margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--tone-base);}
.open-quote .page-figure{grid-column: 1;
  grid-row: 2;
  margin: 0;
  font-size: 0.975rem;
  line-height: 1.6;
  color: var(--tone-base);}
.open-quote .page-figure a{color: var(--state-main);
  text-decoration: underline;
  text-underline-offset: 3px;}
.open-quote .page-figure a:hover{color: #d9a404;}
@media (max-width: 900px) {.open-quote{
    padding: 3rem 1.1rem 3.5rem;
  }.open-quote .media-nav{
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    row-gap: 2rem;
  }.open-quote .secondary-shell,
  .open-quote .service-method,
  .open-quote .page-figure{
    grid-column: 1;
    grid-row: auto;
  }.open-quote .secondary-shell h2{
    font-size: clamp(1.75rem, 6vw, 2.5rem);
  }.open-quote .main-headline{
    grid-template-columns: 2.25rem minmax(0, 1fr);
    column-gap: 0.9rem;
  }.open-quote .main-headline h3{
    font-size: 1.2rem;
  }
}
.open-quote{
  background: #141413;
  color: #e8e6e1;
}
.strong-section{
    background: #141413;
    color: #e8e6e1;
    padding: 3.5rem 1.25rem;
  }
.strong-section .media-nav{max-width: var(--field-active, 1280px);
    margin: 0 auto;}
.strong-section .body{display: flex;
    flex-direction: column;
    gap: 1.1rem;}
.strong-section h2{font-size: 40px;
    line-height: 1.15;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0;}
.strong-section p{font-size: 1rem;
    line-height: 1.6;
    margin: 0;}
.strong-section .route{list-style: none;
    margin: 0.6rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;}
.strong-section .route li{display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 1.25rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--surface-cool, #3a3a36);}
.strong-section .route li:last-child{border-bottom: none;
    padding-bottom: 0;}
.strong-section .route .steady-track{min-width: 6.5rem;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;}
.strong-section .route a,
  .strong-section .route span:not(.steady-track){font-size: 1.05rem;
    text-decoration: none;}
.strong-section .route a{border-bottom: 1px solid transparent;
    transition: border-color var(--speed-panel, 260ms) var(--delay-hover, ease),
                color var(--speed-panel, 260ms) var(--delay-hover, ease);}
.strong-section .route a:hover,
  .strong-section .route a:focus-visible{border-bottom-color: #f2b705;
    outline: none;}
.strong-section .page-figure{margin-top: 0.4rem;}
.strong-section .page-figure a{text-decoration: none;
    border-bottom: 1px solid var(--surface-cool, #3a3a36);
    transition: border-color var(--speed-panel, 260ms) var(--delay-hover, ease);}
.strong-section .page-figure a:hover,
  .strong-section .page-figure a:focus-visible{border-bottom-color: #f2b705;
    outline: none;}
@media (max-width: 640px) {.strong-section{
      padding: 2.5rem 1rem;
    }.strong-section h2{
      font-size: 30px;
    }.strong-section .route .steady-track{
      min-width: 100%;
    }
  }
.strong-section{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.quiet-track{
    background: #141413;
    color: #e8e6e1;
    padding: 4rem 1.5rem 4.5rem;
  }
.quiet-track .media-nav{max-width: 1080px;
    margin: 0 auto;}
.quiet-track .secondary-shell h1{font-size: 64px;
    line-height: 1.05;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.1rem;
    font-weight: 600;}
.quiet-track .secondary-shell p{font-size: 22px;
    line-height: 1.55;
    margin: 0 0 2.6rem;}
.quiet-track .site-steps{display: flex;
    flex-direction: column;
    gap: 0;}
.quiet-track .visual-frame{padding: 1.5rem 0;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1.5rem 2.5rem;
    align-items: start;}
.quiet-track .visual-frame + .visual-frame{border-top: 1px solid var(--surface-cool, #3a3a36);}
.quiet-track .visual-frame h3{font-size: var(--type-body, 26px);
    line-height: 1.25;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.005em;}
.quiet-track .visual-frame p{margin: 0;
    line-height: 1.65;}
.quiet-track .compact-figure{margin: 2.6rem 0 0;
    padding-top: 1.6rem;
    border-top: 1px solid var(--surface-cool, #3a3a36);
    line-height: 1.6;}
.quiet-track .compact-figure a{text-decoration: underline;
    text-underline-offset: 3px;}
.quiet-track .compact-figure a:hover{}
@media (max-width: 760px) {.quiet-track{
      padding: 2.8rem 1.15rem 3.2rem;
    }.quiet-track .secondary-shell h1{
      font-size: 38px;
    }.quiet-track .secondary-shell p{
      font-size: 18px;
      margin-bottom: 2rem;
    }.quiet-track .visual-frame{
      grid-template-columns: 1fr;
      gap: 0.6rem;
      padding: 1.3rem 0;
    }.quiet-track .visual-frame h3{
      font-size: 21px;
    }
  }
.quiet-track{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.top-content{
    background: #141413;
    color: #e8e6e1;
    padding: 4rem 1.25rem;
  }
.top-content .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;}
.top-content h2{font-size: 40px;
    line-height: 1.15;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0;}
.top-content .secondary-shell{font-size: 22px;
    line-height: 1.45;
    color: #b3b0a8;
    margin: 0;}
.top-content p{margin: 0;
    line-height: 1.6;}
.top-content .main-callout{list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;}
.top-content .main-callout li{display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 1.5rem;
    align-items: start;
    padding-top: 1.4rem;
    border-top: 1px solid var(--surface-cool, #3a3a36);}
.top-content .main-callout li:first-child{border-top: 0;
    padding-top: 0;}
.top-content .main-callout h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0;
    color: #f2b705;}
.top-content .main-callout p{color: #e8e6e1;}
.top-content .compact-figure{
    margin-top: 1.2rem;
    padding: 1.1rem 1.25rem;
    background: #1e1e1c;
    color: #b3b0a8;
    border-radius: var(--corner-image, 0.45rem);
    font-size: 0.98rem;
  }
@media (max-width: 720px) {.top-content{
      padding: 2.75rem 1.1rem;
    }.top-content h2{
      font-size: 30px;
    }.top-content .secondary-shell{
      font-size: 18px;
    }.top-content .main-callout li{
      grid-template-columns: 1fr;
      gap: 0.6rem;
    }.top-content .main-callout h3{
      font-size: 21px;
    }
  }
.top-content{
  background: #141413;
  color: #e8e6e1;
}
.compact-section{
    background: #141413;
    color: #e8e6e1;
    padding: 4rem 1.25rem 4.5rem;
  }
.compact-section .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 3rem 4rem;
    align-items: start;}
.compact-section .secondary-shell{display: flex;
    flex-direction: column;
    gap: 1.1rem;}
.compact-section h2{font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0;}
.compact-section .secondary-shell p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.compact-section .top-benefit{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background: var(--paint-base, #262624);
    color: var(--tone-cool, #e8e6e1);
    border: 1px solid var(--surface-cool, #3a3a36);
    border-radius: var(--radius-image, 0.65rem);
    padding: 1.75rem 1.75rem 1.9rem;
  }
.compact-section .main-actions{display: flex;
    flex-direction: column;
    gap: 0.35rem;}
.compact-section .steady-track{font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;}
.compact-section .main-actions a{font-size: 1.15rem;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color var(--speed-panel, 260ms) var(--delay-hover, ease), color var(--speed-panel, 260ms) var(--delay-hover, ease);
    word-break: break-word;}
.compact-section .main-actions a:hover,
  .compact-section .main-actions a:focus-visible{border-bottom-color: #f2b705;}
.compact-section address{font-style: normal;
    font-size: 1rem;
    line-height: 1.55;}
.compact-section .compact-figure{grid-column: 1 / -1;
    margin: 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--surface-cool, #3a3a36);
    font-size: 0.95rem;
    line-height: 1.6;}
@media (max-width: 820px) {.compact-section{
      padding: 3rem 1.1rem 3.5rem;
    }.compact-section .media-nav{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.compact-section h2{
      font-size: 32px;
    }
  }
.compact-section{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.strong-section{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem;
  }
.strong-section .media-nav{max-width: 1080px;
    margin: 0 auto;}
.strong-section h2{font-size: 40px;
    line-height: 1.15;
    margin: 0 0 1.4rem;
    letter-spacing: 0.01em;
    text-transform: uppercase;}
.strong-section .secondary-shell{font-size: 22px;
    line-height: 1.5;
    margin: 0 0 2.6rem;}
.strong-section .top-visual{display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2.6rem;}
.strong-section .route h3{font-size: var(--type-body, 26px);
    line-height: 1.25;
    margin: 0 0 0.6rem;
    color: #f2b705;
    text-transform: uppercase;
    letter-spacing: 0.02em;}
.strong-section .route p{margin: 0;
    line-height: 1.6;
    color: #b3b0a8;}
.strong-section .compact-figure{
    background: #1e1e1c;
    color: #b3b0a8;
    padding: 1.1rem 1.25rem;
    border-radius: var(--corner-image, 0.45rem);
    line-height: 1.6;
    margin: 0 0 1.6rem;
  }
.strong-section .compact-figure a,
  .strong-section .service-story a{color: #f2b705;
    text-decoration: underline;
    text-underline-offset: 3px;}
.strong-section .service-story{font-size: 1.05rem;
    line-height: 1.6;
    margin: 0;}
@media (min-width: 760px) {.strong-section .top-visual{
      grid-template-columns: 1.15fr 1fr 1fr;
      gap: 2.4rem;
    }
  }
.strong-section{
  background: #141413;
  color: #e8e6e1;
}
.visual-surface{
    --type-base: #3a3a36;
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem 5rem;
  }
.visual-surface .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
    gap: 3rem 4rem;
    align-items: start;}
.visual-surface h1{font-size: 64px;
    line-height: 1.05;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0;
    grid-column: 1;}
.visual-surface .secondary-shell{grid-column: 2;
    font-size: 22px;
    line-height: 1.45;
    margin: 0;
    color: #b3b0a8;}
.visual-surface .main-copy{grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem 3rem;
    margin-top: 1rem;}
.visual-surface .visual-frame h2{font-size: var(--type-body, 26px);
    line-height: 1.2;
    margin: 0 0 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.015em;}
.visual-surface .visual-frame p{margin: 0 0 0.9rem;
    line-height: 1.6;}
.visual-surface .visual-frame .compact-figure{font-size: 0.92rem;
    color: #b3b0a8;
    margin-bottom: 0;}
.visual-surface a{color: #f2b705;
    text-decoration: underline;
    text-underline-offset: 2px;}
.visual-surface a:hover{color: #d9a404;}
@media (max-width: 900px) {.visual-surface .media-nav{
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }.visual-surface h1,
    .visual-surface .secondary-shell,
    .visual-surface .main-copy{
      grid-column: 1;
    }.visual-surface h1{
      font-size: clamp(2.2rem, 7vw, 3.2rem);
    }.visual-surface .secondary-shell{
      font-size: 1.15rem;
    }.visual-surface .main-copy{
      grid-template-columns: 1fr;
      gap: 2rem;
      margin-top: 1.5rem;
    }
  }
.visual-surface{
  background: #141413;
  color: #e8e6e1;
}
.top-group{
  --tone-card: #141413;
  --ink-panel: #e8e6e1;
  --tone-extra-32: #b3b0a8;
  --font-quiet: #3a3a36;
  --surface-secondary: #f2b705;
  background: var(--tone-card);
  color: var(--ink-panel);
  padding: 4.5rem 1.25rem 5rem;
}
.top-group .media-nav{max-width: 1080px;
  margin: 0 auto;}
.top-group .focused-list{margin-bottom: 3rem;}
.top-group h1{font-size: clamp(2rem, 5vw, 3.4rem);
  line-height: 1.08;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin: 0 0 1.4rem;}
.top-group .secondary-shell{font-size: 1.15rem;
  line-height: 1.55;
  color: var(--ink-panel);
  margin: 0 0 1rem;}
.top-group .focused-list p:last-child{font-size: 1rem;
  line-height: 1.65;
  color: var(--tone-extra-32);
  margin: 0;}
.top-group .compact-entries{list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;}
.top-group .secondary-visual{display: grid;
  grid-template-columns: 4.5rem 1fr;
  gap: 1.5rem;
  padding: 1.6rem 0;
  border-top: 1px solid var(--font-quiet);}
.top-group .secondary-visual:last-child{border-bottom: 1px solid var(--font-quiet);}
.top-group .visual-lead{font-size: 1.9rem;
  line-height: 1;
  color: var(--surface-secondary);
  letter-spacing: 0.04em;
  padding-top: 0.15rem;}
.top-group .contact-entries h2{font-size: 1.35rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  margin: 0 0 0.55rem;}
.top-group .contact-entries p{font-size: 0.98rem;
  line-height: 1.65;
  color: var(--tone-extra-32);
  margin: 0;}
.top-group .route{margin: 2.4rem 0 0;
  font-size: 0.98rem;
  line-height: 1.6;
  color: var(--tone-extra-32);}
.top-group .route a{color: var(--surface-secondary);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.top-group .route a:hover,
.top-group .route a:focus-visible{border-bottom-color: var(--surface-secondary);}
@media (max-width: 620px) {.top-group{
    padding: 3rem 1.1rem 3.4rem;
  }.top-group .secondary-visual{
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 1.35rem 0;
  }.top-group .visual-lead{
    font-size: 1.4rem;
  }.top-group .contact-entries h2{
    font-size: 1.15rem;
  }
}
.top-group{
  background: #141413;
  color: #e8e6e1;
}
.active-headline{
    --tone-extra-69: #141413;
    --tone-extra-70: #e8e6e1;
    --tone-extra-72: #b3b0a8;
    --type-nav: #3a3a36;
    --line-muted: #f2b705;
    background: var(--tone-extra-69);
    color: var(--tone-extra-70);
    padding: 4rem 1.5rem;
  }
.active-headline .media-nav{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 2.5rem;}
.active-headline .secondary-shell{display: grid;
    gap: 1rem;
    max-width: 100%;}
.active-headline h2{font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0;}
.active-headline .focused-list{font-size: 22px;
    line-height: 1.5;
    margin: 0;}
.active-headline .main-copy{display: grid;
    gap: 0;
    border-top: 1px solid var(--type-nav);}
.active-headline .visual-frame{padding: 1.75rem 0;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
    gap: 1.5rem 2.5rem;
    border-bottom: 1px solid var(--type-nav);}
.active-headline .visual-frame h3{font-size: 26px;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.02em;}
.active-headline .visual-frame p{margin: 0;
    line-height: 1.65;}
.active-headline .compact-figure{
    margin: 0;
    padding: 1.25rem 1.5rem;
    background: #262624;
    color: #e8e6e1;
    border-radius: 0.45rem;
    line-height: 1.6;
    font-size: 0.95rem;
  }
@media (max-width: 760px) {.active-headline{
      padding: 2.75rem 1.1rem;
    }.active-headline h2{
      font-size: 30px;
    }.active-headline .focused-list{
      font-size: 18px;
    }.active-headline .visual-frame{
      grid-template-columns: 1fr;
      gap: 0.65rem;
    }.active-headline .visual-frame h3{
      font-size: 21px;
    }
  }
.active-headline{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.primary-copy{
    background: #141413;
    color: #e8e6e1;
    padding: 5rem 1.5rem 4.5rem;
  }
.primary-copy .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    grid-template-areas:
      "lead visual"
      "copy visual";
    column-gap: 3.5rem;
    row-gap: 2rem;
    align-items: start;}
.primary-copy .secondary-shell{grid-area: lead;}
.primary-copy h1{margin: 0 0 1.1rem;
    font-size: 64px;
    line-height: 1.02;
    letter-spacing: 0.01em;
    text-transform: uppercase;}
.primary-copy .fresh-frame{margin: 0;
    font-size: 22px;
    line-height: 1.4;}
.primary-copy .copy{grid-area: copy;}
.primary-copy .copy p{margin: 0 0 1.15rem;
    line-height: 1.65;}
.primary-copy .copy p:last-child{margin-bottom: 0;}
.primary-copy .direct-intro{grid-area: visual;
    margin: 0;
    align-self: stretch;}
.primary-copy .direct-intro img{display: block;
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    border-radius: var(--radius-image, 0.65rem);
    filter: grayscale(0.25) contrast(1.05);}
@media (max-width: 860px) {.primary-copy{
      padding: 3.25rem 1.15rem 3rem;
    }.primary-copy .media-nav{
      grid-template-columns: 1fr;
      grid-template-areas:
        "lead"
        "visual"
        "copy";
      column-gap: 0;
      row-gap: 1.75rem;
    }.primary-copy h1{
      font-size: clamp(2rem, 8vw, 2.75rem);
    }.primary-copy .fresh-frame{
      font-size: 1.15rem;
    }.primary-copy .direct-intro img{
      min-height: 220px;
      max-height: 340px;
    }
  }
.primary-copy{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.team-tile{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.5rem;
  }
.team-tile .media-nav{max-width: var(--field-active, 1280px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    gap: 3rem 4rem;
    align-items: start;}
.team-tile h2{font-size: 40px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin: 0 0 1.25rem;}
.team-tile .secondary-shell{font-size: 22px;
    line-height: 1.5;
    color: #b3b0a8;
    margin: 0;}
.team-tile .main-copy{display: flex;
    flex-direction: column;
    gap: 2rem;}
.team-tile .visual-frame h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    margin: 0 0 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.01em;}
.team-tile .visual-frame p{margin: 0;
    line-height: 1.65;
    color: #b3b0a8;}
@media (max-width: 860px) {.team-tile{
      padding: 3rem 1.15rem;
    }.team-tile .media-nav{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.team-tile h2{
      font-size: 30px;
    }.team-tile .secondary-shell{
      font-size: 18px;
    }.team-tile .visual-frame h3{
      font-size: 21px;
    }
  }
.service-benefit{
    --measure-section: 1.5rem;
    background: #141413;
    color: #e8e6e1;
    padding: 4rem 1.25rem 4.5rem;
  }
.service-benefit .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;}
.service-benefit .focused-list{display: flex;
    flex-direction: column;
    gap: 1rem;}
.service-benefit .focused-list h2{margin: 0;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: uppercase;}
.service-benefit .focused-list p{margin: 0;
    font-size: 1.0625rem;
    line-height: 1.65;}
.service-benefit .narrow-unit{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--measure-section);
    align-items: start;}
.service-benefit .quiet-section{margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;}
.service-benefit .quiet-section:nth-child(2){margin-top: 2rem;}
.service-benefit .quiet-section img{
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: var(--corner-image, 0.45rem);
    background: #1e1e1c;color:#b3b0a8;}
.service-benefit .quiet-section:nth-child(1) img{height: 300px;}
.service-benefit .quiet-section figcaption{font-size: 0.9375rem;
    line-height: 1.5;}
.service-benefit .page-figure{margin: 0;
    padding-top: 0.25rem;
    font-size: 1rem;
    line-height: 1.6;}
@media (max-width: 900px) {.service-benefit .narrow-unit{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }.service-benefit .quiet-section:nth-child(2){
      margin-top: 0;
    }.service-benefit .quiet-section:nth-child(3){
      grid-column: 1 / -1;
    }.service-benefit .quiet-section:nth-child(3) img{
      height: 240px;
    }
  }
@media (max-width: 600px) {.service-benefit{
      padding: 2.75rem 1rem 3rem;
    }.service-benefit .media-nav{
      gap: 1.75rem;
    }.service-benefit .focused-list h2{
      font-size: 1.75rem;
    }.service-benefit .narrow-unit{
      grid-template-columns: 1fr;
    }.service-benefit .quiet-section:nth-child(3){
      grid-column: auto;
    }.service-benefit .quiet-section img,
    .service-benefit .quiet-section:nth-child(1) img,
    .service-benefit .quiet-section:nth-child(3) img{
      height: 220px;
    }
  }
.service-benefit{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.visual-surface{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem 4rem;
  }
.visual-surface .media-nav{max-width: 1280px;
    margin: 0 auto;}
.visual-surface h1{font-size: 64px;
    line-height: 1.05;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.4rem;
    max-width: 22ch;}
.visual-surface .secondary-shell{font-size: 22px;
    line-height: 1.5;
    margin: 0 0 2.8rem;}
.visual-surface .contact-header{margin: 0;
    display: grid;
    gap: 1.6rem;}
.visual-surface .visual-frame{display: grid;
    grid-template-columns: minmax(200px, 0.9fr) minmax(0, 2fr);
    gap: 0.6rem 2.5rem;
    align-items: start;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid var(--surface-cool, #3a3a36);}
.visual-surface .visual-frame:last-child{border-bottom: none;
    padding-bottom: 0;}
.visual-surface dt{font-size: var(--type-body, 26px);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0;}
.visual-surface dd{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.visual-surface .compact-figure{
    margin: 2.6rem 0 0;
    padding: 1.1rem 1.25rem;
    background: #1e1e1c;
    color: #b3b0a8;
    border-radius: var(--corner-image, 0.45rem);
    font-size: 0.98rem;
    line-height: 1.6;
  }
@media (max-width: 760px) {.visual-surface{
      padding: 3rem 1rem 2.8rem;
    }.visual-surface h1{
      font-size: 2.4rem;
      max-width: none;
    }.visual-surface .secondary-shell{
      font-size: 1.15rem;
      margin-bottom: 2rem;
    }.visual-surface .visual-frame{
      grid-template-columns: 1fr;
      gap: 0.4rem;
    }.visual-surface dt{
      font-size: 1.35rem;
    }
  }
.active-headline{
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.5rem 5rem;
  }
.active-headline .media-nav{max-width: 1180px;
    margin: 0 auto;}
.active-headline .primary-stack{margin-bottom: 2.6rem;}
.active-headline h2{font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.1rem;}
.active-headline .secondary-shell{font-size: 22px;
    line-height: 1.5;
    color: #b3b0a8;
    margin: 0;}
.active-headline .plain-quote{display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 3rem;
    align-items: start;}
.active-headline .col-main p{margin: 0 0 1.2rem;
    line-height: 1.65;}
.active-headline .col-note{
    background: var(--paint-base, #262624);
    color: var(--tone-cool, #e8e6e1);
    border: 1px solid var(--surface-cool, #3a3a36);
    border-radius: var(--radius-image, 0.65rem);
    padding: 1.6rem 1.5rem;
  }
.active-headline .col-note h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin: 0 0 0.9rem;
    color: #f2b705;}
.active-headline .col-note p{margin: 0 0 1rem;
    line-height: 1.6;
    color: #b3b0a8;}
.active-headline .col-note p:last-child{margin-bottom: 0;}
.active-headline .page-figure{margin: 2.8rem 0 0;
    font-size: 1.05rem;
    line-height: 1.6;
    color: #b3b0a8;}
@media (max-width: 860px) {.active-headline{
      padding: 3rem 1.15rem 3.4rem;
    }.active-headline .plain-quote{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.active-headline h2{
      font-size: 30px;
    }.active-headline .secondary-shell{
      font-size: 18px;
    }.active-headline .col-note h3{
      font-size: 22px;
    }
  }
.strong-section{
  --label-main: #3a3a36;
  background: #141413;
  color: #e8e6e1;
  padding: 4.5rem 1.25rem 5rem;
}
.strong-section .media-nav{max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 3rem 4rem;
  align-items: start;}
.strong-section .primary-stack{grid-column: 1 / -1;}
.strong-section h1{font-size: 64px;
  line-height: 1.05;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin: 0 0 1.1rem;}
.strong-section .secondary-shell{font-size: 22px;
  line-height: 1.45;
  margin: 0;
  color: #b3b0a8;}
.strong-section .local-wrap{display: flex;
  flex-direction: column;
  gap: 1.6rem;}
.strong-section .offer-note h3{font-size: var(--type-body, 26px);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin: 0 0 0.5rem;}
.strong-section .offer-note p{margin: 0 0 0.6rem;
  line-height: 1.6;}
.strong-section .offer-note a{color: var(--tone-main, #f2b705);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-bottom: 2px solid transparent;
  transition: border-color var(--speed-panel, 260ms) var(--delay-hover, ease);}
.strong-section .offer-note a:hover,
.strong-section .offer-note a:focus-visible{border-bottom-color: var(--tone-main, #f2b705);}
.strong-section .compact-figure{
  background: var(--paint-base, #262624);
  color: var(--tone-cool, #e8e6e1);
  border-radius: var(--radius-image, 0.65rem);
  padding: 1.9rem 1.8rem;
}
.strong-section .compact-figure h2{font-size: 40px;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0 0 1rem;}
.strong-section .compact-figure p{margin: 0 0 1rem;
  line-height: 1.65;}
.strong-section .compact-figure p:last-of-type{margin-bottom: 1.4rem;}
.strong-section .route{display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.6rem;}
.strong-section .route a{color: var(--tone-main, #f2b705);
  text-decoration: none;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  transition: border-color var(--speed-panel, 260ms) var(--delay-hover, ease);}
.strong-section .route a:hover,
.strong-section .route a:focus-visible{border-bottom-color: var(--tone-main, #f2b705);}
@media (max-width: 860px) {.strong-section .media-nav{
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }.strong-section h1{
    font-size: clamp(2rem, 7vw, 3rem);
  }.strong-section .compact-figure h2{
    font-size: clamp(1.5rem, 5vw, 2rem);
  }
}
.top-group{
    --tone-card: #141413;
    --ink-panel: #e8e6e1;
    --tone-extra-32: #b3b0a8;
    --font-quiet: var(--surface-cool, #3a3a36);
    --surface-secondary: #f2b705;
    background: var(--tone-card);
    color: var(--ink-panel);
    padding: 4.5rem 1.25rem 5rem;
  }
.top-group .media-nav{max-width: var(--field-active, 1280px);
    margin: 0 auto;}
.top-group .secondary-shell{display: grid;
    gap: 1rem;
    margin-bottom: 3rem;}
.top-group h2{font-size: 40px;
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0;}
.top-group .fresh-frame{font-size: 22px;
    line-height: 1.45;
    margin: 0;}
.top-group .route{list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0;}
.top-group .secondary-visual{display: grid;
    grid-template-columns: 4.5rem 1fr;
    gap: 1.5rem;
    padding: 1.75rem 0;
    border-top: 1px solid var(--font-quiet);}
.top-group .secondary-visual:last-child{border-bottom: 1px solid var(--font-quiet);}
.top-group .visual-lead{font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.04em;}
.top-group .contact-entries h3{font-size: var(--type-body, 26px);
    line-height: 1.2;
    margin: 0 0 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.015em;}
.top-group .contact-entries p{margin: 0;
    line-height: 1.6;}
.top-group .page-figure{margin: 2.5rem 0 0;
    line-height: 1.65;}
.top-group .page-figure a{text-decoration: underline;
    text-underline-offset: 3px;}
.top-group .page-figure a:hover{}
@media (max-width: 640px) {.top-group{
      padding: 3rem 1rem 3.5rem;
    }.top-group h2{
      font-size: 1.9rem;
    }.top-group .fresh-frame{
      font-size: 1.1rem;
    }.top-group .secondary-visual{
      grid-template-columns: 2.75rem 1fr;
      gap: 1rem;
      padding: 1.4rem 0;
    }.top-group .visual-lead{
      font-size: 1.3rem;
    }.top-group .contact-entries h3{
      font-size: 1.25rem;
    }
  }
.visual-surface{
    background: #141413;
    color: #e8e6e1;
    padding: 3.5rem 1.25rem 4rem;
  }
.visual-surface .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;}
.visual-surface h1{font-size: 64px;
    line-height: 1.05;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.1rem;}
.visual-surface .focused-list{font-size: 22px;
    line-height: 1.5;
    color: #b3b0a8;
    margin: 0;}
.visual-surface .open-proof{display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.visual-surface .compact-figure{
    background: var(--paint-base, #262624);
    color: var(--tone-cool, #e8e6e1);
    border: 1px solid var(--surface-cool, #3a3a36);
    border-radius: var(--radius-image, 0.65rem);
    padding: 1.6rem 1.75rem;
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.6fr);
    gap: 0.5rem 2rem;
    align-items: start;
  }
.visual-surface .compact-figure h2{font-size: var(--type-body, 26px);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0;}
.visual-surface .compact-figure p{margin: 0;
    line-height: 1.65;
    color: #b3b0a8;}
.visual-surface .page-figure{margin: 0;
    font-size: 1.05rem;
    line-height: 1.6;
    padding-top: 0.5rem;}
@media (max-width: 760px) {.visual-surface{
      padding: 2.5rem 1rem 3rem;
    }.visual-surface h1{
      font-size: 2.4rem;
    }.visual-surface .focused-list{
      font-size: 1.15rem;
    }.visual-surface .compact-figure{
      grid-template-columns: 1fr;
      gap: 0.75rem;
      padding: 1.35rem 1.25rem;
    }.visual-surface .compact-figure h2{
      font-size: 1.35rem;
    }
  }
.form{
    --tone-secondary: #141413;
    --tone-extra-23: #e8e6e1;
    --tone-dark: #b3b0a8;
    --ink-cool: #262624;
    --surface-base: #3a3a36;
    --ink-base: #f2b705;
    background: var(--tone-secondary);
    color: var(--tone-extra-23);
    padding: 4rem 1.5rem 5rem;
  }
.form .media-nav{max-width: 1180px;
    margin: 0 auto;}
.form .focused-list{margin-bottom: 3rem;}
.form h1{font-size: 64px;
    line-height: 1.05;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.25rem;}
.form .secondary-shell{font-size: 22px;
    line-height: 1.5;
    margin: 0;}
.form .contact-content{display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 3.5rem;
    align-items: start;}
.form .focused-body h2{font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0 0 0.9rem;}
.form .focused-body h2 + p{margin-top: 0;}
.form .focused-body p{line-height: 1.6;
    margin: 0 0 1.4rem;}
.form .focused-body h2:not(:first-child){margin-top: 2.4rem;}
.form .primary-inner{font-style: normal;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    line-height: 1.5;}
.form .primary-inner a{text-decoration: none;}
.form .primary-inner a:hover{text-decoration: underline;}
.form .strong-details{
    background: var(--ink-cool);
    color: var(--tone-extra-23);
    border: 1px solid var(--surface-base);
    border-radius: 0.9rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
  }
.form .active-section{display: flex;
    flex-direction: column;
    gap: 0.4rem;}
.form .active-section label{font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.03em;}
.form .simple-team{text-transform: none;
    letter-spacing: 0;
    font-size: 13px;}
.form input[type="text"],
  .form input[type="email"],
  .form select,
  .form textarea{
    font: inherit;
    font-size: 16px;
    color: var(--tone-extra-23);
    background: #1e1e1c;
    border: 1px solid var(--surface-base);
    border-radius: 0.45rem;
    padding: 0.7rem 0.8rem;
    width: 100%;
    box-sizing: border-box;
  }
.form textarea{resize: vertical;
    min-height: 120px;}
.form input:focus,
  .form select:focus,
  .form textarea:focus{outline: 2px solid var(--ink-base);
    outline-offset: 1px;
    border-color: var(--ink-base);}
.form .main-contact{display: flex;
    gap: 0.7rem;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.5;}
.form .main-contact input{margin-top: 0.25rem;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    accent-color: var(--ink-base);}
.form .main-contact label{text-transform: none;
    letter-spacing: 0;
    font-size: 14px;}
.form .main-contact a{text-decoration: underline;}
.form .public-menu{
    font: inherit;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--ink-base);
    color: #121212;
    border: none;
    border-radius: 0.45rem;
    padding: 0.85rem 1.4rem;
    cursor: pointer;
    align-self: flex-start;
    transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }
.form .public-menu:hover{
    background: #d9a404;
  }
.form .compact-figure{font-size: 13px;
    line-height: 1.5;
    margin: 0;}
@media (max-width: 860px) {.form .contact-content{
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }.form h1{
      font-size: 42px;
    }.form .secondary-shell{
      font-size: 19px;
    }
  }
@media (max-width: 520px) {.form{
      padding: 2.5rem 1.1rem 3rem;
    }.form h1{
      font-size: 32px;
    }.form .strong-details{
      padding: 1.4rem;
    }
  }
.form{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.compact-section{
    --type-quiet: #3a3a36;
    --tone-extra-12: #f2b705;
    background: #141413;
    color: #e8e6e1;
    padding: 4rem 1.25rem;
  }
.compact-section .media-nav{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 3rem 4rem;
    align-items: start;}
.compact-section .focused-list h2{font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 0 1.1rem;}
.compact-section .secondary-shell{font-size: 22px;
    line-height: 1.45;
    margin: 0;}
.compact-section .top-benefit{list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;}
.compact-section .main-actions{padding: 1.4rem 0;
    border-top: 1px solid var(--type-quiet);}
.compact-section .main-actions:last-child{border-bottom: 1px solid var(--type-quiet);}
.compact-section .top-area{display: block;
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--tone-extra-12);
    margin-bottom: 0.35rem;}
.compact-section .wide-menu{display: inline-block;
    font-size: 1.35rem;
    line-height: 1.3;
    font-style: normal;
    text-decoration: none;
    word-break: break-word;}
.compact-section a.channel-value{border-bottom: 2px solid var(--tone-extra-12);
    transition: color 220ms ease, border-color 220ms ease;}
.compact-section a.channel-value:hover{color: var(--tone-extra-12);
    border-color: transparent;}
.compact-section .offer-actions{margin: 0.5rem 0 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #b3b0a8;}
.compact-section .page-figure{grid-column: 1 / -1;
    margin: 0;
    padding-top: 1.5rem;
    font-size: 1rem;
    line-height: 1.6;
    color: #b3b0a8;}
.compact-section .page-figure a{color: var(--tone-extra-12);
    text-decoration: underline;
    text-underline-offset: 3px;}
.compact-section .page-figure a:hover{}
@media (max-width: 760px) {.compact-section{
      padding: 2.75rem 1.1rem;
    }.compact-section .media-nav{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.compact-section .focused-list h2{
      font-size: 32px;
    }.compact-section .secondary-shell{
      font-size: 19px;
    }.compact-section .wide-menu{
      font-size: 1.15rem;
    }
  }
.compact-section{
  background: #141413;
  color: #e8e6e1;
}
.map{
  background: #141413;
  color: #e8e6e1;
  padding: 4.5rem 1.25rem;
}
.map .media-nav{max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 2.5rem 3.5rem;
  align-items: start;}
.map h2{font-size: 40px;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  grid-column: 1 / -1;}
.map .secondary-shell{margin: 0;
  font-size: 1.05rem;
  line-height: 1.65;}
.map .visual-frame{
  font-style: normal;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.55rem 1.25rem;
  padding: 1.5rem 1.6rem;
  background: var(--paint-base, #262624);
  color: var(--tone-cool, #e8e6e1);
  border: 1px solid var(--surface-cool, #3a3a36);
  border-radius: var(--radius-image, 0.65rem);
}
.map .steady-track{font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-top: 0.15rem;}
.map .value{font-size: 1rem;
  line-height: 1.45;
  word-break: break-word;}
.map a.value{text-decoration: none;
  border-bottom: 1px solid #f2b705;
  padding-bottom: 1px;
  justify-self: start;}
.map a.value:hover{}
@media (max-width: 760px) {.map{
    padding: 3rem 1.1rem;
  }.map .media-nav{
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }.map h2{
    font-size: calc(40px * 0.72);
  }.map .visual-frame{
    grid-template-columns: 1fr;
    gap: 0.2rem;
    padding: 1.25rem 1.2rem;
  }.map .steady-track{
    padding-top: 0.6rem;
  }.map .steady-track:first-child{
    padding-top: 0;
  }
}
.map{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.text-group{
    --gap-content: 2.4rem;
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.25rem 5rem;
  }
.text-group .media-nav{max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.6fr);
    gap: var(--gap-content);
    align-items: start;}
.text-group .focused-list{position: relative;}
.text-group h1{font-size: 64px;
    line-height: 1.02;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0 0 1.4rem;}
.text-group .secondary-shell{font-size: 22px;
    line-height: 1.5;
    color: #b3b0a8;
    margin: 0;}
.text-group .main-copy{display: flex;
    flex-direction: column;
    gap: 2.1rem;}
.text-group .visual-frame h2{font-size: var(--type-body, 26px);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0 0 0.7rem;}
.text-group .visual-frame p{margin: 0 0 0.85rem;
    line-height: 1.65;}
.text-group .visual-frame p:last-child{margin-bottom: 0;}
.text-group .line{
    background: var(--paint-base, #262624);
    color: var(--tone-cool, #e8e6e1);
    border: 1px solid var(--surface-cool, #3a3a36);
    border-radius: var(--radius-image, 0.65rem);
    padding: 1.6rem 1.7rem;
  }
.text-group .top-benefit{list-style: none;
    margin: 0.4rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;}
.text-group .top-benefit li{line-height: 1.5;}
.text-group .top-benefit .steady-track{display: block;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #b3b0a8;
    margin-bottom: 0.15rem;}
.text-group .top-benefit a{color: #f2b705;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color var(--speed-panel, 260ms) var(--delay-hover, ease);}
.text-group .top-benefit a:hover,
  .text-group .top-benefit a:focus-visible{border-bottom-color: #f2b705;}
@media (max-width: 820px) {.text-group{
      padding: 3rem 1.1rem 3.5rem;
    }.text-group .media-nav{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.text-group h1{
      font-size: clamp(2.2rem, 9vw, 3.2rem);
    }.text-group .secondary-shell{
      font-size: 1.15rem;
    }.text-group .visual-frame h2{
      font-size: 1.35rem;
    }
  }
.text-group{
  background: #141413;
  color: #e8e6e1;
}
.soft-note{
    --type-button: #3a3a36;
    background: #141413;
    color: #e8e6e1;
    padding: 4.5rem 1.5rem 5rem;
  }
.soft-note .media-nav{max-width: 1280px;
    margin: 0 auto;}
.soft-note .primary-stack{display: grid;
    gap: 1.1rem;
    margin-bottom: 3rem;}
.soft-note h1{font-size: 64px;
    line-height: 1.02;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0;
    max-width: 22ch;}
.soft-note .secondary-shell{font-size: 22px;
    line-height: 1.5;
    margin: 0;
    max-width: 68ch;}
.soft-note .body{display: grid;
    gap: 2.4rem 3.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));}
.soft-note .visual-frame{display: grid;
    gap: 0.85rem;
    align-content: start;}
.soft-note .visual-frame h2{font-size: var(--type-body, 26px);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0;}
.soft-note .visual-frame p{margin: 0;
    line-height: 1.65;
    font-size: 1rem;}
.soft-note .visual-frame a{text-decoration: underline;
    text-underline-offset: 3px;}
.soft-note .visual-frame a:hover{}
.soft-note .text-team{margin: 3rem 0 0;
    padding-top: 1.4rem;
    border-top: 1px solid var(--type-button);
    font-size: 0.9rem;}
@media (max-width: 860px) {.soft-note{
      padding: 3rem 1.1rem 3.5rem;
    }.soft-note h1{
      font-size: clamp(2rem, 8vw, 3rem);
      max-width: none;
    }.soft-note .secondary-shell{
      font-size: 1.1rem;
    }.soft-note .body{
      grid-template-columns: minmax(0, 1fr);
      gap: 2rem;
    }
  }
.soft-note{
  background: var(--tone-page);
  color: var(--surface-inverse);
}
.direct-media{
    --tone-extra-65: #141413;
    --line-page: #e8e6e1;
    --tone-extra-67: #b3b0a8;
    --surface-soft: #f2b705;
    background: var(--tone-extra-65);
    color: var(--line-page);
    padding: 4.5rem 1.25rem 5rem;
  }
.direct-media .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 3rem 4rem;
    align-items: start;}
.direct-media .compact-figure{grid-column: 1 / 2;}
.direct-media .secondary-block{margin: 0 0 1.1rem;
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--surface-soft);}
.direct-media h1{margin: 0 0 1.4rem;
    font-size: 64px;
    line-height: 1.04;
    text-transform: uppercase;
    letter-spacing: 0.01em;}
.direct-media .secondary-shell{margin: 0;
    font-size: 22px;
    line-height: 1.5;
    color: var(--tone-extra-67);}
.direct-media .text{grid-column: 2 / 3;
    padding-top: 0.4rem;}
.direct-media .text p{margin: 0 0 1.2rem;
    font-size: 1rem;
    line-height: 1.65;}
.direct-media .text p:last-child{margin-bottom: 0;}
.direct-media .route{grid-column: 1 / 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.6rem;
    margin-top: 0.4rem;}
.direct-media .route a{color: var(--surface-soft);
    text-decoration: none;
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid transparent;
    transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.direct-media .route a:hover,
  .direct-media .route a:focus-visible{border-bottom-color: var(--surface-soft);}
.direct-media .focused-plan{grid-column: 2 / 3;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--tone-extra-67);}
@media (max-width: 860px) {.direct-media{
      padding: 3rem 1.1rem 3.5rem;
    }.direct-media .media-nav{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.direct-media .compact-figure,
    .direct-media .text,
    .direct-media .route,
    .direct-media .focused-plan{
      grid-column: 1 / -1;
    }.direct-media h1{
      font-size: 40px;
    }.direct-media .secondary-shell{
      font-size: 18px;
    }
  }
.direct-media{
  background: #141413;
  color: #e8e6e1;
}
.narrow-benefit{
    background: #141413;
    color: #e8e6e1;
    padding: clamp(3rem, 7vw, 6rem) 1.25rem;
  }
.narrow-benefit .media-nav{max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: clamp(2rem, 5vw, 4.5rem);
    align-items: start;}
.narrow-benefit h2{margin: 0 0 1.1rem;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0.01em;
    text-transform: uppercase;}
.narrow-benefit .secondary-shell p{margin: 0;
    font-size: 22px;
    line-height: 1.55;}
.narrow-benefit .service-story{padding-top: 0.35rem;}
.narrow-benefit .compact-figure{margin: 0 0 1.6rem;
    font-size: 1rem;
    line-height: 1.65;}
.narrow-benefit .action{
    display: inline-block;
    padding: 0.95rem 1.6rem;
    background: var(--tone-main, #f2b705);
    color: var(--paint-cool, #121212);
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: var(--corner-image, 0.45rem);
    transition: background var(--speed-panel, 260ms) var(--delay-hover, cubic-bezier(0.22, 0.61, 0.36, 1));
  }
.narrow-benefit .action:hover,
  .narrow-benefit .action:focus-visible{
    background: var(--paint-light, #d9a404);color:var(--tone-cool);}
.narrow-benefit .route{margin: 1.4rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.5rem;
    font-size: 0.95rem;}
.narrow-benefit .route a{text-decoration: none;
    border-bottom: 1px solid var(--surface-cool, #3a3a36);
    padding-bottom: 2px;}
.narrow-benefit .route a:hover,
  .narrow-benefit .route a:focus-visible{border-bottom-color: var(--tone-main, #f2b705);}
@media (max-width: 820px) {.narrow-benefit .media-nav{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.narrow-benefit h2{
      font-size: clamp(1.75rem, 6vw, 2.25rem);
    }.narrow-benefit .secondary-shell p{
      font-size: 1.15rem;
    }
  }
.404{
    background: #141413;
    color: #e8e6e1;
    padding: 5rem 1.25rem 5.5rem;
  }
.404 .media-nav{
    max-width: 1280px;
    margin: 0 auto;
  }
.404 .text-flow{
    max-width: 780px;
  }
.404 .focused-service{
    margin: 0 0 1.4rem;
    font-size: 0.95rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
  }
.404 h1{
    margin: 0 0 1.6rem;
    font-size: 64px;
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: 0.01em;
  }
.404 .secondary-shell{
    margin: 0 0 1.3rem;
    font-size: 22px;
    line-height: 1.45;
  }
.404 .text{
    margin: 0 0 1.1rem;
    font-size: 1rem;
    line-height: 1.65;
  }
.404 .text a{
    text-decoration: underline;
    text-underline-offset: 3px;
  }
.404 .text a:hover{
  }
.404 .route{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.4rem;
    margin-top: 2.4rem;
  }
.404 .route a{
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid var(--surface-cool, #3a3a36);
    padding-bottom: 0.25rem;
    transition: color var(--speed-panel, 260ms) var(--delay-hover, ease),
                border-color var(--speed-panel, 260ms) var(--delay-hover, ease);
  }
.404 .route a:hover{
    border-color: #f2b705;
  }
.404 .route .open-surface{
    background: #f2b705;
    color: #121212;
    border: none;
    padding: 0.8rem 1.5rem;
    border-radius: var(--corner-image, 0.45rem);
  }
.404 .route .open-surface:hover{
    background: #d9a404;
    color: #121212;
  }
@media (max-width: 720px) {.404{
      padding: 3.2rem 1.1rem 3.6rem;
    }.404 h1{
      font-size: 2.4rem;
    }.404 .secondary-shell{
      font-size: 1.15rem;
    }.404 .route{
      gap: 1rem;
    }
  }
.404{
  background: var(--tone-page);
  color: var(--surface-inverse);
}