html{box-sizing:border-box;}
body{margin:0;padding:0;font-family:"Rubik", sans-serif;}
*,*::before,*::after{box-sizing:inherit;}
:root {
--motion-hover: cubic-bezier(0.16,1,0.3,1);
--tone-strong: #1C2030;
--ink-primary: #F7F4EC;
}
a{color:inherit;}
.narrow-summary {
width: 100%;
background: #F7F4EC;
color: #1C2030;
border-bottom: 1px solid #DCD5C4;
padding: 1.5rem 1.31rem;
}
.plain-team {
max-width: 820px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: calc(0.74rem * 1.5);
}
.text-flow {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.media-quote {
font-size: calc(17px * 1.35);
font-weight: 700;
letter-spacing: 0.01em;
color: inherit;
text-decoration: none;
line-height: 1.1;
}
.media-quote:hover {
color: #E0A32B;
}
.page-unit {
margin: 0;
font-size: calc(17px * .875);
color: #33353F;
line-height: 1.84;
}
.clear-entries {
display: none;
align-self: flex-start;
width: 2.5rem;
height: 2.5rem;
padding: 0;
background: transparent;
color: #1C2030;
border: 1px solid #DCD5C4;
border-radius: 0.44rem;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
transition: background 330ms var(--motion-hover);
}
.clear-entries:hover{
background: color-mix(in srgb, currentColor 10%, transparent);color:#1C2030;}
.footer {
display: block;
width: 1.15rem;
height: 2px;
background: currentColor;
border-radius: 2px;
}
.contact-headline {
display: block;
}
.secondary-note {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.74rem;
align-items: center;
}
.steady-wrap {
display: inline-block;
padding: 0.35rem 0.15rem;
font-size: 17px;
color: inherit;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: color 330ms var(--motion-hover),
border-color 330ms var(--motion-hover);
}
.steady-wrap:hover {
color: #E0A32B;
border-bottom-color: #E0A32B;
}
.steady-wrap.is-active {
border-bottom-color: #E0A32B;
color: inherit;
}
@media (min-width: 768px) {
.plain-team {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 0.74rem;
}
.text-flow {
flex: 0 0 auto;
}
.secondary-note {
justify-content: flex-end;
}
}
@media (max-width: 767px) {
.clear-entries {
display: flex;
}
.contact-headline {
display: none;
width: 100%;
}
.contact-headline.is-open {
display: block;
}
.secondary-note {
flex-direction: column;
align-items: stretch;
gap: 0.25rem;
padding-top: calc(0.74rem * 1.5);
border-top: 1px solid #DCD5C4;
}
.steady-wrap {
padding: 0.6rem 0.25rem;
font-size: calc(17px * 1.125);
border-bottom: 1px solid #DCD5C4;
}
.steady-wrap.is-active {
border-bottom-color: #E0A32B;
}
}
.site-unit{font-family:"Rubik", sans-serif;font-size:17px;line-height:1.84;padding:calc(1.5rem * 2.4) 1.31rem;margin-top:calc(1.5rem * 2.4);background:var(--tone-strong);color:var(--ink-primary);}
.focused-tile{max-width:820px;margin:0 auto;display:grid;grid-template-columns:1.1fr 2fr;grid-template-areas:"brand sitemap"
"contacts legal";gap:calc(0.74rem * 1.5) 1.31rem}
.strong-details{grid-area:brand;max-width:34rem}
.text-tile{font-size:calc(17px * 1.35);font-weight:700;letter-spacing:0.02em;margin:0 0 calc(1.5rem * .75)}
.secondary-feature{margin:0;font-size:17px;opacity:0.86}
.open-steps{grid-area:sitemap;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:calc(0.74rem * 1.5) calc(1.5rem * .75)}
.strong-inner{font-size:calc(17px * .875);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin:0 0 calc(1.5rem * .75);opacity:0.72}
.bottom-intro{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.5rem}
.bottom-intro a{color:inherit;text-decoration:none;font-size:17px;border-bottom:1px solid transparent;transition:border-color 330ms var(--motion-hover)}
.bottom-intro a:hover,
.bottom-intro a:focus-visible{border-bottom-color:currentColor;color:inherit}
.strong-proof{grid-area:contacts;border-top:1px solid rgba(255, 255, 255, 0.18);padding-top:calc(1.5rem * .75)}
.clear-headline{margin:0 0 0.35rem;font-size:17px}
.clear-headline a{color:inherit;text-decoration:none}
.clear-headline a:hover,
.clear-headline a:focus-visible{text-decoration:underline;color:inherit}
.steady-flow{grid-area:legal;border-top:1px solid rgba(255, 255, 255, 0.18);padding-top:calc(1.5rem * .75);display:flex;flex-direction:column;gap:0.5rem}
.contact-note{margin:0;font-size:calc(17px * .875);opacity:0.78;max-width:60ch}
.strong-contact{margin:0;font-size:calc(17px * .875);opacity:0.72}
.page-feature{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}
.page-feature a{color:inherit;text-decoration:none;font-size:calc(17px * .875);border-bottom:1px solid transparent}
.page-feature a:hover,
.page-feature a:focus-visible{border-bottom-color:currentColor;color:inherit}
@media (max-width: 900px) {.focused-tile{grid-template-columns:1fr;grid-template-areas:"brand"
"sitemap"
"contacts"
"legal"}.open-steps{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width: 520px) {.open-steps{grid-template-columns:1fr}
}
footer .public-benefit{flex:1 1 100%;max-width:820px;margin:1.5rem auto 0;padding-top:calc(1.5rem * .75);border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);font-size:calc(17px * .875);line-height:1.84;opacity:.82;overflow-wrap:anywhere;}
.cookies {
position: fixed;
left: calc(1.5rem * .75);
bottom: calc(1.5rem * .75);
z-index: 9999;
width: min(22rem, calc(100vw - 2rem));
background: #FFFFFF;
color: #1C2030;
border: 1px solid #DCD5C4;
border-radius: 0.56rem;
box-shadow: 0 2px 14px rgba(0,0,0,0.11);
padding: calc(1.5rem * .75);
font-family: "Rubik", sans-serif;
font-size: calc(17px * .875);
line-height: 1.84;
}
.cookies .media-contact{margin: 0 0 calc(0.74rem * 1.5);
font-size: 17px;
font-weight: 600;}
.cookies .site-visual{margin: 0 0 calc(0.74rem * 1.5);}
.cookies .open-benefit{display: flex;
flex-wrap: wrap;
gap: 0.74rem;}
.cookies .open-benefit button {
flex: 1 1 auto;
min-width: 6rem;
padding: 0.5rem 0.75rem;
font: inherit;
border-radius: 0.25rem;
border: 1px solid #DCD5C4;
background: transparent;
color: #1C2030;
cursor: pointer;
transition: background 330ms var(--motion-hover, ease);
}
.cookies .open-benefit button:hover{
background: color-mix(in srgb, currentColor 10%, transparent);color:#1C2030;}
.cookies .cookie-accept {
background: #1F3A6E;
color: #F7F4EC;
border-color: #1F3A6E;
}
.cookies .cookie-accept:hover{
background: #162C56;
border-color: #162C56;color:#1C2030;}
@media (max-width: 420px) {
.cookies {
left: 0.5rem;
right: 0.5rem;
bottom: 0.5rem;
width: auto;
}
.cookies .open-benefit button {
flex: 1 1 100%;
}
}
.service-section{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 64px;
}
.service-section .compact-contact{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 56px;
align-items: start;}
.service-section .media-plan h1{font-size: clamp(2rem, 4.4vw, 3.2rem);
line-height: 1.08;
letter-spacing: -0.015em;
margin: 0 0 20px;
font-weight: 600;}
.service-section .text-area{font-size: 1.08rem;
line-height: 1.6;
margin: 0 0 14px;
max-width: 46ch;}
.service-section .strong-menu{font-size: 0.98rem;
line-height: 1.55;
margin: 0 0 28px;
max-width: 46ch;
color: #33353F;}
.service-section .focused-shell{
display: inline-block;
background: #1F3A6E;
color: #F7F4EC;
text-decoration: none;
padding: 13px 22px;
border-radius: 4px;
font-size: 0.98rem;
font-weight: 500;
letter-spacing: 0.01em;
border-bottom: 3px solid #E0A32B;
}
.service-section .focused-shell:hover{
background: #162C56;color:#1C2030;}
.service-section .primary-panel{border-top: 2px solid #E0A32B;
padding-top: 18px;}
.service-section .narrow-header{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.14em;
margin: 0 0 14px;
color: #33353F;}
.service-section .site-inner{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;}
.service-section .site-inner li{line-height: 1.45;
font-size: 0.98rem;}
.service-section .site-inner a{color: #1C2030;
text-decoration: none;
border-bottom: 1px solid #DCD5C4;
padding-bottom: 2px;}
.service-section .site-inner a:hover{border-bottom-color: #E0A32B;}
@media (max-width: 760px) {.service-section{
padding: 48px 20px 44px;
}.service-section .compact-contact{
grid-template-columns: 1fr;
gap: 36px;
}.service-section .text-area,
.service-section .strong-menu{
max-width: none;
}
}
.service-section{
background: #F7F4EC;
color: #1C2030;
}
.local-content{position:relative;overflow:hidden;isolation:isolate;}
.local-content>*{position:relative;z-index:1;}
.local-content::after{content:"";position:absolute;right:clamp(1rem,5vw,4rem);top:18%;width:clamp(5rem,13vw,9rem);aspect-ratio:1;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;opacity:.55;animation:wpAccentRing calc(18s + (1 * 5s)) var(--motion-hover) infinite alternate;pointer-events:none;}
@keyframes wpAccentRing{from{transform:scale(.96);}to{transform:scale(1.04) translateY(calc(1 * .4rem));}}
@media (prefers-reduced-motion: reduce){.local-content::before,.local-content::after{animation:none!important;}}
.offer-note{
background: #F7F4EC;
color: #1C2030;
padding: 72px 20px;
}
.offer-note .compact-contact{max-width: 780px;
margin: 0 auto;}
.offer-note .fresh-form{border-bottom: 1px solid #DCD5C4;
padding-bottom: 22px;
margin-bottom: 8px;}
.offer-note .fresh-form h2{font-size: 1.7rem;
line-height: 1.25;
margin: 0 0 10px;}
.offer-note .text-area{margin: 0;
max-width: 52ch;
font-size: 1rem;
line-height: 1.55;
opacity: 0.82;}
.offer-note .media-lead{display: flex;
flex-direction: column;}
.offer-note .text-fields{padding: 26px 0;
border-bottom: 1px solid #DCD5C4;}
.offer-note .text-fields h3{font-size: 1.08rem;
line-height: 1.35;
margin: 0 0 8px;}
.offer-note .text-fields p{margin: 0;
max-width: 62ch;
font-size: 0.97rem;
line-height: 1.6;
opacity: 0.88;}
.offer-note .site-inner{
margin: 30px 0 0;
font-size: 0.95rem;
line-height: 1.6;
padding: 16px 18px;
background: #EFEADD;
color: #33353F;
border-left: 3px solid #E0A32B;
}
.offer-note .site-inner a{text-decoration: underline;
text-underline-offset: 2px;}
.offer-note .site-inner a:hover{}
@media (max-width: 560px) {.offer-note{
padding: 52px 16px;
}.offer-note .fresh-form h2{
font-size: 1.4rem;
}
}
.offer-note{
background: var(--tone-strong);
color: var(--ink-primary);
}
.content-tile{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 80px;
}
.content-tile .compact-contact{max-width: 780px;
margin: 0 auto;}
.content-tile h2{font-size: 1.85rem;
line-height: 1.25;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.content-tile .text-area{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 40px;
max-width: 62ch;}
.content-tile .service-inner{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #DCD5C4;}
.content-tile .strong-menu{padding: 26px 0 24px;
border-bottom: 1px solid #DCD5C4;}
.content-tile .bottom-summary{font-size: 1.02rem;
line-height: 1.7;
margin: 0 0 12px;
max-width: 68ch;}
.content-tile .service-list{font-size: 0.86rem;
line-height: 1.5;
margin: 0;
color: #33353F;
opacity: 0.85;}
.content-tile .site-quote{margin: 36px 0 0;
font-size: 0.98rem;
line-height: 1.65;
max-width: 64ch;}
.content-tile .site-quote a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
.content-tile .site-quote a:hover{color: #162C56;}
@media (max-width: 560px) {.content-tile{
padding: 52px 18px 60px;
}.content-tile h2{
font-size: 1.5rem;
}.content-tile .strong-menu{
padding: 22px 0 20px;
}
}
.content-tile{
background: #F7F4EC;
color: #1C2030;
}
.featured-view{
--state-active: #DCD5C4;
--mark-public: #1F3A6E;
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem;
}
.featured-view .compact-contact{max-width: 960px;
margin: 0 auto;}
.featured-view .text-area{max-width: 620px;
margin-bottom: 2.75rem;}
.featured-view .text-area h2{margin: 0 0 0.9rem;
font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.featured-view .narrow-steps{margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.featured-view .active-area{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--state-active);}
.featured-view .quiet-benefit{display: grid;
grid-template-columns: minmax(200px, 300px) 1fr;
gap: 1.25rem 2.5rem;
padding: 1.6rem 0;
border-bottom: 1px solid var(--state-active);}
.featured-view .quiet-benefit h3{margin: 0;
font-size: 1.08rem;
line-height: 1.35;
font-weight: 600;}
.featured-view .quiet-benefit p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;}
.featured-view .site-inner{margin: 2.25rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.featured-view .site-inner a{text-decoration: none;
border-bottom: 1px solid var(--mark-public);
padding-bottom: 1px;}
.featured-view .site-inner a:hover{border-bottom-color: #162C56;}
@media (max-width: 640px) {.featured-view{
padding: 3rem 1.15rem;
}.featured-view .quiet-benefit{
grid-template-columns: 1fr;
gap: 0.5rem;
padding: 1.35rem 0;
}
}
.featured-view{
background: var(--tone-strong);
color: var(--ink-primary);
}
.top-headline{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.25rem 5rem;
}
.top-headline .compact-contact{max-width: 720px;
margin: 0 auto;}
.top-headline h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
line-height: 1.2;
margin: 0 0 1.6rem;
letter-spacing: -0.01em;}
.top-headline .text-menu{max-width: 60ch;
margin-bottom: 2.6rem;}
.top-headline .text-area{font-size: 1.08rem;
line-height: 1.6;
margin: 0 0 1rem;}
.top-headline .text-menu p:last-child{margin: 0;
color: #4a4d59;
line-height: 1.55;}
.top-headline .primary-block{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #dcd5c4;}
.top-headline .fresh-entries{padding: 1.5rem 0 1.4rem;
border-bottom: 1px solid #dcd5c4;
display: grid;
grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
gap: 0.6rem 2rem;
align-items: baseline;}
.top-headline .fresh-entries h3{font-size: 1.02rem;
line-height: 1.35;
margin: 0;
color: #1f3a6e;
font-weight: 600;}
.top-headline .fresh-entries p{margin: 0;
line-height: 1.6;
font-size: 0.97rem;
color: #33353f;}
@media (max-width: 620px) {.top-headline{
padding: 3rem 1.1rem 3.5rem;
}.top-headline .fresh-entries{
grid-template-columns: 1fr;
gap: 0.4rem;
}
}
.top-headline{
background: #F7F4EC;
color: #1C2030;
}
.offer-benefit{
--line-main: #1F3A6E;
--layer-local: #E0A32B;
--layer-base: #DCD5C4;
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.offer-benefit .compact-contact{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
column-gap: 64px;
row-gap: 48px;}
.offer-benefit .text-area{grid-column: 1;}
.offer-benefit h1{font-size: clamp(1.9rem, 3.4vw, 2.9rem);
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0 0 22px;
font-weight: 600;}
.offer-benefit .narrow-steps{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
max-width: 58ch;}
.offer-benefit .strong-menu{grid-column: 2;
align-self: end;
padding-left: 20px;
border-left: 2px solid var(--layer-local);}
.offer-benefit .strong-menu p{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
.offer-benefit .steady-media{grid-column: 1 / -1;
padding-top: 40px;
border-top: 1px solid var(--layer-base);}
.offer-benefit .steady-media h2{font-size: 1.15rem;
font-weight: 600;
margin: 0 0 24px;}
.offer-benefit .steady-media ul{list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;}
.offer-benefit .steady-media li{display: flex;
flex-direction: column;
gap: 8px;
font-size: 0.98rem;
line-height: 1.55;}
.offer-benefit .soft-items{font-weight: 600;}
.offer-benefit .plan{}
.offer-benefit .featured-footer{grid-column: 1 / -1;
margin: 0;
padding-top: 8px;
font-size: 1rem;
line-height: 1.7;
max-width: 72ch;}
@media (max-width: 820px) {.offer-benefit{
padding: 56px 20px 64px;
}.offer-benefit .compact-contact{
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 36px;
}.offer-benefit .strong-menu{
grid-column: 1;
align-self: start;
}.offer-benefit .steady-media ul{
grid-template-columns: 1fr;
gap: 22px;
}
}
.offer-benefit{
background: var(--tone-strong);
color: var(--ink-primary);
}
.primary-block{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem 5rem;
}
.primary-block .compact-contact{max-width: 880px;
margin: 0 auto;}
.primary-block .text-area{max-width: 620px;
margin-bottom: 3rem;}
.primary-block .text-area h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.primary-block .text-area p{font-size: 1.02rem;
line-height: 1.65;
margin: 0;}
.primary-block .compact-visual{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #DCD5C4;}
.primary-block .fresh-entries{display: grid;
grid-template-columns: 110px 1fr;
gap: 1.5rem;
padding: 1.6rem 0 1.7rem;
border-bottom: 1px solid #DCD5C4;}
.primary-block .fresh-items{font-size: 0.95rem;
font-weight: 600;
letter-spacing: 0.02em;
color: #1F3A6E;
padding-top: 0.15rem;}
.primary-block .direct-intro h3{font-size: 1.12rem;
margin: 0 0 0.45rem;
line-height: 1.35;}
.primary-block .direct-intro p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;
color: #33353F;}
@media (max-width: 620px) {.primary-block{
padding: 3rem 1.1rem 3.5rem;
}.primary-block .text-area h2{
font-size: 1.55rem;
}.primary-block .fresh-entries{
grid-template-columns: 1fr;
gap: 0.4rem;
padding: 1.3rem 0 1.4rem;
}.primary-block .fresh-items{
padding-top: 0;
}
}
.primary-block{
background: #F7F4EC;
color: #1C2030;
}
.offer-note{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 80px;
}
.offer-note .compact-contact{max-width: 760px;
margin: 0 auto;}
.offer-note .fresh-form{border-bottom: 1px solid #DCD5C4;
padding-bottom: 20px;
margin-bottom: 8px;}
.offer-note h2{font-size: 1.75rem;
line-height: 1.2;
margin: 0 0 10px;
letter-spacing: -0.01em;}
.offer-note .text-area{margin: 0;
max-width: 56ch;
font-size: 1rem;
line-height: 1.55;}
.offer-note .primary-actions{margin: 0;
padding: 0;}
.offer-note .text-fields{padding: 22px 0 20px;
border-bottom: 1px solid #DCD5C4;}
.offer-note .text-fields:last-child{border-bottom: 0;}
.offer-note dt{font-weight: 600;
font-size: 1.05rem;
line-height: 1.35;
margin-bottom: 8px;}
.offer-note dd{margin: 0;
max-width: 62ch;
font-size: 0.97rem;
line-height: 1.6;}
.offer-note .site-inner{margin: 28px 0 0;
font-size: 0.92rem;
line-height: 1.5;}
.offer-note .site-inner a{text-decoration: underline;
text-underline-offset: 3px;}
.offer-note .site-inner a:hover{}
@media (max-width: 560px) {.offer-note{
padding: 52px 18px 60px;
}.offer-note h2{
font-size: 1.45rem;
}
}
.start{
--layer-base: #DCD5C4;
--line-main: #1F3A6E;
--layer-local: #E0A32B;
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem 5rem;
}
.start .compact-contact{max-width: 780px;
margin: 0 auto;}
.start .narrow-steps{max-width: 640px;
margin-bottom: 3rem;}
.start .narrow-steps h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.start .narrow-steps p{margin: 0 0 0.9rem;
font-size: 1.02rem;
line-height: 1.65;}
.start .service-inner{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--layer-base);}
.start .strong-menu{padding: 1.5rem 0 1.6rem;
border-bottom: 1px solid var(--layer-base);
display: grid;
grid-template-columns: minmax(180px, 240px) 1fr;
gap: 0.4rem 2rem;
align-items: baseline;}
.start .strong-menu h3{margin: 0;
font-size: 1rem;
line-height: 1.35;
font-weight: 600;
color: var(--line-main, #1F3A6E);
position: relative;
padding-left: 0.9rem;}
.start .strong-menu h3::before{
content: "";
position: absolute;
left: 0;
top: 0.55em;
width: 0.4rem;
height: 0.4rem;
background: var(--layer-local, #E0A32B);
border-radius: 1px;color:#1C2030;}
.start .strong-menu p{margin: 0;
font-size: 0.98rem;
line-height: 1.65;}
@media (max-width: 620px) {.start{
padding: 3rem 1.15rem 3.5rem;
}.start .strong-menu{
grid-template-columns: 1fr;
gap: 0.5rem;
}
}
.start{
background: #F7F4EC;
color: #1C2030;
}
.site-items{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.site-items .compact-contact{max-width: 780px;
margin: 0 auto;}
.site-items .fresh-form{border-bottom: 1px solid #DCD5C4;
padding-bottom: 28px;
margin-bottom: 40px;}
.site-items h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.site-items .text-area{margin: 0;
max-width: 60ch;
font-size: 1.02rem;
line-height: 1.6;}
.site-items .team-inner{list-style: none;
margin: 0;
padding: 0;
counter-reset: paso;}
.site-items .fresh-entries{position: relative;
padding: 0 0 26px 44px;
border-left: 1px solid #DCD5C4;
margin-left: 10px;}
.site-items .fresh-entries:last-child{border-left-color: transparent;
padding-bottom: 0;}
.site-items .fresh-entries::before{
counter-increment: paso;
content: counter(paso, decimal-leading-zero);
position: absolute;
left: -13px;
top: 2px;
width: 26px;
height: 26px;
background: #1F3A6E;
color: #F7F4EC;
font-size: 0.72rem;
line-height: 26px;
text-align: center;
border-radius: 50%;
letter-spacing: 0.02em;
}
.site-items .fresh-entries h3{font-size: 1.08rem;
margin: 0 0 6px;
line-height: 1.35;}
.site-items .fresh-entries p{margin: 0;
max-width: 62ch;
font-size: 0.97rem;
line-height: 1.62;}
.site-items .strong-menu{margin: 44px 0 0;
padding-top: 22px;
border-top: 1px solid #DCD5C4;
font-size: 0.94rem;
line-height: 1.6;}
.site-items .strong-menu a{text-decoration: underline;
text-underline-offset: 3px;}
.site-items .strong-menu a:hover{}
@media (max-width: 560px) {.site-items{
padding: 52px 18px 64px;
}.site-items h2{
font-size: 1.55rem;
}.site-items .fresh-entries{
padding-left: 36px;
}
}
.site-items{
background: var(--tone-strong);
color: var(--ink-primary);
}
.media-frame{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 80px;
}
.media-frame .compact-contact{max-width: 880px;
margin: 0 auto;}
.media-frame h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.media-frame .text-area{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 40px;
max-width: 62ch;}
.media-frame .media-lead{display: flex;
flex-direction: column;
border-top: 1px solid #DCD5C4;}
.media-frame .wide-contact{display: grid;
grid-template-columns: 220px 1fr;
gap: 28px;
padding: 22px 4px;
border-bottom: 1px solid #DCD5C4;}
.media-frame .wide-contact h3{font-size: 1.05rem;
margin: 0;
line-height: 1.35;
color: #1F3A6E;}
.media-frame .wide-contact p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;}
.media-frame .site-quote{margin: 36px 0 0;
font-size: 0.97rem;
line-height: 1.7;
max-width: 64ch;}
.media-frame .site-quote a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;}
.media-frame .site-quote a:hover{color:inherit;}
@media (max-width: 640px) {.media-frame{
padding: 52px 18px 60px;
}.media-frame .wide-contact{
grid-template-columns: 1fr;
gap: 8px;
padding: 20px 0;
}
}
.media-frame{
background: #F7F4EC;
color: #1C2030;
}
.media-frame{
background: #F7F4EC;
color: #1C2030;
padding: 5rem 1.5rem 4.5rem;
}
.media-frame .compact-contact{max-width: 920px;
margin: 0 auto;}
.media-frame .narrow-steps{max-width: 640px;
margin-bottom: 3rem;}
.media-frame h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.media-frame .text-area{font-size: 1.02rem;
line-height: 1.65;
margin: 0;}
.media-frame .team-inner{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #DCD5C4;}
.media-frame .fresh-entries{display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
gap: 1.5rem 2.5rem;
padding: 1.75rem 0;
border-bottom: 1px solid #DCD5C4;}
.media-frame .fresh-entries h3{font-size: 1.05rem;
line-height: 1.35;
margin: 0;
font-weight: 600;}
.media-frame .fresh-entries p{margin: 0;
font-size: 0.97rem;
line-height: 1.65;}
.media-frame .site-inner{margin: 2.5rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.media-frame .site-inner a{text-decoration: underline;
text-underline-offset: 3px;}
.media-frame .site-inner a:hover{}
@media (max-width: 640px) {.media-frame{
padding: 3.5rem 1.25rem 3rem;
}.media-frame .fresh-entries{
grid-template-columns: 1fr;
gap: 0.6rem;
}
}
.media-frame{
background: var(--tone-strong);
color: var(--ink-primary);
}
.start{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem 5rem;
}
.start .compact-contact{max-width: 720px;
margin: 0 auto;}
.start h2{font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.05rem);
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.start .text-area{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 2.4rem;
max-width: 58ch;}
.start .service-inner{margin: 0;
padding: 0;
border-top: 1px solid #DCD5C4;}
.start .strong-menu{padding: 1.35rem 0 1.4rem;
border-bottom: 1px solid #DCD5C4;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.5rem;}
.start .strong-menu dt{font-weight: 600;
font-size: 1rem;
line-height: 1.35;
color: #1F3A6E;}
.start .strong-menu dd{margin: 0;
font-size: 0.97rem;
line-height: 1.62;
max-width: 62ch;}
.start .site-quote{margin: 2.2rem 0 0;
font-size: 0.95rem;
line-height: 1.55;
padding-left: 0.9rem;
border-left: 3px solid var(--tone-deep, #E0A32B);}
@media (min-width: 640px) {.start .strong-menu{
grid-template-columns: 15rem minmax(0, 1fr);
gap: 1.6rem;
align-items: baseline;
}
}
.open-visual{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 80px;
}
.open-visual .compact-contact{max-width: 980px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 48px;
align-items: end;}
.open-visual h2{margin: 0 0 18px;
font-size: clamp(1.6rem, 2.6vw, 2.1rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.open-visual .text-area p{margin: 0 0 14px;
font-size: 1.02rem;
line-height: 1.65;
max-width: 58ch;}
.open-visual .text-area .strong-menu{margin-top: 22px;
padding-left: 16px;
border-left: 3px solid #E0A32B;
font-size: 0.94rem;
line-height: 1.55;
opacity: 0.85;}
.open-visual .focused-shell{display: flex;
flex-direction: column;
gap: 16px;
padding-bottom: 6px;}
.open-visual .secondary-links{
display: inline-block;
align-self: flex-start;
background: #1F3A6E;
color: #F7F4EC;
text-decoration: none;
font-weight: 500;
font-size: 0.98rem;
padding: 14px 24px;
border-radius: 6px;
transition: background 0.18s ease;
}
.open-visual .secondary-links:hover{
background: #162C56;color:#1C2030;}
.open-visual .site-inner{margin: 0;
font-size: 0.88rem;
line-height: 1.5;
opacity: 0.75;}
.open-visual .site-inner a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
@media (max-width: 720px) {.open-visual{
padding: 56px 20px 64px;
}.open-visual .compact-contact{
grid-template-columns: 1fr;
gap: 32px;
align-items: start;
}
}
.open-visual{
background: var(--tone-strong);
color: var(--ink-primary);
}
.public-form{
background: #F7F4EC;
color: #1C2030;
padding: 4rem 1.5rem;
}
.public-form .compact-contact{max-width: 720px;
margin: 0 auto;}
.public-form h2{font-size: clamp(1.5rem, 2.6vw, 2rem);
line-height: 1.25;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.public-form .text-area{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 1rem;
max-width: 60ch;}
.public-form .site-quote{font-size: 1rem;
line-height: 1.6;
margin: 0 0 2rem;
max-width: 58ch;color:inherit;}
.public-form .site-inner{display: flex;
flex-direction: column;
gap: 0.5rem;
border-top: 1px solid #DCD5C4;
padding-top: 1.5rem;}
.public-form .site-inner a{display: inline-block;
padding: 0.55rem 0;color:inherit;
text-decoration: none;
font-size: 1rem;
line-height: 1.45;
border-bottom: 1px solid transparent;
transition: border-color 0.15s ease;}
.public-form .site-inner a:hover{border-bottom-color: #E0A32B;}
@media (min-width: 640px) {.public-form{
padding: 5rem 2rem;
}.public-form .site-inner{
flex-direction: row;
flex-wrap: wrap;
gap: 0 2rem;
}
}
.public-form{
background: #F7F4EC;
color: #1C2030;
}
.site-items{
--line-main: #1F3A6E;
--layer-local: #E0A32B;
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 84px;
}
.site-items .compact-contact{max-width: 1040px;
margin: 0 auto;}
.site-items .narrow-steps{max-width: 640px;
margin-bottom: 48px;}
.site-items .narrow-steps h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.site-items .narrow-steps p{font-size: 1.02rem;
line-height: 1.65;
margin: 0;}
.site-items .contact-method{display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: start;}
.site-items .direct-proof,
.site-items .secondary-brand{padding-top: 20px;
border-top: 2px solid var(--line-main);}
.site-items .secondary-brand{border-top-color: var(--layer-local);}
.site-items .direct-proof h3,
.site-items .secondary-brand h3{font-size: 1.15rem;
margin: 0 0 14px;
letter-spacing: 0.01em;}
.site-items .direct-proof p,
.site-items .secondary-brand p{font-size: 0.98rem;
line-height: 1.7;
margin: 0 0 16px;}
.site-items .direct-proof p:last-child,
.site-items .secondary-brand p:last-child{margin-bottom: 0;}
.site-items a{text-decoration: underline;
text-underline-offset: 3px;}
.site-items a:hover{}
@media (max-width: 720px) {.site-items{
padding: 56px 20px 64px;
}.site-items .contact-method{
grid-template-columns: 1fr;
gap: 40px;
}.site-items .narrow-steps h2{
font-size: 1.45rem;
}
}
.page-benefit{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 80px;
}
.page-benefit .compact-contact{max-width: 940px;
margin: 0 auto;}
.page-benefit .text-area{max-width: 640px;
margin-bottom: 56px;}
.page-benefit .text-area h2{font-size: 1.85rem;
line-height: 1.2;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.page-benefit .text-area p{font-size: 1.02rem;
line-height: 1.65;
margin: 0;}
.page-benefit .open-plan{display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 48px;
padding-bottom: 44px;
border-bottom: 1px solid #DCD5C4;}
.page-benefit .site-inner h3{font-size: 1.12rem;
margin: 0 0 12px;
line-height: 1.3;}
.page-benefit .site-inner p{font-size: 0.97rem;
line-height: 1.6;
margin: 0 0 12px;}
.page-benefit .site-inner .service-list{font-size: 0.88rem;
color: #4a4d5a;
margin-bottom: 14px;}
.page-benefit .site-inner a{display: inline-block;
font-size: 0.98rem;
font-weight: 500;
color: #1F3A6E;
text-decoration: none;
border-bottom: 2px solid #E0A32B;
padding-bottom: 2px;}
.page-benefit .site-inner a:hover{color: #162C56;
border-bottom-color: #C98A1E;}
.page-benefit .secondary-brand{margin-top: 40px;
max-width: 640px;}
.page-benefit .secondary-brand p{font-size: 0.97rem;
line-height: 1.6;
margin: 0 0 10px;}
.page-benefit .secondary-brand .direct-details{font-size: 0.9rem;
color: #4a4d5a;}
.page-benefit .secondary-brand .team-menu{display: inline-block;
margin-top: 10px;
font-size: 0.98rem;
font-weight: 500;
color: #1F3A6E;
text-decoration: none;
border-bottom: 2px solid #E0A32B;
padding-bottom: 2px;}
.page-benefit .secondary-brand .team-menu:hover{color: #162C56;
border-bottom-color: #C98A1E;}
@media (max-width: 720px) {.page-benefit{
padding: 56px 20px 64px;
}.page-benefit .open-plan{
grid-template-columns: 1fr;
gap: 36px;
}.page-benefit .text-area h2{
font-size: 1.55rem;
}
}
.page-benefit{
background: #F7F4EC;
color: #1C2030;
}
.page-benefit{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 80px;
}
.page-benefit .compact-contact{max-width: 1080px;
margin: 0 auto;}
.page-benefit .text-area{max-width: 640px;
margin-bottom: 48px;}
.page-benefit .text-area h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.page-benefit .text-area p{font-size: 1rem;
line-height: 1.65;
margin: 0;
color: #33353F;}
.page-benefit .open-plan{display: grid;
grid-template-columns: 1.1fr 1fr 1fr;
gap: 40px 48px;
margin-bottom: 56px;}
.page-benefit .site-inner h3{font-size: 1.05rem;
margin: 0 0 10px;
color: #1F3A6E;
letter-spacing: 0.01em;}
.page-benefit .site-inner p{font-size: 0.95rem;
line-height: 1.6;
margin: 0 0 10px;}
.page-benefit .site-inner .featured-note{font-weight: 500;
margin-bottom: 6px;}
.page-benefit .site-inner .featured-note a{color: #1F3A6E;
text-decoration: none;
border-bottom: 1px solid var(--tone-deep, #E0A32B);
padding-bottom: 1px;}
.page-benefit .site-inner .featured-note a:hover{color: #162C56;}
.page-benefit .site-inner .strong-menu{font-size: 0.85rem;
color: #33353F;
margin: 0;}
.page-benefit .site-quote{border-top: 1px solid #DCD5C4;
padding-top: 28px;
max-width: 720px;}
.page-benefit .site-quote p{font-size: 0.95rem;
line-height: 1.65;
margin: 0 0 12px;}
.page-benefit .site-quote .secondary-brand{font-size: 0.9rem;
color: #33353F;
margin: 0;}
.page-benefit .site-quote a{color: #1F3A6E;
text-decoration: underline;
text-decoration-color: var(--tone-deep, #E0A32B);
text-underline-offset: 3px;}
.page-benefit .site-quote a:hover{color: #162C56;}
@media (max-width: 820px) {.page-benefit{
padding: 56px 20px 64px;
}.page-benefit .open-plan{
grid-template-columns: 1fr;
gap: 32px;
}.page-benefit .text-area{
margin-bottom: 36px;
}
}
.offer-rail{
--copy-body: #DCD5C4;
--line-main: #1F3A6E;
--layer-local: #E0A32B;
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 84px;
}
.offer-rail .compact-contact{max-width: 960px;
margin: 0 auto;}
.offer-rail .narrow-steps{max-width: 620px;
margin-bottom: 48px;}
.offer-rail .narrow-steps h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.offer-rail .text-area{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.offer-rail .narrow-method{display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
border-top: 1px solid var(--copy-body);}
.offer-rail .wide-contact{padding: 26px 28px 30px 0;
border-bottom: 1px solid var(--copy-body);}
.offer-rail .wide-contact:nth-child(odd){padding-right: 40px;
border-right: 1px solid var(--copy-body);}
.offer-rail .wide-contact:nth-child(even){padding-left: 40px;}
.offer-rail .wide-contact h3{font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
margin: 0 0 12px;}
.offer-rail .wide-contact p{margin: 0 0 6px;
font-size: 1rem;
line-height: 1.55;}
.offer-rail .wide-contact a{text-decoration: none;
border-bottom: 1px solid var(--layer-local);
padding-bottom: 1px;}
.offer-rail .wide-contact a:hover{border-bottom-color: var(--line-main);}
.offer-rail .strong-menu{font-size: 0.88rem;
margin-top: 8px;}
.offer-rail .offer-section{list-style: none;
margin: 0;
padding: 0;
font-size: 0.95rem;}
.offer-rail .offer-section li{display: flex;
justify-content: space-between;
gap: 16px;
padding: 6px 0;
border-bottom: 1px dashed var(--copy-body);}
.offer-rail .offer-section li:last-child{border-bottom: none;}
.offer-rail .offer-section span{}
.offer-rail .site-quote{margin: 40px 0 0;
max-width: 640px;
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 680px) {.offer-rail{
padding: 56px 20px 64px;
}.offer-rail .narrow-method{
grid-template-columns: 1fr;
}.offer-rail .wide-contact,
.offer-rail .wide-contact:nth-child(odd),
.offer-rail .wide-contact:nth-child(even){
padding: 22px 0 24px;
border-right: none;
}.offer-rail .wide-contact:first-child{
padding-top: 26px;
}
}
.offer-rail{
background: var(--tone-strong);
color: var(--ink-primary);
}
.main-tile{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem 5rem;
}
.main-tile .compact-contact{max-width: 720px;
margin: 0 auto;
display: grid;
gap: 2rem;}
.main-tile .text-area h2{margin: 0 0 0.75rem;
font-size: clamp(1.5rem, 2.6vw, 2rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.main-tile .text-area p{margin: 0;
max-width: 58ch;
font-size: 1.02rem;
line-height: 1.6;
color: #33353F;}
.main-tile .strong-menu{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.1rem 1.25rem;
padding: 1.75rem;
background: #FFFFFF;
color: #1C2030;
border: 1px solid #DCD5C4;
border-radius: 10px;
}
.main-tile .wide-items{display: flex;
flex-direction: column;
gap: 0.4rem;}
.main-tile .top-stack{grid-column: 1 / -1;}
.main-tile label{font-size: 0.85rem;
letter-spacing: 0.02em;
color: #33353F;}
.main-tile input,
.main-tile select,
.main-tile textarea{
font: inherit;
color: inherit;
background: #F7F4EC;
border: 1px solid #DCD5C4;
border-radius: 6px;
padding: 0.6rem 0.7rem;
width: 100%;
box-sizing: border-box;
}
.main-tile textarea{resize: vertical;
min-height: 4.5rem;}
.main-tile input:focus,
.main-tile select:focus,
.main-tile textarea:focus{outline: 2px solid #1F3A6E;
outline-offset: 1px;}
.main-tile button{
grid-column: 1 / -1;
justify-self: start;
font: inherit;
font-weight: 500;
padding: 0.7rem 1.4rem;
background: #1F3A6E;
color: #F7F4EC;
border: none;
border-radius: 6px;
cursor: pointer;
}
.main-tile button:hover{
background: #162C56;color:#1C2030;}
.main-tile .wide-area{margin: 0;
font-size: 0.92rem;
color: #33353F;}
.main-tile .wide-area a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
@media (max-width: 560px) {.main-tile .strong-menu{
grid-template-columns: 1fr;
padding: 1.25rem;
}
}
.main-tile{
background: #F7F4EC;
color: #1C2030;
}
.content-tile{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem 4rem;
}
.content-tile .compact-contact{max-width: 780px;
margin: 0 auto;}
.content-tile .contact-details{max-width: 620px;
margin-bottom: 2.5rem;}
.content-tile h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.content-tile .contact-details p{font-size: 1rem;
line-height: 1.6;
margin: 0;
color: #33353F;}
.content-tile .direct-lead{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #DCD5C4;}
.content-tile .strong-menu{padding: 1.75rem 0 1.75rem 1.25rem;
border-bottom: 1px solid #DCD5C4;
border-left: 3px solid #E0A32B;}
.content-tile .strong-menu .bottom-summary{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 0.75rem;}
.content-tile .strong-menu .service-list{font-size: 0.875rem;
line-height: 1.5;
margin: 0;
color: #33353F;}
.content-tile .site-quote{margin: 2rem 0 0;
font-size: 0.875rem;
line-height: 1.55;
color: #33353F;}
@media (max-width: 560px) {.content-tile{
padding: 3rem 1.15rem 2.75rem;
}.content-tile h2{
font-size: 1.45rem;
}.content-tile .strong-menu{
padding-left: 1rem;
}
}
.open-visual{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 80px;
}
.open-visual .compact-contact{max-width: 720px;
margin: 0 auto;}
.open-visual .strong-menu{border-left: 4px solid #E0A32B;
padding: 4px 0 4px 28px;}
.open-visual h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.open-visual p{margin: 0 0 14px;
font-size: 1.02rem;
line-height: 1.65;}
.open-visual .strong-body{
color: #33353F;
background: #EFEADD;
padding: 14px 18px;
border-radius: 6px;
font-size: 0.98rem;
}
.open-visual .main-body{margin: 22px 0 18px;}
.open-visual .focused-shell{
display: inline-block;
background: #1F3A6E;
color: #F7F4EC;
padding: 13px 26px;
border-radius: 6px;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.01em;
}
.open-visual .focused-shell:hover{
background: #162C56;color:#1C2030;}
.open-visual .site-inner{margin: 0;
font-size: 0.92rem;
line-height: 1.6;}
.open-visual .site-inner a{text-decoration: none;
border-bottom: 1px solid #DCD5C4;
margin-right: 18px;}
.open-visual .site-inner a:hover{border-bottom-color: #E0A32B;}
.primary-block{
--copy-body: #DCD5C4;
--line-main: #1F3A6E;
--layer-local: #E0A32B;
background: #F7F4EC;
color: #1C2030;
padding: 5rem 1.5rem 5.5rem;
}
.primary-block .compact-contact{max-width: 760px;
margin: 0 auto;}
.primary-block .fresh-form{max-width: 620px;
margin-bottom: 3.5rem;}
.primary-block h2{font-size: clamp(1.7rem, 3.4vw, 2.35rem);
line-height: 1.18;
letter-spacing: -0.01em;
margin: 0 0 1.1rem;}
.primary-block .text-area{margin: 0;
font-size: 1.05rem;
line-height: 1.65;
color: #33353F;}
.primary-block .team-inner{list-style: none;
margin: 0;
padding: 0;
border-left: 2px solid var(--copy-body);}
.primary-block .fresh-entries{position: relative;
padding: 0 0 2.4rem 2rem;}
.primary-block .fresh-entries:last-child{padding-bottom: 0.4rem;}
.primary-block .fresh-entries::before{
content: "";
position: absolute;
left: -7px;
top: 0.45rem;
width: 12px;
height: 12px;
border-radius: 50%;
background: #F7F4EC;
border: 2px solid var(--line-main);color:#1C2030;}
.primary-block .fresh-entries:nth-child(4)::before{border-color: var(--layer-local);}
.primary-block .fresh-items{display: block;
font-size: 0.78rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--line-main);
margin-bottom: 0.5rem;}
.primary-block .fresh-entries:nth-child(4) .fresh-items{color: #8a6412;}
.primary-block .direct-intro h3{font-size: 1.18rem;
line-height: 1.35;
margin: 0 0 0.55rem;}
.primary-block .direct-intro p{margin: 0;
font-size: 0.98rem;
line-height: 1.68;
color: #33353F;}
.primary-block .strong-menu{
margin: 2.8rem 0 0;
padding: 1.1rem 1.3rem;
background: #EFEADD;
color: #33353F;
border-left: 3px solid var(--layer-local);
font-size: 0.95rem;
line-height: 1.6;
}
@media (max-width: 560px) {.primary-block{
padding: 3.4rem 1.1rem 3.8rem;
}.primary-block .fresh-form{
margin-bottom: 2.6rem;
}.primary-block .fresh-entries{
padding-left: 1.5rem;
}
}
.start{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem 5rem;
}
.start .compact-contact{max-width: 960px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 3rem 4rem;
align-items: start;}
.start .text-area h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.start .text-area p{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.start .service-inner{margin: 0;
display: flex;
flex-direction: column;
gap: 1.5rem;
border-left: 2px solid #E0A32B;
padding-left: 1.75rem;}
.start .strong-menu dt{font-weight: 600;
font-size: 1rem;
line-height: 1.35;
margin-bottom: 0.35rem;}
.start .strong-menu dd{margin: 0;
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 760px) {.start{
padding: 3rem 1.25rem 3.5rem;
}.start .compact-contact{
grid-template-columns: 1fr;
gap: 2rem;
}.start .service-inner{
padding-left: 1.25rem;
}
}
.start{
background: var(--tone-strong);
color: var(--ink-primary);
}
.simple-method{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem;
}
.simple-method .compact-contact{max-width: 920px;
margin: 0 auto;}
.simple-method .narrow-steps{max-width: 640px;
margin-bottom: 3rem;}
.simple-method .narrow-steps h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.simple-method .narrow-steps p{margin: 0;
font-size: 1rem;
line-height: 1.65;}
.simple-method .compact-callout{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #DCD5C4;}
.simple-method .text-fields{display: grid;
grid-template-columns: 220px 1fr;
gap: 1.5rem;
padding: 1.5rem 0;
border-bottom: 1px solid #DCD5C4;
align-items: baseline;}
.simple-method .text-fields h3{margin: 0;
font-size: 1.05rem;
font-weight: 600;}
.simple-method .text-fields p{margin: 0;
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 640px) {.simple-method{
padding: 3rem 1.25rem;
}.simple-method .text-fields{
grid-template-columns: 1fr;
gap: 0.4rem;
}.simple-method .narrow-steps h2{
font-size: 1.45rem;
}
}
.simple-method{
background: var(--tone-strong);
color: var(--ink-primary);
}
.offer-benefit{
--line-main: #1F3A6E;
--layer-local: #E0A32B;
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 64px;
}
.offer-benefit .compact-contact{max-width: 1080px;
margin: 0 auto;}
.offer-benefit .media-plan{display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 40px 56px;
align-items: end;
padding-bottom: 36px;
border-bottom: 1px solid #DCD5C4;}
.offer-benefit h2{margin: 0;
font-size: clamp(1.7rem, 3vw, 2.4rem);
line-height: 1.18;
letter-spacing: -0.01em;}
.offer-benefit .text-area{margin: 0;
font-size: 1.02rem;
line-height: 1.65;}
.offer-benefit .contact-method{display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 48px;
margin-top: 40px;}
.offer-benefit .strong-figure h3{margin: 0 0 14px;
font-size: 1.12rem;
line-height: 1.3;
padding-bottom: 10px;
border-bottom: 2px solid var(--layer-local);
display: inline-block;}
.offer-benefit .strong-figure p{margin: 0;
font-size: 0.98rem;
line-height: 1.7;}
.offer-benefit .site-quote{margin-top: 48px;
padding-top: 22px;
border-top: 1px solid #DCD5C4;}
.offer-benefit .site-quote p{margin: 0;
font-size: 0.96rem;
line-height: 1.6;}
.offer-benefit .site-quote a{color: var(--line-main);
text-decoration: underline;
text-underline-offset: 3px;}
.offer-benefit .site-quote a:hover{color: #162C56;}
@media (max-width: 760px) {.offer-benefit{
padding: 52px 20px 48px;
}.offer-benefit .media-plan,
.offer-benefit .contact-method{
grid-template-columns: 1fr;
gap: 28px;
}.offer-benefit .contact-method{
margin-top: 32px;
}
}
.offer-benefit{
background: #F7F4EC;
color: #1C2030;
}
.main-benefit{
--line-card: #1F3A6E;
--field-static: #E0A32B;
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.main-benefit .compact-contact{max-width: 1080px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 56px 64px;
align-items: start;}
.main-benefit .text-area{padding-top: 4px;
border-top: 3px solid var(--field-static);
padding-top: 20px;}
.main-benefit .text-area h2{margin: 0 0 18px;
font-size: clamp(1.6rem, 2.4vw, 2.15rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.main-benefit .text-area p{margin: 0;
font-size: 1.02rem;
line-height: 1.65;
max-width: 42ch;}
.main-benefit .service-inner{display: flex;
flex-direction: column;
gap: 28px;}
.main-benefit .strong-menu{padding-left: 20px;
border-left: 2px solid var(--line-card);}
.main-benefit .strong-menu h3{margin: 0 0 8px;
font-size: 1.05rem;
line-height: 1.35;}
.main-benefit .strong-menu p{margin: 0;
font-size: 0.97rem;
line-height: 1.68;}
@media (max-width: 780px) {.main-benefit{
padding: 52px 20px 64px;
}.main-benefit .compact-contact{
grid-template-columns: 1fr;
gap: 36px;
}.main-benefit .strong-menu{
padding-left: 16px;
}
}
.main-benefit{
background: var(--tone-strong);
color: var(--ink-primary);
}
.content-rail{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.content-rail .compact-contact{max-width: 1040px;
margin: 0 auto;}
.content-rail .narrow-steps{max-width: 620px;
margin-bottom: 56px;}
.content-rail .narrow-steps h2{margin: 0 0 18px;
font-size: 1.9rem;
line-height: 1.2;
letter-spacing: -0.01em;}
.content-rail .text-area{margin: 0;
font-size: 1.05rem;
line-height: 1.65;}
.content-rail .text-track{display: grid;
grid-template-columns: 1.1fr 1fr 1fr;
gap: 40px 36px;
align-items: start;
border-top: 1px solid #DCD5C4;
padding-top: 40px;}
.content-rail .fresh-section h3{margin: 0 0 6px;
font-size: 1.15rem;}
.content-rail .plain-region{margin: 0 0 14px;
font-size: 0.82rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1F3A6E;}
.content-rail .fresh-section p{margin: 0 0 12px;
font-size: 0.95rem;
line-height: 1.6;}
.content-rail .bottom-header{margin: 0;
padding-left: 14px;
border-left: 2px solid #E0A32B;
font-size: 0.88rem;
line-height: 1.5;
color: #33353F;}
.content-rail .site-quote{margin: 56px 0 0;
max-width: 560px;
font-size: 1rem;
line-height: 1.6;}
@media (max-width: 860px) {.content-rail .text-track{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 560px) {.content-rail{
padding: 56px 20px 64px;
}.content-rail .text-track{
grid-template-columns: 1fr;
gap: 36px;
}.content-rail .narrow-steps h2{
font-size: 1.55rem;
}
}
.content-rail{
background: #F7F4EC;
color: #1C2030;
}
.public-form{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem 5rem;
}
.public-form .compact-contact{max-width: 760px;
margin: 0 auto;}
.public-form .narrow-steps{margin-bottom: 3rem;}
.public-form h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.public-form .text-area{font-size: 1.05rem;
line-height: 1.6;
margin: 0;
max-width: 58ch;}
.public-form .media-lead{display: flex;
flex-direction: column;
gap: 2.5rem;}
.public-form .wide-contact{padding-left: 1.1rem;
border-left: 3px solid #E0A32B;}
.public-form .wide-contact h3{font-size: 1.2rem;
line-height: 1.35;
margin: 0 0 0.4rem;}
.public-form .strong-menu{font-size: 0.95rem;
line-height: 1.5;
margin: 0 0 0.7rem;}
.public-form .wide-contact p{font-size: 1rem;
line-height: 1.65;
margin: 0 0 0.9rem;
max-width: 62ch;}
.public-form .fresh-stack{display: inline-block;
font-size: 0.95rem;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 2px;}
.public-form .fresh-stack:hover{}
@media (max-width: 560px) {.public-form{
padding: 3rem 1.1rem 3.5rem;
}.public-form h2{
font-size: 1.5rem;
}.public-form .media-lead{
gap: 2rem;
}
}
.public-form{
background: var(--tone-strong);
color: var(--ink-primary);
}
.start{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.25rem;
}
.start .compact-contact{max-width: 720px;
margin: 0 auto;}
.start h2{font-size: 1.75rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.start .text-area{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 2.5rem;
color: #33353F;
max-width: 60ch;}
.start .service-inner{margin: 0;
border-top: 1px solid #DCD5C4;}
.start .strong-menu{display: grid;
grid-template-columns: 1fr;
gap: 0.4rem;
padding: 1.4rem 0;
border-bottom: 1px solid #DCD5C4;}
.start .strong-menu dt{font-weight: 600;
font-size: 1.05rem;
color: #1F3A6E;}
.start .strong-menu dd{margin: 0;
font-size: 0.98rem;
line-height: 1.6;
color: #1C2030;
max-width: 62ch;}
@media (min-width: 720px) {.start .strong-menu{
grid-template-columns: 220px 1fr;
gap: 1.75rem;
align-items: baseline;
}
}
.offer-benefit{
background: #F7F4EC;
color: #1C2030;
padding: 5rem 1.5rem 5.5rem;
}
.offer-benefit .compact-contact{max-width: 1080px;
margin: 0 auto;
display: grid;
gap: 3.25rem;}
.offer-benefit .text-area{max-width: 62ch;
display: grid;
gap: 1.1rem;}
.offer-benefit .text-area h2{margin: 0;
font-size: clamp(1.75rem, 3vw, 2.5rem);
line-height: 1.15;
letter-spacing: -0.01em;}
.offer-benefit .text-area p{margin: 0;
font-size: 1.05rem;
line-height: 1.65;}
.offer-benefit .service-inner{display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2.25rem;
border-top: 1px solid #DCD5C4;
padding-top: 2.25rem;}
.offer-benefit .strong-menu{display: grid;
gap: 0.6rem;
padding-left: 1rem;
border-left: 3px solid #E0A32B;}
.offer-benefit .strong-menu h3{margin: 0;
font-size: 1.05rem;
line-height: 1.3;}
.offer-benefit .strong-menu p{margin: 0;
font-size: 0.95rem;
line-height: 1.6;}
.offer-benefit .site-quote{margin: 0;
max-width: 70ch;
font-size: 1rem;
line-height: 1.6;
padding-top: 1.5rem;
border-top: 1px solid #DCD5C4;}
@media (max-width: 820px) {.offer-benefit{
padding: 3.5rem 1.25rem 4rem;
}.offer-benefit .service-inner{
grid-template-columns: 1fr;
gap: 1.75rem;
}
}
.simple-method{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem 5rem;
}
.simple-method .compact-contact{max-width: 880px;
margin: 0 auto;}
.simple-method h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
margin: 0 0 1rem;
font-weight: 600;}
.simple-method .text-area{max-width: 60ch;
margin: 0 0 2.75rem;
font-size: 1.02rem;
line-height: 1.65;}
.simple-method .media-lead{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #DCD5C4;}
.simple-method .wide-contact{display: grid;
grid-template-columns: minmax(180px, 240px) 1fr;
gap: 0.5rem 2rem;
padding: 1.35rem 0;
border-bottom: 1px solid #DCD5C4;}
.simple-method .clear-media{font-weight: 600;
font-size: 1.02rem;
letter-spacing: 0.01em;}
.simple-method .strong-menu{font-size: 0.95rem;
line-height: 1.6;
color: #33353F;}
@media (max-width: 620px) {.simple-method{
padding: 3.25rem 1.15rem 3.5rem;
}.simple-method .wide-contact{
grid-template-columns: 1fr;
gap: 0.35rem;
}
}
.simple-method{
background: #F7F4EC;
color: #1C2030;
}
.service-details{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px;
}
.service-details .compact-contact{max-width: 880px;
margin: 0 auto;}
.service-details h2{font-size: clamp(1.5rem, 2.4vw, 2rem);
line-height: 1.2;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.service-details .text-area{font-size: 1.02rem;
line-height: 1.65;
margin: 0 0 44px;
max-width: 62ch;}
.service-details .media-lead{display: flex;
flex-direction: column;
gap: 36px;}
.service-details .wide-contact{padding-left: 22px;
border-left: 2px solid #E0A32B;}
.service-details .wide-contact h3{font-size: 1rem;
font-weight: 600;
margin: 0 0 8px;
letter-spacing: 0.01em;}
.service-details .wide-contact p{margin: 0;
font-size: 0.98rem;
line-height: 1.7;
max-width: 68ch;}
@media (max-width: 640px) {.service-details{
padding: 52px 18px;
}.service-details .text-area{
margin-bottom: 32px;
}.service-details .media-lead{
gap: 28px;
}.service-details .wide-contact{
padding-left: 16px;
}
}
.service-details{
background: #F7F4EC;
color: #1C2030;
}
.team-block{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 80px;
}
.team-block .compact-contact{max-width: 1080px;
margin: 0 auto;}
.team-block .narrow-steps{max-width: 640px;
margin-bottom: 48px;}
.team-block h2{font-size: 1.9rem;
line-height: 1.2;
margin: 0 0 16px;
letter-spacing: -0.01em;}
.team-block .text-area{margin: 0;
font-size: 1.02rem;
line-height: 1.6;}
.team-block .soft-copy{display: flex;
flex-direction: column;
border-top: 1px solid #DCD5C4;}
.team-block .quiet-media{display: grid;
grid-template-columns: 1.1fr 1.4fr 0.9fr;
gap: 28px;
align-items: start;
padding: 28px 0;
border-bottom: 1px solid #DCD5C4;}
.team-block .quiet-media h3{font-size: 1.18rem;
margin: 0 0 8px;
line-height: 1.3;}
.team-block .direct-intro{margin: 0;
font-size: 0.95rem;
line-height: 1.55;}
.team-block .quiet-media ul{list-style: none;
margin: 0;
padding: 0;}
.team-block .quiet-media li{position: relative;
padding-left: 16px;
margin-bottom: 8px;
font-size: 0.94rem;
line-height: 1.5;}
.team-block .quiet-media li::before{
content: "";
position: absolute;
left: 0;
top: 0.55em;
width: 6px;
height: 6px;
background: #E0A32B;color:#241A05;}
.team-block .strong-menu{margin: 10px 0 0;
font-size: 0.86rem;
line-height: 1.5;}
.team-block .open-lead{
display: inline-block;
margin-top: 14px;
padding: 10px 18px;
background: #1F3A6E;
color: #F7F4EC;
font-size: 0.9rem;
text-decoration: none;
border-radius: 3px;
}
.team-block .open-lead:hover{
background: #162C56;color:#1C2030;}
.team-block .site-inner{margin: 32px 0 0;
font-size: 0.94rem;
line-height: 1.6;}
.team-block .site-inner a{text-decoration: underline;
text-underline-offset: 3px;}
@media (max-width: 820px) {.team-block{
padding: 56px 20px 64px;
}.team-block .quiet-media{
grid-template-columns: 1fr;
gap: 16px;
padding: 24px 0;
}
}
.team-block{
background: var(--tone-strong);
color: var(--ink-primary);
}
.media-frame{
background: #F7F4EC;
color: #1C2030;
padding: 5rem 1.5rem 5.5rem;
}
.media-frame .compact-contact{max-width: 720px;
margin: 0 auto;}
.media-frame h2{font-size: clamp(1.6rem, 2.6vw, 2.1rem);
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.media-frame .text-area{margin: 0 0 3rem;
font-size: 1.05rem;
line-height: 1.6;
max-width: 56ch;
color: #33353F;}
.media-frame .page-block{display: flex;
flex-direction: column;
gap: 2.25rem;}
.media-frame .team-summary h3{font-size: 1.15rem;
margin: 0 0 0.5rem;
line-height: 1.3;}
.media-frame .team-summary h3::before{
content: "";
display: inline-block;
width: 1.6rem;
height: 2px;
background: #E0A32B;
vertical-align: middle;
margin-right: 0.7rem;
transform: translateY(-2px);color:#241A05;}
.media-frame .team-summary p{margin: 0;
font-size: 1rem;
line-height: 1.65;
color: #33353F;
max-width: 62ch;}
.media-frame .site-inner{margin: 3.5rem 0 0;
font-size: 0.98rem;
line-height: 1.6;
color: #33353F;
padding-top: 1.5rem;
border-top: 1px solid #DCD5C4;}
.media-frame .site-inner a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
.media-frame .site-inner a:hover{color: #162C56;}
@media (max-width: 560px) {.media-frame{
padding: 3.25rem 1.15rem 3.75rem;
}.media-frame .page-block{
gap: 1.9rem;
}
}
.open-region{
--tone-soft: #1C2030;
--paint-warm: #E0A32B;
--type-body: #DCD5C4;
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.open-region .compact-contact{max-width: 720px;
margin: 0 auto;}
.open-region .quiet-proof{border-bottom: 1px solid var(--type-body);
padding-bottom: 28px;
margin-bottom: 36px;}
.open-region .site-links{font-size: 0.85rem;
letter-spacing: 0.06em;
text-transform: uppercase;
margin: 0 0 14px;
opacity: 0.7;}
.open-region h1{font-size: clamp(1.8rem, 3.4vw, 2.6rem);
line-height: 1.2;
margin: 0 0 14px;
font-weight: 600;}
.open-region .service-visual{font-size: 1.05rem;
line-height: 1.5;
margin: 0;
max-width: 46ch;
opacity: 0.78;}
.open-region .quiet-plan{margin: 0 0 40px;
border-left: 3px solid var(--paint-warm);
padding-left: 16px;}
.open-region .quiet-plan img{display: block;
width: 100%;
height: auto;
border-radius: 4px;}
.open-region .team-track p{font-size: 1.05rem;
line-height: 1.75;
margin: 0 0 22px;}
.open-region .team-track .text-area{font-size: 1.15rem;
line-height: 1.7;}
.open-region .entry-foot{margin-top: 48px;
padding-top: 28px;
border-top: 1px solid var(--type-body);}
.open-region .entry-meta{font-size: 0.9rem;
margin: 0 0 18px;
opacity: 0.7;}
.open-region .entry-next{display: flex;
flex-direction: column;
gap: 10px;}
.open-region .entry-next a{display: inline-block;
color: var(--tone-soft);
text-decoration: none;
font-size: 1rem;
line-height: 1.4;
border-bottom: 1px solid var(--paint-warm);
padding-bottom: 2px;
align-self: flex-start;}
.open-region .entry-next a:hover{border-bottom-color: var(--tone-soft);}
@media (max-width: 560px) {.open-region{
padding: 48px 18px 64px;
}.open-region .quiet-plan{
padding-left: 12px;
}
}
.open-region{
background: #F7F4EC;
color: #1C2030;
}
.strong-grid{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.strong-grid .compact-contact{max-width: 780px;
margin: 0 auto;}
.strong-grid .narrow-steps{margin-bottom: 44px;}
.strong-grid h1{font-size: clamp(1.75rem, 3.4vw, 2.5rem);
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0 0 14px;}
.strong-grid .site-stack{font-size: 1.05rem;
line-height: 1.5;
margin: 0;
max-width: 52ch;
opacity: 0.82;}
.strong-grid .text-content{display: grid;
grid-template-columns: 220px 1fr;
gap: 36px;
align-items: start;
padding-top: 32px;
border-top: 1px solid #DCD5C4;}
.strong-grid .contact-shell{margin: 0;}
.strong-grid .contact-shell img{display: block;
width: 100%;
height: auto;
border-radius: 6px;
object-fit: cover;}
.strong-grid .visual-summary h2{font-size: 1.35rem;
margin: 0 0 6px;
letter-spacing: -0.005em;}
.strong-grid .plain-region{font-size: 0.92rem;
margin: 0 0 18px;
opacity: 0.78;}
.strong-grid .visual-summary p{font-size: 1rem;
line-height: 1.62;
margin: 0 0 14px;
max-width: 58ch;}
.strong-grid .team-links{list-style: none;
padding: 0;
margin: 22px 0 0;
font-size: 0.95rem;
line-height: 1.7;}
.strong-grid .team-links li{margin-bottom: 4px;}
.strong-grid .team-links a{text-decoration: none;
border-bottom: 1px solid rgba(31, 58, 110, 0.35);}
.strong-grid .team-links a:hover{border-bottom-color: #1F3A6E;}
@media (max-width: 640px) {.strong-grid{
padding: 52px 20px 64px;
}.strong-grid .text-content{
grid-template-columns: 1fr;
gap: 24px;
}.strong-grid .contact-shell{
max-width: 240px;
}
}
.strong-grid{
background: var(--tone-strong);
color: var(--ink-primary);
}
.open-region{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.open-region .compact-contact{max-width: 720px;
margin: 0 auto;}
.open-region .quiet-proof{border-bottom: 1px solid #DCD5C4;
padding-bottom: 28px;
margin-bottom: 36px;}
.open-region .site-links{font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
margin: 0 0 14px;
color: #33353F;}
.open-region h1{font-size: 2.1rem;
line-height: 1.2;
margin: 0 0 18px;
font-weight: 600;}
.open-region .image{font-size: 1.08rem;
line-height: 1.6;
margin: 0;
max-width: 60ch;}
.open-region .team-track p{font-size: 1.02rem;
line-height: 1.75;
margin: 0 0 22px;}
.open-region .team-track h2{font-size: 1.3rem;
line-height: 1.3;
margin: 40px 0 16px;
font-weight: 600;
padding-left: 14px;
border-left: 3px solid #E0A32B;}
.open-region .entry-foot{margin-top: 48px;
padding-top: 26px;
border-top: 1px solid #DCD5C4;}
.open-region .entry-note{font-size: 0.97rem;
line-height: 1.65;
margin: 0 0 18px;
max-width: 58ch;}
.open-region .site-inner{display: flex;
flex-wrap: wrap;
gap: 10px 28px;
margin: 0;}
.open-region .site-inner a{color: #1F3A6E;
text-decoration: none;
font-size: 0.97rem;
border-bottom: 1px solid #E0A32B;
padding-bottom: 2px;}
.open-region .site-inner a:hover{color: #162C56;}
@media (max-width: 640px) {.open-region{
padding: 48px 18px 64px;
}.open-region h1{
font-size: 1.6rem;
}.open-region .team-track h2{
font-size: 1.15rem;
}.open-region .site-inner{
flex-direction: column;
gap: 12px;
}
}
.strong-grid{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem;
}
.strong-grid .compact-contact{max-width: 1040px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
gap: 3rem;
align-items: start;}
.open-group{
margin: 0 0 0.4rem;
font-size: 0.85rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.strong-grid h2{margin: 0 0 1rem;
font-size: clamp(1.6rem, 2.6vw, 2.15rem);
line-height: 1.15;}
.fresh-service{
margin: 0 0 1rem;
font-size: 1.08rem;
line-height: 1.6;
}
.clear-service{
margin: 0;
line-height: 1.65;
max-width: 60ch;
}
.content-inner{
background: #FFFFFF;
color: #1C2030;
border: 1px solid #DCD5C4;
border-radius: 10px;
padding: 1.6rem 1.5rem;
}
.content-inner h3{margin: 0 0 1rem;
font-size: 1.05rem;}
.content-inner ul{list-style: none;
margin: 0;
padding: 0;}
.content-inner li{padding: 0.5rem 0;
border-top: 1px solid #DCD5C4;
line-height: 1.5;
font-size: 0.97rem;}
.content-inner li:first-child{border-top: 0;
padding-top: 0;}
.content-inner a{text-decoration: none;
border-bottom: 1px solid transparent;}
.content-inner a:hover,
.content-inner a:focus{border-bottom-color: currentColor;}
.page-service{
margin: 1.1rem 0 0;
font-size: 0.9rem;
line-height: 1.55;
}
@media (max-width: 780px) {.strong-grid{
padding: 3rem 1.25rem;
}.strong-grid .compact-contact{
grid-template-columns: 1fr;
gap: 2rem;
}
}
.open-region{
background: #F7F4EC;
color: #1C2030;
padding: 4rem 1.25rem 4.5rem;
}
.open-region .compact-contact{max-width: 720px;
margin: 0 auto;}
.open-region .quiet-proof{border-bottom: 1px solid #DCD5C4;
padding-bottom: 1.5rem;
margin-bottom: 2rem;}
.open-region .site-links{font-size: 0.85rem;
letter-spacing: 0.06em;
text-transform: uppercase;
margin: 0 0 0.75rem;
opacity: 0.7;}
.open-region h1{font-size: clamp(1.7rem, 3.4vw, 2.4rem);
line-height: 1.2;
margin: 0 0 0.85rem;
font-weight: 600;}
.open-region .service-visual{font-size: 1.05rem;
line-height: 1.5;
margin: 0;
max-width: 46ch;
opacity: 0.82;}
.open-region .quiet-list{margin: 0 0 2rem;}
.open-region .quiet-list img{display: block;
width: 100%;
height: auto;
border-radius: 6px;}
.open-region .team-track p{font-size: 1.02rem;
line-height: 1.7;
margin: 0 0 1.15rem;}
.open-region .team-track h2{font-size: 1.2rem;
line-height: 1.35;
margin: 2rem 0 0.75rem;
font-weight: 600;}
.open-region .entry-foot{margin-top: 2.5rem;
padding-top: 1.25rem;
border-top: 1px solid #DCD5C4;}
.open-region .foot-note{font-size: 0.95rem;
line-height: 1.6;
margin: 0;
opacity: 0.85;}
.open-region .foot-note a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
.open-region .foot-note a:hover{color:inherit;}
.strong-grid{
background: #F7F4EC;
color: #1C2030;
padding: 3.5rem 1.25rem 4rem;
}
.strong-grid .compact-contact{max-width: 720px;
margin: 0 auto;}
.strong-grid .narrow-steps h1{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 0.75rem;
letter-spacing: -0.01em;}
.strong-grid .text-area{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 2rem;}
.strong-grid .focused-contact{margin: 0 0 2.25rem;}
.strong-grid .focused-contact img{display: block;
width: 100%;
height: auto;
border-radius: 6px;
border: 1px solid #DCD5C4;}
.strong-grid .focused-contact figcaption{font-size: 0.85rem;
line-height: 1.5;
margin-top: 0.6rem;}
.strong-grid .text-menu p{font-size: 1rem;
line-height: 1.7;
margin: 0 0 1.25rem;}
.strong-grid .team-inner{list-style: none;
margin: 0 0 1.5rem;
padding: 0;
border-top: 1px solid #DCD5C4;}
.strong-grid .fresh-entries{padding: 1.1rem 0;
border-bottom: 1px solid #DCD5C4;}
.strong-grid .fresh-entries h3{font-size: 1rem;
margin: 0 0 0.4rem;}
.strong-grid .fresh-entries p{margin: 0;
font-size: 0.95rem;
line-height: 1.65;}
.strong-grid .strong-menu{
font-size: 0.95rem;
line-height: 1.65;
padding: 0.9rem 1rem;
background: #EFEADD;
color: #33353F;
border-left: 3px solid #E0A32B;
border-radius: 0 4px 4px 0;
}
.strong-grid .direct-headline{margin-top: 2.5rem;
padding-top: 1.75rem;
border-top: 1px solid #DCD5C4;}
.strong-grid .direct-headline h2{font-size: 1.1rem;
margin: 0 0 0.6rem;}
.strong-grid .direct-headline p{font-size: 0.95rem;
line-height: 1.65;
margin: 0 0 1rem;}
.strong-grid .team-links{list-style: none;
margin: 0;
padding: 0;
font-size: 0.9rem;
line-height: 1.8;}
.strong-grid .team-links a{text-decoration: none;
border-bottom: 1px solid #E0A32B;}
.strong-grid .team-links a:hover{}
@media (max-width: 560px) {.strong-grid{
padding: 2.5rem 1rem 3rem;
}.strong-grid .narrow-steps h1{
font-size: 1.55rem;
}
}
.service-figure{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.service-figure .compact-contact{max-width: 1080px;
margin: 0 auto;}
.service-figure h2{font-size: clamp(1.6rem, 2.4vw, 2.1rem);
line-height: 1.2;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.service-figure .text-area{max-width: 620px;
font-size: 1.02rem;
line-height: 1.6;
margin: 0 0 48px;}
.service-figure .contact-method{display: grid;
grid-template-columns: 1.1fr 1.4fr 1fr;
gap: 40px 48px;
align-items: start;}
.service-figure h3{font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
margin: 0 0 14px;
color: #1F3A6E;}
.service-figure p{margin: 0 0 14px;
line-height: 1.6;
font-size: 0.98rem;}
.service-figure ul{list-style: none;
padding: 0;
margin: 0;}
.service-figure li{position: relative;
padding-left: 18px;
margin-bottom: 14px;
line-height: 1.55;
font-size: 0.98rem;}
.service-figure li::before{
content: "";
position: absolute;
left: 0;
top: 0.62em;
width: 8px;
height: 2px;
background: #E0A32B;color:#241A05;}
.service-figure .strong-menu{font-size: 0.9rem;
color: #4A4C57;
line-height: 1.55;}
.service-figure .simple-headline{font-size: 1.02rem;
line-height: 1.7;
margin: 4px 0 16px;}
.service-figure .simple-headline a{color: #1F3A6E;
text-decoration: none;
border-bottom: 1px solid rgba(31, 58, 110, 0.35);}
.service-figure .simple-headline a:hover{border-bottom-color: #1F3A6E;}
@media (max-width: 860px) {.service-figure{
padding: 56px 20px 68px;
}.service-figure .contact-method{
grid-template-columns: 1fr;
gap: 36px;
}.service-figure .text-area{
margin-bottom: 36px;
}
}
.service-figure{
background: #F7F4EC;
color: #1C2030;
}
.text-figure{
--line-main: #1F3A6E;
--layer-local: #E0A32B;
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem;
}
.text-figure .compact-contact{max-width: 720px;
margin: 0 auto;}
.text-figure .narrow-steps h2{font-size: 1.9rem;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.text-figure .text-area{font-size: 1.05rem;
line-height: 1.6;
margin: 0 0 1rem;
max-width: 58ch;}
.text-figure .strong-menu{font-size: 0.95rem;
line-height: 1.6;
margin: 0 0 2.5rem;
max-width: 58ch;}
.text-figure .narrow-headline{border-top: 1px solid #DCD5C4;
padding-top: 2rem;
display: flex;
flex-direction: column;
gap: 1.4rem;}
.text-figure .wide-items{display: flex;
flex-direction: column;
gap: 0.5rem;}
.text-figure .wide-items label{font-size: 0.9rem;
letter-spacing: 0.02em;}
.text-figure .wide-items input,
.text-figure .wide-items textarea{
font: inherit;
color: #1C2030;
background: #FFFFFF;
border: 1px solid #DCD5C4;
border-radius: 6px;
padding: 0.75rem 0.9rem;
width: 100%;
box-sizing: border-box;
resize: vertical;
}
.text-figure .wide-items input::placeholder,
.text-figure .wide-items textarea::placeholder{}
.text-figure .wide-items input:focus,
.text-figure .wide-items textarea:focus{outline: 2px solid var(--layer-local);
outline-offset: 1px;
border-color: var(--layer-local);}
.text-figure .clear-nav{
align-self: flex-start;
font: inherit;
font-weight: 500;
background: var(--line-main);
color: #F7F4EC;
border: none;
border-radius: 6px;
padding: 0.85rem 1.6rem;
cursor: pointer;
transition: background 0.15s ease;
}
.text-figure .clear-nav:hover{
background: #162C56;
}
.text-figure .narrow-stack{margin-top: 2.5rem;
border-top: 1px solid #DCD5C4;
padding-top: 1.5rem;}
.text-figure .narrow-stack p{margin: 0 0 0.75rem;
font-size: 0.95rem;}
.text-figure .narrow-stack ul{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.4rem;
font-size: 0.95rem;}
.text-figure .narrow-stack a{text-decoration: none;
border-bottom: 1px solid transparent;}
.text-figure .narrow-stack a:hover{border-bottom-color: var(--layer-local);}
@media (max-width: 560px) {.text-figure{
padding: 3rem 1.1rem;
}.text-figure .narrow-steps h2{
font-size: 1.55rem;
}
}
.text-figure{
background: var(--tone-strong);
color: var(--ink-primary);
}
.offer-rail{
background: #F7F4EC;
color: #1C2030;
padding: 64px 24px 72px;
}
.offer-rail .compact-contact{max-width: 880px;
margin: 0 auto;}
.offer-rail .narrow-steps{max-width: 620px;
margin-bottom: 48px;}
.offer-rail h1{font-size: 2rem;
line-height: 1.15;
margin: 0 0 14px;
letter-spacing: -0.01em;}
.offer-rail .text-area{font-size: 1.0625rem;
line-height: 1.55;
margin: 0;
color: #33353F;}
.offer-rail .narrow-method{display: grid;
grid-template-columns: 1.1fr 1fr 1.2fr;
gap: 32px;
padding-bottom: 40px;
border-bottom: 1px solid #DCD5C4;}
.offer-rail .top-footer h2{font-size: 0.8125rem;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 600;
margin: 0 0 12px;
color: #1F3A6E;}
.offer-rail .top-footer p{margin: 0 0 6px;
line-height: 1.5;}
.offer-rail .top-footer a{color: #1C2030;
text-decoration: none;
border-bottom: 1px solid #E0A32B;
padding-bottom: 1px;}
.offer-rail .top-footer a:hover{color: #1F3A6E;}
.offer-rail .strong-menu{font-size: 0.875rem;
color: #33353F;
margin-top: 8px;}
.offer-rail .direct-quote{margin-top: 40px;
max-width: 520px;}
.offer-rail .direct-quote h2{font-size: 0.8125rem;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 600;
margin: 0 0 16px;
color: #1F3A6E;}
.offer-rail .direct-quote dl{margin: 0;}
.offer-rail .direct-quote .team-summary{display: flex;
justify-content: space-between;
align-items: baseline;
padding: 10px 0;
border-bottom: 1px dashed #DCD5C4;}
.offer-rail .direct-quote .team-summary:last-child{border-bottom: none;}
.offer-rail .direct-quote dt{font-weight: 500;}
.offer-rail .direct-quote dd{margin: 0;
font-variant-numeric: tabular-nums;
color: #33353F;}
@media (max-width: 720px) {.offer-rail{
padding: 48px 20px 56px;
}.offer-rail .narrow-method{
grid-template-columns: 1fr;
gap: 28px;
}.offer-rail h1{
font-size: 1.625rem;
}
}
.offer-rail{
background: #F7F4EC;
color: #1C2030;
}
.site-grid{
--layer-base: #DCD5C4;
--surface-warm: #33353F;
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.25rem 5rem;
}
.site-grid .compact-contact{max-width: 760px;
margin: 0 auto;}
.site-grid .narrow-steps{padding-bottom: 2rem;
border-bottom: 1px solid var(--layer-base);
margin-bottom: 2.5rem;}
.site-grid h1{font-size: clamp(1.9rem, 3.4vw, 2.6rem);
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.site-grid .text-area{font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 0.9rem;
max-width: 62ch;}
.site-grid .open-links{font-size: 0.85rem;
color: var(--surface-warm);
margin: 0;}
.site-grid .wide-contact{margin-bottom: 2.4rem;}
.site-grid .wide-contact h2{font-size: 1.25rem;
line-height: 1.3;
margin: 0 0 0.7rem;
padding-left: 0.85rem;
border-left: 3px solid #E0A32B;}
.site-grid .wide-contact p{font-size: 1rem;
line-height: 1.7;
margin: 0 0 0.85rem;
max-width: 68ch;}
.site-grid .wide-contact p:last-child{margin-bottom: 0;}
.site-grid .open-fields{margin: 0.6rem 0 0;}
.site-grid .open-fields dt{font-weight: 600;
font-size: 0.98rem;
margin-top: 1rem;}
.site-grid .open-fields dt:first-of-type{margin-top: 0;}
.site-grid .open-fields dd{margin: 0.25rem 0 0;
padding-left: 0;
font-size: 0.98rem;
line-height: 1.65;
color: var(--surface-warm);
max-width: 66ch;}
.site-grid .primary-header{list-style: none;
padding: 0;
margin: 0.4rem 0 1rem;
max-width: 66ch;}
.site-grid .primary-header li{position: relative;
padding-left: 1.4rem;
margin-bottom: 0.55rem;
font-size: 1rem;
line-height: 1.6;}
.site-grid .primary-header li::before{
content: "";
position: absolute;
left: 0;
top: 0.62em;
width: 0.55rem;
height: 0.55rem;
background: #E0A32B;
border-radius: 1px;color:#241A05;}
.site-grid .team-links{
display: flex;
flex-direction: column;
gap: 0.35rem;
font-style: normal;
font-size: 1rem;
line-height: 1.6;
padding: 1rem 1.1rem;
background: #EFEADD;
color: #33353F;
border-left: 3px solid #1F3A6E;
border-radius: 2px;
}
.site-grid .team-links a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
@media (max-width: 560px) {.site-grid{
padding: 3rem 1rem 3.5rem;
}.site-grid .wide-contact h2{
padding-left: 0.7rem;
}
}
.site-grid{
background: #F7F4EC;
color: #1C2030;
}
.plain-shell{
background: #F7F4EC;
color: #1C2030;
padding: 4.5rem 1.5rem 5rem;
}
.plain-shell .compact-contact{max-width: 46rem;
margin: 0 auto;}
.plain-shell .fresh-form{margin-bottom: 2.75rem;}
.plain-shell h2{font-size: clamp(1.7rem, 3.4vw, 2.3rem);
line-height: 1.2;
margin: 0 0 0.85rem;
letter-spacing: -0.01em;}
.plain-shell .text-area{margin: 0;
max-width: 38rem;
font-size: 1.05rem;
line-height: 1.6;}
.plain-shell .media-lead{display: flex;
flex-direction: column;
gap: 2.1rem;}
.plain-shell .wide-contact h3{font-size: 1.15rem;
margin: 0 0 0.5rem;
letter-spacing: -0.005em;}
.plain-shell .wide-contact p{margin: 0;
font-size: 1rem;
line-height: 1.7;}
.plain-shell .team-links{margin: 3rem 0 0;
padding-top: 1.6rem;
border-top: 1px solid #DCD5C4;
font-size: 0.95rem;
line-height: 1.65;}
.plain-shell .team-links a{text-decoration: underline;
text-underline-offset: 2px;}
.plain-shell .team-links a:hover{}
@media (max-width: 560px) {.plain-shell{
padding: 3rem 1.15rem 3.5rem;
}.plain-shell .media-lead{
gap: 1.7rem;
}
}
.plain-shell{
background: var(--tone-strong);
color: var(--ink-primary);
}
.open-visual{
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.open-visual .compact-contact{max-width: 720px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 32px;}
.open-visual .text-area h2{margin: 0 0 14px;
font-size: clamp(1.6rem, 3vw, 2.1rem);
line-height: 1.2;
letter-spacing: -0.01em;}
.open-visual .text-area p{margin: 0;
font-size: 1.02rem;
line-height: 1.6;
max-width: 56ch;
color: #33353F;}
.open-visual .focused-shell{display: flex;
flex-direction: column;
gap: 18px;
padding-top: 8px;
border-top: 1px solid #DCD5C4;}
.open-visual .go{
align-self: flex-start;
display: inline-block;
background: #1F3A6E;
color: #F7F4EC;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
padding: 14px 26px;
border-radius: 6px;
transition: background 0.18s ease;
}
.open-visual .go:hover,
.open-visual .go:focus-visible{
background: #162C56;color:#1C2030;}
.open-visual .open-entries{margin: 0;
font-size: 0.94rem;
line-height: 1.55;
color: #33353F;}
.open-visual .open-entries a{color: #1F3A6E;
text-decoration: underline;
text-underline-offset: 3px;}
.open-visual .open-entries a:hover,
.open-visual .open-entries a:focus-visible{color: #162C56;}
@media (max-width: 520px) {.open-visual{
padding: 56px 20px 64px;
}.open-visual .go{
align-self: stretch;
text-align: center;
}
}
.open-visual{
background: #F7F4EC;
color: #1C2030;
}
.service-note{
--line-main: #1F3A6E;
--layer-local: #E0A32B;
--copy-body: #DCD5C4;
background: #F7F4EC;
color: #1C2030;
padding: 72px 24px 88px;
}
.service-note .compact-contact{max-width: 760px;
margin: 0 auto;}
.service-note .strong-menu{padding-bottom: 40px;
border-bottom: 1px solid var(--copy-body);}
.service-note h1{font-size: clamp(1.9rem, 3.4vw, 2.6rem);
line-height: 1.15;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.service-note .text-area{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
max-width: 58ch;}
.service-note .team-inner{display: flex;
flex-direction: column;
gap: 36px;
padding: 48px 0 44px;}
.service-note .fresh-entries h2{font-size: 1.05rem;
margin: 0 0 10px;
font-weight: 600;}
.service-note .fresh-entries p{margin: 0;
line-height: 1.7;
max-width: 62ch;}
.service-note .fresh-entries a{text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;}
.service-note .fresh-entries a:hover{}
.service-note .site-inner{display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 10px 22px;
padding-top: 28px;
border-top: 1px solid var(--copy-body);
font-size: 0.95rem;}
.service-note .site-inner span{}
.service-note .site-inner a{text-decoration: none;
border-bottom: 1px solid var(--layer-local);
padding-bottom: 2px;}
.service-note .site-inner a:hover{}
@media (max-width: 560px) {.service-note{
padding: 52px 18px 64px;
}.service-note .team-inner{
gap: 28px;
padding: 36px 0 32px;
}
}
.service-note{
background: var(--tone-strong);
color: var(--ink-primary);
}
.404{
background: #F7F4EC;
color: #1C2030;
padding: 96px 24px 104px;
}
.404 .compact-contact{
max-width: 720px;
margin: 0 auto;
}
.404 .text-menu{
border-left: 3px solid #E0A32B;
padding-left: 28px;
}
.404 h1{
font-size: 2.1rem;
line-height: 1.2;
margin: 0 0 20px;
letter-spacing: -0.01em;
}
.404 .text-area{
font-size: 1.05rem;
line-height: 1.65;
margin: 0 0 14px;
max-width: 58ch;
}
.404 .strong-menu{
font-size: 0.98rem;
line-height: 1.6;
margin: 0 0 32px;
max-width: 58ch;
}
.404 .site-inner{
display: flex;
flex-wrap: wrap;
gap: 12px 22px;
align-items: baseline;
}
.404 .site-inner a{
font-size: 0.98rem;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 2px;
}
.404 .site-inner a.back{
background: #1F3A6E;
color: #F7F4EC;
border-bottom: none;
padding: 10px 18px;
border-radius: 4px;
}
.404 .site-inner a.back:hover{
background: #162C56;color:#1C2030;}
.404 .site-inner a:not(.narrow-area):hover{
}
@media (max-width: 560px) {.404{
padding: 64px 20px 72px;
}.404 .text-menu{
padding-left: 20px;
}.404 h1{
font-size: 1.65rem;
}
}
.404{
background: var(--tone-strong);
color: var(--ink-primary);
}