html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;padding:0;font-family:var(--font-button);}
.steady-header {
width: 100%;
background: var(--line-secondary);
color: var(--surface-base);
border-bottom: 1px solid var(--line-main);
}
:root {
--ink-muted: transparent;
--tone-dark: #1F3A6E;
--font-nav: calc(var(--font-main) * 1.125);
--tone-extra-38: #F6F1E4;
--type-lead: var(--font-main);
--surface-light: color-mix(in srgb, currentColor 10%, transparent);
--curve-button: 0.33rem;
--gap-card: calc(var(--gap-panel) * 1.5);
--stack-hero: 2.41rem;
--gap-panel: 2.13rem;
--curve-medium: 0.44rem;
--surface-panel: #5C6E3A;
--font-main: 19px;
--ink-cool: #4A5A2E;
--stack-card: 1520px;
--line-clear: #F6F1E4;
--lift-strong: 0 14px 32px rgba(0,0,0,0.19);
--type-extra-29: 1.58;
--ease-fast: ease;
--gap-block: 1.5rem;
--font-base: calc(var(--font-main) * 1.35);
--line-secondary: #F6F1E4;
--font-button: "Source Serif 4", sans-serif;
--paint-page: #1C2230;
--field-static: rgba(28, 34, 48, 0.55);
--stack-tight: var(--stack-hero);
--stack-section: calc(var(--gap-block) * 2.4);
--line-primary: calc(var(--gap-block) * .75);
--tone-extra-39: #162C56;
--delay-base: 260ms;
--paint-deep: #5C6E3A;
--lift-card: 0 2px 7px rgba(0,0,0,0.12);
--ink-secondary: #1F3A6E;
--type-base: calc(var(--font-main) * .875);
--line-main: #D9D2C0;
--surface-base: #1C2230;
--line-inverse: #F6F1E4;
}
.media-benefit {
max-width: var(--stack-card);
margin: 0 auto;
padding: var(--gap-card) var(--stack-hero);
display: flex;
align-items: center;
gap: var(--gap-panel);
flex-wrap: wrap;
}
.direct-links {
font-size: var(--font-nav);
font-weight: 700;
letter-spacing: 0.02em;
color: var(--surface-base);
text-decoration: none;
white-space: nowrap;
}
.direct-links:hover {
color: var(--surface-panel);
}
.nav-principal {
flex: 1 1 auto;
}
.nav-lista {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: var(--gap-panel);
flex-wrap: wrap;
}
.nav-lista a {
display: inline-block;
padding: 0.35rem 0.2rem;
font-size: var(--type-lead);
color: var(--surface-base);
text-decoration: none;
border-bottom: 2px solid transparent;
transition: color var(--delay-base) var(--ease-fast), border-color var(--delay-base) var(--ease-fast);
}
.nav-lista a:hover {
color: var(--surface-panel);
border-bottom-color: var(--paint-deep);
}
.offer-proof {
margin-left: auto;
}
.compact-items {
display: inline-block;
padding: 0.6rem 1.1rem;
background: var(--tone-dark);
color: var(--tone-extra-38);
border-radius: var(--curve-medium);
font-size: var(--type-lead);
font-weight: 600;
text-decoration: none;
box-shadow: var(--lift-card);
transition: background var(--delay-base) var(--ease-fast);
}
.compact-items:hover {
background: var(--tone-extra-39);
color: var(--tone-extra-38);
}
.text-intro {
display: none;
background: transparent;
border: 1px solid var(--line-main);
border-radius: var(--curve-button);
padding: 0.45rem 0.55rem;
cursor: pointer;
margin-left: auto;
}
.focused-block{
display: block;
width: 22px;
height: 2px;
background: var(--surface-base);
margin: 4px 0;
border-radius: 2px;color:#1C2230;}
@media (max-width: 767px) {
.media-benefit {
flex-wrap: wrap;
align-items: center;
}
.text-intro {
display: inline-block;
}
.nav-principal {
display: none;
flex-basis: 100%;
order: 3;
margin-top: var(--gap-card);
}
.nav-principal.abierto {
display: block;
}
.nav-lista {
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
.nav-lista a {
display: block;
width: 100%;
padding: 0.6rem 0.2rem;
border-bottom: 1px solid var(--line-main);
}
.offer-proof {
order: 2;
margin-left: 0;
}
.compact-items {
padding: 0.5rem 0.85rem;
font-size: var(--type-base);
}
}
.media-plan{padding:var(--stack-section) var(--stack-tight);font-family:var(--font-button);font-size:var(--font-main);line-height:var(--type-extra-29);background:var(--paint-page);color:var(--line-inverse);}
.featured-items{max-width:var(--stack-card);margin:0 auto;display:flex;flex-direction:column;gap:var(--gap-card)}
.contact-brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--line-primary);padding:var(--line-primary);background:var(--field-static);border-radius:0;color:#1C2230;}
.plain-frame{flex:1 1 22rem;min-width:0}
.steady-footer{font-size:var(--font-base);line-height:var(--type-extra-29);margin:0 0 var(--gap-block);font-weight:600}
.fresh-contact{margin:0;font-size:var(--type-lead);max-width:48rem}
.plain-area{display:inline-block;padding:0.65rem 1.2rem;background:var(--paint-deep);color:var(--line-clear);border-radius:0;text-decoration:none;font-size:var(--type-lead);font-weight:600;transition:background var(--delay-base) var(--ease-fast)}
.plain-area:hover,
.plain-area:focus-visible{background:var(--ink-cool);color:var(--line-clear)}
.main-track{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap-card)}
.simple-items{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--line-primary)}
.page-quote,
.soft-note{font-size:var(--type-lead);text-transform:uppercase;letter-spacing:0.06em;margin:0 0 var(--gap-block);font-weight:600;color:inherit}
.top-visual,
.wide-method{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.5rem}
.top-visual a{color:inherit;text-decoration:none;font-size:var(--type-lead);border-bottom:1px solid transparent;transition:border-color var(--delay-base) var(--ease-fast)}
.top-visual a:hover,
.top-visual a:focus-visible{border-bottom-color:currentColor;color:inherit}
.wide-method li{display:flex;flex-direction:column;gap:0.15rem}
.narrow-form{font-size:var(--type-base);text-transform:uppercase;letter-spacing:0.05em;opacity:0.75}
.focused-unit{color:inherit;text-decoration:none;font-size:var(--type-lead);word-break:break-word}
a.footer-contact-value:hover,
a.footer-contact-value:focus-visible{text-decoration:underline;color:inherit}
.plain-header{display:flex;flex-direction:column;gap:var(--gap-block);padding-top:var(--gap-card);border-top:1px solid var(--field-static)}
.secondary-footer{margin:0;font-size:var(--font-nav);font-weight:600;letter-spacing:0.02em}
.site-flow{margin:0;font-size:var(--type-base)}
.active-form{margin:0;font-size:var(--type-base);max-width:60rem}
@media (max-width: 900px) {.main-track{grid-template-columns:1fr}.simple-items{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width: 560px) {.simple-items{grid-template-columns:1fr}.contact-brand{flex-direction:column;align-items:flex-start}.plain-area{width:100%;text-align:center}
}
footer,footer *{border-radius:0!important;}
.cookies {
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: 9999;
background: var(--paint-page);
color: var(--line-inverse);
box-shadow: var(--lift-strong);
padding: var(--gap-card) var(--stack-tight);
font-family: var(--font-button);
font-size: var(--type-base);
line-height: var(--type-extra-29);
}
.cookies .active-group{max-width: var(--stack-card);
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: var(--gap-panel);}
.cookies .simple-benefit{flex: 1 1 auto;
min-width: 0;}
.cookies .visual-intro{margin: 0 0 0.25rem 0;
font-size: var(--type-lead);
font-weight: 600;
line-height: 1.3;}
.cookies .compact-view{margin: 0;
font-size: var(--type-base);
line-height: var(--type-extra-29);}
.cookies .direct-list{color:inherit;
text-decoration: underline;}
.cookies .direct-list:hover{color:inherit;}
.cookies .content-brand{flex: 0 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;}
.cookies .page-story{font-family: inherit;
font-size: var(--type-base);
line-height: 1;
padding: 0.6rem 1rem;
border-radius: var(--curve-button);
border: 1px solid transparent;
cursor: pointer;
white-space: nowrap;
transition: background var(--delay-base) var(--ease-fast), color var(--delay-base) var(--ease-fast);}
.cookies .cookie-accept {
background: var(--tone-dark);
color: var(--tone-extra-38);
}
.cookies .cookie-accept:hover{
background: var(--tone-extra-39);color:#1C2230;}
.cookies .cookie-reject {
background: var(--ink-muted);
color: var(--line-inverse);
border-color: var(--line-main);
}
.cookies .cookie-reject:hover{
background: var(--surface-light);color:#1C2230;}
.cookies .cookie-manage {
background: transparent;
color: var(--line-inverse);
text-decoration: underline;
padding: 0.6rem 0.5rem;
}
.cookies .cookie-manage:hover{color:inherit;}
@media (max-width: 720px) {
.cookies .active-group {
flex-direction: column;
align-items: stretch;
}
.cookies .content-brand {
flex-direction: column;
align-items: stretch;
}
.cookies .page-story {
width: 100%;
text-align: center;
}
}
.compact-copy{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem 4rem;
}
.compact-copy .team-benefit{max-width: 1180px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 3.5rem;
align-items: start;}
.compact-copy .simple-benefit{padding-top: 0.5rem;}
.compact-copy h1{font-size: clamp(1.9rem, 3.4vw, 2.85rem);
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0 0 1.4rem;
font-weight: 600;}
.compact-copy .active-headline{font-size: 1.08rem;
line-height: 1.65;
margin: 0 0 1.2rem;}
.compact-copy .team-view{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 1rem;
color: #2E2A22;}
.compact-copy .plain-lead{font-size: 0.98rem;
line-height: 1.6;
margin: 0;
color: #2E2A22;}
.compact-copy a{color: #1F3A6E;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;}
.compact-copy a:hover{color: var(--tone-main, #5C6E3A);}
.compact-copy .strong-region{
margin: 0;
background: #FBF7EC;
border: 1px solid var(--line-main, #D9D2C0);
border-radius: 4px;
padding: 0.85rem;color:#1C2230;}
.compact-copy .strong-region img{display: block;
width: 100%;
height: auto;
border-radius: 2px;}
.compact-copy .strong-region figcaption{font-size: 0.88rem;
line-height: 1.5;
margin-top: 0.75rem;
color: #2E2A22;}
@media (max-width: 820px) {.compact-copy{
padding: 3rem 1.15rem 2.75rem;
}.compact-copy .team-benefit{
grid-template-columns: 1fr;
gap: 2rem;
}.compact-copy .strong-region{
order: -1;
}
}
.compact-copy{
background: var(--line-secondary);
color: var(--surface-base);
}
.strong-surface{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem;
}
.strong-surface .team-benefit{max-width: 1080px;
margin: 0 auto;}
.strong-surface h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.strong-surface .active-headline{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 2.75rem;
max-width: 68ch;}
.strong-surface .narrow-body{margin: 0 0 1.9rem;}
.strong-surface .narrow-body h3{font-size: 1.12rem;
line-height: 1.35;
margin: 0 0 0.55rem;
font-weight: 600;}
.strong-surface .narrow-body p{margin: 0;
line-height: 1.65;
font-size: 1rem;}
.strong-surface .team-view{margin: 3rem 0 0;
padding-top: 1.6rem;
border-top: 1px solid #D9D2C0;
line-height: 1.65;
font-size: 0.98rem;}
.strong-surface .team-view a{text-decoration: underline;
text-underline-offset: 3px;}
.strong-surface .team-view a:hover{}
@media (max-width: 640px) {.strong-surface{
padding: 3rem 1.15rem;
}.strong-surface .active-headline{
margin-bottom: 2rem;
}.strong-surface .narrow-body{
margin-bottom: 1.6rem;
}
}
.strong-surface{
background: var(--paint-page);
color: var(--line-inverse);
}
.public-method{
--type-extra-54: #D9D2C0;
background: var(--line-secondary);
color: var(--surface-base);
padding: 64px 24px;
}
.public-method .team-benefit{max-width: 1080px;
margin: 0 auto;}
.public-method h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
line-height: 1.2;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.public-method .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 40px;}
.public-method .direct-service{display: flex;
flex-direction: column;}
.public-method .public-details{padding: 22px 0;
border-top: 1px solid var(--type-extra-54);}
.public-method .public-details:last-child{border-bottom: 1px solid var(--type-extra-54);}
.public-method .public-details h3{font-size: 1.1rem;
margin: 0 0 8px;
line-height: 1.35;}
.public-method .public-details p{margin: 0;
line-height: 1.65;
font-size: 0.98rem;}
.public-method .team-view{margin: 32px 0 0;
font-size: 0.98rem;
line-height: 1.65;}
.public-method .team-view a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.public-method .team-view a:hover{color:inherit;}
@media (min-width: 760px) {.public-method{
padding: 88px 40px;
}.public-method .public-details{
display: grid;
grid-template-columns: minmax(220px, 1fr) minmax(0, 1.6fr);
gap: 32px;
align-items: start;
padding: 26px 0;
}.public-method .public-details h3{
margin: 0;
}
}
.public-method{
background: var(--line-secondary);
color: var(--surface-base);
}
.compact-rail{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem;
}
.compact-rail .team-benefit{max-width: 1080px;
margin: 0 auto;}
.compact-rail .simple-benefit h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
line-height: 1.25;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.compact-rail .simple-benefit p{font-size: 1.05rem;
line-height: 1.7;
margin: 0 0 1rem;}
.compact-rail .plain-lead{display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.25rem;
margin-top: 1.75rem;}
.compact-rail .go{
display: inline-block;
background: var(--tone-dark);
color: var(--tone-extra-38);
padding: 0.85rem 1.6rem;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
}
.compact-rail .go:hover{
background: var(--tone-extra-39);color:#1C2230;}
.compact-rail .primary-footer{font-size: 0.95rem;
text-decoration: underline;
text-underline-offset: 3px;}
.compact-rail .primary-footer:hover{}
@media (max-width: 640px) {.compact-rail{
padding: 3rem 1.25rem;
}.compact-rail .plain-lead{
gap: 1rem;
}.compact-rail .go{
width: 100%;
text-align: center;
}
}
.compact-rail{
background: var(--paint-page);
color: var(--line-inverse);
}
.page-list{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem;
}
.page-list .team-benefit{max-width: 1080px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.4rem;}
.page-list h2{margin: 0;
font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.4rem);
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.01em;}
.page-list .active-headline{margin: 0;
font-size: 1.06rem;
line-height: 1.7;}
.page-list .team-view{margin: 0;
font-size: 1rem;
line-height: 1.7;
color: #2E2A22;}
@media (min-width: 860px) {.page-list{
padding: 5.5rem 2.5rem;
}.page-list .team-benefit{
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
column-gap: 3.5rem;
row-gap: 1.2rem;
align-items: start;
}.page-list h2{
grid-column: 1;
grid-row: 1;
}.page-list .active-headline{
grid-column: 2;
grid-row: 1;
}.page-list .team-view{
grid-column: 2;
grid-row: 2;
}
}
.page-list{
background: var(--line-secondary);
color: var(--surface-base);
}
.content-intro{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.25rem;
}
.content-intro .team-benefit{max-width: 1080px;
margin: 0 auto;}
.content-intro h2{font-size: clamp(1.6rem, 3vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1rem;
font-weight: 600;}
.content-intro .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 3rem;}
.content-intro .wide-feature{display: flex;
flex-direction: column;
gap: 2.25rem;}
.content-intro .narrow-body{padding: 0;}
.content-intro .narrow-body h3{font-size: 1.2rem;
line-height: 1.35;
margin: 0 0 0.55rem;
font-weight: 600;}
.content-intro .narrow-body p{margin: 0 0 0.5rem;
line-height: 1.65;
font-size: 1rem;}
.content-intro .narrow-body p:last-child{margin-bottom: 0;}
.content-intro .plain-lead{margin-top: 0.35rem;
font-size: 0.95rem;}
.content-intro .plain-lead a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
.content-intro .plain-lead a:hover{color: var(--tone-main, #5C6E3A);}
.content-intro .service-links{margin: 3rem 0 0;
font-size: 0.98rem;
line-height: 1.6;
color: #2E2A22;}
.content-intro .service-links a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
.content-intro .service-links a:hover{color: var(--tone-main, #5C6E3A);}
@media (min-width: 860px) {.content-intro{
padding: 5.5rem 2rem;
}.content-intro .wide-feature{
gap: 2.75rem;
}.content-intro .narrow-body{
display: grid;
grid-template-columns: minmax(220px, 320px) 1fr;
column-gap: 3rem;
align-items: start;
}.content-intro .narrow-body h3{
margin: 0;
}.content-intro .narrow-body p{
grid-column: 2;
}.content-intro .narrow-body h3{
grid-row: 1 / span 3;
}
}
.content-intro{
background: var(--line-secondary);
color: var(--surface-base);
}
.narrow-service{
--tone-extra-51: #1C2230;
--field-extra-53: #F6F1E4;
--paint-secondary: #EDE6D3;
background: var(--field-extra-53);
color: var(--tone-extra-51);
padding: 4.5rem 1.5rem;
}
.narrow-service .team-benefit{max-width: 1120px;
margin: 0 auto;}
.narrow-service .active-headline{margin-bottom: 2.75rem;}
.narrow-service .active-headline h2{font-size: clamp(1.6rem, 3vw, 2.3rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.narrow-service .active-headline p{font-size: 1.05rem;
line-height: 1.65;
margin: 0;}
.narrow-service .team-intro{display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 3rem;
align-items: start;}
.narrow-service .bottom-list{display: flex;
flex-direction: column;
gap: 1.9rem;}
.narrow-service .text-section h3{font-size: 1.15rem;
margin: 0 0 0.5rem;
line-height: 1.3;}
.narrow-service .text-section p{font-size: 1rem;
line-height: 1.65;
margin: 0;}
.narrow-service .fresh-footer{
margin: 0;
border-radius: 6px;
overflow: hidden;
background: var(--paint-secondary);color:#1C2230;}
.narrow-service .fresh-footer img{display: block;
width: 100%;
height: auto;}
.narrow-service .plain-lead{margin: 3rem 0 0;
font-size: 1rem;
line-height: 1.6;}
.narrow-service .plain-lead a{text-decoration: underline;
text-underline-offset: 3px;}
.narrow-service .plain-lead a:hover{}
@media (max-width: 860px) {.narrow-service{
padding: 3rem 1.25rem;
}.narrow-service .team-intro{
grid-template-columns: 1fr;
gap: 2.25rem;
}.narrow-service .fresh-footer{
order: -1;
}
}
.narrow-service{
background: var(--paint-page);
color: var(--line-inverse);
}
.primary-panel{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem;
}
.primary-panel .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 3rem 4rem;
align-items: start;}
.primary-panel .plain-form h2{font-size: 2rem;
line-height: 1.2;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.primary-panel .plain-form p{margin: 0 0 1rem;
line-height: 1.65;
font-size: 1.02rem;}
.primary-panel .plain-form p:last-child{margin-bottom: 0;}
.primary-panel .clear-tile{display: flex;
flex-direction: column;}
.primary-panel .local-region{padding: 1.35rem 0;
border-top: 1px solid var(--line-main, #D9D2C0);}
.primary-panel .local-region:first-child{border-top: none;
padding-top: 0;}
.primary-panel .local-region:last-child{padding-bottom: 0;}
.primary-panel .local-region h3{font-size: 1.12rem;
margin: 0 0 0.45rem;
line-height: 1.35;}
.primary-panel .local-region p{margin: 0;
line-height: 1.6;
font-size: 0.98rem;}
@media (max-width: 820px) {.primary-panel{
padding: 3rem 1.25rem;
}.primary-panel .team-benefit{
grid-template-columns: 1fr;
gap: 2.25rem;
}.primary-panel .plain-form h2{
font-size: 1.65rem;
}
}
.primary-panel{
background: var(--line-secondary);
color: var(--surface-base);
}
.wide-grid{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 72px 24px;
}
.wide-grid .team-benefit{max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 56px;
align-items: start;}
.wide-grid h2{font-size: clamp(1.6rem, 2.4vw, 2.15rem);
line-height: 1.22;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.wide-grid .plain-form{font-size: 1.08rem;
line-height: 1.6;
margin: 0 0 18px;}
.wide-grid .active-headline p{font-size: 1rem;
line-height: 1.68;
margin: 0 0 16px;}
.wide-grid .active-headline p:last-child{margin-bottom: 0;}
.wide-grid .team-view{
background: #FBF7EC;
color: #1C2230;
border: 1px solid var(--line-main, #D9D2C0);
border-radius: 10px;
padding: 22px 22px 24px;
}
.wide-grid .team-view img{display: block;
width: 100%;
height: 210px;
object-fit: cover;
border-radius: 6px;
margin-bottom: 18px;}
.wide-grid .team-view h3{font-size: 1.05rem;
margin: 0 0 14px;
line-height: 1.3;}
.wide-grid .steady-callout{list-style: none;
margin: 0;
padding: 0;}
.wide-grid .steady-callout li{font-size: 0.95rem;
line-height: 1.55;
padding: 12px 0;
border-top: 1px solid var(--line-main, #D9D2C0);}
.wide-grid .steady-callout li:first-child{border-top: 0;
padding-top: 0;}
.wide-grid .steady-callout li:last-child{padding-bottom: 0;}
.wide-grid .steady-grid{display: block;
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 4px;}
@media (max-width: 860px) {.wide-grid{
padding: 52px 20px;
}.wide-grid .team-benefit{
grid-template-columns: 1fr;
gap: 36px;
}.wide-grid .team-view img{
height: 190px;
}
}
.wide-grid{
background: var(--paint-page);
color: var(--line-inverse);
}
.secondary-details{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem;
}
.secondary-details .team-benefit{max-width: 1080px;
margin: 0 auto;}
.secondary-details .contact-flow{display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 2rem 3rem;
align-items: end;
margin-bottom: 2.75rem;}
.secondary-details h2{font-size: clamp(1.7rem, 2.6vw, 2.35rem);
line-height: 1.15;
margin: 0;
letter-spacing: -0.01em;}
.secondary-details .active-headline{margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.secondary-details .focused-service{display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 2.5rem 3.5rem;}
.secondary-details .main-panel p{margin: 0 0 1.1rem;
line-height: 1.7;
font-size: 1rem;}
.secondary-details .main-panel p:last-child{margin-bottom: 0;}
.secondary-details .quiet-list{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.5rem;}
.secondary-details .quiet-list li{padding-top: 1.5rem;
border-top: 1px solid var(--line-main, #D9D2C0);}
.secondary-details .quiet-list li:first-child{padding-top: 0;
border-top: 0;}
.secondary-details .quiet-list h3{font-size: 1.05rem;
margin: 0 0 0.4rem;
letter-spacing: 0.005em;}
.secondary-details .quiet-list p{margin: 0;
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 820px) {.secondary-details{
padding: 3.25rem 1.25rem;
}.secondary-details .contact-flow,
.secondary-details .focused-service{
grid-template-columns: 1fr;
gap: 1.5rem;
}.secondary-details .contact-flow{
margin-bottom: 2rem;
}
}
.secondary-details{
background: var(--line-secondary);
color: var(--surface-base);
}
.wide-copy{padding:var(--stack-section) var(--stack-tight);background:var(--line-secondary);color:var(--surface-base);}
.opening{max-width:var(--stack-card);margin:0 auto;}
.wide-copy h1{margin:0;font-size:calc(19px * 2.65);line-height:1.08;}
.quiet-team{
background: var(--line-secondary);
color: var(--surface-base);
padding: 72px 24px;
}
.quiet-team .team-benefit{max-width: 1080px;
margin: 0 auto;}
.quiet-team h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
line-height: 1.2;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.quiet-team .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 48px;}
.quiet-team .direct-service{display: flex;
flex-direction: column;
gap: 40px;}
.quiet-team .active-note h3{font-size: 1.15rem;
margin: 0 0 10px;
letter-spacing: 0.01em;}
.quiet-team .active-note p{margin: 0;
line-height: 1.7;
font-size: 1rem;}
@media (max-width: 640px) {.quiet-team{
padding: 48px 18px;
}.quiet-team .active-headline{
margin-bottom: 32px;
}.quiet-team .direct-service{
gap: 28px;
}
}
.quiet-team{
background: var(--line-secondary);
color: var(--surface-base);
}
.site-headline{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem 5rem;
}
.site-headline .team-benefit{max-width: 1080px;
margin: 0 auto;}
.site-headline .plain-form h2{font-size: clamp(1.7rem, 3vw, 2.35rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.site-headline .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 3.25rem;}
.site-headline .page{padding: 0 0 2.25rem;
margin-bottom: 2.25rem;
border-bottom: 1px solid var(--line-main, #D9D2C0);}
.site-headline .page:last-of-type{border-bottom: none;
margin-bottom: 1.5rem;}
.site-headline .page h3{font-size: 1.3rem;
line-height: 1.3;
margin: 0 0 0.85rem;}
.site-headline .page p{font-size: 1rem;
line-height: 1.7;
margin: 0 0 0.9rem;}
.site-headline .page .stage{}
.site-headline .visual-inner{
display: inline-block;
margin-top: 0.4rem;
padding: 0.6rem 1.15rem;
background: var(--tone-dark, #1F3A6E);
color: var(--tone-extra-38, #F6F1E4);
text-decoration: none;
border-radius: 4px;
font-size: 0.95rem;
line-height: 1.2;
}
.site-headline .visual-inner:hover{
background: var(--tone-extra-39, #162C56);color:#1C2230;}
.site-headline .plain-lead{font-size: 1rem;
line-height: 1.7;
margin: 0;}
.site-headline .plain-lead a{text-decoration: underline;
text-underline-offset: 2px;}
@media (max-width: 640px) {.site-headline{
padding: 3rem 1.15rem 3.5rem;
}.site-headline .active-headline{
margin-bottom: 2.25rem;
}.site-headline .page{
padding-bottom: 1.75rem;
margin-bottom: 1.75rem;
}
}
.site-headline{
background: var(--paint-page);
color: var(--line-inverse);
}
.focused-frame{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem;
}
.focused-frame .team-benefit{max-width: 960px;
margin: 0 auto;}
.focused-frame h2{font-size: clamp(1.6rem, 3vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.focused-frame .active-headline{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 2.5rem;}
.focused-frame .plain-view{list-style: none;
margin: 0;
padding: 0;}
.focused-frame .steady-grid{padding: 1.4rem 0;
border-top: 1px solid var(--line-main, #D9D2C0);}
.focused-frame .steady-grid:last-child{border-bottom: 1px solid var(--line-main, #D9D2C0);}
.focused-frame .steady-grid h3{font-size: 1.15rem;
margin: 0 0 0.5rem;
letter-spacing: 0.005em;}
.focused-frame .steady-grid p{margin: 0;
line-height: 1.65;
font-size: 1rem;}
.focused-frame .team-view{
margin: 2.5rem 0 0;
font-size: 1rem;
line-height: 1.6;
background: #EDE6D3;
color: #2E2A22;
padding: 1.25rem 1.5rem;
border-radius: 6px;
}
@media (max-width: 640px) {.focused-frame{
padding: 3rem 1.1rem;
}.focused-frame .active-headline{
margin-bottom: 1.75rem;
}.focused-frame .steady-grid{
padding: 1.15rem 0;
}
}
.focused-frame{
background: var(--line-secondary);
color: var(--surface-base);
}
.quiet-media{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem 5rem;
}
.quiet-media .team-benefit{max-width: 1080px;
margin: 0 auto;}
.quiet-media .plain-form{margin-bottom: 3rem;}
.quiet-media .plain-form h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.quiet-media .plain-form p{font-size: 1.06rem;
line-height: 1.65;
margin: 0;}
.quiet-media .main-region{display: flex;
flex-direction: column;
gap: 2rem;}
.quiet-media .public-details{padding-left: 1.25rem;
border-left: 1px solid #D9D2C0;}
.quiet-media .public-details h3{font-size: 1.18rem;
margin: 0 0 0.55rem;
line-height: 1.3;}
.quiet-media .public-details p{margin: 0;
font-size: 1rem;
line-height: 1.68;}
.quiet-media .plain-lead{margin-top: 3rem;
padding-top: 1.75rem;
border-top: 1px solid #D9D2C0;}
.quiet-media .plain-lead p{margin: 0;
font-size: 1rem;
line-height: 1.65;}
.quiet-media .plain-lead a{text-decoration: underline;
text-underline-offset: 3px;}
.quiet-media .plain-lead a:hover{}
@media (min-width: 860px) {.quiet-media{
padding: 5.5rem 2.5rem 6rem;
}.quiet-media .plain-form{
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 3rem;
align-items: start;
margin-bottom: 3.5rem;
}.quiet-media .plain-form h2{
margin-bottom: 0;
}.quiet-media .main-region{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.25rem 2.75rem;
}.quiet-media .public-details:nth-child(5){
grid-column: 1 / -1;
}
}
.quiet-media{
background: var(--paint-page);
color: var(--line-inverse);
}
.local-footer{
background: var(--line-secondary);
color: var(--surface-base);
padding: 64px 24px;
}
.local-footer .team-benefit{max-width: 880px;
margin: 0 auto;}
.local-footer h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 18px;
letter-spacing: 0.01em;}
.local-footer .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 40px;}
.local-footer .plain-lead{list-style: none;
margin: 0;
padding: 0;}
.local-footer .steady-grid{padding: 22px 0;}
.local-footer .steady-grid + .steady-grid{border-top: 1px solid var(--line-main, #D9D2C0);}
.local-footer .steady-grid h3{font-size: 1.15rem;
line-height: 1.35;
margin: 0 0 8px;}
.local-footer .steady-grid p{font-size: 1rem;
line-height: 1.65;
margin: 0;}
.local-footer .direct-media{margin: 40px 0 0;
font-size: 1rem;
line-height: 1.65;}
.local-footer .direct-media a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.local-footer .direct-media a:hover{color:inherit;}
@media (max-width: 640px) {.local-footer{
padding: 44px 18px;
}.local-footer h2{
font-size: 1.55rem;
}.local-footer .steady-grid{
padding: 18px 0;
}
}
.local-footer{
background: var(--line-secondary);
color: var(--surface-base);
}
.text-plan{
background: var(--line-secondary);
color: var(--surface-base);
padding: 64px 24px;
}
.text-plan .team-benefit{max-width: 1080px;
margin: 0 auto;}
.text-plan h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.text-plan .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 40px;}
.text-plan .plain-lead{display: grid;
grid-template-columns: 1.3fr 1fr 1.2fr;
gap: 32px 40px;
margin-bottom: 36px;}
.text-plan .wide-plan h3{font-size: 1rem;
margin: 0 0 8px;
letter-spacing: 0.01em;}
.text-plan .wide-plan p{margin: 0 0 10px;
line-height: 1.6;}
.text-plan .wide-plan a{color: #1F3A6E;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.text-plan .wide-plan a:hover{color: #162C56;}
.text-plan .team-view{margin: 0;
line-height: 1.65;}
.text-plan .team-view a{color: var(--tone-main, #5C6E3A);
text-decoration: none;
border-bottom: 1px solid currentColor;}
.text-plan .team-view a:hover{color: var(--paint-clear, #4A5A2E);}
@media (max-width: 760px) {.text-plan{
padding: 48px 20px;
}.text-plan h2{
font-size: 1.55rem;
}.text-plan .plain-lead{
grid-template-columns: 1fr;
gap: 28px;
}
}
.text-plan{
background: var(--line-secondary);
color: var(--surface-base);
}
.contact-surface{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem;
}
.contact-surface .team-benefit{max-width: 1080px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.75rem;}
.contact-surface h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0;
letter-spacing: -0.01em;}
.contact-surface .active-headline{font-size: 1.08rem;
line-height: 1.65;
margin: 0;}
.contact-surface p{font-size: 1rem;
line-height: 1.7;
margin: 0;}
.contact-surface .fresh-footer{margin: 0;
display: flex;
flex-direction: column;
gap: 0.75rem;}
.contact-surface .fresh-footer img{
display: block;
width: 100%;
height: auto;
border-radius: 6px;
background: #EDE6D3;color:#2E2A22;}
.contact-surface .fresh-footer figcaption{font-size: 0.92rem;
line-height: 1.55;
padding-left: 0.15rem;}
.contact-surface .clear-details{margin-left: auto;
width: 100%;}
@media (min-width: 820px) {.contact-surface{
padding: 5.5rem 2.5rem;
}.contact-surface .team-benefit{
gap: 2.25rem;
}.contact-surface .fresh-footer{
width: 78%;
}.contact-surface .clear-details{
width: 62%;
margin-right: 6%;
}
}
.contact-surface{
background: var(--paint-page);
color: var(--line-inverse);
}
.offer-form{
--type-large: #D9D2C0;
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 72px 24px;
}
.offer-form .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.35fr 1fr;
gap: 56px;
align-items: start;}
.offer-form h2{font-size: 1.9rem;
line-height: 1.22;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.offer-form .plain-form p{margin: 0 0 16px;
font-size: 1.02rem;
line-height: 1.65;}
.offer-form .plain-form p:last-child{margin-bottom: 0;}
.offer-form .visual-content{
background: #FBF7EC;
color: #1C2230;
border: 1px solid var(--type-large);
border-radius: 10px;
padding: 28px 26px 30px;
}
.offer-form .visual-content .active-headline{margin: 0 0 20px;
font-size: 0.98rem;
line-height: 1.6;}
.offer-form dl{margin: 0 0 22px;
display: grid;
grid-template-columns: auto 1fr;
column-gap: 18px;
row-gap: 14px;
align-items: baseline;}
.offer-form dt{font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--paint-deep, #5C6E3A);
padding-top: 3px;}
.offer-form dd{margin: 0;
font-size: 0.98rem;
line-height: 1.55;}
.offer-form dd a{color: var(--tone-dark, #1F3A6E);
text-decoration: underline;
text-underline-offset: 3px;}
.offer-form dd a:hover{color: var(--tone-extra-39, #162C56);}
.offer-form .go{
display: inline-block;
background: var(--tone-dark, #1F3A6E);
color: var(--tone-extra-38, #F6F1E4);
text-decoration: none;
font-size: 0.95rem;
padding: 11px 22px;
border-radius: 6px;
}
.offer-form .go:hover{
background: var(--tone-extra-39, #162C56);color:#1C2230;}
@media (max-width: 820px) {.offer-form{
padding: 52px 20px;
}.offer-form .team-benefit{
grid-template-columns: 1fr;
gap: 36px;
}.offer-form h2{
font-size: 1.55rem;
}.offer-form dl{
grid-template-columns: 1fr;
row-gap: 6px;
}.offer-form dt{
padding-top: 10px;
}
}
.offer-form{
background: var(--line-secondary);
color: var(--surface-base);
}
.compact-rail{
background: var(--paint-page, #1C2230);
color: var(--line-inverse, #F6F1E4);
padding: 4.5rem 1.5rem;
}
.compact-rail .team-benefit{max-width: 1080px;
margin: 0 auto;}
.compact-rail .simple-benefit h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.25;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.compact-rail .simple-benefit p{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 1.1rem;
color: inherit;}
.compact-rail .service-view{
display: inline-block;
margin: 0.75rem 0 1.5rem;
padding: 0.85rem 1.6rem;
background: #1F3A6E;
color: #F6F1E4;
border-radius: 4px;
text-decoration: none;
font-size: 1rem;
letter-spacing: 0.01em;
transition: background-color 0.15s ease;
}
.compact-rail .service-view:hover,
.compact-rail .service-view:focus-visible{
background: #162C56;color:#1C2230;}
.compact-rail .plain-lead{font-size: 0.95rem;
line-height: 1.6;
margin: 0;
color: inherit;}
.compact-rail .plain-lead a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.compact-rail .plain-lead a:hover,
.compact-rail .plain-lead a:focus-visible{text-decoration-thickness: 2px;}
@media (max-width: 640px) {.compact-rail{
padding: 3rem 1.25rem;
}.compact-rail .service-view{
display: block;
text-align: center;
}
}
.narrow-shell{
background: var(--line-secondary);
color: var(--surface-base);
padding: 72px 24px;
}
.narrow-shell .team-benefit{max-width: 1080px;
margin: 0 auto;}
.narrow-shell .active-headline{display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 40px;
align-items: end;
margin-bottom: 56px;}
.narrow-shell h2{margin: 0;
font-size: clamp(1.7rem, 3vw, 2.4rem);
line-height: 1.15;
font-weight: 600;}
.narrow-shell .plain-form{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.narrow-shell .plain-view{list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0;}
.narrow-shell .steady-grid{display: grid;
grid-template-columns: 88px minmax(0, 1fr);
gap: 28px;
padding: 26px 0;
border-top: 1px solid var(--line-main);}
.narrow-shell .steady-grid:last-child{border-bottom: 1px solid var(--line-main);}
.narrow-shell .steady-grid h3{grid-column: 2;
margin: 0 0 8px;
font-size: 1.12rem;
font-weight: 600;
line-height: 1.35;}
.narrow-shell .steady-grid p{grid-column: 2;
margin: 0;
font-size: 0.98rem;
line-height: 1.7;}
.narrow-shell .steady-grid::before{
content: "";
grid-column: 1;
grid-row: 1 / span 2;
align-self: start;
margin-top: 6px;
width: 34px;
height: 2px;
background: var(--paint-deep);color:var(--line-clear);}
.narrow-shell .open-figure{margin: 40px 0 0;
font-size: 0.98rem;
line-height: 1.7;}
@media (max-width: 780px) {.narrow-shell{
padding: 52px 18px;
}.narrow-shell .active-headline{
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 40px;
}.narrow-shell .steady-grid{
grid-template-columns: 48px minmax(0, 1fr);
gap: 16px;
padding: 22px 0;
}.narrow-shell .steady-grid::before{
width: 22px;
}
}
.narrow-shell{
background: var(--paint-page);
color: var(--line-inverse);
}
.strong-note{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem 5rem;
}
.strong-note .team-benefit{max-width: 1080px;
margin: 0 auto;}
.strong-note h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1.4rem;
letter-spacing: -0.01em;}
.strong-note p{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 1.1rem;}
.strong-note .soft-shell{margin-top: 2.6rem;
display: grid;
gap: 2rem 3rem;
grid-template-columns: 1fr;}
.strong-note .team-view h3{font-size: 1.08rem;
margin: 0 0 0.55rem;
letter-spacing: 0.005em;}
.strong-note .team-view p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
.strong-note a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.strong-note a:hover{color:inherit;}
@media (min-width: 720px) {.strong-note{
padding: 5.5rem 2.5rem 6rem;
}.strong-note .soft-shell{
grid-template-columns: 1fr 1fr;
gap: 2.4rem 4rem;
}
}
.strong-note{
background: var(--line-secondary);
color: var(--surface-base);
}
.local-footer{
--layer-local: #D9D2C0;
--tone-card: #1C2230;
--layer-active: #F6F1E4;
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 72px 24px 88px;
}
.local-footer .team-benefit{max-width: 880px;
margin: 0 auto;}
.local-footer .plain-form h2{font-size: clamp(1.55rem, 1.1rem + 1.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.local-footer .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 44px;}
.local-footer .plain-view{list-style: none;
margin: 0;
padding: 0;}
.local-footer .steady-grid{padding: 26px 0 30px;
border-top: 1px solid var(--layer-local);}
.local-footer .steady-grid:last-of-type{border-bottom: 1px solid var(--layer-local);}
.local-footer .steady-grid h3{font-size: 1.12rem;
line-height: 1.3;
margin: 0 0 10px;
font-weight: 600;}
.local-footer .steady-grid p{margin: 0;
font-size: 0.98rem;
line-height: 1.68;}
.local-footer .plain-lead{margin: 40px 0 0;
font-size: 0.98rem;
line-height: 1.65;}
.local-footer .plain-lead a{text-decoration: underline;
text-underline-offset: 3px;}
.local-footer .plain-lead a:hover{}
@media (max-width: 640px) {.local-footer{
padding: 52px 18px 64px;
}.local-footer .steady-grid{
padding: 22px 0 24px;
}
}
.local-footer{
background: var(--paint-page);
color: var(--line-inverse);
}
.active-tile{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem 5rem;
}
.active-tile .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 3rem 4rem;
align-items: start;}
.active-tile h2{grid-column: 1 / -1;
font-size: clamp(1.7rem, 2.6vw, 2.3rem);
line-height: 1.15;
margin: 0 0 0.4rem;
letter-spacing: -0.01em;}
.active-tile .active-headline{grid-column: 1 / 2;
margin: 0;
font-size: 1.05rem;
line-height: 1.65;}
.active-tile .visual-copy{grid-column: 2 / 3;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.4rem;}
.active-tile .visual-copy li{display: flex;
flex-direction: column;
gap: 0.3rem;}
.active-tile .simple-group{font-size: 0.78rem;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #2E2A22;
opacity: 0.75;}
.active-tile .wide-track{font-size: 1.02rem;
line-height: 1.5;
color: inherit;}
.active-tile a.value{text-decoration: none;
border-bottom: 1px solid rgba(31, 58, 110, 0.35);
padding-bottom: 1px;
transition: border-color 0.15s ease;}
.active-tile a.value:hover,
.active-tile a.value:focus-visible{border-bottom-color: var(--tone-dark, #1F3A6E);}
.active-tile .team-view{grid-column: 1 / -1;
margin: 0.5rem 0 0;
font-size: 0.98rem;
line-height: 1.6;
color: #2E2A22;}
@media (max-width: 760px) {.active-tile{
padding: 3rem 1.25rem 3.5rem;
}.active-tile .team-benefit{
grid-template-columns: 1fr;
gap: 2rem;
}.active-tile .active-headline,
.active-tile .visual-copy{
grid-column: 1 / -1;
}
}
.active-tile{
background: var(--line-secondary);
color: var(--surface-base);
}
.text-plan{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.25rem 5rem;
}
.text-plan .team-benefit{max-width: 1080px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 3rem;}
.text-plan .plain-form h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1.1rem;
font-weight: 600;
letter-spacing: -0.01em;}
.text-plan .plain-form p{margin: 0 0 1rem;
font-size: 1.02rem;
line-height: 1.65;}
.text-plan .plain-form p:last-child{margin-bottom: 0;}
.text-plan .visual-copy{display: grid;
grid-template-columns: 1.1fr 1fr 1fr;
gap: 2.25rem 2.5rem;}
.text-plan .narrow-body h3{font-size: 1.08rem;
margin: 0 0 0.6rem;
font-weight: 600;}
.text-plan .narrow-body p{margin: 0 0 0.85rem;
font-size: 0.97rem;
line-height: 1.6;}
.text-plan .fresh-actions{display: inline-block;
font-size: 0.97rem;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.text-plan .fresh-actions:hover{}
.text-plan .team-view{
background: #EDE6D3;
color: #2E2A22;
padding: 1.75rem 1.9rem;
border-radius: 6px;
}
.text-plan .team-view p{margin: 0 0 0.85rem;
font-size: 0.98rem;
line-height: 1.65;}
.text-plan .team-view p:last-child{margin-bottom: 0;}
.text-plan .plain-lead a{text-decoration: none;
border-bottom: 1px solid currentColor;}
.text-plan .plain-lead a:hover{}
@media (max-width: 860px) {.text-plan .visual-copy{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 560px) {.text-plan{
padding: 3.25rem 1rem 3.5rem;
}.text-plan .team-benefit{
gap: 2.25rem;
}.text-plan .visual-copy{
grid-template-columns: 1fr;
gap: 1.9rem;
}.text-plan .team-view{
padding: 1.4rem 1.25rem;
}
}
.text-plan{
background: var(--paint-page);
color: var(--line-inverse);
}
.compact-rail{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem;
}
.compact-rail .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 3rem;
align-items: end;}
.compact-rail .simple-benefit h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.compact-rail .simple-benefit p{font-size: 1.05rem;
line-height: 1.65;
margin: 0;}
.compact-rail .service-view{display: flex;
flex-direction: column;
gap: 1rem;
align-items: flex-start;}
.compact-rail .focused-team{
display: inline-block;
background: #1F3A6E;
color: #F6F1E4;
padding: 0.95rem 1.6rem;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: background 0.2s ease;
}
.compact-rail .focused-team:hover,
.compact-rail .focused-team:focus{
background: #162C56;color:#1C2230;}
.compact-rail .plain-lead{font-size: 0.95rem;
line-height: 1.55;
margin: 0;
color: #2E2A22;}
.compact-rail .plain-lead a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
.compact-rail .plain-lead a:hover,
.compact-rail .plain-lead a:focus{color: #162C56;}
@media (max-width: 760px) {.compact-rail{
padding: 3rem 1.25rem;
}.compact-rail .team-benefit{
grid-template-columns: 1fr;
gap: 2rem;
align-items: start;
}
}
.compact-rail{
background: var(--line-secondary);
color: var(--surface-base);
}
.primary-panel{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem 5rem;
}
.primary-panel .team-benefit{max-width: 1080px;
margin: 0 auto;}
.primary-panel h2{font-size: clamp(1.6rem, 2.6vw, 2.3rem);
line-height: 1.22;
margin: 0 0 1.4rem;
letter-spacing: -0.01em;}
.primary-panel .active-headline{font-size: 1.08rem;
line-height: 1.68;
margin: 0 0 3rem;}
.primary-panel .narrow-body{margin: 0 0 2.4rem;}
.primary-panel .narrow-body h3{font-size: 1.18rem;
line-height: 1.35;
margin: 0 0 0.7rem;}
.primary-panel .narrow-body p{font-size: 1rem;
line-height: 1.72;
margin: 0;}
.primary-panel .team-view{font-size: 0.98rem;
line-height: 1.7;
margin: 3rem 0 0;
padding-top: 1.6rem;
border-top: 1px solid var(--line-main, #D9D2C0);}
.primary-panel a{text-decoration: underline;
text-underline-offset: 3px;}
.primary-panel a:hover{}
@media (max-width: 640px) {.primary-panel{
padding: 3rem 1.15rem 3.4rem;
}.primary-panel .active-headline{
margin-bottom: 2.2rem;
}.primary-panel .narrow-body{
margin-bottom: 1.9rem;
}
}
.primary-panel{
background: var(--paint-page);
color: var(--line-inverse);
}
.strong-surface{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.25rem 5rem;
}
.strong-surface .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
gap: 3rem 4rem;
align-items: start;}
.strong-surface .plain-form h2{margin: 0 0 1rem;
font-size: 1.75rem;
line-height: 1.2;
letter-spacing: -0.01em;}
.strong-surface .plain-form p{margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.strong-surface .qa{display: flex;
flex-direction: column;
gap: 1.75rem;}
.strong-surface .narrow-body h3{margin: 0 0 0.5rem;
font-size: 1.12rem;
line-height: 1.35;
font-weight: 600;}
.strong-surface .narrow-body p{margin: 0;
font-size: 1rem;
line-height: 1.65;}
.strong-surface .plain-lead{grid-column: 1 / -1;
margin: 1rem 0 0;
font-size: 0.98rem;
line-height: 1.6;}
.strong-surface .plain-lead a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
.strong-surface .plain-lead a:hover{color: var(--tone-main, #5C6E3A);}
@media (max-width: 820px) {.strong-surface{
padding: 3.25rem 1.1rem 3.75rem;
}.strong-surface .team-benefit{
grid-template-columns: 1fr;
gap: 2rem;
}.strong-surface .plain-form h2{
font-size: 1.5rem;
}
}
.strong-surface{
background: var(--line-secondary);
color: var(--surface-base);
}
.public-method{
background: var(--line-secondary);
color: var(--surface-base);
padding: 72px 24px;
}
.public-method .team-benefit{max-width: 1120px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
gap: 48px 64px;
align-items: start;}
.public-method .plain-form h2{font-size: 1.85rem;
line-height: 1.2;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.public-method .plain-form p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.public-method .visual-view{display: flex;
flex-direction: column;
gap: 32px;}
.public-method .quiet-items h3{font-size: 1.15rem;
line-height: 1.3;
margin: 0 0 10px;}
.public-method .quiet-items p{margin: 0;
font-size: 1rem;
line-height: 1.7;}
.public-method .plain-lead{grid-column: 1 / -1;
margin: 8px 0 0;
font-size: 0.98rem;
line-height: 1.6;}
.public-method .plain-lead a{text-decoration: underline;
text-underline-offset: 3px;}
.public-method .plain-lead a:hover{}
@media (max-width: 860px) {.public-method{
padding: 56px 20px;
}.public-method .team-benefit{
grid-template-columns: 1fr;
gap: 36px;
}.public-method .plain-form h2{
font-size: 1.55rem;
}
}
.public-method{
background: var(--paint-page);
color: var(--line-inverse);
}
.strong-note{
background: var(--line-secondary);
color: var(--surface-base);
padding: 72px 24px;
}
.strong-note .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 22px;}
.strong-note h2{margin: 0 0 6px;
font-size: clamp(1.6rem, 3vw, 2.2rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.strong-note .active-headline{margin: 0;
font-size: 1.08rem;
line-height: 1.65;}
.strong-note .team-view{margin: 0;
font-size: 1rem;
line-height: 1.7;color:inherit;}
@media (min-width: 860px) {.strong-note .team-benefit{
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 56px;
row-gap: 18px;
}.strong-note h2,
.strong-note .active-headline{
grid-column: 1 / -1;
}.strong-note .active-headline{
max-width: none;
}
}
.site-headline{
--layer-local: #D9D2C0;
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem;
}
.site-headline .team-benefit{max-width: 1080px;
margin: 0 auto;}
.site-headline h2{font-size: clamp(1.75rem, 3vw, 2.4rem);
line-height: 1.2;
margin: 0 0 1rem;
font-weight: 600;}
.site-headline .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 3rem;}
.site-headline .wide-feature{display: flex;
flex-direction: column;}
.site-headline .narrow-body{display: grid;
grid-template-columns: minmax(220px, 1fr) 2fr;
gap: 1rem 2.5rem;
padding: 1.75rem 0;
border-top: 1px solid var(--layer-local);}
.site-headline .narrow-body:last-child{border-bottom: 1px solid var(--layer-local);}
.site-headline .narrow-body h3{font-size: 1.15rem;
line-height: 1.35;
margin: 0;
font-weight: 600;}
.site-headline .narrow-body p{margin: 0 0 0.9rem;
line-height: 1.65;}
.site-headline .narrow-body .media-block{grid-column: 2;
align-self: start;
justify-self: start;
font-size: 0.95rem;
color: #1F3A6E;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 2px;
transition: color 0.2s ease;}
.site-headline .narrow-body .media-block:hover{color: var(--tone-main, #5C6E3A);}
.site-headline .plain-lead{margin: 2.5rem 0 0;
font-size: 0.98rem;
line-height: 1.6;}
.site-headline .plain-lead a{color: #1F3A6E;
text-decoration: none;
border-bottom: 1px solid currentColor;}
.site-headline .plain-lead a:hover{color: var(--tone-main, #5C6E3A);}
@media (max-width: 720px) {.site-headline{
padding: 3rem 1.25rem;
}.site-headline .narrow-body{
grid-template-columns: 1fr;
gap: 0.75rem;
}.site-headline .narrow-body .media-block{
grid-column: 1;
}
}
.site-headline{
background: var(--line-secondary);
color: var(--surface-base);
}
.quiet-media{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4rem 1.5rem;
}
.quiet-media .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 2.5rem 3.5rem;
align-items: start;}
.quiet-media .active-headline h2{margin: 0 0 1rem;
font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.quiet-media .active-headline p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.quiet-media .direct-service{display: flex;
flex-direction: column;
gap: 1.6rem;}
.quiet-media .narrow-body h3{margin: 0 0 0.4rem;
font-size: 1.12rem;
line-height: 1.3;}
.quiet-media .narrow-body p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
.quiet-media .team-view{grid-column: 1 / -1;
margin: 0.5rem 0 0;
padding-top: 1.6rem;
border-top: 1px solid var(--line-main, #D9D2C0);
font-size: 0.98rem;
line-height: 1.65;}
.quiet-media .plain-lead{text-decoration: underline;
text-underline-offset: 3px;}
.quiet-media .plain-lead:hover{}
@media (max-width: 780px) {.quiet-media{
padding: 3rem 1.25rem;
}.quiet-media .team-benefit{
grid-template-columns: 1fr;
gap: 2rem;
}
}
.strong-surface{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem;
}
.strong-surface .team-benefit{max-width: 980px;
margin: 0 auto;}
.strong-surface h2{font-size: clamp(1.6rem, 3vw, 2.1rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.strong-surface .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 2.75rem;}
.strong-surface .public-details{padding: 1.6rem 0;
border-top: 1px solid var(--line-main, #D9D2C0);}
.strong-surface .public-details:last-child{border-bottom: 1px solid var(--line-main, #D9D2C0);}
.strong-surface .public-details h3{font-size: 1.15rem;
line-height: 1.35;
margin: 0 0 0.6rem;
font-weight: 600;}
.strong-surface .public-details p{margin: 0;
font-size: 1rem;
line-height: 1.7;}
.strong-surface .public-details a{text-decoration: underline;
text-underline-offset: 3px;}
.strong-surface .public-details a:hover{}
@media (max-width: 640px) {.strong-surface{
padding: 3rem 1.15rem;
}.strong-surface .active-headline{
margin-bottom: 2rem;
}.strong-surface .public-details{
padding: 1.35rem 0;
}
}
.text-plan{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem 5rem;
}
.text-plan .team-benefit{max-width: 1080px;
margin: 0 auto;}
.text-plan .active-headline h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.text-plan .active-headline p{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 2.75rem;}
.text-plan .content-unit{display: grid;
grid-template-columns: 1.1fr 1fr 1fr;
gap: 2rem 2.5rem;
align-items: start;}
.text-plan .plain-lead h3{font-size: 1.08rem;
line-height: 1.3;
margin: 0 0 0.6rem;
font-weight: 600;}
.text-plan .plain-lead p{font-size: 0.97rem;
line-height: 1.62;
margin: 0;}
.text-plan .open-figure{margin-top: 3rem;
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 1.5rem 3rem;
align-items: start;}
.text-plan .open-figure p{font-size: 0.97rem;
line-height: 1.62;
margin: 0;}
.text-plan .service-links{font-size: 0.95rem;}
.text-plan .service-links a{text-decoration: underline;
text-underline-offset: 3px;}
.text-plan .service-links a:hover{}
@media (max-width: 880px) {.text-plan .content-unit{
grid-template-columns: 1fr 1fr;
}.text-plan .open-figure{
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {.text-plan{
padding: 3rem 1.15rem 3.5rem;
}.text-plan .content-unit{
grid-template-columns: 1fr;
gap: 1.75rem;
}.text-plan .active-headline p{
margin-bottom: 2rem;
}
}
.active-tile{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem;
}
.active-tile .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 3rem 4rem;
align-items: start;}
.active-tile .active-headline h2{font-size: clamp(1.6rem, 2.6vw, 2.2rem);
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.active-tile .active-headline p{margin: 0 0 1rem;
line-height: 1.65;
font-size: 1.02rem;}
.active-tile .visual-copy{display: flex;
flex-direction: column;
gap: 1.6rem;}
.active-tile .narrow-body h3{font-size: 1.05rem;
margin: 0 0 0.4rem;
letter-spacing: 0.01em;}
.active-tile .narrow-body p{margin: 0 0 0.5rem;
line-height: 1.6;
font-size: 0.98rem;}
.active-tile .narrow-body a{display: inline-block;
color: #1F3A6E;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;
font-size: 1rem;
word-break: break-word;}
.active-tile .narrow-body a:hover{color: var(--paint-deep, #5C6E3A);}
.active-tile .team-view{grid-column: 1 / -1;
margin: 0;
padding-top: 1.5rem;
border-top: 1px solid var(--line-main, #D9D2C0);
line-height: 1.65;
font-size: 0.98rem;}
@media (max-width: 780px) {.active-tile{
padding: 3rem 1.25rem;
}.active-tile .team-benefit{
grid-template-columns: 1fr;
gap: 2.2rem;
}
}
.active-tile{
--tone-cool: var(--line-secondary, #F6F1E4);
--line-deep: var(--surface-base, #1C2230);
--surface-clear: #FBF7EC;
--tone-panel: var(--line-main, #D9D2C0);
background: var(--tone-cool);
color: var(--line-deep);
padding: 4.5rem 1.5rem 5rem;
}
.active-tile .team-benefit{max-width: 1080px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.75rem;}
.active-tile .plain-form h2{font-size: clamp(1.6rem, 2.4vw + 1rem, 2.3rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.active-tile .plain-form p{margin: 0;
font-size: 1.05rem;
line-height: 1.65;}
.active-tile .visual-copy{display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 2rem 2.5rem;
align-items: start;}
.active-tile .service-fields h3{font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0 0 0.6rem;
font-weight: 600;}
.active-tile .service-fields address,
.active-tile .service-fields p{margin: 0;
font-style: normal;
font-size: 1rem;
line-height: 1.6;}
.active-tile .service-fields a{color: var(--line-deep);
text-decoration: underline;
text-underline-offset: 3px;}
.active-tile .service-fields a:hover{color: #1F3A6E;}
.active-tile .team-view{
margin: 0;
padding: 1.5rem 1.75rem;
background: var(--surface-clear);
color: var(--line-deep);
border: 1px solid var(--tone-panel);
border-radius: 6px;
font-size: 1rem;
line-height: 1.65;
}
@media (max-width: 780px) {.active-tile{
padding: 3rem 1.25rem 3.5rem;
}.active-tile .visual-copy{
grid-template-columns: 1fr;
gap: 1.75rem;
}
}
.strong-note{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 72px 24px;
}
.strong-note .team-benefit{max-width: 1080px;
margin: 0 auto;}
.strong-note h2{font-size: clamp(1.7rem, 3vw, 2.3rem);
line-height: 1.2;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.strong-note .active-headline{font-size: 1.08rem;
line-height: 1.65;
margin: 0 0 44px;}
.strong-note .soft-shell{display: flex;
flex-direction: column;
gap: 30px;}
.strong-note .team-view{display: grid;
grid-template-columns: minmax(200px, 260px) 1fr;
gap: 8px 40px;
align-items: start;}
.strong-note .team-view h3{font-size: 1.05rem;
line-height: 1.4;
margin: 0;
font-weight: 600;}
.strong-note .team-view p{margin: 0;
font-size: 1rem;
line-height: 1.65;}
.strong-note .team-view a{text-decoration: underline;
text-underline-offset: 3px;}
.strong-note .team-view a:hover{}
@media (max-width: 720px) {.strong-note{
padding: 52px 20px;
}.strong-note .team-view{
grid-template-columns: 1fr;
gap: 6px;
}.strong-note .active-headline{
margin-bottom: 34px;
}
}
.strong-note{
background: var(--paint-page);
color: var(--line-inverse);
}
.strong-surface{
background: var(--line-secondary);
color: var(--surface-base);
padding: 72px 24px 88px;
}
.strong-surface .team-benefit{max-width: 880px;
margin: 0 auto;}
.strong-surface .plain-form{margin-bottom: 48px;}
.strong-surface h2{font-size: clamp(1.7rem, 3vw, 2.4rem);
line-height: 1.2;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.strong-surface .active-headline{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
color: #2E2A22;}
.strong-surface .wide-feature{display: flex;
flex-direction: column;
gap: 34px;}
.strong-surface .narrow-body h3{font-size: 1.15rem;
line-height: 1.35;
margin: 0 0 10px;
font-weight: 600;}
.strong-surface .narrow-body p{margin: 0;
font-size: 0.98rem;
line-height: 1.7;
color: #2E2A22;}
.strong-surface .service-links{margin: 56px 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.strong-surface .service-links a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
.strong-surface .service-links a:hover{color: #162C56;}
@media (max-width: 640px) {.strong-surface{
padding: 56px 20px 68px;
}.strong-surface .plain-form{
margin-bottom: 36px;
}.strong-surface .wide-feature{
gap: 28px;
}
}
.header{
background: var(--line-secondary);
color: var(--surface-base);
padding: 72px 24px 80px;
}
.header .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
gap: 48px 64px;
align-items: start;}
.header .active-headline h2{margin: 0 0 16px;
font-size: 1.9rem;
line-height: 1.2;
letter-spacing: -0.01em;}
.header .active-headline p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.header .visual-content{display: grid;
gap: 22px;}
.header .narrow-body{padding-bottom: 18px;
border-bottom: 1px solid var(--line-main, #D9D2C0);}
.header .narrow-body:last-child{padding-bottom: 0;
border-bottom: none;}
.header .simple-group{display: block;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.14em;
margin-bottom: 6px;
color: #2E2A22;
opacity: 0.75;}
.header .wide-track{margin: 0;
font-size: 1.05rem;
line-height: 1.55;}
.header .wide-track a{color: var(--tone-dark, #1F3A6E);
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.header .wide-track a:hover{color: var(--tone-extra-39, #162C56);}
.header .team-view{grid-column: 1 / -1;
margin: 8px 0 0;
font-size: 0.96rem;
line-height: 1.65;
color: #2E2A22;}
@media (max-width: 760px) {.header{
padding: 52px 20px 60px;
}.header .team-benefit{
grid-template-columns: 1fr;
gap: 32px;
}.header .active-headline h2{
font-size: 1.55rem;
}
}
.header{
background: var(--line-secondary);
color: var(--surface-base);
}
.local-feature{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem 5rem;
}
.local-feature .team-benefit{max-width: 1080px;
margin: 0 auto;}
.local-feature h2{font-size: clamp(1.6rem, 2.4vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.local-feature .active-headline{font-size: 1.06rem;
line-height: 1.65;
margin: 0 0 2.4rem;}
.local-feature .soft-shell{display: flex;
flex-direction: column;
gap: 1.6rem;}
.local-feature .team-view{padding-left: 1.1rem;
border-left: 1px solid var(--line-main, #D9D2C0);}
.local-feature .team-view h3{font-size: 1.08rem;
margin: 0 0 0.45rem;
letter-spacing: 0.005em;}
.local-feature .team-view p{margin: 0;
line-height: 1.62;
font-size: 0.99rem;}
.local-feature .open-figure{margin: 2.6rem 0 0;
line-height: 1.65;
font-size: 0.99rem;}
.local-feature .open-figure a{text-decoration: underline;
text-underline-offset: 3px;}
.local-feature .open-figure a:hover{}
@media (min-width: 760px) {.local-feature{
padding: 5.5rem 2rem 6rem;
}.local-feature .soft-shell{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.9rem 2.6rem;
}.local-feature .team-view:last-child{
grid-column: 1 / -1;
}
}
.local-feature{
background: var(--paint-page);
color: var(--line-inverse);
}
.direct-wrap{
--label-strong: #D9D2C0;
--surface-soft: #1F3A6E;
background: var(--line-secondary);
color: var(--surface-base);
padding: 64px 24px 72px;
}
.direct-wrap .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
gap: 48px 64px;}
.direct-wrap .plain-form h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.direct-wrap .plain-form p{margin: 0 0 16px;
font-size: 1.02rem;
line-height: 1.65;}
.direct-wrap .featured-entries{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px 24px;}
.direct-wrap .simple-contact{display: flex;
flex-direction: column;
gap: 6px;}
.direct-wrap .featured-contact{grid-column: 1 / -1;}
.direct-wrap .simple-contact label{font-size: 0.86rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #2E2A22;}
.direct-wrap .simple-contact input,
.direct-wrap .simple-contact textarea{
font: inherit;
color: var(--surface-base);
background: #FBF7EC;
border: 1px solid var(--label-strong);
border-radius: 4px;
padding: 11px 13px;
width: 100%;
box-sizing: border-box;
}
.direct-wrap .simple-contact textarea{resize: vertical;
line-height: 1.55;}
.direct-wrap .simple-contact input:focus,
.direct-wrap .simple-contact textarea:focus{outline: 2px solid var(--surface-soft);
outline-offset: 1px;}
.direct-wrap .active-team{grid-column: 1 / -1;
margin-top: 4px;}
.direct-wrap .active-team button{
font: inherit;
font-size: 1rem;
letter-spacing: 0.02em;
background: var(--surface-soft);
color: #F6F1E4;
border: none;
border-radius: 4px;
padding: 13px 30px;
cursor: pointer;
}
.direct-wrap .active-team button:hover{
background: #162C56;
}
.direct-wrap .steady-section{grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 10px 40px;
padding-top: 28px;
border-top: 1px solid var(--label-strong);}
.direct-wrap .steady-section p{margin: 0;
font-size: 0.98rem;
line-height: 1.55;}
.direct-wrap .steady-section .featured-frame{display: block;
font-size: 0.8rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #2E2A22;
margin-bottom: 2px;}
.direct-wrap .steady-section a{color: var(--surface-soft);
text-decoration: none;
border-bottom: 1px solid var(--label-strong);}
.direct-wrap .steady-section a:hover{border-bottom-color: var(--surface-soft);}
@media (max-width: 860px) {.direct-wrap{
padding: 48px 20px 56px;
}.direct-wrap .team-benefit{
grid-template-columns: 1fr;
gap: 36px;
}.direct-wrap .featured-entries{
grid-template-columns: 1fr;
}.direct-wrap .plain-form h2{
font-size: 1.55rem;
}
}
.direct-wrap{
background: var(--line-secondary);
color: var(--surface-base);
}
.active-tile{
--type-strong: #D9D2C0;
background: var(--line-secondary);
color: var(--surface-base);
padding: 72px 24px 88px;
}
.active-tile .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 48px 64px;
align-items: start;}
.active-tile .track{grid-column: 1;}
.active-tile .track h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.active-tile .active-headline{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 16px;}
.active-tile .track p{line-height: 1.65;
margin: 0 0 14px;}
.active-tile .steady-section{grid-column: 2;
display: flex;
flex-direction: column;
gap: 22px;}
.active-tile .visual-grid{padding-bottom: 18px;
border-bottom: 1px solid var(--type-strong);}
.active-tile .visual-grid:last-child{border-bottom: none;
padding-bottom: 0;}
.active-tile .simple-group{display: block;
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 6px;}
.active-tile .wide-track{margin: 0;
font-size: 1.02rem;
line-height: 1.55;}
.active-tile .wide-track a{text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.active-tile .wide-track a:hover{}
.active-tile .team-view{grid-column: 1 / -1;
margin: 8px 0 0;
font-size: 0.92rem;
line-height: 1.6;}
@media (max-width: 820px) {.active-tile{
padding: 56px 20px 68px;
}.active-tile .team-benefit{
grid-template-columns: 1fr;
gap: 32px;
}.active-tile .track,
.active-tile .steady-section,
.active-tile .team-view{
grid-column: 1;
}
}
.active-tile{
background: var(--paint-page);
color: var(--line-inverse);
}
.clear-feature{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4rem 1.25rem 5rem;
}
.clear-feature .team-benefit{max-width: 1080px;
margin: 0 auto;}
.clear-feature h2{margin: 0 0 1rem;
font-size: clamp(1.7rem, 3vw, 2.4rem);
line-height: 1.2;
font-weight: 600;}
.clear-feature .active-headline{margin: 0 0 2.5rem;
font-size: 1.05rem;
line-height: 1.65;}
.clear-feature .wide-feature{margin: 0;
padding: 0;}
.clear-feature .wide-feature dt{margin: 1.75rem 0 0.5rem;
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 0.01em;}
.clear-feature .wide-feature dt:first-of-type{margin-top: 0;}
.clear-feature .wide-feature dd{margin: 0;
padding: 0 0 1.5rem;
font-size: 1rem;
line-height: 1.7;
border-bottom: 1px solid var(--line-main, #D9D2C0);}
.clear-feature .wide-feature dd:last-of-type{border-bottom: none;
padding-bottom: 0;}
.clear-feature .wide-feature a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 2px;}
.clear-feature .wide-feature a:hover{color: #162C56;}
@media (max-width: 640px) {.clear-feature{
padding: 3rem 1rem 3.5rem;
}.clear-feature .active-headline{
margin-bottom: 2rem;
}
}
.clear-feature{
background: var(--line-secondary);
color: var(--surface-base);
}
.active-tile{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 64px 24px 72px;
}
.active-tile .team-benefit{max-width: 1080px;
margin: 0 auto;}
.active-tile .plain-form h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 20px;
letter-spacing: 0.01em;}
.active-tile .plain-form p{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 16px;}
.active-tile .visual-copy{margin-top: 32px;
display: grid;
grid-template-columns: 1.6fr 1fr 1fr;
gap: 28px 40px;}
.active-tile .service-fields h3{font-size: 0.86rem;
text-transform: uppercase;
letter-spacing: 0.12em;
margin: 0 0 8px;
font-weight: 600;}
.active-tile .service-fields p{margin: 0;
font-size: 1rem;
line-height: 1.55;}
.active-tile .service-fields a{text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.active-tile .service-fields a:hover{}
.active-tile .team-view{margin-top: 36px;
font-size: 0.95rem;
line-height: 1.6;
padding-top: 20px;
border-top: 1px solid var(--line-main, #D9D2C0);}
.active-tile .team-view a{text-decoration: none;
border-bottom: 1px solid currentColor;}
.active-tile .team-view a:hover{}
@media (max-width: 820px) {.active-tile{
padding: 48px 20px 56px;
}.active-tile .visual-copy{
grid-template-columns: 1fr;
gap: 24px;
}.active-tile .plain-form h2{
font-size: 1.6rem;
}
}
.site-body{
background: var(--line-secondary);
color: var(--surface-base);
padding: 72px 24px 88px;
}
.site-body .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
gap: 48px 64px;
align-items: start;}
.site-body h2{grid-column: 1 / -1;
margin: 0 0 8px;
font-size: clamp(1.9rem, 3.4vw, 2.6rem);
line-height: 1.15;
letter-spacing: -0.01em;}
.site-body .active-headline{grid-column: 1 / -1;
margin: 0 0 24px;
font-size: 1.08rem;
line-height: 1.7;}
.site-body .site-group{grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
gap: 28px 64px;
align-items: start;}
.site-body .site-group h3{margin: 0;
font-size: 1.12rem;
line-height: 1.4;
font-weight: 600;
letter-spacing: 0.01em;}
.site-body .site-group p{margin: 0 0 20px;
font-size: 1rem;
line-height: 1.75;}
.site-body .site-group p:last-child{margin-bottom: 0;}
.site-body .site-group h3 + p{margin-top: 2px;}
.site-body a{text-decoration: underline;
text-underline-offset: 3px;}
.site-body a:hover{}
@media (max-width: 820px) {.site-body{
padding: 56px 20px 64px;
}.site-body .team-benefit,
.site-body .site-group{
grid-template-columns: 1fr;
gap: 20px;
}.site-body .site-group h3{
margin-top: 12px;
}.site-body .site-group h3:first-child{
margin-top: 0;
}
}
.site-body{
background: var(--paint-page);
color: var(--line-inverse);
}
.active-view{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 4.5rem 1.5rem 5rem;
}
.active-view .team-benefit{max-width: 1080px;
margin: 0 auto;}
.active-view .site-group{display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
column-gap: 4rem;
row-gap: 1.6rem;
align-items: start;}
.active-view h1{grid-column: 1 / -1;
margin: 0;
font-size: clamp(1.9rem, 3.4vw, 2.7rem);
line-height: 1.15;
letter-spacing: -0.01em;
font-weight: 600;}
.active-view .active-headline{grid-column: 1 / 2;
margin: 0;
font-size: 1.08rem;
line-height: 1.65;}
.active-view .site-group > p:not(.active-headline):not(.open-figure){grid-column: 2 / 3;
margin: 0;
font-size: 0.98rem;
line-height: 1.7;}
.active-view .plain-lead{grid-column: 1 / -1;
margin-top: 1rem;
padding-top: 1.6rem;
border-top: 1px solid var(--line-main, #D9D2C0);
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.9rem 2rem;}
.active-view .secondary-fields{margin: 0;
font-size: 0.9rem;
letter-spacing: 0.02em;
text-transform: uppercase;}
.active-view .plain-lead a{text-decoration: none;
font-size: 1rem;
border-bottom: 1px solid currentColor;
padding-bottom: 2px;}
.active-view .plain-lead a:hover{}
.active-view .open-figure{grid-column: 1 / -1;
margin: 0.4rem 0 0;
font-size: 0.98rem;
line-height: 1.7;}
.active-view .open-figure a{text-decoration: none;
border-bottom: 1px solid currentColor;}
.active-view .open-figure a:hover{}
@media (max-width: 760px) {.active-view{
padding: 3rem 1.25rem 3.5rem;
}.active-view .site-group{
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 1.3rem;
}.active-view .active-headline,
.active-view .site-group > p:not(.active-headline):not(.open-figure),
.active-view .plain-lead,
.active-view .open-figure{
grid-column: 1 / -1;
}.active-view .plain-lead{
gap: 0.7rem 1.4rem;
}
}
.active-view{
background: var(--paint-page);
color: var(--line-inverse);
}
.compact-rail{
background: var(--line-secondary);
color: var(--surface-base);
padding: 4.5rem 1.5rem 5rem;
}
.compact-rail .team-benefit{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 3rem 4rem;
align-items: start;}
.compact-rail .active-headline h2{font-size: clamp(1.6rem, 2.4vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.compact-rail .active-headline p{margin: 0 0 1rem;
font-size: 1.05rem;
line-height: 1.65;}
.compact-rail .active-headline .team-view{margin-bottom: 0;
font-size: 0.98rem;
line-height: 1.6;
color: #2E2A22;}
.compact-rail .plain-lead{display: flex;
flex-direction: column;
gap: 0.85rem;
padding-top: 0.35rem;}
.compact-rail .plain-lead .go{
display: inline-block;
background: var(--tone-dark);
color: var(--tone-extra-38);
text-decoration: none;
padding: 0.95rem 1.4rem;
border-radius: 6px;
font-size: 1rem;
line-height: 1.3;
text-align: center;
}
.compact-rail .plain-lead .go:hover{
background: var(--tone-extra-39);color:#1C2230;}
.compact-rail .plain-lead .service-intro{color: var(--surface-base);
text-decoration: none;
font-size: 0.95rem;
padding: 0.2rem 0.1rem;
border-bottom: 1px solid var(--line-main);
align-self: flex-start;}
.compact-rail .plain-lead .service-intro:hover{border-bottom-color: var(--surface-base);}
@media (max-width: 760px) {.compact-rail{
padding: 3rem 1.15rem 3.5rem;
}.compact-rail .team-benefit{
grid-template-columns: 1fr;
gap: 2rem;
}.compact-rail .plain-lead .go{
width: 100%;
}
}
.404{
background: var(--line-secondary, #F6F1E4);
color: var(--surface-base, #1C2230);
padding: 88px 24px 96px;
}
.404 .team-benefit{
max-width: 1080px;
margin: 0 auto;
}
.404 .site-group{
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
column-gap: 64px;
row-gap: 20px;
align-items: start;
}
.404 h1{
grid-column: 1 / -1;
margin: 0 0 4px;
font-size: clamp(1.9rem, 3.4vw, 2.7rem);
line-height: 1.12;
letter-spacing: -0.01em;
font-weight: 600;
}
.404 .active-headline{
grid-column: 1;
margin: 0;
font-size: 1.08rem;
line-height: 1.65;
}
.404 .team-view{
grid-column: 2;
margin: 0;
font-size: 0.97rem;
line-height: 1.6;
}
.404 .plain-lead{
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 14px 28px;
align-items: baseline;
margin-top: 26px;
padding-top: 22px;
border-top: 1px solid var(--line-main, #D9D2C0);
}
.404 .go{
display: inline-block;
background: var(--tone-dark, #1F3A6E);
color: var(--tone-extra-38, #F6F1E4);
padding: 12px 22px;
border-radius: 4px;
text-decoration: none;
font-size: 1rem;
transition: background 0.18s ease;
}
.404 .go:hover,
.404 .go:focus-visible{
background: var(--tone-extra-39, #162C56);color:#1C2230;}
.404 .primary-story{
text-decoration: none;
font-size: 0.98rem;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
transition: border-color 0.18s ease;
}
.404 .primary-story:hover,
.404 .primary-story:focus-visible{
border-bottom-color: var(--paint-deep, #5C6E3A);
}
@media (max-width: 760px) {.404{
padding: 60px 20px 72px;
}.404 .site-group{
grid-template-columns: 1fr;
row-gap: 18px;
}.404 .active-headline,
.404 .team-view{
grid-column: 1;
}.404 .plain-lead{
gap: 16px;
}
}
.404{
background: var(--paint-page);
color: var(--line-inverse);
}