body{margin:0;padding:0;font-family:var(--label-small);}
a{color:inherit;}
*,*::before,*::after{box-sizing:border-box;}
.public-header {
    width: 100%;
    background: var(--line-muted);
    color: var(--paint-clear);
    border-bottom: 1px solid var(--tone-muted);
  }
:root {
  --stack-item: 2.27rem;
  --copy-meta: 1.65;
  --delay-base: 430ms;
  --label-body: calc(var(--type-lead) * .875);
  --ink-clear: calc(var(--gap-content) * .75);
  --gap-content: 1.5rem;
  --type-lead: 18px;
  --radius-image: 0.48rem;
  --depth-strong: 0 6px 26px rgba(0,0,0,0.15);
  --tone-deep: transparent;
  --copy-body: calc(var(--type-lead) * 1.35);
  --surface-soft: #fbf7ef;
  --ink-deep: #0f2642;
  --line-clear: #0f2642;
  --label-base: calc(var(--type-lead) * 1.125);
  --corner-round: 0.25rem;
  --radius-small: 0.84rem;
  --paint-clear: #fbf7ef;
  --gutter-panel: 1600px;
  --line-base: #1a1206;
  --line-card: color-mix(in srgb, currentColor 10%, transparent);
  --ink-warm: #c98a3c;
  --line-muted: #0f2642;
  --gutter-footer: calc(var(--gutter-base) * 1.5);
  --paint-card: #ffffff;
  --type-extra-15: var(--type-lead);
  --gutter-block: var(--stack-item);
  --tone-extra-28: #0f2642;
  --paint-inverse: #0f2642;
  --line-primary: #b1762c;
  --ink-secondary: #c98a3c;
  --tone-muted: #e0d8c6;
  --surface-strong: #fbf7ef;
  --ink-soft: #1a3a5e;
  --tone-extra-25: #eef2f6;
  --measure-content: calc(var(--gap-content) * 2.4);
  --line-warm: #2b3a4d;
  --label-small: "Work Sans", sans-serif;
  --gutter-base: 1.43rem;
  --speed-entry: cubic-bezier(0.16,1,0.3,1);
}
.text-story {
    max-width: var(--gutter-panel);
    margin: 0 auto;
    padding: var(--gutter-footer) var(--gutter-block);
    display: flex;
    align-items: center;
    gap: var(--gutter-base);
  }
.steady-grid {
    font-size: var(--label-base);
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--paint-clear);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
  }
.steady-grid:hover {
    color: var(--ink-secondary);
  }
.open-footer {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
  }
.local-team {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: var(--stack-item);
    flex-wrap: wrap;
  }
.content-list {
    display: inline-block;
    padding: 0.4rem 0.2rem;
    font-size: var(--type-extra-15);
    color: var(--paint-clear);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color var(--delay-base) var(--speed-entry), border-color var(--delay-base) var(--speed-entry);
  }
.content-list:hover,
  .content-list:focus-visible {
    color: var(--ink-secondary);
    border-bottom-color: var(--ink-secondary);
  }
.media-story {
    flex-shrink: 0;
  }
.open-brand {
    display: inline-block;
    padding: 0.65rem 1.15rem;
    font-size: var(--label-body);
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--radius-image);
    transition: background var(--delay-base) var(--speed-entry), color var(--delay-base) var(--speed-entry);
  }
.quiet-benefit {
    background: var(--ink-secondary);
    color: var(--line-base);
  }
.quiet-benefit:hover,
  .quiet-benefit:focus-visible {
    background: var(--line-primary);
    color: var(--line-base);
  }
.strong-lead {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--paint-clear);
    border-radius: var(--corner-round);
    cursor: pointer;
  }
.direct-lead{
    display: block;
    width: 22px;
    height: 2px;
    margin: 0 auto;
    background: var(--paint-clear);color:var(--ink-deep);}
@media (max-width: 1023px) {
    .local-team {
      gap: var(--gap-content);
    }
    .content-list {
      font-size: var(--label-body);
    }
  }
@media (max-width: 767px) {
    .text-story {
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }

    .strong-lead {
      display: flex;
    }

    .media-story {
      order: 3;
      width: 100%;
      margin-top: var(--gap-content);
    }

    .media-story .open-brand {
      display: block;
      text-align: center;
    }

    .open-footer {
      order: 4;
      width: 100%;
      display: none;
      flex-basis: 100%;
    }

    .open-footer.is-open {
      display: block;
    }

    .local-team {
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
      padding-top: var(--gap-content);
    }

    .local-team li {
      width: 100%;
    }

    .content-list {
      display: block;
      width: 100%;
      padding: 0.7rem 0;
      border-bottom: 1px solid var(--tone-muted);
      font-size: var(--type-extra-15);
    }
  }
.top-view{padding:0;font-family:var(--label-small);font-size:var(--type-lead);line-height:var(--copy-meta);background:var(--line-muted);color:var(--paint-clear);}
.fresh-group{max-width:var(--gutter-panel);margin:0 auto;padding:var(--measure-content) var(--gutter-block);display:grid;grid-template-columns:1fr;gap:var(--gutter-footer)}
.steady-inner{font-size:var(--label-body);letter-spacing:0.08em;text-transform:uppercase;margin:0 0 var(--ink-clear);font-weight:600;color:inherit}
.secondary-actions{border-bottom:1px solid rgba(255, 255, 255, 0.18);padding-bottom:var(--gutter-footer)}
.wide-inner{font-style:normal;margin:0;display:grid;gap:var(--ink-clear)}
.open-frame,
  .narrow-shell{margin:0;font-size:var(--type-extra-15);color:inherit}
.narrow-shell a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255, 255, 255, 0.35);padding-bottom:1px}
.narrow-shell a:hover,
  .narrow-shell a:focus-visible{border-bottom-color:currentColor;color:inherit}
.simple-surface{display:grid;gap:var(--ink-clear)}
.bottom-track{margin:0;font-size:var(--copy-body);font-weight:600;letter-spacing:0.02em;color:inherit}
.clear-tile{margin:0;max-width:46ch;font-size:var(--label-body);color:inherit;opacity:0.88}
.secondary-plan{display:grid;grid-template-columns:1fr;gap:var(--gutter-footer)}
.strong-method{display:grid;gap:var(--ink-clear);align-content:start}
.service-block{list-style:none;margin:0;padding:0;display:grid;gap:0.5rem}
.service-block a{color:inherit;text-decoration:none;font-size:var(--label-body);border-bottom:1px solid transparent;padding-bottom:1px}
.service-block a:hover,
  .service-block a:focus-visible{border-bottom-color:currentColor;color:inherit}
.site-surface{border-top:1px solid rgba(255, 255, 255, 0.18);padding-top:var(--gutter-footer);display:grid;gap:var(--ink-clear)}
.top-figure{margin:0;font-size:var(--label-body);color:inherit;opacity:0.88;max-width:72ch}
.tile{margin:0;font-size:var(--label-body);color:inherit;opacity:0.75}
@media (min-width: 720px) {.secondary-plan{grid-template-columns:repeat(3, minmax(0, 1fr))}
  }
@media (min-width: 1024px) {.fresh-group{grid-template-columns:1.1fr 1fr;grid-template-areas:"contacts brand"
        "nav nav"
        "legal legal";column-gap:var(--gutter-footer)}.secondary-actions{grid-area:contacts;border-bottom:none;padding-bottom:0}.simple-surface{grid-area:brand}.secondary-plan{grid-area:nav;border-top:1px solid rgba(255, 255, 255, 0.18);padding-top:var(--gutter-footer)}.site-surface{grid-area:legal}
  }
footer,footer *{border-radius:0!important;}
.cookies {
    position: fixed;
    right: var(--ink-clear);
    bottom: var(--ink-clear);
    z-index: 9999;
    width: 100%;
    max-width: 520px;
    background: var(--paint-card);
    color: var(--ink-deep);
    border: 1px solid var(--tone-muted);
    border-radius: var(--radius-small);
    box-shadow: var(--depth-strong);
    padding: var(--ink-clear);
    font-family: var(--label-small);
    font-size: var(--label-body);
    line-height: var(--copy-meta);
  }
.cookies .primary-group{display: flex;
    flex-direction: column;
    gap: var(--gutter-base);}
.cookies .open-fields h2{margin: 0 0 var(--gutter-footer);
    font-size: var(--type-extra-15);
    font-weight: 600;
    line-height: var(--copy-meta);}
.cookies .open-fields p{margin: 0;
    font-size: var(--label-body);}
.cookies .open-fields a{color: var(--paint-inverse);
    text-decoration: underline;}
.cookies .open-fields a:hover{color:inherit;}
.cookies .strong-flow{display: flex;
    flex-wrap: wrap;
    gap: var(--gutter-base);
    justify-content: flex-end;}
.cookies .strong-flow button {
    font-family: inherit;
    font-size: var(--label-body);
    line-height: var(--copy-meta);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-image);
    border: 1px solid var(--tone-muted);
    background: var(--tone-deep);
    color: var(--ink-deep);
    cursor: pointer;
    transition: background var(--delay-base) var(--speed-entry), color var(--delay-base) var(--speed-entry);
  }
.cookies .strong-flow button:hover{
    background: var(--line-card);color:var(--ink-deep);}
.cookies .cookie-accept {
    background: var(--line-clear);
    color: var(--surface-soft);
    border-color: var(--line-clear);
  }
.cookies .cookie-accept:hover{
    background: var(--ink-soft);
    border-color: var(--ink-soft);color:var(--ink-deep);}
@media (max-width: 560px) {
    .cookies {
      right: var(--gutter-footer);
      left: var(--gutter-footer);
      bottom: var(--gutter-footer);
      max-width: none;
      width: auto;
    }

    .cookies .strong-flow {
      justify-content: stretch;
    }

    .cookies .strong-flow button {
      flex: 1 1 auto;
    }
  }
.primary-summary{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px 64px;
  }
.primary-summary .strong-form{max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 56px;
    align-items: start;}
.primary-summary h1{font-size: clamp(2rem, 3.4vw, 3rem);
    line-height: 1.12;
    margin: 0 0 22px;
    letter-spacing: -0.01em;}
.primary-summary .open-fields{font-size: 1.08rem;
    line-height: 1.65;
    margin: 0 0 28px;}
.primary-summary .plain-intro{display: flex;
    flex-direction: column;
    gap: 14px;}
.primary-summary .bottom-story{
    display: inline-block;
    align-self: flex-start;
    background: #0f2642;
    color: #fbf7ef;
    padding: 14px 26px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
  }
.primary-summary .bottom-story:hover{
    background: #1a3a5e;color:var(--ink-deep);}
.primary-summary .main-story{margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;}
.primary-summary .main-story a,
  .primary-summary .open-benefit a{text-decoration: underline;
    text-underline-offset: 3px;}
.primary-summary .contact-story{padding-top: 8px;}
.primary-summary .contact-story h2{font-size: 1.15rem;
    margin: 0 0 14px;
    font-weight: 600;
    letter-spacing: 0.01em;}
.primary-summary .contact-story p{font-size: 1rem;
    line-height: 1.65;
    margin: 0 0 16px;}
.primary-summary .contact-story .open-benefit{margin: 0;
    font-size: 0.95rem;}
@media (max-width: 820px) {.primary-summary{
      padding: 48px 20px 44px;
    }.primary-summary .strong-form{
      grid-template-columns: 1fr;
      gap: 36px;
    }
  }
.primary-summary{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.text-items{position:relative;overflow:hidden;isolation:isolate;}
.text-items>*{position:relative;z-index:1;}
.text-items::after{content:"";position:absolute;right:clamp(1rem,5vw,4rem);top:18%;width:clamp(5rem,13vw,9rem);aspect-ratio:1;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;opacity:.55;animation:wpAccentRing calc(18s + (1 * 5s)) var(--speed-entry) infinite alternate;pointer-events:none;}
@keyframes wpAccentRing{from{transform:scale(.96);}to{transform:scale(1.04) translateY(calc(1 * .4rem));}}
@media (prefers-reduced-motion: reduce){.text-items::before,.text-items::after{animation:none!important;}}
.content-menu{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 3.5rem 1.25rem 4rem;
  }
.content-menu .strong-form{max-width: 1080px;
    margin: 0 auto;}
.content-menu h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.25;
    margin: 0 0 1rem;
    font-weight: 600;}
.content-menu .top-proof{font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 2.25rem;}
.content-menu .benefit{display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 2rem 2.5rem;}
.content-menu .plain-quote h3{font-size: 1.05rem;
    margin: 0 0 0.6rem;
    font-weight: 600;}
.content-menu .plain-quote p{margin: 0 0 0.7rem;
    line-height: 1.65;
    font-size: 0.97rem;}
.content-menu .plain-quote a{color:inherit;
    text-decoration: none;
    font-weight: 600;
    word-break: break-word;}
.content-menu .plain-quote a:hover{text-decoration: underline;}
.content-menu .strong-headline{color: var(--line-warm);}
.content-menu .contact-story{margin: 2.5rem 0 0;
    line-height: 1.7;
    font-size: 0.97rem;}
.content-menu .contact-story a{color:inherit;
    text-decoration: none;
    font-weight: 600;}
.content-menu .contact-story a:hover{text-decoration: underline;}
@media (max-width: 860px) {.content-menu .benefit{
      grid-template-columns: 1fr 1fr;
    }
  }
@media (max-width: 560px) {.content-menu{
      padding: 2.5rem 1rem 3rem;
    }.content-menu .benefit{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
.content-menu{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.simple-footer{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px;
  }
.simple-footer .strong-form{max-width: 1080px;
    margin: 0 auto;}
.simple-footer h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.simple-footer .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 44px;}
.simple-footer .quiet-items{display: flex;
    flex-direction: column;
    gap: 32px;}
.simple-footer .focused-fields{padding: 0;}
.simple-footer .focused-fields h3{font-size: 1.15rem;
    line-height: 1.35;
    margin: 0 0 10px;
    font-weight: 600;}
.simple-footer .focused-fields p{font-size: 1rem;
    line-height: 1.7;
    margin: 0;}
.simple-footer .contact-story{
    margin: 48px 0 0;
    font-size: 1rem;
    line-height: 1.7;
    padding: 22px 26px;
    background: var(--tone-extra-25, #eef2f6);
    color: var(--line-warm, #2b3a4d);
    border-radius: 6px;
  }
@media (min-width: 860px) {.simple-footer{
      padding: 96px 40px;
    }.simple-footer .quiet-items{
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 56px;
      row-gap: 40px;
    }
  }
.simple-footer{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.compact-entries{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px;
  }
.compact-entries .strong-form{max-width: 1080px;
    margin: 0 auto;}
.compact-entries .content-unit{display: grid;
    gap: 14px;
    margin-bottom: 44px;}
.compact-entries .content-unit h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;}
.compact-entries .content-unit p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.compact-entries .qa{display: grid;
    gap: 30px;}
.compact-entries .focused-fields{display: grid;
    grid-template-columns: minmax(200px, 0.9fr) 1.6fr;
    gap: 28px;
    align-items: start;}
.compact-entries .focused-fields h3{margin: 0;
    font-size: 1.08rem;
    line-height: 1.35;
    font-weight: 600;}
.compact-entries .focused-fields p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;
    color: var(--line-warm, #2b3a4d);}
.compact-entries .main-story{margin: 46px 0 0;
    font-size: 0.98rem;
    line-height: 1.65;}
.compact-entries .main-story a{color: #0f2642;
    text-decoration: underline;
    text-underline-offset: 3px;}
.compact-entries .main-story a:hover{color:inherit;}
@media (max-width: 720px) {.compact-entries{
      padding: 52px 18px;
    }.compact-entries .focused-fields{
      grid-template-columns: 1fr;
      gap: 8px;
    }.compact-entries .qa{
      gap: 26px;
    }
  }
.compact-entries{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.soft-grid{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem;
  }
.soft-grid .strong-form{max-width: 1080px;
    margin: 0 auto;}
.soft-grid h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1.2;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.soft-grid .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.4rem;}
.soft-grid .contact-stack{display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem 3rem;
    margin-bottom: 2.4rem;}
.soft-grid .contact-story h3{font-size: 1.15rem;
    margin: 0 0 0.6rem;
    line-height: 1.3;}
.soft-grid .contact-story p{font-size: 0.98rem;
    line-height: 1.65;
    margin: 0;}
.soft-grid .offer-unit{font-size: 1rem;
    line-height: 1.65;
    margin: 0;
    padding-top: 1.6rem;
    border-top: 1px solid var(--tone-muted, #e0d8c6);}
.soft-grid .offer-unit a{text-decoration: underline;
    text-underline-offset: 3px;}
.soft-grid .offer-unit a:hover{}
@media (max-width: 720px) {.soft-grid{
      padding: 3rem 1.1rem;
    }.soft-grid .contact-stack{
      grid-template-columns: 1fr;
      gap: 1.6rem;
    }
  }
.soft-grid{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.plan{
    --type-extra-29: #e0d8c6;
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem 5rem;
  }
.plan .strong-form{max-width: 1120px;
    margin: 0 auto;}
.plan .content-unit{margin-bottom: 3rem;}
.plan .content-unit h2{font-size: clamp(1.7rem, 3.2vw, 2.4rem);
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 600;}
.plan .content-unit p{margin: 0 0 0.9rem;
    font-size: 1.02rem;
    line-height: 1.65;}
.plan .content-unit p:last-child{margin-bottom: 0;}
.plan .main-track{display: flex;
    flex-direction: column;
    gap: 3rem;}
.plan .focused-fields{display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 2rem;
    align-items: start;}
.plan .focused-fields:nth-child(even) .quiet-nav{order: 2;}
.plan .quiet-nav{
    display: block;
    border-radius: 10px;
    overflow: hidden;
    background: var(--tone-extra-25);color:var(--line-warm);}
.plan .quiet-nav img{display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;}
.plan .open-fields .soft-region{margin: 0 0 0.6rem;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--line-warm, #2b3a4d);}
.plan .open-fields h3{margin: 0 0 0.9rem;
    font-size: 1.32rem;
    line-height: 1.3;
    font-weight: 600;}
.plan .open-fields h3 a{color: inherit;
    text-decoration: none;}
.plan .open-fields h3 a:hover{text-decoration: underline;}
.plan .open-fields p{margin: 0 0 1rem;
    font-size: 0.98rem;
    line-height: 1.68;}
.plan .go{display: inline-block;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--tone-extra-28);
    text-decoration: none;
    border-bottom: 1px solid var(--type-extra-29);
    padding-bottom: 2px;}
.plan .go:hover{border-bottom-color: #c98a3c;}
@media (max-width: 760px) {.plan{
      padding: 3rem 1rem 3.5rem;
    }.plan .focused-fields,
    .plan .focused-fields:nth-child(even) .quiet-nav{
      grid-template-columns: 1fr;
      order: 0;
    }.plan .main-track{
      gap: 2.5rem;
    }
  }
.plan{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.narrow-nav{
    --type-nav: #e0d8c6;
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px;
  }
.narrow-nav .strong-form{max-width: 1080px;
    margin: 0 auto;}
.narrow-nav h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.narrow-nav .top-proof{font-size: 1.05rem;
    line-height: 1.6;
    margin: 0 0 40px;}
.narrow-nav .main-story{list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 40px;
    counter-reset: paso;}
.narrow-nav .wide-media{counter-increment: paso;
    padding-top: 18px;
    border-top: 1px solid var(--type-nav);}
.narrow-nav .wide-media h3{font-size: 1.1rem;
    line-height: 1.3;
    margin: 0 0 10px;
    position: relative;
    padding-left: 34px;}
.narrow-nav .wide-media h3::before{content: counter(paso, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.04em;}
.narrow-nav .wide-media p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.6;}
.narrow-nav .page-entries{margin: 44px 0 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.narrow-nav .page-entries a{text-decoration: underline;
    text-underline-offset: 3px;}
.narrow-nav .page-entries a:hover{}
@media (max-width: 720px) {.narrow-nav{
      padding: 52px 20px;
    }.narrow-nav .main-story{
      grid-template-columns: 1fr;
      gap: 24px;
    }
  }
.narrow-nav{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.active-panel{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
  padding: 3.5rem 1.25rem;
}
.active-panel .strong-form{max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: 2rem 3.5rem;
  align-items: start;}
.active-panel h2{margin: 0;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.2;
  font-weight: 600;}
.active-panel .top-proof{margin: 0;
  font-size: 1.05rem;
  line-height: 1.65;}
.active-panel p{margin: 0 0 1rem 0;
  font-size: 1rem;
  line-height: 1.7;}
.active-panel p:last-child{margin-bottom: 0;}
@media (max-width: 760px) {.active-panel{
    padding: 2.5rem 1rem;
  }.active-panel .strong-form{
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.active-panel{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.media-unit{
  background: var(--surface-strong, #fbf7ef);
  color: var(--tone-extra-28, #0f2642);
  padding: 72px 24px;
}
.media-unit .strong-form{max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 56px;}
.media-unit .content-unit{display: flex;
  flex-direction: column;
  gap: 18px;}
.media-unit .content-unit h2{margin: 0;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.01em;}
.media-unit .content-unit p{margin: 0;
  font-size: 1.05rem;
  line-height: 1.7;}
.media-unit .focused-fields{display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 40px;
  align-items: center;}
.media-unit .focused-fields:nth-of-type(3){grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);}
.media-unit .focused-fields:nth-of-type(3) .quiet-unit{order: 2;}
.media-unit .quiet-unit{
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  background: var(--tone-extra-25, #eef2f6);color:var(--line-warm);}
.media-unit .quiet-unit img{display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 3;}
.media-unit .contact-story{display: flex;
  flex-direction: column;
  gap: 14px;}
.media-unit .contact-story h3{margin: 0;
  font-size: 1.35rem;
  line-height: 1.3;
  font-weight: 600;}
.media-unit .contact-story p{margin: 0;
  font-size: 1rem;
  line-height: 1.7;}
@media (max-width: 760px) {.media-unit{
    padding: 56px 20px;
  }.media-unit .strong-form{
    gap: 40px;
  }.media-unit .content-unit h2{
    font-size: 1.6rem;
  }.media-unit .focused-fields,
  .media-unit .focused-fields:nth-of-type(3){
    grid-template-columns: 1fr;
    gap: 20px;
  }.media-unit .focused-fields:nth-of-type(3) .quiet-unit{
    order: 0;
  }
}
.media-unit{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.soft-nav{padding:var(--measure-content) var(--gutter-block);background:var(--surface-strong);color:var(--tone-extra-28);}
.wide-panel{max-width:var(--gutter-panel);margin:0 auto;}
.soft-nav h1{margin:0;font-size:calc(18px * 2.65);line-height:1.08;}
.focused-unit{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 72px 24px;
  }
.focused-unit .strong-form{max-width: 1080px;
    margin: 0 auto;}
.focused-unit h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 20px;}
.focused-unit .top-proof{font-size: 1.08rem;
    line-height: 1.65;
    margin: 0 0 40px;}
.focused-unit .contact-stack{display: flex;
    flex-direction: column;
    gap: 28px;}
.focused-unit .contact-story{display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 12px 36px;
    align-items: start;}
.focused-unit .contact-story h3{font-size: 1.12rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;}
.focused-unit .contact-story p{font-size: 1rem;
    line-height: 1.7;
    margin: 0;}
.focused-unit .offer-unit{font-size: 1.02rem;
    line-height: 1.7;
    margin: 44px 0 0;}
@media (max-width: 720px) {.focused-unit{
      padding: 52px 18px;
    }.focused-unit .contact-story{
      grid-template-columns: 1fr;
      gap: 8px;
    }.focused-unit .top-proof{
      margin-bottom: 32px;
    }
  }
.focused-unit{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.text-grid{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px;
  }
.text-grid .strong-form{max-width: 1080px;
    margin: 0 auto;}
.text-grid h2{font-size: 30px;
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.text-grid .top-proof{font-size: 17px;
    line-height: 1.65;
    margin: 0 0 40px;}
.text-grid .contact-stack{display: flex;
    flex-wrap: wrap;
    gap: 36px 48px;}
.text-grid .contact-story{flex: 1 1 260px;
    min-width: 240px;}
.text-grid .contact-story h3{font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    letter-spacing: 0.01em;}
.text-grid .contact-story p{font-size: 15px;
    line-height: 1.6;
    margin: 0;}
@media (max-width: 720px) {.text-grid{
      padding: 52px 20px;
    }.text-grid h2{
      font-size: 24px;
    }.text-grid .contact-stack{
      gap: 28px;
    }
  }
.text-grid{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.featured-rail{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem;
  }
.featured-rail .strong-form{max-width: 1080px;
    margin: 0 auto;}
.featured-rail .content-unit{margin-bottom: 2.75rem;}
.featured-rail .content-unit h2{font-size: clamp(1.6rem, 3vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 600;}
.featured-rail .content-unit p{font-size: 1.02rem;
    line-height: 1.65;
    margin: 0;}
.featured-rail .main-track{display: flex;
    flex-direction: column;
    gap: 2.25rem;}
.featured-rail .focused-fields{display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;}
.featured-rail .focused-fields h3{font-size: 1.2rem;
    line-height: 1.3;
    margin: 0;
    font-weight: 600;}
.featured-rail .focused-fields p{font-size: 1rem;
    line-height: 1.65;
    margin: 0;}
.featured-rail .main-story{justify-self: start;
    font-size: 0.95rem;
    text-decoration: none;
    border-bottom: 1px solid var(--ink-secondary);
    padding-bottom: 2px;
    transition: color 0.15s ease, border-color 0.15s ease;}
.featured-rail .main-story:hover{border-color: #1a3a5e;}
@media (min-width: 780px) {.featured-rail{
      padding: 5.5rem 2rem;
    }.featured-rail .main-track{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 2.5rem;
    }.featured-rail .focused-fields{
      grid-template-rows: auto 1fr auto;
    }
  }
.featured-rail{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.top-intro{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px 88px;
  }
.top-intro .strong-form{max-width: 1080px;
    margin: 0 auto;}
.top-intro h2{font-size: clamp(1.7rem, 3vw, 2.3rem);
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 600;}
.top-intro .top-proof{font-size: 1.06rem;
    line-height: 1.65;
    margin: 0 0 44px;}
.top-intro .main-brand{display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 40px;
    align-items: start;
    margin-bottom: 48px;}
.top-intro .quiet-nav{margin: 0;}
.top-intro .quiet-nav img,
  .top-intro .content-feature img{display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    object-fit: cover;}
.top-intro .quiet-nav img{aspect-ratio: 4 / 3;}
.top-intro .content-feature img{aspect-ratio: 21 / 9;}
.top-intro figcaption{font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 12px;
    opacity: 0.78;}
.top-intro .contact-stack h3{font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 0 14px;
    font-weight: 600;}
.top-intro .contact-stack p{font-size: 1rem;
    line-height: 1.7;
    margin: 0 0 16px;}
.top-intro .contact-stack p:last-child{margin-bottom: 0;}
.top-intro .content-feature{margin: 0;}
@media (max-width: 760px) {.top-intro{
      padding: 52px 18px 64px;
    }.top-intro .main-brand{
      grid-template-columns: 1fr;
      gap: 28px;
      margin-bottom: 36px;
    }.top-intro .quiet-nav img{
      aspect-ratio: 3 / 2;
    }.top-intro .content-feature img{
      aspect-ratio: 16 / 9;
    }
  }
.top-intro{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.local-brand{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 72px 24px 80px;
  }
.local-brand .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 56px;
    align-items: start;}
.local-brand h2{margin: 0 0 18px;
    font-size: 1.9rem;
    line-height: 1.2;
    font-weight: 600;}
.local-brand .contact-story p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.local-brand .service-form{
    background: var(--paint-card);
    color: var(--ink-deep);
    border: 1px solid var(--tone-muted);
    border-radius: 10px;
    padding: 28px 26px 30px;
  }
.local-brand .service-form .team-copy{margin: 0 0 14px;
    font-size: 1rem;
    line-height: 1.6;}
.local-brand .service-form .strong-headline{margin: 0 0 22px;
    font-size: 0.94rem;
    line-height: 1.55;}
.local-brand a{color: #0f2642;
    text-decoration: underline;
    text-underline-offset: 2px;}
.local-brand .go{
    display: inline-block;
    background: #0f2642;
    color: #fbf7ef;
    text-decoration: none;
    padding: 12px 22px;
    border-radius: 6px;
    font-size: 0.96rem;
    letter-spacing: 0.01em;
  }
.local-brand .go:hover{
    background: #1a3a5e;color:var(--ink-deep);}
@media (max-width: 780px) {.local-brand{
      padding: 56px 20px 64px;
    }.local-brand .strong-form{
      grid-template-columns: 1fr;
      gap: 36px;
    }.local-brand h2{
      font-size: 1.55rem;
    }
  }
.local-brand{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.compact-entries{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem;
  }
.compact-entries .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 2rem;}
.compact-entries h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.01em;}
.compact-entries .top-proof{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.compact-entries .service-nav{padding: 1.5rem 0;}
.compact-entries .service-nav + .service-nav{border-top: 1px solid var(--tone-muted);}
.compact-entries .service-nav h3{margin: 0 0 0.6rem;
    font-size: 1.15rem;
    line-height: 1.35;
    font-weight: 600;}
.compact-entries .service-nav p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;}
.compact-entries .contact-story{margin: 0;
    padding-top: 1.5rem;
    border-top: 1px solid var(--tone-muted);
    font-size: 0.98rem;
    line-height: 1.65;}
.compact-entries .contact-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.compact-entries .contact-story a:hover{}
@media (max-width: 640px) {.compact-entries{
      padding: 3rem 1rem;
    }.compact-entries .strong-form{
      gap: 1.5rem;
    }.compact-entries .service-nav{
      padding: 1.15rem 0;
    }
  }
.compact-entries{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.steady-unit{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.5rem;
  }
.steady-unit .strong-form{max-width: 1080px;
    margin: 0 auto;}
.steady-unit h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.25;
    margin: 0 0 1.4rem;
    font-weight: 600;}
.steady-unit p{font-size: 1.02rem;
    line-height: 1.7;
    margin: 0 0 1.1rem;}
.steady-unit .narrow-intro{
    margin-top: 2.4rem;
    padding: 2rem 2rem 1.6rem;
    background: var(--paint-card, #ffffff);
    color: var(--ink-deep, #0f2642);
    border: 1px solid var(--tone-muted, #e0d8c6);
    border-radius: 10px;
  }
.steady-unit h3{font-size: 1.2rem;
    line-height: 1.35;
    margin: 0 0 1rem;
    font-weight: 600;}
.steady-unit .contact-stack{list-style: none;
    padding: 0;
    margin: 1.4rem 0 1.2rem;}
.steady-unit .contact-stack li{padding: 0.65rem 0;
    font-size: 0.98rem;
    line-height: 1.6;
    border-top: 1px solid var(--tone-muted, #e0d8c6);}
.steady-unit .contact-stack li:last-child{border-bottom: 1px solid var(--tone-muted, #e0d8c6);}
.steady-unit .offer-unit{margin-bottom: 0;}
@media (max-width: 640px) {.steady-unit{
      padding: 3rem 1.1rem;
    }.steady-unit .narrow-intro{
      padding: 1.5rem 1.2rem 1.2rem;
    }
  }
.steady-unit{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.bar{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 72px 24px;
  }
.bar .strong-form{max-width: 1080px;
    margin: 0 auto;}
.bar h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 18px;
    letter-spacing: -0.01em;}
.bar .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 44px;}
.bar .quiet-items{display: flex;
    flex-direction: column;
    gap: 34px;}
.bar .focused-fields h3{font-size: 1.12rem;
    line-height: 1.35;
    margin: 0 0 8px;
    font-weight: 600;}
.bar .focused-fields p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;}
.bar .main-story{margin: 48px 0 0;
    font-size: 0.98rem;
    line-height: 1.65;}
.bar .main-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.bar .main-story a:hover{}
@media (min-width: 860px) {.bar{
      padding: 96px 32px;
    }.bar .quiet-items{
      gap: 40px;
    }
  }
.bar{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.bottom-story{
    background: var(--line-muted);
    color: var(--paint-clear);
    padding: 72px 24px;
  }
.bottom-story .strong-form{max-width: 1120px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 40px 64px;}
.bottom-story .top-proof{flex: 1 1 520px;}
.bottom-story h2{margin: 0 0 20px;
    font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.bottom-story p{margin: 0 0 16px;
    font-size: 1.02rem;
    line-height: 1.65;}
.bottom-story .offer-unit{margin-bottom: 0;
    font-style: italic;
    opacity: 0.85;}
.bottom-story .plain-intro{flex: 0 1 320px;
    display: flex;
    flex-direction: column;
    gap: 18px;}
.bottom-story .primary-steps{
    display: inline-block;
    background: var(--ink-secondary);
    color: var(--line-base);
    padding: 15px 26px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s ease;
  }
.bottom-story .primary-steps:hover{
    background: var(--line-primary, #b1762c);color:var(--ink-deep);}
.bottom-story .main-story{margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    opacity: 0.82;}
.bottom-story .main-story a{color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.bottom-story .main-story a:hover{opacity: 1;}
@media (max-width: 720px) {.bottom-story{
      padding: 56px 20px;
    }.bottom-story .strong-form{
      gap: 32px;
    }.bottom-story .plain-intro{
      flex: 1 1 100%;
    }
  }
.bottom-story{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.fresh-list{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 72px 24px;
  }
.fresh-list .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 56px 64px;
    align-items: start;}
.fresh-list .top-proof h2{font-size: 1.9rem;
    line-height: 1.22;
    margin: 0 0 20px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.fresh-list .top-proof p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.7;}
.fresh-list .steady-story h3{font-size: 1.15rem;
    line-height: 1.35;
    margin: 0 0 14px;
    font-weight: 600;}
.fresh-list .steady-story p{margin: 0 0 22px;
    font-size: 1rem;
    line-height: 1.7;}
.fresh-list .contact-stack{list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 18px;}
.fresh-list .contact-stack li{padding-top: 16px;
    border-top: 1px solid var(--tone-muted, #e0d8c6);
    font-size: 0.97rem;
    line-height: 1.65;}
.fresh-list .contact-stack li strong{display: block;
    font-weight: 600;
    margin-bottom: 4px;}
.fresh-list .main-story{grid-column: 1 / -1;
    margin: 8px 0 0;
    font-size: 0.98rem;
    line-height: 1.65;}
.fresh-list .main-story a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.fresh-list .main-story a:hover{color: #1a3a5e;}
@media (max-width: 820px) {.fresh-list{
      padding: 56px 20px;
    }.fresh-list .strong-form{
      grid-template-columns: 1fr;
      gap: 40px;
    }.fresh-list .top-proof h2{
      font-size: 1.55rem;
    }
  }
.fresh-list{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.soft-grid{
    --tone-base: #ffffff;
    --type-extra-44: #e0d8c6;
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.5rem 5rem;
  }
.soft-grid .strong-form{max-width: 1080px;
    margin: 0 auto;}
.soft-grid h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.soft-grid .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.6rem;}
.soft-grid .clear-list{display: flex;
    flex-direction: column;
    gap: 0;}
.soft-grid .site-area{display: grid;
    grid-template-columns: minmax(200px, 260px) 1fr;
    gap: 1.5rem 2.5rem;
    padding: 1.6rem 0;
    border-top: 1px solid var(--type-extra-44);}
.soft-grid .site-area:last-child{border-bottom: 1px solid var(--type-extra-44);}
.soft-grid .site-area h3{font-size: 1.12rem;
    line-height: 1.35;
    margin: 0;
    font-weight: 600;}
.soft-grid .site-area p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.soft-grid .main-story{margin: 2.4rem 0 0;
    font-size: 0.97rem;
    line-height: 1.65;}
.soft-grid .main-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.soft-grid .main-story a:hover{}
@media (max-width: 680px) {.soft-grid{
      padding: 3rem 1.1rem 3.5rem;
    }.soft-grid .site-area{
      grid-template-columns: 1fr;
      gap: 0.5rem;
      padding: 1.3rem 0;
    }
  }
.visual-stack{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem;
  }
.visual-stack .strong-form{max-width: 1080px;
    margin: 0 auto;}
.visual-stack h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    line-height: 1.2;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.visual-stack .top-proof{font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 2.6rem;}
.visual-stack .simple-contact{display: flex;
    flex-direction: column;
    gap: 2.2rem;
    margin-bottom: 2.6rem;}
.visual-stack .wide-media h3{font-size: 1.15rem;
    line-height: 1.3;
    margin: 0 0 0.55rem;}
.visual-stack .wide-media p{font-size: 1rem;
    line-height: 1.7;
    margin: 0;}
.visual-stack .offer-unit{font-size: 1rem;
    line-height: 1.7;
    margin: 0;
    padding-top: 1.6rem;
    border-top: 1px solid var(--tone-muted);}
@media (min-width: 780px) {.visual-stack{
      padding: 5.5rem 2rem;
    }.visual-stack .simple-contact{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2.6rem 3rem;
    }.visual-stack .wide-media:first-child{
      grid-column: 1 / -1;
    }
  }
.visual-stack{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.soft-grid{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.5rem;
  }
.soft-grid .strong-form{max-width: 1080px;
    margin: 0 auto;}
.soft-grid h2{font-size: clamp(1.6rem, 2.4vw, 2.15rem);
    line-height: 1.2;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.soft-grid .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.75rem;}
.soft-grid .clear-list{display: grid;
    gap: 2.25rem;}
.soft-grid .site-area h3{font-size: 1.15rem;
    line-height: 1.35;
    margin: 0 0 0.55rem;
    font-weight: 600;}
.soft-grid .site-area p{margin: 0;
    line-height: 1.7;
    font-size: 0.98rem;}
.soft-grid .main-story{margin: 3rem 0 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.soft-grid .main-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.soft-grid .main-story a:hover{}
@media (min-width: 760px) {.soft-grid{
      padding: 5.5rem 2rem;
    }.soft-grid .clear-list{
      grid-template-columns: 1fr 1fr;
      column-gap: 3.5rem;
      row-gap: 2.75rem;
    }
  }
.active-surface{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 72px 24px;
  }
.active-surface .strong-form{max-width: 1080px;
    margin: 0 auto;}
.active-surface h2{font-size: clamp(1.7rem, 2.6vw, 2.3rem);
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.01em;}
.active-surface p{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 18px;}
.active-surface .contact-stack{list-style: none;
    margin: 32px 0 28px;
    padding: 0;}
.active-surface .contact-stack li{padding: 22px 0;
    border-top: 1px solid var(--tone-muted, #e0d8c6);}
.active-surface .contact-stack li:last-child{border-bottom: 1px solid var(--tone-muted, #e0d8c6);}
.active-surface .contact-stack h3{font-size: 1.12rem;
    margin: 0 0 8px;
    line-height: 1.3;}
.active-surface .contact-stack p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;}
.active-surface .offer-unit{margin-top: 8px;}
.active-surface a{color: #0f2642;
    text-decoration: underline;
    text-underline-offset: 3px;}
.active-surface a:hover{color:inherit;}
@media (max-width: 640px) {.active-surface{
      padding: 52px 18px;
    }.active-surface .contact-stack li{
      padding: 18px 0;
    }
  }
.active-surface{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.compact-entries{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem;
  }
.compact-entries .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 2.75rem;}
.compact-entries .content-unit{display: grid;
    gap: 1rem;}
.compact-entries .content-unit h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;}
.compact-entries .content-unit p{margin: 0;
    font-size: 1.02rem;
    line-height: 1.7;}
.compact-entries .main-track{display: grid;
    gap: 1.75rem;}
.compact-entries .focused-fields{
    display: grid;
    gap: 0.55rem;
    padding: 1.35rem 1.4rem;
    background: var(--paint-card);
    color: var(--ink-deep);
    border: 1px solid var(--tone-muted);
    border-radius: 10px;
  }
.compact-entries .focused-fields h3{margin: 0;
    font-size: 1.08rem;
    line-height: 1.4;
    font-weight: 600;}
.compact-entries .focused-fields p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.compact-entries .main-story{margin: 0;
    font-size: 0.95rem;
    line-height: 1.7;}
.compact-entries .main-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.compact-entries .main-story a:hover{}
@media (min-width: 860px) {.compact-entries{
      padding: 5.5rem 2rem;
    }.compact-entries .strong-form{
      grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
      column-gap: 3.5rem;
      row-gap: 2rem;
      align-items: start;
    }.compact-entries .content-unit{
      position: relative;
    }.compact-entries .main-track{
      grid-column: 2;
      grid-row: 1 / span 2;
    }.compact-entries .main-story{
      grid-column: 1;
    }
  }
.active-panel{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
  padding: 4.5rem 1.5rem;
}
.active-panel .strong-form{max-width: 1080px;
  margin: 0 auto;}
.active-panel h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
  line-height: 1.2;
  margin: 0 0 1.4rem;
  font-weight: 600;}
.active-panel p{font-size: 1.02rem;
  line-height: 1.7;
  margin: 0 0 1.3rem;}
.active-panel .quiet-method{list-style: none;
  margin: 0 0 1.6rem;
  padding: 0;}
.active-panel .quiet-method li{font-size: 1rem;
  line-height: 1.65;
  padding: 0.85rem 0;
  border-top: 1px solid var(--tone-muted, #e0d8c6);}
.active-panel .quiet-method li:last-child{border-bottom: 1px solid var(--tone-muted, #e0d8c6);}
.active-panel .quiet-method strong{font-weight: 600;}
.active-panel .team-actions{margin: 0;color:inherit;}
@media (max-width: 640px) {.active-panel{
    padding: 3rem 1.1rem;
  }.active-panel p,
  .active-panel .quiet-method li{
    font-size: 0.97rem;
  }
}
.plain-wrap{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.5rem;
  }
.plain-wrap .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    column-gap: 4rem;
    row-gap: 2rem;}
.plain-wrap h2{grid-column: 1 / -1;
    margin: 0;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: -0.01em;}
.plain-wrap .top-proof{grid-column: 1 / -1;
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.plain-wrap .steady-summary{grid-column: 1 / 2;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.plain-wrap .focused-fields h3{margin: 0 0 0.4rem;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;}
.plain-wrap .focused-fields p{margin: 0;
    font-size: 1rem;
    line-height: 1.6;}
.plain-wrap .focused-fields a{text-decoration: underline;
    text-underline-offset: 3px;}
.plain-wrap .focused-fields a:hover{}
.plain-wrap .contact-story{
    grid-column: 2 / 3;
    align-self: start;
    margin: 0;
    padding: 1.75rem 1.9rem;
    background: var(--paint-card);
    color: var(--ink-deep);
    border: 1px solid var(--tone-muted);
    border-radius: 10px;
    font-size: 1rem;
    line-height: 1.65;
  }
@media (max-width: 780px) {.plain-wrap{
      padding: 3rem 1.25rem;
    }.plain-wrap .strong-form{
      grid-template-columns: minmax(0, 1fr);
      column-gap: 0;
      row-gap: 2rem;
    }.plain-wrap h2{
      font-size: 1.6rem;
    }.plain-wrap .steady-summary,
    .plain-wrap .contact-story{
      grid-column: 1 / -1;
    }
  }
.plain-wrap{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.soft-grid{
  background: var(--surface-strong, #fbf7ef);
  color: var(--tone-extra-28, #0f2642);
  padding: 4.5rem 1.5rem;
}
.soft-grid .strong-form{max-width: 1080px;
  margin: 0 auto;}
.soft-grid .content-unit h2{margin: 0 0 1.1rem;
  font-size: clamp(1.6rem, 2.6vw, 2.15rem);
  line-height: 1.2;
  letter-spacing: -0.01em;}
.soft-grid .content-unit p{margin: 0;
  font-size: 1.05rem;
  line-height: 1.65;}
.soft-grid .contact-stack{display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 2.75rem;
  margin-top: 2.75rem;}
.soft-grid .contact-story h3{margin: 0 0 0.7rem;
  font-size: 1.15rem;
  line-height: 1.3;}
.soft-grid .contact-story p{margin: 0;
  font-size: 1rem;
  line-height: 1.65;}
.soft-grid .contact-story:last-child{
  background: var(--tone-extra-25, #eef2f6);
  color: var(--line-warm, #2b3a4d);
  padding: 1.6rem 1.7rem;
  border-radius: 10px;
}
.soft-grid .main-story{margin: 2.75rem 0 0;
  font-size: 0.98rem;
  line-height: 1.6;}
.soft-grid .main-story a{color:inherit;
  text-decoration: underline;
  text-underline-offset: 3px;}
.soft-grid .main-story a:hover{color:inherit;}
@media (max-width: 780px) {.soft-grid{
    padding: 3.25rem 1.15rem;
  }.soft-grid .contact-stack{
    grid-template-columns: 1fr;
    gap: 1.9rem;
    margin-top: 2.1rem;
  }.soft-grid .main-story{
    margin-top: 2.1rem;
  }
}
.soft-grid{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.wide-section{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem;
  }
.wide-section .strong-form{max-width: 1080px;
    margin: 0 auto;}
.wide-section h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1.2;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.wide-section .top-proof{font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 2.6rem;}
.wide-section .quiet-items{display: flex;
    flex-direction: column;
    gap: 1.9rem;}
.wide-section .focused-fields{padding-left: 1.15rem;
    border-left: 2px solid var(--ink-secondary, #c98a3c);}
.wide-section .focused-fields h3{font-size: 1.12rem;
    line-height: 1.35;
    margin: 0 0 0.5rem;
    font-weight: 600;}
.wide-section .focused-fields p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
@media (min-width: 860px) {.wide-section{
      padding: 5.5rem 2rem;
    }.wide-section .quiet-items{
      display: grid;
      grid-template-columns: 1.15fr 1fr 1fr;
      gap: 2.4rem;
      align-items: start;
    }.wide-section .focused-fields:first-child{
      padding-top: 0.15rem;
    }
  }
.wide-section{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.fresh-list{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.5rem;
  }
.fresh-list .strong-form{max-width: 1080px;
    margin: 0 auto;}
.fresh-list h2{font-size: clamp(1.6rem, 2.4vw, 2.15rem);
    line-height: 1.2;
    margin: 0 0 1.25rem;
    letter-spacing: -0.01em;}
.fresh-list .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.5rem;}
.fresh-list .contact-stack{display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 2.25rem 3rem;
    margin-bottom: 2.5rem;}
.fresh-list .contact-story h3{font-size: 1.15rem;
    line-height: 1.3;
    margin: 0 0 0.6rem;
    color: #0f2642;}
.fresh-list .contact-story p{font-size: 0.98rem;
    line-height: 1.65;
    margin: 0;}
.fresh-list .main-story{font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
    color: var(--line-warm, #2b3a4d);}
.fresh-list .main-story a{color: #0f2642;
    text-decoration: underline;
    text-underline-offset: 3px;}
.fresh-list .main-story a:hover{color:inherit;}
@media (max-width: 760px) {.fresh-list{
      padding: 3rem 1.15rem;
    }.fresh-list .contact-stack{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
.bottom-story{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px 80px;
  }
.bottom-story .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;}
.bottom-story .open-story{display: flex;
    flex-direction: column;
    gap: 20px;}
.bottom-story .open-story h2{margin: 0;
    font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.01em;}
.bottom-story .open-story p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.bottom-story .plain-intro{
    align-self: flex-start;
    margin-top: 8px;
    background: var(--ink-secondary, #c98a3c);
    color: var(--line-base, #1a1206);
    padding: 14px 26px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
  }
.bottom-story .plain-intro:hover,
  .bottom-story .plain-intro:focus-visible{
    background: var(--line-primary, #b1762c);color:var(--ink-deep);}
.bottom-story .main-story{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.bottom-story .main-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.bottom-story .main-story a:hover,
  .bottom-story .main-story a:focus-visible{}
@media (max-width: 640px) {.bottom-story{
      padding: 56px 20px 64px;
    }.bottom-story .plain-intro{
      align-self: stretch;
      text-align: center;
    }
  }
.active-panel{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px;
  }
.active-panel .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px 56px;
    align-items: start;}
.active-panel h2{grid-column: 1 / -1;
    margin: 0 0 8px;
    font-size: 1.9rem;
    line-height: 1.2;
    letter-spacing: -0.01em;}
.active-panel p{margin: 0 0 18px;
    font-size: 1.02rem;
    line-height: 1.65;}
.active-panel .contact-story{
    background: var(--paint-card, #ffffff);
    color: var(--ink-deep, #0f2642);
    border: 1px solid var(--tone-muted, #e0d8c6);
    border-radius: 10px;
    padding: 22px 24px;
  }
.active-panel .contact-story .strip{margin: 0 0 8px;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;}
.active-panel .contact-story .team-quote{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
@media (max-width: 760px) {.active-panel{
      padding: 48px 18px;
    }.active-panel .strong-form{
      grid-template-columns: 1fr;
      gap: 28px;
    }.active-panel h2{
      font-size: 1.5rem;
    }
  }
.active-panel{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.bottom-block{
  background: var(--surface-strong, #fbf7ef);
  color: var(--tone-extra-28, #0f2642);
  padding: 5rem 1.5rem;
}
.bottom-block .strong-form{max-width: 780px;
  margin: 0 auto;}
.bottom-block h2{font-size: 1.9rem;
  line-height: 1.25;
  margin: 0 0 1.75rem;
  letter-spacing: -0.01em;}
.bottom-block p{font-size: 1.05rem;
  line-height: 1.7;
  margin: 0 0 1.25rem;}
.bottom-block .top-proof{font-size: 1.15rem;
  line-height: 1.65;}
.bottom-block .contact-story{
  margin-top: 2rem;
  padding: 1rem 1.25rem;
  background: var(--tone-extra-25, #eef2f6);
  color: var(--line-warm, #2b3a4d);
  border-radius: 6px;
  font-size: 0.98rem;
}
.bottom-block .visual-proof{display: inline-block;
  margin-top: 1.5rem;
  color: #0f2642;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;}
.bottom-block .visual-proof:hover{color:inherit;}
@media (max-width: 640px) {.bottom-block{
    padding: 3.5rem 1.25rem;
  }.bottom-block h2{
    font-size: 1.55rem;
  }
}
.bottom-block{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.focused-unit{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
  padding: 5rem 1.5rem;
}
.focused-unit .strong-form{max-width: 1080px;
  margin: 0 auto;}
.focused-unit h2{font-size: 2rem;
  line-height: 1.2;
  margin: 0 0 1.5rem;
  letter-spacing: -0.01em;}
.focused-unit .top-proof{font-size: 1.125rem;
  line-height: 1.7;
  margin: 0 0 3.5rem;}
.focused-unit .quiet-items{display: flex;
  flex-direction: column;
  gap: 2.75rem;}
.focused-unit .focused-fields h3{font-size: 1.25rem;
  line-height: 1.35;
  margin: 0 0 0.75rem;}
.focused-unit .focused-fields p{font-size: 1rem;
  line-height: 1.75;
  margin: 0;}
@media (min-width: 780px) {.focused-unit{
    padding: 6.5rem 2.5rem;
  }.focused-unit h2{
    font-size: 2.5rem;
  }.focused-unit .quiet-items{
    gap: 3.25rem;
  }.focused-unit .focused-fields{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    gap: 3rem;
    align-items: start;
  }.focused-unit .focused-fields h3{
    margin: 0;
    font-size: 1.35rem;
  }
}
.visual-stack{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.25rem;
  }
.visual-stack .strong-form{max-width: 1080px;
    margin: 0 auto;}
.visual-stack h2{font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.visual-stack .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.75rem;}
.visual-stack .simple-contact{display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.visual-stack .wide-media{padding-left: 1.5rem;
    border-left: 1px solid var(--tone-muted, #e0d8c6);}
.visual-stack .wide-media h3{font-size: 1.15rem;
    margin: 0 0 0.5rem;
    font-weight: 600;}
.visual-stack .wide-media p{margin: 0;
    line-height: 1.65;
    font-size: 0.98rem;}
.visual-stack .contact-story{margin: 2.75rem 0 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.visual-stack .contact-story a{color: #0f2642;
    text-decoration: underline;
    text-underline-offset: 3px;}
.visual-stack .contact-story a:hover{color:inherit;}
@media (min-width: 780px) {.visual-stack{
      padding: 5.5rem 2rem;
    }.visual-stack h2{
      font-size: 2.25rem;
    }.visual-stack .simple-contact{
      flex-direction: row;
      gap: 2.25rem;
    }.visual-stack .wide-media{
      flex: 1 1 0;
      padding-left: 1.25rem;
    }
  }
.wide-brand{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
  padding: 4rem 1.5rem;
}
.wide-brand .strong-form{max-width: 1080px;
  margin: 0 auto;
  display: grid;
  gap: 2.5rem;}
.wide-brand .top-proof h2{font-size: clamp(1.7rem, 3vw, 2.4rem);
  line-height: 1.2;
  margin: 0 0 0.6rem;
  letter-spacing: -0.01em;}
.wide-brand .cluster{font-size: 1.05rem;
  margin: 0 0 1rem;}
.wide-brand .content-unit{margin: 0;
  font-size: 1.02rem;
  line-height: 1.65;}
.wide-brand .service-frame{margin: 0;}
.wide-brand .service-frame img{display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;}
.wide-brand .service-frame figcaption{margin-top: 0.7rem;
  font-size: 0.9rem;}
.wide-brand .contact-stack{display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 2.5rem;
  align-items: start;}
.wide-brand .contact-story h3{font-size: 1.15rem;
  margin: 0 0 0.6rem;}
.wide-brand .contact-story p{margin: 0;
  line-height: 1.7;
  font-size: 0.98rem;}
.wide-brand .main-story{margin: 0;
  font-size: 0.98rem;
  line-height: 1.65;}
.wide-brand .main-story a{text-decoration: underline;
  text-underline-offset: 3px;}
.wide-brand .main-story a:hover{}
@media (max-width: 720px) {.wide-brand{
    padding: 2.75rem 1.1rem;
  }.wide-brand .contact-stack{
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }
}
.wide-brand{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.top-intro{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 3.5rem 1.25rem 4rem;
  }
.top-intro .strong-form{max-width: 1120px;
    margin: 0 auto;}
.top-intro h2{font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 600;}
.top-intro .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.25rem;}
.top-intro .quiet-nav{margin: 0 0 2.5rem;}
.top-intro .quiet-nav img{display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;}
.top-intro .quiet-nav figcaption{margin-top: 0.75rem;
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--line-warm, #2b3a4d);}
.top-intro .contact-stack h3{font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.85rem;}
.top-intro .contact-stack p{font-size: 1rem;
    line-height: 1.7;
    margin: 0 0 1rem;}
.top-intro .contact-stack p:last-child{margin-bottom: 0;}
@media (min-width: 860px) {.top-intro{
      padding: 4.5rem 2rem 5rem;
    }.top-intro .strong-form{
      display: grid;
      grid-template-columns: 1.35fr 1fr;
      column-gap: 3rem;
      row-gap: 1rem;
      align-items: start;
    }.top-intro h2,
    .top-intro .top-proof{
      grid-column: 1 / -1;
    }.top-intro .quiet-nav{
      grid-column: 1 / 2;
      margin-bottom: 0;
    }.top-intro .contact-stack{
      grid-column: 2 / 3;
      padding-top: 0.35rem;
    }
  }
.content-menu{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.25rem;
  }
.content-menu .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 2rem;}
.content-menu h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;}
.content-menu .top-proof{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;}
.content-menu .public-nav{display: grid;
    gap: 0;}
.content-menu .strong-visual{display: grid;
    grid-template-columns: 180px 1fr;
    gap: 1.25rem;
    padding: 1rem 0;
    border-top: 1px solid var(--tone-muted, #e0d8c6);
    align-items: baseline;}
.content-menu .strong-visual:last-child{border-bottom: 1px solid var(--tone-muted, #e0d8c6);}
.content-menu .strip{font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;}
.content-menu .primary-contact,
  .content-menu .strong-visual a{font-size: 1rem;
    line-height: 1.55;
    color: inherit;
    text-decoration: none;
    word-break: break-word;}
.content-menu .strong-visual a{border-bottom: 1px solid var(--ink-secondary, #c98a3c);
    padding-bottom: 2px;}
.content-menu .strong-visual a:hover{}
.content-menu .contact-story{
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    background: var(--tone-extra-25, #eef2f6);
    color: var(--line-warm, #2b3a4d);
    padding: 1.5rem 1.75rem;
    border-radius: 6px;
  }
.content-menu .main-story{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.content-menu .main-story a{color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.content-menu .main-story a:hover{}
@media (max-width: 640px) {.content-menu{
      padding: 3rem 1rem;
    }.content-menu .strong-visual{
      grid-template-columns: 1fr;
      gap: 0.35rem;
    }.content-menu .contact-story{
      padding: 1.25rem 1.25rem;
    }
  }
.content-menu{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.compact-service{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 56px 24px;
  }
.compact-service .strong-form{max-width: 1080px;
    margin: 0 auto;}
.compact-service h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.25;
    margin: 0 0 20px;
    font-weight: 600;}
.compact-service p{font-size: 1.02rem;
    line-height: 1.7;
    margin: 0 0 18px;}
.compact-service p.lead{font-size: 1.08rem;
    margin-bottom: 22px;}
.compact-service a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.compact-service a:hover{color:inherit;}
@media (max-width: 640px) {.compact-service{
      padding: 40px 18px;
    }.compact-service p{
      font-size: 1rem;
    }
  }
.compact-service{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.wide-brand{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
  padding: 4.5rem 1.25rem;
}
.wide-brand .strong-form{max-width: 1120px;
  margin: 0 auto;}
.wide-brand .media-surface{display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 3rem;
  align-items: start;}
.wide-brand .quiet-nav{margin: 0;}
.wide-brand .quiet-nav img{display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  aspect-ratio: 4 / 5;
  object-fit: cover;}
.wide-brand .quiet-nav figcaption{margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;}
.wide-brand .open-fields h2{margin: 0 0 0.35rem;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;}
.wide-brand .open-fields .active-list{margin: 0 0 1.5rem;
  font-size: 1.0625rem;}
.wide-brand .open-fields p{margin: 0 0 1.1rem;
  font-size: 1.0625rem;
  line-height: 1.7;}
.wide-brand .contact-frame{margin: 1.75rem 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 2rem;}
.wide-brand .contact-frame div{padding-top: 0.75rem;
  border-top: 1px solid #e0d8c6;}
.wide-brand .contact-frame dt{font-size: 0.8125rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.35rem;}
.wide-brand .contact-frame dd{margin: 0;
  font-size: 1rem;
  line-height: 1.5;}
.wide-brand .main-story{margin: 1.75rem 0 0;
  font-size: 1rem;
  line-height: 1.7;}
.wide-brand .main-story a{text-decoration: underline;
  text-underline-offset: 3px;}
.wide-brand .main-story a:hover{}
@media (max-width: 860px) {.wide-brand{
    padding: 3rem 1rem;
  }.wide-brand .media-surface{
    grid-template-columns: 1fr;
    gap: 2rem;
  }.wide-brand .quiet-nav img{
    aspect-ratio: 16 / 10;
  }.wide-brand .open-fields h2{
    font-size: 1.625rem;
  }.wide-brand .contact-frame{
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.top-intro{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.25rem 5rem;
  }
.top-intro .strong-form{max-width: 1120px;
    margin: 0 auto;
    display: grid;
    gap: 2.5rem;}
.top-intro .content-unit{display: grid;
    gap: 0.9rem;}
.top-intro .content-unit h2{margin: 0;
    font-size: clamp(1.6rem, 1.1rem + 2vw, 2.4rem);
    line-height: 1.2;
    letter-spacing: -0.01em;}
.top-intro .content-unit p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;
    color: var(--line-warm, #2b3a4d);}
.top-intro .quiet-nav{margin: 0;
    display: grid;
    gap: 0.75rem;}
.top-intro .quiet-nav img{display: block;
    width: 100%;
    height: clamp(240px, 42vw, 460px);
    object-fit: cover;
    border-radius: 14px;}
.top-intro .quiet-nav figcaption{font-size: 0.9rem;
    line-height: 1.5;
    color: var(--line-warm, #2b3a4d);}
.top-intro .contact-stack{display: grid;
    gap: 1.75rem 2.5rem;}
.top-intro .contact-story h3{margin: 0 0 0.5rem;
    font-size: 1.15rem;
    line-height: 1.3;}
.top-intro .contact-story p{margin: 0;
    font-size: 1rem;
    line-height: 1.65;
    color: var(--line-warm, #2b3a4d);}
@media (min-width: 760px) {.top-intro{
      padding: 5.5rem 2rem 6rem;
    }.top-intro .strong-form{
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
      grid-template-areas:
        "intro shot"
        "notes shot";
      align-items: start;
      column-gap: 3rem;
      row-gap: 2.25rem;
    }.top-intro .content-unit{ grid-area: intro; }.top-intro .contact-stack{ grid-area: notes; }.top-intro .quiet-nav{
      grid-area: shot;
      
      top: 1.5rem;
    }
  }
@media (min-width: 1020px) {.top-intro .contact-stack{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
.content-menu{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem;
  }
.content-menu .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 2.75rem;}
.content-menu .top-proof h2{margin: 0 0 1rem;
    font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem);
    line-height: 1.2;
    font-weight: 600;}
.content-menu .top-proof p{margin: 0 0 0.9rem;
    font-size: 1.02rem;
    line-height: 1.65;}
.content-menu .top-proof p:last-child{margin-bottom: 0;}
.content-menu .benefit{display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 2rem 2.25rem;}
.content-menu .plain-quote h3{margin: 0 0 0.5rem;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.01em;}
.content-menu .plain-quote p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.6;}
.content-menu .plain-quote a{text-decoration: underline;
    text-underline-offset: 3px;}
.content-menu .plain-quote a:hover{}
.content-menu .main-story{
    background: var(--tone-extra-25);
    color: var(--line-warm);
    padding: 1.5rem 1.75rem;
    border-radius: 10px;
  }
.content-menu .main-story p{margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;}
.content-menu .main-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.content-menu .main-story a:hover{}
@media (max-width: 820px) {.content-menu{
      padding: 3.25rem 1.1rem;
    }.content-menu .benefit{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
.compact-service{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.5rem;
  }
.compact-service .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 3rem 4rem;
    align-items: start;}
.compact-service .top-proof h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 1.25rem;
    font-weight: 600;}
.compact-service .top-proof p{margin: 0 0 1rem;
    font-size: 1.02rem;
    line-height: 1.65;}
.compact-service .top-proof p:last-child{margin-bottom: 0;}
.compact-service .contact-story{
    background: var(--paint-card, #ffffff);
    color: var(--ink-deep, #0f2642);
    border: 1px solid var(--tone-muted, #e0d8c6);
    border-radius: 10px;
    padding: 1.5rem 1.5rem 1.6rem;
  }
.compact-service .contact-story h3{font-size: 1.05rem;
    margin: 0 0 0.75rem;
    font-weight: 600;}
.compact-service .contact-story p{margin: 0 0 0.85rem;
    font-size: 0.95rem;
    line-height: 1.6;}
.compact-service .contact-story p:last-child{margin-bottom: 0;}
.compact-service .contact-story a{color:inherit;
    text-decoration: underline;
    text-underline-offset: 2px;}
@media (max-width: 780px) {.compact-service{
      padding: 3rem 1.25rem;
    }.compact-service .strong-form{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.compact-service .top-proof h2{
      font-size: 1.45rem;
    }
  }
.wide-brand{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 3.5rem 1.25rem;
  }
.wide-brand .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.25rem;}
.wide-brand .content-unit h2{margin: 0 0 0.5rem;
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.2;}
.wide-brand .top-proof{margin: 0 0 1rem;
    font-size: 1.05rem;}
.wide-brand .open-fields{margin: 0;
    font-size: 1rem;
    line-height: 1.65;}
.wide-brand .bottom-area{margin: 0;}
.wide-brand .bottom-area img{display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;}
.wide-brand .bottom-area figcaption{margin-top: 0.6rem;
    font-size: 0.85rem;}
.wide-brand .direct-quote{display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 2.5rem;
    align-items: start;}
.wide-brand .contact-stack h3,
  .wide-brand .contact-frame h3{margin: 0 0 0.9rem;
    font-size: 1.15rem;}
.wide-brand .contact-stack p{margin: 0 0 1rem;
    line-height: 1.65;}
.wide-brand .contact-stack p:last-child{margin-bottom: 0;}
.wide-brand .contact-frame dl{margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem 1.1rem;
    font-size: 0.95rem;}
.wide-brand .contact-frame dt{font-weight: 600;}
.wide-brand .contact-frame dd{margin: 0;}
.wide-brand .offer-unit p{margin: 0;
    line-height: 1.65;}
.wide-brand .offer-unit a{text-decoration: underline;
    text-underline-offset: 3px;}
.wide-brand .offer-unit a:hover{}
@media (max-width: 720px) {.wide-brand{
      padding: 2.5rem 1rem;
    }.wide-brand .direct-quote{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
.top-intro{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px 88px;
  }
.top-intro .strong-form{max-width: 1080px;
    margin: 0 auto;}
.top-intro .content-unit h2{margin: 0 0 14px;
    font-size: clamp(1.7rem, 3.2vw, 2.4rem);
    line-height: 1.18;
    font-weight: 600;
    letter-spacing: -0.01em;}
.top-intro .top-proof{margin: 0 0 40px;
    font-size: 1.08rem;
    line-height: 1.65;
    color: var(--line-warm, #2b3a4d);}
.top-intro .quiet-nav{margin: 0 0 48px;}
.top-intro .quiet-nav img{display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;}
.top-intro .quiet-nav figcaption{margin-top: 12px;
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--line-warm, #2b3a4d);}
.top-intro .contact-stack{display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 36px 56px;
    align-items: start;}
.top-intro .contact-story h3{margin: 0 0 10px;
    font-size: 1.12rem;
    font-weight: 600;
    letter-spacing: -0.005em;}
.top-intro .contact-story p{margin: 0;
    font-size: 1rem;
    line-height: 1.7;}
.top-intro .contact-story:first-child{grid-row: span 2;}
.top-intro .offer-unit{margin: 44px 0 0;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--line-warm, #2b3a4d);}
@media (max-width: 760px) {.top-intro{
      padding: 52px 18px 64px;
    }.top-intro .top-proof{
      margin-bottom: 30px;
    }.top-intro .quiet-nav{
      margin-bottom: 36px;
    }.top-intro .contact-stack{
      grid-template-columns: 1fr;
      gap: 28px;
    }.top-intro .contact-story:first-child{
      grid-row: auto;
    }
  }
.content-menu{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4rem 1.5rem;
  }
.content-menu .strong-form{max-width: 1080px;
    margin: 0 auto;}
.content-menu .top-proof h2{font-size: 1.75rem;
    line-height: 1.25;
    margin: 0 0 0.85rem;
    font-weight: 600;}
.content-menu .top-proof p{margin: 0 0 2.25rem;
    font-size: 1.02rem;
    line-height: 1.65;}
.content-menu .benefit{display: grid;
    grid-template-columns: 1.1fr 1fr 1.2fr;
    gap: 2rem 2.5rem;
    margin-bottom: 2.25rem;}
.content-menu .plain-quote h3{font-size: 1.05rem;
    margin: 0 0 0.5rem;
    font-weight: 600;}
.content-menu .plain-quote p{margin: 0 0 0.6rem;
    font-size: 0.97rem;
    line-height: 1.6;}
.content-menu .plain-quote a{text-decoration: none;
    border-bottom: 1px solid #c98a3c;
    padding-bottom: 1px;
    font-size: 0.97rem;}
.content-menu .plain-quote a:hover{}
.content-menu .plain-quote .strong-headline{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.content-menu .open-benefit{margin: 0;
    font-size: 0.97rem;
    line-height: 1.6;}
.content-menu .open-benefit a{text-decoration: none;
    border-bottom: 1px solid #c98a3c;}
.content-menu .open-benefit a:hover{}
@media (max-width: 820px) {.content-menu{
      padding: 3rem 1.25rem;
    }.content-menu .benefit{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
.compact-service{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.5rem;
  }
.compact-service .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 3rem;
    align-items: start;}
.compact-service .narrow-method{
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
    background: var(--tone-extra-25, #eef2f6);color:var(--line-warm);}
.compact-service .narrow-method img{display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    object-fit: cover;}
.compact-service .contact-footer h2{font-size: 1.6rem;
    line-height: 1.25;
    margin: 0 0 0.75rem;
    font-weight: 500;}
.compact-service .direct-region{font-size: 1.05rem;
    margin: 0 0 1.75rem;
    color: var(--line-warm, #2b3a4d);}
.compact-service .contact-footer p{margin: 0 0 1.1rem;
    line-height: 1.7;
    font-size: 1rem;}
.compact-service .contact-footer p:last-child{margin-bottom: 0;}
@media (max-width: 780px) {.compact-service{
      padding: 3rem 1.25rem;
    }.compact-service .strong-form{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.compact-service .narrow-method img{
      aspect-ratio: 3 / 2;
    }
  }
.wide-brand{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
  padding: 4rem 1.25rem;
}
.wide-brand .strong-form{max-width: 1080px;
  margin: 0 auto;}
.wide-brand .content-unit h2{font-size: clamp(1.7rem, 3.2vw, 2.4rem);
  line-height: 1.2;
  margin: 0 0 0.9rem;
  letter-spacing: -0.01em;}
.wide-brand .content-unit .top-proof{font-size: 1.08rem;
  line-height: 1.6;
  margin: 0 0 0.6rem;}
.wide-brand .content-unit .contact-story{font-size: 0.92rem;
  line-height: 1.55;
  margin: 0 0 2rem;}
.wide-brand .service-frame{margin: 0 0 2.5rem;}
.wide-brand .service-frame img{display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;}
.wide-brand .service-frame figcaption{font-size: 0.85rem;
  line-height: 1.5;
  margin-top: 0.6rem;}
.wide-brand .direct-quote{display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem 3rem;
  margin-bottom: 2.5rem;}
.wide-brand .wide-form h3{font-size: 1.2rem;
  line-height: 1.3;
  margin: 0 0 0.8rem;}
.wide-brand .wide-form p{font-size: 1rem;
  line-height: 1.68;
  margin: 0 0 1rem;}
.wide-brand .wide-form p:last-child{margin-bottom: 0;}
.wide-brand .strong-region h3{font-size: 1.2rem;
  line-height: 1.3;
  margin: 0 0 1rem;}
.wide-brand .clear-list{list-style: none;
  padding: 0;
  margin: 0;}
.wide-brand .clear-list li{font-size: 1rem;
  line-height: 1.6;
  padding: 0.85rem 0;
  border-top: 1px solid var(--tone-muted, #e0d8c6);}
.wide-brand .clear-list li:last-child{border-bottom: 1px solid var(--tone-muted, #e0d8c6);}
.wide-brand .main-story{margin-top: 2.5rem;}
.wide-brand .main-story p{font-size: 0.98rem;
  line-height: 1.65;
  margin: 0;}
.wide-brand .main-story a{text-decoration: underline;
  text-underline-offset: 3px;}
.wide-brand .main-story a:hover{}
@media (max-width: 720px) {.wide-brand{
    padding: 2.75rem 1rem;
  }.wide-brand .direct-quote{
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.top-intro{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px;
  }
.top-intro .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 56px;
    align-items: start;}
.top-intro .content-unit h2{font-size: clamp(1.6rem, 2.4vw, 2.15rem);
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 600;
    letter-spacing: -0.01em;}
.top-intro .content-unit p{margin: 0 0 16px;
    font-size: 1.02rem;
    line-height: 1.7;}
.top-intro .content-unit .top-proof{font-size: 1.12rem;
    line-height: 1.65;
    margin-bottom: 22px;}
.top-intro .quiet-nav{
    margin: 0;
    background: var(--paint-card, #ffffff);
    color: var(--ink-deep, #0f2642);
    border: 1px solid var(--tone-muted, #e0d8c6);
    border-radius: 6px;
    overflow: hidden;
  }
.top-intro .quiet-nav img{display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;}
.top-intro .quiet-nav figcaption{padding: 14px 18px 16px;
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--line-warm, #2b3a4d);}
@media (max-width: 820px) {.top-intro{
      padding: 52px 20px;
    }.top-intro .strong-form{
      grid-template-columns: 1fr;
      gap: 32px;
    }
  }
.content-menu{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4rem 1.25rem 4.5rem;
  }
.content-menu .strong-form{max-width: 1080px;
    margin: 0 auto;}
.content-menu h2{margin: 0 0 1rem;
    font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    font-weight: 600;}
.content-menu .top-proof{margin: 0 0 2.75rem;
    font-size: 1.05rem;
    line-height: 1.65;}
.content-menu .steady-summary{display: grid;
    grid-template-columns: 1.1fr 1fr 1.2fr;
    gap: 2.5rem 3rem;
    margin-bottom: 2.75rem;}
.content-menu .fresh-story h3{margin: 0 0 0.6rem;
    font-size: 1.05rem;
    font-weight: 600;}
.content-menu .fresh-story p{margin: 0 0 0.6rem;
    line-height: 1.6;
    font-size: 0.98rem;}
.content-menu .fresh-story p:last-child{margin-bottom: 0;}
.content-menu .fresh-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.content-menu .fresh-story a:hover{}
.content-menu .contact-story{
    margin: 0;
    padding: 1.5rem 1.75rem;
    background: var(--tone-extra-25);
    color: var(--line-warm);
    border-radius: 10px;
    line-height: 1.65;
    font-size: 0.98rem;
  }
.content-menu .contact-story a{text-decoration: underline;
    text-underline-offset: 3px;}
@media (max-width: 820px) {.content-menu .steady-summary{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
.compact-service{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4rem 1.5rem;
  }
.compact-service .strong-form{max-width: 1080px;
    margin: 0 auto;}
.compact-service h2{font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 600;}
.compact-service .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.5rem;
    color: var(--line-warm);}
.compact-service .contact-stack{display: flex;
    flex-direction: column;
    gap: 1.75rem;}
.compact-service .focused-fields{padding-top: 1.5rem;
    border-top: 1px solid var(--tone-muted);}
.compact-service .focused-fields:first-child{padding-top: 0;
    border-top: none;}
.compact-service .focused-fields h3{font-size: 1.15rem;
    margin: 0 0 0.5rem;
    font-weight: 600;}
.compact-service .focused-fields p{margin: 0;
    line-height: 1.65;
    font-size: 0.98rem;}
.compact-service .focused-fields a{color:inherit;
    text-decoration: none;
    border-bottom: 1px solid var(--ink-secondary);}
.compact-service .focused-fields a:hover{color:inherit;
    border-bottom-color: var(--line-primary);}
@media (min-width: 780px) {.compact-service{
      padding: 5rem 2rem;
    }.compact-service .contact-stack{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 2.25rem;
    }.compact-service .focused-fields{
      padding-top: 0;
      border-top: none;
    }
  }
.wide-brand{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.5rem;
  }
.wide-brand .strong-form{max-width: 1120px;
    margin: 0 auto;}
.wide-brand .content-unit h2{margin: 0 0 0.75rem;
    font-size: clamp(1.7rem, 3.4vw, 2.5rem);
    line-height: 1.2;}
.wide-brand .content-unit .top-proof{margin: 0 0 2.5rem;
    font-size: 1.08rem;
    line-height: 1.6;}
.wide-brand .quiet-nav{margin: 0 0 3rem;}
.wide-brand .quiet-nav img{display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;}
.wide-brand .quiet-nav figcaption{margin-top: 0.7rem;
    font-size: 0.9rem;
    line-height: 1.5;}
.wide-brand .direct-quote{display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 3.5rem;
    align-items: start;}
.wide-brand .wide-form h3{margin: 0 0 1rem;
    font-size: 1.3rem;
    line-height: 1.3;}
.wide-brand .wide-form p{margin: 0 0 1.15rem;
    line-height: 1.7;}
.wide-brand .wide-form p:last-child{margin-bottom: 0;}
.wide-brand .contact-stack{
    background: var(--paint-card, #ffffff);
    color: var(--ink-deep, #0f2642);
    border: 1px solid var(--tone-muted, #e0d8c6);
    border-radius: 10px;
    padding: 1.75rem 1.6rem;
  }
.wide-brand .contact-stack h3{margin: 0 0 1rem;
    font-size: 1.05rem;
    line-height: 1.35;}
.wide-brand .contact-stack ul{margin: 0 0 1.25rem;
    padding: 0;
    list-style: none;}
.wide-brand .contact-stack li{padding: 0.45rem 0;
    line-height: 1.55;
    font-size: 0.97rem;}
.wide-brand .contact-stack li + li{border-top: 1px solid var(--tone-muted, #e0d8c6);}
.wide-brand .contact-stack .main-story{margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.wide-brand .contact-stack a{text-decoration: underline;
    text-underline-offset: 3px;}
.wide-brand .contact-stack a:hover{}
@media (max-width: 860px) {.wide-brand{
      padding: 3.25rem 1.25rem;
    }.wide-brand .direct-quote{
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }
  }
.top-intro{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.25rem;
  }
.top-intro .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;}
.top-intro .content-unit h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1.2;
    margin: 0 0 0.9rem;
    font-weight: 600;}
.top-intro .content-unit p{margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;
    color: var(--line-warm, #2b3a4d);}
.top-intro .quiet-nav{margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;}
.top-intro .quiet-nav img{display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;}
.top-intro .quiet-nav figcaption{font-size: 0.92rem;
    line-height: 1.5;
    color: var(--line-warm, #2b3a4d);}
.top-intro .contact-stack{list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 2.25rem;}
.top-intro .contact-stack li{display: flex;
    flex-direction: column;
    gap: 0.5rem;}
.top-intro .contact-stack h3{font-size: 1.08rem;
    line-height: 1.35;
    margin: 0;
    font-weight: 600;}
.top-intro .contact-stack p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.6;
    color: var(--line-warm, #2b3a4d);}
@media (max-width: 820px) {.top-intro{
      padding: 3rem 1.1rem;
    }.top-intro .contact-stack{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
.content-menu{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4rem 1.5rem;
  }
.content-menu .strong-form{max-width: 1080px;
    margin: 0 auto;}
.content-menu .top-proof{margin-bottom: 2.75rem;}
.content-menu .top-proof h2{font-size: 1.85rem;
    line-height: 1.25;
    margin: 0 0 0.9rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.content-menu .top-proof p{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;}
.content-menu .benefit{display: grid;
    grid-template-columns: 1.15fr 1fr 1.35fr;
    gap: 2.25rem 2.5rem;
    align-items: start;}
.content-menu .plain-quote h3{font-size: 1.05rem;
    margin: 0 0 0.55rem;
    font-weight: 600;
    letter-spacing: 0.01em;}
.content-menu .plain-quote p{font-size: 0.97rem;
    line-height: 1.6;
    margin: 0 0 0.7rem;}
.content-menu .plain-quote .primary-contact{font-size: 0.98rem;
    line-height: 1.55;
    margin: 0;}
.content-menu .plain-quote .primary-contact a{text-decoration: underline;
    text-underline-offset: 3px;}
.content-menu .plain-quote .primary-contact a:hover{}
.content-menu .contact-story{
    margin-top: 3rem;
    padding: 1.5rem 1.75rem;
    background: var(--tone-extra-25, #eef2f6);
    color: var(--line-warm, #2b3a4d);
    border-radius: 10px;
  }
.content-menu .contact-story p{margin: 0;
    font-size: 0.97rem;
    line-height: 1.65;}
.content-menu .contact-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.content-menu .contact-story a:hover{}
@media (max-width: 860px) {.content-menu .benefit{
      grid-template-columns: 1fr 1fr;
    }.content-menu .plain-quote:last-child{
      grid-column: 1 / -1;
    }
  }
@media (max-width: 560px) {.content-menu{
      padding: 3rem 1.25rem;
    }.content-menu .benefit{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.content-menu .top-proof h2{
      font-size: 1.55rem;
    }.content-menu .contact-story{
      padding: 1.25rem 1.35rem;
    }
  }
.compact-service{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4rem 1.5rem;
  }
.compact-service .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 1.25rem;}
.compact-service h2{margin: 0;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.2;
    font-weight: 600;}
.compact-service p{margin: 0;
    font-size: 1.0625rem;
    line-height: 1.7;}
.compact-service .top-proof{font-size: 1.125rem;}
.compact-service .contact-story{
    background: var(--tone-extra-25);
    color: var(--line-warm);
    padding: 1.25rem 1.5rem;
    border-radius: 10px;
  }
.compact-service a{color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.compact-service a:hover{text-decoration-thickness: 2px;}
@media (min-width: 900px) {.compact-service{
      padding: 5rem 2rem;
    }.compact-service .strong-form{
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      column-gap: 3rem;
      row-gap: 1.5rem;
    }.compact-service h2{
      grid-column: 1 / -1;
    }.compact-service .contact-story{
      grid-column: 1 / -1;
    }
  }
.wide-brand{
    --type-main: #e0d8c6;
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.5rem;
  }
.wide-brand .strong-form{max-width: 1080px;
    margin: 0 auto;}
.wide-brand .clear-actions{display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 3rem;
    align-items: end;}
.wide-brand .quiet-nav{margin: 0;}
.wide-brand .quiet-nav img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;}
.wide-brand .open-team h2{font-size: 2.1rem;
    line-height: 1.2;
    margin: 0 0 0.6rem;
    font-weight: 600;}
.wide-brand .cluster{font-size: 1.05rem;
    letter-spacing: 0.01em;
    margin: 0 0 1.4rem;}
.wide-brand .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;}
.wide-brand .contact-stack{margin-top: 3.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;}
.wide-brand .contact-story h3{font-size: 1.15rem;
    margin: 0 0 0.7rem;
    font-weight: 600;}
.wide-brand .contact-story p{margin: 0;
    line-height: 1.7;}
.wide-brand .main-story{margin: 3.5rem 0 0;
    padding-top: 1.6rem;
    border-top: 1px solid var(--type-main);
    font-size: 0.98rem;
    line-height: 1.7;}
.wide-brand .main-story a{text-decoration: underline;
    text-underline-offset: 3px;}
.wide-brand .main-story a:hover{}
@media (max-width: 820px) {.wide-brand{
      padding: 3rem 1.25rem;
    }.wide-brand .clear-actions{
      grid-template-columns: 1fr;
      gap: 1.8rem;
      align-items: start;
    }.wide-brand .open-team h2{
      font-size: 1.65rem;
    }.wide-brand .contact-stack{
      grid-template-columns: 1fr;
      gap: 2rem;
      margin-top: 2.5rem;
    }.wide-brand .main-story{
      margin-top: 2.5rem;
    }
  }
.top-intro{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem;
  }
.top-intro .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 2.5rem 3rem;
    align-items: start;}
.top-intro .content-unit{grid-column: 1 / -1;}
.top-intro h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.top-intro .top-proof{font-size: 1.08rem;
    line-height: 1.65;
    margin: 0;
    color: var(--line-warm, #2b3a4d);}
.top-intro .quiet-nav{margin: 0;}
.top-intro .quiet-nav img{display: block;
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    border-radius: 6px;}
.top-intro .quiet-nav figcaption{margin-top: 0.75rem;
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--line-warm, #2b3a4d);}
.top-intro .contact-stack p{margin: 0 0 1.1rem;
    font-size: 1rem;
    line-height: 1.7;}
.top-intro .contact-stack p:last-child{margin-bottom: 0;}
@media (max-width: 760px) {.top-intro{
      padding: 3rem 1.1rem;
    }.top-intro .strong-form{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }.top-intro .quiet-nav img{
      min-height: 220px;
    }
  }
.content-menu{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.5rem;
  }
.content-menu .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    gap: 3rem;}
.content-menu .top-proof h2{font-size: clamp(1.7rem, 3vw, 2.4rem);
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 600;}
.content-menu .top-proof p{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0;}
.content-menu .plain-visual{display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 2.5rem 3rem;
    align-items: start;}
.content-menu .main-story h3{font-size: 1.15rem;
    margin: 0 0 0.6rem;
    font-weight: 600;}
.content-menu .main-story p{margin: 0 0 0.9rem;
    line-height: 1.6;
    font-size: 1rem;}
.content-menu .main-story a{text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid var(--ink-secondary, #c98a3c);
    padding-bottom: 2px;}
.content-menu .main-story a:hover{}
.content-menu .contact-story{
    background: var(--tone-extra-25, #eef2f6);
    color: var(--line-warm, #2b3a4d);
    padding: 1.75rem 2rem;
    border-radius: 10px;
  }
.content-menu .contact-story p{margin: 0;
    line-height: 1.6;}
.content-menu .contact-story .open-benefit{margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;}
.content-menu .contact-story .open-benefit a{text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid var(--ink-secondary, #c98a3c);
    padding-bottom: 2px;}
.content-menu .contact-story .open-benefit a:hover{}
@media (max-width: 760px) {.content-menu{
      padding: 3rem 1.25rem;
    }.content-menu .plain-visual{
      grid-template-columns: 1fr;
      gap: 2rem;
    }.content-menu .contact-story{
      padding: 1.4rem 1.5rem;
    }
  }
.compact-service{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
  padding: 64px 24px;
}
.compact-service .strong-form{max-width: 1080px;
  margin: 0 auto;}
.compact-service .contact-story{display: flex;
  flex-direction: column;
  gap: 18px;}
.compact-service .contact-story h2{margin: 0;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.2px;}
.compact-service .contact-story p{margin: 0;
  font-size: 1.02rem;
  line-height: 1.7;}
.compact-service .contact-story .offer-unit{font-style: italic;
  opacity: 0.85;}
@media (min-width: 860px) {.compact-service{
    padding: 88px 48px;
  }.compact-service .contact-story{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 56px;
    row-gap: 20px;
  }.compact-service .contact-story h2{
    grid-column: 1 / -1;
    font-size: 1.9rem;
  }.compact-service .contact-story .offer-unit{
    grid-column: 1 / -1;
  }
}
.plain-wrap{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem 5rem;
  }
.plain-wrap .strong-form{max-width: 1080px;
    margin: 0 auto;}
.plain-wrap h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 1.1rem;
    font-weight: 600;
    letter-spacing: -0.01em;}
.plain-wrap .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.6rem;}
.plain-wrap .steady-summary{display: flex;
    flex-direction: column;
    gap: 2rem;}
.plain-wrap .fresh-story{display: grid;
    grid-template-columns: minmax(140px, 200px) 1fr;
    gap: 0.5rem 2.4rem;
    align-items: start;}
.plain-wrap .fresh-story h3{font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0;
    padding-top: 0.15rem;}
.plain-wrap .fresh-story p{margin: 0 0 0.85rem;
    line-height: 1.65;
    font-size: 0.98rem;
    grid-column: 2;}
.plain-wrap .fresh-story p:last-child{margin-bottom: 0;}
.plain-wrap .visual-proof{grid-column: 2;
    display: inline-block;
    font-size: 1.05rem;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid var(--ink-secondary, #c98a3c);
    padding-bottom: 2px;
    width: fit-content;}
.plain-wrap .visual-proof:hover{}
.plain-wrap .fresh-wrap{font-style: normal;
    line-height: 1.6;}
.plain-wrap .contact-story{margin: 3rem 0 0;
    padding-top: 1.8rem;
    border-top: 1px solid var(--tone-muted, #e0d8c6);
    font-size: 0.98rem;
    line-height: 1.65;}
@media (max-width: 720px) {.plain-wrap{
      padding: 3rem 1.1rem 3.5rem;
    }.plain-wrap .fresh-story{
      grid-template-columns: 1fr;
      gap: 0.4rem;
    }.plain-wrap .fresh-story p,
    .plain-wrap .visual-proof{
      grid-column: 1;
    }.plain-wrap .fresh-story h3{
      margin-bottom: 0.3rem;
    }
  }
.soft-track{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.5rem;
  }
.soft-track .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 3rem 4rem;
    align-items: start;}
.soft-track .active-intro h2{font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.soft-track .active-intro .top-proof{margin: 0;
    font-size: 1.02rem;
    line-height: 1.65;}
.soft-track .quiet-items{display: flex;
    flex-direction: column;
    gap: 1.4rem;}
.soft-track .strong-visual{display: grid;
    grid-template-columns: 9.5rem minmax(0, 1fr);
    gap: 1rem;
    align-items: baseline;}
.soft-track .strip{font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--line-warm, #2b3a4d);}
.soft-track .primary-contact{font-size: 1.02rem;
    line-height: 1.55;}
.soft-track .primary-contact a{color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.soft-track .primary-contact a:hover{color:inherit;}
.soft-track .contact-story{grid-column: 1 / -1;
    margin: 0;
    padding-top: 1.6rem;
    border-top: 1px solid var(--tone-muted, #e0d8c6);
    font-size: 0.98rem;
    line-height: 1.65;
    color: var(--line-warm, #2b3a4d);}
@media (max-width: 820px) {.soft-track{
      padding: 3rem 1.25rem;
    }.soft-track .strong-form{
      grid-template-columns: 1fr;
      gap: 2.2rem;
    }.soft-track .active-intro h2{
      font-size: 1.6rem;
    }.soft-track .strong-visual{
      grid-template-columns: 1fr;
      gap: 0.25rem;
    }
  }
.soft-track{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.secondary-inner{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem 5rem;
  }
.secondary-inner .strong-form{max-width: 780px;
    margin: 0 auto;}
.secondary-inner h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 1rem;
    font-weight: 600;}
.secondary-inner .top-proof{margin: 0 0 2.25rem;
    font-size: 1.02rem;
    line-height: 1.65;}
.secondary-inner .focused-surface{display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.15rem 1.5rem;}
.secondary-inner .primary-inner{display: flex;
    flex-direction: column;
    gap: 0.4rem;}
.secondary-inner .primary-inner.wide{grid-column: 1 / -1;}
.secondary-inner label{font-size: 0.92rem;
    letter-spacing: 0.01em;}
.secondary-inner input,
  .secondary-inner select,
  .secondary-inner textarea{
    font: inherit;
    color: var(--tone-extra-28);
    background: var(--paint-card);
    border: 1px solid var(--tone-muted, #e0d8c6);
    border-radius: 6px;
    padding: 0.7rem 0.85rem;
    width: 100%;
    box-sizing: border-box;
  }
.secondary-inner textarea{resize: vertical;
    min-height: 8rem;}
.secondary-inner input:focus,
  .secondary-inner select:focus,
  .secondary-inner textarea:focus{outline: 2px solid var(--ink-secondary, #c98a3c);
    outline-offset: 1px;}
.secondary-inner button{
    grid-column: 1 / -1;
    justify-self: start;
    font: inherit;
    font-weight: 600;
    padding: 0.85rem 1.9rem;
    border: 0;
    border-radius: 6px;
    background: var(--line-clear, #0f2642);
    color: var(--surface-soft, #fbf7ef);
    cursor: pointer;
  }
.secondary-inner button:hover{
    background: var(--ink-soft, #1a3a5e);color:var(--ink-deep);}
.secondary-inner .contact-story{margin: 2.25rem 0 0;
    font-size: 0.95rem;
    line-height: 1.65;}
.secondary-inner .contact-story a{color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
@media (max-width: 620px) {.secondary-inner{
      padding: 3rem 1rem 3.5rem;
    }.secondary-inner .focused-surface{
      grid-template-columns: 1fr;
    }
  }
.secondary-inner{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.plain-wrap{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 4.5rem 1.5rem 5rem;
  }
.plain-wrap .strong-form{max-width: 1080px;
    margin: 0 auto;}
.plain-wrap h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    margin: 0 0 1.1rem;
    letter-spacing: -0.01em;}
.plain-wrap .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.6rem;}
.plain-wrap .steady-summary{display: grid;
    grid-template-columns: 1.15fr 0.85fr 1fr;
    gap: 2.5rem 2.8rem;
    align-items: start;}
.plain-wrap .focused-fields h3{font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 600;
    margin: 0 0 0.6rem;
    color: #2b3a4d;}
.plain-wrap .focused-fields p{font-size: 0.97rem;
    line-height: 1.6;
    margin: 0 0 0.7rem;}
.plain-wrap .focused-fields a{display: inline-block;
    font-size: 1rem;
    color: #0f2642;
    text-decoration: underline;
    text-underline-offset: 3px;
    word-break: break-word;}
.plain-wrap .focused-fields a:hover{color:inherit;}
.plain-wrap address{font-style: normal;
    font-size: 0.97rem;
    line-height: 1.6;}
.plain-wrap .contact-story{margin: 3rem 0 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #2b3a4d;}
@media (max-width: 860px) {.plain-wrap .steady-summary{
      grid-template-columns: 1fr 1fr;
    }
  }
@media (max-width: 560px) {.plain-wrap{
      padding: 3rem 1.15rem 3.5rem;
    }.plain-wrap .steady-summary{
      grid-template-columns: 1fr;
      gap: 2rem;
    }
  }
.plain-wrap{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.bottom-headline{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.5rem;
  }
.bottom-headline .strong-form{max-width: 1080px;
    margin: 0 auto;}
.bottom-headline h2{font-size: 1.9rem;
    line-height: 1.2;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;}
.bottom-headline .top-proof{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.5rem;}
.bottom-headline .main-track{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 3rem;}
.bottom-headline .focused-fields h3{font-size: 1.15rem;
    margin: 0 0 0.5rem;
    letter-spacing: -0.005em;}
.bottom-headline .focused-fields p{font-size: 0.98rem;
    line-height: 1.65;
    margin: 0;}
.bottom-headline .focused-fields a{text-decoration: underline;
    text-underline-offset: 2px;}
.bottom-headline .focused-fields a:hover{}
.bottom-headline .narrow-area{margin: 3rem 0 0;
    font-size: 0.9rem;
    line-height: 1.6;}
@media (max-width: 720px) {.bottom-headline{
      padding: 3rem 1.25rem;
    }.bottom-headline h2{
      font-size: 1.55rem;
    }.bottom-headline .main-track{
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
  }
.bottom-headline{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.steady-header{
    background: var(--surface-strong);
    color: var(--tone-extra-28);
    padding: 4.5rem 1.25rem 5rem;
  }
.steady-header .strong-form{max-width: 1080px;
    margin: 0 auto;}
.steady-header h2{font-size: 1.85rem;
    line-height: 1.25;
    margin: 0 0 1rem;
    font-weight: 600;}
.steady-header .content-unit{font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 2.75rem;}
.steady-header .main-track{display: flex;
    flex-direction: column;
    gap: 2.25rem;}
.steady-header .focused-fields h3{font-size: 1.2rem;
    line-height: 1.35;
    margin: 0 0 0.65rem;
    font-weight: 600;}
.steady-header .focused-fields p{font-size: 1rem;
    line-height: 1.75;
    margin: 0;}
.steady-header .focused-fields a{color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;}
.steady-header .focused-fields a:hover{color:inherit;}
@media (min-width: 860px) {.steady-header{
      padding: 5.5rem 2rem 6rem;
    }.steady-header .main-track{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem 3.5rem;
    }.steady-header .focused-fields:first-child{
      grid-column: 1 / -1;
    }.steady-header h2{
      font-size: 2.15rem;
    }
  }
.steady-header{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.featured-method{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 72px 24px 88px;
  }
.featured-method .strong-form{max-width: 1080px;
    margin: 0 auto;}
.featured-method .contact-story{display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 8px;}
.featured-method h1{font-size: clamp(1.7rem, 3vw, 2.4rem);
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
    letter-spacing: -0.01em;}
.featured-method .top-proof{margin: 0;
    font-size: 1.06rem;
    line-height: 1.65;}
.featured-method .text-section{margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;}
.featured-method .main-story{list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;}
.featured-method .main-story li{margin: 0;}
.featured-method .main-story a{text-decoration: none;
    font-size: 0.97rem;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--ink-secondary, #c98a3c);}
.featured-method .main-story a:hover,
  .featured-method .main-story a:focus-visible{border-bottom-color: var(--tone-extra-28, #0f2642);
    outline: none;}
@media (max-width: 640px) {.featured-method{
      padding: 48px 18px 64px;
    }.featured-method .main-story{
      flex-direction: column;
      gap: 12px;
    }
  }
.featured-method{
  background: var(--line-muted);
  color: var(--paint-clear);
}
.bottom-story{
    background: var(--surface-strong, #fbf7ef);
    color: var(--tone-extra-28, #0f2642);
    padding: 56px 24px 64px;
  }
.bottom-story .strong-form{max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 32px 48px;
    align-items: flex-start;}
.bottom-story .contact-story{flex: 1 1 520px;
    min-width: 0;}
.bottom-story .contact-story h2{margin: 0 0 18px;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.01em;}
.bottom-story .contact-story p{margin: 0 0 16px;
    font-size: 1.02rem;
    line-height: 1.65;}
.bottom-story .contact-story .offer-unit{margin-bottom: 0;}
.bottom-story .plain-intro{flex: 1 1 300px;
    min-width: 0;
    padding-top: 6px;}
.bottom-story .go{
    display: inline-block;
    background: #0f2642;
    color: #fbf7ef;
    text-decoration: none;
    padding: 14px 26px;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    transition: background 0.18s ease;
  }
.bottom-story .go:hover,
  .bottom-story .go:focus-visible{
    background: #1a3a5e;color:var(--ink-deep);}
.bottom-story .main-story{margin: 20px 0 0;
    font-size: 0.95rem;
    line-height: 1.6;}
.bottom-story .main-story a{color: #0f2642;
    text-decoration: underline;
    text-underline-offset: 3px;}
.bottom-story .main-story a:hover,
  .bottom-story .main-story a:focus-visible{color:inherit;}
@media (max-width: 720px) {.bottom-story{
      padding: 40px 18px 48px;
    }.bottom-story .strong-form{
      gap: 28px;
    }
  }
.bottom-story{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}
.404{
  background: var(--surface-strong, #fbf7ef);
  color: var(--tone-extra-28, #0f2642);
  padding: 4.5rem 1.5rem 5rem;
}
.404 .strong-form{
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 3rem 4rem;
  align-items: start;
}
.404 .contact-story h2{
  font-size: clamp(1.6rem, 2.6vw, 2.15rem);
  line-height: 1.2;
  margin: 0 0 1.1rem;
  letter-spacing: -0.01em;
}
.404 .contact-story p{
  margin: 0 0 1.15rem;
  line-height: 1.65;
  font-size: 1.02rem;
}
.404 .main-story{
  list-style: none;
  padding: 0;
  margin: 1.6rem 0 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.404 .main-story li{
  line-height: 1.4;
}
.404 .main-story a{
  color: #0f2642;
  text-decoration: none;
  border-bottom: 1px solid rgba(201, 138, 60, 0.55);
  padding-bottom: 2px;
  font-weight: 500;
}
.404 .main-story a:hover{
  border-bottom-color: #c98a3c;
}
.404 .text-section{
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--line-warm, #2b3a4d);
  margin: 0;
}
.404 .text-section a{
  color: #0f2642;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.404 .text-section a:hover{
  color: #c98a3c;
}
@media (max-width: 780px) {.404{
    padding: 3rem 1.25rem 3.5rem;
  }.404 .strong-form{
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.404{
  background: var(--surface-strong);
  color: var(--tone-extra-28);
}