html{box-sizing:border-box;}
body{margin:0;padding:0;font-family:"Exo 2", sans-serif;}
*,*::before,*::after{box-sizing:inherit;}
:root {
--ease-entry: cubic-bezier(0.16,1,0.3,1);
--paint-strong: #ffffff;
--line-light: #24211d;
--surface-accent: #d9d0c0;
--tone-cool: #a45f2a;
--ink-page: #24211d;
--line-dark: #244238;
}
a{color:inherit;}
.tile {
width: 100%;
background: #244238;
color: #faf8f1;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
position: relative;
z-index: 10;
}
.primary-surface {
max-width: 1580px;
margin: 0 auto;
padding: 1.5rem 1.94rem;
display: flex;
align-items: center;
gap: 1.91rem;
}
.contact-items {
font-size: calc(18.3px * 1.125);
font-weight: 700;
letter-spacing: 0.02em;
color: #faf8f1;
text-decoration: none;
flex-shrink: 0;
}
.contact-items:hover {
color: var(--tone-cool);
}
.nav-desktop {
flex: 1 1 auto;
margin-left: calc(1.91rem * 1.5);
}
.nav-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: calc(1.91rem * 1.5);
}
.nav-list a {
color: #faf8f1;
text-decoration: none;
font-size: 18.3px;
padding: 0.35rem 0.15rem;
border-radius: 0.28rem;
transition: color 460ms var(--ease-entry);
}
.nav-list a:hover {
color: var(--tone-cool);
}
.primary-steps {
flex-shrink: 0;
}
.primary-team {
display: inline-block;
background: var(--tone-cool);
color: #fff7ed;
text-decoration: none;
font-size: 18.3px;
font-weight: 600;
padding: 0.7rem 1.25rem;
border-radius: 0.42rem;
box-shadow: 0 2px 4px rgba(0,0,0,0.13);
transition: background 460ms var(--ease-entry);
}
.primary-team:hover{
background: #874b20;color:var(--line-light);}
.strong-entries {
display: none;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 0.28rem;
padding: 0.5rem;
cursor: pointer;
flex-direction: column;
justify-content: center;
gap: 4px;
width: 42px;
height: 42px;
margin-left: auto;
}
.page-shell{
display: block;
width: 20px;
height: 2px;
background: #faf8f1;
border-radius: 1px;color:var(--line-light);}
.nav-mobile{
display: none;
background: #244238;
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding: calc(1.91rem * 1.5) 1.94rem 1.5rem;color:#faf8f1;}
.nav-mobile[hidden]{display: none;}
.nav-mobile.is-open{display: block;}
.nav-mobile-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: calc(1.91rem * 1.5);
}
.nav-mobile-list a {
color: #faf8f1;
text-decoration: none;
font-size: 18.3px;
display: block;
padding: 0.4rem 0;
}
.nav-mobile-list a:hover {
color: var(--tone-cool);
}
.nav-mobile-cta a {
display: inline-block;
background: var(--tone-cool);
color: #fff7ed;
padding: 0.7rem 1.25rem;
border-radius: 0.42rem;
font-weight: 600;
text-align: center;
}
.nav-mobile-cta a:hover {
background: #874b20;
color: #fff7ed;
}
@media (max-width: 900px) {
.nav-list {
gap: calc(1.5rem * .75);
}
.nav-list a {
font-size: calc(18.3px * .875);
}
}
@media (max-width: 767px) {
.nav-desktop,
.primary-steps {
display: none;
}
.strong-entries {
display: flex;
}
.primary-surface {
padding: calc(1.91rem * 1.5) 1.94rem;
}
}
.compact-view{padding:calc(1.5rem * 2.4) 1.94rem;font-family:"Exo 2", sans-serif;font-size:18.3px;line-height:1.64;background:#244238;color:#faf8f1;}
.content-benefit{max-width:1580px;margin:0 auto;display:flex;flex-direction:column;gap:calc(1.91rem * 1.5)}
.compact-fields{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.91rem;padding-bottom:calc(1.91rem * 1.5);border-bottom:1px solid rgba(255, 255, 255, 0.18)}
.site-service{font-size:calc(18.3px * 1.125);font-weight:700;letter-spacing:0.04em}
.secondary-header{display:flex;flex-wrap:wrap;gap:1.91rem}
.secondary-header a{color:inherit;text-decoration:none;font-size:calc(18.3px * .875);border-bottom:1px solid transparent;transition:border-color 460ms var(--ease-entry)}
.secondary-header a:hover,
.secondary-header a:focus-visible{border-bottom-color:currentColor;color:inherit}
.soft-visual{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:calc(1.5rem * .75)}
.simple-area{min-width:0}
.visual-shell{font-size:18.3px;font-weight:600;margin:0 0 1.5rem;letter-spacing:0.02em}
.quiet-group{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(1.5rem / 2)}
.quiet-group a{color:inherit;text-decoration:none;font-size:calc(18.3px * .875);transition:opacity 460ms var(--ease-entry)}
.quiet-group a:hover,
.quiet-group a:focus-visible{opacity:0.75;color:inherit}
.compact-footer{font-style:normal;display:flex;flex-direction:column;gap:calc(1.5rem / 2);font-size:calc(18.3px * .875)}
.active-panel a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 460ms var(--ease-entry)}
.active-panel a:hover,
.active-panel a:focus-visible{border-bottom-color:currentColor;color:inherit}
.narrow-track{padding-top:calc(1.91rem * 1.5);border-top:1px solid rgba(255, 255, 255, 0.18);font-size:calc(18.3px * .875);opacity:0.85}
.narrow-track p{margin:0}
.top-inner{font-size:calc(18.3px * .875);opacity:0.7}
@media (max-width: 900px) {.soft-visual{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width: 600px) {.soft-visual{grid-template-columns:1fr}.compact-fields{flex-direction:column;align-items:flex-start}
}
.cookies {
position: fixed;
top: 50%;
right: calc(1.91rem * 1.5);
transform: translateY(-50%);
width: 260px;
max-width: calc(100vw - calc(1.91rem * 1.5) * 2);
background: var(--paint-strong);
color: var(--line-light);
border: 1px solid var(--surface-accent);
border-radius: 0.74rem;
box-shadow: 0 12px 16px rgba(0,0,0,0.17);
padding: calc(1.5rem * .75);
font-family: "Exo 2", sans-serif;
font-size: calc(18.3px * .875);
line-height: 1.64;
z-index: 9999;
}
.cookies .simple-proof{display: flex;
flex-direction: column;
gap: 1.91rem;}
.cookies .offer-panel{margin: 0;
font-size: 18.3px;
font-weight: 600;
letter-spacing: 0.01em;}
.cookies .direct-service{margin: 0;
font-size: calc(18.3px * .875);
color: var(--ink-page);}
.cookies .visual-grid{display: flex;
flex-direction: column;
gap: 0.5rem;
margin-top: calc(1.91rem * 1.5);}
.cookies .fresh-media {
appearance: none;
border: 1px solid var(--surface-accent);
background: transparent;
color: var(--line-light);
font-family: inherit;
font-size: calc(18.3px * .875);
padding: 0.55rem 0.75rem;
border-radius: 0.28rem;
cursor: pointer;
text-align: center;
transition: background 460ms var(--ease-entry), color 460ms var(--ease-entry);
}
.cookies .fresh-media:hover{
background: color-mix(in srgb, currentColor 10%, transparent);color:var(--line-light);}
.cookies .cookie-accept {
background: var(--line-dark);
color: #faf8f1;
border-color: var(--line-dark);
}
.cookies .cookie-accept:hover{
background: #31594c;
border-color: #31594c;color:var(--line-light);}
.cookies.is-hidden{display: none;}
@media (max-width: 640px) {
.cookies {
top: auto;
bottom: calc(1.91rem * 1.5);
right: calc(1.91rem * 1.5);
left: calc(1.91rem * 1.5);
width: auto;
transform: none;
}
}
.links{
background: #faf8f1;
color: #24211d;
padding: 84px 24px 72px;
}
.links .active-callout{max-width: 1120px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 56px;
align-items: start;}
.links .team h1{font-size: clamp(2rem, 4.2vw, 3.1rem);
line-height: 1.12;
letter-spacing: -0.01em;
margin: 0 0 22px;
font-weight: 600;}
.links .wide-form{font-size: 1.075rem;
line-height: 1.62;
margin: 0 0 32px;
max-width: 46ch;}
.links .secondary-nav{display: flex;
flex-wrap: wrap;
gap: 14px 22px;
align-items: center;}
.links .go{
display: inline-block;
background: var(--line-dark);
color: #faf8f1;
padding: 14px 24px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 0.98rem;
transition: background 0.18s ease;
}
.links .go:hover{
background: #31594c;color:var(--line-light);}
.links .offer{color: #24211d;
text-decoration: none;
font-size: 0.98rem;
border-bottom: 1px solid var(--tone-cool);
padding-bottom: 2px;}
.links .offer:hover{color: var(--tone-cool);}
.links .team-lead{
background: #ece7dc;
color: var(--ink-page);
border-radius: 8px;
padding: 26px 26px 24px;
margin-top: 8px;
}
.links .direct-stack{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0 0 12px;
opacity: 0.72;}
.links .team-lead p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
.links .team-lead a{color: var(--tone-cool);
text-decoration: none;
border-bottom: 1px solid currentColor;}
.links .team-lead a:hover{color: #874b20;}
@media (max-width: 820px) {.links{
padding: 56px 20px 48px;
}.links .active-callout{
grid-template-columns: 1fr;
gap: 32px;
}.links .team-lead{
margin-top: 0;
}
}
.links{
background: #faf8f1;
color: #24211d;
}
.public-story{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem;
}
.public-story .active-callout{max-width: 960px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 3rem;
align-items: start;}
.public-story .team h2{margin: 0 0 1rem;
font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.public-story .team p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;
max-width: 46ch;}
.public-story .narrow-frame{border-left: 2px solid var(--tone-cool, #a45f2a);
padding: 0.25rem 0 0.25rem 1.5rem;}
.public-story .top-header{
display: inline-block;
background: var(--line-dark, #244238);
color: #faf8f1;
text-decoration: none;
padding: 0.9rem 1.5rem;
border-radius: 6px;
font-weight: 600;
font-size: 0.98rem;
transition: background 0.2s ease;
}
.public-story .top-header:hover{
background: #31594c;color:var(--line-light);}
.public-story .team-lead{margin: 1.1rem 0 0;
font-size: 0.9rem;
line-height: 1.55;
opacity: 0.85;}
.public-story .team-lead a{text-decoration: underline;
text-underline-offset: 2px;}
@media (max-width: 720px) {.public-story .active-callout{
grid-template-columns: 1fr;
gap: 2rem;
}.public-story .narrow-frame{
border-left: none;
border-top: 2px solid var(--tone-cool, #a45f2a);
padding: 1.5rem 0 0;
}
}
.public-story{
background: #244238;
color: #faf8f1;
}
.steady-section{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem;
}
.steady-section .active-callout{max-width: 1080px;
margin: 0 auto;}
.steady-section .team{max-width: 640px;
margin-bottom: 3rem;}
.steady-section .team h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.steady-section .team p{font-size: 1.02rem;
line-height: 1.65;
margin: 0;
color: var(--ink-page, #4a453e);}
.steady-section .strong-intro{display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.steady-section .active-stack{display: grid;
grid-template-columns: minmax(220px, 320px) 1fr;
gap: 1.5rem 3rem;
padding: 1.6rem 0;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);}
.steady-section .active-stack h3{font-size: 1.05rem;
line-height: 1.4;
margin: 0;
font-weight: 600;}
.steady-section .active-stack p{font-size: 0.96rem;
line-height: 1.65;
margin: 0;
color: var(--ink-page, #4a453e);}
.steady-section .secondary-unit{margin: 2.5rem 0 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--ink-page, #4a453e);
max-width: 720px;}
.steady-section .secondary-unit a{color: #244238;
text-decoration: underline;
text-underline-offset: 3px;}
.steady-section .secondary-unit a:hover{color: var(--tone-cool, #a45f2a);}
@media (max-width: 720px) {.steady-section{
padding: 3rem 1.15rem;
}.steady-section .team{
margin-bottom: 2rem;
}.steady-section .team h2{
font-size: 1.55rem;
}.steady-section .active-stack{
grid-template-columns: 1fr;
gap: 0.5rem;
padding: 1.3rem 0;
}
}
.steady-section{
background: #faf8f1;
color: #24211d;
}
.simple-stack{
background: #faf8f1;
color: #24211d;
padding: 72px 24px 88px;
}
.simple-stack .active-callout{max-width: 760px;
margin: 0 auto;}
.simple-stack .public-panel{margin-bottom: 44px;}
.simple-stack .public-panel h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.simple-stack .team{margin: 0;
max-width: 58ch;
font-size: 1.02rem;
line-height: 1.6;}
.simple-stack .offer-menu{border-top: 1px solid #d9d0c0;}
.simple-stack .steady-menu{padding: 26px 0 24px;
border-bottom: 1px solid #d9d0c0;}
.simple-stack .steady-menu h3{margin: 0 0 10px;
font-size: 1.06rem;
line-height: 1.4;}
.simple-stack .steady-menu p{margin: 0;
max-width: 66ch;
font-size: 0.98rem;
line-height: 1.65;}
.simple-stack .secondary-unit{margin: 36px 0 0;
font-size: 0.94rem;
line-height: 1.6;}
.simple-stack .secondary-unit a{text-decoration: underline;
text-underline-offset: 3px;}
.simple-stack .secondary-unit a:hover{}
@media (max-width: 620px) {.simple-stack{
padding: 52px 18px 64px;
}.simple-stack .public-panel h2{
font-size: 1.45rem;
}.simple-stack .steady-menu{
padding: 22px 0 20px;
}
}
.simple-stack{
background: #244238;
color: #faf8f1;
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 72px 24px 64px;
}
.local-links .active-callout{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 48px 64px;
align-items: start;}
.local-links h1{margin: 0;
font-size: clamp(1.75rem, 3.4vw, 2.6rem);
line-height: 1.18;
font-weight: 600;
letter-spacing: -0.01em;}
.local-links .team{padding-top: 6px;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.local-links .team p{margin: 0 0 16px;
font-size: 1.0625rem;
line-height: 1.6;}
.local-links .team p.note{margin-bottom: 0;
font-size: 0.9375rem;
line-height: 1.55;
opacity: 0.78;}
@media (max-width: 760px) {.local-links{
padding: 48px 20px 44px;
}.local-links .active-callout{
grid-template-columns: 1fr;
gap: 28px;
}.local-links .team{
padding-top: 20px;
}
}
.local-links{
background: #244238;
color: #faf8f1;
}
.compact-feature{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.compact-feature .active-callout{max-width: 1080px;
margin: 0 auto;}
.offer-fields{
max-width: 640px;
margin-bottom: 3.25rem;
}
.offer-fields h2{
font-size: clamp(1.6rem, 3vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;
}
.offer-fields p{
margin: 0;
font-size: 1.02rem;
line-height: 1.65;
}
.steady-method{
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 3.5rem;
row-gap: 2.4rem;
}
.compact-feature .open-details{padding-top: 1.1rem;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.compact-feature .open-details h3{font-size: 1.08rem;
margin: 0 0 0.55rem;
line-height: 1.3;}
.compact-feature .open-details p{margin: 0;
font-size: 0.95rem;
line-height: 1.6;}
.clear-stack{
margin: 3rem 0 0;
max-width: 560px;
font-size: 0.92rem;
line-height: 1.6;
font-style: italic;
}
@media (max-width: 720px) {.compact-feature{
padding: 3.25rem 1.25rem 3.5rem;
}.steady-method{
grid-template-columns: 1fr;
row-gap: 1.9rem;
}.offer-fields{
margin-bottom: 2.5rem;
}
}
.compact-feature{
background: #faf8f1;
color: #24211d;
}
.visual-feature{
--field-active: #d9d0c0;
--field-content: #ece7dc;
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.visual-feature .active-callout{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 3.5rem 4rem;
align-items: start;}
.visual-feature .public-panel h1{font-size: clamp(1.9rem, 3.2vw, 2.6rem);
line-height: 1.15;
margin: 0 0 1.4rem;
letter-spacing: -0.01em;}
.visual-feature .team{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 1.2rem;
max-width: 46ch;}
.visual-feature .media-unit{font-size: 0.95rem;
line-height: 1.6;
margin: 0;
padding-left: 1rem;
border-left: 2px solid var(--tone-cool);
max-width: 46ch;}
.visual-feature .bottom-header{display: flex;
flex-direction: column;
gap: 1.9rem;
padding-top: 0.4rem;
border-top: 1px solid var(--field-active);}
.visual-feature .team-lead{padding-top: 1.4rem;
border-top: 1px solid var(--field-active);}
.visual-feature .team-lead:first-child{border-top: 0;
padding-top: 0.6rem;}
.visual-feature .team-lead h2{font-size: 1rem;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: none;
margin: 0 0 0.55rem;}
.visual-feature .team-lead p{font-size: 0.95rem;
line-height: 1.6;
margin: 0;
max-width: 42ch;}
@media (max-width: 760px) {.visual-feature{
padding: 3rem 1.25rem 3.5rem;
}.visual-feature .active-callout{
grid-template-columns: 1fr;
gap: 2.5rem;
}.visual-feature .bottom-header{
padding-top: 0;
}
}
.visual-feature{
background: #244238;
color: #faf8f1;
}
.team-headline{
background: #faf8f1;
color: #24211d;
padding: 84px 24px 96px;
}
.team-headline .active-callout{max-width: 720px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 22px;
border-top: 1px solid var(--surface-accent, #d9d0c0);
padding-top: 40px;}
.team-headline h2{margin: 0;
font-size: clamp(1.6rem, 3vw, 2.15rem);
line-height: 1.2;
letter-spacing: -0.01em;
font-weight: 600;}
.team-headline .team{margin: 0;
font-size: 1.05rem;
line-height: 1.65;
max-width: 62ch;}
.team-headline .team-lead{margin: 0;
font-size: 0.98rem;
line-height: 1.6;
max-width: 58ch;
color: var(--ink-page, #4a453d);
padding-left: 16px;
border-left: 2px solid var(--tone-cool, #a45f2a);}
.team-headline .service-team{align-self: flex-start;
margin-top: 6px;
font-size: 0.95rem;
color: #244238;
text-decoration: none;
border-bottom: 1px solid #244238;
padding-bottom: 2px;}
.team-headline .service-team:hover{color: var(--line-clear, #a45f2a);
border-bottom-color: var(--line-clear, #a45f2a);}
@media (max-width: 640px) {.team-headline{
padding: 60px 20px 72px;
}.team-headline .active-callout{
padding-top: 28px;
gap: 18px;
}
}
.team-headline{
background: #faf8f1;
color: #24211d;
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 5.5rem 1.5rem 4.5rem;
}
.local-links .active-callout{max-width: 46rem;
margin: 0 auto;}
.local-links h1{margin: 0 0 1.25rem;
font-size: clamp(1.75rem, 3.4vw, 2.6rem);
line-height: 1.18;
letter-spacing: -0.01em;
font-weight: 600;}
.local-links .team{margin: 0;
max-width: 40rem;
font-size: 1.0625rem;
line-height: 1.65;}
@media (max-width: 640px) {.local-links{
padding: 3.5rem 1.25rem 3rem;
}.local-links .team{
font-size: 1rem;
}
}
.top-story{
background: #faf8f1;
color: #24211d;
padding: 72px 24px;
}
.top-story .active-callout{max-width: 940px;
margin: 0 auto;}
.top-story h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.top-story .team{max-width: 620px;
margin: 0 0 44px;
font-size: 1.02rem;
line-height: 1.6;}
.top-story .wide-summary{display: flex;
flex-direction: column;
gap: 40px;}
.top-story .media-rail{display: grid;
grid-template-columns: 1fr;
gap: 12px;
padding-left: 20px;
border-left: 2px solid var(--surface-accent, #d9d0c0);}
.top-story .row-head{display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 12px;}
.top-story .media-rail h3{font-size: 1.18rem;
margin: 0;
letter-spacing: -0.005em;}
.top-story .row-note{margin: 0;
font-size: 0.9rem;
opacity: 0.72;}
.top-story .media-rail p{margin: 0;
max-width: 660px;
line-height: 1.62;}
.top-story .text-lead{
justify-self: start;
margin-top: 6px;
padding: 9px 18px;
border-radius: 6px;
background: var(--line-dark, #244238);
color: #faf8f1;
text-decoration: none;
font-size: 0.92rem;
letter-spacing: 0.01em;
transition: background 0.15s ease;
}
.top-story .text-lead:hover{
background: #31594c;color:var(--line-light);}
.top-story .secondary-unit{margin: 52px 0 0;
padding-top: 22px;
border-top: 1px solid var(--surface-accent, #d9d0c0);
font-size: 0.94rem;
line-height: 1.6;
opacity: 0.85;}
.top-story .secondary-unit a{color: var(--tone-cool, #a45f2a);
text-decoration: underline;
text-underline-offset: 3px;}
.top-story .secondary-unit a:hover{color: #874b20;}
@media (min-width: 720px) {.top-story .media-rail{
grid-template-columns: 1fr;
padding-left: 26px;
}
}
.top-story{
background: #faf8f1;
color: #24211d;
}
.service-menu{
--field-base: #d9d0c0;
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.service-menu .active-callout{max-width: 1080px;
margin: 0 auto;}
.service-menu .narrow-form{max-width: 640px;
margin-bottom: 3rem;}
.service-menu h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.service-menu .team{margin: 0;
font-size: 1.05rem;
line-height: 1.65;
opacity: 0.82;}
.service-menu .bottom-header{display: flex;
flex-direction: column;
gap: 2.25rem;
border-top: 1px solid var(--field-base);
padding-top: 2.5rem;}
.service-menu .team-lead{display: grid;
grid-template-columns: minmax(200px, 260px) 1fr;
gap: 1.5rem 3rem;
align-items: start;
padding-bottom: 2.25rem;
border-bottom: 1px solid var(--field-base);}
.service-menu .team-lead:last-child{border-bottom: 0;
padding-bottom: 0;}
.service-menu .team-lead h3{margin: 0;
font-size: 1.05rem;
line-height: 1.4;
font-weight: 600;}
.service-menu .team-lead p{margin: 0;
font-size: 0.98rem;
line-height: 1.7;
opacity: 0.88;}
@media (max-width: 720px) {.service-menu{
padding: 3rem 1.25rem 3.5rem;
}.service-menu .team-lead{
grid-template-columns: 1fr;
gap: 0.6rem;
}
}
.service-menu{
background: #244238;
color: #faf8f1;
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 5.5rem 1.5rem 4.5rem;
}
.local-links .active-callout{max-width: 62rem;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.4rem;}
.local-links h1{font-size: clamp(1.9rem, 3.6vw, 2.9rem);
line-height: 1.18;
font-weight: 600;
letter-spacing: -0.01em;
margin: 0;}
.local-links .team{font-size: 1.1rem;
line-height: 1.6;
margin: 0;
max-width: 54rem;}
.local-links .team-lead{font-size: 0.98rem;
line-height: 1.55;
margin: 0;
max-width: 48rem;
opacity: 0.78;
border-left: 2px solid var(--tone-cool, #a45f2a);
padding-left: 1rem;}
@media (max-width: 640px) {.local-links{
padding: 3.5rem 1.25rem 3rem;
}.local-links .active-callout{
gap: 1.1rem;
}
}
.public-story{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.public-story .active-callout{max-width: 720px;
margin: 0 auto;}
.public-story h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
line-height: 1.2;
margin: 0 0 1.5rem;
letter-spacing: -0.01em;}
.public-story p{margin: 0 0 1rem;
font-size: 1.02rem;
line-height: 1.65;
max-width: 62ch;}
.public-story p a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.public-story p a:hover{color:inherit;}
.public-story .narrow-frame{margin-top: 2rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.25rem 1.75rem;}
.public-story .go{
display: inline-block;
background: #244238;
color: #faf8f1;
padding: 0.85rem 1.6rem;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 0.98rem;
}
.public-story .go:hover{
background: #31594c;color:var(--line-light);}
.public-story .contact-feature{color:inherit;
text-decoration: none;
font-size: 0.95rem;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);
padding-bottom: 2px;}
.public-story .contact-feature:hover{border-color: #24211d;}
.public-story{
background: #faf8f1;
color: #24211d;
}
.text-block{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem;
}
.text-block .active-callout{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
column-gap: 3.5rem;
row-gap: 2rem;
align-items: start;}
.text-block h2{grid-column: 1;
margin: 0;
font-size: 1.9rem;
line-height: 1.2;
letter-spacing: -0.01em;}
.text-block .team{grid-column: 1;
margin: 0;
font-size: 1rem;
line-height: 1.65;}
.text-block .public-brand{grid-column: 2;
grid-row: 1 / span 3;
display: flex;
flex-direction: column;
gap: 1.75rem;
padding-left: 2.25rem;
border-left: 1px solid #d9d0c0;}
.text-block .team-lead{
background: var(--paint-strong, #ffffff);
color: var(--line-light, #24211d);
border: 1px solid var(--surface-accent, #d9d0c0);
border-radius: 6px;
padding: 1.4rem 1.5rem 1.25rem;
}
.text-block .team-lead h3{margin: 0 0 0.6rem;
font-size: 1.05rem;
line-height: 1.35;}
.text-block .team-lead p{margin: 0 0 0.75rem;
font-size: 0.95rem;
line-height: 1.6;}
.text-block .team-lead .contact-links{margin: 0;
font-size: 0.82rem;
line-height: 1.5;}
.text-block .media-intro{grid-column: 1;
margin: 0;
padding-top: 1.25rem;
border-top: 1px solid #d9d0c0;
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 820px) {.text-block{
padding: 3rem 1.25rem;
}.text-block .active-callout{
grid-template-columns: 1fr;
column-gap: 0;
}.text-block h2,
.text-block .team,
.text-block .media-intro{
grid-column: 1;
}.text-block .public-brand{
grid-column: 1;
grid-row: auto;
padding-left: 0;
border-left: 0;
border-top: 1px solid #d9d0c0;
padding-top: 1.75rem;
}
}
.text-block{
background: #244238;
color: #faf8f1;
}
.clear-grid{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem;
}
.clear-grid .active-callout{max-width: 1080px;
margin: 0 auto;}
.clear-grid .public-panel{max-width: 62ch;
margin-bottom: 2.75rem;}
.clear-grid .public-panel h2{font-size: 1.85rem;
line-height: 1.25;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.clear-grid .public-panel p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.clear-grid .open-header{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.clear-grid .open-details{padding: 1.6rem 0 1.7rem;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 0.4rem 2.5rem;
align-items: start;}
.clear-grid .open-details h3{margin: 0;
font-size: 1.18rem;
line-height: 1.35;
font-weight: 600;}
.clear-grid .open-details h3 a{color: inherit;
text-decoration: none;
border-bottom: 1px solid var(--tone-cool, #a45f2a);
padding-bottom: 1px;}
.clear-grid .open-details h3 a:hover{color:inherit;
border-bottom-color: #244238;}
.clear-grid .open-details .quiet-shell{grid-column: 1;
margin: 0.35rem 0 0;
font-size: 0.9rem;
line-height: 1.5;color:inherit;}
.clear-grid .open-details p:not(.quiet-shell){grid-column: 2;
grid-row: 1 / span 2;
margin: 0;
font-size: 0.98rem;
line-height: 1.65;}
.clear-grid .media-intro{margin: 2.25rem 0 0;
max-width: 68ch;
font-size: 0.96rem;
line-height: 1.6;}
@media (max-width: 720px) {.clear-grid{
padding: 3rem 1.15rem;
}.clear-grid .public-panel h2{
font-size: 1.5rem;
}.clear-grid .open-details{
grid-template-columns: 1fr;
gap: 0.5rem;
}.clear-grid .open-details .quiet-shell,
.clear-grid .open-details p:not(.quiet-shell){
grid-column: 1;
grid-row: auto;
}
}
.clear-grid{
background: #faf8f1;
color: #24211d;
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 5.5rem 1.5rem 4rem;
}
.local-links .active-callout{max-width: 780px;
margin: 0 auto;}
.local-links h1{font-size: clamp(1.9rem, 3.4vw, 2.7rem);
line-height: 1.18;
letter-spacing: -0.01em;
margin: 0 0 1.4rem;
font-weight: 600;}
.local-links .team{font-size: 1.075rem;
line-height: 1.65;
margin: 0 0 1.1rem;
max-width: 62ch;}
.local-links .team-lead{font-size: 0.95rem;
line-height: 1.6;
margin: 0;
padding-left: 1rem;
border-left: 2px solid var(--tone-cool);
max-width: 54ch;}
@media (max-width: 640px) {.local-links{
padding: 3.5rem 1.25rem 2.75rem;
}.local-links .team{
font-size: 1rem;
}
}
.local-links{
background: #faf8f1;
color: #24211d;
}
.media-unit{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.media-unit .active-callout{max-width: 1080px;
margin: 0 auto;}
.media-unit .team{max-width: 62ch;
margin-bottom: 3rem;}
.media-unit .team h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.media-unit .team p{margin: 0;
line-height: 1.65;
font-size: 1.02rem;}
.media-unit .local-details{display: grid;
grid-template-columns: 1.1fr 1fr 1.2fr;
gap: 2.25rem;
border-top: 1px solid var(--surface-accent, #d9d0c0);
padding-top: 2.25rem;}
.media-unit .secondary-unit h3{font-size: 1.05rem;
line-height: 1.35;
margin: 0 0 0.7rem;
font-weight: 600;}
.media-unit .secondary-unit p{margin: 0 0 0.55rem;
font-size: 0.95rem;
line-height: 1.6;}
.media-unit .secondary-unit .active-figure{margin-top: 0.9rem;
font-size: 0.98rem;}
.media-unit .secondary-unit .active-figure a{text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.media-unit .secondary-unit .active-figure a:hover{}
.media-unit .secondary-unit .direct-entries{margin: 0;
font-size: 0.85rem;
opacity: 0.72;}
.media-unit .soft-track{margin: 3rem 0 0;
padding-top: 1.75rem;
border-top: 1px solid var(--surface-accent, #d9d0c0);
font-size: 0.95rem;
line-height: 1.7;
max-width: 78ch;}
.media-unit .soft-track a{text-decoration: none;
border-bottom: 1px solid currentColor;}
.media-unit .soft-track a:hover{}
@media (max-width: 860px) {.media-unit .local-details{
grid-template-columns: 1fr;
gap: 2rem;
}
}
.media-unit{
background: #244238;
color: #faf8f1;
}
.plain-menu{
background: #faf8f1;
color: #24211d;
padding: 72px 24px 88px;
}
.plain-menu .active-callout{max-width: 880px;
margin: 0 auto;}
.plain-menu .team{max-width: 640px;
margin-bottom: 48px;}
.plain-menu .team h2{margin: 0 0 16px;
font-size: 1.9rem;
line-height: 1.2;
letter-spacing: -0.01em;}
.plain-menu .team p{margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.plain-menu .plain-visual{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.plain-menu .narrow-fields{display: grid;
grid-template-columns: 200px 1fr;
gap: 24px 40px;
padding: 26px 0;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);}
.plain-menu .narrow-fields h3{margin: 0;
font-size: 1.05rem;
line-height: 1.35;
font-weight: 600;}
.plain-menu .narrow-fields p{margin: 0;
font-size: 0.98rem;
line-height: 1.62;}
.plain-menu .secondary-unit{margin: 40px 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.plain-menu .secondary-unit a{color: var(--tone-cool, #a45f2a);
text-decoration: underline;
text-underline-offset: 3px;}
.plain-menu .secondary-unit a:hover{color: #874b20;}
@media (max-width: 680px) {.plain-menu{
padding: 56px 20px 64px;
}.plain-menu .team h2{
font-size: 1.55rem;
}.plain-menu .narrow-fields{
grid-template-columns: 1fr;
gap: 8px;
padding: 22px 0;
}
}
.plain-menu{
background: #faf8f1;
color: #24211d;
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 3.5rem;
}
.local-links .active-callout{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 3rem 4rem;
align-items: start;}
.local-links .team h1{font-size: clamp(1.85rem, 3.2vw, 2.6rem);
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0 0 1.1rem;
font-weight: 600;}
.local-links .team .wide-form{font-size: 1.06rem;
line-height: 1.65;
margin: 0;
max-width: 46ch;
opacity: 0.88;}
.local-links .team-lead{padding-top: 0.55rem;
border-top: 2px solid #a45f2a;}
.local-links .team-lead p{margin: 0;
font-size: 0.98rem;
line-height: 1.7;
opacity: 0.82;}
@media (max-width: 780px) {.local-links{
padding: 3rem 1.25rem 2.5rem;
}.local-links .active-callout{
grid-template-columns: 1fr;
gap: 2rem;
}.local-links .team-lead{
padding-top: 1rem;
}
}
.narrow-steps{
--copy-large: #d9d0c0;
--axis-active: #a45f2a;
background: #faf8f1;
color: #24211d;
padding: 64px 24px 72px;
}
.narrow-steps .active-callout{max-width: 880px;
margin: 0 auto;}
.narrow-steps .team{max-width: 620px;
margin-bottom: 40px;}
.narrow-steps .team h2{margin: 0 0 14px;
font-size: 1.7rem;
line-height: 1.25;
letter-spacing: -0.01em;}
.narrow-steps .team p{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.narrow-steps .wide-summary{border-top: 1px solid var(--copy-large);}
.narrow-steps .media-rail{display: grid;
grid-template-columns: 180px 1fr;
gap: 24px;
padding: 20px 0;
border-bottom: 1px solid var(--copy-large);
align-items: baseline;}
.narrow-steps .clear-nav{font-size: 0.82rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--axis-active);}
.narrow-steps .media-rail p{margin: 0;
font-size: 1rem;
line-height: 1.55;}
.narrow-steps .media-rail a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.narrow-steps .media-rail a:hover{color: var(--axis-active);}
.narrow-steps .team-lead{margin: 32px 0 0;
font-size: 0.95rem;
line-height: 1.6;
max-width: 640px;}
.narrow-steps .team-lead a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.narrow-steps .team-lead a:hover{color: var(--axis-active);}
@media (max-width: 620px) {.narrow-steps{
padding: 48px 18px 56px;
}.narrow-steps .media-rail{
grid-template-columns: 1fr;
gap: 6px;
}
}
.narrow-steps{
background: #faf8f1;
color: #24211d;
}
.media-form{
background: #faf8f1;
color: #24211d;
padding: 72px 24px 80px;
}
.media-form .active-callout{max-width: 720px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 32px;}
.media-form .team h2{margin: 0 0 12px;
font-size: 1.65rem;
line-height: 1.25;
letter-spacing: -0.01em;}
.media-form .team p{margin: 0;
font-size: 1rem;
line-height: 1.6;
max-width: 60ch;}
.media-form .primary-summary{display: grid;
grid-template-columns: 1fr auto;
gap: 12px;
align-items: end;
padding-top: 20px;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.media-form .public-view{display: flex;
flex-direction: column;
gap: 6px;}
.media-form .public-view label{font-size: 0.85rem;
letter-spacing: 0.02em;
text-transform: uppercase;
opacity: 0.75;}
.media-form .public-view input{
font: inherit;
padding: 12px 14px;
border: 1px solid var(--surface-accent, #d9d0c0);
border-radius: 6px;
background: var(--paint-strong, #ffffff);
color: var(--line-light, #24211d);
min-width: 0;
}
.media-form .public-view input:focus{outline: 2px solid #244238;
outline-offset: 1px;}
.media-form .primary-summary button{
font: inherit;
padding: 12px 22px;
border: 0;
border-radius: 6px;
background: #244238;
color: #faf8f1;
cursor: pointer;
transition: background-color 0.15s ease;
}
.media-form .primary-summary button:hover{
background: #31594c;color:var(--line-light);}
.media-form .bottom-header{list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 18px;}
.media-form .bottom-header li{display: grid;
grid-template-columns: 160px 1fr;
gap: 20px;
padding-top: 16px;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.media-form .direct-stack{font-size: 0.9rem;
font-weight: 600;
letter-spacing: 0.01em;}
.media-form .primary-shell{font-size: 0.95rem;
line-height: 1.55;
opacity: 0.9;}
.media-form .primary-shell a{color: inherit;
text-decoration: underline;
text-underline-offset: 2px;}
@media (max-width: 640px) {.media-form{
padding: 56px 20px 64px;
}.media-form .primary-summary{
grid-template-columns: 1fr;
}.media-form .primary-summary button{
width: 100%;
}.media-form .bottom-header li{
grid-template-columns: 1fr;
gap: 6px;
}
}
.media-form{
background: #244238;
color: #faf8f1;
}
.media-unit{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem;
}
.media-unit .active-callout{max-width: 62rem;
margin: 0 auto;}
.media-unit h2{font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.media-unit .team{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 2.5rem;
max-width: 46rem;}
.media-unit .local-details{display: flex;
flex-wrap: wrap;
gap: 2.5rem;
border-top: 1px solid var(--surface-accent, #d9d0c0);
padding-top: 2rem;}
.media-unit .secondary-unit{flex: 1 1 18rem;
min-width: 16rem;}
.media-unit .secondary-unit h3{font-size: 1.05rem;
margin: 0 0 0.6rem;}
.media-unit .secondary-unit p{font-size: 0.95rem;
line-height: 1.6;
margin: 0 0 0.9rem;}
.media-unit .secondary-unit a{display: inline-block;
color: #244238;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.media-unit .secondary-unit a:hover{color: var(--line-clear, #a45f2a);}
.media-unit .text-method{display: block;
margin-top: 0.5rem;
font-size: 0.85rem;
opacity: 0.75;}
.media-unit .team-lead{margin: 2.5rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid var(--surface-accent, #d9d0c0);
font-size: 0.95rem;
line-height: 1.6;}
.media-unit .soft-track{margin: 1.5rem 0 0;
font-size: 0.95rem;
line-height: 1.65;
max-width: 48rem;}
.media-unit .soft-track a{color: #244238;
text-decoration: underline;
text-underline-offset: 3px;}
.media-unit .soft-track a:hover{color: var(--line-clear, #a45f2a);}
@media (max-width: 640px) {.media-unit{
padding: 3rem 1.25rem;
}.media-unit .local-details{
gap: 2rem;
}
}
.media-unit{
background: #faf8f1;
color: #24211d;
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 5.5rem 1.5rem 4.5rem;
}
.local-links .active-callout{max-width: 62rem;
margin: 0 auto;}
.local-links h1{font-size: clamp(1.9rem, 3.4vw, 2.9rem);
line-height: 1.18;
letter-spacing: -0.01em;
margin: 0 0 1.4rem;
font-weight: 600;}
.local-links .team{font-size: 1.075rem;
line-height: 1.65;
max-width: 48rem;
margin: 0 0 1.6rem;}
.local-links .team-lead{font-size: 0.95rem;
line-height: 1.55;
max-width: 46rem;
margin: 0;
padding-top: 1.1rem;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
@media (max-width: 640px) {.local-links{
padding: 3.5rem 1.15rem 3rem;
}.local-links .team{
font-size: 1rem;
}
}
.public-story{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.public-story .active-callout{max-width: 720px;
margin: 0 auto;}
.public-story h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
line-height: 1.2;
margin: 0 0 1.4rem;
letter-spacing: -0.01em;}
.public-story p{margin: 0 0 1.1rem;
line-height: 1.65;
font-size: 1.02rem;}
.public-story p a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.public-story .narrow-frame{margin-top: 2rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.1rem 1.4rem;}
.public-story .go{
display: inline-block;
background: var(--line-clear, #a45f2a);
color: var(--tone-deep, #fff7ed);
padding: 0.85rem 1.6rem;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
letter-spacing: 0.01em;
}
.public-story .go:hover{
background: var(--ink-panel, #874b20);color:var(--line-light);}
.public-story .contact-feature{font-size: 0.92rem;
opacity: 0.78;
max-width: 22rem;
line-height: 1.5;}
@media (max-width: 560px) {.public-story{
padding: 3.2rem 1.2rem 3.6rem;
}.public-story .narrow-frame{
gap: 0.9rem;
}
}
.text-block{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.text-block .active-callout{max-width: 1080px;
margin: 0 auto;}
.text-block h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.text-block .team{max-width: 62ch;
margin: 0 0 3rem;
font-size: 1.0625rem;
line-height: 1.6;
opacity: 0.82;}
.text-block .active-inner{list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.25rem 3rem;}
.text-block .focused-unit{border-top: 1px solid var(--surface-accent, #d9d0c0);
padding-top: 1.5rem;}
.text-block .featured-plan{margin: 0 0 1.25rem;
font-size: 1rem;
line-height: 1.65;}
.text-block .steady-fields{margin: 0;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.4;}
.text-block .steady-fields span{display: block;
margin-top: 0.2rem;
font-weight: 400;
font-size: 0.875rem;
opacity: 0.7;}
@media (max-width: 720px) {.text-block{
padding: 3.25rem 1.25rem 3.5rem;
}.text-block .active-inner{
grid-template-columns: 1fr;
gap: 2rem;
}
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 5.5rem 1.5rem 4.5rem;
}
.local-links .active-callout{max-width: 62rem;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
column-gap: 3.5rem;
row-gap: 1.5rem;
align-items: start;}
.local-links h1{grid-column: 1;
margin: 0;
font-size: clamp(1.9rem, 3.4vw, 2.85rem);
line-height: 1.16;
letter-spacing: -0.01em;
font-weight: 600;}
.local-links .team{grid-column: 1;
margin: 0;
font-size: 1.08rem;
line-height: 1.65;
max-width: 34rem;}
.local-links .team-lead{grid-column: 2;
grid-row: 1 / span 2;
align-self: end;
margin: 0;
padding-left: 1.25rem;
border-left: 2px solid var(--tone-cool);
font-size: 0.95rem;
line-height: 1.6;
max-width: 22rem;}
@media (max-width: 780px) {.local-links{
padding: 3.5rem 1.25rem 3rem;
}.local-links .active-callout{
grid-template-columns: 1fr;
row-gap: 1.25rem;
}.local-links .team-lead{
grid-column: 1;
grid-row: auto;
align-self: start;
max-width: none;
}
}
.steady-service{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.steady-service .active-callout{max-width: 860px;
margin: 0 auto;}
.steady-service .public-panel{margin-bottom: 3rem;}
.steady-service h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.steady-service .team{font-size: 1.05rem;
line-height: 1.6;
margin: 0;
max-width: 62ch;
color: #24211d;
opacity: 0.82;}
.steady-service .wide-summary{display: flex;
flex-direction: column;
gap: 2.25rem;}
.steady-service .steady-menu{padding-left: 1.25rem;
border-left: 2px solid var(--tone-cool);}
.steady-service .steady-menu h3{font-size: 1.12rem;
line-height: 1.35;
margin: 0 0 0.55rem;
font-weight: 600;}
.steady-service .steady-menu p{margin: 0;
line-height: 1.65;
max-width: 68ch;
opacity: 0.86;}
.steady-service .secondary-unit{margin: 3rem 0 0;
font-size: 0.95rem;
line-height: 1.6;
opacity: 0.8;}
.steady-service .secondary-unit a{color: var(--tone-cool);
text-decoration: underline;
text-underline-offset: 3px;}
.steady-service .secondary-unit a:hover{color: #874b20;}
@media (max-width: 560px) {.steady-service{
padding: 3rem 1.1rem 3.5rem;
}.steady-service .wide-summary{
gap: 1.75rem;
}.steady-service .steady-menu{
padding-left: 1rem;
}
}
.steady-service{
background: #faf8f1;
color: #24211d;
}
.public-story{
background: #244238;
color: #faf8f1;
padding: 72px 24px 80px;
}
.public-story .active-callout{max-width: 760px;
margin: 0 auto;}
.public-story h2{margin: 0 0 20px;
font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
letter-spacing: -0.01em;
font-weight: 600;}
.public-story .team-lead{margin: 0 0 36px;
font-size: 1.02rem;
line-height: 1.65;
max-width: 62ch;
opacity: 0.92;}
.public-story .narrow-frame{display: flex;
flex-direction: column;
gap: 18px;
align-items: flex-start;}
.public-story .top-header{
display: inline-block;
background: var(--tone-cool, #a45f2a);
color: #fff7ed;
padding: 14px 28px;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.01em;
text-decoration: none;
transition: background 0.2s ease;
}
.public-story .top-header:hover{
background: #874b20;color:var(--line-light);}
.public-story .secondary-unit{margin: 0;
font-size: 0.94rem;
line-height: 1.6;
opacity: 0.85;
max-width: 58ch;}
.public-story .secondary-unit a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.public-story .secondary-unit a:hover{opacity: 0.75;}
@media (max-width: 640px) {.public-story{
padding: 56px 20px 64px;
}.public-story .top-header{
width: 100%;
text-align: center;
}
}
.steady-section{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.steady-section .active-callout{max-width: 1080px;
margin: 0 auto;}
.steady-section h2{font-size: clamp(1.5rem, 2.4vw, 2.05rem);
line-height: 1.25;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.steady-section .team{max-width: 62ch;
font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 2.75rem;
color: #24211d;
opacity: 0.85;}
.steady-section .strong-intro{display: grid;
gap: 0;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.steady-section .steady-menu{display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
gap: 1.5rem 2.5rem;
padding: 1.5rem 0;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);
align-items: start;}
.steady-section .steady-menu h3{margin: 0;
font-size: 1.08rem;
line-height: 1.4;
font-weight: 600;}
.steady-section .steady-menu p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;
opacity: 0.88;}
.steady-section .media-intro{margin: 2.5rem 0 0;
max-width: 68ch;
font-size: 0.98rem;
line-height: 1.7;
opacity: 0.9;}
.steady-section .media-intro a{color: #244238;
text-decoration: underline;
text-underline-offset: 3px;}
.steady-section .media-intro a:hover{color: var(--line-clear, #a45f2a);}
@media (max-width: 720px) {.steady-section{
padding: 3rem 1.15rem 3.5rem;
}.steady-section .steady-menu{
grid-template-columns: 1fr;
gap: 0.55rem;
padding: 1.25rem 0;
}
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 5.5rem 1.5rem 4.5rem;
}
.local-links .active-callout{max-width: 780px;
margin: 0 auto;}
.local-links h1{margin: 0 0 1.25rem;
font-size: clamp(1.9rem, 3.4vw, 2.9rem);
line-height: 1.18;
letter-spacing: -0.01em;
font-weight: 600;}
.local-links .team{margin: 0;
max-width: 62ch;
font-size: 1.05rem;
line-height: 1.65;}
@media (max-width: 640px) {.local-links{
padding: 3.5rem 1.25rem 3rem;
}.local-links .team{
font-size: 1rem;
}
}
.steady-service{
background: #faf8f1;
color: #24211d;
padding: 72px 24px 80px;
}
.steady-service .active-callout{max-width: 940px;
margin: 0 auto;}
.steady-service .team{max-width: 640px;
margin-bottom: 48px;}
.steady-service .team h2{font-size: 1.85rem;
line-height: 1.25;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.steady-service .team p{font-size: 1.02rem;
line-height: 1.65;
margin: 0;}
.steady-service .plain-visual{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.steady-service .narrow-fields{display: grid;
grid-template-columns: minmax(200px, 260px) 1fr;
gap: 12px 40px;
padding: 26px 0;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);}
.steady-service .narrow-fields h3{font-size: 1.05rem;
line-height: 1.4;
margin: 0;
font-weight: 600;}
.steady-service .narrow-fields p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;}
.steady-service .secondary-unit{margin: 40px 0 0;
font-size: 0.95rem;
line-height: 1.6;
max-width: 640px;}
.steady-service .secondary-unit a{color: var(--tone-cool, #a45f2a);
text-decoration: underline;
text-underline-offset: 3px;}
.steady-service .secondary-unit a:hover{color: #874b20;}
@media (max-width: 640px) {.steady-service{
padding: 56px 20px 64px;
}.steady-service .team h2{
font-size: 1.5rem;
}.steady-service .narrow-fields{
grid-template-columns: 1fr;
gap: 8px;
padding: 22px 0;
}
}
.narrow-method{
background: #faf8f1;
color: #24211d;
padding: 72px 24px;
}
.narrow-method .active-callout{max-width: 880px;
margin: 0 auto;}
.narrow-method h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
margin: 0 0 20px;
font-weight: 600;}
.narrow-method .team{max-width: 640px;
font-size: 1.02rem;
line-height: 1.6;
margin: 0 0 48px;
opacity: 0.85;}
.narrow-method .wide-summary{display: flex;
flex-direction: column;
gap: 32px;
border-top: 1px solid var(--surface-accent, #d9d0c0);
padding-top: 36px;}
.narrow-method .media-rail{display: grid;
grid-template-columns: minmax(200px, 260px) 1fr;
gap: 24px 40px;
align-items: start;}
.narrow-method .media-rail h3{font-size: 1.05rem;
font-weight: 600;
margin: 0;
line-height: 1.35;}
.narrow-method .media-rail p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;
opacity: 0.88;}
.narrow-method .team-lead{margin: 48px 0 0;
font-size: 0.95rem;
line-height: 1.6;
opacity: 0.8;}
.narrow-method .team-lead a{text-decoration: underline;
text-underline-offset: 3px;}
.narrow-method .team-lead a:hover{}
@media (max-width: 640px) {.narrow-method{
padding: 56px 20px;
}.narrow-method .media-rail{
grid-template-columns: 1fr;
gap: 8px;
}.narrow-method .team{
margin-bottom: 36px;
}.narrow-method .wide-summary{
gap: 28px;
}
}
.narrow-method{
background: #244238;
color: #faf8f1;
}
.service-menu{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.service-menu .active-callout{max-width: 68rem;
margin: 0 auto;}
.service-menu h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.service-menu .team{max-width: 46rem;
font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 2.75rem;
color: #24211d;
opacity: 0.82;}
.service-menu .bottom-header{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.service-menu .bottom-header li{padding: 1.6rem 0 1.7rem;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);}
.service-menu .bottom-header h3{font-size: 1.08rem;
line-height: 1.35;
margin: 0 0 0.55rem;
color: #244238;}
.service-menu .bottom-header p{margin: 0;
max-width: 58rem;
font-size: 0.98rem;
line-height: 1.65;
opacity: 0.88;}
@media (max-width: 640px) {.service-menu{
padding: 3rem 1.1rem 3.4rem;
}.service-menu .team{
margin-bottom: 2rem;
}.service-menu .bottom-header li{
padding: 1.25rem 0 1.35rem;
}
}
.service-menu{
background: #faf8f1;
color: #24211d;
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 5.5rem 1.5rem 4.5rem;
border-bottom: 1px solid #d9d0c0;
}
.local-links .active-callout{max-width: 1080px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.25rem;}
.local-links h1{font-size: clamp(2rem, 4.2vw, 3.1rem);
line-height: 1.12;
letter-spacing: -0.015em;
margin: 0;
font-weight: 600;}
.local-links .team{max-width: 62ch;
margin: 0;
font-size: 1.0625rem;
line-height: 1.6;
color: #4a443c;}
@media (max-width: 640px) {.local-links{
padding: 3.5rem 1.25rem 3rem;
}.local-links .team{
font-size: 1rem;
}
}
.clear-grid{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.clear-grid .active-callout{max-width: 1080px;
margin: 0 auto;}
.clear-grid .team{max-width: 620px;
margin-bottom: 3rem;}
.clear-grid .team h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.clear-grid .team-lead{margin: 0;
font-size: 1rem;
line-height: 1.6;
opacity: 0.78;}
.clear-grid .narrow-tile{display: flex;
flex-direction: column;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.clear-grid .open-details{display: grid;
grid-template-columns: 90px minmax(0, 1fr);
gap: 0.5rem 2rem;
padding: 1.75rem 0;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);}
.clear-grid .open-details .contact-links{grid-column: 1;
grid-row: 1 / span 3;
margin: 0;
font-size: 0.8rem;
letter-spacing: 0.08em;
text-transform: uppercase;
opacity: 0.6;
padding-top: 0.35rem;}
.clear-grid .open-details h3{grid-column: 2;
margin: 0;
font-size: 1.2rem;
line-height: 1.3;}
.clear-grid .open-details h3 a{color: inherit;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;}
.clear-grid .open-details h3 a:hover{border-bottom-color: var(--tone-cool, #a45f2a);}
.clear-grid .open-details .wide-form{grid-column: 2;
margin: 0.15rem 0 0;
font-size: 0.95rem;
opacity: 0.72;}
.clear-grid .open-details .visual-area{grid-column: 2;
margin: 0.6rem 0 0;
font-size: 0.98rem;
line-height: 1.6;
max-width: 68ch;
opacity: 0.88;}
@media (max-width: 640px) {.clear-grid{
padding: 3rem 1.15rem 3.5rem;
}.clear-grid .open-details{
grid-template-columns: 1fr;
gap: 0.35rem;
}.clear-grid .open-details .contact-links{
grid-column: 1;
grid-row: auto;
padding-top: 0;
}.clear-grid .open-details h3,
.clear-grid .open-details .wide-form,
.clear-grid .open-details .visual-area{
grid-column: 1;
}
}
.clear-grid{
background: #244238;
color: #faf8f1;
}
.service-menu{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem;
}
.service-menu .active-callout{max-width: 46rem;
margin: 0 auto;}
.service-menu h2{font-size: 1.6rem;
line-height: 1.25;
margin: 0 0 1rem;
font-weight: 600;}
.service-menu .team{margin: 0 0 2.75rem;
font-size: 1.02rem;
line-height: 1.6;
max-width: 40rem;}
.service-menu .wide-summary{display: flex;
flex-direction: column;
gap: 2.25rem;}
.service-menu .media-rail h3{font-size: 1.08rem;
margin: 0 0 0.5rem;
font-weight: 600;}
.service-menu .media-rail p{margin: 0;
line-height: 1.65;
max-width: 42rem;}
@media (max-width: 640px) {.service-menu{
padding: 3rem 1.15rem;
}.service-menu h2{
font-size: 1.35rem;
}.service-menu .wide-summary{
gap: 1.75rem;
}
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 3.5rem;
}
.local-links .active-callout{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 3rem;
align-items: start;
border-top: 1px solid var(--surface-accent);
padding-top: 2.5rem;}
.local-links h1{margin: 0;
font-size: clamp(1.9rem, 3.4vw, 2.9rem);
line-height: 1.15;
letter-spacing: -0.01em;
font-weight: 600;}
.local-links .team{padding-top: 0.4rem;}
.local-links .team p{margin: 0 0 1rem;
font-size: 1.05rem;
line-height: 1.6;}
.local-links .team .team-lead{margin: 0;
font-size: 0.95rem;
line-height: 1.55;
padding-left: 1rem;
border-left: 2px solid var(--tone-cool);
opacity: 0.85;}
@media (max-width: 760px) {.local-links{
padding: 3rem 1.25rem 2.5rem;
}.local-links .active-callout{
grid-template-columns: 1fr;
gap: 1.75rem;
padding-top: 1.75rem;
}
}
.simple-stack{
background: #faf8f1;
color: #24211d;
padding: 72px 20px 80px;
}
.simple-stack .active-callout{max-width: 760px;
margin: 0 auto;}
.simple-stack h2{font-size: 1.65rem;
line-height: 1.25;
margin: 0 0 12px;
letter-spacing: -0.01em;}
.simple-stack .team{margin: 0 0 40px;
font-size: 1rem;
line-height: 1.6;
max-width: 56ch;}
.simple-stack .narrow-tile{display: flex;
flex-direction: column;
gap: 32px;}
.simple-stack .open-details h3{font-size: 1.05rem;
line-height: 1.4;
margin: 0 0 8px;
font-weight: 600;}
.simple-stack .open-details p{margin: 0;
font-size: 0.95rem;
line-height: 1.65;
max-width: 62ch;}
.simple-stack .secondary-unit{margin: 48px 0 0;
font-size: 0.9rem;
line-height: 1.6;
padding-top: 20px;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.simple-stack .secondary-unit a{color: var(--tone-cool, #a45f2a);
text-decoration: underline;
text-underline-offset: 3px;}
.simple-stack .secondary-unit a:hover{color: #244238;}
@media (max-width: 600px) {.simple-stack{
padding: 48px 16px 56px;
}.simple-stack h2{
font-size: 1.35rem;
}.simple-stack .narrow-tile{
gap: 26px;
}
}
.simple-stack{
background: #faf8f1;
color: #24211d;
}
.steady-service{
background: #faf8f1;
color: #24211d;
padding: 72px 24px;
}
.steady-service .active-callout{max-width: 880px;
margin: 0 auto;}
.steady-service .team{margin-bottom: 40px;}
.steady-service h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.steady-service .public-panel{font-size: 1.05rem;
line-height: 1.6;
max-width: 62ch;
margin: 0;}
.steady-service .plain-visual{list-style: none;
margin: 0 0 32px;
padding: 0;
counter-reset: step;}
.steady-service .narrow-fields{padding: 22px 0 22px 56px;
border-top: 1px solid var(--surface-accent, #d9d0c0);
position: relative;
counter-increment: step;}
.steady-service .narrow-fields:last-child{border-bottom: 1px solid var(--surface-accent, #d9d0c0);}
.steady-service .narrow-fields::before{content: counter(step, decimal-leading-zero);
position: absolute;
left: 0;
top: 24px;
font-size: 0.85rem;
letter-spacing: 0.08em;
font-weight: 600;}
.steady-service .narrow-fields h3{font-size: 1.1rem;
margin: 0 0 8px;
line-height: 1.35;}
.steady-service .narrow-fields p{margin: 0;
line-height: 1.6;
max-width: 68ch;}
.steady-service .media-intro{font-size: 1rem;
line-height: 1.6;
max-width: 62ch;
margin: 0 0 20px;}
.steady-service .secondary-unit{font-size: 0.95rem;
line-height: 1.6;
margin: 0;}
.steady-service .secondary-unit a{text-decoration: underline;
text-underline-offset: 3px;}
.steady-service .secondary-unit a:hover{}
@media (max-width: 640px) {.steady-service{
padding: 48px 18px;
}.steady-service h2{
font-size: 1.5rem;
}.steady-service .narrow-fields{
padding-left: 44px;
}
}
.steady-service{
background: #244238;
color: #faf8f1;
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 5.5rem 1.5rem 4.5rem;
}
.local-links .active-callout{max-width: 46rem;
margin: 0 auto;}
.local-links h1{margin: 0 0 1.5rem;
font-size: clamp(1.85rem, 3.4vw, 2.6rem);
line-height: 1.18;
letter-spacing: -0.01em;
font-weight: 600;}
.local-links .team{margin: 0 0 1.25rem;
font-size: 1.08rem;
line-height: 1.6;
max-width: 40rem;}
.local-links .team-lead{margin: 0;
padding-top: 1.25rem;
border-top: 1px solid var(--surface-accent, #d9d0c0);
font-size: 0.95rem;
line-height: 1.55;
max-width: 38rem;
opacity: 0.82;}
@media (max-width: 640px) {.local-links{
padding: 3.5rem 1.25rem 3rem;
}
}
.simple-stack{
background: #faf8f1;
color: #24211d;
padding: 72px 24px 80px;
}
.simple-stack .active-callout{max-width: 880px;
margin: 0 auto;}
.simple-stack .narrow-form{max-width: 640px;
margin-bottom: 44px;}
.simple-stack .narrow-form h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.simple-stack .team{margin: 0;
font-size: 1rem;
line-height: 1.6;
color: #24211d;
opacity: 0.82;}
.simple-stack .bottom-steps{display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--surface-accent);}
.simple-stack .steady-menu{padding: 26px 0 28px;
border-bottom: 1px solid var(--surface-accent);}
.simple-stack .steady-menu h3{font-size: 1.05rem;
line-height: 1.4;
margin: 0 0 10px;
font-weight: 600;}
.simple-stack .steady-menu p{margin: 0;
font-size: 0.95rem;
line-height: 1.65;
max-width: 720px;
opacity: 0.88;}
.simple-stack .secondary-unit{margin: 32px 0 0;
font-size: 0.92rem;
line-height: 1.6;
opacity: 0.85;}
.simple-stack .secondary-unit a{color: #244238;
text-decoration: underline;
text-underline-offset: 3px;}
.simple-stack .secondary-unit a:hover{color: var(--tone-cool, #a45f2a);}
@media (max-width: 640px) {.simple-stack{
padding: 52px 18px 60px;
}.simple-stack .narrow-form h2{
font-size: 1.4rem;
}.simple-stack .steady-menu{
padding: 22px 0 24px;
}
}
.steady-service{
background: #faf8f1;
color: #24211d;
padding: 5rem 1.5rem;
}
.steady-service .active-callout{max-width: 68rem;
margin: 0 auto;}
.steady-service .narrow-form{max-width: 42rem;
margin-bottom: 3.5rem;}
.steady-service .narrow-form h2{font-size: 2rem;
line-height: 1.2;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.steady-service .narrow-form p{font-size: 1.0625rem;
line-height: 1.65;
margin: 0;
opacity: 0.85;}
.steady-service .plain-visual{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.steady-service .narrow-fields{display: grid;
grid-template-columns: minmax(14rem, 20rem) 1fr;
gap: 1rem 3rem;
padding: 1.75rem 0;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);}
.steady-service .narrow-fields h3{font-size: 1.125rem;
line-height: 1.35;
margin: 0;
font-weight: 600;}
.steady-service .narrow-fields p{margin: 0;
font-size: 1rem;
line-height: 1.65;
opacity: 0.9;}
.steady-service .secondary-unit{margin-top: 2.5rem;
font-size: 0.9375rem;
line-height: 1.6;
opacity: 0.85;}
.steady-service .secondary-unit a{text-decoration: underline;
text-underline-offset: 3px;}
.steady-service .secondary-unit a:hover{}
@media (max-width: 720px) {.steady-service{
padding: 3.5rem 1.25rem;
}.steady-service .narrow-form{
margin-bottom: 2.5rem;
}.steady-service .narrow-form h2{
font-size: 1.625rem;
}.steady-service .narrow-fields{
grid-template-columns: 1fr;
gap: 0.5rem;
padding: 1.5rem 0;
}
}
.content-nav{
background: #faf8f1;
color: #24211d;
padding: 72px 24px 88px;
}
.content-nav .active-callout{max-width: 760px;
margin: 0 auto;}
.content-nav .media-flow{border-bottom: 1px solid var(--surface-accent);
padding-bottom: 24px;
margin-bottom: 32px;}
.content-nav .bottom-note{font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
margin: 0 0 12px;}
.content-nav h1{font-size: 2.1rem;
line-height: 1.2;
margin: 0 0 10px;}
.content-nav .local-copy{font-size: 1.05rem;
margin: 0;
opacity: 0.78;}
.content-nav .focused-callout p{font-size: 1.02rem;
line-height: 1.7;
margin: 0 0 18px;}
.content-nav .focused-callout .team{font-size: 1.12rem;
line-height: 1.6;
padding-left: 16px;
border-left: 3px solid var(--tone-cool);}
.content-nav .focused-callout h2{font-size: 1.25rem;
margin: 34px 0 12px;}
.content-nav .soft-intro{margin-top: 48px;
padding-top: 24px;
border-top: 1px solid var(--surface-accent);}
.content-nav .figure{font-size: 1rem;
letter-spacing: 0.03em;
text-transform: uppercase;
margin: 0 0 16px;
opacity: 0.7;}
.content-nav .secondary-unit{list-style: none;
margin: 0;
padding: 0;}
.content-nav .secondary-unit li{display: flex;
flex-direction: column;
gap: 4px;
padding: 12px 0;
border-bottom: 1px solid var(--surface-accent);}
.content-nav .secondary-unit li:last-child{border-bottom: none;}
.content-nav .secondary-unit a{font-weight: 600;
text-decoration: none;
font-size: 1.02rem;}
.content-nav .secondary-unit a:hover{text-decoration: underline;}
.content-nav .secondary-unit span{font-size: 0.92rem;
opacity: 0.75;}
@media (max-width: 640px) {.content-nav{
padding: 48px 18px 64px;
}.content-nav h1{
font-size: 1.65rem;
}
}
.content-nav{
background: #244238;
color: #faf8f1;
}
.content-nav{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.25rem 5rem;
}
.content-nav .active-callout{max-width: 760px;
margin: 0 auto;}
.content-nav .main-method{border-bottom: 1px solid var(--surface-accent, #d9d0c0);
padding-bottom: 1.5rem;
margin-bottom: 2rem;}
.content-nav h1{font-size: clamp(1.75rem, 3.2vw, 2.4rem);
line-height: 1.2;
margin: 0 0 0.6rem;
letter-spacing: -0.01em;}
.content-nav .simple-nav{font-size: 1.05rem;
margin: 0 0 1rem;
opacity: 0.82;
max-width: 56ch;}
.content-nav .contact-links{display: flex;
flex-wrap: wrap;
gap: 0.4rem 1.4rem;
font-size: 0.85rem;
margin: 0;
opacity: 0.7;}
.content-nav .text-note{
margin: 0 0 2rem;
border-radius: 10px;
overflow: hidden;
background: #ece7dc;color:var(--ink-page);}
.content-nav .text-note img{display: block;
width: 100%;
height: auto;}
.content-nav .main-shell p{font-size: 1.02rem;
line-height: 1.7;
margin: 0 0 1.25rem;}
.content-nav .main-shell h2{font-size: 1.2rem;
line-height: 1.3;
margin: 2.2rem 0 0.8rem;}
.content-nav .soft-intro{margin-top: 3rem;
padding-top: 1.75rem;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.content-nav .soft-intro h3{font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0 0 1rem;
opacity: 0.75;}
.content-nav .active-visual{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.6rem;}
.content-nav .active-visual a{text-decoration: none;
font-size: 1rem;
border-bottom: 1px solid transparent;
transition: border-color 0.15s ease;}
.content-nav .active-visual a:hover,
.content-nav .active-visual a:focus-visible{border-bottom-color: var(--tone-cool, #a45f2a);}
@media (max-width: 560px) {.content-nav{
padding: 3rem 1rem 3.5rem;
}.content-nav .contact-links{
font-size: 0.8rem;
}
}
.content-nav{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.25rem 5rem;
}
.content-nav .active-callout{max-width: 720px;
margin: 0 auto;}
.content-nav .narrow-form{margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);}
.content-nav .compact-brand{font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
margin: 0 0 0.9rem;}
.content-nav h1{font-size: clamp(1.8rem, 3.4vw, 2.5rem);
line-height: 1.2;
margin: 0 0 0.7rem;
font-weight: 700;}
.content-nav .simple-nav{font-size: 1.1rem;
margin: 0 0 1rem;
opacity: 0.8;}
.content-nav .top-view{font-size: 0.9rem;
margin: 0;
opacity: 0.65;}
.content-nav .content-brand p{font-size: 1.02rem;
line-height: 1.7;
margin: 0 0 1.3rem;}
.content-nav .content-brand h2{font-size: 1.35rem;
margin: 2.2rem 0 1rem;
font-weight: 700;}
.content-nav .strong-intro{list-style: none;
padding: 0;
margin: 0 0 1.5rem;
counter-reset: point;}
.content-nav .strong-intro li{position: relative;
padding: 0 0 1.1rem 2.2rem;
font-size: 1rem;
line-height: 1.65;
counter-increment: point;}
.content-nav .strong-intro li::before{
content: counter(point);
position: absolute;
left: 0;
top: 0.1rem;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background: #244238;
color: #faf8f1;
font-size: 0.8rem;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.content-nav .strong-intro strong{font-weight: 700;}
.content-nav .foot{margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.content-nav .read-next{font-size: 0.85rem;
letter-spacing: 0.06em;
text-transform: uppercase;
margin: 0 0 0.9rem;
opacity: 0.6;}
.content-nav .secondary-unit{list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem 2rem;}
.content-nav .secondary-unit a{text-decoration: none;
font-size: 1rem;
border-bottom: 1px solid transparent;
transition: border-color 0.15s ease;}
.content-nav .secondary-unit a:hover{border-bottom-color: var(--tone-cool, #a45f2a);}
@media (max-width: 560px) {.content-nav{
padding: 3rem 1rem 3.5rem;
}.content-nav .secondary-unit{
flex-direction: column;
gap: 0.6rem;
}
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 84px 24px 72px;
}
.local-links .active-callout{max-width: 720px;
margin: 0 auto;}
.local-links h1{font-size: clamp(1.75rem, 1.2rem + 2vw, 2.6rem);
line-height: 1.18;
letter-spacing: -0.01em;
margin: 0 0 28px;
font-weight: 600;}
.local-links .team{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 20px;
max-width: 62ch;}
.local-links .media-unit{font-size: 0.95rem;
line-height: 1.6;
margin: 0;
padding-top: 18px;
border-top: 1px solid var(--surface-accent, #d9d0c0);
max-width: 58ch;
opacity: 0.85;}
@media (max-width: 640px) {.local-links{
padding: 56px 20px 48px;
}.local-links h1{
margin-bottom: 20px;
}
}
.narrow-steps{
background: #faf8f1;
color: #24211d;
padding: 72px 24px 88px;
}
.narrow-steps .active-callout{max-width: 880px;
margin: 0 auto;}
.narrow-steps .public-panel{max-width: 620px;
margin-bottom: 56px;}
.narrow-steps .public-panel h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.narrow-steps .public-panel p{font-size: 1.02rem;
line-height: 1.65;
margin: 0;
color: var(--ink-page, #24211d);
opacity: 0.82;}
.narrow-steps .media-proof{display: flex;
flex-direction: column;}
.narrow-steps .simple-lead{display: grid;
grid-template-columns: 180px 1fr;
gap: 24px;
padding: 22px 0;
border-top: 1px solid var(--surface-accent, #d9d0c0);
align-items: baseline;}
.narrow-steps .simple-lead:last-child{border-bottom: 1px solid var(--surface-accent, #d9d0c0);}
.narrow-steps .clear-nav{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #244238;
font-weight: 600;}
.narrow-steps .simple-lead p{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.narrow-steps .simple-lead a{color: var(--tone-cool, #a45f2a);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.15s ease;}
.narrow-steps .simple-lead a:hover{border-bottom-color: var(--tone-cool, #a45f2a);}
@media (max-width: 640px) {.narrow-steps{
padding: 56px 20px 64px;
}.narrow-steps .public-panel{
margin-bottom: 40px;
}.narrow-steps .public-panel h2{
font-size: 1.45rem;
}.narrow-steps .simple-lead{
grid-template-columns: 1fr;
gap: 6px;
padding: 18px 0;
}
}
.visual-stack{
background: #faf8f1;
color: #24211d;
padding: 5rem 1.5rem;
}
.visual-stack .active-callout{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 3.5rem;
align-items: start;}
.visual-stack .public-panel h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 1rem;}
.visual-stack .public-panel p{margin: 0;
line-height: 1.65;
max-width: 34ch;}
.visual-stack .simple-media{display: flex;
flex-direction: column;
gap: 1.5rem;
border-left: 2px solid #ece7dc;
padding-left: 2rem;}
.visual-stack .open-details{display: grid;
grid-template-columns: 9rem minmax(0, 1fr);
gap: 1rem;
align-items: baseline;}
.visual-stack .open-details .clear-nav{font-size: 0.82rem;
letter-spacing: 0.04em;
text-transform: uppercase;
opacity: 0.75;}
.visual-stack .open-details p{margin: 0;
line-height: 1.6;}
.visual-stack .open-details a{text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.visual-stack .open-details a:hover{}
@media (max-width: 760px) {.visual-stack{
padding: 3.5rem 1.25rem;
}.visual-stack .active-callout{
grid-template-columns: 1fr;
gap: 2.25rem;
}.visual-stack .simple-media{
border-left: none;
padding-left: 0;
border-top: 2px solid #ece7dc;
padding-top: 1.75rem;
}.visual-stack .open-details{
grid-template-columns: 1fr;
gap: 0.35rem;
}
}
.visual-stack{
background: #244238;
color: #faf8f1;
}
.focused-plan{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.focused-plan .active-callout{max-width: 720px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.5rem;}
.focused-plan .public-panel h2{margin: 0 0 0.75rem;
font-size: 1.9rem;
line-height: 1.2;
letter-spacing: -0.01em;}
.focused-plan .team{margin: 0;
max-width: 56ch;
font-size: 1.02rem;
line-height: 1.55;
color: #24211d;
opacity: 0.82;}
.focused-plan .quiet-tile{
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: 1.75rem 1.75rem 1.5rem;
background: var(--paint-strong);
color: var(--line-light);
border: 1px solid var(--surface-accent);
border-radius: 10px;
}
.focused-plan .public-view{display: flex;
flex-direction: column;
gap: 0.45rem;}
.focused-plan .public-view label{font-size: 0.92rem;
font-weight: 600;
letter-spacing: 0.01em;}
.focused-plan .public-view input,
.focused-plan .public-view textarea{
width: 100%;
box-sizing: border-box;
padding: 0.7rem 0.85rem;
font: inherit;
color: var(--line-light);
background: #faf8f1;
border: 1px solid var(--surface-accent);
border-radius: 6px;
outline: none;
transition: border-color 0.15s ease;
}
.focused-plan .public-view input:focus,
.focused-plan .public-view textarea:focus{border-color: #244238;}
.focused-plan .public-view textarea{resize: vertical;
min-height: 120px;
line-height: 1.5;}
.focused-plan .visual-grid{display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem 1.25rem;
margin-top: 0.25rem;}
.focused-plan .visual-grid button{
font: inherit;
font-weight: 600;
padding: 0.75rem 1.5rem;
color: #faf8f1;
background: var(--line-dark, #244238);
border: none;
border-radius: 6px;
cursor: pointer;
transition: background 0.15s ease;
}
.focused-plan .visual-grid button:hover{
background: #31594c;color:var(--line-light);}
.focused-plan .visual-grid .team-lead{margin: 0;
flex: 1 1 220px;
font-size: 0.86rem;
line-height: 1.5;
opacity: 0.72;}
.focused-plan .text-content{padding-top: 1.5rem;
border-top: 1px solid var(--surface-accent);}
.focused-plan .text-content p{margin: 0 0 0.75rem;
font-size: 0.95rem;
opacity: 0.85;}
.focused-plan .text-content ul{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.4rem;
font-size: 0.98rem;}
.focused-plan .text-content a{color: var(--tone-cool, #a45f2a);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.15s ease;}
.focused-plan .text-content a:hover{border-bottom-color: var(--tone-cool, #a45f2a);}
@media (max-width: 560px) {.focused-plan{
padding: 3rem 1.1rem 3.5rem;
}.focused-plan .public-panel h2{
font-size: 1.55rem;
}.focused-plan .quiet-tile{
padding: 1.35rem 1.15rem 1.25rem;
}
}
.focused-plan{
background: #faf8f1;
color: #24211d;
}
.featured-brand{
--field-base: #d9d0c0;
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.25rem 5rem;
}
.featured-brand .active-callout{max-width: 62rem;
margin: 0 auto;}
.featured-brand .public-panel{max-width: 44rem;
margin-bottom: 3rem;}
.featured-brand h1{font-size: clamp(1.9rem, 3.4vw, 2.6rem);
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.featured-brand .team{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 1rem;}
.featured-brand .page-headline{font-size: 0.85rem;
letter-spacing: 0.02em;
margin: 0;}
.featured-brand .wide-summary{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 3.5rem;
row-gap: 2.75rem;
border-top: 1px solid var(--field-base);
padding-top: 2.75rem;}
.featured-brand .open-details{padding-bottom: 0.25rem;}
.featured-brand .open-details h2{font-size: 1.15rem;
line-height: 1.3;
margin: 0 0 0.85rem;
padding-bottom: 0.6rem;
border-bottom: 1px solid var(--field-base);}
.featured-brand .open-details p{font-size: 0.97rem;
line-height: 1.7;
margin: 0 0 0.9rem;}
.featured-brand .open-details p:last-child{margin-bottom: 0;}
.featured-brand a{text-decoration: underline;
text-underline-offset: 2px;}
.featured-brand a:hover{}
@media (max-width: 720px) {.featured-brand{
padding: 3rem 1.1rem 3.5rem;
}.featured-brand .wide-summary{
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 2.25rem;
}
}
.featured-brand{
background: #244238;
color: #faf8f1;
}
.plain-service{
--field-base: #d9d0c0;
--mark-active: #ece7dc;
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.5rem 5rem;
}
.plain-service .active-callout{max-width: 940px;
margin: 0 auto;}
.plain-service .public-panel{border-bottom: 1px solid var(--field-base);
padding-bottom: 2rem;
margin-bottom: 2.75rem;}
.plain-service h1{font-size: 2.1rem;
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.plain-service .team{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
max-width: 62ch;}
.plain-service .fresh-steps{display: flex;
flex-direction: column;
gap: 2.25rem;}
.plain-service .media-region{display: grid;
grid-template-columns: minmax(180px, 240px) 1fr;
gap: 1.5rem 2.5rem;
align-items: start;}
.plain-service .media-region h2{font-size: 1.15rem;
line-height: 1.35;
margin: 0;
font-weight: 600;}
.plain-service .media-region p{margin: 0 0 0.9rem;
line-height: 1.7;
font-size: 0.98rem;}
.plain-service .media-region p:last-child{margin-bottom: 0;}
.plain-service .simple-plan{
margin-top: 3.5rem;
padding: 1.75rem 2rem;
background: #ece7dc;
color: var(--ink-page);
border-radius: 10px;
}
.plain-service .simple-plan h3{margin: 0 0 0.75rem;
font-size: 1.05rem;
font-weight: 600;}
.plain-service .simple-plan p{margin: 0 0 0.9rem;
line-height: 1.6;
font-size: 0.95rem;}
.plain-service .simple-plan ul{list-style: none;
padding: 0;
margin: 0 0 0.9rem;
display: flex;
flex-direction: column;
gap: 0.4rem;
font-size: 0.95rem;}
.plain-service .simple-plan a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.plain-service .simple-plan .team-lead{margin: 0;
font-size: 0.85rem;
opacity: 0.8;}
@media (max-width: 720px) {.plain-service{
padding: 3rem 1.1rem 3.5rem;
}.plain-service h1{
font-size: 1.65rem;
}.plain-service .media-region{
grid-template-columns: 1fr;
gap: 0.6rem;
}.plain-service .simple-plan{
padding: 1.4rem 1.25rem;
}
}
.plain-service{
background: #faf8f1;
color: #24211d;
}
.local-links{
background: #faf8f1;
color: #24211d;
padding: 88px 24px 72px;
}
.local-links .active-callout{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 56px;
align-items: start;}
.local-links .team h1{margin: 0 0 20px;
font-size: clamp(1.9rem, 3.4vw, 2.7rem);
line-height: 1.18;
font-weight: 600;
letter-spacing: -0.01em;}
.local-links .public-panel{margin: 0;
max-width: 46ch;
font-size: 1.06rem;
line-height: 1.62;
opacity: 0.86;}
.local-links .team-lead{border-top: 1px solid var(--surface-accent, #d9d0c0);
padding-top: 18px;
margin-top: 6px;}
.local-links .team-lead p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;
opacity: 0.72;}
@media (max-width: 760px) {.local-links{
padding: 64px 20px 52px;
}.local-links .active-callout{
grid-template-columns: 1fr;
gap: 32px;
}
}
.service-entries{
background: #faf8f1;
color: #24211d;
padding: 72px 24px 88px;
}
.service-entries .active-callout{max-width: 880px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px;}
.service-entries .team h1{font-size: 2rem;
line-height: 1.2;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.service-entries .team p{margin: 0;
font-size: 1.0625rem;
line-height: 1.6;
max-width: 62ch;}
.service-entries .plain-visual{display: grid;
grid-template-columns: 1fr;
gap: 0;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.service-entries .narrow-fields{padding: 22px 0;
border-bottom: 1px solid var(--surface-accent, #d9d0c0);
display: grid;
grid-template-columns: 220px 1fr;
gap: 8px 32px;
align-items: baseline;}
.service-entries .narrow-fields h2{font-size: 1rem;
font-weight: 600;
margin: 0;
letter-spacing: 0.01em;}
.service-entries .narrow-fields p{margin: 0;
font-size: 0.9688rem;
line-height: 1.6;}
.service-entries .focused-rail{
background: #244238;
color: #faf8f1;
padding: 32px 32px 28px;
border-radius: 10px;
}
.service-entries .focused-rail h2{font-size: 1.125rem;
margin: 0 0 10px;
font-weight: 600;}
.service-entries .focused-rail > p{margin: 0 0 22px;
font-size: 0.9688rem;
line-height: 1.6;
max-width: 58ch;}
.service-entries .active-figure{display: grid;
grid-template-columns: 110px 1fr;
gap: 10px 20px;
margin: 0;
font-size: 0.9375rem;}
.service-entries .active-figure dt{opacity: 0.72;}
.service-entries .active-figure dd{margin: 0;}
.service-entries .active-figure a{text-decoration: underline;
text-underline-offset: 3px;}
.service-entries .active-figure a:hover{opacity: 0.82;}
.service-entries .secondary-unit{margin: 0;
font-size: 0.9375rem;
line-height: 1.7;
color: #24211d;
padding-top: 8px;
border-top: 1px solid var(--surface-accent, #d9d0c0);}
.service-entries .secondary-unit a{color: #244238;
text-decoration: underline;
text-underline-offset: 3px;}
.service-entries .secondary-unit a:hover{color: var(--tone-cool, #a45f2a);}
@media (max-width: 680px) {.service-entries{
padding: 48px 18px 64px;
}.service-entries .team h1{
font-size: 1.5rem;
}.service-entries .narrow-fields{
grid-template-columns: 1fr;
gap: 6px;
}.service-entries .focused-rail{
padding: 24px 20px;
}.service-entries .active-figure{
grid-template-columns: 1fr;
gap: 4px 0;
}.service-entries .active-figure dd{
margin-bottom: 10px;
}
}
.service-entries{
background: #faf8f1;
color: #24211d;
}
.public-story{
background: #244238;
color: #faf8f1;
padding: 72px 24px;
}
.public-story .active-callout{max-width: 780px;
margin: 0 auto;}
.public-story h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.public-story p{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 28px;
max-width: 62ch;
opacity: 0.92;}
.public-story .narrow-frame{display: flex;
flex-direction: column;
gap: 18px;
align-items: flex-start;}
.public-story .go{
display: inline-block;
background: var(--tone-cool, #a45f2a);
color: #fff7ed;
padding: 14px 26px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
transition: background 0.2s ease;
}
.public-story .go:hover{
background: #874b20;color:var(--line-light);}
.public-story .secondary-unit{font-size: 0.94rem;
line-height: 1.55;
margin: 0;
opacity: 0.85;
max-width: 60ch;}
.public-story .secondary-unit a{color: #faf8f1;
text-decoration: underline;
text-underline-offset: 3px;}
.public-story .secondary-unit a:hover{opacity: 0.8;}
@media (max-width: 600px) {.public-story{
padding: 52px 18px;
}.public-story .go{
width: 100%;
text-align: center;
}
}
.404{
background: #faf8f1;
color: #24211d;
padding: 4.5rem 1.25rem 4rem;
}
.404 .active-callout{
max-width: 880px;
margin: 0 auto;
display: grid;
gap: 2.25rem;
}
.404 .team{
max-width: 620px;
}
.404 h1{
font-size: clamp(1.75rem, 3.4vw, 2.4rem);
line-height: 1.15;
margin: 0 0 0.85rem;
letter-spacing: -0.01em;
}
.404 .team p{
margin: 0;
font-size: 1.02rem;
line-height: 1.6;
opacity: 0.82;
}
.404 .secondary-unit{
border-left: 3px solid var(--tone-cool);
padding: 0.35rem 0 0.35rem 1.4rem;
margin-left: 0.15rem;
}
.404 .team-lead{
margin: 0 0 0.9rem;
font-size: 0.95rem;
letter-spacing: 0.01em;
opacity: 0.75;
}
.404 .secondary-unit ul{
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.55rem;
}
.404 .secondary-unit li{
font-size: 1.02rem;
}
.404 .secondary-unit a{
text-decoration: none;
border-bottom: 1px solid rgba(36, 66, 56, 0.35);
padding-bottom: 1px;
}
.404 .secondary-unit a:hover{
border-bottom-color: var(--tone-cool);
}
.404 .contact-feature{
margin: 0;
font-size: 0.9rem;
line-height: 1.55;
opacity: 0.7;
max-width: 560px;
}
.404 .contact-feature a{
color: inherit;
text-decoration: underline;
text-decoration-color: rgba(36, 33, 29, 0.4);
}
.404 .contact-feature a:hover{
text-decoration-color: var(--tone-cool);
}
@media (max-width: 560px) {.404{
padding: 3rem 1rem 2.75rem;
}.404 .secondary-unit{
padding-left: 1rem;
}
}
.404{
background: #244238;
color: #faf8f1;
}