html{box-sizing:border-box;}
body{margin:0;padding:0;font-family:var(--font-quiet);}
*,*::before,*::after{box-sizing:inherit;}
:root {
--ink-soft: #B23A48;
--tone-warm: #F6F3EE;
--gutter-hero: 1.5rem;
--depth-soft: 0 6px 12px rgba(0,0,0,0.06);
--ink-warm: color-mix(in srgb, currentColor 10%, transparent);
--gap-base: 1.66rem;
--ink-light: #16222E;
--tone-dark: transparent;
--paint-base: #F6F3EE;
--tone-extra-33: #142B45;
--tone-main: #E8E4DD;
--type-extra-15: var(--label-meta);
--surface-inverse: #1B3A5C;
--measure-large: calc(var(--measure-card) * 1.5);
--paint-accent: #D6D2CB;
--ease-hover: cubic-bezier(0.4,0,0.2,1);
--label-meta: 15.3px;
--layer-soft: #B23A48;
--line-secondary: #16222E;
--curve-soft: 1rem;
--speed-hover: 550ms;
--type-lead: calc(var(--label-meta) * 1.125);
--label-base: 1.81;
--paint-secondary: #FFFFFF;
--paint-panel: calc(var(--gutter-hero) * .75);
--font-large: calc(var(--label-meta) * 1.35);
--gap-content: 940px;
--tone-extra-31: #1B3A5C;
--curve-medium: 0.7rem;
--radius-card: 0.31rem;
--space-hero: calc(var(--gutter-hero) * 2.4);
--space-form: var(--gap-base);
--font-body: calc(var(--label-meta) * .875);
--tone-extra-32: #F6F3EE;
--tone-base: #2C3A48;
--font-quiet: "Quicksand", sans-serif;
--measure-card: 1.1rem;
}
a{color:inherit;}
.plain-tile {
width: 100%;
background: var(--paint-base);
color: var(--line-secondary);
border-bottom: 1px solid var(--paint-accent);
}
.page-headline {
max-width: var(--gap-content);
margin: 0 auto;
padding: var(--measure-large) var(--gap-base);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--measure-card);
}
.open-figure {
font-size: var(--type-lead);
font-weight: 600;
letter-spacing: 0.01em;
color: var(--line-secondary);
text-decoration: none;
white-space: nowrap;
}
.open-figure:hover {
color: var(--ink-soft);
}
.compact-details {
flex: 1 1 auto;
display: flex;
justify-content: center;
}
.nav-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: var(--measure-large);
}
.nav-list a {
display: inline-block;
padding: 0.4rem 0.2rem;
font-size: var(--type-extra-15);
color: var(--line-secondary);
text-decoration: none;
border-bottom: 2px solid transparent;
transition: color var(--speed-hover) var(--ease-hover),
border-color var(--speed-hover) var(--ease-hover);
}
.nav-list a:hover {
color: var(--ink-soft);
border-bottom-color: var(--ink-soft);
}
.clear-shell {
flex: 0 0 auto;
}
.quiet-plan {
display: inline-block;
padding: 0.55rem 1.1rem;
font-size: var(--font-body);
font-weight: 600;
background: var(--tone-extra-31);
color: var(--tone-extra-32);
border-radius: var(--curve-medium);
text-decoration: none;
transition: background var(--speed-hover) var(--ease-hover);
}
.quiet-plan:hover{
background: var(--tone-extra-33);color:var(--ink-light);}
.open-proof {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
padding: 8px;
background: transparent;
border: 1px solid var(--paint-accent);
border-radius: var(--radius-card);
cursor: pointer;
}
.compact-entries{
display: block;
width: 100%;
height: 2px;
background: var(--line-secondary);
border-radius: 1px;color:var(--ink-light);}
@media (max-width: 767px) {
.page-headline {
flex-wrap: wrap;
padding: var(--measure-large) var(--gap-base);
}
.open-proof {
display: flex;
order: 3;
}
.clear-shell {
order: 2;
margin-left: auto;
}
.compact-details {
order: 4;
flex: 1 1 100%;
display: none;
justify-content: flex-start;
margin-top: var(--measure-large);
border-top: 1px solid var(--paint-accent);
padding-top: var(--measure-large);
}
.compact-details.is-open {
display: flex;
}
.nav-list {
flex-direction: column;
align-items: flex-start;
gap: var(--measure-large);
width: 100%;
}
.nav-list a {
font-size: var(--type-extra-15);
padding: 0.5rem 0;
border-bottom: none;
}
.nav-list a:hover {
border-bottom-color: transparent;
}
}
.soft-grid{padding:var(--space-hero) var(--space-form);font-family:var(--font-quiet);font-size:var(--label-meta);line-height:var(--label-base);background:var(--surface-inverse);color:var(--tone-warm);}
.local-shell{max-width:var(--gap-content);margin:0 auto;display:flex;flex-direction:column;gap:var(--measure-large)}
.narrow-menu{display:grid;grid-template-columns:1fr;gap:var(--paint-panel)}
.team-stack{font-size:var(--font-body);text-transform:uppercase;letter-spacing:0.08em;margin:0 0 var(--gutter-hero);font-weight:600}
.steady-shell{font-style:normal;display:flex;flex-direction:column;gap:var(--gutter-hero);font-size:var(--type-extra-15)}
.simple-links,
.primary-stack{display:block}
.primary-header{display:flex;flex-direction:column;gap:var(--gutter-hero)}
.contact-wrap{font-size:var(--font-large);margin:0;font-weight:700;letter-spacing:0.01em}
.local-unit{margin:0;font-size:var(--font-body);max-width:32ch;opacity:0.85}
.active-header{display:grid;grid-template-columns:1fr;gap:var(--paint-panel);padding-top:var(--measure-large);border-top:1px solid rgba(255, 255, 255, 0.15)}
.active-wrap{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gutter-hero)}
.secondary-proof{color:inherit;text-decoration:none;font-size:var(--type-extra-15);transition:opacity var(--speed-hover) var(--ease-hover)}
.secondary-proof:hover,
.secondary-proof:focus-visible{opacity:0.75;text-decoration:underline}
.page-header{display:flex;flex-direction:column;gap:var(--gutter-hero);padding-top:var(--measure-large);border-top:1px solid rgba(255, 255, 255, 0.15);font-size:var(--font-body)}
.compact-grid,
.open-stack{margin:0;opacity:0.85}
@media (min-width: 640px) {.narrow-menu{grid-template-columns:1fr 1fr;align-items:start}.active-header{grid-template-columns:repeat(2, 1fr)}
}
@media (min-width: 960px) {.active-header{grid-template-columns:repeat(3, 1fr)}.page-header{flex-direction:row;justify-content:space-between;align-items:baseline;gap:var(--paint-panel)}.compact-grid{max-width:70ch}
}
.cookies {
position: fixed;
right: var(--paint-panel);
bottom: var(--paint-panel);
z-index: 9999;
max-width: 520px;
width: calc(100% - var(--paint-panel) * 2);
font-family: var(--font-quiet);
font-size: var(--font-body);
line-height: var(--label-base);
}
.cookies .soft-lead {
background: var(--paint-secondary);
color: var(--ink-light);
border: 1px solid var(--paint-accent);
border-radius: var(--curve-soft);
box-shadow: var(--depth-soft);
padding: var(--paint-panel);
display: flex;
flex-direction: column;
gap: var(--measure-card);
}
.cookies .soft-block {
display: flex;
flex-direction: column;
gap: calc(var(--measure-card) / 2);
}
.cookies .visual-body {
margin: 0;
font-size: var(--type-extra-15);
font-weight: 600;
line-height: 1.3;
}
.cookies .fresh-tile {
margin: 0;
font-size: var(--font-body);
color: var(--tone-base);
}
.cookies .content-footer {
display: flex;
flex-wrap: wrap;
gap: calc(var(--measure-card) / 2);
justify-content: flex-end;
}
.cookies .page-copy {
font-family: inherit;
font-size: var(--font-body);
line-height: 1;
padding: 0.6rem 1rem;
border-radius: var(--radius-card);
border: 1px solid var(--paint-accent);
background: var(--tone-dark);
color: var(--ink-light);
cursor: pointer;
transition: background var(--speed-hover) var(--ease-hover), color var(--speed-hover) var(--ease-hover), border-color var(--speed-hover) var(--ease-hover);
}
.cookies .page-copy:hover{
background: var(--ink-warm);color:var(--ink-light);}
.cookies .page-copy.primary {
background: var(--tone-extra-31);
color: var(--tone-extra-32);
border-color: var(--tone-extra-31);
}
.cookies .page-copy.primary:hover{
background: var(--tone-extra-33);
border-color: var(--tone-extra-33);color:var(--ink-light);}
.cookies .page-copy.ghost {
background: transparent;
}
.cookies .page-copy:focus-visible {
outline: 2px solid var(--layer-soft);
outline-offset: 2px;
}
@media (max-width: 560px) {
.cookies {
right: var(--measure-large);
left: var(--measure-large);
bottom: var(--measure-large);
width: auto;
max-width: none;
}
.cookies .content-footer {
justify-content: stretch;
}
.cookies .page-copy {
flex: 1 1 auto;
}
}
.fresh-details{
background: var(--paint-base);
color: var(--line-secondary);
padding: 96px 24px 88px;
}
.fresh-details .top-header{max-width: 1080px;
margin: 0 auto;}
.fresh-details .plain-grid{max-width: 720px;}
.fresh-details h1{font-size: clamp(2rem, 4.2vw, 3.1rem);
line-height: 1.12;
letter-spacing: -0.01em;
margin: 0 0 24px;
font-weight: 600;}
.fresh-details p{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 18px;}
.fresh-details .steady-figure{margin-top: 28px;
padding-top: 20px;
border-top: 1px solid var(--paint-accent, #D6D2CB);
font-size: 0.98rem;
color: var(--tone-base, #2C3A48);}
.fresh-details .steady-figure a{color: #1B3A5C;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.fresh-details .steady-figure a:hover{color: var(--tone-secondary, #B23A48);}
@media (max-width: 640px) {.fresh-details{ padding: 64px 20px 60px; }.fresh-details h1{ font-size: 1.7rem; }
}
.fresh-details{
background: var(--paint-base);
color: var(--line-secondary);
}
.direct-shell{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 88px;
}
.direct-shell .top-header{max-width: 760px;
margin: 0 auto;}
.direct-shell .wide-intro{margin-bottom: 40px;}
.direct-shell h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
font-weight: 600;
letter-spacing: -0.01em;}
.direct-shell .plain-grid{margin: 0;
max-width: 58ch;
font-size: 1rem;
line-height: 1.6;}
.direct-shell .page-brand{margin: 0;
padding: 0;
border-top: 1px solid var(--paint-accent, #D6D2CB);}
.direct-shell .compact-flow{padding: 22px 0;
border-bottom: 1px solid var(--paint-accent, #D6D2CB);}
.direct-shell .compact-flow dt{font-size: 1.0625rem;
font-weight: 600;
line-height: 1.4;
margin-bottom: 8px;}
.direct-shell .compact-flow dd{margin: 0;
font-size: 0.9688rem;
line-height: 1.65;
max-width: 62ch;}
.direct-shell .steady-figure{margin: 32px 0 0;
font-size: 0.9375rem;
line-height: 1.6;}
.direct-shell .steady-figure a{text-decoration: underline;
text-underline-offset: 3px;}
.direct-shell .steady-figure a:hover{}
@media (max-width: 600px) {.direct-shell{
padding: 52px 20px 64px;
}.direct-shell h2{
font-size: 1.4375rem;
}.direct-shell .compact-flow{
padding: 18px 0;
}
}
.direct-shell{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.clear-header{
background: var(--paint-base);
color: var(--line-secondary);
padding: 5rem 1.5rem 4.5rem;
}
.clear-header .top-header{max-width: 720px;
margin: 0 auto;}
.clear-header h2{font-size: clamp(1.5rem, 2.4vw, 1.9rem);
font-weight: 600;
line-height: 1.25;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.clear-header .plain-grid{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 2.75rem;
max-width: 62ch;}
.clear-header .local-service{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 2.25rem;}
.clear-header .team-summary{padding-left: 1.25rem;
border-left: 2px solid #1B3A5C;}
.clear-header .main-header{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 0.6rem;}
.clear-header .wrap{font-size: 0.9rem;
line-height: 1.5;
margin: 0;
color: var(--tone-base, #2C3A48);
opacity: 0.85;}
.clear-header .content-summary{margin: 3rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid var(--paint-accent, #D6D2CB);
font-size: 0.88rem;
line-height: 1.55;
color: var(--tone-base, #2C3A48);
opacity: 0.8;}
@media (max-width: 560px) {.clear-header{
padding: 3.5rem 1.25rem 3rem;
}.clear-header .plain-grid{
margin-bottom: 2rem;
}.clear-header .local-service{
gap: 1.75rem;
}
}
.clear-header{
background: var(--paint-base);
color: var(--line-secondary);
}
.compact-track{
background: var(--paint-base);
color: var(--line-secondary);
padding: 64px 24px;
}
.compact-track .top-header{max-width: 780px;
margin: 0 auto;}
.compact-track h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.compact-track .plain-grid{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 40px;
max-width: 640px;}
.compact-track .media-brand{display: flex;
flex-direction: column;
gap: 32px;}
.compact-track .compact-flow h3{font-size: 1.1rem;
line-height: 1.35;
margin: 0 0 8px;
font-weight: 600;}
.compact-track .compact-flow p{font-size: 0.98rem;
line-height: 1.65;
margin: 0;
max-width: 660px;}
.compact-track .steady-figure{margin: 48px 0 0;
padding-top: 24px;
border-top: 1px solid var(--paint-accent);
font-size: 0.95rem;
line-height: 1.6;}
.compact-track .steady-figure a{text-decoration: underline;
text-underline-offset: 3px;}
.compact-track .steady-figure a:hover{}
@media (max-width: 600px) {.compact-track{
padding: 48px 18px;
}.compact-track h2{
font-size: 1.45rem;
}.compact-track .media-brand{
gap: 26px;
}
}
.compact-track{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 5rem 1.5rem 3.5rem;
}
.media-tile .top-header{max-width: 760px;
margin: 0 auto;}
.media-tile h1{margin: 0 0 1.5rem;
font-size: clamp(1.75rem, 3.4vw, 2.5rem);
line-height: 1.22;
font-weight: 600;
letter-spacing: -0.01em;}
.media-tile .plain-grid{margin: 0 0 1.75rem;
font-size: 1.0625rem;
line-height: 1.7;
max-width: 62ch;}
.media-tile .content-summary{margin: 0;
padding-top: 1.25rem;
border-top: 1px solid var(--paint-accent, #D6D2CB);
font-size: 0.9375rem;
line-height: 1.6;
color: var(--tone-base, #2C3A48);
max-width: 52ch;}
@media (max-width: 560px) {.media-tile{
padding: 3.5rem 1.25rem 2.5rem;
}
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
}
.public-panel{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.25rem;
}
.public-panel .top-header{max-width: 960px;
margin: 0 auto;}
.public-panel .wide-intro{max-width: 640px;
margin-bottom: 3rem;}
.public-panel h2{font-size: 1.65rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.public-panel .plain-grid{margin: 0;
font-size: 1rem;
line-height: 1.7;}
.public-panel .media-brand{display: flex;
flex-direction: column;
gap: 2.75rem;}
.public-panel .public-copy{display: grid;
grid-template-columns: minmax(200px, 260px) 1fr;
gap: 2rem;
align-items: start;}
.public-panel .wrap h3{margin: 0 0 0.35rem;
font-size: 1.1rem;
line-height: 1.35;}
.public-panel .public-summary{margin: 0;
font-size: 0.85rem;
line-height: 1.5;}
.public-panel .surface p{margin: 0 0 0.85rem;
font-size: 0.97rem;
line-height: 1.75;}
.public-panel .surface p:last-child{margin-bottom: 0;}
@media (max-width: 720px) {.public-panel{
padding: 3rem 1.1rem;
}.public-panel .public-copy{
grid-template-columns: 1fr;
gap: 0.75rem;
}.public-panel .wide-intro{
margin-bottom: 2.25rem;
}
}
.public-panel{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.signal{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem 5rem;
}
.signal .top-header{max-width: 640px;
margin: 0 auto;}
.signal h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 1.5rem;
letter-spacing: -0.01em;}
.signal p{font-size: 1.0625rem;
line-height: 1.7;
margin: 0 0 1.25rem;}
.signal .plain-grid{font-size: 1.125rem;
color: var(--tone-base);}
.signal .offer-proof{margin-top: 1.75rem;
padding-top: 1.5rem;
border-top: 1px solid var(--paint-accent);
font-style: italic;}
@media (max-width: 600px) {.signal{
padding: 3rem 1.25rem 3.5rem;
}.signal h2{
font-size: 1.5rem;
}.signal p{
font-size: 1rem;
}
}
.signal{
background: var(--paint-base);
color: var(--line-secondary);
}
.site-body{
background: var(--paint-base, #F6F3EE);
color: var(--line-secondary, #16222E);
padding: 72px 24px 80px;
}
.site-body .top-header{max-width: 760px;
margin: 0 auto;}
.site-body h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.25;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.site-body .plain-grid{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 44px;
max-width: 62ch;}
.site-body .fresh-entries{display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid #D6D2CB;}
.site-body .compact-feature{padding: 26px 0 28px;
border-bottom: 1px solid #D6D2CB;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 10px;}
.site-body .compact-feature h3{font-size: 1.12rem;
line-height: 1.35;
margin: 0;
font-weight: 600;}
.site-body .compact-feature p{margin: 0;
font-size: 0.98rem;
line-height: 1.7;
max-width: 66ch;}
.site-body .offer-proof{margin: 40px 0 0;
font-size: 1rem;
line-height: 1.65;
padding-left: 16px;
border-left: 3px solid #B23A48;
max-width: 60ch;}
@media (min-width: 720px) {.site-body{
padding: 96px 40px 104px;
}.site-body .compact-feature{
grid-template-columns: 240px minmax(0, 1fr);
gap: 32px;
align-items: start;
}.site-body .compact-feature h3{
padding-top: 2px;
}
}
.site-body{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 96px 24px 72px;
}
.media-tile .top-header{max-width: 720px;
margin: 0 auto;
padding-left: 28px;
border-left: 3px solid var(--ink-card, #B23A48);}
.media-tile h1{font-size: clamp(1.9rem, 3.4vw, 2.6rem);
line-height: 1.18;
letter-spacing: -0.01em;
margin: 0 0 22px;
font-weight: 600;}
.media-tile .plain-grid{font-size: 1.08rem;
line-height: 1.65;
margin: 0 0 18px;
max-width: 62ch;}
.media-tile .simple-footer{font-size: 0.95rem;
line-height: 1.55;
margin: 0;
padding-top: 16px;
border-top: 1px solid var(--paint-accent, #D6D2CB);
max-width: 62ch;}
@media (max-width: 640px) {.media-tile{
padding: 64px 20px 52px;
}.media-tile .top-header{
padding-left: 20px;
border-left-width: 2px;
}
}
.media-tile{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.media-headline{
--surface-soft: #FFFFFF;
--type-nav: #D6D2CB;
--paint-page: #E8E4DD;
background: var(--paint-base);
color: var(--line-secondary);
padding: 4rem 1.25rem;
}
.media-headline .top-header{max-width: 1080px;
margin: 0 auto;}
.media-headline .offer-callout{max-width: 620px;
margin-bottom: 2.75rem;}
.media-headline .offer-callout h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 0.85rem;}
.media-headline .plain-grid{margin: 0;
font-size: 1.02rem;
line-height: 1.6;
color: #2C3A48;}
.media-headline .media-brand{display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--type-nav);}
.media-headline .public-copy{display: grid;
grid-template-columns: 1fr;
gap: 0.9rem;
padding: 1.9rem 0;
border-bottom: 1px solid var(--type-nav);}
.media-headline .compact-proof{display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.75rem 1rem;}
.media-headline .compact-proof h3{font-size: 1.18rem;
margin: 0;
line-height: 1.3;}
.media-headline .soft-note{
font-size: 0.82rem;
letter-spacing: 0.02em;
color: #2C3A48;
background: var(--paint-page);
padding: 0.2rem 0.6rem;
border-radius: 3px;
}
.media-headline .public-copy p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;
max-width: 680px;}
.media-headline .text-panel{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.4rem 1.5rem;}
.media-headline .text-panel li{position: relative;
padding-left: 0.9rem;
font-size: 0.9rem;
line-height: 1.5;
color: #2C3A48;}
.media-headline .text-panel li::before{
content: "";
position: absolute;
left: 0;
top: 0.6em;
width: 5px;
height: 5px;
border-radius: 50%;
background: #B23A48;
}
.media-headline .featured-items{justify-self: start;
font-size: 0.92rem;
text-decoration: none;
color: #1B3A5C;
border-bottom: 1px solid #1B3A5C;
padding-bottom: 1px;}
.media-headline .featured-items:hover{color: #B23A48;
border-bottom-color: #B23A48;}
.media-headline .content-summary{margin: 2.25rem 0 0;
font-size: 0.94rem;
line-height: 1.6;
color: #2C3A48;
max-width: 640px;}
.media-headline .content-summary a{color: #1B3A5C;
text-decoration: underline;}
.media-headline .content-summary a:hover{color: #B23A48;}
@media (min-width: 760px) {.media-headline{
padding: 5rem 2rem;
}.media-headline .public-copy{
grid-template-columns: 240px 1fr;
grid-template-areas:
"head body"
"head details"
"head action";
column-gap: 2.5rem;
row-gap: 0.75rem;
align-items: start;
}.media-headline .compact-proof{
grid-area: head;
flex-direction: column;
gap: 0.5rem;
}.media-headline .public-copy p{
grid-area: body;
}.media-headline .text-panel{
grid-area: details;
flex-direction: column;
gap: 0.35rem;
}.media-headline .featured-items{
grid-area: action;
margin-top: 0.25rem;
}
}
.media-headline{
background: var(--paint-base);
color: var(--line-secondary);
}
.compact-track{
--layer-public: #D6D2CB;
--mark-main: #E8E4DD;
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 80px;
}
.compact-track .top-header{max-width: 1040px;
margin: 0 auto;}
.compact-track .plain-grid{max-width: 720px;
margin-bottom: 48px;}
.compact-track .plain-grid h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
line-height: 1.25;
margin: 0 0 18px;
font-weight: 600;}
.compact-track .plain-grid p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.compact-track .open-note{display: flex;
flex-direction: column;
border-top: 1px solid var(--layer-public);}
.compact-track .compact-flow{display: grid;
grid-template-columns: minmax(200px, 1fr) minmax(280px, 1.6fr);
gap: 12px 40px;
padding: 26px 0;
border-bottom: 1px solid var(--layer-public);}
.compact-track .compact-flow h3{margin: 0;
font-size: 1.08rem;
font-weight: 600;
line-height: 1.4;}
.compact-track .compact-flow p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;}
.compact-track .steady-figure{margin: 40px 0 0;
font-size: 0.95rem;
line-height: 1.6;
padding-top: 22px;
border-top: 2px solid #1B3A5C;
max-width: 720px;}
.compact-track .steady-figure a{text-decoration: underline;
text-underline-offset: 3px;}
.compact-track .steady-figure a:hover{}
@media (max-width: 720px) {.compact-track{
padding: 52px 18px 60px;
}.compact-track .plain-grid{
margin-bottom: 34px;
}.compact-track .compact-flow{
grid-template-columns: 1fr;
gap: 8px;
padding: 22px 0;
}
}
.service-surface{
--copy-button: #D6D2CB;
--line-panel: #2C3A48;
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem 5rem;
}
.service-surface .top-header{max-width: 720px;
margin: 0 auto;}
.service-surface h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.service-surface .plain-grid{font-size: 1.05rem;
line-height: 1.65;
color: var(--line-panel);
margin: 0 0 2.75rem;}
.service-surface .compact-items{list-style: none;
margin: 0;
padding: 0;
counter-reset: paso;}
.service-surface .offer-copy{counter-increment: paso;
position: relative;
padding: 1.75rem 0 1.75rem 3.25rem;
border-top: 1px solid var(--copy-button);}
.service-surface .offer-copy:last-child{border-bottom: 1px solid var(--copy-button);}
.service-surface .offer-copy::before{content: counter(paso, decimal-leading-zero);
position: absolute;
left: 0;
top: 1.9rem;
font-size: 0.85rem;
letter-spacing: 0.08em;
color: var(--line-panel);}
.service-surface .offer-copy h3{font-size: 1.1rem;
line-height: 1.35;
margin: 0 0 0.6rem;}
.service-surface .offer-copy p{font-size: 0.98rem;
line-height: 1.7;
color: var(--line-panel);
margin: 0;}
.service-surface .steady-figure{margin: 2.5rem 0 0;
font-size: 0.95rem;
line-height: 1.7;
color: var(--line-panel);}
.service-surface .steady-figure a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.service-surface .steady-figure a:hover{color:inherit;}
@media (max-width: 560px) {.service-surface{
padding: 3rem 1.15rem 3.5rem;
}.service-surface .offer-copy{
padding-left: 2.6rem;
}.service-surface .offer-copy::before{
top: 1.95rem;
}
}
.service-surface{
background: var(--paint-base);
color: var(--line-secondary);
}
.media-tile{
--line-page: #F6F3EE;
--ink-primary: #16222E;
--tone-extra-42: #2C3A48;
background: var(--line-page);
color: var(--ink-primary);
padding: 72px 24px 64px;
}
.media-tile .top-header{max-width: 760px;
margin: 0 auto;}
.media-tile h1{font-size: clamp(1.75rem, 3.4vw, 2.5rem);
line-height: 1.2;
letter-spacing: -0.01em;
margin: 0 0 22px;
font-weight: 600;}
.media-tile .plain-grid{font-size: 1.0625rem;
line-height: 1.65;
margin: 0 0 20px;}
.media-tile .content-summary{font-size: 0.9375rem;
line-height: 1.6;
margin: 0;
padding-left: 16px;
border-left: 3px solid #B23A48;}
@media (max-width: 600px) {.media-tile{
padding: 52px 18px 48px;
}.media-tile .content-summary{
padding-left: 12px;
}
}
.clear-header{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px;
}
.clear-header .top-header{max-width: 780px;
margin: 0 auto;}
.clear-header h2{font-size: 1.7rem;
line-height: 1.25;
margin: 0 0 18px;
font-weight: 600;}
.clear-header .plain-grid{margin: 0 0 40px;
font-size: 1rem;
line-height: 1.65;
color: var(--tone-base);
max-width: 62ch;}
.clear-header .visual-inner{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 28px;}
.clear-header .main-header{border-left: 3px solid #B23A48;
padding: 4px 0 4px 22px;}
.clear-header .fresh-tile{margin: 0 0 10px;
font-size: 1.02rem;
line-height: 1.7;}
.clear-header .open-feature{margin: 0;
font-size: 0.86rem;
letter-spacing: 0.02em;
color: var(--tone-base);}
@media (max-width: 640px) {.clear-header{
padding: 52px 18px;
}.clear-header h2{
font-size: 1.4rem;
}.clear-header .main-header{
padding-left: 16px;
}
}
.strong-quote{
background: var(--surface-inverse, #1B3A5C);
color: var(--tone-warm, #F6F3EE);
padding: 64px 24px;
}
.strong-quote .top-header{max-width: 880px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.6fr 1fr;
gap: 48px;
align-items: start;}
.strong-quote .content-summary h2{margin: 0 0 16px;
font-size: 1.6rem;
line-height: 1.25;
font-weight: 600;}
.strong-quote .content-summary p{margin: 0 0 14px;
font-size: 1rem;
line-height: 1.65;
opacity: 0.92;}
.strong-quote .content-summary p:last-child{margin-bottom: 0;
opacity: 0.78;
font-size: 0.95rem;}
.strong-quote .open-section{padding-top: 6px;}
.strong-quote .quiet-story{
display: inline-block;
background: #B23A48;
color: #FFFFFF;
text-decoration: none;
padding: 14px 22px;
border-radius: 6px;
font-weight: 600;
font-size: 0.98rem;
line-height: 1.2;
transition: background 0.2s ease;
}
.strong-quote .quiet-story:hover{
background: #962F3C;color:var(--ink-light);}
.strong-quote .steady-figure{margin: 18px 0 0;
font-size: 0.88rem;
line-height: 1.55;
opacity: 0.75;}
.strong-quote .steady-figure a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.strong-quote .steady-figure a:hover{opacity: 1;}
@media (max-width: 720px) {.strong-quote{
padding: 48px 20px;
}.strong-quote .top-header{
grid-template-columns: 1fr;
gap: 28px;
}
}
.strong-quote{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 5rem 1.5rem 4rem;
}
.media-tile .top-header{max-width: 720px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.1rem;}
.media-tile h1{font-size: clamp(1.9rem, 3.4vw, 2.6rem);
line-height: 1.2;
letter-spacing: -0.01em;
margin: 0;
font-weight: 600;}
.media-tile .plain-grid{font-size: 1.08rem;
line-height: 1.65;
margin: 0;
max-width: 62ch;}
.media-tile .content-summary{font-size: 0.98rem;
line-height: 1.6;
margin: 0;
padding-top: 0.9rem;
border-top: 1px solid var(--tone-main);
max-width: 62ch;}
@media (max-width: 640px) {.media-tile{
padding: 3.5rem 1.25rem 3rem;
}
}
.simple-footer{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem;
}
.simple-footer .top-header{max-width: 720px;
margin: 0 auto;}
.simple-footer h2{font-size: 1.6rem;
line-height: 1.3;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.simple-footer .plain-grid{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 2.4rem;
color: var(--tone-base);}
.simple-footer .media-brand{display: flex;
flex-direction: column;
gap: 1.6rem;}
.simple-footer .top-rail{display: grid;
grid-template-columns: 150px 1fr;
gap: 1.4rem;
align-items: baseline;}
.simple-footer .compact-nav{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #1B3A5C;
font-weight: 600;}
.simple-footer .top-rail p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
.simple-footer a{color: var(--tone-secondary, #B23A48);
text-decoration: underline;
text-underline-offset: 3px;}
.simple-footer a:hover{color: var(--surface-accent, #962F3C);}
.simple-footer .steady-figure{margin: 2.8rem 0 0;
padding-top: 1.6rem;
border-top: 1px solid var(--paint-accent, #D6D2CB);
font-size: 0.96rem;
line-height: 1.65;
color: var(--tone-base);}
@media (max-width: 560px) {.simple-footer{
padding: 3rem 1.1rem;
}.simple-footer .top-rail{
grid-template-columns: 1fr;
gap: 0.35rem;
}.simple-footer h2{
font-size: 1.35rem;
}
}
.simple-footer{
background: var(--paint-base);
color: var(--line-secondary);
}
.compact-track{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem 5rem;
}
.compact-track .top-header{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
gap: 3rem 4rem;
align-items: start;}
.compact-track .plain-grid{padding-top: 0.4rem;}
.compact-track .plain-grid h2{font-size: clamp(1.55rem, 2.4vw, 2.05rem);
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.compact-track .offer-callout{margin: 0;
font-size: 1rem;
line-height: 1.65;}
.compact-track .open-note{display: flex;
flex-direction: column;
gap: 1.9rem;}
.compact-track .narrow-brand{border-left: 3px solid #1B3A5C;
padding: 0.15rem 0 0.15rem 1.25rem;}
.compact-track .narrow-brand h3{font-size: 1.08rem;
line-height: 1.35;
margin: 0 0 0.5rem;
font-weight: 600;}
.compact-track .narrow-brand p{margin: 0;
font-size: 0.97rem;
line-height: 1.62;}
.compact-track .offer-proof{grid-column: 1 / -1;
margin: 1rem 0 0;
padding-top: 1.6rem;
border-top: 1px solid var(--paint-accent, #D6D2CB);
font-size: 0.97rem;
line-height: 1.6;}
.compact-track .offer-proof a{text-decoration: underline;
text-underline-offset: 3px;}
.compact-track .offer-proof a:hover{}
@media (max-width: 820px) {.compact-track{
padding: 3.2rem 1.25rem 3.6rem;
}.compact-track .top-header{
grid-template-columns: 1fr;
gap: 2.2rem;
}
}
.fresh-entries{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.25rem 5rem;
}
.fresh-entries .top-header{max-width: 780px;
margin: 0 auto;}
.fresh-entries .wide-intro{margin-bottom: 2.75rem;}
.fresh-entries .wide-intro h2{font-size: 1.85rem;
line-height: 1.25;
margin: 0 0 0.85rem;
letter-spacing: -0.01em;}
.fresh-entries .plain-grid{font-size: 1.02rem;
line-height: 1.65;
margin: 0;
max-width: 62ch;
color: var(--tone-base, #2C3A48);}
.fresh-entries .compact-items{list-style: none;
margin: 0;
padding: 0;}
.fresh-entries .offer-copy{display: grid;
grid-template-columns: 8.5rem 1fr;
gap: 1.5rem;
padding: 1.5rem 0;
border-top: 1px solid var(--paint-accent, #D6D2CB);}
.fresh-entries .offer-copy:last-child{border-bottom: 1px solid var(--paint-accent, #D6D2CB);}
.fresh-entries .narrow-actions{font-size: 0.82rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #B23A48;
padding-top: 0.35rem;}
.fresh-entries .quiet-menu h3{font-size: 1.08rem;
margin: 0 0 0.4rem;
font-weight: 600;}
.fresh-entries .quiet-menu p{margin: 0;
font-size: 0.97rem;
line-height: 1.62;
color: var(--tone-base, #2C3A48);}
.fresh-entries .content-summary{margin: 2.25rem 0 0;
font-size: 0.9rem;
line-height: 1.6;
color: var(--tone-base, #2C3A48);
max-width: 60ch;}
@media (max-width: 620px) {.fresh-entries{
padding: 3rem 1rem 3.5rem;
}.fresh-entries .wide-intro h2{
font-size: 1.5rem;
}.fresh-entries .offer-copy{
grid-template-columns: 1fr;
gap: 0.4rem;
padding: 1.25rem 0;
}.fresh-entries .narrow-actions{
padding-top: 0;
}
}
.fresh-entries{
background: var(--paint-base);
color: var(--line-secondary);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 5rem 1.5rem 4rem;
}
.media-tile .top-header{max-width: 780px;
margin: 0 auto;}
.media-tile h1{font-size: clamp(1.9rem, 4vw, 2.75rem);
line-height: 1.18;
letter-spacing: -0.01em;
margin: 0 0 1.25rem;
font-weight: 600;}
.media-tile .plain-grid{font-size: 1.08rem;
line-height: 1.65;
margin: 0;
max-width: 62ch;}
@media (max-width: 640px) {.media-tile{
padding: 3.25rem 1.15rem 2.75rem;
}.media-tile h1{
font-size: 1.7rem;
}.media-tile .plain-grid{
font-size: 1rem;
}
}
.simple-footer{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px;
}
.simple-footer .top-header{max-width: 1080px;
margin: 0 auto;}
.simple-footer .plain-grid{max-width: 640px;
margin-bottom: 44px;}
.simple-footer .plain-grid h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.simple-footer .plain-grid p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;
color: var(--tone-base, #2C3A48);}
.simple-footer .text-summary{display: grid;
grid-template-columns: 1.1fr 1fr 1fr;
gap: 28px;
border-top: 1px solid var(--paint-accent, #D6D2CB);
padding-top: 32px;}
.simple-footer .steady-figure h3{font-size: 1.05rem;
margin: 0 0 10px;
font-weight: 600;}
.simple-footer .steady-figure p{margin: 0 0 12px;
font-size: 0.95rem;
line-height: 1.6;
color: var(--tone-base, #2C3A48);}
.simple-footer .steady-figure a{color: #1B3A5C;
text-decoration: none;
border-bottom: 1px solid currentColor;
font-size: 0.95rem;
word-break: break-word;}
.simple-footer .steady-figure a:hover{color: var(--tone-secondary, #B23A48);}
.simple-footer .steady-figure .secondary-links{margin: 0;
font-size: 0.9rem;
line-height: 1.55;}
.simple-footer .offer-proof{margin-top: 48px;
padding-top: 24px;
border-top: 1px solid var(--paint-accent, #D6D2CB);
max-width: 720px;}
.simple-footer .offer-proof p{margin: 0 0 10px;
font-size: 0.98rem;
line-height: 1.65;
color: var(--tone-base, #2C3A48);}
.simple-footer .offer-proof .contact-shell{margin: 0;
font-size: 0.92rem;}
.simple-footer .offer-proof a{color: #1B3A5C;
text-decoration: none;
border-bottom: 1px solid currentColor;}
.simple-footer .offer-proof a:hover{color: var(--tone-secondary, #B23A48);}
@media (max-width: 860px) {.simple-footer{
padding: 56px 20px;
}.simple-footer .text-summary{
grid-template-columns: 1fr;
gap: 24px;
}
}
.narrow-content{
background: var(--paint-base, #F6F3EE);
color: var(--line-secondary, #16222E);
padding: 72px 24px;
}
.narrow-content .top-header{max-width: 880px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 48px;
align-items: start;}
.narrow-content .plain-grid h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 18px;
font-weight: 600;}
.narrow-content .plain-grid p{margin: 0 0 14px;
line-height: 1.65;
font-size: 1rem;}
.narrow-content .focused-summary{
background: var(--paint-secondary, #FFFFFF);
color: var(--ink-light, #16222E);
border: 1px solid var(--paint-accent, #D6D2CB);
border-radius: 10px;
padding: 28px 26px;
}
.narrow-content .focused-summary label{display: block;
font-size: 0.9rem;
letter-spacing: 0.02em;
margin-bottom: 10px;}
.narrow-content .top-rail{display: flex;
gap: 10px;
flex-wrap: wrap;}
.narrow-content .top-rail input{
flex: 1 1 200px;
min-width: 0;
padding: 12px 14px;
border: 1px solid #C9C4BC;
border-radius: 6px;
background: #FDFCFA;
color: #16222E;
font-size: 1rem;
}
.narrow-content .top-rail input:focus{outline: 2px solid #1B3A5C;
outline-offset: 1px;}
.narrow-content .top-rail button{
padding: 12px 22px;
border: none;
border-radius: 6px;
background: #B23A48;
color: #FFFFFF;
font-size: 1rem;
cursor: pointer;
}
.narrow-content .top-rail button:hover{
background: #962F3C;
}
.narrow-content .content-summary{margin: 18px 0 0;
font-size: 0.9rem;
line-height: 1.55;}
.narrow-content .content-summary a{text-decoration: underline;}
@media (max-width: 720px) {.narrow-content{
padding: 48px 18px;
}.narrow-content .top-header{
grid-template-columns: 1fr;
gap: 32px;
}
}
.narrow-content{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 64px;
}
.media-tile .top-header{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
gap: 48px;
align-items: start;}
.media-tile .plain-grid h1{font-size: clamp(1.75rem, 3.2vw, 2.5rem);
line-height: 1.2;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.media-tile .plain-grid p{font-size: 1.0625rem;
line-height: 1.6;
margin: 0;
max-width: 52ch;}
.media-tile .content-summary{border-left: 3px solid #1B3A5C;
padding: 4px 0 4px 20px;
margin-top: 8px;}
.media-tile .content-summary p{font-size: 0.9375rem;
line-height: 1.65;
margin: 0;
color: var(--tone-base, #2C3A48);}
@media (max-width: 720px) {.media-tile{
padding: 52px 20px 48px;
}.media-tile .top-header{
grid-template-columns: 1fr;
gap: 28px;
}.media-tile .content-summary{
padding-left: 16px;
}
}
.strong-quote{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem;
}
.strong-quote .top-header{max-width: 720px;
margin: 0 auto;}
.strong-quote .content-summary{font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
margin: 0 0 1rem;}
.strong-quote h2{font-size: 1.75rem;
line-height: 1.3;
margin: 0 0 1.5rem;
font-weight: 600;}
.strong-quote .fresh-tile{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 1.1rem;}
.strong-quote .open-section{margin-top: 2rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.25rem;}
.strong-quote .quiet-story{
display: inline-block;
background: #1B3A5C;
color: #F6F3EE;
padding: 0.85rem 1.6rem;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
transition: background 0.2s ease;
}
.strong-quote .quiet-story:hover{
background: #142B45;
}
.strong-quote .steady-figure{font-size: 0.95rem;}
.strong-quote .steady-figure a{text-decoration: underline;
text-underline-offset: 3px;}
.strong-quote .steady-figure a:hover{}
.clear-header{
background: var(--paint-base, #F6F3EE);
color: var(--line-secondary, #16222E);
padding: 72px 24px;
font-size: 16px;
line-height: 1.6;
}
.clear-header .top-header{max-width: 760px;
margin: 0 auto;}
.clear-header h2{font-size: 1.7rem;
line-height: 1.25;
margin: 0 0 16px;
font-weight: 600;
letter-spacing: -0.01em;}
.clear-header .plain-grid{margin: 0 0 40px;
max-width: 62ch;
color: var(--tone-base, #2C3A48);}
.clear-header .fresh-links{display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--paint-accent, #D6D2CB);}
.clear-header .public-copy{padding: 28px 0;
border-bottom: 1px solid var(--paint-accent, #D6D2CB);}
.clear-header .main-header{margin: 0 0 14px;
font-size: 1.05rem;
line-height: 1.6;}
.clear-header .wrap{margin: 0;
font-size: 0.9rem;
font-weight: 600;
color: #1B3A5C;}
.clear-header .wrap span{display: block;
font-weight: 400;
color: var(--tone-base, #2C3A48);
margin-top: 2px;}
.clear-header .offer-proof{margin: 32px 0 0;
max-width: 62ch;
color: var(--tone-base, #2C3A48);}
.clear-header .offer-proof a{color: #1B3A5C;
text-decoration: underline;
text-underline-offset: 3px;}
.clear-header .offer-proof a:hover{color: var(--tone-secondary, #B23A48);}
@media (max-width: 560px) {.clear-header{
padding: 52px 18px;
}.clear-header h2{
font-size: 1.4rem;
}.clear-header .public-copy{
padding: 22px 0;
}
}
.secondary-rail{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem;
}
.secondary-rail .top-header{max-width: 980px;
margin: 0 auto;}
.secondary-rail .wide-intro{max-width: 640px;
margin-bottom: 2.75rem;}
.secondary-rail h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.secondary-rail .plain-grid{font-size: 1.02rem;
line-height: 1.65;
margin: 0;}
.secondary-rail .media-brand{display: flex;
flex-direction: column;
border-top: 1px solid var(--paint-accent, #D6D2CB);}
.secondary-rail .top-rail{display: grid;
grid-template-columns: 130px 1fr;
gap: 1.5rem;
padding: 1.5rem 0;
border-bottom: 1px solid var(--paint-accent, #D6D2CB);}
.secondary-rail .quiet-summary{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.08em;
padding-top: 0.25rem;}
.secondary-rail .direct-feature h3{font-size: 1.08rem;
margin: 0 0 0.5rem;
line-height: 1.35;}
.secondary-rail .direct-feature p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;}
.secondary-rail .public-benefit{margin: 2rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.secondary-rail .public-benefit a{text-decoration: underline;
text-underline-offset: 3px;}
.secondary-rail .public-benefit a:hover{}
@media (max-width: 640px) {.secondary-rail{
padding: 3rem 1.15rem;
}.secondary-rail .top-rail{
grid-template-columns: 1fr;
gap: 0.5rem;
}.secondary-rail .quiet-summary{
padding-top: 0;
}
}
.secondary-rail{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 5rem 1.5rem 4rem;
}
.media-tile .top-header{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
gap: 3rem 4rem;
align-items: end;}
.media-tile .plain-grid h1{font-size: clamp(1.9rem, 3.4vw, 2.75rem);
line-height: 1.15;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.media-tile .plain-grid .active-benefit{font-size: 1.075rem;
line-height: 1.6;
margin: 0;
max-width: 46ch;
color: var(--tone-base, #2C3A48);}
.media-tile .content-summary{border-left: 2px solid #1B3A5C;
padding: 0.15rem 0 0.15rem 1.25rem;}
.media-tile .content-summary p{margin: 0;
font-size: 0.975rem;
line-height: 1.65;
color: var(--tone-base, #2C3A48);}
@media (max-width: 760px) {.media-tile{
padding: 3.25rem 1.25rem 2.75rem;
}.media-tile .top-header{
grid-template-columns: 1fr;
gap: 2rem;
align-items: start;
}
}
.strong-feature{
background: var(--paint-base, #F6F3EE);
color: var(--line-secondary, #16222E);
padding: 4.5rem 1.25rem 5rem;
}
.strong-feature .top-header{max-width: 880px;
margin: 0 auto;}
.strong-feature .wide-intro{max-width: 640px;
margin-bottom: 2.75rem;}
.strong-feature .wide-intro h2{font-size: 1.75rem;
line-height: 1.25;
font-weight: 600;
margin: 0 0 1rem;}
.strong-feature .plain-grid{font-size: 1.0625rem;
line-height: 1.65;
margin: 0;}
.strong-feature .compact-items{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #D6D2CB;}
.strong-feature .offer-copy{padding: 1.5rem 0 1.5rem 0;
border-bottom: 1px solid #D6D2CB;
display: grid;
grid-template-columns: 220px 1fr;
gap: 0 2rem;}
.strong-feature .offer-copy h3{font-size: 1.0625rem;
font-weight: 600;
line-height: 1.4;
margin: 0;}
.strong-feature .offer-copy p{font-size: 0.9875rem;
line-height: 1.65;
margin: 0;}
.strong-feature .steady-figure{margin: 2.25rem 0 0;
font-size: 0.9375rem;
line-height: 1.6;}
.strong-feature .steady-figure a{text-decoration: underline;
text-underline-offset: 3px;}
.strong-feature .steady-figure a:hover{}
@media (max-width: 640px) {.strong-feature{
padding: 3rem 1.125rem 3.5rem;
}.strong-feature .wide-intro h2{
font-size: 1.4375rem;
}.strong-feature .offer-copy{
grid-template-columns: 1fr;
gap: 0.5rem;
padding: 1.25rem 0;
}
}
.strong-feature{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.service-surface{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px;
}
.service-surface .top-header{max-width: 780px;
margin: 0 auto;}
.service-surface .plain-grid{margin-bottom: 48px;}
.service-surface .plain-grid h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.service-surface .plain-grid p{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
max-width: 62ch;}
.service-surface .compact-items{list-style: none;
margin: 0;
padding: 0;
counter-reset: paso;}
.service-surface .offer-copy{counter-increment: paso;
padding: 26px 0 26px 56px;
border-top: 1px solid var(--paint-accent, #D6D2CB);
position: relative;}
.service-surface .offer-copy:last-of-type{border-bottom: 1px solid var(--paint-accent, #D6D2CB);}
.service-surface .offer-copy::before{content: counter(paso, decimal-leading-zero);
position: absolute;
left: 0;
top: 28px;
font-size: 0.95rem;
font-weight: 600;color:inherit;
letter-spacing: 0.04em;}
.service-surface .offer-copy h3{font-size: 1.15rem;
line-height: 1.35;
margin: 0 0 8px;}
.service-surface .offer-copy p{font-size: 0.98rem;
line-height: 1.65;
margin: 0;
max-width: 60ch;}
.service-surface .steady-figure{margin: 40px 0 0;
font-size: 0.98rem;
line-height: 1.6;
max-width: 62ch;}
.service-surface .steady-figure a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.service-surface .steady-figure a:hover{color:inherit;}
@media (max-width: 560px) {.service-surface{
padding: 52px 18px;
}.service-surface .plain-grid h2{
font-size: 1.55rem;
}.service-surface .offer-copy{
padding-left: 42px;
}
}
.compact-track{
--type-extra-55: #D6D2CB;
--mark-main: #E8E4DD;
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 80px;
}
.compact-track .top-header{max-width: 880px;
margin: 0 auto;}
.compact-track .plain-grid{max-width: 640px;
margin-bottom: 40px;}
.compact-track h2{font-size: 1.85rem;
line-height: 1.2;
margin: 0 0 14px;
font-weight: 600;
letter-spacing: -0.01em;}
.compact-track .offer-callout{font-size: 1.02rem;
line-height: 1.6;
margin: 0;}
.compact-track .open-note{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--type-extra-55);}
.compact-track .narrow-brand{display: grid;
grid-template-columns: minmax(180px, 260px) 1fr;
gap: 28px;
padding: 26px 4px 26px 0;
border-bottom: 1px solid var(--type-extra-55);}
.compact-track .narrow-brand h3{font-size: 1.05rem;
line-height: 1.35;
margin: 0;
font-weight: 600;}
.compact-track .narrow-brand p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;}
.compact-track .narrow-brand:nth-child(even){
background: var(--mark-main);
padding-left: 16px;
padding-right: 16px;
border-radius: 4px;color:var(--ink-light);}
.compact-track .steady-figure{margin: 34px 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.compact-track .steady-figure a{text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;}
.compact-track .steady-figure a:hover{}
@media (max-width: 640px) {.compact-track{
padding: 52px 18px 60px;
}.compact-track h2{
font-size: 1.5rem;
}.compact-track .narrow-brand{
grid-template-columns: 1fr;
gap: 8px;
padding: 20px 4px;
}.compact-track .narrow-brand:nth-child(even){
padding-left: 14px;
padding-right: 14px;
}
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem 4rem;
}
.media-tile .top-header{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
gap: 3rem;
align-items: start;}
.media-tile .plain-grid h1{font-size: clamp(1.75rem, 3.2vw, 2.5rem);
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.media-tile .plain-grid p{font-size: 1.0625rem;
line-height: 1.6;
margin: 0;
max-width: 46ch;}
.media-tile .content-summary{
background: var(--tone-main);
color: var(--tone-base);
padding: 1.4rem 1.5rem;
border-left: 3px solid var(--ink-card, #B23A48);
border-radius: 4px;
}
.media-tile .content-summary p{margin: 0;
font-size: 0.9375rem;
line-height: 1.6;}
@media (max-width: 760px) {.media-tile{
padding: 3rem 1.25rem 2.75rem;
}.media-tile .top-header{
grid-template-columns: 1fr;
gap: 2rem;
}
}
.simple-footer{
background: var(--paint-base);
color: var(--line-secondary);
padding: 64px 24px;
}
.simple-footer .top-header{max-width: 1040px;
margin: 0 auto;}
.simple-footer .fresh-service{display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 48px;
align-items: start;}
.simple-footer h2{font-size: 1.7rem;
line-height: 1.25;
margin: 0 0 20px;
font-weight: 600;}
.simple-footer h3{font-size: 1.15rem;
margin: 0 0 14px;
font-weight: 600;}
.simple-footer p{margin: 0 0 16px;
line-height: 1.65;
font-size: 1rem;}
.simple-footer .steady-nav{list-style: none;
padding: 0;
margin: 0 0 20px;
border-top: 1px solid var(--paint-accent, #D6D2CB);}
.simple-footer .steady-nav li{padding: 10px 0 10px 18px;
border-bottom: 1px solid var(--paint-accent, #D6D2CB);
line-height: 1.5;
font-size: 0.97rem;
position: relative;}
.simple-footer .steady-nav li::before{
content: "";
position: absolute;
left: 0;
top: 17px;
width: 6px;
height: 6px;
background: var(--ink-card, #B23A48);
border-radius: 50%;color:var(--ink-light);}
.simple-footer .steady-figure{font-size: 0.95rem;
color: var(--tone-base, #2C3A48);}
.simple-footer .steady-figure a{color: #1B3A5C;
text-decoration: underline;
text-underline-offset: 3px;}
.simple-footer .content-area{margin-top: 48px;
padding-top: 28px;
border-top: 1px solid var(--paint-accent, #D6D2CB);
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;}
.simple-footer .media-shell{display: flex;
flex-direction: column;
gap: 6px;
font-size: 0.95rem;
line-height: 1.5;}
.simple-footer .media-shell .compact-nav{font-size: 0.78rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--tone-base, #2C3A48);}
.simple-footer .media-shell a{color: #1B3A5C;
text-decoration: none;}
.simple-footer .media-shell a:hover{text-decoration: underline;}
@media (max-width: 760px) {.simple-footer{
padding: 48px 20px;
}.simple-footer .fresh-service{
grid-template-columns: 1fr;
gap: 32px;
}.simple-footer .content-area{
grid-template-columns: 1fr;
gap: 20px;
}
}
.service-surface{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem 5rem;
}
.service-surface .top-header{max-width: 780px;
margin: 0 auto;}
.service-surface h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.service-surface .plain-grid{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 2.6rem;
max-width: 62ch;}
.service-surface .compact-items{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--paint-accent);}
.service-surface .offer-copy{padding: 1.6rem 0 1.5rem;
border-bottom: 1px solid var(--paint-accent);}
.service-surface .offer-copy h3{font-size: 1.15rem;
margin: 0 0 0.55rem;
line-height: 1.35;}
.service-surface .offer-copy p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;
max-width: 68ch;}
.service-surface .content-summary{
margin-top: 2.4rem;
padding: 1.4rem 1.5rem;
background: var(--tone-main);
color: var(--tone-base);
border-radius: 10px;
}
.service-surface .content-summary p{margin: 0;
font-size: 0.97rem;
line-height: 1.6;}
.service-surface .content-summary .steady-figure{margin-top: 0.7rem;}
.service-surface a{text-decoration: underline;
text-underline-offset: 3px;}
.service-surface a:hover{}
@media (max-width: 640px) {.service-surface{
padding: 3rem 1.15rem 3.4rem;
}.service-surface h2{
font-size: 1.55rem;
}.service-surface .plain-grid{
font-size: 1rem;
margin-bottom: 2rem;
}.service-surface .offer-copy{
padding: 1.3rem 0;
}
}
.service-surface{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 5.5rem 1.5rem 4rem;
}
.media-tile .top-header{max-width: 780px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.1rem;}
.media-tile h1{margin: 0;
font-size: clamp(1.9rem, 1.2rem + 2.4vw, 2.9rem);
line-height: 1.18;
letter-spacing: -0.01em;
font-weight: 600;}
.media-tile .plain-grid{margin: 0;
font-size: 1.12rem;
line-height: 1.6;
max-width: 62ch;}
.media-tile .content-summary{margin: 0;
padding-top: 1rem;
border-top: 1px solid var(--paint-accent, #D6D2CB);
font-size: 0.98rem;
line-height: 1.6;
max-width: 58ch;}
@media (max-width: 640px) {.media-tile{
padding: 3.5rem 1.15rem 2.75rem;
}.media-tile .top-header{
gap: 0.9rem;
}
}
.clear-header{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem;
}
.clear-header .top-header{max-width: 780px;
margin: 0 auto;}
.clear-header h2{font-size: 1.6rem;
line-height: 1.3;
font-weight: 600;
margin: 0 0 1rem;}
.clear-header .plain-grid{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 2.5rem;
max-width: 62ch;}
.clear-header .fresh-links{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #D6D2CB;}
.clear-header .public-copy{padding: 1.6rem 0;
border-bottom: 1px solid #D6D2CB;}
.clear-header .main-header{font-size: 1.05rem;
line-height: 1.7;
margin: 0 0 0.7rem;
max-width: 66ch;}
.clear-header .open-feature{font-size: 0.88rem;
letter-spacing: 0.01em;
margin: 0;
color: #2C3A48;}
@media (max-width: 600px) {.clear-header{
padding: 3rem 1.1rem;
}.clear-header h2{
font-size: 1.35rem;
}
}
.direct-shell{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 88px;
}
.direct-shell .top-header{max-width: 780px;
margin: 0 auto;}
.direct-shell h2{font-size: 1.7rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.direct-shell .plain-grid{font-size: 1.02rem;
line-height: 1.6;
margin: 0 0 40px;
max-width: 62ch;
opacity: 0.86;}
.direct-shell .media-brand{display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--paint-accent, #D6D2CB);}
.direct-shell .top-rail{padding: 26px 0 28px;
border-bottom: 1px solid var(--paint-accent, #D6D2CB);}
.direct-shell .top-rail h3{font-size: 1.06rem;
line-height: 1.4;
margin: 0 0 10px;
font-weight: 600;}
.direct-shell .top-rail p{font-size: 0.97rem;
line-height: 1.65;
margin: 0;
max-width: 68ch;
opacity: 0.9;}
.direct-shell .steady-figure{margin: 34px 0 0;
font-size: 0.94rem;
line-height: 1.6;
opacity: 0.85;}
.direct-shell .steady-figure a{text-decoration: underline;
text-underline-offset: 3px;}
.direct-shell .steady-figure a:hover{}
@media (max-width: 560px) {.direct-shell{
padding: 52px 18px 64px;
}.direct-shell h2{
font-size: 1.4rem;
}.direct-shell .top-rail{
padding: 22px 0 24px;
}
}
.strong-footer{
background: var(--paint-base);
color: var(--line-secondary);
padding: 5rem 1.5rem;
}
.strong-footer .top-header{max-width: 760px;
margin: 0 auto;}
.strong-footer .plain-grid{margin-bottom: 3.5rem;}
.strong-footer h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 1.1rem;
font-weight: 600;}
.strong-footer .plain-grid p{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
color: var(--tone-base);}
.strong-footer .media-brand{display: flex;
flex-direction: column;
gap: 2.6rem;}
.strong-footer .compact-flow h3{font-size: 1.15rem;
font-weight: 600;
margin: 0 0 0.55rem;}
.strong-footer .compact-flow p{font-size: 1rem;
line-height: 1.7;
margin: 0;
color: var(--tone-base);}
.strong-footer .content-summary{margin-top: 3.5rem;
font-size: 0.95rem;
line-height: 1.65;
color: var(--tone-base);}
.strong-footer .content-summary a{color: #1B3A5C;
text-decoration: underline;
text-underline-offset: 3px;}
.strong-footer .content-summary a:hover{color: #142B45;}
@media (max-width: 640px) {.strong-footer{
padding: 3.5rem 1.25rem;
}.strong-footer h2{
font-size: 1.55rem;
}.strong-footer .media-brand{
gap: 2rem;
}
}
.strong-footer{
background: var(--paint-base);
color: var(--line-secondary);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 5rem 1.5rem 4rem;
}
.media-tile .top-header{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 3.5rem;
align-items: start;}
.media-tile .plain-grid h1{font-size: clamp(1.7rem, 2.6vw, 2.35rem);
line-height: 1.25;
font-weight: 600;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.media-tile .plain-grid .content-summary{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
max-width: 46ch;}
.media-tile .quiet-media{border-top: 1px solid var(--paint-accent, #D6D2CB);
padding-top: 1.1rem;
margin-top: 0.4rem;}
.media-tile .quiet-media p{font-size: 0.98rem;
line-height: 1.6;
margin: 0;}
@media (max-width: 720px) {.media-tile{
padding: 3.25rem 1.25rem 2.75rem;
}.media-tile .top-header{
grid-template-columns: 1fr;
gap: 2rem;
}
}
.simple-footer{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 80px;
}
.simple-footer .top-header{max-width: 1080px;
margin: 0 auto;}
.simple-footer .plain-grid{max-width: 640px;
margin-bottom: 56px;}
.simple-footer .plain-grid h2{margin: 0 0 18px;
font-size: 1.9rem;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.01em;}
.simple-footer .plain-grid p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;
color: var(--tone-base);}
.simple-footer .text-summary{display: grid;
grid-template-columns: 1.1fr 0.9fr 1.2fr;
gap: 40px;
margin-bottom: 56px;}
.simple-footer .steady-figure h3{margin: 0 0 10px;
font-size: 1.05rem;
font-weight: 600;}
.simple-footer .steady-figure p{margin: 0 0 12px;
font-size: 0.95rem;
line-height: 1.6;
color: var(--tone-base);}
.simple-footer .steady-figure .quiet-brand{margin: 0;
font-size: 0.98rem;
line-height: 1.5;}
.simple-footer .steady-figure .quiet-brand a{color: #1B3A5C;
text-decoration: none;
border-bottom: 1px solid rgba(27, 58, 92, 0.35);}
.simple-footer .steady-figure .quiet-brand a:hover{color: var(--tone-secondary);
border-bottom-color: rgba(178, 58, 72, 0.5);}
.simple-footer .page-items{display: flex;
flex-wrap: wrap;
gap: 32px 48px;
padding-top: 28px;
border-top: 1px solid var(--paint-accent);
margin-bottom: 40px;}
.simple-footer .text-header{display: flex;
flex-direction: column;
gap: 6px;
min-width: 200px;
flex: 1 1 220px;}
.simple-footer .text-header .compact-nav{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--tone-base);}
.simple-footer .text-header .surface{font-size: 0.96rem;
line-height: 1.55;}
.simple-footer .contact-shell{margin: 0;
font-size: 0.95rem;
line-height: 1.65;
color: var(--tone-base);
max-width: 720px;}
.simple-footer .contact-shell a{color: #1B3A5C;
text-decoration: none;
border-bottom: 1px solid rgba(27, 58, 92, 0.35);}
.simple-footer .contact-shell a:hover{color: var(--tone-secondary);
border-bottom-color: rgba(178, 58, 72, 0.5);}
@media (max-width: 860px) {.simple-footer .text-summary{
grid-template-columns: 1fr;
gap: 32px;
}
}
@media (max-width: 560px) {.simple-footer{
padding: 56px 18px 64px;
}.simple-footer .plain-grid h2{
font-size: 1.55rem;
}.simple-footer .page-items{
gap: 24px;
}
}
.plain-block{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 88px;
}
.plain-block .top-header{max-width: 960px;
margin: 0 auto;}
.plain-block .offer-callout{max-width: 640px;}
.plain-block h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.plain-block .plain-grid{font-size: 1.02rem;
line-height: 1.6;
margin: 0;}
.plain-block .site-region{display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-top: 48px;}
.plain-block .direct-tile h3{font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0 0 18px;
padding-bottom: 10px;
border-bottom: 1px solid var(--paint-accent);}
.plain-block .primary-area,
.plain-block .page-panel{list-style: none;
margin: 0;
padding: 0;}
.plain-block .primary-area li{margin-bottom: 18px;}
.plain-block .primary-area .compact-nav{display: block;
font-size: 0.82rem;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-bottom: 4px;
opacity: 0.7;}
.plain-block .primary-area .quiet-brand{display: block;
font-size: 1rem;
line-height: 1.5;
text-decoration: none;}
.plain-block a.value{border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;}
.plain-block a.value:hover{border-bottom-color: var(--tone-extra-31);}
.plain-block .page-panel li{display: flex;
justify-content: space-between;
gap: 16px;
padding: 10px 0;
border-bottom: 1px dashed var(--paint-accent);
font-size: 0.98rem;}
.plain-block .page-panel li:last-child{border-bottom: none;}
.plain-block .page-panel .person{opacity: 0.85;}
.plain-block .page-panel .text-header{font-variant-numeric: tabular-nums;}
.plain-block .content-summary{margin: 18px 0 0;
font-size: 0.92rem;
line-height: 1.6;
opacity: 0.85;}
.plain-block .plain-feature{margin-top: 56px;
padding-top: 32px;
border-top: 1px solid var(--paint-accent);
max-width: 720px;}
.plain-block .plain-feature h3{font-size: 1.1rem;
margin: 0 0 14px;}
.plain-block .plain-feature p{font-size: 0.98rem;
line-height: 1.65;
margin: 0 0 12px;}
.plain-block .plain-feature .offer-proof{margin: 0;
opacity: 0.85;}
@media (max-width: 720px) {.plain-block{
padding: 56px 20px 64px;
}.plain-block .site-region{
grid-template-columns: 1fr;
gap: 36px;
margin-top: 36px;
}.plain-block h2{
font-size: 1.45rem;
}
}
.plain-block{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.top-proof{
background: var(--paint-base, #F6F3EE);
color: var(--line-secondary, #16222E);
padding: 4.5rem 1.25rem 5rem;
}
.top-proof .top-header{max-width: 1080px;
margin: 0 auto;}
.top-proof .plain-grid{max-width: 640px;
margin-bottom: 3rem;}
.top-proof .plain-grid h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.top-proof .plain-grid p{font-size: 1.02rem;
line-height: 1.65;
margin: 0;}
.top-proof .fresh-links{display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--paint-accent, #D6D2CB);}
.top-proof .public-copy{padding: 1.9rem 0;
border-bottom: 1px solid var(--paint-accent, #D6D2CB);
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
column-gap: 2.5rem;
row-gap: 0.5rem;}
.top-proof .public-copy h3{grid-column: 1;
font-size: 1.18rem;
line-height: 1.35;
margin: 0;
font-weight: 600;}
.top-proof .public-copy h3 a{color: inherit;
text-decoration: none;
border-bottom: 1px solid transparent;}
.top-proof .public-copy h3 a:hover{border-bottom-color: var(--ink-card, #B23A48);}
.top-proof .public-copy .active-benefit{grid-column: 1;
margin: 0;
font-size: 0.9rem;
line-height: 1.5;
color: var(--tone-base, #2C3A48);
opacity: 0.85;}
.top-proof .public-copy > p:not(.active-benefit){grid-column: 2;
grid-row: 1 / span 2;
margin: 0;
font-size: 0.98rem;
line-height: 1.65;}
.top-proof .public-copy .direct-stack{grid-column: 2;
grid-row: 3;
align-self: end;
margin-top: 0.6rem;
font-size: 0.9rem;
color: var(--ink-card, #B23A48);
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;
width: fit-content;}
.top-proof .public-copy .direct-stack:hover{color: #1B3A5C;}
.top-proof .offer-proof{max-width: 620px;
margin: 2.6rem 0 0;
font-size: 0.98rem;
line-height: 1.65;}
@media (max-width: 720px) {.top-proof{
padding: 3.25rem 1.1rem 3.5rem;
}.top-proof .plain-grid{
margin-bottom: 2.25rem;
}.top-proof .plain-grid h2{
font-size: 1.45rem;
}.top-proof .public-copy{
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 0.55rem;
padding: 1.6rem 0;
}.top-proof .public-copy h3,
.top-proof .public-copy .active-benefit,
.top-proof .public-copy > p:not(.active-benefit),
.top-proof .public-copy .direct-stack{
grid-column: 1;
grid-row: auto;
}.top-proof .public-copy .direct-stack{
margin-top: 0.35rem;
}
}
.top-proof{
background: var(--paint-base);
color: var(--line-secondary);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 5.5rem 1.5rem 4.5rem;
}
.media-tile .top-header{max-width: 62rem;
margin: 0 auto;
padding-left: 1.25rem;
border-left: 3px solid #1B3A5C;}
.media-tile h1{font-size: clamp(1.9rem, 3.4vw, 2.85rem);
line-height: 1.18;
font-weight: 600;
letter-spacing: -0.01em;
margin: 0 0 1.1rem;}
.media-tile .plain-grid{max-width: 46rem;
font-size: 1.075rem;
line-height: 1.65;
margin: 0;}
@media (max-width: 640px) {.media-tile{
padding: 3.75rem 1.15rem 3rem;
}.media-tile .top-header{
padding-left: 0.9rem;
}.media-tile .plain-grid{
font-size: 1rem;
}
}
.top-proof{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px;
}
.top-proof .top-header{max-width: 1080px;
margin: 0 auto;}
.top-proof .wide-intro{max-width: 640px;
margin-bottom: 40px;}
.top-proof h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.top-proof .plain-grid{margin: 0;
font-size: 1rem;
line-height: 1.6;
color: var(--tone-base);}
.top-proof .fresh-links{display: flex;
flex-direction: column;
gap: 0;
border-top: 1px solid var(--paint-accent);}
.top-proof .public-copy{padding: 26px 0;
border-bottom: 1px solid var(--paint-accent);
display: grid;
grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
gap: 12px 40px;
align-items: start;}
.top-proof .public-copy h3{margin: 0;
font-size: 1.1rem;
line-height: 1.35;
font-weight: 600;}
.top-proof .public-copy p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;
color: var(--tone-base);}
.top-proof .public-copy .direct-stack{grid-column: 2;
justify-self: start;
margin-top: 4px;
font-size: 0.92rem;
text-decoration: none;
color: var(--tone-extra-31);
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.top-proof .public-copy .direct-stack:hover{color: #B23A48;}
.top-proof .content-summary{margin: 32px 0 0;
font-size: 0.92rem;
line-height: 1.6;
color: var(--tone-base);}
.top-proof .content-summary a{color: var(--tone-extra-31);
text-decoration: none;
border-bottom: 1px solid currentColor;}
.top-proof .content-summary a:hover{color: #B23A48;}
@media (max-width: 720px) {.top-proof{
padding: 56px 20px;
}.top-proof .public-copy{
grid-template-columns: 1fr;
gap: 10px;
}.top-proof .public-copy .direct-stack{
grid-column: 1;
}
}
.compact-track{
--layer-public: #D6D2CB;
background: var(--paint-base, #F6F3EE);
color: var(--line-secondary, #16222E);
padding: 88px 24px 96px;
}
.compact-track .top-header{max-width: 880px;
margin: 0 auto;}
.compact-track .plain-grid{max-width: 640px;
margin-bottom: 56px;}
.compact-track .plain-grid h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.compact-track .plain-grid p{margin: 0;
font-size: 1.05rem;
line-height: 1.65;}
.compact-track .open-note{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--layer-public);}
.compact-track .narrow-brand{padding: 26px 0 28px;
border-bottom: 1px solid var(--layer-public);
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 12px 40px;
align-items: start;}
.compact-track .narrow-brand h3{margin: 0;
font-size: 1.08rem;
line-height: 1.4;
font-weight: 600;}
.compact-track .narrow-brand p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;}
.compact-track .steady-figure{margin: 40px 0 0;
font-size: 0.98rem;
line-height: 1.6;}
.compact-track .steady-figure a{text-decoration: underline;
text-underline-offset: 3px;}
.compact-track .steady-figure a:hover{}
@media (max-width: 720px) {.compact-track{
padding: 64px 20px 72px;
}.compact-track .plain-grid{
margin-bottom: 40px;
}.compact-track .plain-grid h2{
font-size: 1.55rem;
}.compact-track .narrow-brand{
grid-template-columns: 1fr;
gap: 8px;
padding: 22px 0 24px;
}
}
.media-grid{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4rem 1.25rem 5rem;
}
.media-grid .top-header{max-width: 720px;
margin: 0 auto;}
.media-grid .wide-intro{margin-bottom: 2rem;}
.media-grid .plain-details{font-size: 0.85rem;
letter-spacing: 0.02em;
color: var(--tone-base, #2C3A48);
margin: 0 0 0.75rem;}
.media-grid h1{font-size: clamp(1.7rem, 3.2vw, 2.3rem);
line-height: 1.2;
margin: 0 0 0.5rem;
font-weight: 600;}
.media-grid .compact-shell{font-size: 1.05rem;
line-height: 1.5;
margin: 0;
color: var(--tone-base, #2C3A48);}
.media-grid .content-team{margin: 0 0 2rem;
border-radius: 6px;
overflow: hidden;}
.media-grid .content-team img{display: block;
width: 100%;
height: auto;}
.media-grid .soft-headline p{font-size: 1.02rem;
line-height: 1.7;
margin: 0 0 1.25rem;}
.media-grid .soft-headline h2{font-size: 1.25rem;
line-height: 1.3;
margin: 2rem 0 0.75rem;
font-weight: 600;}
.media-grid .offer-proof{border-left: 3px solid #B23A48;
padding-left: 1rem;
margin-top: 2rem;}
.media-grid .contact-shell{margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--paint-accent, #D6D2CB);}
.media-grid .team-menu{font-size: 0.8rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--tone-base, #2C3A48);
margin: 0 0 0.75rem;}
.media-grid .contact-shell ul{list-style: none;
padding: 0;
margin: 0;}
.media-grid .contact-shell li{padding: 0.5rem 0;
border-bottom: 1px solid var(--paint-accent, #D6D2CB);}
.media-grid .contact-shell li:last-child{border-bottom: none;}
.media-grid .contact-shell a{color: #1B3A5C;
text-decoration: none;
font-size: 1rem;
line-height: 1.4;}
.media-grid .contact-shell a:hover{text-decoration: underline;}
.media-grid{
background: var(--paint-base);
color: var(--line-secondary);
}
.media-grid{
--mark-public: #D6D2CB;
--field-extra-44: #E8E4DD;
background: var(--paint-base);
color: var(--line-secondary);
padding: 56px 20px 72px;
}
.media-grid .top-header{max-width: 760px;
margin: 0 auto;}
.media-grid .wide-intro{border-bottom: 1px solid var(--mark-public);
padding-bottom: 22px;
margin-bottom: 32px;}
.media-grid .plain-details{margin: 0 0 12px;
font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #4A5A6B;}
.media-grid h1{margin: 0 0 14px;
font-size: clamp(1.7rem, 3.2vw, 2.35rem);
line-height: 1.22;
font-weight: 600;}
.media-grid .plain-grid{margin: 0;
font-size: 1.08rem;
line-height: 1.55;
color: #3A4A5A;}
.media-grid .soft-headline p{margin: 0 0 20px;
font-size: 1.02rem;
line-height: 1.72;}
.media-grid .content-actions{margin: 0 0 28px;}
.media-grid .content-actions img{display: block;
width: 100%;
height: auto;
border-radius: 6px;}
.media-grid h2{margin: 36px 0 16px;
font-size: 1.28rem;
line-height: 1.35;
font-weight: 600;}
.media-grid .page-brand{list-style: none;
margin: 0 0 26px;
padding: 0;
border-top: 1px solid var(--mark-public);}
.media-grid .page-brand li{padding: 16px 0 16px 0;
border-bottom: 1px solid var(--mark-public);
font-size: 1rem;
line-height: 1.65;}
.media-grid .page-brand strong{display: block;
margin-bottom: 4px;
font-weight: 600;}
.media-grid .content-summary{
background: var(--field-extra-44);
color: #2C3A48;
border-left: 3px solid #1B3A5C;
padding: 20px 22px;
margin: 30px 0;
border-radius: 0 4px 4px 0;
}
.media-grid .content-summary p{margin: 0;
font-size: 0.98rem;
line-height: 1.68;}
.media-grid .steady-figure{margin: 30px 0 0;
padding-top: 20px;
border-top: 1px solid var(--mark-public);
font-size: 0.98rem;
line-height: 1.7;}
.media-grid .steady-figure a{color: #1B3A5C;
text-decoration: underline;
text-underline-offset: 3px;}
.media-grid .steady-figure a:hover{color: #B23A48;}
.media-grid{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 20px 88px;
}
.media-grid .top-header{max-width: 720px;
margin: 0 auto;}
.media-grid .wide-intro{margin-bottom: 32px;}
.media-grid h1{font-size: clamp(1.75rem, 3.2vw, 2.4rem);
line-height: 1.2;
margin: 0 0 12px;
letter-spacing: -0.01em;}
.media-grid .compact-shell{font-size: 1.05rem;
line-height: 1.5;
margin: 0 0 18px;
color: var(--tone-base);}
.media-grid .open-feature{font-size: 0.85rem;
letter-spacing: 0.02em;
margin: 0;
padding-top: 14px;
border-top: 1px solid var(--paint-accent);
color: var(--tone-base);}
.media-grid .plain-grid{margin: 0 0 36px;}
.media-grid .plain-grid img{display: block;
width: 100%;
height: auto;
border-radius: 6px;}
.media-grid .fresh-tile p{font-size: 1.02rem;
line-height: 1.72;
margin: 0 0 22px;}
.media-grid .fresh-tile h2{font-size: 1.2rem;
line-height: 1.35;
margin: 40px 0 14px;
letter-spacing: -0.005em;}
.media-grid .public-benefit{margin-top: 48px;
padding-top: 22px;
border-top: 1px solid var(--paint-accent);}
.media-grid .direct-stack{font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
margin: 0 0 12px;
color: var(--tone-base);}
.media-grid .steady-figure{display: flex;
flex-wrap: wrap;
gap: 10px 28px;
margin: 0;}
.media-grid .steady-figure a{font-size: 0.98rem;
color: var(--tone-extra-31);
text-decoration: none;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
transition: border-color 0.15s ease;}
.media-grid .steady-figure a:hover{border-bottom-color: var(--tone-extra-31);}
@media (max-width: 560px) {.media-grid{
padding: 52px 18px 64px;
}.media-grid .fresh-tile p{
font-size: 1rem;
}
}
.media-tile{
--space-footer: clamp(2.5rem, 6vw, 5rem);
background: var(--paint-base, #F6F3EE);
color: var(--line-secondary, #16222E);
padding: var(--space-footer) 1.25rem;
}
.media-tile .top-header{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: clamp(1.75rem, 5vw, 4rem);
align-items: start;}
.media-tile h1{margin: 0;
font-size: clamp(1.75rem, 3.4vw, 2.6rem);
line-height: 1.18;
letter-spacing: -0.01em;
font-weight: 600;}
.media-tile .plain-grid{display: flex;
flex-direction: column;
gap: 1.1rem;
padding-top: 0.35rem;}
.media-tile .plain-grid p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.media-tile .plain-grid .content-summary{padding-left: 1rem;
border-left: 3px solid var(--ink-card, #B23A48);
font-size: 0.97rem;}
@media (max-width: 760px) {.media-tile .top-header{
grid-template-columns: 1fr;
gap: 1.5rem;
}.media-tile .plain-grid{
padding-top: 0;
}
}
.offer-area{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 88px;
}
.offer-area .top-header{max-width: 560px;
margin: 0 auto;}
.offer-area h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 16px;
font-weight: 600;}
.offer-area .plain-grid{font-size: 1rem;
line-height: 1.65;
margin: 0 0 32px;
color: var(--tone-base);}
.offer-area .focused-summary{display: flex;
flex-direction: column;
gap: 20px;}
.offer-area .service-items{display: flex;
flex-direction: column;
gap: 6px;}
.offer-area .service-items label{font-size: 0.9rem;
font-weight: 600;
letter-spacing: 0.01em;}
.offer-area .service-items input,
.offer-area .service-items textarea{
font: inherit;
color: var(--ink-light);
background: var(--paint-secondary);
border: 1px solid var(--paint-accent);
border-radius: 8px;
padding: 12px 14px;
width: 100%;
box-sizing: border-box;
}
.offer-area .service-items input::placeholder,
.offer-area .service-items textarea::placeholder{color:inherit;}
.offer-area .service-items input:focus,
.offer-area .service-items textarea:focus{outline: none;
border-color: var(--tone-extra-31);}
.offer-area .service-items textarea{resize: vertical;
min-height: 120px;}
.offer-area .site-view{
align-self: flex-start;
font: inherit;
font-weight: 600;
color: var(--tone-extra-32);
background: var(--tone-extra-31);
border: none;
border-radius: 8px;
padding: 13px 28px;
cursor: pointer;
transition: background 0.2s ease;
}
.offer-area .site-view:hover{
background: var(--tone-extra-33);color:var(--ink-light);}
.offer-area .content-summary{font-size: 0.88rem;
line-height: 1.6;
color: var(--tone-base);
margin: 28px 0 0;
padding-top: 20px;
border-top: 1px solid var(--paint-accent);}
@media (max-width: 520px) {.offer-area{
padding: 48px 18px 64px;
}.offer-area h2{
font-size: 1.45rem;
}.offer-area .site-view{
align-self: stretch;
text-align: center;
}
}
.offer-area{
background: var(--paint-base);
color: var(--line-secondary);
}
.bottom-proof{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 88px;
}
.bottom-proof .top-header{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 56px 72px;
align-items: start;}
.bottom-proof h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.bottom-proof .plain-grid{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 36px;
max-width: 46ch;}
.primary-body{
margin: 0;
padding: 0;
display: grid;
gap: 22px;
}
.primary-body .public-copy{
display: grid;
grid-template-columns: 110px minmax(0, 1fr);
gap: 16px;
align-items: baseline;
padding-bottom: 18px;
border-bottom: 1px solid var(--paint-accent, #D6D2CB);
}
.primary-body .public-copy:last-child{
border-bottom: none;
padding-bottom: 0;
}
.primary-body dt{
font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.primary-body dd{
margin: 0;
font-size: 1rem;
line-height: 1.55;
}
.primary-body a{
text-decoration: underline;
text-underline-offset: 3px;
}
.primary-body a:hover{
}
.quiet-nav{
padding-top: 6px;
border-top: 2px solid var(--tone-extra-31, #1B3A5C);
}
.quiet-nav h3{
font-size: 1.15rem;
margin: 18px 0 14px;
line-height: 1.3;
}
.quiet-nav p{
font-size: 0.98rem;
line-height: 1.7;
margin: 0 0 16px;
}
.quiet-nav p:last-child{
margin-bottom: 0;
}
@media (max-width: 860px) {.bottom-proof{
padding: 56px 20px 64px;
}.bottom-proof .top-header{
grid-template-columns: 1fr;
gap: 40px;
}.bottom-proof h2{
font-size: 1.6rem;
}.primary-body .public-copy{
grid-template-columns: 1fr;
gap: 4px;
}
}
.bottom-proof{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.plain-block{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 88px;
}
.plain-block .top-header{max-width: 720px;
margin: 0 auto;}
.plain-block .wide-intro{margin-bottom: 40px;}
.plain-block h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.plain-block .plain-grid{margin: 0;
max-width: 56ch;
font-size: 1rem;
line-height: 1.6;
color: var(--tone-base);}
.plain-block .media-brand{display: flex;
flex-direction: column;}
.plain-block .top-rail{display: grid;
grid-template-columns: 180px 1fr;
gap: 24px;
padding: 22px 0;
border-top: 1px solid var(--paint-accent);}
.plain-block .top-rail:last-child{border-bottom: 1px solid var(--paint-accent);}
.plain-block .compact-nav{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--tone-base);
padding-top: 3px;}
.plain-block .quiet-brand p{margin: 0 0 4px;
line-height: 1.55;}
.plain-block .quiet-brand p:last-child{margin-bottom: 0;}
.plain-block .quiet-brand a{color: #1B3A5C;
text-decoration: none;
border-bottom: 1px solid #1B3A5C;
padding-bottom: 1px;
font-weight: 500;}
.plain-block .quiet-brand a:hover{color: var(--tone-secondary);
border-bottom-color: var(--tone-secondary);}
.plain-block .content-summary{font-size: 0.9rem;
color: var(--tone-base);
margin-top: 6px;}
@media (max-width: 560px) {.plain-block{
padding: 56px 20px 64px;
}.plain-block .top-rail{
grid-template-columns: 1fr;
gap: 6px;
}.plain-block .compact-nav{
padding-top: 0;
}
}
.plain-block{
background: var(--paint-base);
color: var(--line-secondary);
}
.featured-links{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem 5rem;
}
.featured-links .top-header{max-width: 760px;
margin: 0 auto;}
.featured-links .offer-callout{margin-bottom: 2.75rem;
padding-bottom: 1.75rem;
border-bottom: 1px solid var(--tone-main);}
.featured-links h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.featured-links .plain-grid{margin: 0;
max-width: 58ch;
font-size: 1.02rem;
line-height: 1.65;
color: var(--tone-base);}
.featured-links .steady-nav{display: flex;
flex-direction: column;
gap: 2rem;}
.featured-links .content-summary h3{font-size: 1.08rem;
margin: 0 0 0.55rem;
color: #1B3A5C;}
.featured-links .content-summary p{margin: 0;
font-size: 0.98rem;
line-height: 1.7;
color: var(--line-secondary);}
.featured-links .content-summary a{color: #B23A48;
text-decoration: underline;
text-underline-offset: 3px;}
.featured-links .content-summary a:hover{color: #962F3C;}
.featured-links .offer-proof{margin: 3rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid var(--tone-main);
font-size: 0.92rem;
line-height: 1.6;
color: var(--tone-base);}
@media (max-width: 600px) {.featured-links{
padding: 3rem 1.15rem 3.5rem;
}.featured-links h2{
font-size: 1.45rem;
}.featured-links .steady-nav{
gap: 1.6rem;
}
}
.featured-links{
background: var(--paint-base);
color: var(--line-secondary);
}
.fresh-body{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.25rem 5rem;
--mark-public: #D6D2CB;
--line-muted: #2C3A48;
}
.fresh-body .top-header{max-width: 1080px;
margin: 0 auto;}
.fresh-body .offer-callout{max-width: 720px;
margin-bottom: 3rem;}
.fresh-body h1{font-size: clamp(1.6rem, 1.1rem + 1.6vw, 2.3rem);
line-height: 1.25;
font-weight: 600;
letter-spacing: -0.01em;
margin: 0 0 1rem;}
.fresh-body .plain-grid{font-size: 1.05rem;
line-height: 1.7;
color: var(--line-muted);
margin: 0;}
.fresh-body .steady-nav{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 3.5rem;
row-gap: 2.5rem;
border-top: 1px solid var(--mark-public);
padding-top: 2.5rem;}
.fresh-body .content-summary{padding-left: 1.1rem;
border-left: 2px solid var(--mark-public);}
.fresh-body .content-summary h2{font-size: 1.1rem;
font-weight: 600;
margin: 0 0 0.6rem;
line-height: 1.35;}
.fresh-body .content-summary p{font-size: 0.97rem;
line-height: 1.7;
color: var(--line-muted);
margin: 0;}
.fresh-body .content-summary a{color: #1B3A5C;
text-decoration: underline;
text-underline-offset: 2px;}
.fresh-body .content-summary a:hover{color: #B23A48;}
@media (max-width: 760px) {.fresh-body{
padding: 3rem 1.1rem 3.5rem;
}.fresh-body .steady-nav{
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 2rem;
}
}
.fresh-body{
background: var(--paint-base);
color: var(--line-secondary);
}
.media-tile{
background: var(--paint-base);
color: var(--line-secondary);
padding: 4.5rem 1.5rem 4rem;
}
.media-tile .top-header{max-width: 1040px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 3rem;
align-items: start;}
.media-tile h1{margin: 0;
font-size: clamp(1.9rem, 3.4vw, 2.6rem);
line-height: 1.15;
letter-spacing: -0.01em;
font-weight: 600;}
.media-tile .content-summary{padding-left: 1.75rem;
border-left: 2px solid var(--tone-main);}
.media-tile .content-summary p{margin: 0 0 1.1rem;
font-size: 1.02rem;
line-height: 1.65;
color: var(--tone-base);}
.media-tile .content-summary p:last-child{margin-bottom: 0;}
@media (max-width: 760px) {.media-tile{
padding: 3rem 1.25rem 2.75rem;
}.media-tile .top-header{
grid-template-columns: 1fr;
gap: 1.75rem;
}.media-tile .content-summary{
padding-left: 1.1rem;
}
}
.primary-content{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 20px 88px;
}
.primary-content .top-header{max-width: 760px;
margin: 0 auto;}
.primary-content .content-summary{padding-bottom: 32px;
border-bottom: 1px solid var(--paint-accent);}
.primary-content .content-summary h1{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.primary-content .content-summary p{font-size: 1.02rem;
line-height: 1.65;
margin: 0;
max-width: 60ch;}
.primary-content .quiet-section{list-style: none;
padding: 0;
margin: 40px 0 0;
counter-reset: paso;}
.primary-content .quiet-section li{counter-increment: paso;
padding: 0 0 26px 52px;
position: relative;}
.primary-content .quiet-section li + li{border-top: 1px solid var(--paint-accent);
padding-top: 26px;}
.primary-content .quiet-section li::before{content: counter(paso, decimal-leading-zero);
position: absolute;
left: 0;
top: 0;
font-size: 0.85rem;
letter-spacing: 0.06em;
padding-top: 4px;}
.primary-content .quiet-section li + li::before{top: 26px;}
.primary-content .quiet-section h2{font-size: 1.08rem;
margin: 0 0 8px;
font-weight: 600;}
.primary-content .quiet-section p{margin: 0;
line-height: 1.6;
font-size: 0.97rem;
max-width: 58ch;}
.primary-content .soft-area{
margin-top: 40px;
padding: 22px 24px;
background: var(--paint-secondary);
color: var(--ink-light);
border: 1px solid var(--paint-accent);
border-radius: 10px;
}
.primary-content .soft-area p{margin: 0;
font-size: 0.95rem;
line-height: 1.55;}
.primary-content .soft-area p + p{margin-top: 6px;}
.primary-content .contact-actions{margin: 32px 0 0;
font-size: 0.95rem;
line-height: 1.65;}
.primary-content a{text-decoration: underline;
text-underline-offset: 3px;}
.primary-content a:hover{}
@media (max-width: 560px) {.primary-content{
padding: 52px 18px 64px;
}.primary-content .content-summary h1{
font-size: 1.55rem;
}.primary-content .quiet-section li{
padding-left: 42px;
}
}
.primary-content{
background: var(--surface-inverse);
color: var(--tone-warm);
}
.strong-quote{
--line-base: var(--paint-base);
--surface-secondary: var(--line-secondary);
background: var(--line-base);
color: var(--surface-secondary);
padding: 4.5rem 1.25rem 5rem;
}
.strong-quote .top-header{max-width: 880px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 2.5rem 3rem;
align-items: start;}
.strong-quote .plain-grid h2{margin: 0 0 0.9rem;
font-size: clamp(1.6rem, 3vw, 2.05rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.strong-quote .plain-grid p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;
max-width: 46ch;}
.strong-quote .content-summary{
background: var(--tone-main);
color: var(--tone-base);
border-left: 3px solid #1B3A5C;
padding: 1.5rem 1.6rem;
border-radius: 6px;
}
.strong-quote .content-summary h3{margin: 0 0 0.7rem;
font-size: 1.05rem;
letter-spacing: 0.01em;}
.strong-quote .content-summary p{margin: 0 0 0.85rem;
font-size: 0.96rem;
line-height: 1.6;}
.strong-quote .content-summary p:last-child{margin-bottom: 0;}
.strong-quote .steady-figure{grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.9rem 1.6rem;
padding-top: 1.6rem;
border-top: 1px solid var(--paint-accent, #D6D2CB);}
.strong-quote .steady-figure a{text-decoration: none;
font-size: 0.95rem;}
.strong-quote .steady-figure .go{
background: #1B3A5C;
color: #F6F3EE;
padding: 0.75rem 1.4rem;
border-radius: 4px;
font-weight: 600;
transition: background 0.18s ease;
}
.strong-quote .steady-figure .go:hover{
background: #142B45;color:var(--ink-light);}
.strong-quote .steady-figure .contact-shell{color: var(--surface-secondary);
border-bottom: 1px solid transparent;
padding-bottom: 2px;
transition: border-color 0.18s ease;}
.strong-quote .steady-figure .contact-shell:hover{border-bottom-color: #B23A48;}
@media (max-width: 720px) {.strong-quote{
padding: 3rem 1.1rem 3.5rem;
}.strong-quote .top-header{
grid-template-columns: 1fr;
gap: 1.8rem;
}.strong-quote .steady-figure{
padding-top: 1.3rem;
}
}
.strong-quote{
background: var(--paint-base);
color: var(--line-secondary);
}
.404{
background: var(--paint-base);
color: var(--line-secondary);
padding: 72px 24px 88px;
}
.404 .top-header{
max-width: 640px;
margin: 0 auto;
}
.404 h1{
font-size: clamp(1.9rem, 3.4vw, 2.6rem);
line-height: 1.2;
margin: 0 0 20px;
letter-spacing: -0.01em;
}
.404 .plain-grid{
font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 14px;
}
.404 .content-summary{
font-size: 1rem;
line-height: 1.65;
margin: 0 0 32px;
color: var(--tone-base);
}
.404 .steady-figure{
display: flex;
flex-wrap: wrap;
gap: 10px 22px;
align-items: center;
padding-top: 20px;
border-top: 1px solid var(--paint-accent);
}
.404 .steady-figure a{
font-size: 0.97rem;
text-decoration: none;
color: #1B3A5C;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
transition: border-color 0.15s ease, color 0.15s ease;
}
.404 .steady-figure a:hover{
border-bottom-color: #1B3A5C;
}
.404 .steady-figure .local-details{
background: #1B3A5C;
color: #F6F3EE;
padding: 10px 18px;
border-radius: 6px;
border-bottom: none;
}
.404 .steady-figure .local-details:hover{
background: #142B45;
border-bottom: none;color:var(--ink-light);}
.404 .public-benefit{
margin: 32px 0 0;
font-size: 0.92rem;
line-height: 1.6;
color: var(--tone-base);
}
@media (max-width: 520px) {.404{
padding: 52px 20px 64px;
}.404 .steady-figure{
flex-direction: column;
align-items: flex-start;
gap: 14px;
}
}
.404{
background: var(--paint-base);
color: var(--line-secondary);
}