html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;padding:0;font-family:"Source Sans 3", sans-serif;}
.clear-links {
width: 100%;
background: #FBF8F3;
color: #1C242E;
border-bottom: 1px solid var(--tone-clear);
}
:root {
--tone-clear: #E3DCD0;
--tone-muted: #FFFFFF;
--tone-accent: #2E5A7A;
--delay-entry: cubic-bezier(0.2,0.8,0.2,1);
--surface-inverse: #B87333;
--tone-cool: #2F3A45;
--ink-inverse: #1C242E;
}
.site-headline {
max-width: 820px;
margin: 0 auto;
padding: calc(0.8rem * 1.5) 1.18rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.8rem;
}
.media-steps {
font-size: calc(15.7px * 1.125);
font-weight: 600;
letter-spacing: 0.01em;
color: #1C242E;
text-decoration: none;
line-height: 1.2;
}
.media-steps:hover {
color: #B87333;
}
.contact-view {
display: block;
}
.nav-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: calc(0.8rem * 1.5);
}
.nav-list a {
display: inline-block;
padding: 0.35rem 0;
font-size: 15.7px;
color: #1C242E;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: color 430ms var(--delay-entry),
border-color 430ms var(--delay-entry);
}
.nav-list a:hover {
color: #B87333;
border-bottom-color: #B87333;
}
.wide-contact {
display: none;
width: 40px;
height: 40px;
padding: 0;
background: transparent;
border: 1px solid var(--tone-clear);
border-radius: 0.22rem;
cursor: pointer;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
}
.compact-service{
display: block;
width: 18px;
height: 2px;
background: #1C242E;
border-radius: 1px;color:var(--ink-inverse);}
@media (max-width: 767px) {
.site-headline {
flex-wrap: wrap;
align-items: center;
}
.wide-contact {
display: flex;
}
.contact-view {
display: none;
width: 100%;
order: 3;
margin-top: calc(0.8rem * 1.5);
}
.contact-view.is-open {
display: block;
}
.nav-list {
flex-direction: column;
align-items: flex-start;
gap: 0;
width: 100%;
}
.nav-list li {
width: 100%;
border-top: 1px solid var(--tone-clear);
}
.nav-list a {
display: block;
width: 100%;
padding: 0.75rem 0;
border-bottom: none;
}
.nav-list a:hover {
border-bottom-color: transparent;
}
}
.offer-copy{font-family:"Source Sans 3", sans-serif;font-size:15.7px;line-height:1.89;padding:calc(1.5rem * 2.4) 1.18rem;margin-top:calc(1.5rem * 2.4);background:#1C242E;color:#F7F3EC;}
.visual-unit{max-width:820px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:calc(0.8rem * 1.5)}
.page-frame{display:flex;flex-direction:column;gap:1.5rem}
.top-entries{font-size:calc(15.7px * 1.35);font-weight:600;letter-spacing:0.02em;margin:0}
.page-body{margin:0;max-width:60ch;font-size:calc(15.7px * .875);opacity:0.85}
.offer-menu{display:grid;grid-template-columns:1fr;gap:calc(0.8rem * 1.5)}
.quiet-shell ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}
.quiet-shell a{color:inherit;text-decoration:none;font-size:calc(15.7px * .875);border-bottom:1px solid transparent;transition:border-color 430ms var(--delay-entry)}
.quiet-shell a:hover,
.quiet-shell a:focus-visible{border-bottom-color:currentColor;outline:none;color:inherit}
.featured-intro{display:flex;flex-direction:column;gap:1.5rem;font-size:calc(15.7px * .875)}
.wide-plan{margin:0;font-size:15.7px;font-weight:600}
.featured-intro p{margin:0}
.featured-intro a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 430ms var(--delay-entry)}
.featured-intro a:hover,
.featured-intro a:focus-visible{border-bottom-color:currentColor;outline:none;color:inherit}
.contact-note{display:flex;flex-direction:column;gap:1.5rem;padding-top:calc(0.8rem * 1.5);border-top:1px solid rgba(255, 255, 255, 0.15);font-size:calc(15.7px * .875)}
.media-area{margin:0;max-width:80ch;opacity:0.85}
.active-unit{margin:0;opacity:0.75}
@media (min-width: 640px) {.offer-menu{grid-template-columns:repeat(2, 1fr)}
}
@media (min-width: 960px) {.visual-unit{grid-template-columns:1.2fr 2fr;align-items:start}.offer-menu{grid-template-columns:repeat(3, 1fr)}.featured-intro,
.contact-note{grid-column:1 / -1}
}
.cookies {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background: var(--tone-muted);
color: var(--ink-inverse);
border-top: 1px solid var(--tone-clear);
box-shadow: 0 3px 12px rgba(0,0,0,0.11);
padding: calc(0.8rem * 1.5) 1.18rem;
font-family: "Source Sans 3", sans-serif;
font-size: calc(15.7px * .875);
line-height: 1.89;
}
.cookies .local-items{max-width: 980px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.8rem;}
.cookies .contact-panel{flex: 1 1 420px;
min-width: 0;}
.cookies .contact-panel p{margin: 0;}
.cookies .contact-panel strong{font-weight: 600;}
.cookies .media-nav{display: flex;
flex-wrap: wrap;
gap: 0.8rem;
margin-left: auto;}
.cookies .open-form {
appearance: none;
border: 1px solid var(--tone-clear);
background: transparent;
color: var(--ink-inverse);
font: inherit;
font-size: calc(15.7px * .875);
padding: 0.5rem 1rem;
border-radius: 0.22rem;
cursor: pointer;
transition: background 430ms var(--delay-entry), color 430ms var(--delay-entry), border-color 430ms var(--delay-entry);
}
.cookies .open-form:hover{
background: color-mix(in srgb, currentColor 10%, transparent);color:var(--ink-inverse);}
.cookies .open-form.primary {
background: var(--tone-accent);
color: #FBF8F3;
border-color: var(--tone-accent);
}
.cookies .open-form.primary:hover{
background: #244A66;
border-color: #244A66;color:var(--ink-inverse);}
@media (max-width: 640px) {
.cookies .media-nav {
margin-left: 0;
width: 100%;
}
.cookies .open-form {
flex: 1 1 auto;
}
}
.plain-shell{
--line-deep: #1C242E;
--axis-base: #FBF8F3;
--layer-static: #2E5A7A;
--axis-static: #B87333;
--mark-base: #E3DCD0;
background: var(--axis-base);
color: var(--line-deep);
padding: 96px 24px 88px;
}
.plain-shell .secondary-panel{max-width: 1080px;
margin: 0 auto;}
.plain-shell .top-group{max-width: 720px;}
.plain-shell h1{font-size: clamp(1.9rem, 3.4vw, 2.9rem);
line-height: 1.15;
letter-spacing: -0.01em;
font-weight: 600;
margin: 0 0 28px;}
.plain-shell .contact-panel{font-size: 1.075rem;
line-height: 1.65;
margin: 0 0 40px;}
.plain-shell .quiet-visual{border-top: 1px solid var(--mark-base);
padding-top: 28px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 20px 32px;}
.plain-shell .go{
display: inline-block;
background: var(--layer-static);
color: #FBF8F3;
text-decoration: none;
font-weight: 600;
font-size: 0.98rem;
padding: 14px 26px;
border-radius: 4px;
transition: background 0.15s ease;
}
.plain-shell .go:hover,
.plain-shell .go:focus-visible{
background: #244A66;
}
.plain-shell .clear-rail{margin: 0;
font-size: 0.92rem;
line-height: 1.55;
max-width: 420px;}
.plain-shell .clear-rail a{text-decoration: underline;
text-underline-offset: 2px;}
.plain-shell .clear-rail a:hover,
.plain-shell .clear-rail a:focus-visible{}
@media (max-width: 640px) {.plain-shell{
padding: 64px 20px 60px;
}.plain-shell .quiet-visual{
padding-top: 22px;
}
}
.plain-shell{
background: #1C242E;
color: #F7F3EC;
}
.secondary-inner{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.secondary-inner .secondary-panel{max-width: 940px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 40px 48px;
align-items: end;}
.secondary-inner .clear-rail h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
line-height: 1.2;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.secondary-inner .clear-rail p{margin: 0 0 14px;
font-size: 1.05rem;
line-height: 1.6;
max-width: 58ch;}
.secondary-inner .clear-rail p:last-child{margin-bottom: 0;}
.secondary-inner .direct-view{font-size: 0.95rem;
color: var(--tone-cool, #2F3A45);
padding-top: 6px;
border-top: 1px solid var(--tone-clear, #E3DCD0);}
.secondary-inner .direct-view a{color: #2E5A7A;
text-decoration: underline;
text-underline-offset: 3px;}
.secondary-inner .direct-view a:hover{color:inherit;}
.secondary-inner .quiet-visual{
display: inline-block;
background: var(--paint-main, #B87333);
color: var(--line-cool, #FFF8EE);
padding: 14px 26px;
border-radius: 4px;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
white-space: nowrap;
transition: background 0.15s ease;
}
.secondary-inner .quiet-visual:hover{
background: var(--line-strong, #9E5F26);color:var(--ink-inverse);}
@media (max-width: 720px) {.secondary-inner{
padding: 56px 20px 64px;
}.secondary-inner .secondary-panel{
grid-template-columns: 1fr;
gap: 28px;
align-items: start;
}.secondary-inner .quiet-visual{
justify-self: start;
}
}
.secondary-inner{
background: #FBF8F3;
color: #1C242E;
}
.wide-media{
--layer-static: #2E5A7A;
--axis-static: #B87333;
--mark-base: #E3DCD0;
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 84px;
}
.wide-media .secondary-panel{max-width: 780px;
margin: 0 auto;}
.wide-media .top-group{max-width: 620px;
margin-bottom: 44px;}
.wide-media h2{font-size: 1.6rem;
line-height: 1.25;
font-weight: 600;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.wide-media .top-group p{margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.wide-media .direct-view{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--mark-base);}
.wide-media .direct-view li{border-bottom: 1px solid var(--mark-base);}
.wide-media .direct-view a{display: block;
padding: 22px 4px 24px;
text-decoration: none;
color: inherit;}
.wide-media .direct-view a:hover .main-rail,
.wide-media .direct-view a:focus-visible .main-rail{}
.wide-media .main-rail{display: block;
font-size: 1.12rem;
font-weight: 600;
line-height: 1.35;
margin-bottom: 8px;
transition: color 0.15s ease;}
.wide-media .active-callout{display: block;
max-width: 620px;
font-size: 0.95rem;
line-height: 1.55;}
.wide-media .direct-view a:focus-visible{outline: 2px solid var(--layer-static);
outline-offset: 2px;}
@media (max-width: 640px) {.wide-media{
padding: 52px 18px 60px;
}.wide-media h2{
font-size: 1.35rem;
}.wide-media .top-group{
margin-bottom: 32px;
}.wide-media .direct-view a{
padding: 18px 2px 20px;
}
}
.wide-media{
background: #1C242E;
color: #F7F3EC;
}
.direct-block{
--type-extra-32: #E3DCD0;
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.5rem 5rem;
}
.direct-block .secondary-panel{max-width: 960px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
column-gap: 3.5rem;
row-gap: 2rem;
align-items: start;}
.direct-block .top-group{max-width: 34ch;}
.direct-block h2{font-size: 1.7rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.direct-block .top-group p{margin: 0;
font-size: 1rem;
line-height: 1.6;
color: #2F3A45;}
.direct-block .plain-headline{margin: 0;
padding: 0;
border-top: 1px solid var(--type-extra-32);}
.direct-block .direct-view{padding: 1.1rem 0 1.2rem;
border-bottom: 1px solid var(--type-extra-32);}
.direct-block .direct-view dt{font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #2E5A7A;
margin-bottom: 0.35rem;}
.direct-block .direct-view dd{margin: 0;
font-size: 1rem;
line-height: 1.55;}
.direct-block .direct-view dd + dd{margin-top: 0.3rem;}
.direct-block .direct-view .clear-rail{font-size: 0.88rem;
color: #2F3A45;}
.direct-block .direct-view a{color: #2E5A7A;
text-decoration: none;
border-bottom: 1px solid rgba(46, 90, 122, 0.35);
padding-bottom: 1px;}
.direct-block .direct-view a:hover{color: #244A66;
border-bottom-color: #244A66;}
.direct-block .narrow-contact{grid-column: 1 / -1;
margin: 0.5rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid var(--type-extra-32);
font-size: 0.98rem;
line-height: 1.65;
max-width: 68ch;}
.direct-block .narrow-contact a{color:inherit;
text-decoration: none;
border-bottom: 1px solid rgba(184, 115, 51, 0.4);}
.direct-block .narrow-contact a:hover{color: #9E5F26;
border-bottom-color: #9E5F26;}
@media (max-width: 720px) {.direct-block{
padding: 3rem 1.25rem 3.5rem;
}.direct-block .secondary-panel{
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 1.75rem;
}.direct-block .top-group{
max-width: none;
}.direct-block h2{
font-size: 1.4rem;
}
}
.direct-block{
background: #FBF8F3;
color: #1C242E;
}
.content-shell{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.content-shell .secondary-panel{max-width: 880px;
margin: 0 auto;}
.content-shell .page-grid{max-width: 620px;
margin-bottom: 44px;}
.content-shell h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.content-shell .top-group{margin: 0;
font-size: 1.02rem;
line-height: 1.6;color:inherit;}
.content-shell .secondary-items{display: flex;
flex-direction: column;
gap: 34px;}
.content-shell .compact-frame{padding-left: 18px;
border-left: 3px solid var(--surface-inverse, #B87333);}
.content-shell .compact-frame h3{margin: 0 0 8px;
font-size: 1.08rem;
line-height: 1.35;color:inherit;}
.content-shell .compact-frame p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;
max-width: 660px;}
.content-shell .clear-rail{margin: 46px 0 0;
padding-top: 22px;
border-top: 1px solid var(--tone-clear, #E3DCD0);
font-size: 0.94rem;
line-height: 1.6;color:inherit;}
.content-shell .clear-rail a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.content-shell .clear-rail a:hover{color:inherit;}
@media (max-width: 640px) {.content-shell{
padding: 52px 18px 60px;
}.content-shell h2{
font-size: 1.45rem;
}.content-shell .page-grid{
margin-bottom: 32px;
}.content-shell .secondary-items{
gap: 26px;
}
}
.content-shell{
background: #FBF8F3;
color: #1C242E;
}
.visual-contact{
--type-strong: #E3DCD0;
--mark-main: #B87333;
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 88px;
}
.visual-contact .secondary-panel{max-width: 880px;
margin: 0 auto;}
.visual-contact .page-grid{max-width: 620px;
margin-bottom: 56px;}
.visual-contact .page-grid h2{margin: 0 0 14px;
font-size: 1.9rem;
line-height: 1.2;
letter-spacing: -0.01em;}
.visual-contact .top-group{margin: 0;
font-size: 1.05rem;
line-height: 1.6;}
.visual-contact .content-inner{list-style: none;
margin: 0;
padding: 0;
position: relative;}
.visual-contact .visual-stack{position: relative;
display: grid;
grid-template-columns: 150px 1fr;
gap: 28px;
padding: 0 0 40px 26px;
border-left: 1px solid var(--type-strong);}
.visual-contact .visual-stack:last-child{padding-bottom: 0;
border-left-color: transparent;}
.visual-contact .visual-stack::before{
content: "";
position: absolute;
left: -5px;
top: 6px;
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--mark-main);color:var(--ink-inverse);}
.visual-contact .visual-stack time{font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.06em;
padding-top: 2px;}
.visual-contact .page-wrap h3{margin: 0 0 8px;
font-size: 1.15rem;
line-height: 1.3;}
.visual-contact .page-wrap p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;
max-width: 60ch;}
@media (max-width: 640px) {.visual-contact{
padding: 56px 20px 64px;
}.visual-contact .page-grid{
margin-bottom: 40px;
}.visual-contact .page-grid h2{
font-size: 1.55rem;
}.visual-contact .visual-stack{
grid-template-columns: 1fr;
gap: 6px;
padding-left: 22px;
padding-bottom: 32px;
}
}
.visual-contact{
background: #1C242E;
color: #F7F3EC;
}
.site-block{
background: #FBF8F3;
color: #1C242E;
padding: 5rem 1.5rem;
}
.site-block .secondary-panel{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
column-gap: 4rem;
row-gap: 3rem;
align-items: start;}
.site-block .top-group{grid-column: 1 / -1;
max-width: 62ch;}
.site-block h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.site-block .narrow-details{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
color: var(--tone-cool, #2F3A45);}
.site-block .simple-rail{display: flex;
flex-direction: column;
gap: 2rem;
border-left: 2px solid var(--tone-clear, #E3DCD0);
padding-left: 2rem;}
.site-block .compact-frame h3{font-size: 1.02rem;
margin: 0 0 0.5rem;
color: #2E5A7A;
font-weight: 600;}
.site-block .compact-frame p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;
color: var(--tone-cool, #2F3A45);}
.site-block .service-steps{
align-self: start;
background: #F1ECE3;
color: var(--tone-cool, #2F3A45);
padding: 2rem 2rem 2.2rem;
border-radius: 6px;
border-top: 3px solid var(--surface-inverse, #B87333);
}
.site-block .service-steps h3{font-size: 1.05rem;
margin: 0 0 0.75rem;
color: #1C242E;}
.site-block .service-steps p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;}
@media (max-width: 820px) {.site-block{
padding: 3.5rem 1.25rem;
}.site-block .secondary-panel{
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 2.25rem;
}.site-block .simple-rail{
padding-left: 1.25rem;
gap: 1.75rem;
}.site-block .service-steps{
padding: 1.6rem 1.5rem 1.8rem;
}
}
.site-block{
background: #FBF8F3;
color: #1C242E;
}
.steady-brand{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.5rem 5rem;
}
.steady-brand .secondary-panel{max-width: 1080px;
margin: 0 auto;}
.steady-brand .page-grid{max-width: 620px;
margin-bottom: 3rem;}
.steady-brand h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.steady-brand .top-group{font-size: 1.05rem;
line-height: 1.65;
margin: 0;}
.steady-brand .content-section{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.25rem 3rem;
border-top: 1px solid var(--tone-clear, #E3DCD0);
padding-top: 2.5rem;}
.steady-brand .active-shell{border-left: 2px solid #2E5A7A;
padding-left: 1.25rem;}
.steady-brand .active-shell h3{font-size: 1.15rem;
margin: 0 0 0.25rem;}
.steady-brand .clear-inner{font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 0.85rem;}
.steady-brand .active-shell p{font-size: 0.98rem;
line-height: 1.6;
margin: 0 0 0.75rem;}
.steady-brand .offer-body{font-size: 0.9rem;
border-top: 1px dashed var(--tone-clear, #E3DCD0);
padding-top: 0.6rem;
margin: 0;}
.steady-brand .clear-rail{
margin: 3rem 0 0;
padding: 1.1rem 1.35rem;
background: #F1ECE3;
color: var(--tone-cool, #2F3A45);
border-left: 3px solid var(--line-soft, #B87333);
font-size: 0.95rem;
line-height: 1.6;
}
@media (max-width: 720px) {.steady-brand{
padding: 3rem 1.15rem 3.5rem;
}.steady-brand .content-section{
grid-template-columns: 1fr;
gap: 2rem;
}.steady-brand h2{
font-size: 1.55rem;
}
}
.steady-brand{
background: #1C242E;
color: #F7F3EC;
}
.site-unit{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.5rem 5rem;
}
.site-unit .secondary-panel{max-width: 62rem;
margin: 0 auto;}
.site-unit .narrow-details{max-width: 44rem;
margin-bottom: 3rem;}
.site-unit .narrow-details h2{font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.site-unit .top-group{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
color: var(--tone-cool);}
.site-unit .secondary-items{display: flex;
flex-direction: column;
gap: 2.25rem;
border-top: 1px solid var(--tone-clear);
padding-top: 2.5rem;}
.site-unit .site-frame{display: grid;
grid-template-columns: minmax(0, 18rem) minmax(0, 1fr);
gap: 1.5rem 3rem;
align-items: start;}
.site-unit .site-frame h3{font-size: 1.1rem;
line-height: 1.35;
margin: 0;
font-weight: 600;}
.site-unit .site-frame p{margin: 0;
font-size: 1rem;
line-height: 1.7;
color: var(--tone-cool);}
.site-unit .direct-view{margin: 3rem 0 0;
padding-top: 1.75rem;
border-top: 1px solid var(--tone-clear);
font-size: 0.98rem;
line-height: 1.65;
color: var(--tone-cool);
max-width: 44rem;}
.site-unit .direct-view a{color: #2E5A7A;
text-decoration: none;
border-bottom: 1px solid var(--paint-main);
padding-bottom: 1px;}
.site-unit .direct-view a:hover{color: var(--line-strong);}
@media (max-width: 720px) {.site-unit{
padding: 3rem 1.25rem 3.5rem;
}.site-unit .site-frame{
grid-template-columns: 1fr;
gap: 0.6rem;
}.site-unit .secondary-items{
gap: 1.9rem;
}
}
.site-unit{
background: #FBF8F3;
color: #1C242E;
}
.active-wrap{
background: #FBF8F3;
color: #1C242E;
padding: 4rem 1.5rem;
}
.active-wrap .secondary-panel{max-width: 1080px;
margin: 0 auto;}
.active-wrap .page-grid{max-width: 720px;
margin-bottom: 2.75rem;}
.active-wrap h2{margin: 0 0 1rem;
font-size: 1.9rem;
line-height: 1.25;
letter-spacing: -0.01em;}
.active-wrap .top-group{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.active-wrap .offer-plan{display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;}
.active-wrap .service-actions{
background: var(--tone-muted, #FFFFFF);
color: var(--ink-inverse, #1C242E);
border: 1px solid var(--tone-clear, #E3DCD0);
border-radius: 10px;
padding: 1.75rem 1.6rem 1.6rem;
display: flex;
flex-direction: column;
}
.active-wrap .compact-fields{border-color: #2E5A7A;
border-width: 2px;}
.active-wrap .service-actions h3{margin: 0 0 0.6rem;
font-size: 1.2rem;
line-height: 1.3;}
.active-wrap .service-shell{margin: 0 0 1.1rem;
font-size: 0.95rem;
line-height: 1.55;}
.active-wrap .body{list-style: none;
margin: 0 0 1.5rem;
padding: 0;
flex-grow: 1;}
.active-wrap .body li{position: relative;
padding-left: 1.1rem;
margin-bottom: 0.55rem;
font-size: 0.95rem;
line-height: 1.5;}
.active-wrap .body li::before{
content: "";
position: absolute;
left: 0;
top: 0.55em;
width: 6px;
height: 6px;
background: var(--line-soft, #B87333);
border-radius: 50%;color:var(--ink-inverse);}
.active-wrap .group{
align-self: flex-start;
display: inline-block;
padding: 0.6rem 1.15rem;
background: #2E5A7A;
color: #FBF8F3;
border-radius: 6px;
font-size: 0.92rem;
text-decoration: none;
transition: background 0.15s ease;
}
.active-wrap .group:hover,
.active-wrap .group:focus-visible{
background: #244A66;color:var(--ink-inverse);}
.active-wrap .narrow-contact{margin: 2.25rem 0 0;
max-width: 720px;
font-size: 0.95rem;
line-height: 1.6;}
@media (min-width: 760px) {.active-wrap{ padding: 5rem 2rem; }.active-wrap .offer-plan{
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
}
.active-wrap{
background: #1C242E;
color: #F7F3EC;
}
.top-plan{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.top-plan .secondary-panel{max-width: 880px;
margin: 0 auto;}
.top-plan .page-grid{margin-bottom: 48px;}
.top-plan h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.top-plan .top-group{font-size: 1.05rem;
line-height: 1.6;
margin: 0;
max-width: 620px;
color: var(--tone-cool, #2F3A45);}
.top-plan .public-fields{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--tone-clear, #E3DCD0);}
.top-plan .visual-stack{display: grid;
grid-template-columns: minmax(180px, 220px) 1fr;
gap: 12px 40px;
padding: 26px 0;
border-bottom: 1px solid var(--tone-clear, #E3DCD0);}
.top-plan .visual-stack h3{font-size: 1.05rem;
margin: 0;
color: var(--tone-accent, #2E5A7A);
font-weight: 600;}
.top-plan .visual-stack p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;
color: var(--tone-cool, #2F3A45);}
.top-plan .direct-view{margin: 40px 0 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--tone-cool, #2F3A45);}
.top-plan .direct-view a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.top-plan .direct-view a:hover{color: #9E5F26;}
@media (max-width: 640px) {.top-plan{ padding: 52px 18px 60px; }.top-plan h2{ font-size: 1.55rem; }.top-plan .visual-stack{
grid-template-columns: 1fr;
gap: 6px;
padding: 22px 0;
}
}
.top-plan{
background: #FBF8F3;
color: #1C242E;
}
.strong-links{
--font-base: #E3DCD0;
--mark-public: #B87333;
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.5rem 5rem;
}
.strong-links .secondary-panel{max-width: 780px;
margin: 0 auto;}
.strong-links .page-grid{margin-bottom: 2.75rem;}
.strong-links h2{margin: 0 0 0.85rem;
font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.1rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.strong-links .top-group{margin: 0;
max-width: 58ch;
font-size: 1.02rem;
line-height: 1.6;}
.strong-links .qa{margin: 0;
padding: 0;
border-top: 1px solid var(--font-base);}
.strong-links .compact-frame{padding: 1.5rem 0 1.4rem;
border-bottom: 1px solid var(--font-base);}
.strong-links dt{font-size: 1.06rem;
font-weight: 600;
line-height: 1.35;
margin-bottom: 0.6rem;
padding-left: 0.9rem;
border-left: 2px solid var(--mark-public);}
.strong-links dd{margin: 0;
padding-left: 0.9rem;
font-size: 0.98rem;
line-height: 1.65;}
.strong-links .clear-rail{margin: 2rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.strong-links .clear-rail a{text-decoration: underline;
text-underline-offset: 3px;}
.strong-links .clear-rail a:hover{}
@media (max-width: 560px) {.strong-links{
padding: 3rem 1.1rem 3.4rem;
}.strong-links .compact-frame{
padding: 1.25rem 0 1.15rem;
}
}
.strong-links{
background: #1C242E;
color: #F7F3EC;
}
.active-lead{
background: #FBF8F3;
color: #1C242E;
padding: 5rem 1.5rem;
}
.active-lead .secondary-panel{max-width: 780px;
margin: 0 auto;}
.active-lead h2{font-size: 1.75rem;
line-height: 1.25;
font-weight: 600;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.active-lead .top-group{font-size: 1.0625rem;
line-height: 1.6;
margin: 0 0 3.5rem;
max-width: 62ch;
color: var(--tone-cool, #2F3A45);}
.active-lead .secondary-items{display: flex;
flex-direction: column;
gap: 2.75rem;}
.active-lead .site-frame{display: grid;
grid-template-columns: 1fr;
gap: 0.5rem;}
.active-lead .site-frame h3{font-size: 1.125rem;
font-weight: 600;
line-height: 1.35;
margin: 0;
color: #2E5A7A;}
.active-lead .site-frame p{font-size: 1rem;
line-height: 1.65;
margin: 0;
max-width: 68ch;}
.active-lead .direct-view{margin: 3.5rem 0 0;
padding-top: 1.75rem;
border-top: 1px solid var(--tone-clear, #E3DCD0);
font-size: 0.9375rem;
line-height: 1.6;
color: var(--tone-cool, #2F3A45);}
.active-lead .direct-view a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.active-lead .direct-view a:hover{color: #9E5F26;}
@media (min-width: 720px) {.active-lead{
padding: 6.5rem 2rem;
}.active-lead h2{
font-size: 2rem;
}.active-lead .site-frame{
grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
gap: 2.5rem;
align-items: baseline;
}
}
.active-lead{
background: #FBF8F3;
color: #1C242E;
}
.wide-body{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.5rem 5rem;
}
.wide-body .secondary-panel{max-width: 46rem;
margin: 0 auto;}
.wide-body h2{font-size: 1.8rem;
line-height: 1.25;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.wide-body .top-group{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 1rem;}
.wide-body p{line-height: 1.65;
margin: 0 0 1rem;}
.wide-body .quiet-track{list-style: none;
margin: 2.5rem 0 2rem;
padding: 0;
border-top: 1px solid var(--tone-clear, #E3DCD0);}
.wide-body .quiet-track li{padding: 1.5rem 0;
border-bottom: 1px solid var(--tone-clear, #E3DCD0);}
.wide-body .quiet-track h3{font-size: 1.05rem;
margin: 0 0 0.5rem;}
.wide-body .quiet-track p{margin: 0;}
.wide-body .direct-view{margin-top: 2rem;
font-size: 0.98rem;
line-height: 1.6;}
.wide-body .direct-view a{text-decoration: underline;
text-underline-offset: 3px;}
.wide-body .direct-view a:hover{}
@media (max-width: 640px) {.wide-body{
padding: 3rem 1.25rem 3.5rem;
}.wide-body h2{
font-size: 1.5rem;
}
}
.wide-body{
background: #1C242E;
color: #F7F3EC;
}
.secondary-inner{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px;
}
.secondary-inner .secondary-panel{max-width: 880px;
margin: 0 auto;
display: grid;
gap: 32px;}
.secondary-inner .top-group h2{margin: 0 0 14px;
font-size: clamp(1.5rem, 2.4vw, 2rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.secondary-inner .top-group p{margin: 0;
max-width: 620px;
font-size: 1.0625rem;
line-height: 1.6;
color: var(--tone-cool, #2F3A45);}
.secondary-inner .quiet-visual{display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px 28px;
padding: 20px 0 0;
border-top: 1px solid var(--tone-clear, #E3DCD0);}
.secondary-inner .quiet-visual .clear-rail{margin: 0;
flex: 1 1 320px;
font-size: 0.9375rem;
line-height: 1.55;
color: var(--tone-cool, #2F3A45);}
.secondary-inner .go{
display: inline-block;
padding: 13px 26px;
background: var(--tone-accent, #2E5A7A);
color: #FBF8F3;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
font-size: 0.9375rem;
letter-spacing: 0.01em;
transition: background 0.15s ease;
}
.secondary-inner .go:hover,
.secondary-inner .go:focus-visible{
background: #244A66;color:var(--ink-inverse);}
.secondary-inner .direct-view{margin: 0;
font-size: 0.9375rem;
line-height: 1.65;
color: var(--tone-cool, #2F3A45);}
.secondary-inner .direct-view a{color: #2E5A7A;
text-decoration: underline;
text-underline-offset: 3px;}
.secondary-inner .direct-view a:hover,
.secondary-inner .direct-view a:focus-visible{color: #9E5F26;}
@media (max-width: 620px) {.secondary-inner{
padding: 52px 18px;
}.secondary-inner .go{
width: 100%;
text-align: center;
}
}
.secondary-plan{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.5rem 5rem;
}
.secondary-plan .secondary-panel{max-width: 1080px;
margin: 0 auto;}
.secondary-plan .top-group{max-width: 640px;
margin-bottom: 3rem;}
.secondary-plan h2{font-size: 1.6rem;
line-height: 1.25;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.secondary-plan .narrow-details{margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.secondary-plan .wide-actions{display: grid;
grid-template-columns: 1.15fr 1fr 1fr;
gap: 2.5rem 2.75rem;
padding-bottom: 2.75rem;
border-bottom: 1px solid var(--tone-clear);}
.secondary-plan .compact-frame{display: flex;
flex-direction: column;
gap: 1rem;}
.secondary-plan .compact-frame:first-child{padding-right: 1.5rem;
border-right: 1px solid var(--tone-clear);}
.secondary-plan .content-service{margin: 0;
font-size: 1rem;
line-height: 1.65;}
.secondary-plan .active-list{margin: 0;
font-size: 0.85rem;
line-height: 1.4;
letter-spacing: 0.01em;}
.secondary-plan .compact-stack{display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem 3rem;
padding-top: 2.25rem;}
.secondary-plan .steady-story{display: flex;
flex-direction: column;
gap: 0.35rem;}
.secondary-plan .service-plan{font-size: 1.35rem;
font-weight: 600;
letter-spacing: -0.01em;}
.secondary-plan .page-region{font-size: 0.9rem;
line-height: 1.5;}
@media (max-width: 860px) {.secondary-plan .wide-actions{
grid-template-columns: 1fr;
gap: 2rem;
}.secondary-plan .compact-frame:first-child{
padding-right: 0;
border-right: none;
padding-bottom: 2rem;
border-bottom: 1px solid var(--tone-clear);
}.secondary-plan .compact-stack{
grid-template-columns: 1fr;
gap: 1.5rem;
}
}
.secondary-plan{
background: #1C242E;
color: #F7F3EC;
}
.service{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.25rem 5rem;
}
.service .secondary-panel{max-width: 720px;
margin: 0 auto;}
.service h2{font-size: 1.6rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.service .top-group{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 2.75rem;
color: var(--tone-cool);
max-width: 60ch;}
.service .open-summary{display: flex;
flex-direction: column;
gap: 2rem;}
.service .clear-rail h3{font-size: 1rem;
margin: 0 0 0.5rem;
color: #2E5A7A;
font-weight: 600;}
.service .clear-rail p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;
max-width: 62ch;}
@media (min-width: 720px) {.service{
padding: 5.5rem 2rem 6rem;
}.service h2{
font-size: 1.9rem;
}.service .open-summary{
gap: 2.25rem;
}
}
.service{
background: #FBF8F3;
color: #1C242E;
}
.visual-contact{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.visual-contact .secondary-panel{max-width: 880px;
margin: 0 auto;}
.visual-contact .page-grid{border-bottom: 1px solid #E3DCD0;
padding-bottom: 24px;
margin-bottom: 40px;}
.visual-contact .page-grid h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 12px;
letter-spacing: -0.01em;}
.visual-contact .top-group{max-width: 620px;
margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.visual-contact .public-fields{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 28px;}
.visual-contact .visual-stack{display: grid;
grid-template-columns: 160px 1fr;
gap: 28px;
padding-bottom: 28px;
border-bottom: 1px dashed #E3DCD0;}
.visual-contact .visual-stack:last-child{border-bottom: none;
padding-bottom: 0;}
.visual-contact .site-rail{display: flex;
flex-direction: column;
gap: 4px;
padding-top: 2px;}
.visual-contact .fresh-media{font-size: 0.86rem;
letter-spacing: 0.02em;
font-weight: 600;}
.visual-contact .bottom-intro{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.08em;}
.visual-contact .offer-footer h3{font-size: 1.12rem;
line-height: 1.35;
margin: 0 0 8px;}
.visual-contact .offer-footer p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;}
.visual-contact .narrow-contact{margin: 44px 0 0;
padding-top: 20px;
border-top: 1px solid #E3DCD0;
font-size: 0.97rem;
line-height: 1.65;
max-width: 680px;}
@media (max-width: 640px) {.visual-contact{
padding: 56px 18px 64px;
}.visual-contact .visual-stack{
grid-template-columns: 1fr;
gap: 10px;
}.visual-contact .site-rail{
flex-direction: row;
align-items: baseline;
gap: 12px;
}.visual-contact .page-grid h2{
font-size: 1.45rem;
}
}
.strong-links{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px;
}
.strong-links .secondary-panel{max-width: 760px;
margin: 0 auto;}
.strong-links .page-grid{margin-bottom: 44px;
border-bottom: 1px solid #E3DCD0;
padding-bottom: 24px;}
.strong-links .page-grid h2{margin: 0 0 12px;
font-size: 1.65rem;
line-height: 1.25;
font-weight: 600;}
.strong-links .top-group{margin: 0;
max-width: 58ch;
font-size: 1rem;
line-height: 1.6;}
.strong-links .strong-unit{display: flex;
flex-direction: column;}
.strong-links .simple-list{padding: 22px 0 24px;
border-bottom: 1px solid #E3DCD0;}
.strong-links .simple-list:last-of-type{border-bottom: none;}
.strong-links .simple-list h3{margin: 0 0 10px;
font-size: 1.05rem;
line-height: 1.4;
font-weight: 600;}
.strong-links .simple-list p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;}
.strong-links .simple-list a,
.strong-links .clear-rail a{text-decoration: underline;
text-underline-offset: 3px;}
.strong-links .simple-list a:hover,
.strong-links .clear-rail a:hover{}
.strong-links .clear-rail{
margin: 32px 0 0;
padding: 16px 20px;
background: #F1ECE3;
color: #2F3A45;
font-size: 0.92rem;
line-height: 1.6;
border-radius: 6px;
}
@media (max-width: 560px) {.strong-links{
padding: 48px 18px;
}.strong-links .page-grid h2{
font-size: 1.35rem;
}
}
.direct-block{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.5rem 5rem;
}
.direct-block .secondary-panel{max-width: 1040px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
gap: 3rem 4rem;
align-items: start;}
.direct-block .top-group h2{margin: 0 0 1.1rem;
font-size: 1.75rem;
line-height: 1.25;
font-weight: 600;}
.direct-block .top-group p{margin: 0 0 1rem;
font-size: 1rem;
line-height: 1.65;}
.direct-block .compact-proof{display: flex;
flex-direction: column;
gap: 1.75rem;
border-left: 1px solid var(--tone-clear, #E3DCD0);
padding-left: 2rem;}
.direct-block .compact-lead h3{margin: 0 0 0.4rem;
font-size: 1.05rem;
font-weight: 600;}
.direct-block .compact-lead p{margin: 0 0 0.5rem;
font-size: 0.95rem;
line-height: 1.6;}
.direct-block .compact-lead a{color: var(--tone-accent, #2E5A7A);
text-decoration: none;
border-bottom: 1px solid currentColor;
font-weight: 600;}
.direct-block .compact-lead a:hover{color:inherit;}
.direct-block .direct-view{font-size: 0.9rem;
line-height: 1.6;}
.direct-block .featured-headline{grid-column: 1 / -1;
margin: 0;
padding-top: 1.5rem;
border-top: 1px solid var(--tone-clear, #E3DCD0);
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 780px) {.direct-block{
padding: 3rem 1.25rem 3.5rem;
}.direct-block .secondary-panel{
grid-template-columns: 1fr;
gap: 2.25rem;
}.direct-block .compact-proof{
border-left: none;
padding-left: 0;
border-top: 1px solid var(--tone-clear, #E3DCD0);
padding-top: 1.75rem;
}
}
.media-flow{
--surface-soft: #E3DCD0;
--field-soft: #D8CFBF;
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 84px;
}
.media-flow .secondary-panel{max-width: 880px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
column-gap: 56px;
row-gap: 40px;
align-items: start;}
.media-flow .top-group h2{margin: 0 0 18px;
font-size: 28px;
line-height: 1.25;
letter-spacing: -0.01em;}
.media-flow .top-group p{margin: 0;
font-size: 16px;
line-height: 1.65;
max-width: 46ch;}
.media-flow .offer{padding-left: 28px;
border-left: 1px solid var(--field-soft);}
.media-flow .clear-rail{margin: 0 0 22px;
font-size: 15px;
line-height: 1.6;}
.media-flow .compact-proof{list-style: none;
margin: 0 0 22px;
padding: 0;}
.media-flow .compact-proof li{padding: 12px 0;
border-top: 1px solid var(--surface-soft);
display: flex;
flex-direction: column;
gap: 4px;}
.media-flow .compact-proof li:last-child{border-bottom: 1px solid var(--surface-soft);}
.media-flow .page-region{font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;}
.media-flow .compact-proof a{text-decoration: none;
font-size: 16px;
border-bottom: 1px solid transparent;
transition: border-color 0.15s ease;}
.media-flow .compact-proof a:hover{border-bottom-color: #2E5A7A;}
.media-flow .secondary-lead{font-size: 15px;
line-height: 1.5;}
.media-flow .narrow-contact{margin: 0;
font-size: 14px;
line-height: 1.6;}
.media-flow .narrow-contact a{text-decoration: underline;
text-underline-offset: 3px;}
@media (max-width: 720px) {.media-flow{
padding: 52px 20px 64px;
}.media-flow .secondary-panel{
grid-template-columns: 1fr;
row-gap: 32px;
}.media-flow .offer{
padding-left: 0;
padding-top: 24px;
border-left: none;
border-top: 1px solid var(--field-soft);
}.media-flow .top-group h2{
font-size: 23px;
}
}
.media-flow{
background: #1C242E;
color: #F7F3EC;
}
.site-unit{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.site-unit .secondary-panel{max-width: 880px;
margin: 0 auto;}
.site-unit .top-group{margin-bottom: 48px;}
.site-unit h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.site-unit .narrow-details{font-size: 1.02rem;
line-height: 1.6;
margin: 0;
max-width: 62ch;}
.site-unit .secondary-items{display: flex;
flex-direction: column;
gap: 34px;}
.site-unit .simple-list h3{font-size: 1.08rem;
margin: 0 0 6px;
font-weight: 600;}
.site-unit .simple-list p{margin: 0;
font-size: 0.98rem;
line-height: 1.62;
max-width: 68ch;}
.site-unit .direct-view{margin: 56px 0 0;
padding-top: 22px;
border-top: 1px solid var(--tone-clear, #E3DCD0);
font-size: 0.95rem;
line-height: 1.6;
max-width: 68ch;}
.site-unit .direct-view a{color: #2E5A7A;
text-decoration: underline;
text-underline-offset: 3px;}
.site-unit .direct-view a:hover{color:inherit;}
@media (max-width: 640px) {.site-unit{
padding: 52px 18px 60px;
}.site-unit h2{
font-size: 1.45rem;
}.site-unit .secondary-items{
gap: 28px;
}
}
.active-lead{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px;
}
.active-lead .secondary-panel{max-width: 880px;
margin: 0 auto;
display: grid;
gap: 40px;}
.active-lead .top-group{max-width: 620px;}
.active-lead .top-group h2{margin: 0 0 14px;
font-size: 1.75rem;
line-height: 1.25;
letter-spacing: -0.01em;}
.active-lead .top-group p{margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.active-lead .simple-unit{list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0;
border-top: 1px solid #E3DCD0;}
.active-lead .strong-items{display: grid;
grid-template-columns: minmax(140px, 220px) 1fr;
gap: 28px;
padding: 22px 0;
border-bottom: 1px solid #E3DCD0;}
.active-lead .strong-items h3{margin: 0;
font-size: 1.02rem;
line-height: 1.4;
font-weight: 600;}
.active-lead .strong-items p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
.active-lead .narrow-contact{margin: 0;
max-width: 640px;
font-size: 0.98rem;
line-height: 1.6;}
.active-lead .narrow-contact a{text-decoration: none;
border-bottom: 1px solid rgba(184, 115, 51, 0.4);
padding-bottom: 1px;}
.active-lead .narrow-contact a:hover{border-bottom-color: #9E5F26;}
@media (max-width: 640px) {.active-lead{
padding: 52px 18px;
}.active-lead .strong-items{
grid-template-columns: 1fr;
gap: 8px;
padding: 18px 0;
}
}
.active-lead{
background: #1C242E;
color: #F7F3EC;
}
.secondary-inner{
--surface-primary: #FBF8F3;
--tone-deep: #1C242E;
--type-body: #E3DCD0;
--surface-warm: #B87333;
--ink-warm: #9E5F26;
--line-panel: #2E5A7A;
background: var(--surface-primary);
color: var(--tone-deep);
padding: 72px 24px 80px;
}
.secondary-inner .secondary-panel{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 56px;
align-items: end;}
.secondary-inner .top-group h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
line-height: 1.2;
margin: 0 0 16px;
letter-spacing: -0.01em;
font-weight: 600;}
.secondary-inner .top-group p{margin: 0;
font-size: 1.02rem;
line-height: 1.6;
max-width: 46ch;}
.secondary-inner .quiet-visual{border-top: 1px solid var(--type-body);
padding-top: 22px;}
.secondary-inner .go{
display: inline-block;
background: var(--line-panel);
color: #FBF8F3;
text-decoration: none;
padding: 14px 22px;
border-radius: 6px;
font-weight: 600;
font-size: 1rem;
transition: background-color 0.18s ease;
}
.secondary-inner .go:hover,
.secondary-inner .go:focus-visible{
background: #244A66;
}
.secondary-inner .clear-rail{margin: 18px 0 0;
font-size: 0.92rem;
line-height: 1.55;}
.secondary-inner .clear-rail a{text-decoration: underline;
text-underline-offset: 2px;}
.secondary-inner .clear-rail a:hover,
.secondary-inner .clear-rail a:focus-visible{}
@media (max-width: 760px) {.secondary-inner{
padding: 56px 20px 64px;
}.secondary-inner .secondary-panel{
grid-template-columns: 1fr;
gap: 32px;
align-items: start;
}
}
.secondary-inner{
background: #1C242E;
color: #F7F3EC;
}
.secondary-plan{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.5rem;
}
.secondary-plan .secondary-panel{max-width: 780px;
margin: 0 auto;}
.secondary-plan h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 0.75rem;
letter-spacing: -0.01em;}
.secondary-plan .top-group{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 2.5rem;
max-width: 60ch;
color: var(--tone-cool, #2F3A45);}
.secondary-plan .focused-plan{display: flex;
flex-direction: column;
gap: 1.75rem;
border-top: 1px solid var(--tone-clear, #E3DCD0);
padding-top: 2rem;}
.secondary-plan .content-service{padding-left: 1.25rem;
border-left: 3px solid var(--surface-inverse, #B87333);}
.secondary-plan .content-service .site-visual{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 0.5rem;}
.secondary-plan .content-service .active-list{font-size: 0.9rem;
margin: 0;
color: var(--tone-cool, #2F3A45);}
.secondary-plan .compact-stack{list-style: none;
margin: 2.75rem 0 0;
padding: 1.5rem 0 0;
border-top: 1px solid var(--tone-clear, #E3DCD0);
display: flex;
flex-direction: column;
gap: 0.85rem;
font-size: 0.98rem;
line-height: 1.5;}
.secondary-plan .compact-stack .active-method{font-weight: 600;
color: var(--tone-accent, #2E5A7A);
margin-right: 0.35rem;}
@media (min-width: 720px) {.secondary-plan{
padding: 5.5rem 2rem;
}.secondary-plan h2{
font-size: 2rem;
}.secondary-plan .compact-stack{
flex-direction: row;
flex-wrap: wrap;
gap: 1.5rem 2.5rem;
}.secondary-plan .compact-stack li{
flex: 1 1 200px;
}
}
.secondary-plan{
background: #FBF8F3;
color: #1C242E;
}
.site-unit{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 84px;
}
.site-unit .secondary-panel{max-width: 940px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 44px;}
.site-unit .top-group{max-width: 620px;
display: flex;
flex-direction: column;
gap: 14px;}
.site-unit .top-group h2{margin: 0;
font-size: 1.75rem;
line-height: 1.25;
letter-spacing: -0.01em;}
.site-unit .top-group p{margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.site-unit .secondary-items{display: flex;
flex-direction: column;
border-top: 1px solid var(--tone-clear, #E3DCD0);}
.site-unit .simple-list{display: grid;
grid-template-columns: minmax(200px, 260px) 1fr;
gap: 28px;
padding: 24px 0;
border-bottom: 1px solid var(--tone-clear, #E3DCD0);}
.site-unit .simple-list h3{margin: 0;
font-size: 1.05rem;
line-height: 1.35;
color: #2E5A7A;}
.site-unit .simple-list p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
.site-unit .direct-view{margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--tone-cool, #2F3A45);
max-width: 640px;}
.site-unit .direct-view a{color: #2E5A7A;
text-decoration: underline;
text-underline-offset: 3px;}
.site-unit .direct-view a:hover{color:inherit;}
@media (max-width: 640px) {.site-unit{
padding: 52px 18px 60px;
}.site-unit .top-group h2{
font-size: 1.45rem;
}.site-unit .simple-list{
grid-template-columns: 1fr;
gap: 8px;
padding: 20px 0;
}
}
.active-lead{
--type-main: #E3DCD0;
--paint-panel: #B87333;
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.5rem 5rem;
}
.active-lead .secondary-panel{max-width: 1080px;
margin: 0 auto;}
.active-lead .top-group{max-width: 720px;
margin-bottom: 3rem;}
.active-lead .top-group h2{font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.active-lead .narrow-details{font-size: 1.02rem;
line-height: 1.65;
margin: 0;}
.active-lead .simple-unit{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--type-main);}
.active-lead .strong-items{display: grid;
grid-template-columns: minmax(200px, 320px) 1fr;
gap: 1.5rem 2.5rem;
padding: 1.6rem 0;
border-bottom: 1px solid var(--type-main);}
.active-lead .strong-items h3{font-size: 1.08rem;
line-height: 1.35;
margin: 0;
font-weight: 600;}
.active-lead .strong-items h3::before{
content: "";
display: inline-block;
width: 18px;
height: 2px;
background: var(--paint-panel);
vertical-align: middle;
margin-right: 0.6rem;
transform: translateY(-2px);color:var(--ink-inverse);}
.active-lead .strong-items p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;}
.active-lead .direct-view{margin: 2.5rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.active-lead .direct-view a{text-decoration: underline;
text-underline-offset: 3px;}
.active-lead .direct-view a:hover{}
@media (max-width: 720px) {.active-lead{
padding: 3rem 1.15rem 3.5rem;
}.active-lead .top-group{
margin-bottom: 2rem;
}.active-lead .strong-items{
grid-template-columns: 1fr;
gap: 0.5rem;
padding: 1.35rem 0;
}
}
.wide-media{
--mark-base: #E3DCD0;
--layer-static: #2E5A7A;
--axis-static: #B87333;
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.wide-media .secondary-panel{max-width: 1040px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(220px, 300px) 1fr;
gap: 48px 64px;
align-items: start;}
.wide-media .top-group h2{font-size: 1.5rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.wide-media .top-group p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
.wide-media .visual-list{display: flex;
flex-direction: column;
border-top: 1px solid var(--mark-base);}
.wide-media .compact-frame{padding: 26px 0 24px;
border-bottom: 1px solid var(--mark-base);}
.wide-media .compact-frame h3{font-size: 1.08rem;
line-height: 1.35;
margin: 0 0 8px;
font-weight: 600;}
.wide-media .compact-frame p{margin: 0 0 12px;
font-size: 0.95rem;
line-height: 1.6;
max-width: 62ch;}
.wide-media .compact-frame a{font-size: 0.92rem;
text-decoration: none;
border-bottom: 1px solid var(--axis-static);
padding-bottom: 1px;}
.wide-media .compact-frame a:hover{}
.wide-media .clear-rail{grid-column: 1 / -1;
margin: 8px 0 0;
padding-top: 20px;
border-top: 1px solid var(--mark-base);
font-size: 0.9rem;
line-height: 1.6;}
.wide-media .clear-rail a{text-decoration: none;
border-bottom: 1px solid var(--axis-static);
padding-bottom: 1px;}
.wide-media .clear-rail a:hover{}
@media (max-width: 760px) {.wide-media{
padding: 56px 20px 64px;
}.wide-media .secondary-panel{
grid-template-columns: 1fr;
gap: 32px;
}
}
.active-lead{
--type-main: #E3DCD0;
--paint-panel: #B87333;
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.active-lead .secondary-panel{max-width: 1040px;
margin: 0 auto;}
.active-lead .top-group{max-width: 640px;
margin-bottom: 48px;}
.active-lead .top-group h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.active-lead .top-group p{margin: 0;
font-size: 1.0625rem;
line-height: 1.6;
color: var(--tone-cool, #2F3A45);}
.active-lead .simple-unit{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 56px;
row-gap: 0;
border-top: 1px solid var(--type-main);}
.active-lead .strong-items{padding: 26px 0 28px;
border-bottom: 1px solid var(--type-main);}
.active-lead .strong-items h3{font-size: 1.0625rem;
line-height: 1.35;
margin: 0 0 8px;
position: relative;
padding-left: 16px;}
.active-lead .strong-items h3::before{
content: "";
position: absolute;
left: 0;
top: 0.55em;
width: 6px;
height: 6px;
background: var(--paint-panel);color:var(--ink-inverse);}
.active-lead .strong-items p{margin: 0;
font-size: 0.9375rem;
line-height: 1.6;
color: var(--tone-cool, #2F3A45);}
.active-lead .direct-view{margin: 40px 0 0;
font-size: 0.9375rem;
line-height: 1.6;
color: var(--tone-cool, #2F3A45);
max-width: 720px;}
.active-lead .direct-view a{color: #2E5A7A;
text-decoration: underline;
text-underline-offset: 3px;}
.active-lead .direct-view a:hover{color: var(--paint-panel);}
@media (max-width: 720px) {.active-lead{
padding: 56px 20px 64px;
}.active-lead .simple-unit{
grid-template-columns: 1fr;
}.active-lead .top-group h2{
font-size: 1.5rem;
}
}
.secondary-inner{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.25rem 5rem;
}
.secondary-inner .secondary-panel{max-width: 780px;
margin: 0 auto;}
.secondary-inner .top-group h2{font-size: 1.7rem;
line-height: 1.25;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.secondary-inner .top-group p{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 2rem;
max-width: 56ch;}
.secondary-inner .quiet-visual{
display: inline-block;
background: var(--surface-inverse, #B87333);
color: #FFF8EE;
text-decoration: none;
padding: 0.85rem 1.6rem;
border-radius: 4px;
font-weight: 600;
font-size: 1rem;
transition: background 0.15s ease;
}
.secondary-inner .quiet-visual:hover,
.secondary-inner .quiet-visual:focus{
background: #9E5F26;color:var(--ink-inverse);}
.secondary-inner .local-lead{margin: 2.25rem 0 0;
font-size: 0.95rem;
line-height: 1.65;
color: var(--tone-cool, #2F3A45);
max-width: 60ch;}
.secondary-inner .local-lead a{color: #2E5A7A;
text-decoration: underline;
text-underline-offset: 3px;}
.secondary-inner .local-lead a:hover{color: #9E5F26;}
@media (max-width: 520px) {.secondary-inner{
padding: 3rem 1.1rem 3.5rem;
}.secondary-inner .top-group h2{
font-size: 1.4rem;
}.secondary-inner .quiet-visual{
display: block;
text-align: center;
}
}
.secondary-plan{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.secondary-plan .secondary-panel{max-width: 1040px;
margin: 0 auto;}
.secondary-plan .narrow-details{max-width: 640px;
margin-bottom: 48px;}
.secondary-plan .narrow-details h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.secondary-plan .narrow-details p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.secondary-plan .wide-actions{display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 40px 56px;
margin-bottom: 56px;}
.secondary-plan .soft-view{margin: 0;}
.secondary-plan .soft-view .content-service{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 18px;
padding-left: 18px;
border-left: 3px solid #B87333;}
.secondary-plan .soft-view .top-summary{margin: 0;
font-weight: 600;
font-size: 0.95rem;}
.secondary-plan .soft-view .active-track{margin: 2px 0 0;
font-size: 0.88rem;}
.secondary-plan .compact-stack{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
padding-top: 32px;
border-top: 1px solid #E3DCD0;
margin-bottom: 40px;}
.secondary-plan .steady-story{display: flex;
flex-direction: column;
gap: 6px;}
.secondary-plan .steady-story .active-method{font-size: 1.35rem;
font-weight: 600;
letter-spacing: -0.01em;}
.secondary-plan .steady-story .page-region{font-size: 0.88rem;
line-height: 1.45;}
.secondary-plan .narrow-contact{margin: 0;
font-size: 0.92rem;
line-height: 1.6;
max-width: 620px;}
@media (max-width: 780px) {.secondary-plan{
padding: 56px 20px 64px;
}.secondary-plan .wide-actions{
grid-template-columns: 1fr;
gap: 32px;
margin-bottom: 40px;
}.secondary-plan .compact-stack{
grid-template-columns: 1fr;
gap: 20px;
}
}
.fresh-view{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px;
}
.fresh-view .secondary-panel{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
gap: 56px;
align-items: start;}
.fresh-view .top-group h2{margin: 0 0 20px;
font-size: clamp(1.6rem, 2.6vw, 2.1rem);
line-height: 1.25;
letter-spacing: -0.01em;}
.fresh-view .top-group p{margin: 0 0 18px;
font-size: 1.05rem;
line-height: 1.65;}
.fresh-view .top-group p:last-child{margin-bottom: 0;}
.fresh-view .clear-rail{
background: #F1ECE3;
color: var(--tone-cool);
border-left: 3px solid var(--surface-inverse);
padding: 24px 22px;
border-radius: 4px;
}
.fresh-view .clear-rail h3{margin: 0 0 10px;
font-size: 1rem;
letter-spacing: 0.02em;
text-transform: uppercase;}
.fresh-view .clear-rail p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
@media (max-width: 760px) {.fresh-view{
padding: 56px 20px;
}.fresh-view .secondary-panel{
grid-template-columns: 1fr;
gap: 32px;
}
}
.fresh-view{
background: #1C242E;
color: #F7F3EC;
}
.service-wrap{
background: #FBF8F3;
color: #1C242E;
padding: 64px 24px 72px;
}
.service-wrap .secondary-panel{max-width: 760px;
margin: 0 auto;}
.service-wrap h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.service-wrap .top-group{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 40px;
max-width: 62ch;}
.service-wrap .visual-contact{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--tone-clear, #E3DCD0);}
.service-wrap .visual-stack{padding: 26px 0 24px;
border-bottom: 1px solid var(--tone-clear, #E3DCD0);
display: grid;
grid-template-columns: 180px 1fr;
gap: 8px 32px;
align-items: start;}
.service-wrap .visual-stack h3{font-size: 1rem;
line-height: 1.4;
margin: 0;
color: #2E5A7A;
font-weight: 600;}
.service-wrap .visual-stack p{margin: 0;
font-size: 0.98rem;
line-height: 1.7;}
.service-wrap .narrow-contact{margin: 36px 0 0;
padding-left: 16px;
border-left: 3px solid var(--paint-main, #B87333);
font-size: 1rem;
line-height: 1.65;
max-width: 60ch;}
@media (max-width: 640px) {.service-wrap{
padding: 48px 20px 56px;
}.service-wrap h2{
font-size: 1.55rem;
}.service-wrap .visual-stack{
grid-template-columns: 1fr;
gap: 6px;
}
}
.service-wrap{
background: #FBF8F3;
color: #1C242E;
}
.content-shell{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.25rem;
}
.content-shell .secondary-panel{max-width: 880px;
margin: 0 auto;}
.content-shell .narrow-details{max-width: 620px;
margin-bottom: 2.75rem;}
.content-shell .narrow-details h2{font-size: 1.65rem;
line-height: 1.25;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.content-shell .narrow-details p{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.content-shell .active-surface{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--tone-clear);}
.content-shell .compact-frame{display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 1.5rem 2rem;
padding: 1.6rem 0;
border-bottom: 1px solid var(--tone-clear);}
.content-shell .compact-frame h3{margin: 0;
font-size: 1.05rem;
font-weight: 600;
line-height: 1.35;}
.content-shell .compact-frame .active-list{margin: 0;
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 640px) {.content-shell{
padding: 3.25rem 1.1rem;
}.content-shell .narrow-details h2{
font-size: 1.4rem;
}.content-shell .compact-frame{
grid-template-columns: 1fr;
gap: 0.5rem;
padding: 1.35rem 0;
}
}
.content-shell{
background: #1C242E;
color: #F7F3EC;
}
.open-items{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 88px;
}
.open-items .secondary-panel{max-width: 720px;
margin: 0 auto;}
.open-items .active-section{border-bottom: 1px solid #E3DCD0;
padding-bottom: 28px;
margin-bottom: 32px;}
.open-items .focused-callout{font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #2E5A7A;
margin: 0 0 14px;}
.open-items h2{font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);
line-height: 1.22;
margin: 0 0 12px;
font-weight: 600;}
.open-items .bottom-method{margin: 0;
font-size: 1.05rem;
color: #2F3A45;}
.open-items .top-group{font-size: 1.12rem;
line-height: 1.65;
margin: 0 0 22px;}
.open-items p{line-height: 1.7;
margin: 0 0 22px;}
.open-items h3{font-size: 1.15rem;
margin: 36px 0 18px;
font-weight: 600;
color: #2E5A7A;}
.open-items .public-fields{list-style: none;
margin: 0 0 28px;
padding: 0;
border-top: 1px solid #E3DCD0;}
.open-items .public-fields li{display: flex;
flex-wrap: wrap;
gap: 4px 18px;
padding: 16px 0;
border-bottom: 1px solid #E3DCD0;}
.open-items .clear-summary{flex: 0 0 200px;
font-weight: 600;color:inherit;}
.open-items .featured-fields{flex: 1 1 260px;
color: #2F3A45;
line-height: 1.6;}
.open-items .narrow-contact{margin-top: 8px;
padding-left: 16px;
border-left: 3px solid #B87333;
color: #2F3A45;}
.open-items .text-steps{margin-top: 40px;
padding-top: 24px;
border-top: 1px solid #E3DCD0;
display: flex;
flex-direction: column;
gap: 10px;}
.open-items .text-steps a{color: #2E5A7A;
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
width: fit-content;}
.open-items .text-steps a:hover{border-bottom-color: #B87333;}
@media (max-width: 560px) {.open-items{
padding: 48px 18px 64px;
}.open-items .clear-summary{
flex-basis: 100%;
}
}
.open-items{
background: #FBF8F3;
color: #1C242E;
}
.open-items{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.25rem 5rem;
}
.open-items .secondary-panel{max-width: 680px;
margin: 0 auto;}
.open-items .content-tile{border-bottom: 1px solid #E3DCD0;
padding-bottom: 1.75rem;
margin-bottom: 2rem;}
.open-items .featured-surface{font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #2E5A7A;
margin: 0 0 0.9rem;}
.open-items h1{font-size: clamp(1.75rem, 3.4vw, 2.4rem);
line-height: 1.2;
margin: 0 0 1rem;
font-weight: 600;}
.open-items .top-group{font-size: 1.1rem;
line-height: 1.55;
margin: 0;
color: #2F3A45;}
.open-items .media-callout p{font-size: 1.02rem;
line-height: 1.7;
margin: 0 0 1.25rem;}
.open-items h2{font-size: 1.25rem;
line-height: 1.3;
margin: 2.25rem 0 0.9rem;
font-weight: 600;}
.open-items .direct-group{list-style: none;
margin: 0 0 1.5rem;
padding: 0;
border-top: 1px solid #E3DCD0;}
.open-items .direct-group li{padding: 0.9rem 0;
border-bottom: 1px solid #E3DCD0;
line-height: 1.6;
font-size: 1.02rem;}
.open-items .direct-group strong{color: #2E5A7A;
font-weight: 600;}
.open-items .entry-foot{margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid #E3DCD0;}
.open-items .clear-rail{font-size: 0.98rem;
line-height: 1.6;
margin: 0;
color: #2F3A45;}
.open-items .clear-rail a{color:inherit;
text-decoration: underline;
text-underline-offset: 2px;}
.open-items .clear-rail a:hover{color: #9E5F26;}
.open-items{
background: #FBF8F3;
color: #1C242E;
padding: 4.5rem 1.25rem 5rem;
}
.open-items .secondary-panel{max-width: 720px;
margin: 0 auto;}
.open-items .content-tile{margin-bottom: 2rem;}
.open-items .simple-note{font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;color:inherit;
margin: 0 0 0.75rem;}
.open-items h1{font-size: clamp(1.75rem, 3.4vw, 2.5rem);
line-height: 1.2;
margin: 0 0 0.9rem;
font-weight: 600;}
.open-items .wide-benefit{font-size: 1.1rem;
line-height: 1.55;
color: #3a4652;
margin: 0;
max-width: 46ch;}
.open-items .active-figure{margin: 0 0 2.5rem;}
.open-items .active-figure img{display: block;
width: 100%;
height: auto;
border-radius: 4px;}
.open-items .media-callout p{font-size: 1.05rem;
line-height: 1.7;
margin: 0 0 1.4rem;}
.open-items .media-callout h2{font-size: 1.35rem;
line-height: 1.3;
margin: 2.5rem 0 1rem;
font-weight: 600;}
.open-items .open-shell{list-style: none;
padding: 0;
margin: 0 0 1rem;
border-top: 1px solid #e3dcd0;}
.open-items .open-shell li{padding: 0.85rem 0 0.85rem 1.1rem;
border-bottom: 1px solid #e3dcd0;
position: relative;
line-height: 1.55;}
.open-items .open-shell li::before{
content: "";
position: absolute;
left: 0;
top: 1.35rem;
width: 6px;
height: 6px;
background: #b87333;
border-radius: 50%;
}
.open-items .entry-foot{margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid #e3dcd0;}
.open-items .active-callout{font-size: 0.98rem;
line-height: 1.6;
color: #3a4652;
margin: 0;}
.open-items .active-callout a{color: #2e5a7a;
text-decoration: underline;
text-underline-offset: 3px;}
.open-items .active-callout a:hover{color: #244a66;}
.primary-lead{
--type-heading: #E3DCD0;
--line-warm: #1C242E;
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.primary-lead .secondary-panel{max-width: 720px;
margin: 0 auto;}
.primary-lead .narrow-details{margin-bottom: 40px;
border-left: 3px solid var(--surface-inverse, #B87333);
padding-left: 20px;}
.primary-lead .narrow-details h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 12px;
font-weight: 600;
letter-spacing: -0.01em;}
.primary-lead .narrow-details p{margin: 0;
font-size: 1rem;
line-height: 1.6;
max-width: 56ch;}
.primary-lead .steady-service{
display: flex;
flex-wrap: wrap;
gap: 20px 24px;
background: var(--tone-muted, #FFFFFF);
color: var(--ink-inverse, #1C242E);
border: 1px solid var(--type-heading);
border-radius: 10px;
padding: 32px 32px 28px;
}
.primary-lead .narrow-intro{display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 260px;}
.primary-lead .narrow-intro.wide{flex: 1 1 100%;}
.primary-lead .narrow-intro label{font-size: 0.9rem;
font-weight: 600;
letter-spacing: 0.01em;}
.primary-lead .narrow-intro input,
.primary-lead .narrow-intro select,
.primary-lead .narrow-intro textarea{
font: inherit;
color: var(--line-warm);
background: #FFFFFF;
border: 1px solid var(--type-heading);
border-radius: 6px;
padding: 11px 13px;
width: 100%;
box-sizing: border-box;
}
.primary-lead .narrow-intro textarea{resize: vertical;
min-height: 120px;}
.primary-lead .narrow-intro input:focus,
.primary-lead .narrow-intro select:focus,
.primary-lead .narrow-intro textarea:focus{outline: 2px solid var(--tone-accent, #2E5A7A);
outline-offset: 1px;
border-color: var(--tone-accent, #2E5A7A);}
.primary-lead .clear-steps{flex: 1 1 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
margin-top: 4px;
padding-top: 20px;
border-top: 1px solid var(--type-heading);}
.primary-lead .clear-steps button{
font: inherit;
font-weight: 600;
background: var(--tone-accent, #2E5A7A);
color: #FBF8F3;
border: none;
border-radius: 6px;
padding: 12px 28px;
cursor: pointer;
}
.primary-lead .clear-steps button:hover{
background: #244A66;color:var(--ink-inverse);}
.primary-lead .clear-steps .clear-rail{margin: 0;
font-size: 0.85rem;
line-height: 1.5;
flex: 1 1 240px;}
.primary-lead .text-service{margin-top: 36px;
padding-top: 24px;
border-top: 1px solid var(--type-heading);
font-size: 0.95rem;
line-height: 1.6;}
.primary-lead .text-service p{margin: 0 0 6px;}
.primary-lead .text-service a{text-decoration: underline;
text-underline-offset: 2px;}
.primary-lead .text-service .bottom-fields{font-size: 0.9rem;}
@media (max-width: 560px) {.primary-lead{
padding: 52px 18px 60px;
}.primary-lead .steady-service{
padding: 24px 20px 22px;
}.primary-lead .narrow-details h2{
font-size: 1.45rem;
}
}
.primary-lead{
background: #1C242E;
color: #F7F3EC;
}
.service-header{
--type-quiet: #E3DCD0;
--mark-soft: #F1ECE3;
background: #FBF8F3;
color: #1C242E;
padding: 64px 24px 72px;
}
.service-header .secondary-panel{max-width: 960px;
margin: 0 auto;}
.service-header .narrow-details{max-width: 620px;
margin-bottom: 40px;}
.service-header .narrow-details h2{margin: 0 0 14px;
font-size: 1.75rem;
line-height: 1.25;
letter-spacing: -0.01em;}
.service-header .narrow-details p{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.service-header .secondary-items{display: flex;
flex-direction: column;
gap: 22px;
margin-bottom: 44px;}
.service-header .site-frame{display: grid;
grid-template-columns: 180px 1fr;
gap: 24px;
align-items: baseline;}
.service-header .page-region{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #6B6255;}
.service-header .service-plan{font-size: 1rem;
line-height: 1.6;}
.service-header .service-plan a{color: #2E5A7A;
text-decoration: none;
border-bottom: 1px solid rgba(46, 90, 122, 0.35);}
.service-header .service-plan a:hover{border-bottom-color: #2E5A7A;}
.service-header .bottom-contact{
border: 1px solid var(--type-quiet);
background: var(--mark-soft);
overflow: hidden;color:var(--ink-inverse);}
.service-header .bottom-contact iframe{display: block;
width: 100%;
height: 380px;
border: 0;}
.service-header .clear-rail{margin: 28px 0 0;
max-width: 640px;
font-size: 0.95rem;
line-height: 1.6;
color: #4A5360;}
@media (max-width: 640px) {.service-header{
padding: 48px 18px 56px;
}.service-header .site-frame{
grid-template-columns: 1fr;
gap: 6px;
}.service-header .bottom-contact iframe{
height: 300px;
}
}
.service-header{
background: #FBF8F3;
color: #1C242E;
}
.public-service{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px;
}
.public-service .secondary-panel{max-width: 880px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 40px;}
.public-service .top-group h2{margin: 0 0 12px;
font-size: 1.75rem;
letter-spacing: -0.01em;}
.public-service .top-group .narrow-details{margin: 0;
max-width: 58ch;
line-height: 1.6;}
.public-service .compact-proof{display: grid;
grid-template-columns: 1fr;
gap: 0;
border-top: 1px solid var(--tone-clear, #E3DCD0);}
.public-service .compact-lead{display: grid;
grid-template-columns: 160px 1fr;
gap: 16px;
padding: 18px 0;
border-bottom: 1px solid var(--tone-clear, #E3DCD0);
align-items: baseline;}
.public-service .compact-lead .page-region{margin: 0;
font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.08em;}
.public-service .compact-lead .service-plan{margin: 0;
line-height: 1.55;}
.public-service .compact-lead .service-plan a{text-decoration: none;
border-bottom: 1px solid rgba(46, 90, 122, 0.35);
padding-bottom: 1px;}
.public-service .compact-lead .service-plan a:hover{border-bottom-color: #244A66;}
.public-service .strong-panel{padding-top: 8px;}
.public-service .strong-panel h3{margin: 0 0 10px;
font-size: 1.05rem;}
.public-service .strong-panel p{margin: 0 0 12px;
max-width: 62ch;
line-height: 1.6;}
.public-service .strong-panel p:last-child{margin-bottom: 0;}
@media (max-width: 620px) {.public-service{
padding: 56px 20px;
}.public-service .compact-lead{
grid-template-columns: 1fr;
gap: 4px;
}
}
.public-service{
background: #1C242E;
color: #F7F3EC;
}
.site-nav{
background: #FBF8F3;
color: #1C242E;
padding: 72px 20px 88px;
}
.site-nav .secondary-panel{max-width: 760px;
margin: 0 auto;}
.site-nav .narrow-details{margin-bottom: 48px;}
.site-nav .narrow-details h1{font-size: 2rem;
line-height: 1.2;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.site-nav .narrow-details .top-group{font-size: 1.0625rem;
line-height: 1.6;
margin: 0 0 12px;
max-width: 60ch;}
.site-nav .narrow-details .secondary-service{font-size: 0.875rem;
color: var(--tone-cool, #2F3A45);
margin: 0;}
.site-nav .open-summary{display: flex;
flex-direction: column;
gap: 36px;}
.site-nav .clear-rail h2{font-size: 1.125rem;
line-height: 1.35;
margin: 0 0 10px;
padding-bottom: 8px;
border-bottom: 1px solid var(--tone-clear, #E3DCD0);}
.site-nav .clear-rail p{font-size: 0.9688rem;
line-height: 1.7;
margin: 0;
max-width: 68ch;}
.site-nav .clear-rail.contact{
background: #F1ECE3;
color: var(--tone-cool, #2F3A45);
padding: 24px 26px;
border-radius: 6px;
}
.site-nav .clear-rail.contact h2{border-bottom-color: rgba(47, 58, 69, 0.18);}
.site-nav .compact-proof{list-style: none;
padding: 0;
margin: 14px 0 0;
display: flex;
flex-direction: column;
gap: 8px;
font-size: 0.9375rem;
line-height: 1.55;}
.site-nav .compact-proof a{color: #2E5A7A;
text-decoration: underline;
text-underline-offset: 3px;}
.site-nav .compact-proof a:hover{color: #244A66;}
.site-nav .clear-rail.final{border-left: 3px solid var(--paint-main, #B87333);
padding-left: 20px;}
.site-nav .clear-rail.final h2{border-bottom: none;
padding-bottom: 0;}
@media (max-width: 640px) {.site-nav{
padding: 48px 16px 64px;
}.site-nav .narrow-details h1{
font-size: 1.625rem;
}.site-nav .open-summary{
gap: 28px;
}.site-nav .clear-rail.contact{
padding: 20px 18px;
}
}
.site-nav{
background: #FBF8F3;
color: #1C242E;
}
.top-proof{
--mark-base: #E3DCD0;
--field-base: #F1ECE3;
background: #FBF8F3;
color: #1C242E;
padding: 64px 20px 72px;
}
.top-proof .secondary-panel{max-width: 880px;
margin: 0 auto;}
.top-proof .narrow-details{border-bottom: 1px solid var(--mark-base);
padding-bottom: 28px;
margin-bottom: 8px;}
.top-proof .narrow-details h1{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.top-proof .top-group{max-width: 62ch;
margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.top-proof .secondary-items{display: flex;
flex-direction: column;}
.top-proof .site-frame{padding: 26px 0 24px;
border-bottom: 1px solid var(--mark-base);
display: grid;
grid-template-columns: 220px 1fr;
gap: 8px 36px;}
.top-proof .site-frame:last-child{border-bottom: none;}
.top-proof .site-frame h2{font-size: 1.02rem;
font-weight: 600;
line-height: 1.4;
margin: 0;}
.top-proof .site-frame p{margin: 0;
font-size: 0.97rem;
line-height: 1.7;}
.top-proof .site-frame a{text-decoration: underline;
text-underline-offset: 2px;}
.top-proof .site-frame a:hover{}
.top-proof .site-frame.contact{
background: var(--field-base);
border-bottom: none;
padding: 26px 24px;
border-radius: 6px;
margin-top: 12px;color:var(--ink-inverse);}
@media (max-width: 720px) {.top-proof{
padding: 44px 16px 52px;
}.top-proof .narrow-details h1{
font-size: 1.55rem;
}.top-proof .site-frame{
grid-template-columns: 1fr;
gap: 6px;
padding: 22px 0 20px;
}.top-proof .site-frame.contact{
padding: 22px 18px;
}
}
.top-proof{
background: #1C242E;
color: #F7F3EC;
}
.soft-body{
--label-large: #E3DCD0;
--field-extra-34: #F1ECE3;
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.soft-body .secondary-panel{max-width: 720px;
margin: 0 auto;}
.soft-body .top-group{padding-bottom: 36px;
border-bottom: 1px solid var(--label-large);}
.soft-body h1{margin: 0 0 16px;
font-size: clamp(1.75rem, 3.4vw, 2.4rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.soft-body .top-group p{margin: 0;
font-size: 1.06rem;
line-height: 1.65;
max-width: 58ch;}
.soft-body .public-fields{margin-top: 40px;}
.soft-body .public-fields h2{margin: 0 0 22px;
font-size: 1.15rem;
font-weight: 600;
letter-spacing: 0.01em;}
.soft-body .public-fields ol{list-style: none;
margin: 0;
padding: 0;
counter-reset: paso;}
.soft-body .public-fields li{counter-increment: paso;
position: relative;
padding: 0 0 26px 52px;}
.soft-body .public-fields li + li{padding-top: 26px;
border-top: 1px solid var(--label-large);}
.soft-body .public-fields li::before{
content: counter(paso);
position: absolute;
left: 0;
top: 0;
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--field-extra-34);
color: #2E5A7A;
font-size: 0.95rem;
font-weight: 600;
}
.soft-body .public-fields li + li::before{top: 26px;}
.soft-body .clear-summary{display: block;
font-weight: 600;
margin-bottom: 6px;}
.soft-body .public-fields li p{margin: 0;
line-height: 1.6;
max-width: 56ch;}
.soft-body .secondary-body{
margin-top: 44px;
padding: 26px 28px;
background: var(--field-extra-34);
border-left: 3px solid #B87333;
border-radius: 4px;color:var(--ink-inverse);}
.soft-body .secondary-body p{margin: 0 0 14px;
line-height: 1.6;
max-width: 56ch;}
.soft-body .secondary-body ul{list-style: none;
margin: 0 0 14px;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 28px;}
.soft-body .secondary-body a{color: #2E5A7A;
text-decoration: none;
border-bottom: 1px solid rgba(46, 90, 122, 0.4);
padding-bottom: 1px;}
.soft-body .secondary-body a:hover{color: #244A66;
border-bottom-color: #244A66;}
.soft-body .secondary-body .local-copy{margin: 0;
font-size: 0.94rem;}
.soft-body .direct-view{margin: 40px 0 0;
font-size: 0.98rem;
line-height: 1.7;
max-width: 58ch;}
.soft-body .direct-view a{color: #2E5A7A;
text-decoration: none;
border-bottom: 1px solid rgba(46, 90, 122, 0.4);}
.soft-body .direct-view a:hover{color: #244A66;
border-bottom-color: #244A66;}
@media (max-width: 560px) {.soft-body{
padding: 52px 18px 60px;
}.soft-body .secondary-body{
padding: 22px 20px;
}.soft-body .public-fields li{
padding-left: 44px;
}.soft-body .public-fields li::before{
width: 30px;
height: 30px;
font-size: 0.9rem;
}
}
.soft-body{
background: #FBF8F3;
color: #1C242E;
}
.secondary-inner{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 80px;
}
.secondary-inner .secondary-panel{max-width: 640px;
margin: 0 auto;}
.secondary-inner h2{font-size: 1.6rem;
line-height: 1.25;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.secondary-inner p{font-size: 1rem;
line-height: 1.65;
margin: 0 0 16px;}
.secondary-inner .quiet-visual{margin-top: 32px;
padding-top: 28px;
border-top: 1px solid var(--tone-clear, #E3DCD0);}
.secondary-inner .go{
display: inline-block;
background: #2E5A7A;
color: #FBF8F3;
text-decoration: none;
padding: 13px 26px;
border-radius: 6px;
font-size: 0.98rem;
font-weight: 600;
}
.secondary-inner .go:hover{
background: #244A66;color:var(--ink-inverse);}
.secondary-inner .direct-view{margin: 18px 0 0;
font-size: 0.92rem;}
.secondary-inner .direct-view a{text-decoration: underline;
text-underline-offset: 2px;}
.secondary-inner .direct-view a:hover{}
.404{
background: #FBF8F3;
color: #1C242E;
padding: 72px 24px 88px;
}
.404 .secondary-panel{
max-width: 720px;
margin: 0 auto;
}
.404 .clear-rail{
border-left: 3px solid var(--surface-inverse, #B87333);
padding-left: 20px;
}
.404 .compact-plan{
margin: 0 0 10px;
font-size: 0.85rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--surface-inverse, #B87333);
}
.404 h1{
margin: 0 0 18px;
font-size: 1.9rem;
line-height: 1.25;
font-weight: 600;
}
.404 .site-visual{
margin: 0 0 14px;
font-size: 1.02rem;
line-height: 1.65;
color: var(--tone-cool, #2F3A45);
}
.404 .direct-view{
list-style: none;
margin: 34px 0 0;
padding: 22px 0 0;
border-top: 1px solid var(--tone-clear, #E3DCD0);
display: flex;
flex-wrap: wrap;
gap: 14px 28px;
}
.404 .direct-view a{
color: var(--tone-accent, #2E5A7A);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
}
.404 .direct-view a:hover{
border-bottom-color: var(--tone-accent, #2E5A7A);
}
.404 .narrow-contact{
margin: 26px 0 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--tone-cool, #2F3A45);
}
.404 .narrow-contact a{
color: var(--surface-inverse, #B87333);
text-decoration: underline;
}
@media (max-width: 560px) {.404{
padding: 52px 18px 64px;
}.404 h1{
font-size: 1.5rem;
}.404 .direct-view{
flex-direction: column;
gap: 12px;
}
}
.404{
background: #FBF8F3;
color: #1C242E;
}