html{box-sizing:border-box;}
body{margin:0;padding:0;font-family:"Inter", sans-serif;}
*,*::before,*::after{box-sizing:inherit;}
:root {
--line-cool: #1e293b;
}
a{color:inherit;}
.quiet-team {
width: 100%;
background: #0f172a;
color: #f8fafc;
border-bottom: 1px solid #d8dee7;
}
.secondary-method {
max-width: 1200px;
margin: 0 auto;
padding: 1.1rem 1.25rem;
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.stack {
font-size: calc(16px * 1.125);
font-weight: 700;
letter-spacing: 0.02em;
color: #f8fafc;
text-decoration: none;
margin-right: auto;
}
.stack:hover {
color: #f59e0b;
}
.plain-feature {
display: none;
width: 2.5rem;
height: 2.5rem;
padding: 0;
border: 1px solid #d8dee7;
border-radius: 0.35rem;
background: transparent;
cursor: pointer;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 0.3rem;
}
.plain-intro{
display: block;
width: 1.25rem;
height: 2px;
background: #f8fafc;
border-radius: 2px;color:#1e293b;}
.bottom-entries {
display: block;
}
.site-story {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.narrow-region {
display: inline-block;
padding: 0.4rem 0.2rem;
font-size: 16px;
color: #f8fafc;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.narrow-region:hover,
.narrow-region:focus-visible {
color: #f59e0b;
border-bottom-color: #f59e0b;
}
.site-stack {
display: flex;
align-items: center;
}
.contact-quote {
display: inline-block;
padding: 0.6rem 1.1rem;
background: #f59e0b;
color: #1c1917;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 0.6rem;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
box-shadow 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.contact-quote:hover,
.contact-quote:focus-visible{
background: #d97706;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);color:#1e293b;}
@media (max-width: 767px) {
.secondary-method {
gap: 0.75rem;
}
.plain-feature {
display: inline-flex;
order: 3;
}
.site-stack {
order: 2;
}
.bottom-entries {
order: 4;
flex-basis: 100%;
display: none;
}
.bottom-entries.is-open {
display: block;
}
.site-story {
flex-direction: column;
align-items: stretch;
gap: 0.25rem;
padding-top: 0.5rem;
border-top: 1px solid #d8dee7;
}
.narrow-region {
display: block;
padding: 0.7rem 0.2rem;
font-size: 16px;
}
}
.local-copy{font-family:"Inter", sans-serif;font-size:16px;line-height:1.6;padding:0;width:100%;background:#0f172a;color:#f8fafc;}
.local-copy *,
.local-copy *::before,
.local-copy *::after{border-radius:0;box-sizing:border-box}
.main-form{max-width:1200px;margin:0 auto;padding:calc(1.1rem * 2.4) 1.25rem;display:flex;flex-direction:column;gap:calc(1rem * 1.5)}
.contact-note{display:flex;flex-direction:column;gap:0.5rem;padding-bottom:calc(1rem * 1.5);border-bottom:1px solid rgba(255, 255, 255, 0.18)}
.simple-fields{margin:0;font-size:calc(16px * .875);letter-spacing:0.08em;text-transform:uppercase;opacity:0.75}
.compact-body{display:flex;flex-direction:column;gap:0.35rem;font-style:normal;font-size:16px}
.controls{display:block}
.fresh-method{color:inherit;text-decoration:none;font-family:"Inter", sans-serif;font-size:16px;width:fit-content;border-bottom:1px solid currentColor;padding-bottom:1px;transition:opacity 260ms cubic-bezier(0.22, 0.61, 0.36, 1)}
.fresh-method:hover,
.fresh-method:focus-visible{opacity:0.75}
.site-entries{display:flex;flex-direction:column;gap:0.5rem;max-width:60ch}
.plain-view{color:inherit;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-0.01em;width:fit-content}
.steady-content{margin:0;font-size:calc(16px * .875);opacity:0.85;max-width:60ch}
.service-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem;padding-top:calc(1rem * 1.5);border-top:1px solid rgba(255, 255, 255, 0.18)}
.block{display:flex;flex-direction:column;gap:0.5rem}
.wide-visual{margin:0;font-size:calc(16px * .875);letter-spacing:0.08em;text-transform:uppercase;opacity:0.75}
.main-figure{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.4rem}
.main-figure a{color:inherit;text-decoration:none;font-size:16px;transition:opacity 260ms cubic-bezier(0.22, 0.61, 0.36, 1)}
.main-figure a:hover,
.main-figure a:focus-visible{opacity:0.75;text-decoration:underline;color:inherit}
.narrow-area{margin:0;padding-top:calc(1rem * 1.5);border-top:1px solid rgba(255, 255, 255, 0.18);font-size:calc(16px * .875);opacity:0.85;max-width:90ch}
.open-method{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:space-between;align-items:center;font-size:calc(16px * .875);opacity:0.8}
.public-surface{margin:0}
@media (max-width: 900px) {.service-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width: 600px) {.main-form{padding:1.1rem 1.25rem;gap:1.1rem}.service-grid{grid-template-columns:1fr}.plain-view{font-size:20px}
}
.soft-links {
position: fixed;
top: 35%;
right: 1.25rem;
width: min(320px, calc(100vw - 1.25rem * 2));
background: #ffffff;
color: #1e293b;
border: 1px solid #d8dee7;
border-radius: 0.9rem;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
padding: calc(1.1rem * .75);
z-index: 9999;
font-family: "Inter", sans-serif;
font-size: calc(16px * .875);
line-height: 1.6;
display: flex;
flex-direction: column;
gap: 1rem;
transition: opacity 260ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.soft-links[hidden]{display: none;}
.soft-links.aviso-oculto{opacity: 0;
transform: translateX(calc(1rem * 1));
pointer-events: none;}
.direct-story {
display: block;
}
.simple-area {
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.3;
}
.service-plan {
display: flex;
flex-direction: column;
gap: calc(1rem / 2);
}
.public-inner {
margin: 0;
font-size: calc(16px * .875);
color: #334155;
}
.page-frame {
color: #1e293b;
text-decoration: underline;
}
.page-frame:hover {
color: #f59e0b;
}
.local-wrap {
display: flex;
flex-direction: column;
gap: calc(1rem / 2);
}
.top-summary {
display: block;
width: 100%;
padding: 0.6rem 1rem;
font-family: inherit;
font-size: calc(16px * .875);
font-weight: 500;
line-height: 1.2;
border-radius: 0.6rem;
border: 1px solid transparent;
cursor: pointer;
transition: background-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1), color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.simple-surface {
background: var(--line-cool);
color: #f8fafc;
border-color: var(--line-cool);
}
.simple-surface:hover{
background: #0f172a;
border-color: #0f172a;color:#1e293b;}
.secondary-team {
background: transparent;
color: #1e293b;
border-color: #d8dee7;
}
.secondary-team:hover{
background: color-mix(in srgb, currentColor 10%, transparent);color:#1e293b;}
@media (max-width: 640px) {
.soft-links {
top: auto;
bottom: 1.1rem;
right: 1.25rem;
left: 1.25rem;
width: auto;
}
}
.strong-details{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.5rem 4rem;
}
.strong-details .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 3.5rem;
align-items: start;}
.strong-details .media-view{display: flex;
flex-direction: column;
gap: 1.1rem;}
.strong-details h1{font-size: 52px;
line-height: 1.08;
letter-spacing: -0.015em;
margin: 0;}
.strong-details .local-quote{font-size: 20px;
line-height: 1.45;
margin: 0;}
.strong-details .copy{font-size: 1rem;
line-height: 1.65;
margin: 0;}
.strong-details .visual-grid{font-size: 0.95rem;
line-height: 1.6;
margin: 0;}
.strong-details .secondary-group{display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.25rem;
margin-top: 0.6rem;}
.strong-details .primary{
display: inline-block;
background: #f59e0b;
color: #1c1917;
padding: 0.85rem 1.5rem;
border-radius: 0.6rem;
font-weight: 600;
text-decoration: none;
transition: background 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.strong-details .primary:hover{
background: #d97706;color:#1e293b;}
.strong-details .route{text-decoration: none;
font-weight: 500;
border-bottom: 1px solid transparent;
transition: border-color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.strong-details .route:hover{border-bottom-color: var(--line-cool, #1e293b);}
.strong-details .main-headline{margin: 0;
display: flex;
flex-direction: column;
gap: 0.75rem;}
.strong-details .main-headline img{display: block;
width: 100%;
height: auto;
border-radius: 0.9rem;
box-shadow: var(--shadow-soft, 0 6px 18px rgba(15, 23, 42, 0.12));}
.strong-details .main-headline figcaption{font-size: 0.85rem;
line-height: 1.5;}
@media (max-width: 860px) {.strong-details{
padding: 3rem 1.25rem 2.5rem;
}.strong-details .focused-list{
grid-template-columns: 1fr;
gap: 2.25rem;
}.strong-details h1{
font-size: 38px;
}.strong-details .local-quote{
font-size: 18px;
}
}
.strong-details{
background: #0f172a;
color: #f8fafc;
}
.fresh-media{
background: #f4f5f7;
color: #1e293b;
padding: 4rem 1.25rem;
}
.fresh-media .focused-list{max-width: 1200px;
margin: 0 auto;}
.fresh-media h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.fresh-media .media-view{font-size: 20px;
line-height: 1.55;
margin: 0 0 2.5rem;
color: #334155;}
.fresh-media .narrow-group{display: flex;
flex-direction: column;
gap: 1.75rem;}
.fresh-media .featured-panel{
background: #ffffff;
color: #1e293b;
border: 1px solid #d8dee7;
border-radius: 0.9rem;
padding: 1.5rem 1.6rem;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
gap: 0.75rem 2rem;
align-items: start;
}
.fresh-media .featured-panel h3{font-size: 24px;
line-height: 1.25;
margin: 0;
grid-column: 1;
grid-row: 1;}
.fresh-media .featured-panel .page-details{grid-column: 1;
grid-row: 2;
margin: 0;
font-size: 15px;
line-height: 1.55;
color: #334155;}
.fresh-media .featured-panel .action,
.fresh-media .featured-panel .result{grid-column: 2;
margin: 0;
font-size: 15.5px;
line-height: 1.6;}
.fresh-media .featured-panel .action{grid-row: 1;}
.fresh-media .featured-panel .result{grid-row: 2;
margin-top: 0.5rem;}
.fresh-media .featured-panel .action::before,
.fresh-media .featured-panel .result::before{font-weight: 600;
letter-spacing: 0.02em;}
.fresh-media .visual-grid{margin: 2.5rem 0 0;
font-size: 15px;
line-height: 1.6;
color: #334155;}
.fresh-media .visual-grid a{color: #1e293b;
text-decoration: underline;
text-underline-offset: 3px;}
.fresh-media .visual-grid a:hover{color:inherit;}
@media (max-width: 780px) {.fresh-media{
padding: 3rem 1.1rem;
}.fresh-media h2{
font-size: 26px;
}.fresh-media .media-view{
font-size: 17px;
margin-bottom: 2rem;
}.fresh-media .featured-panel{
grid-template-columns: 1fr;
gap: 0.6rem;
padding: 1.25rem 1.2rem;
}.fresh-media .featured-panel h3,
.fresh-media .featured-panel .page-details,
.fresh-media .featured-panel .action,
.fresh-media .featured-panel .result{
grid-column: 1;
grid-row: auto;
}.fresh-media .featured-panel h3{
font-size: 20px;
}.fresh-media .featured-panel .result{
margin-top: 0;
}
}
.fresh-media{
background: #f4f5f7;
color: #1e293b;
}
.public-list{
--paint-clear: #f59e0b;
--surface-primary: #1c1917;
--label-meta: #d8dee7;
background: #f4f5f7;
color: #1e293b;
padding: 4rem 1.25rem;
}
.public-list .focused-list{max-width: 1200px;
margin: 0 auto;}
.public-list h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.public-list .media-view{font-size: 20px;
line-height: 1.6;
margin: 0 0 2.5rem;}
.public-list .site-actions{display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem 2.5rem;}
.public-list .focused-benefit h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;}
.public-list .focused-benefit p{margin: 0;
line-height: 1.6;}
.public-list .focused-benefit:nth-child(1) h3,
.public-list .focused-benefit:nth-child(4) h3{
color: var(--surface-primary);
background: var(--paint-clear);
display: inline-block;
padding: 0.15rem 0.5rem;
border-radius: 0.35rem;
}
.public-list .route{margin: 3rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid var(--label-meta);
line-height: 1.6;}
.public-list .route a{text-decoration: underline;
text-underline-offset: 3px;}
.public-list .route a:hover{}
@media (max-width: 900px) {.public-list .site-actions{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {.public-list{
padding: 2.75rem 1.1rem;
}.public-list h2{
font-size: 28px;
}.public-list .media-view{
font-size: 18px;
margin-bottom: 2rem;
}.public-list .site-actions{
grid-template-columns: 1fr;
gap: 1.75rem;
}.public-list .focused-benefit h3{
font-size: 21px;
}
}
.public-list{
background: #0f172a;
color: #f8fafc;
}
.visual-intro{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.visual-intro .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
gap: 3rem;
align-items: start;}
.visual-intro h2{font-size: 36px;
line-height: 1.15;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.visual-intro .media-view p{font-size: 20px;
line-height: 1.6;
margin: 0 0 1rem;}
.visual-intro .media-view p:last-child{font-size: 1rem;color:inherit;
margin-bottom: 0;}
.visual-intro .action{padding-top: 0.4rem;}
.visual-intro .offer-figure{
display: inline-block;
background: #f59e0b;
color: #1c1917;
font-weight: 600;
font-size: 1.05rem;
line-height: 1.3;
padding: 1rem 1.5rem;
border-radius: 0.6rem;
text-decoration: none;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.visual-intro .offer-figure:hover{
background: #d97706;color:#1e293b;}
.visual-intro .route{margin: 1.4rem 0 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
font-size: 0.9rem;}
.visual-intro .route a{color:inherit;
text-decoration: none;
border-bottom: 1px solid transparent;
align-self: flex-start;}
.visual-intro .route a:hover{border-bottom-color: #f59e0b;}
@media (max-width: 860px) {.visual-intro{
padding: 3rem 1.1rem;
}.visual-intro .focused-list{
grid-template-columns: 1fr;
gap: 2rem;
}.visual-intro h2{
font-size: 28px;
}.visual-intro .media-view p{
font-size: 1.05rem;
}
}
.visual-intro{
background: #f4f5f7;
color: #1e293b;
}
.contact-section{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.contact-section .focused-list{max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.25rem;}
.contact-section h1{font-size: 52px;
line-height: 1.12;
letter-spacing: -0.015em;
margin: 0;
max-width: 22ch;}
.contact-section .media-view{font-size: 20px;
line-height: 1.55;
margin: 0;}
.contact-section h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 0.9rem;}
.contact-section h3{font-size: 24px;
line-height: 1.25;
margin: 0 0 0.4rem;}
.contact-section p{margin: 0 0 1rem;
line-height: 1.6;}
.contact-section p:last-child{margin-bottom: 0;}
.contact-section .compact-frame,
.contact-section .main-intro{display: flex;
flex-direction: column;
gap: 0.35rem;}
.contact-section .main-intro ul{list-style: none;
margin: 0.5rem 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.75rem 2.5rem;}
.contact-section .main-intro li{padding-top: 1.1rem;
border-top: 1px solid #d8dee7;}
.contact-section .fresh-shell{
padding: 1.5rem 1.6rem;
background: #e2e8f0;
color: #334155;
border-radius: 0.9rem;
line-height: 1.6;
}
@media (max-width: 760px) {.contact-section{
padding: 3rem 1.1rem;
}.contact-section h1{
font-size: 34px;
}.contact-section h2{
font-size: 26px;
}.contact-section h3{
font-size: 20px;
}.contact-section .media-view{
font-size: 17px;
}.contact-section .main-intro ul{
grid-template-columns: 1fr;
gap: 1.4rem;
}
}
.contact-section{
background: #0f172a;
color: #f8fafc;
}
.visual{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.visual .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 3.5rem;
align-items: start;}
.visual h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.visual .media-view p{margin: 0;
font-size: 1.0625rem;
line-height: 1.65;}
.visual .quiet-items{display: flex;
flex-direction: column;
gap: 1.75rem;}
.visual .featured-feature{display: flex;
flex-direction: column;
gap: 0.35rem;}
.visual .site-benefit{font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #334155;}
.visual .featured-feature a{font-size: 1.125rem;
color: inherit;
text-decoration: none;
border-bottom: 1px solid #f59e0b;
align-self: flex-start;
padding-bottom: 2px;
transition: color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.visual .featured-feature a:hover{color:inherit;}
.visual .featured-feature p{margin: 0.35rem 0 0;
font-size: 0.9375rem;
line-height: 1.55;
color: #334155;}
.visual address{font-style: normal;
font-size: 1rem;
line-height: 1.5;}
.visual .visual-grid{grid-column: 1 / -1;
margin: 0.5rem 0 0;
padding-top: 2rem;
font-size: 0.9375rem;
line-height: 1.6;
color: #334155;}
.visual .visual-grid a{color: inherit;
text-decoration: underline;
text-decoration-color: #f59e0b;
text-underline-offset: 3px;}
@media (max-width: 780px) {.visual{
padding: 3rem 1.25rem;
}.visual .focused-list{
grid-template-columns: 1fr;
gap: 2.5rem;
}.visual h2{
font-size: 1.75rem;
}
}
.visual{
background: #f4f5f7;
color: #1e293b;
}
.content-rail{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.5rem;
}
.content-rail .focused-list{max-width: 1080px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.4rem;}
.content-rail h2{font-size: 36px;
line-height: 1.2;
margin: 0;
letter-spacing: -0.01em;}
.content-rail .media-view{font-size: 20px;
line-height: 1.55;
margin: 0;}
.content-rail .wide-body{display: grid;
grid-template-columns: minmax(180px, 240px) 1fr;
gap: 2rem;
align-items: start;}
.content-rail .wide-body h3{font-size: 24px;
line-height: 1.3;
margin: 0;
font-weight: 600;}
.content-rail .wide-body p{margin: 0 0 0.9rem;
line-height: 1.65;}
.content-rail .wide-body p:last-child{margin-bottom: 0;}
.content-rail .visual-grid{font-size: 0.9rem;
font-style: normal;
padding-top: 0.4rem;}
@media (max-width: 720px) {.content-rail{
padding: 3rem 1.25rem;
}.content-rail h2{
font-size: 28px;
}.content-rail .media-view{
font-size: 17px;
}.content-rail .wide-body{
grid-template-columns: 1fr;
gap: 0.8rem;
}.content-rail .wide-body h3{
font-size: 20px;
}
}
.content-rail{
background: #0f172a;
color: #f8fafc;
}
.local-intro{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.local-intro .focused-list{max-width: 1200px;
margin: 0 auto;}
.local-intro h2{font-size: 2.25rem;
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0 0 1.5rem;
max-width: 22ch;}
.local-intro .media-view{font-size: 1.125rem;
line-height: 1.65;
margin: 0 0 2.75rem;
max-width: 68ch;}
.local-intro .benefit{display: flex;
flex-direction: column;
gap: 2rem;
margin: 0 0 2.75rem;}
.local-intro .visual-grid{display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 1.5rem 2.5rem;
align-items: start;
padding-top: 1.75rem;
border-top: 1px solid #d8dee7;}
.local-intro .visual-grid:first-child{padding-top: 0;
border-top: 0;}
.local-intro .visual-grid h3{font-size: 1.35rem;
line-height: 1.3;
margin: 0;}
.local-intro .visual-grid p{margin: 0;
font-size: 1rem;
line-height: 1.7;
color: #334155;}
.local-intro .fresh-shell{font-size: 1rem;
line-height: 1.7;
margin: 0;
padding-top: 1.5rem;
border-top: 1px solid #d8dee7;}
.local-intro .fresh-shell a{color: #1e293b;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.local-intro .fresh-shell a:hover{color:inherit;}
@media (max-width: 720px) {.local-intro{
padding: 3rem 1.1rem;
}.local-intro h2{
font-size: 1.7rem;
}.local-intro .media-view{
font-size: 1.05rem;
margin-bottom: 2rem;
}.local-intro .visual-grid{
grid-template-columns: 1fr;
gap: 0.6rem;
}.local-intro .visual-grid h3{
font-size: 1.2rem;
}
}
.local-intro{
background: #f4f5f7;
color: #1e293b;
}
.visual-links{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.visual-links .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
grid-template-areas:
"lead note"
"shot shot";
gap: 2.5rem 3rem;
align-items: start;}
.visual-links .media-view{grid-area: lead;}
.visual-links .media-view h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.visual-links .media-view p{font-size: 1.0625rem;
line-height: 1.65;
margin: 0 0 1.1rem;}
.visual-links .media-view p:last-child{margin-bottom: 0;}
.visual-links .visual-grid{
grid-area: note;
background: #e2e8f0;
color: #334155;
padding: 1.5rem 1.5rem 1.4rem;
border-radius: 0.9rem;
}
.visual-links .bottom-footer{font-size: 0.8125rem;
letter-spacing: 0.08em;
text-transform: uppercase;
margin: 0 0 0.75rem;}
.visual-links .visual-grid p{font-size: 0.9375rem;
line-height: 1.6;
margin: 0 0 1rem;}
.visual-links .visual-grid a{display: inline-block;
font-weight: 600;
font-size: 0.9375rem;
text-decoration: none;
border-bottom: 2px solid #f59e0b;
padding-bottom: 2px;
transition: color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.visual-links .visual-grid a:hover{}
.visual-links .service-entries{grid-area: shot;
margin: 0;}
.visual-links .service-entries img{display: block;
width: 100%;
height: auto;
border-radius: 0.9rem;
box-shadow: var(--depth-panel, 0 1px 2px rgba(15, 23, 42, 0.08));}
.visual-links .service-entries figcaption{margin-top: 0.75rem;
font-size: 0.875rem;}
@media (max-width: 860px) {.visual-links{
padding: 3rem 1.1rem;
}.visual-links .focused-list{
grid-template-columns: 1fr;
grid-template-areas:
"lead"
"note"
"shot";
gap: 2rem;
}.visual-links .media-view h2{
font-size: 28px;
}
}
.visual-links{
background: #0f172a;
color: #f8fafc;
}
.public-list{
--space-section: 1.75rem;
background: #f4f5f7;
color: #1e293b;
padding: 4rem 1.25rem;
}
.public-list .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
gap: 2.5rem;}
.public-list .media-view{display: grid;
gap: 1rem;}
.public-list h1{font-size: 52px;
line-height: 1.15;
margin: 0;
letter-spacing: -0.01em;}
.public-list .compact-details{font-size: 20px;
line-height: 1.6;
margin: 0;
color: #334155;}
.public-list .welcome{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-section) 2.5rem;}
.public-list .focused-benefit{display: grid;
gap: 0.5rem;
align-content: start;}
.public-list .focused-benefit h2{font-size: 24px;
line-height: 1.3;
margin: 0;
font-weight: 600;}
.public-list .focused-benefit p{margin: 0;
line-height: 1.65;
color: #334155;}
.public-list .visual-grid{
grid-column: 1 / -1;
background: #e2e8f0;
color: #334155;
border-radius: 0.9rem;
padding: 1.25rem 1.4rem;
}
.public-list .visual-grid p{margin: 0;
line-height: 1.65;}
.public-list .visual-grid a{color: #1e293b;
text-decoration: underline;
text-underline-offset: 3px;}
.public-list .visual-grid a:hover{color: #0f172a;}
.public-list .service-entries{
margin: 0;
border-radius: 0.9rem;
overflow: hidden;
background: #ffffff;
box-shadow: var(--depth-panel, 0 1px 2px rgba(15, 23, 42, 0.08));color:#1e293b;}
.public-list .service-entries img{display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 7;
object-fit: cover;}
@media (max-width: 860px) {.public-list{
padding: 3rem 1.1rem;
}.public-list .welcome{
grid-template-columns: 1fr;
gap: 1.5rem;
}.public-list h1{
font-size: 34px;
}.public-list .compact-details{
font-size: 18px;
}.public-list .service-entries img{
aspect-ratio: 16 / 10;
}
}
.public-list{
background: #f4f5f7;
color: #1e293b;
}
.text-steps{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.5rem;
}
.text-steps .focused-list{max-width: 1200px;
margin: 0 auto;}
.text-steps h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.text-steps .compact-details{font-size: 20px;
line-height: 1.55;
margin: 0 0 2.75rem;
max-width: 68ch;}
.text-steps .offer-note{display: flex;
flex-direction: column;
gap: 2rem;}
.text-steps .featured-panel{display: grid;
grid-template-columns: minmax(220px, 320px) 1fr;
gap: 1.5rem 3rem;
align-items: start;
padding-bottom: 2rem;
border-bottom: 1px solid #d8dee7;}
.text-steps .featured-panel:last-child{border-bottom: none;
padding-bottom: 0;}
.text-steps .featured-panel h3{font-size: 24px;
line-height: 1.3;
margin: 0;
font-weight: 600;}
.text-steps .featured-panel p{margin: 0;
line-height: 1.65;}
.text-steps .route{margin: 3rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.text-steps .route a{text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.text-steps .route a:hover{}
@media (max-width: 760px) {.text-steps{
padding: 3rem 1.1rem;
}.text-steps h2{
font-size: 28px;
}.text-steps .compact-details{
font-size: 17px;
margin-bottom: 2rem;
}.text-steps .featured-panel{
grid-template-columns: 1fr;
gap: 0.6rem;
padding-bottom: 1.5rem;
}.text-steps .featured-panel h3{
font-size: 20px;
}
}
.text-steps{
background: #0f172a;
color: #f8fafc;
}
.active-method{
--type-nav: #d8dee7;
--axis-active: #f59e0b;
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem 5rem;
}
.active-method .focused-list{max-width: 1200px;
margin: 0 auto;}
.active-method .compact-details{margin-bottom: 3rem;}
.active-method .compact-details h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.active-method .compact-details p{font-size: 20px;
line-height: 1.6;
margin: 0;
color: #334155;}
.active-method .fresh-proof{list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--type-nav);}
.active-method .wide-rail{display: grid;
grid-template-columns: 4.5rem 1fr;
gap: 1.5rem;
padding: 1.9rem 0;
border-bottom: 1px solid var(--type-nav);
align-items: start;}
.active-method .public-feature{font-size: 15px;
letter-spacing: 0.06em;color:inherit;
padding-top: 0.35rem;}
.active-method .body h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;
font-weight: 600;}
.active-method .body p{margin: 0;
line-height: 1.65;
color: #334155;}
.active-method .route{margin: 2.5rem 0 0;
font-size: 16px;
line-height: 1.6;
color: #334155;}
.active-method .route a{color: #1e293b;
text-decoration: underline;
text-decoration-color: var(--axis-active);
text-decoration-thickness: 2px;
text-underline-offset: 3px;}
.active-method .route a:hover{color: #0f172a;
text-decoration-color: #d97706;}
@media (max-width: 720px) {.active-method{
padding: 3rem 1.1rem 3.5rem;
}.active-method .compact-details h2{
font-size: 27px;
}.active-method .compact-details p{
font-size: 17px;
}.active-method .wide-rail{
grid-template-columns: 1fr;
gap: 0.5rem;
padding: 1.5rem 0;
}.active-method .public-feature{
padding-top: 0;
}.active-method .body h3{
font-size: 20px;
}
}
.active-method{
background: #f4f5f7;
color: #1e293b;
}
.team-lead{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.team-lead .focused-list{max-width: 1080px;
margin: 0 auto;}
.team-lead .compact-details{margin-bottom: 3rem;}
.team-lead h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;
font-weight: 600;}
.team-lead .media-view{font-size: 20px;
line-height: 1.55;
margin: 0;}
.team-lead .offer-note{display: flex;
flex-direction: column;
gap: 2.25rem;}
.team-lead .featured-panel h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;
font-weight: 600;}
.team-lead .featured-panel p{margin: 0;
line-height: 1.65;}
.team-lead .visual-grid{
margin: 3rem 0 0;
padding: 1.1rem 1.25rem;
background: #e2e8f0;
color: #334155;
border-radius: 0.6rem;
line-height: 1.6;
font-size: 0.95rem;
}
@media (max-width: 640px) {.team-lead{
padding: 3rem 1rem;
}.team-lead h2{
font-size: 28px;
}.team-lead .media-view{
font-size: 18px;
}.team-lead .featured-panel h3{
font-size: 20px;
}
}
.team-lead{
background: #0f172a;
color: #f8fafc;
}
.visual-intro{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.visual-intro .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 3.5rem;
align-items: start;}
.visual-intro .wide-inner :is(h2,h1){
font-size: 36px;
line-height: 1.2;
margin: 0 0 1.4rem;
letter-spacing: -0.01em;
}
.visual-intro .wide-inner p{font-size: 20px;
line-height: 1.6;
margin: 0 0 1.1rem;color:inherit;}
.visual-intro .wide-inner p:last-child{margin-bottom: 0;}
.visual-intro .action{
background: #ffffff;
color: #1e293b;
border: 1px solid #d8dee7;
border-radius: 0.9rem;
padding: 2rem 1.75rem;
box-shadow: var(--depth-panel, 0 1px 2px rgba(15, 23, 42, 0.08));
}
.visual-intro .primary{
display: inline-block;
background: #f59e0b;
color: #1c1917;
font-size: 1.05rem;
font-weight: 600;
text-decoration: none;
padding: 0.95rem 1.5rem;
border-radius: 0.6rem;
transition: background 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.visual-intro .primary:hover,
.visual-intro .primary:focus-visible{
background: #d97706;color:#1e293b;}
.visual-intro .route{margin: 1.5rem 0 0;
font-size: 0.95rem;
line-height: 1.6;color:inherit;}
.visual-intro .route a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.visual-intro .route a:hover,
.visual-intro .route a:focus-visible{color:inherit;}
@media (max-width: 860px) {.visual-intro{
padding: 3.25rem 1.25rem;
}.visual-intro .focused-list{
grid-template-columns: 1fr;
gap: 2.25rem;
}.visual-intro .wide-inner :is(h2,h1){
font-size: 1.75rem;
}.visual-intro .wide-inner p{
font-size: 1.05rem;
}
}
.team-lead{
background: #f4f5f7;
color: #1e293b;
padding: 3.5rem 1.25rem;
font-size: 16px;
line-height: 1.6;
}
.team-lead .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
gap: 2.25rem;}
.team-lead .media-view h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 0.9rem;
font-weight: 600;}
.team-lead .media-view p{margin: 0;
font-size: 20px;
line-height: 1.55;}
.team-lead .offer-note{display: grid;
gap: 1.75rem;}
.team-lead .featured-panel h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.55rem;
font-weight: 600;}
.team-lead .featured-panel p{margin: 0;}
.team-lead .visual-grid{margin: 0;
padding-top: 1.5rem;
border-top: 1px solid #d8dee7;
font-size: 14px;
line-height: 1.7;}
.team-lead .visual-grid a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.team-lead .visual-grid a:hover{}
@media (min-width: 860px) {.team-lead{
padding: 4.5rem 2rem;
}.team-lead .focused-list{
grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
column-gap: 3.5rem;
row-gap: 2.5rem;
align-items: start;
}.team-lead .offer-note{
gap: 2rem;
}.team-lead .visual-grid{
grid-column: 1 / -1;
}
}
@media (max-width: 600px) {.team-lead .media-view h2{
font-size: 27px;
}.team-lead .media-view p{
font-size: 17px;
}.team-lead .featured-panel h3{
font-size: 20px;
}
}
.featured-details{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.featured-details .focused-list{max-width: 1080px;
margin: 0 auto;}
.featured-details h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.25rem;}
.featured-details .media-view{font-size: 20px;
line-height: 1.55;
margin: 0 0 1rem;color:inherit;}
.featured-details .offer-note{margin-top: 3rem;
display: flex;
flex-direction: column;
gap: 2.75rem;}
.featured-details .contact-list{display: grid;
grid-template-columns: minmax(0, 1fr) 260px;
gap: 2rem;
align-items: start;}
.featured-details .row-text h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;}
.featured-details .row-text p{margin: 0;
line-height: 1.65;color:inherit;}
.featured-details .contact-list img{width: 100%;
height: 170px;
object-fit: cover;
border-radius: 0.6rem;
display: block;}
.featured-details .contact-list:not(:has(img)){grid-template-columns: minmax(0, 1fr);}
.featured-details .route{margin: 3rem 0 0;
line-height: 1.65;color:inherit;}
.featured-details .route a{color: #f59e0b;
text-decoration: none;
border-bottom: 1px solid #f59e0b;
padding-bottom: 1px;}
.featured-details .route a:hover{color: #d97706;
border-bottom-color: #d97706;}
@media (max-width: 720px) {.featured-details{
padding: 3rem 1.1rem;
}.featured-details h2{
font-size: 1.75rem;
}.featured-details .media-view{
font-size: 1.05rem;
}.featured-details .contact-list{
grid-template-columns: minmax(0, 1fr);
gap: 1.25rem;
}.featured-details .contact-list img{
height: 200px;
}
}
.featured-details{
background: #f4f5f7;
color: #1e293b;
}
.page-nav{
background: #f4f5f7;
color: #1e293b;
padding: 4rem 1.25rem 4.5rem;
}
.page-nav .focused-list{max-width: 1200px;
margin: 0 auto;}
.page-nav .compact-details{margin-bottom: 2.75rem;}
.page-nav .compact-details h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.page-nav .compact-details p{font-size: 20px;
line-height: 1.6;
margin: 0;}
.page-nav .narrow-group{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem 2.25rem;}
.page-nav .local-plan{grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 2rem;
align-items: center;}
.page-nav .service-entries{
margin: 0;
background: #ffffff;
border: 1px solid #d8dee7;
border-radius: 0.9rem;
overflow: hidden;
box-shadow: var(--depth-panel, 0 1px 2px rgba(15, 23, 42, 0.08));color:#1e293b;}
.page-nav .service-entries img{display: block;
width: 100%;
height: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;}
.page-nav .local-plan .service-entries img{aspect-ratio: 16 / 9;}
.page-nav .primary-figure{padding-top: 0.25rem;}
.page-nav .team-grid{font-size: 0.8125rem;
letter-spacing: 0.04em;
text-transform: uppercase;
margin: 0 0 0.5rem;}
.page-nav .primary-figure h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.65rem;}
.page-nav .primary-figure p:last-child{margin: 0;
line-height: 1.6;}
.page-nav .featured-panel:not(.local-plan) .primary-figure{margin-top: 1.1rem;}
@media (max-width: 860px) {.page-nav{
padding: 3rem 1.25rem 3.5rem;
}.page-nav .narrow-group{
grid-template-columns: minmax(0, 1fr);
gap: 2.25rem;
}.page-nav .local-plan{
grid-template-columns: minmax(0, 1fr);
gap: 1.1rem;
}.page-nav .compact-details h2{
font-size: 28px;
}.page-nav .compact-details p{
font-size: 18px;
}
}
.page-nav{
background: #0f172a;
color: #f8fafc;
}
.visual-area{
background: #f4f5f7;
color: #1e293b;
padding: 3rem 1.25rem 3.5rem;
}
.visual-area .focused-list{max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.6rem;}
.visual-area h1{font-size: 52px;
line-height: 1.1;
margin: 0;
letter-spacing: -0.01em;}
.visual-area .media-view{font-size: 20px;
line-height: 1.55;
margin: 0;color:inherit;}
.visual-area .main-method{display: grid;
grid-template-columns: 1.1fr 1fr 1.2fr;
gap: 1.4rem 2rem;
margin-top: 0.4rem;}
.visual-area .featured-panel{display: flex;
flex-direction: column;
gap: 0.5rem;}
.visual-area .team-grid{font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;color:inherit;}
.visual-area .featured-panel p{margin: 0;
line-height: 1.6;color:inherit;}
.visual-area a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.visual-area a:hover{color:inherit;}
.visual-area .visual-grid{margin: 0.2rem 0 0;
padding-top: 1.2rem;
border-top: 1px solid #d8dee7;
line-height: 1.6;color:inherit;}
@media (max-width: 860px) {.visual-area{ padding: 2.2rem 1rem 2.6rem; }.visual-area h1{ font-size: 34px; }.visual-area .media-view{ font-size: 17px; }.visual-area .main-method{
grid-template-columns: 1fr;
gap: 1.2rem;
}
}
.visual-area{
background: #f4f5f7;
color: #1e293b;
}
.public-list{
background: #f4f5f7;
color: #1e293b;
padding: 3.5rem 1.25rem;
}
.public-list .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
gap: 2.5rem 3.5rem;
align-items: start;}
.public-list .media-view h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.public-list .media-view p{margin: 0;
font-size: 1.05rem;
line-height: 1.6;}
.public-list .site-actions{display: flex;
flex-direction: column;
gap: 1.6rem;}
.public-list .focused-benefit h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.5rem;
font-weight: 600;}
.public-list .focused-benefit p{margin: 0;
font-size: 1rem;
line-height: 1.65;}
.public-list .route{grid-column: 1 / -1;
margin: 0.5rem 0 0;
font-size: 0.98rem;}
.public-list .route a{text-decoration: underline;
text-underline-offset: 3px;}
.public-list .route a:hover{}
@media (max-width: 860px) {.public-list{
padding: 2.5rem 1.1rem;
}.public-list .focused-list{
grid-template-columns: 1fr;
gap: 2rem;
}.public-list .media-view h2{
font-size: 28px;
}.public-list .focused-benefit h3{
font-size: 20px;
}
}
.plain-content{
background: #f4f5f7;
color: #1e293b;
padding: 4rem 1.25rem;
}
.plain-content .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 3rem 4rem;
align-items: start;}
.plain-content .media-view{grid-column: 1;}
.plain-content .media-view h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;}
.plain-content .compact-details{font-size: 20px;
line-height: 1.55;
margin: 0;}
.plain-content .fresh-proof{grid-column: 2;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.75rem;}
.plain-content .wide-rail{padding: 0;}
.plain-content .wide-rail h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.5rem;}
.plain-content .wide-rail p{margin: 0;
line-height: 1.65;}
.plain-content .benefit{
grid-column: 1 / -1;
background: #e2e8f0;
color: #334155;
border-radius: 0.9rem;
padding: 1.5rem 1.75rem;
}
.plain-content .benefit h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;}
.plain-content .benefit p{margin: 0;
line-height: 1.65;}
@media (max-width: 860px) {.plain-content{
padding: 2.75rem 1.1rem;
}.plain-content .focused-list{
grid-template-columns: 1fr;
gap: 2rem;
}.plain-content .media-view,
.plain-content .fresh-proof,
.plain-content .benefit{
grid-column: 1;
}.plain-content .media-view h2{
font-size: 28px;
}.plain-content .compact-details{
font-size: 18px;
}.plain-content .wide-rail h3,
.plain-content .benefit h3{
font-size: 20px;
}
}
.plain-content{
background: #f4f5f7;
color: #1e293b;
}
.narrow-summary{
--ink-page: #f4f5f7;
--ink-inverse: #1e293b;
--paint-secondary: #ffffff;
--tone-extra-11: #d8dee7;
--line-secondary: #f59e0b;
background: var(--ink-page);
color: var(--ink-inverse);
padding: 4rem 1.25rem;
}
.narrow-summary .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
gap: 3.5rem;
align-items: start;}
.narrow-summary .media-view h1{font-size: 52px;
line-height: 1.15;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.narrow-summary .media-view p{font-size: 20px;
line-height: 1.55;
margin: 0 0 1rem;}
.narrow-summary .main-method{display: flex;
flex-direction: column;
gap: 1.75rem;}
.narrow-summary .featured-panel{
background: var(--paint-secondary);
border: 1px solid var(--tone-extra-11);
border-radius: 0.9rem;
padding: 1.5rem 1.6rem;
box-shadow: var(--depth-panel, 0 1px 2px rgba(15, 23, 42, 0.08));color:#1e293b;}
.narrow-summary .featured-panel h2{font-size: 24px;
margin: 0 0 0.5rem;
font-weight: 600;}
.narrow-summary .featured-panel p{margin: 0 0 0.9rem;
line-height: 1.6;}
.narrow-summary .featured-panel a{display: inline-block;
font-size: 1rem;
text-decoration: none;
border-bottom: 2px solid var(--line-secondary);
padding-bottom: 2px;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.narrow-summary .featured-panel a:hover,
.narrow-summary .featured-panel a:focus-visible{border-bottom-color: var(--ink-inverse);}
.narrow-summary .visual-grid{grid-column: 1 / -1;
margin: 0;
padding-top: 0.5rem;
font-size: 1rem;
line-height: 1.6;}
@media (max-width: 860px) {.narrow-summary{
padding: 2.75rem 1.1rem;
}.narrow-summary .focused-list{
grid-template-columns: 1fr;
gap: 2.25rem;
}.narrow-summary .media-view h1{
font-size: 34px;
}.narrow-summary .media-view p{
font-size: 18px;
}
}
.narrow-summary{
background: #0f172a;
color: #f8fafc;
}
.text-steps{
background: #f4f5f7;
color: #1e293b;
padding: 4rem 1.25rem;
}
.text-steps .focused-list{max-width: 1200px;
margin: 0 auto;}
.text-steps h2{font-size: 36px;
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.text-steps .media-view{font-size: 20px;
line-height: 1.55;
color: #334155;
margin: 0 0 2.5rem;}
.text-steps .narrow-group{margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.75rem;}
.text-steps .featured-panel{display: grid;
grid-template-columns: minmax(220px, 1fr) 2fr;
gap: 0.5rem 2rem;
align-items: start;
padding-top: 1.5rem;
border-top: 1px solid #d8dee7;}
.text-steps .featured-panel:first-child{border-top: 0;
padding-top: 0;}
.text-steps .featured-panel dt{font-weight: 600;
font-size: 1.05rem;
line-height: 1.4;
margin: 0;}
.text-steps .featured-panel dd{margin: 0;
line-height: 1.65;
color: #334155;}
.text-steps .route{margin: 2.75rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid #d8dee7;
font-size: 0.98rem;
color: #334155;}
.text-steps .route a{color: #1e293b;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.text-steps .route a:hover{color:inherit;}
@media (max-width: 720px) {.text-steps{
padding: 2.75rem 1rem;
}.text-steps h2{
font-size: 1.75rem;
}.text-steps .media-view{
font-size: 1.05rem;
margin-bottom: 2rem;
}.text-steps .featured-panel{
grid-template-columns: 1fr;
gap: 0.4rem;
}
}
.text-steps{
background: #f4f5f7;
color: #1e293b;
}
.visual-area{
background: #f4f5f7;
color: #1e293b;
padding: 3.5rem 1.25rem 4rem;
}
.visual-area .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
gap: 2.5rem;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
grid-template-areas:
"lead routes"
"next routes";
align-items: start;}
.visual-area .media-view{grid-area: lead;
display: grid;
gap: 1rem;}
.visual-area .media-view h2{font-size: 2.25rem;
line-height: 1.15;
margin: 0;
letter-spacing: -0.01em;}
.visual-area .media-view p{margin: 0;
font-size: 1.0625rem;
line-height: 1.65;}
.visual-area .clear-details{grid-area: routes;
display: grid;
gap: 1.75rem;
padding-top: 0.25rem;}
.visual-area .route{display: grid;
gap: 0.35rem;}
.visual-area .route h3{font-size: 1.125rem;
margin: 0;
letter-spacing: 0.01em;}
.visual-area .route p{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.visual-area .route a{text-decoration: none;
font-size: 0.95rem;
border-bottom: 1px solid currentColor;
justify-self: start;
padding-bottom: 1px;
transition: color 200ms ease;}
.visual-area .route a:hover{}
.visual-area .text{font-size: 0.9rem;
line-height: 1.55;}
.visual-area .quiet-figure{grid-area: next;
display: grid;
gap: 0.75rem;
padding-top: 0.5rem;}
.visual-area .quiet-figure h3{font-size: 1.125rem;
margin: 0;}
.visual-area .quiet-figure p{margin: 0;
font-size: 1rem;
line-height: 1.65;}
.visual-area .quiet-figure a{text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.visual-area .quiet-figure a:hover{}
@media (max-width: 860px) {.visual-area{
padding: 2.5rem 1.1rem 3rem;
}.visual-area .focused-list{
grid-template-columns: 1fr;
grid-template-areas:
"lead"
"routes"
"next";
gap: 2rem;
}.visual-area .media-view h2{
font-size: 1.75rem;
}
}
.visual-area{
background: #0f172a;
color: #f8fafc;
}
.public-list{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem 5rem;
}
.public-list .focused-list{max-width: 1200px;
margin: 0 auto;}
.public-list .compact-details{display: grid;
gap: 1rem;
margin-bottom: 3rem;}
.public-list h1{font-size: 52px;
line-height: 1.15;
letter-spacing: -0.015em;
margin: 0;
font-weight: 600;}
.public-list .media-view{font-size: 20px;
line-height: 1.55;
margin: 0;
color: #334155;}
.public-list .site-actions{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 3.5rem;
row-gap: 2.5rem;}
.public-list .focused-benefit h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;
font-weight: 600;}
.public-list .focused-benefit p{margin: 0;
line-height: 1.65;
color: #334155;}
.public-list .route{margin: 3.5rem 0 0;
line-height: 1.65;
color: #334155;}
.public-list .route a{color: #1e293b;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;}
.public-list .route a:hover{color: #b45309;}
@media (max-width: 760px) {.public-list{
padding: 3rem 1.1rem 3.5rem;
}.public-list h1{
font-size: 34px;
}.public-list .media-view{
font-size: 18px;
}.public-list .site-actions{
grid-template-columns: 1fr;
row-gap: 2rem;
}
}
.featured-details{
--type-extra-28: #d8dee7;
--state-content: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.featured-details .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 3rem 4rem;
align-items: start;}
.featured-details .page-links{grid-column: 1;}
.featured-details .page-links h2{font-size: 36px;
line-height: 1.15;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.featured-details .compact-details{font-size: 20px;
line-height: 1.55;
margin: 0;}
.featured-details .body{grid-column: 2;
display: flex;
flex-direction: column;
gap: 2rem;}
.featured-details .media-view h3{font-size: 24px;
line-height: 1.25;
margin: 0 0 0.7rem;}
.featured-details .media-view p{margin: 0;
line-height: 1.65;}
.featured-details .simple-panel{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;}
.featured-details .item{padding: 1.15rem 0;
border-top: 1px solid var(--type-extra-28);}
.featured-details .item:last-child{border-bottom: 1px solid var(--type-extra-28);}
.featured-details .item h4{font-size: 1.05rem;
margin: 0 0 0.35rem;
letter-spacing: 0.01em;}
.featured-details .item p{margin: 0;
line-height: 1.6;}
.featured-details .fresh-shell p{margin: 0;
line-height: 1.65;}
.featured-details .fresh-shell a{text-decoration: underline;
text-underline-offset: 3px;}
.featured-details .fresh-shell a:hover{}
@media (max-width: 860px) {.featured-details{
padding: 3rem 1.1rem;
}.featured-details .focused-list{
grid-template-columns: 1fr;
gap: 2.25rem;
}.featured-details .page-links,
.featured-details .body{
grid-column: 1;
}.featured-details .page-links h2{
font-size: 28px;
}.featured-details .compact-details{
font-size: 1.05rem;
}
}
.featured-details{
background: #0f172a;
color: #f8fafc;
}
.visual-note{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.visual-note .focused-list{max-width: 1200px;
margin: 0 auto;}
.visual-note h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;}
.visual-note .media-view{font-size: 20px;
line-height: 1.55;
margin: 0 0 2.75rem;}
.visual-note .benefit{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem 3rem;}
.visual-note .visual-grid:first-child{grid-column: 1 / -1;}
.visual-note .visual-grid h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;}
.visual-note .visual-grid p{margin: 0;
line-height: 1.65;}
@media (max-width: 760px) {.visual-note{
padding: 3rem 1.1rem;
}.visual-note h2{
font-size: 28px;
}.visual-note .media-view{
font-size: 18px;
margin-bottom: 2rem;
}.visual-note .benefit{
grid-template-columns: 1fr;
gap: 1.75rem;
}.visual-note .visual-grid h3{
font-size: 20px;
}
}
.visual-note{
background: #f4f5f7;
color: #1e293b;
}
.primary-frame{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem 5rem;
}
.primary-frame .focused-list{max-width: 1080px;
margin: 0 auto;}
.primary-frame h1{font-size: 52px;
line-height: 1.1;
letter-spacing: -0.01em;
margin: 0 0 1.5rem;
font-weight: 650;}
.primary-frame .media-view{font-size: 20px;
line-height: 1.55;
margin: 0 0 3.5rem;}
.primary-frame .offer-note{display: flex;
flex-direction: column;
gap: 2.75rem;}
.primary-frame .featured-panel h2{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.9rem;
font-weight: 600;}
.primary-frame .featured-panel p{margin: 0 0 0.85rem;
line-height: 1.65;}
.primary-frame .featured-panel p:last-child{margin-bottom: 0;}
.primary-frame .fresh-shell{margin: 3.5rem 0 0;
font-size: 1.0625rem;
line-height: 1.6;}
.primary-frame .fresh-shell a{color: #1e293b;
text-decoration: underline;
text-underline-offset: 3px;
font-weight: 600;}
.primary-frame .fresh-shell a:hover{color:inherit;}
@media (max-width: 720px) {.primary-frame{
padding: 3rem 1.1rem 3.5rem;
}.primary-frame h1{
font-size: 2rem;
}.primary-frame .media-view{
font-size: 1.0625rem;
margin-bottom: 2.5rem;
}.primary-frame .offer-note{
gap: 2.25rem;
}.primary-frame .featured-panel h2{
font-size: 1.25rem;
}
}
.primary-frame{
background: #f4f5f7;
color: #1e293b;
}
.visual-note{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.visual-note .focused-list{max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.25rem;}
.visual-note .media-view h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;}
.visual-note .media-view p{font-size: 20px;
line-height: 1.6;
margin: 0;}
.visual-note .benefit{display: flex;
flex-direction: column;
gap: 1.75rem;}
.visual-note .visual-grid{display: grid;
grid-template-columns: minmax(180px, 240px) 1fr;
gap: 1.5rem 2.5rem;
align-items: start;
padding-top: 1.75rem;
border-top: 1px solid #d8dee7;}
.visual-note .visual-grid:first-child{border-top: none;
padding-top: 0;}
.visual-note .visual-grid h3{font-size: 24px;
line-height: 1.3;
margin: 0;
font-weight: 600;}
.visual-note .visual-grid p{margin: 0;
line-height: 1.65;}
.visual-note .fresh-shell{margin: 0;
padding-top: 0.5rem;
font-size: 1.05rem;
line-height: 1.6;}
@media (max-width: 720px) {.visual-note{
padding: 3rem 1.1rem;
}.visual-note .media-view h2{
font-size: 1.75rem;
}.visual-note .media-view p{
font-size: 1.05rem;
}.visual-note .visual-grid{
grid-template-columns: 1fr;
gap: 0.6rem;
}.visual-note .visual-grid h3{
font-size: 1.2rem;
}
}
.visual-note{
background: #0f172a;
color: #f8fafc;
}
.team-lead{
--gap-card: 1.25rem;
--corner-image: 0.9rem;
background: #f4f5f7;
color: #1e293b;
padding: 3.5rem 1.25rem;
}
.team-lead .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
gap: 2.25rem;}
.team-lead .media-view{display: grid;
gap: 0.85rem;
max-width: 100%;}
.team-lead h2{font-size: 36px;
line-height: 1.2;
margin: 0;
letter-spacing: -0.01em;}
.team-lead .compact-details{font-size: 1.05rem;
line-height: 1.65;
margin: 0;
color: #334155;}
.team-lead .benefit{display: grid;
grid-template-columns: 1fr;
gap: 1.5rem 2rem;}
.team-lead .visual-grid{display: grid;
gap: 0.4rem;
padding-top: 1.1rem;}
.team-lead .visual-grid + .visual-grid{border-top: 1px solid #d8dee7;}
.team-lead .visual-grid h3{font-size: 1.15rem;
margin: 0;
line-height: 1.35;}
.team-lead .visual-grid p{margin: 0;
line-height: 1.6;
color: #334155;}
.team-lead .fresh-shell{margin: 0;
line-height: 1.65;
font-size: 1rem;
color: #334155;}
.team-lead .fresh-shell a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.team-lead .fresh-shell a:hover{color:inherit;}
@media (min-width: 720px) {.team-lead .benefit{
grid-template-columns: 1fr 1fr;
}.team-lead .visual-grid:nth-child(2){
border-top: 1px solid #d8dee7;
}
}
@media (min-width: 1024px) {.team-lead{
padding: 5rem 2rem;
}.team-lead .focused-list{
grid-template-columns: 1.05fr 1.4fr;
grid-template-areas:
"lead notes"
"closing notes";
column-gap: 3.5rem;
row-gap: 1.75rem;
align-items: start;
}.team-lead .media-view{ grid-area: lead; }.team-lead .benefit{ grid-area: notes; }.team-lead .fresh-shell{ grid-area: closing; }.team-lead h2{ font-size: 40px; }
}
@media (max-width: 480px) {.team-lead h2{ font-size: 28px; }.team-lead{ padding: 2.5rem 1rem; }
}
.team-lead{
background: #f4f5f7;
color: #1e293b;
}
.visual-note{
--ink-panel: #f59e0b;
--font-large: #d8dee7;
background: #f4f5f7;
color: #1e293b;
padding: 3.5rem 1.25rem 4rem;
}
.visual-note .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
gap: 2rem;}
.visual-note h1{font-size: 52px;
line-height: 1.12;
margin: 0;
letter-spacing: -0.01em;}
.visual-note .media-view{font-size: 20px;
line-height: 1.55;
margin: 0;}
.visual-note .benefit{display: grid;
gap: 1.75rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 0.5rem;}
.visual-note .visual-grid{padding-top: 1.1rem;
border-top: 1px solid var(--font-large);}
.visual-note .visual-grid:first-child{grid-column: 1 / -1;}
.visual-note .visual-grid h3{font-size: 24px;
margin: 0 0 0.55rem;
line-height: 1.3;}
.visual-note .visual-grid p{margin: 0;
line-height: 1.65;}
.visual-note .local-panel{
margin: 0;
padding: 1.25rem 1.4rem;
background: #ffffff;
color: #1e293b;
border: 1px solid var(--font-large);
border-radius: 0.9rem;
line-height: 1.6;
box-shadow: var(--depth-panel, 0 1px 2px rgba(15, 23, 42, 0.08));
}
.visual-note .local-panel a{text-decoration: underline;
text-decoration-color: var(--ink-panel);
text-underline-offset: 3px;}
.visual-note .local-panel a:hover{text-decoration-color: #d97706;}
@media (max-width: 760px) {.visual-note{
padding: 2.5rem 1rem 3rem;
}.visual-note h1{
font-size: 34px;
}.visual-note .media-view{
font-size: 18px;
}.visual-note .benefit{
grid-template-columns: 1fr;
gap: 1.4rem;
}.visual-note .visual-grid h3{
font-size: 20px;
}
}
.contact-section{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem 5rem;
}
.contact-section .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 3rem 4rem;
align-items: start;}
.contact-section .media-view h1{font-size: 52px;
line-height: 1.1;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.contact-section .media-view .compact-details{font-size: 20px;
line-height: 1.5;
margin: 0;
color: #334155;}
.contact-section .body p{margin: 0 0 1.15rem;
line-height: 1.65;}
.contact-section .body h2{font-size: 36px;
line-height: 1.2;
margin: 2.4rem 0 0.5rem;}
.contact-section .body .visual-grid{margin: 0 0 1.4rem;
color: #334155;
font-size: 0.95rem;}
.contact-section .main-intro{list-style: none;
margin: 0 0 1.6rem;
padding: 0;}
.contact-section .main-intro li{padding: 1.1rem 0;
border-top: 1px solid #d8dee7;}
.contact-section .main-intro li:last-child{border-bottom: 1px solid #d8dee7;}
.contact-section .main-intro h3{font-size: 24px;
line-height: 1.25;
margin: 0 0 0.4rem;}
.contact-section .main-intro p{margin: 0;
line-height: 1.6;
color: #334155;}
.contact-section .body a{color: #1e293b;
text-decoration: underline;
text-underline-offset: 3px;}
.contact-section .body a:hover{color:inherit;}
@media (max-width: 860px) {.contact-section{
padding: 3rem 1.1rem 3.5rem;
}.contact-section .focused-list{
grid-template-columns: 1fr;
gap: 2rem;
}.contact-section .media-view h1{
font-size: 34px;
}.contact-section .media-view .compact-details{
font-size: 18px;
}.contact-section .body h2{
font-size: 26px;
}.contact-section .main-intro h3{
font-size: 20px;
}
}
.contact-section{
background: #f4f5f7;
color: #1e293b;
}
.visual-links{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.5rem 5rem;
}
.visual-links .focused-list{max-width: 1200px;
margin: 0 auto;}
.visual-links .compact-details{display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 2.5rem 3.5rem;
align-items: start;}
.visual-links h2{font-size: 36px;
line-height: 1.15;
margin: 0;
letter-spacing: -0.01em;
max-width: 18ch;}
.visual-links .compact-details p{font-size: 20px;
line-height: 1.6;
margin: 0 0 1.1rem;}
.visual-links .compact-details p:last-child{margin-bottom: 0;}
.visual-links .wide-body{margin-top: 3.5rem;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 1.5rem 3.5rem;
align-items: start;}
.visual-links h3{font-size: 24px;
line-height: 1.25;
margin: 0;
max-width: 22ch;}
.visual-links .wide-body p{margin: 0;
font-size: 1.05rem;
line-height: 1.7;}
.visual-links .service-entries{margin: 3.5rem 0 0;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 1.75rem;
align-items: center;}
.visual-links .service-entries img{
width: 100%;
height: auto;
display: block;
border-radius: 0.9rem;
background: #e2e8f0;color:#334155;}
.visual-links .service-entries figcaption{font-size: 0.95rem;
line-height: 1.55;
padding-left: 1.25rem;}
.visual-links .fresh-shell{margin: 3.5rem 0 0;
font-size: 1.05rem;
line-height: 1.7;
max-width: none;}
@media (max-width: 860px) {.visual-links{
padding: 3rem 1.25rem 3.5rem;
}.visual-links .compact-details,
.visual-links .wide-body,
.visual-links .service-entries{
grid-template-columns: 1fr;
gap: 1.25rem;
}.visual-links h2{
font-size: 28px;
max-width: none;
}.visual-links h3{
font-size: 21px;
max-width: none;
}.visual-links .compact-details p{
font-size: 1.05rem;
}.visual-links .service-entries figcaption{
padding-left: 0;
}.visual-links .wide-body,
.visual-links .service-entries,
.visual-links .fresh-shell{
margin-top: 2.5rem;
}
}
.direct-plan{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.direct-plan .focused-list{max-width: 1200px;
margin: 0 auto;}
.direct-plan .compact-details{display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 1.5rem 3rem;
align-items: end;
margin-bottom: 3rem;}
.direct-plan .compact-details h2{font-size: 36px;
line-height: 1.15;
margin: 0;
letter-spacing: -0.01em;}
.direct-plan .media-view{margin: 0;
font-size: 20px;
line-height: 1.55;
color: #334155;}
.direct-plan .primary-body{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.25rem 2rem;}
.direct-plan .service-entries{margin: 0;
display: flex;
flex-direction: column;}
.direct-plan .service-entries img{
display: block;
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 0.9rem;
background: #e2e8f0;color:#334155;}
.direct-plan .compact-links{grid-column: 1 / -1;}
.direct-plan .compact-links img{height: 380px;}
.direct-plan .service-entries figcaption{margin-top: 1rem;}
.direct-plan .site-benefit{display: inline-block;
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;color:inherit;
margin-bottom: 0.4rem;}
.direct-plan .service-entries figcaption p{margin: 0;
font-size: 1rem;
line-height: 1.6;
color: #334155;}
@media (max-width: 860px) {.direct-plan{
padding: 3rem 1rem;
}.direct-plan .compact-details{
grid-template-columns: 1fr;
gap: 1rem;
align-items: start;
margin-bottom: 2.25rem;
}.direct-plan .compact-details h2{
font-size: 28px;
}.direct-plan .media-view{
font-size: 17px;
}.direct-plan .primary-body{
grid-template-columns: 1fr;
gap: 2rem;
}.direct-plan .service-entries img,
.direct-plan .compact-links img{
height: 220px;
}
}
.direct-plan{
background: #f4f5f7;
color: #1e293b;
}
.visual-links{
--gutter-card: 2.4rem;
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.visual-links .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: var(--gutter-card);
align-items: start;}
.visual-links .media-view h1{font-size: 52px;
line-height: 1.12;
margin: 0 0 1.4rem;
letter-spacing: -0.01em;}
.visual-links .media-view .compact-details{font-size: 20px;
line-height: 1.55;
margin: 0 0 1.4rem;}
.visual-links .media-view .local-panel{font-size: 1rem;
line-height: 1.65;
margin: 0;}
.visual-links .visual-grid{
background: #ffffff;
color: #1e293b;
border: 1px solid #d8dee7;
border-radius: 0.9rem;
padding: 1.8rem 1.6rem;
box-shadow: var(--depth-panel, 0 1px 2px rgba(15, 23, 42, 0.08));
}
.visual-links .visual-grid h2{font-size: 24px;
margin: 0 0 0.9rem;}
.visual-links .visual-grid p{font-size: 1rem;
line-height: 1.6;
margin: 0 0 1rem;}
.visual-links .visual-grid .narrow-headline{
font-size: 0.85rem;
line-height: 1.6;
color: #334155;
background: #e2e8f0;
border-radius: 0.35rem;
padding: 0.9rem 1rem;
margin: 0 0 1.2rem;
}
.visual-links .visual-grid img{display: block;
width: 100%;
height: auto;
border-radius: 0.6rem;}
@media (max-width: 860px) {.visual-links{
padding: 3rem 1.1rem;
}.visual-links .focused-list{
grid-template-columns: 1fr;
gap: 2rem;
}.visual-links .media-view h1{
font-size: 34px;
}.visual-links .media-view .compact-details{
font-size: 18px;
}
}
.contact-section{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.contact-section .focused-list{max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.25rem;}
.contact-section .text-footer h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.contact-section .text-footer .media-view{font-size: 20px;
line-height: 1.55;
margin: 0;
color: #334155;}
.contact-section .page-entries{display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 2.5rem;
align-items: start;}
.contact-section .steady-details p{margin: 0 0 1.1rem;
line-height: 1.65;}
.contact-section .steady-details p:last-child{margin-bottom: 0;}
.contact-section .clear-wrap{
background: #ffffff;
color: #1e293b;
border: 1px solid #d8dee7;
border-radius: 0.9rem;
padding: 1.6rem 1.5rem;
box-shadow: var(--depth-panel, 0 1px 2px rgba(15, 23, 42, 0.08));
}
.contact-section .clear-wrap h3{font-size: 24px;
line-height: 1.25;
margin: 0 0 1rem;}
.contact-section .clear-wrap ul{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.85rem;}
.contact-section .clear-wrap li{position: relative;
padding-left: 1.1rem;
line-height: 1.55;
font-size: 0.98rem;}
.contact-section .clear-wrap li::before{
content: "";
position: absolute;
left: 0;
top: 0.6rem;
width: 6px;
height: 6px;
border-radius: 50%;
background: #f59e0b;color:#1c1917;}
.contact-section .visual-grid{
margin: 0;
font-size: 0.92rem;
line-height: 1.6;
color: #475569;
background: #e2e8f0;
border-radius: 0.6rem;
padding: 1rem 1.15rem;
}
@media (max-width: 820px) {.contact-section{
padding: 3.25rem 1.1rem;
}.contact-section .page-entries{
grid-template-columns: 1fr;
gap: 1.75rem;
}.contact-section .text-footer h2{
font-size: 28px;
}.contact-section .text-footer .media-view{
font-size: 18px;
}.contact-section .clear-wrap h3{
font-size: 21px;
}
}
.visual-note{
--paint-light: #f4f5f7;
--surface-dark: #1e293b;
--tone-extra-8: #475569;
--copy-small: #d8dee7;
background: var(--paint-light);
color: var(--surface-dark);
padding: 4.5rem 1.25rem 5rem;
}
.visual-note .focused-list{max-width: 1100px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2rem;}
.visual-note h1{font-size: 52px;
line-height: 1.12;
letter-spacing: -0.01em;
margin: 0;
font-weight: 650;}
.visual-note .media-view{font-size: 20px;
line-height: 1.55;
color: var(--tone-extra-8);
margin: 0;}
.visual-note .benefit{display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2.25rem 2.5rem;
margin-top: 0.5rem;}
.visual-note .visual-grid h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;
font-weight: 600;}
.visual-note .visual-grid p{margin: 0;
line-height: 1.65;
color: var(--tone-extra-8);}
.visual-note .media-stack{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;}
.visual-note .media-stack li{padding: 1.1rem 0;
line-height: 1.6;
color: var(--tone-extra-8);}
.visual-note .media-stack li + li{border-top: 1px solid var(--copy-small);}
.visual-note .media-stack strong{color: var(--surface-dark);
font-weight: 600;}
.visual-note .focused-note{margin: 0;
line-height: 1.65;
color: var(--tone-extra-8);}
.visual-note .focused-note a{color: var(--surface-dark);
text-decoration: underline;
text-underline-offset: 3px;}
.visual-note .focused-note a:hover{color: #b45309;}
@media (max-width: 860px) {.visual-note{
padding: 3rem 1.1rem 3.5rem;
}.visual-note h1{
font-size: 34px;
}.visual-note .media-view{
font-size: 18px;
}.visual-note .benefit{
grid-template-columns: 1fr;
gap: 1.75rem;
}
}
.plain-content{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.plain-content .focused-list{max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.4rem;}
.plain-content h2{font-size: 36px;
line-height: 1.2;
margin: 0;
letter-spacing: -0.01em;}
.plain-content h3{font-size: 24px;
line-height: 1.3;
margin: 1rem 0 0;
letter-spacing: -0.005em;}
.plain-content .media-view{font-size: 20px;
line-height: 1.55;
margin: 0;}
.plain-content p{margin: 0;
line-height: 1.65;}
@media (max-width: 720px) {.plain-content{
padding: 3rem 1rem;
}.plain-content h2{
font-size: 28px;
}.plain-content h3{
font-size: 21px;
}.plain-content .media-view{
font-size: 18px;
}
}
.plain-content{
background: #0f172a;
color: #f8fafc;
}
.secondary-proof{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.5rem;
}
.secondary-proof .focused-list{max-width: 1200px;
margin: 0 auto;}
.secondary-proof h1{font-size: 52px;
line-height: 1.15;
margin: 0 0 1.4rem;
letter-spacing: -0.01em;}
.secondary-proof .media-view{font-size: 20px;
line-height: 1.6;
margin: 0 0 3rem;
max-width: none;}
.secondary-proof .benefit{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.2rem 3rem;
margin-bottom: 3rem;}
.secondary-proof .visual-grid h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;
font-weight: 600;}
.secondary-proof .visual-grid p{margin: 0;
line-height: 1.65;
font-size: 1rem;}
.secondary-proof .fresh-shell{margin: 0;
line-height: 1.7;
font-size: 1rem;
padding-top: 1.6rem;
border-top: 1px solid #d8dee7;}
@media (max-width: 720px) {.secondary-proof{
padding: 3rem 1.25rem;
}.secondary-proof h1{
font-size: 34px;
}.secondary-proof .media-view{
font-size: 18px;
margin-bottom: 2.2rem;
}.secondary-proof .benefit{
grid-template-columns: 1fr;
gap: 1.8rem;
margin-bottom: 2.2rem;
}.secondary-proof .visual-grid h3{
font-size: 20px;
}
}
.secondary-proof{
background: #f4f5f7;
color: #1e293b;
}
.narrow-summary{
--type-lead: #d8dee7;
background: #f4f5f7;
color: #1e293b;
padding: 3.5rem 1.25rem;
}
.narrow-summary .focused-list{max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.25rem;}
.narrow-summary .compact-details h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 0.75rem;
letter-spacing: -0.01em;}
.narrow-summary .compact-details p{font-size: 20px;
line-height: 1.55;
margin: 0;}
.narrow-summary .main-method{display: grid;
grid-template-columns: 1fr;
gap: 1.75rem;}
.narrow-summary .service-items h3{font-size: 24px;
line-height: 1.25;
margin: 0 0 0.5rem;}
.narrow-summary .service-items p{margin: 0 0 0.65rem;
line-height: 1.6;}
.narrow-summary .service-items a{display: inline-block;
font-size: 1rem;
text-decoration: none;
border-bottom: 2px solid #f59e0b;
padding-bottom: 1px;
transition: color 220ms ease, border-color 220ms ease;}
.narrow-summary .service-items a:hover{border-color: #d97706;}
.narrow-summary .fresh-shell{margin: 0;
line-height: 1.6;
padding-top: 1.5rem;
border-top: 1px solid var(--type-lead);}
@media (min-width: 760px) {.narrow-summary{
padding: 4.5rem 2rem;
}.narrow-summary .main-method{
grid-template-columns: 1.1fr 1fr 1fr;
gap: 2.5rem;
}.narrow-summary .compact-details h2{
font-size: 44px;
}
}
@media (min-width: 1100px) {.narrow-summary .compact-details{
max-width: 780px;
}
}
.direct-content{
background: #f4f5f7;
color: #1e293b;
padding: 4rem 1.5rem;
}
.direct-content .focused-list{max-width: 1200px;
margin: 0 auto;}
.direct-content h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.direct-content p{margin: 0 0 1rem;
line-height: 1.6;}
.direct-content .offer-note{margin: 2rem 0 1.5rem;
display: flex;
flex-direction: column;
gap: 1.25rem;}
.direct-content .contact-list{display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.5rem 1.5rem;}
.direct-content .site-benefit{flex: 0 0 12rem;
margin: 0;
font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #334155;}
.direct-content .value{flex: 1 1 18rem;
margin: 0;
font-size: 1.05rem;}
.direct-content .value a{color: #1e293b;
text-decoration: underline;
text-underline-offset: 3px;}
.direct-content .value a:hover{color:inherit;}
.direct-content .visual-grid{margin: 0;
padding-top: 1.25rem;
border-top: 1px solid #d8dee7;
color: #334155;}
@media (max-width: 640px) {.direct-content{
padding: 2.75rem 1.25rem;
}.direct-content h2{
font-size: 1.6rem;
}.direct-content .site-benefit{
flex: 1 1 100%;
}
}
.direct-content{
background: #f4f5f7;
color: #1e293b;
}
.form{
--surface-strong: #f59e0b;
--line-warm: #d97706;
--label-small: #d8dee7;
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem;
}
.form .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
gap: 3.5rem;
align-items: start;}
.form .compact-details h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.25rem;}
.form .media-view{font-size: 20px;
line-height: 1.5;
margin: 0 0 1.25rem;}
.form .visual-grid{line-height: 1.65;
margin: 0 0 2.25rem;}
.form .strong-grid{margin: 0;
display: flex;
flex-direction: column;
gap: 1.1rem;}
.form .clear-rail{margin: 0;}
.form .clear-rail dt{font-size: 0.78rem;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 0.3rem;}
.form .clear-rail dd{margin: 0;
line-height: 1.5;}
.form .clear-rail a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.form .contact-links{
background: #ffffff;
color: #1e293b;
border: 1px solid var(--label-small);
border-radius: 0.9rem;
padding: 2rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.form .service-summary{display: flex;
flex-direction: column;
gap: 0.45rem;}
.form .service-summary label{font-size: 0.95rem;
font-weight: 600;}
.form .top-proof{font-weight: 400;}
.form .service-summary input,
.form .service-summary select,
.form .service-summary textarea{
font: inherit;
color: inherit;
background: #ffffff;
border: 1px solid var(--label-small);
border-radius: 0.35rem;
padding: 0.7rem 0.8rem;
width: 100%;
box-sizing: border-box;
}
.form .service-summary textarea{resize: vertical;
line-height: 1.55;}
.form .service-summary input:focus,
.form .service-summary select:focus,
.form .service-summary textarea:focus{outline: 2px solid var(--surface-strong);
outline-offset: 1px;
border-color: var(--surface-strong);}
.form .wide-view{display: flex;
align-items: flex-start;
gap: 0.6rem;}
.form .wide-view input{margin-top: 0.25rem;
width: 1.05rem;
height: 1.05rem;
accent-color: var(--surface-strong);}
.form .wide-view label{line-height: 1.5;
font-size: 0.95rem;}
.form button[type="submit"]{
font: inherit;
font-weight: 600;
background: var(--surface-strong);
color: #1c1917;
border: none;
border-radius: 0.6rem;
padding: 0.85rem 1.4rem;
cursor: pointer;
align-self: flex-start;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.form button[type="submit"]:hover{
background: var(--line-warm);color:#1e293b;}
.form .media-wrap{margin: 0;
font-size: 0.85rem;
line-height: 1.55;}
@media (max-width: 860px) {.form{
padding: 3rem 1.1rem;
}.form .focused-list{
grid-template-columns: minmax(0, 1fr);
gap: 2.5rem;
}.form .compact-details h2{
font-size: 28px;
}.form .media-view{
font-size: 18px;
}.form .contact-links{
padding: 1.5rem;
}.form button[type="submit"]{
align-self: stretch;
text-align: center;
}
}
.form{
background: #0f172a;
color: #f8fafc;
}
.media-region{
background: #f4f5f7;
color: #1e293b;
padding: 72px 24px 88px;
}
.media-region .focused-list{max-width: 1200px;
margin: 0 auto;}
.media-region h1{font-size: 52px;
line-height: 1.15;
margin: 0 0 20px;
letter-spacing: -0.01em;}
.media-region .media-view{font-size: 20px;
line-height: 1.55;
margin: 0 0 48px;}
.media-region .featured-panel{margin-bottom: 40px;}
.media-region .featured-panel:last-child{margin-bottom: 0;}
.media-region h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 14px;
letter-spacing: -0.005em;}
.media-region p{font-size: 16px;
line-height: 1.65;
margin: 0 0 14px;}
.media-region p:last-child{margin-bottom: 0;}
.media-region code{
font-size: 0.92em;
background: #e2e8f0;
color: #334155;
padding: 2px 6px;
border-radius: 0.35rem;
}
.media-region a{text-decoration: underline;
text-underline-offset: 3px;}
.media-region a:hover{}
.media-region .strong-intro{list-style: none;
padding: 0;
margin: 0;}
.media-region .strong-intro li{font-size: 16px;
line-height: 1.65;
padding: 10px 0;
border-bottom: 1px solid #d8dee7;}
.media-region .strong-intro li:last-child{border-bottom: none;}
@media (max-width: 720px) {.media-region{
padding: 48px 18px 64px;
}.media-region h1{
font-size: 34px;
}.media-region .media-view{
font-size: 17px;
margin-bottom: 36px;
}.media-region h2{
font-size: 24px;
}.media-region .featured-panel{
margin-bottom: 32px;
}
}
.media-region{
background: #0f172a;
color: #f8fafc;
}
.team-callout{
--ink-main: #f4f5f7;
--line-dark: #1e293b;
--paint-muted: #e2e8f0;
--tone-page: #334155;
--ink-base: #f59e0b;
background: var(--ink-main);
color: var(--line-dark);
padding: 3.5rem 1.25rem 4rem;
}
.team-callout .focused-list{max-width: 1080px;
margin: 0 auto;}
.team-callout .compact-details{display: grid;
gap: 0.9rem;
margin-bottom: 2.6rem;}
.team-callout h1{font-size: 52px;
line-height: 1.12;
margin: 0;
letter-spacing: -0.01em;}
.team-callout .media-view{font-size: 20px;
line-height: 1.55;
margin: 0;
color: var(--tone-page);}
.team-callout .body{display: grid;
gap: 2.1rem;
max-width: 100%;}
.team-callout .featured-panel{display: grid;
gap: 0.55rem;}
.team-callout .featured-panel h2{font-size: 24px;
line-height: 1.3;
margin: 0;
font-weight: 600;}
.team-callout .featured-panel p{margin: 0;
font-size: 16px;
line-height: 1.65;}
.team-callout .featured-panel a{color: var(--line-dark);
text-decoration: underline;
text-underline-offset: 3px;}
.team-callout .featured-panel a:hover{color: var(--ink-base);}
@media (max-width: 720px) {.team-callout{
padding: 2.4rem 1rem 3rem;
}.team-callout h1{
font-size: 34px;
}.team-callout .media-view{
font-size: 17px;
}.team-callout .featured-panel h2{
font-size: 20px;
}.team-callout .body{
gap: 1.7rem;
}
}
.team-callout{
background: #f4f5f7;
color: #1e293b;
}
.visual-intro{
--paint-inverse: #f4f5f7;
--tone-light: #1e293b;
--font-lead: #d8dee7;
background: var(--paint-inverse);
color: var(--tone-light);
padding: 4.5rem 1.25rem 5rem;
}
.visual-intro .focused-list{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 3rem 4rem;
align-items: start;}
.visual-intro h1{font-size: 52px;
line-height: 1.1;
margin: 0 0 1.35rem;
letter-spacing: -0.015em;
font-weight: 600;}
.visual-intro .visual-grid{font-size: 20px;
line-height: 1.5;
margin: 0 0 1.25rem;}
.visual-intro .copy{margin: 0;
line-height: 1.65;}
.visual-intro .page-copy{padding-top: 0.6rem;}
.visual-intro .person{
display: inline-block;
background: #f59e0b;
color: #1c1917;
font-weight: 600;
font-size: 1.0625rem;
padding: 0.95rem 1.6rem;
border-radius: 0.6rem;
text-decoration: none;
transition: background 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.visual-intro .person:hover,
.visual-intro .person:focus-visible{
background: #d97706;color:#1e293b;}
.visual-intro .visual-nav{margin: 1.75rem 0 0;
font-size: 0.9375rem;
line-height: 1.6;}
.visual-intro .visual-nav a{color: inherit;
text-decoration: underline;
text-underline-offset: 2px;}
.visual-intro .route{margin: 1.5rem 0 0;
padding-top: 1.25rem;
border-top: 1px solid var(--font-lead);
font-size: 0.9375rem;
line-height: 1.6;}
.visual-intro .route a{color: inherit;
text-decoration: underline;
text-underline-offset: 2px;}
@media (max-width: 860px) {.visual-intro{
padding: 3.25rem 1.25rem 3.5rem;
}.visual-intro .focused-list{
grid-template-columns: 1fr;
gap: 2rem;
}.visual-intro h1{
font-size: clamp(1.9rem, 7vw, 2.5rem);
}.visual-intro .visual-grid{
font-size: 1.0625rem;
}
}
.visual-intro{
background: #0f172a;
color: #f8fafc;
}
.quiet-benefit{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem 5rem;
}
.quiet-benefit .focused-list{max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.75rem;}
.quiet-benefit .visual-grid h2{font-size: 36px;
line-height: 1.25;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.quiet-benefit .visual-grid p{font-size: 1.0625rem;
line-height: 1.65;
margin: 0 0 1rem;}
.quiet-benefit .visual-grid p:last-child{margin-bottom: 0;}
.quiet-benefit .route{
background: #ffffff;
color: #1e293b;
border: 1px solid #d8dee7;
border-radius: 0.9rem;
padding: 1.75rem 1.75rem 1.5rem;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.quiet-benefit .active-details{font-size: 0.9375rem;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #334155;
margin: 0 0 1rem;}
.quiet-benefit .route ul{list-style: none;
margin: 0 0 1.25rem;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem 2rem;}
.quiet-benefit .route li{margin: 0;}
.quiet-benefit .route a{color: #1e293b;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1), color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.quiet-benefit .route a:hover,
.quiet-benefit .route a:focus-visible{border-bottom-color: #f59e0b;
color: #0f172a;}
.quiet-benefit .public-service{font-size: 0.9375rem;
line-height: 1.6;
color: #334155;
margin: 0;}
.quiet-benefit .public-service a{color: #1e293b;
text-decoration: none;
border-bottom: 1px solid #d8dee7;}
.quiet-benefit .public-service a:hover,
.quiet-benefit .public-service a:focus-visible{border-bottom-color: #f59e0b;
color: #0f172a;}
@media (max-width: 640px) {.quiet-benefit{
padding: 3rem 1rem 3.5rem;
}.quiet-benefit .visual-grid h2{
font-size: 1.75rem;
}.quiet-benefit .route{
padding: 1.25rem 1.25rem 1.1rem;
}.quiet-benefit .route ul{
flex-direction: column;
gap: 0.6rem;
}
}
.quiet-benefit{
background: #f4f5f7;
color: #1e293b;
}
.404{
background: #f4f5f7;
color: #1e293b;
padding: 4.5rem 1.25rem 5rem;
}
.404 .focused-list{
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: 3rem 4rem;
align-items: start;
}
.404 .media-view{
padding-top: 0.35rem;
}
.404 .contact-service{
font-size: 0.85rem;
letter-spacing: 0.14em;
text-transform: uppercase;
margin: 0 0 1rem;
}
.404 h1{
font-size: 52px;
line-height: 1.12;
margin: 0 0 1.25rem;
font-weight: 600;
}
.404 .copy{
font-size: 20px;
line-height: 1.6;
margin: 0;
}
.404 .clear-details{
background: #ffffff;
color: #1e293b;
border: 1px solid #d8dee7;
border-radius: 0.9rem;
padding: 1.75rem 1.75rem 1.5rem;
box-shadow: var(--depth-panel, 0 1px 2px rgba(15, 23, 42, 0.08));
}
.404 .steady-benefit{
font-size: 0.8rem;
letter-spacing: 0.12em;
text-transform: uppercase;
margin: 0 0 1.1rem;
}
.404 .route{
list-style: none;
margin: 0;
padding: 0;
}
.404 .route li{
padding: 0.85rem 0;
border-top: 1px solid #d8dee7;
}
.404 .route li:first-child{
border-top: none;
padding-top: 0;
}
.404 .route li:last-child{
padding-bottom: 0;
}
.404 .route a{
display: inline-block;
font-size: 1.05rem;
font-weight: 600;
text-decoration: none;
border-bottom: 2px solid #f59e0b;
padding-bottom: 2px;
transition: color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.404 .route a:hover,
.404 .route a:focus-visible{
}
.404 .route span{
display: block;
margin-top: 0.35rem;
font-size: 0.95rem;
line-height: 1.55;
}
.404 .visual-grid{
grid-column: 1 / -1;
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
}
.404 .visual-grid a{
text-decoration: underline;
text-underline-offset: 3px;
}
@media (max-width: 860px) {.404{
padding: 3rem 1.1rem 3.5rem;
}.404 .focused-list{
grid-template-columns: 1fr;
gap: 2.25rem;
}.404 h1{
font-size: 2.1rem;
}.404 .copy{
font-size: 1.1rem;
}
}
.404{
background: #0f172a;
color: #f8fafc;
}