.epc-home.content-area,
.epc-hub.content-area {
margin: 0;
padding-bottom: 1rem;
}
.epc-section {
padding: 3.5rem 0;
}
.epc-section + .epc-section {
border-top: 1px solid var(--global-palette7);
}
.epc-section--muted {
background: var(--global-palette8);
}
.epc-section__head {
max-width: 46rem;
margin-bottom: 2rem;
}
.epc-section__head h2 {
margin: 0;
}
.epc-section__head p {
margin: 0.75rem 0 0;
color: var(--global-palette5);
}
:is(.epc-home, .epc-hub) .epc-section__kicker {
margin: 0 0 1.5rem;
font-family: var(--global-body-font-family);
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--global-palette3);
}
.epc-eyebrow {
margin: 0 0 0.75rem;
color: var(--global-palette1);
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
} .epc-hero {
padding: 3rem 0 3.25rem;
background: var(--global-palette8);
border-bottom: 1px solid var(--global-palette7);
}
.epc-hero__inner {
display: grid;
grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
gap: 3.5rem;
align-items: start;
}
:is(.epc-home, .epc-hub) .epc-hero h1 {
text-wrap: balance;
max-width: 18ch;
margin: 0 0 1rem;
font-size: clamp(1.875rem, 1.2rem + 2.3vw, 3.25rem);
line-height: 1.08;
letter-spacing: -0.015em;
}
.epc-hero__lead {
max-width: 34rem;
margin: 0 0 1.5rem;
color: var(--global-palette5);
font-size: 1.125rem;
line-height: 1.6;
}
.epc-hero .search-form {
max-width: 34rem;
}
.epc-hero .search-form .search-field {
min-height: 3.25rem;
padding: 0.75rem 3rem 0.75rem 1rem;
border: 1px solid #c5d3d9;
border-radius: 6px;
background: var(--global-palette9);
font-size: 1rem;
box-shadow: 0 1px 2px rgba(16, 44, 66, 0.05);
}
.epc-hero .search-form .search-field:focus {
border-color: var(--global-palette1);
outline: 2px solid var(--global-palette1);
outline-offset: 1px;
} .epc-hero__media {
display: block;
padding-top: 2rem;
}
.epc-hero__frame {
display: block;
}
.epc-hero__media img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
object-fit: cover;
object-position: 62% 40%;
border-radius: 6px;
} .epc-hero__frame--portrait img {
aspect-ratio: 4 / 5;
object-position: 50% 30%;
} .epc-chips {
margin-top: 1.5rem;
}
.epc-chips__label {
margin: 0 0 0.6rem;
color: var(--global-palette5);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
} .epc-chips .epc-links__label {
font: inherit;
}
.epc-chips__list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;
padding: 0;
list-style: none;
}
:is(.epc-home, .epc-hub) .epc-chips__list a {
display: inline-block;
padding: 0.4rem 0.85rem;
border: 1px solid var(--global-palette7);
border-radius: 999px;
background: var(--global-palette9);
color: var(--global-palette3);
font-size: 0.875rem;
font-weight: 500;
line-height: 1.4;
text-decoration: none;
transition: border-color 0.15s, color 0.15s;
}
:is(.epc-home, .epc-hub) .epc-chips__list a:hover {
border-color: var(--global-palette1);
color: var(--global-palette1);
} .epc-links {
margin: 0;
padding: 0;
list-style: none;
}
:is(.epc-home, .epc-hub) .epc-links a {
display: flex;
justify-content: space-between;
gap: 1rem;
padding: 1rem 0;
border-top: 1px solid var(--global-palette7);
color: var(--global-palette3);
text-decoration: none;
}
:is(.epc-home, .epc-hub) .epc-links a:hover .epc-links__label {
color: var(--global-palette1);
text-decoration: underline;
}
.epc-links__label {
font-family: var(--global-heading-font-family);
font-size: 1.1875rem;
font-weight: 600;
}
.epc-links__meta {
color: var(--global-palette6);
font-size: 0.875rem;
white-space: nowrap;
}
.epc-links--index {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 2rem;
}
:is(.epc-home, .epc-hub) .epc-links--index a {
flex-direction: column;
gap: 0.25rem;
}
.epc-links--stack .epc-links__label {
font-family: var(--global-body-font-family);
font-size: 1rem;
font-weight: 700;
}
.epc-links--inline {
display: flex;
flex-wrap: wrap;
gap: 0 2rem;
}
:is(.epc-home, .epc-hub) .epc-links--inline a {
border-top: 0;
padding: 0.25rem 0;
} .epc-grid {
display: grid;
gap: 2.5rem 2rem;
}
.epc-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.epc-grid__full {
grid-column: 1 / -1;
}
.epc-teaser__media img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
object-fit: cover;
border-radius: 6px;
}
.epc-teaser__body {
padding-top: 1rem;
}
.epc-teaser__topic {
margin: 0 0 0.4rem;
color: var(--global-palette1);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
:is(.epc-home, .epc-hub) .epc-teaser__title {
text-wrap: balance;
margin: 0 0 0.5rem;
font-family: var(--global-heading-font-family);
font-size: 1.3125rem;
font-weight: 600;
line-height: 1.3;
}
:is(.epc-home, .epc-hub) .epc-teaser__title a {
color: var(--global-palette3);
text-decoration: none;
}
:is(.epc-home, .epc-hub) .epc-teaser__title a:hover {
color: var(--global-palette1);
text-decoration: underline;
}
.epc-teaser__summary {
margin: 0 0 0.6rem;
color: var(--global-palette4);
font-size: 0.9375rem;
line-height: 1.6;
}
.epc-teaser__date {
margin: 0;
color: var(--global-palette6);
font-size: 0.8125rem;
}
.epc-teaser--lead {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 2rem;
align-items: center;
}
.epc-teaser--lead .epc-teaser__body {
padding-top: 0;
}
:is(.epc-home, .epc-hub) .epc-teaser--lead .epc-teaser__title {
font-size: 1.75rem;
}
.epc-teaser--row {
padding: 0.9rem 0;
border-top: 1px solid var(--global-palette7);
}
.epc-teaser--row .epc-teaser__body {
padding-top: 0;
}
:is(.epc-home, .epc-hub) .epc-teaser--row .epc-teaser__title {
font-size: 1.0625rem;
} .epc-split {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
gap: 3rem;
align-items: start;
}
.epc-split .epc-teaser--lead {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
.epc-split .epc-teaser--lead .epc-teaser__media img {
aspect-ratio: 16 / 9;
}
.epc-split .epc-teaser--lead .epc-teaser__body {
padding-top: 1.25rem;
}
.epc-split--reverse > :first-child {
order: 2;
}
.epc-columns {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 3rem;
}
:is(.epc-home, .epc-hub) .epc-columns__title {
margin: 0 0 0.5rem;
font-family: var(--global-body-font-family);
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
} .epc-home section[aria-labelledby="epc-urgent-home-title"] {
padding: 2rem 0;
}
.epc-urgent--band {
display: grid;
grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
gap: 0.375rem 2.5rem;
align-items: start;
padding: 1.375rem 1.75rem;
border: 1px solid var(--global-palette7);
border-left: 3px solid var(--global-palette13);
border-radius: 10px;
background: var(--global-palette9);
}
.epc-urgent--band .epc-urgent__title {
display: flex;
grid-column: 1;
gap: 0.625rem;
align-items: center;
margin: 0;
color: var(--global-palette3);
font-size: 1.375rem;
line-height: 1.25;
} .epc-urgent--band .epc-urgent__title::before {
flex: none;
width: 1.375rem;
height: 1.375rem;
background: var(--global-palette13);
content: "";
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.75 19.5 6v5.25c0 4.6-3.1 8.3-7.5 10-4.4-1.7-7.5-5.4-7.5-10V6z'/%3E%3Cpath d='M12 8v4.5M12 16.25h.01'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.75 19.5 6v5.25c0 4.6-3.1 8.3-7.5 10-4.4-1.7-7.5-5.4-7.5-10V6z'/%3E%3Cpath d='M12 8v4.5M12 16.25h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
.epc-urgent--band p {
grid-column: 1;
margin: 0;
color: var(--global-palette4);
font-size: 0.9375rem;
line-height: 1.5;
}
.epc-urgent--band ul {
grid-column: 2;
grid-row: 1 / span 2;
columns: 2;
column-gap: 2rem;
margin: 0 0 -0.625rem;
padding: 0;
list-style: none;
} .epc-urgent--band li {
position: relative;
padding: 0 0 0.625rem 1.125rem;
break-inside: avoid;
color: var(--global-palette3);
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.45;
}
.epc-urgent--band li::before {
position: absolute;
top: 0.5em;
left: 0;
width: 0.4375rem;
height: 0.4375rem;
border-radius: 50%;
background: var(--global-palette13);
content: "";
} @media (max-width: 1024px) {
.epc-urgent--band {
grid-template-columns: minmax(0, 1fr);
}
.epc-urgent--band ul {
grid-column: 1;
grid-row: auto;
margin-top: 0.625rem;
}
} .epc-hub__header {
padding: 2.5rem 0 2rem;
background: var(--global-palette8);
border-bottom: 1px solid var(--global-palette7);
}
.epc-hub__header .kadence-breadcrumbs {
margin-bottom: 1rem;
font-size: 0.875rem;
}
.epc-hub__header h1 {
text-wrap: balance;
margin: 0 0 0.75rem;
}
.epc-hub__intro {
max-width: 46rem;
margin: 0 0 0.5rem;
color: var(--global-palette4);
font-size: 1.125rem;
}
.epc-hub__count {
margin: 0;
color: var(--global-palette6);
font-size: 0.875rem;
}
.epc-hub__empty {
color: var(--global-palette5);
}
.epc-hub .pagination {
margin-top: 3rem;
} .epc-ad--wide {
min-height: 250px;
margin: 2rem 0;
text-align: center;
}
.epc-ad--wide .epc-ad__label {
margin: 0 0 0.35rem;
color: var(--global-palette6);
font-size: 0.6875rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.epc-hero__inner {
gap: 2.5rem;
}
.epc-split {
gap: 2rem;
} .epc-links--index,
.epc-grid--3:where(:not(.epc-grid--feature)) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.epc-grid--feature {
gap: 2rem 1.5rem;
}
}
@media (max-width: 767px) {
.epc-split,
.epc-teaser--lead,
.epc-grid--feature {
grid-template-columns: minmax(0, 1fr);
}
.epc-split--reverse > :first-child {
order: 0;
}
}
@media (max-width: 767px) {
.epc-section,
.epc-hero {
padding: 2.5rem 0;
}
.epc-links--index,
.epc-grid--3,
.epc-columns {
grid-template-columns: minmax(0, 1fr);
}
.epc-home section[aria-labelledby="epc-urgent-home-title"] {
padding: 1.5rem 0;
}
.epc-urgent--band {
padding: 1.125rem 1.125rem 1.25rem;
}
.epc-urgent--band .epc-urgent__title {
font-size: 1.125rem;
}
.epc-urgent--band ul {
columns: 1;
}
} .epc-home .epc-section {
padding: 3rem 0;
}
.epc-home .epc-section__head {
margin-bottom: 1.5rem;
} .epc-home .epc-grid--feature .epc-teaser__media img {
aspect-ratio: 16 / 10;
}
.epc-home .epc-grid--feature .epc-teaser__title {
font-size: 1.25rem;
}
.epc-home .epc-teaser__summary {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
} .epc-home .epc-split {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
gap: 3rem;
}
.epc-home .epc-split--reverse {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.epc-home .epc-split .epc-teaser--lead {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 2rem;
align-items: center;
}
.epc-home .epc-split .epc-teaser--lead .epc-teaser__media img {
aspect-ratio: 4 / 3;
}
.epc-home .epc-split .epc-teaser--lead .epc-teaser__body {
padding-top: 0;
}
.epc-home .epc-split .epc-teaser--lead .epc-teaser__title {
font-size: 1.5rem;
}
.epc-home .epc-links--stack {
border-bottom: 1px solid var(--global-palette7);
}
.epc-home .epc-links--stack a {
align-items: center;
padding: 0.9rem 0;
}
.epc-home .epc-links--stack a::after {
content: "\2192";
flex: none;
color: var(--global-palette6);
transition: color 0.15s, transform 0.15s;
}
.epc-home .epc-links--stack a:hover::after {
color: var(--global-palette1);
transform: translateX(3px);
}
@media (max-width: 1024px) {
.epc-home .epc-split,
.epc-home .epc-split--reverse {
gap: 2rem;
}
.epc-home .epc-split .epc-teaser--lead {
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
}
.epc-home .epc-split .epc-teaser--lead .epc-teaser__media img {
aspect-ratio: 16 / 9;
}
.epc-home .epc-split .epc-teaser--lead .epc-teaser__title {
font-size: 1.375rem;
}
}
@media (max-width: 767px) {
.epc-hero {
padding: 2rem 0 2.25rem;
}
.epc-home .epc-section {
padding: 2.25rem 0;
} .epc-home .epc-grid--feature {
gap: 1.25rem;
}
.epc-home .epc-grid--feature .epc-teaser {
display: grid;
grid-template-columns: 6.5rem minmax(0, 1fr);
gap: 1rem;
align-items: start;
}
.epc-home .epc-grid--feature .epc-teaser__media img {
aspect-ratio: 1 / 1;
border-radius: 4px;
}
.epc-home .epc-grid--feature .epc-teaser__body {
padding-top: 0;
}
.epc-home .epc-grid--feature .epc-teaser__title {
font-size: 1.0625rem;
}
.epc-home .epc-grid--feature .epc-teaser__summary {
-webkit-line-clamp: 2;
font-size: 0.875rem;
}
.epc-home .epc-split,
.epc-home .epc-split--reverse,
.epc-home .epc-split .epc-teaser--lead {
grid-template-columns: minmax(0, 1fr);
}
.epc-home .epc-split .epc-teaser--lead {
gap: 1rem;
}
.epc-home .epc-split .epc-teaser--lead .epc-teaser__media img {
aspect-ratio: 16 / 9;
}
.epc-home .epc-split .epc-teaser--lead .epc-teaser__title {
font-size: 1.25rem;
}
} @media (max-width: 899px) {
.epc-hero__inner {
grid-template-columns: minmax(0, 1fr);
}
.epc-hero__media {
display: none;
}
} .epc-topic-feature {
display: grid;
grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
gap: 4rem;
align-items: center;
padding-top: 1.75rem;
border-top: 1px solid var(--global-palette3);
}
.epc-topic-feature__media img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
object-fit: cover;
object-position: 50% 35%;
border-radius: 3px;
}
.epc-topic-feature__body .epc-eyebrow {
margin-bottom: 0.5rem;
font-size: 0.6875rem;
}
:is(.epc-home, .epc-hub) .epc-topic-feature__title {
margin: 0 0 0.75rem;
font-size: clamp(1.75rem, 1.2rem + 1.4vw, 2.5rem);
line-height: 1.1;
letter-spacing: -0.015em;
}
.epc-home .epc-topic-feature__title a {
color: var(--global-palette3);
text-decoration: none;
}
.epc-home .epc-topic-feature__title a:hover {
color: var(--global-palette1);
}
.epc-topic-feature__desc {
max-width: 34rem;
margin: 0 0 1.75rem;
color: var(--global-palette5);
font-size: 1.0625rem;
line-height: 1.6;
}
.epc-topic-feature__label {
margin: 0;
padding-bottom: 0.6rem;
border-bottom: 1px solid var(--global-palette7);
color: var(--global-palette3);
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
} .epc-topic-feature__guides {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 2rem;
margin: 0 0 1.25rem;
padding: 0;
list-style: none;
counter-reset: epc-guide;
}
.epc-topic-feature__guides li {
counter-increment: epc-guide;
}
.epc-home .epc-topic-feature__guides a {
display: flex;
align-items: baseline;
gap: 0.85rem;
padding: 0.8rem 0;
border-bottom: 1px solid var(--global-palette7);
color: var(--global-palette3);
font-family: var(--global-heading-font-family);
font-size: 1.125rem;
font-weight: 600;
text-decoration: none;
}
.epc-home .epc-topic-feature__guides a::before {
content: counter(epc-guide, decimal-leading-zero);
flex: none;
color: var(--global-palette1);
font-family: var(--global-body-font-family);
font-size: 0.75rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
letter-spacing: 0.04em;
}
.epc-home .epc-topic-feature__guides a:hover {
color: var(--global-palette1);
}
.epc-home .epc-topic-feature__cta {
display: inline-block;
padding: 0.4rem 0;
color: var(--global-palette1);
font-size: 0.9375rem;
font-weight: 700;
text-decoration: none;
}
.epc-home .epc-topic-feature__cta::after {
content: "\2192";
display: inline-block;
margin-left: 0.4rem;
transition: transform 0.15s;
}
.epc-home .epc-topic-feature__cta:hover::after {
transform: translateX(3px);
}
@media (max-width: 1279px) {
.epc-topic-feature {
gap: 2.75rem;
}
} @media (max-width: 899px) {
.epc-topic-feature {
grid-template-columns: minmax(0, 1fr);
gap: 1.5rem;
padding-top: 1.5rem;
}
.epc-topic-feature__media img {
aspect-ratio: 21 / 9;
}
.epc-topic-feature__desc {
margin-bottom: 1.25rem;
}
}
@media (max-width: 479px) {
.epc-topic-feature__media img {
aspect-ratio: 16 / 9;
}
.epc-topic-feature__guides {
column-gap: 1.25rem;
}
.epc-home .epc-topic-feature__guides a {
gap: 0.6rem;
font-size: 1rem;
}
} .epc-latest__layout {
display: grid;
grid-template-columns: minmax(0, 45fr) minmax(0, 30fr) minmax(0, 25fr);
column-gap: 2.5rem;
align-items: start;
padding-top: 1.25rem;
border-top: 1px solid var(--global-palette3);
}
.epc-latest__new,
.epc-latest__updated {
position: relative;
padding: 0;
border-top: 0;
background: none;
}
.epc-latest__new::before,
.epc-latest__updated::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -1.25rem;
border-left: 1px solid var(--global-palette7);
}
.epc-latest__media img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1.85 / 1;
object-fit: cover;
border-radius: 3px;
}
.epc-latest__topic {
display: block;
margin-bottom: 0.25rem;
color: var(--global-palette1);
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.epc-latest__lead .epc-latest__topic {
margin-top: 0.9rem;
}
:is(.epc-home, .epc-hub) .epc-latest__lead-title {
margin: 0 0 0.45rem;
font-size: 1.4375rem;
line-height: 1.25;
letter-spacing: -0.005em;
text-wrap: balance;
}
.epc-home .epc-latest__lead-title a {
color: var(--global-palette3);
text-decoration: none;
}
.epc-home .epc-latest__lead-title a:hover {
color: var(--global-palette1);
text-decoration: underline;
}
.epc-latest__summary {
display: -webkit-box;
overflow: hidden;
margin: 0 0 0.5rem;
color: var(--global-palette5);
font-size: 0.9375rem;
line-height: 1.55;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.epc-date {
color: var(--global-palette6);
font-size: 0.75rem;
}
:is(.epc-home, .epc-hub) .epc-latest__label {
margin: 0;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--global-palette7);
color: var(--global-palette3);
font-family: var(--global-body-font-family);
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.epc-latest__list {
margin: 0;
padding: 0;
list-style: none;
}
.epc-home .epc-latest__item {
display: grid;
grid-template-columns: 3.5rem minmax(0, 1fr);
gap: 0.85rem;
align-items: start;
padding: 0.8rem 0;
border-bottom: 1px solid var(--global-palette7);
color: var(--global-palette3);
text-decoration: none;
}
.epc-home .epc-latest__list--updated .epc-latest__item {
grid-template-columns: minmax(0, 1fr);
padding: 0.68rem 0;
}
.epc-home .epc-latest__list li:last-child .epc-latest__item {
border-bottom: 0;
}
.epc-thumb {
display: block;
width: 3.5rem;
height: 3.5rem;
object-fit: cover;
border-radius: 3px;
background: var(--global-palette7);
}
.epc-latest__title {
display: -webkit-box;
overflow: hidden;
margin-bottom: 0.2rem;
font-family: var(--global-heading-font-family);
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.epc-latest__list--updated .epc-latest__title {
font-size: 0.9375rem;
-webkit-line-clamp: 2;
}
.epc-home .epc-latest__item:hover .epc-latest__title {
color: var(--global-palette1);
text-decoration: underline;
}
.epc-latest__updated .epc-date {
color: var(--global-palette2);
font-weight: 600;
}
@media (max-width: 1024px) {
.epc-latest__layout {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 1.75rem;
}
.epc-latest__lead {
display: grid;
grid-column: 1 / -1;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-rows: auto auto auto 1fr;
column-gap: 2rem;
align-items: start;
}
.epc-latest__lead .epc-latest__media {
grid-row: 1 / span 4;
}
.epc-latest__lead .epc-latest__topic {
margin-top: 0;
}
.epc-latest__media img {
aspect-ratio: 16 / 10;
}
.epc-latest__new::before {
display: none;
}
}
@media (max-width: 767px) {
.epc-latest__lead {
grid-template-columns: minmax(0, 1fr);
}
.epc-latest__layout {
grid-template-columns: minmax(0, 1fr);
}
.epc-latest__updated::before {
display: none;
}
.epc-latest__lead {
grid-template-rows: none;
}
.epc-latest__lead .epc-latest__media {
grid-row: auto;
}
.epc-latest__media img {
aspect-ratio: 16 / 9;
}
.epc-latest__lead .epc-latest__topic {
margin-top: 0.85rem;
}
:is(.epc-home, .epc-hub) .epc-latest__lead-title {
font-size: 1.3125rem;
}
} .epc-section.epc-children {
padding: 3rem 0;
background: linear-gradient(180deg, var(--global-palette9) 0%, var(--global-palette8) 100%);
}
.epc-children svg {
display: block;
flex: none;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.epc-children__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 24rem);
gap: 1.75rem;
align-items: stretch;
} .epc-children__intro {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 1.5rem;
align-items: stretch;
}
.epc-children__text {
padding: 0.25rem 0 0.25rem;
}
.epc-children__eyebrow {
display: flex;
gap: 0.875rem;
align-items: center;
margin: 0 0 0.875rem;
color: var(--global-palette3);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.epc-children__eyebrow::before {
flex: none;
width: 2.5rem;
height: 2px;
background: var(--global-palette1);
content: "";
}
.epc-home .epc-children h2 {
margin: 0 0 0.75rem;
font-size: clamp(2rem, 1.3rem + 1.5vw, 2.625rem);
line-height: 1.05;
letter-spacing: -0.02em;
white-space: nowrap;
}
.epc-children h2 span {
color: var(--global-palette2);
}
.epc-children__lead {
margin: 0 0 1.25rem;
color: var(--global-palette4);
font-size: 1.0625rem;
line-height: 1.55;
}
.epc-home .epc-children__cta {
display: inline-flex;
gap: 0.625rem;
align-items: center;
min-height: 3rem;
padding: 0.75rem 1.375rem;
border-radius: 999px;
background: var(--global-palette1);
color: #fff;
font-size: 0.9375rem;
font-weight: 600;
text-decoration: none;
transition: background-color 0.15s ease;
}
.epc-home .epc-children__cta:hover,
.epc-home .epc-children__cta:focus-visible {
background: var(--global-palette2);
color: #fff;
}
.epc-children__photo {
position: relative;
display: block;
min-height: 14rem;
}
.epc-children__photo .epc-children__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 30% 40%;
border-radius: 0 14px 14px 0;
clip-path: ellipse(100% 140% at 100% 50%);
} .epc-home .epc-children__label {
margin: 1.25rem 0 0.625rem;
color: var(--global-palette3);
font-family: var(--global-body-font-family);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.epc-children__topics {
display: grid;
grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr));
gap: 0.875rem;
}
.epc-children__guide,
.epc-children__topic {
position: relative;
padding: 0.875rem 1rem 0.75rem;
border: 1px solid var(--global-palette7);
border-radius: 12px;
background: var(--global-palette9);
box-shadow: 0 1px 2px rgba(16, 44, 66, 0.05);
}
.epc-children__guide {
border-top: 3px solid var(--global-palette1);
}
.epc-children__topic {
display: flex;
flex-direction: column;
padding-bottom: 0.875rem;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.epc-children__topic:hover,
.epc-children__topic:focus-within {
box-shadow: 0 10px 24px rgba(16, 44, 66, 0.1);
transform: translateY(-2px);
}
.epc-children__topic:focus-within {
outline: 2px solid var(--global-palette1);
outline-offset: 2px;
}
.epc-children__kicker {
margin: 0 0 0.25rem;
color: var(--global-palette1);
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.epc-home .epc-children__name {
margin: 0 0 0.375rem;
font-family: var(--global-heading-font-family);
font-size: 1.0625rem;
line-height: 1.25;
}
.epc-home .epc-children__name a {
color: var(--global-palette3);
text-decoration: none;
}
.epc-home .epc-children__guide .epc-children__name a:hover {
color: var(--global-palette2);
text-decoration: underline;
text-underline-offset: 3px;
} .epc-children__topic .epc-children__name a::after {
position: absolute;
inset: 0;
content: "";
}
.epc-children__topic .epc-children__name a:focus-visible {
outline: none;
}
.epc-home .epc-children__topic:hover .epc-children__name a {
color: var(--global-palette2);
}
.epc-children__desc {
margin: 0;
color: var(--global-palette4);
font-size: 0.8125rem;
line-height: 1.45;
}
.epc-children__arrow {
display: inline-grid;
flex: none;
place-items: center;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background: rgba(20, 125, 131, 0.12);
color: var(--global-palette1);
}
.epc-children__topic > .epc-children__arrow {
position: absolute;
top: 0.75rem;
right: 0.75rem;
}
.epc-children__topic .epc-children__name {
padding-right: 1.75rem;
}
.epc-children__cta .epc-children__arrow {
width: auto;
height: auto;
background: none;
color: inherit;
}
.epc-children__sections {
margin: 0;
padding: 0;
list-style: none;
}
.epc-children__sections li + li {
border-top: 1px solid var(--global-palette7);
}
.epc-home .epc-children__sections a {
display: flex;
gap: 0.75rem;
align-items: center;
justify-content: space-between;
min-height: 2.5rem;
color: var(--global-palette3);
font-size: 0.875rem;
font-weight: 500;
text-decoration: none;
}
.epc-home .epc-children__sections a:hover {
color: var(--global-palette2);
text-decoration: underline;
text-underline-offset: 3px;
}
.epc-children__sections .epc-children__arrow {
width: 1.25rem;
height: 1.25rem;
} .epc-children__panel {
display: flex;
flex-direction: column;
padding: 1.375rem 1.375rem 0.5rem;
border: 1px solid var(--global-palette7);
border-radius: 16px;
background: var(--global-palette9);
box-shadow: 0 8px 28px rgba(16, 44, 66, 0.07);
}
.epc-home .epc-children__panel h3 {
margin: 0 0 0.375rem;
font-size: 1.625rem;
line-height: 1.15;
}
.epc-children__intro-text {
margin: 0 0 0.5rem;
color: var(--global-palette4);
font-size: 0.9375rem;
line-height: 1.5;
}
.epc-children__list {
display: flex;
flex: 1;
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
}
.epc-children__list li {
display: flex;
flex: 1;
}
.epc-children__list li + li {
border-top: 1px solid var(--global-palette7);
}
.epc-home .epc-children__list a {
display: flex;
flex: 1;
gap: 0.75rem;
align-items: center;
padding: 0.625rem 0;
color: var(--global-palette3);
text-decoration: none;
}
.epc-children__list .epc-children__img {
flex: none;
width: 4.5rem;
height: 3.75rem;
border-radius: 8px;
object-fit: cover;
}
.epc-children__item {
display: flex;
flex: 1;
flex-direction: column;
gap: 0.125rem;
min-width: 0;
}
.epc-children__item-title {
font-family: var(--global-heading-font-family);
font-size: 1rem;
font-weight: 600;
line-height: 1.25;
}
.epc-children__item-desc {
color: var(--global-palette4);
font-size: 0.8125rem;
line-height: 1.4;
}
.epc-children__chevron {
color: var(--global-palette1);
transition: transform 0.15s ease;
}
.epc-home .epc-children__list a:hover .epc-children__item-title {
color: var(--global-palette2);
text-decoration: underline;
text-underline-offset: 3px;
}
.epc-children__list a:hover .epc-children__chevron {
transform: translateX(2px);
}
@media (prefers-reduced-motion: reduce) {
.epc-children__topic,
.epc-children__chevron {
transition: none;
}
.epc-children__topic:hover,
.epc-children__topic:focus-within {
transform: none;
}
} @media (max-width: 1024px) {
.epc-section.epc-children {
padding: 2.5rem 0;
}
.epc-children__grid {
grid-template-columns: minmax(0, 1fr);
gap: 1.25rem;
}
.epc-children__photo {
min-height: 12rem;
}
.epc-children__panel {
padding: 1.125rem 1.25rem 0.375rem;
}
.epc-home .epc-children__panel h3 {
font-size: 1.375rem;
}
.epc-children__intro-text {
display: none;
}
.epc-children__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 1.5rem;
}
.epc-children__list li + li {
border-top: 0;
}
.epc-children__list li:nth-child(n + 3) {
border-top: 1px solid var(--global-palette7);
}
.epc-children__item-desc {
display: none;
}
.epc-home .epc-children__list a {
min-height: 3.25rem;
padding: 0.5rem 0;
}
.epc-children__list .epc-children__img {
width: 3.25rem;
height: 2.75rem;
}
} @media (max-width: 860px) {
.epc-children__topics {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.625rem;
}
.epc-children__guide {
grid-column: 1 / -1;
}
.epc-children__sections {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 1rem;
}
.epc-children__sections li + li {
border-top: 0;
}
} @media (max-width: 767px) {
.epc-section.epc-children {
padding: 1.5rem 0 1.75rem;
}
.epc-children__intro {
grid-template-columns: minmax(0, 1fr);
gap: 0.875rem;
}
.epc-children__photo {
order: -1;
min-height: 0;
aspect-ratio: 4 / 1;
}
.epc-children__photo .epc-children__img {
border-radius: 12px;
clip-path: ellipse(120% 100% at 50% 0);
object-position: 30% 33%;
}
.epc-children__text {
padding: 0;
}
.epc-children__eyebrow {
margin-bottom: 0.5rem;
font-size: 0.6875rem;
}
.epc-home .epc-children h2 {
margin-bottom: 0.5rem;
font-size: 2rem;
white-space: normal;
}
.epc-children__lead {
margin-bottom: 0.875rem;
font-size: 0.9375rem;
line-height: 1.5;
}
.epc-home .epc-children__cta {
min-height: 2.75rem;
padding: 0.5rem 1.125rem;
font-size: 0.875rem;
}
.epc-home .epc-children__label {
margin: 1rem 0 0.5rem;
}
.epc-children__topics {
gap: 0.5rem;
}
.epc-children__guide,
.epc-children__topic {
padding: 0.75rem 0.875rem 0.625rem;
}
.epc-children__sections {
display: block;
}
.epc-children__sections li + li {
border-top: 1px solid var(--global-palette7);
}
.epc-home .epc-children__sections a {
min-height: 2.75rem;
}
.epc-children__topic .epc-children__kicker {
display: none;
}
.epc-home .epc-children__name {
font-size: 1rem;
}
.epc-children__desc {
margin-bottom: 0;
}
.epc-children__topic > .epc-children__arrow {
top: 0.625rem;
right: 0.625rem;
width: 1.25rem;
height: 1.25rem;
}
.epc-children__topic .epc-children__name {
padding-right: 1.5rem;
}
.epc-children__list {
display: flex;
}
.epc-children__list li + li,
.epc-children__list li:nth-child(n + 3) {
border-top: 1px solid var(--global-palette7);
}
.epc-children__list .epc-children__img {
display: none;
}
.epc-home .epc-children__list a {
min-height: 2.75rem;
padding: 0.375rem 0;
}
} .epc-section.epc-procedures {
padding: 2.5rem 0 2.75rem;
background: linear-gradient(180deg, var(--global-palette8) 0%, var(--global-palette9) 100%);
}
.epc-procedures svg {
display: block;
flex: none;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.epc-procedures__head {
margin-bottom: 1.25rem;
}
.epc-procedures__eyebrow {
display: flex;
gap: 0.875rem;
align-items: center;
margin: 0 0 0.625rem;
color: var(--global-palette3);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.epc-procedures__eyebrow::before {
flex: none;
width: 2.5rem;
height: 2px;
background: var(--global-palette1);
content: "";
}
.epc-home .epc-procedures__head h2 {
margin: 0 0 0.5rem;
font-size: clamp(2rem, 1.3rem + 1.5vw, 2.75rem);
line-height: 1.05;
letter-spacing: -0.02em;
}
.epc-procedures__intro {
margin: 0;
color: var(--global-palette4);
font-size: 1.0625rem;
line-height: 1.5;
}
.epc-procedures__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 1.25rem;
align-items: stretch;
}
.epc-procedures__feature,
.epc-procedures__card {
position: relative;
overflow: hidden;
border: 1px solid var(--global-palette7);
border-radius: 14px;
background: var(--global-palette9);
box-shadow: 0 1px 2px rgba(16, 44, 66, 0.05), 0 8px 24px rgba(16, 44, 66, 0.06);
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.epc-procedures__feature:hover,
.epc-procedures__feature:focus-within,
.epc-procedures__card:hover,
.epc-procedures__card:focus-within {
box-shadow: 0 2px 4px rgba(16, 44, 66, 0.08), 0 14px 32px rgba(16, 44, 66, 0.1);
transform: translateY(-2px);
}
.epc-procedures__feature:focus-within,
.epc-procedures__card:focus-within {
outline: 2px solid var(--global-palette1);
outline-offset: 2px;
} .epc-procedures__title a::after,
.epc-procedures__name a::after {
position: absolute;
inset: 0;
content: "";
}
.epc-procedures__title a:focus-visible,
.epc-procedures__name a:focus-visible {
outline: none;
}
.epc-procedures__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .epc-procedures__feature {
display: flex;
flex-direction: column;
}
.epc-procedures__feature .epc-procedures__media {
position: relative;
flex: 1 1 auto;
min-height: 13rem;
}
.epc-procedures__feature .epc-procedures__media img {
position: absolute;
inset: 0;
object-position: 40% 40%;
}
.epc-procedures__feature .epc-procedures__body {
position: relative;
margin-top: -1rem;
padding: 1.125rem 1.5rem 1.25rem;
border-radius: 14px 14px 0 0;
background: var(--global-palette9);
}
.epc-procedures__kicker {
margin: 0 0 0.375rem;
color: var(--global-palette1);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.epc-home .epc-procedures__title {
margin: 0 0 0.5rem;
font-size: clamp(1.5rem, 1.1rem + 0.8vw, 1.875rem);
line-height: 1.12;
letter-spacing: -0.01em;
text-wrap: balance;
}
.epc-home .epc-procedures__title a,
.epc-home .epc-procedures__name a {
color: var(--global-palette3);
text-decoration: none;
}
.epc-home .epc-procedures__feature:hover .epc-procedures__title a,
.epc-home .epc-procedures__card:hover .epc-procedures__name a {
color: var(--global-palette2);
}
.epc-procedures__summary {
margin: 0 0 0.875rem;
color: var(--global-palette4);
font-size: 1rem;
line-height: 1.55;
}
.epc-procedures__button {
display: inline-flex;
gap: 0.625rem;
align-items: center;
min-height: 2.75rem;
padding: 0.625rem 1.25rem;
border-radius: 999px;
background: var(--global-palette1);
color: #fff;
font-size: 0.9375rem;
font-weight: 600;
transition: background-color 0.15s ease;
}
.epc-procedures__feature:hover .epc-procedures__button {
background: var(--global-palette2);
}
.epc-procedures__button .epc-procedures__arrow {
width: auto;
height: auto;
background: none;
color: inherit;
} .epc-procedures__list {
display: grid;
grid-template-rows: repeat(3, minmax(0, 1fr));
gap: 0.875rem;
}
.epc-procedures__card {
display: grid;
grid-template-columns: minmax(0, 11.5rem) minmax(0, 1fr) auto;
gap: 1.125rem;
align-items: center;
padding-right: 1.125rem;
}
.epc-procedures__card .epc-procedures__media {
position: relative;
align-self: stretch;
min-height: 7.25rem;
}
.epc-procedures__card .epc-procedures__media img {
position: absolute;
inset: 0;
}
.epc-procedures__card .epc-procedures__body {
padding: 0.75rem 0;
}
.epc-home .epc-procedures__name {
margin: 0 0 0.25rem;
font-size: 1.375rem;
line-height: 1.2;
}
.epc-procedures__desc {
margin: 0;
color: var(--global-palette4);
font-size: 0.875rem;
line-height: 1.45;
}
.epc-procedures__arrow {
display: inline-grid;
place-items: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background: rgba(20, 125, 131, 0.12);
color: var(--global-palette1);
transition: background-color 0.15s ease, color 0.15s ease;
}
.epc-procedures__card:hover > .epc-procedures__arrow {
background: var(--global-palette1);
color: #fff;
}
.epc-procedures__card .epc-procedures__media img,
.epc-procedures__feature .epc-procedures__media img {
transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.epc-procedures__feature,
.epc-procedures__card,
.epc-procedures__media img {
transition: none;
}
.epc-procedures__feature:hover,
.epc-procedures__feature:focus-within,
.epc-procedures__card:hover,
.epc-procedures__card:focus-within {
transform: none;
}
} @media (max-width: 1024px) {
.epc-section.epc-procedures {
padding: 2.5rem 0;
}
.epc-procedures__grid {
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
}
.epc-procedures__feature {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
}
.epc-procedures__feature .epc-procedures__media {
min-height: 13rem;
}
.epc-procedures__feature .epc-procedures__body {
margin-top: 0;
padding: 1.25rem 1.5rem;
border-radius: 0;
}
.epc-procedures__list {
grid-template-rows: none;
gap: 0.75rem;
}
.epc-procedures__card {
grid-template-columns: minmax(0, 11rem) minmax(0, 1fr) auto;
}
.epc-procedures__card .epc-procedures__media {
min-height: 6.5rem;
}
} @media (max-width: 767px) {
.epc-section.epc-procedures {
padding: 1.75rem 0 2rem;
}
.epc-procedures__head {
margin-bottom: 1rem;
}
.epc-procedures__eyebrow {
font-size: 0.6875rem;
letter-spacing: 0.12em;
}
.epc-home .epc-procedures__head h2 {
font-size: 2rem;
}
.epc-procedures__intro {
font-size: 0.9375rem;
}
.epc-procedures__grid {
gap: 0.625rem;
}
.epc-procedures__feature {
display: flex;
border-radius: 12px;
}
.epc-procedures__feature .epc-procedures__media {
flex: none;
min-height: 0;
aspect-ratio: 5 / 2;
}
.epc-procedures__feature .epc-procedures__body {
margin-top: -0.75rem;
padding: 1rem 1.125rem 1.125rem;
border-radius: 12px 12px 0 0;
}
.epc-home .epc-procedures__title {
font-size: 1.375rem;
}
.epc-procedures__summary {
margin-bottom: 0.875rem;
font-size: 0.9375rem;
line-height: 1.5;
}
.epc-procedures__button {
padding: 0.5rem 1.125rem;
font-size: 0.875rem;
}
.epc-procedures__list {
gap: 0.5rem;
}
.epc-procedures__card {
grid-template-columns: 5.5rem minmax(0, 1fr) auto;
gap: 0.875rem;
padding-right: 0.75rem;
border-radius: 12px;
}
.epc-procedures__card .epc-procedures__media {
min-height: 5.5rem;
}
.epc-procedures__card .epc-procedures__body {
padding: 0.625rem 0;
}
.epc-home .epc-procedures__name {
margin-bottom: 0.125rem;
font-size: 1.125rem;
}
.epc-procedures__desc {
margin: 0;
font-size: 0.8125rem;
line-height: 1.4;
}
.epc-procedures__arrow {
width: 2rem;
height: 2rem;
}
} .epc-home.content-area {
padding-bottom: 0;
}
.epc-section.epc-approach {
padding: 2.75rem 0;
}
.epc-approach__inner {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
gap: 2rem 3rem;
align-items: center;
}
.epc-approach h2 {
margin: 0;
font-size: clamp(1.75rem, 1.2rem + 1.2vw, 2.25rem);
line-height: 1.15;
}
.epc-approach__lead {
max-width: 40rem;
margin: 0.875rem 0 0;
color: var(--global-palette4);
font-size: 1.0625rem;
line-height: 1.6;
}
.epc-approach__principles {
display: grid;
grid-template-columns: repeat(3, minmax(0, auto));
justify-content: start;
margin: 1.75rem 0 0;
padding: 0;
list-style: none;
}
.epc-approach__principles li {
display: flex;
gap: 0.75rem;
align-items: center;
max-width: 13rem;
padding: 0 1.5rem;
border-left: 1px solid var(--global-palette7);
color: var(--global-palette3);
font-family: var(--global-heading-font-family);
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
}
.epc-approach__principles li:first-child {
padding-left: 0;
border-left: 0;
}
.epc-approach__icon {
flex: none;
fill: none;
stroke: var(--global-palette1);
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.epc-approach__links {
display: flex;
flex-wrap: wrap;
gap: 0.25rem 1.5rem;
margin: 1.25rem 0 0;
font-size: 0.875rem;
font-weight: 600;
}
.epc-home .epc-approach__links a {
display: inline-block;
padding: 0.125rem 0;
color: var(--global-palette1);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.2em;
}
.epc-home .epc-approach__links a:hover {
color: var(--global-palette2);
} .epc-approach__search {
position: relative;
overflow: hidden;
padding: 2rem;
border: 1px solid var(--global-palette7);
border-radius: 12px;
background: var(--global-palette9);
}
.epc-approach__img {
position: absolute;
top: 0;
right: 0;
width: 58%;
height: 100%;
object-fit: cover;
object-position: 22% 42%;
-webkit-mask-image: linear-gradient(to right, transparent, #000 55%);
mask-image: linear-gradient(to right, transparent, #000 55%);
pointer-events: none;
}
.epc-approach__search > :not(img) {
position: relative;
}
.epc-approach__title {
max-width: 18rem;
margin: 0 0 1.25rem;
font-size: 1.75rem;
line-height: 1.15;
}
.epc-approach__form {
display: flex;
align-items: center;
border: 1px solid var(--global-palette7);
border-radius: 999px;
background: var(--global-palette9);
box-shadow: 0 1px 2px rgba(16, 44, 66, 0.06);
}
.epc-approach__form:focus-within {
border-color: var(--global-palette1);
outline: 2px solid var(--global-palette1);
outline-offset: 1px;
}
.epc-approach__glass {
flex: none;
margin-left: 1.125rem;
fill: none;
stroke: var(--global-palette3);
stroke-width: 2;
stroke-linecap: round;
}
.epc-home .epc-approach__field {
flex: 1;
min-width: 0;
height: 3.25rem;
padding: 0 0.75rem;
border: 0;
background: transparent;
box-shadow: none;
color: var(--global-palette3);
font-size: 0.9375rem;
}
.epc-home .epc-approach__field:focus {
outline: 0;
box-shadow: none;
}
.epc-home .epc-approach__submit {
display: grid;
flex: none;
place-items: center;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.375rem;
padding: 0;
border: 0;
border-radius: 50%;
background: var(--global-palette1);
color: #fff;
}
.epc-home .epc-approach__submit:hover,
.epc-home .epc-approach__submit:focus-visible {
background: var(--global-palette2);
}
.epc-approach__submit svg {
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.epc-approach__topics {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 0.75rem;
align-items: center;
margin-top: 1rem;
}
.epc-approach__topics p {
margin: 0;
color: var(--global-palette4);
font-size: 0.875rem;
}
.epc-approach__topics ul {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.epc-home .epc-approach__topics a {
display: inline-block;
padding: 0.375rem 0.875rem;
border: 1px solid var(--global-palette7);
border-radius: 999px;
background: var(--global-palette9);
color: var(--global-palette3);
font-size: 0.875rem;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
}
.epc-home .epc-approach__topics a:hover,
.epc-home .epc-approach__topics a:focus-visible {
border-color: var(--global-palette1);
color: var(--global-palette1);
}
@media (max-width: 1100px) {
.epc-approach__inner {
gap: 2rem;
}
.epc-approach__principles li {
flex-direction: column;
gap: 0.5rem;
align-items: flex-start;
padding: 0 1rem;
}
.epc-approach__search {
padding: 1.5rem;
}
}
@media (max-width: 900px) {
.epc-approach__inner {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 767px) {
.epc-section.epc-approach {
padding: 2.25rem 0;
}
.epc-approach__principles {
grid-template-columns: minmax(0, 1fr);
gap: 0.75rem;
margin-top: 1.25rem;
}
.epc-approach__principles li {
flex-direction: row;
gap: 0.75rem;
align-items: center;
max-width: none;
padding: 0;
border-left: 0;
}
.epc-approach__icon {
width: 1.75rem;
height: 1.75rem;
}
.epc-approach__search {
padding: 1.5rem 1.25rem;
}
.epc-approach__img {
width: 55%;
height: 9.5rem;
}
.epc-approach__title {
max-width: 12rem;
font-size: 1.5rem;
}
} .epc-front-hero {
overflow: hidden;
background: linear-gradient(90deg, var(--global-palette8) 0%, var(--global-palette9) 60%);
}
.epc-front-hero__inner {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
gap: 2.5rem;
align-items: stretch;
}
.epc-front-hero__text {
padding: 2.25rem 0 1.75rem;
}
.epc-front-hero__eyebrow {
display: flex;
gap: 1rem;
align-items: center;
margin: 0 0 1rem;
color: var(--global-palette5);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.epc-front-hero__eyebrow::before {
flex: none;
width: 3rem;
height: 2px;
background: var(--global-palette1);
content: "";
}
.epc-home .epc-front-hero h1 {
max-width: 18ch;
margin: 0 0 0.875rem;
font-size: clamp(2rem, 1.1rem + 2.6vw, 3.375rem);
line-height: 1.05;
letter-spacing: -0.02em;
text-wrap: balance;
}
.epc-front-hero h1 span {
color: var(--global-palette2);
}
.epc-front-hero__lead {
max-width: 36rem;
margin: 0 0 1.125rem;
color: var(--global-palette4);
font-size: 1.125rem;
line-height: 1.55;
} .epc-front-hero__form {
display: flex;
align-items: center;
max-width: 40rem;
border: 1px solid var(--global-palette7);
border-radius: 999px;
background: var(--global-palette9);
box-shadow: 0 6px 20px rgba(16, 44, 66, 0.08);
}
.epc-front-hero__form:focus-within {
border-color: var(--global-palette1);
outline: 2px solid var(--global-palette1);
outline-offset: 1px;
}
.epc-front-hero__glass {
flex: none;
margin-left: 1.25rem;
fill: none;
stroke: var(--global-palette3);
stroke-width: 2;
stroke-linecap: round;
}
.epc-home .epc-front-hero__field {
flex: 1;
min-width: 0;
height: 3.75rem;
padding: 0 0.875rem;
border: 0;
background: transparent;
box-shadow: none;
color: var(--global-palette3);
font-size: 1rem;
}
.epc-home .epc-front-hero__field:focus {
outline: 0;
box-shadow: none;
}
.epc-home .epc-front-hero__submit {
display: grid;
flex: none;
place-items: center;
width: 5rem;
height: 3rem;
margin-right: 0.375rem;
padding: 0;
border: 0;
border-radius: 999px;
background: var(--global-palette1);
color: #fff;
}
.epc-home .epc-front-hero__submit:hover,
.epc-home .epc-front-hero__submit:focus-visible {
background: var(--global-palette2);
}
.epc-front-hero svg {
fill: none;
stroke: currentColor;
stroke-width: 1.75;
stroke-linecap: round;
stroke-linejoin: round;
} .epc-front-hero__topics {
margin-top: 1.125rem;
}
.epc-front-hero__label {
margin: 0 0 0.75rem;
color: var(--global-palette5);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.epc-front-hero__topics ul {
display: flex;
flex-wrap: wrap;
gap: 0.625rem;
max-width: 44rem;
margin: 0;
padding: 0;
list-style: none;
}
.epc-home .epc-front-hero__topics a {
display: inline-flex;
gap: 0.5rem;
align-items: center;
padding: 0.5rem 1rem 0.5rem 0.875rem;
border: 1px solid var(--global-palette7);
border-radius: 999px;
background: var(--global-palette9);
color: var(--global-palette3);
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
box-shadow: 0 1px 2px rgba(16, 44, 66, 0.05);
}
.epc-home .epc-front-hero__topics a::after {
margin-left: 0.25rem;
color: var(--global-palette5);
content: "›";
}
.epc-home .epc-front-hero__topics a:hover,
.epc-home .epc-front-hero__topics a:focus-visible {
border-color: var(--global-palette1);
color: var(--global-palette1);
}
.epc-front-hero__topics svg {
width: 1.25rem;
height: 1.25rem;
color: var(--global-palette3);
} .epc-front-hero__facts {
display: none;
} .epc-front-hero__media {
position: relative;
margin-right: calc(50% - 50vw);
}
.epc-front-hero__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 6% 35%;
clip-path: ellipse(92% 125% at 100% 50%);
}
.epc-front-hero__caption {
position: absolute;
bottom: 2rem;
left: 18%;
margin: 0;
padding: 0.875rem 1.25rem;
border-radius: 10px;
background: rgba(255, 255, 255, 0.92);
color: var(--global-palette3);
font-family: var(--global-heading-font-family);
font-size: 1.25rem;
font-style: italic;
line-height: 1.25;
box-shadow: 0 6px 20px rgba(16, 44, 66, 0.12);
} @media (max-width: 1024px) {
.epc-front-hero {
background: var(--global-palette8);
}
.epc-front-hero__inner {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
.epc-front-hero__text {
padding: 1.5rem 0 1.75rem;
}
.epc-front-hero__media {
order: -1;
height: clamp(7rem, 22vw, 12rem);
margin: 0 calc(50% - 50vw);
}
.epc-front-hero__img {
object-position: 50% 28%;
clip-path: ellipse(120% 100% at 50% 0);
}
.epc-front-hero__caption {
display: none;
}
.epc-front-hero__eyebrow {
gap: 0.625rem;
margin-bottom: 0.875rem;
font-size: 0.625rem;
letter-spacing: 0.08em;
}
.epc-front-hero__eyebrow::before {
width: 1.75rem;
}
.epc-front-hero__lead {
margin-bottom: 1.25rem;
font-size: 1rem;
}
.epc-home .epc-front-hero__field {
height: 3.25rem;
font-size: 0.9375rem;
}
.epc-home .epc-front-hero__submit {
width: 3.5rem;
height: 2.625rem;
}
.epc-front-hero__topics {
margin-top: 1.25rem;
}
.epc-front-hero__topics ul {
gap: 0.5rem;
}
.epc-home .epc-front-hero__topics a {
padding: 0.4375rem 0.75rem 0.4375rem 0.625rem;
font-size: 0.875rem;
}
.epc-front-hero__topics svg {
width: 1.125rem;
height: 1.125rem;
}
} @media (max-width: 599px) {
.epc-front-hero__topics ul {
flex-wrap: nowrap;
margin-inline: calc(50% - 50vw);
padding: 0.125rem calc(50vw - 50%) 0.375rem;
overflow-x: auto;
scrollbar-width: none;
}
.epc-front-hero__topics ul::-webkit-scrollbar {
display: none;
}
.epc-front-hero__topics li {
flex: none;
}
} .epc-section.epc-explore {
padding: 2.5rem 0 2.75rem;
background: radial-gradient(ellipse at 15% 0%, var(--global-palette9) 0%, transparent 55%), var(--global-palette8);
}
.epc-explore__head {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 1.5rem 2.25rem;
align-items: center;
margin-bottom: 1.5rem;
}
.epc-home .epc-explore__head h2 {
margin: 0;
font-size: clamp(2.125rem, 1.3rem + 2.1vw, 3.125rem);
line-height: 1.05;
letter-spacing: -0.02em;
white-space: nowrap;
}
.epc-explore__intro {
max-width: 34rem;
margin: 0;
padding-left: 2rem;
border-left: 1px solid var(--global-palette3);
color: var(--global-palette4);
font-size: 1rem;
line-height: 1.55;
}
.epc-home .epc-explore__all {
display: inline-flex;
gap: 0.625rem;
align-items: center;
padding: 0.75rem 1.375rem;
border-radius: 999px;
background: rgba(20, 125, 131, 0.1);
color: var(--global-palette2);
font-size: 0.9375rem;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
transition: background-color 0.15s ease, color 0.15s ease;
}
.epc-home .epc-explore__all:hover,
.epc-home .epc-explore__all:focus-visible {
background: var(--global-palette1);
color: #fff;
}
.epc-explore svg {
display: block;
flex: none;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
} .epc-explore__grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1.25rem;
}
.epc-explore__feature,
.epc-explore__card {
position: relative;
overflow: hidden;
border-radius: 14px;
background: var(--global-palette9);
box-shadow: 0 1px 2px rgba(16, 44, 66, 0.06), 0 8px 24px rgba(16, 44, 66, 0.06);
}
.epc-explore__feature {
display: flex;
flex-direction: column;
grid-column: 1 / 7;
grid-row: 1 / 3;
}
.epc-explore__card {
display: flex;
flex-direction: column;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.epc-explore__card--cataracts {
grid-column: 7 / 10;
}
.epc-explore__card--glaucoma {
grid-column: 10 / 13;
}
.epc-explore__card--dry-eyes {
grid-column: 7 / 10;
}
.epc-explore__card--eye-pain {
grid-column: 10 / 13;
}
.epc-explore__card:hover,
.epc-explore__card:focus-within {
box-shadow: 0 2px 4px rgba(16, 44, 66, 0.08), 0 14px 32px rgba(16, 44, 66, 0.1);
transform: translateY(-2px);
}
.epc-explore__card:focus-within {
outline: 2px solid var(--global-palette1);
outline-offset: 2px;
} .epc-explore__media {
position: relative;
display: block;
flex: 1 1 auto;
min-height: 11rem;
}
.epc-explore__img {
display: block;
width: 100%;
object-fit: cover;
}
.epc-explore__media .epc-explore__img {
position: absolute;
inset: 0;
height: 100%;
object-position: 50% 22%;
}
.epc-explore__card .epc-explore__img {
height: auto;
aspect-ratio: 3 / 1;
object-position: 50% 40%;
}
.epc-explore__card--cataracts .epc-explore__img {
object-position: 40% 45%;
}
.epc-explore__card--glaucoma .epc-explore__img {
object-position: 40% 35%;
}
.epc-explore__card--dry-eyes .epc-explore__img {
object-position: 25% 30%;
}
.epc-explore__card--eye-pain .epc-explore__img {
object-position: 55% 40%;
}
.epc-explore__badge {
position: absolute;
top: 1.5rem;
left: 1.5rem;
margin: 0;
padding: 0.4375rem 0.875rem;
border-radius: 999px;
background: var(--global-palette1);
color: #fff;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.3;
text-transform: uppercase;
} .epc-explore__panel {
position: relative;
margin-top: -1.25rem;
padding: 1.25rem 1.75rem 1.125rem;
border-radius: 14px 14px 0 0;
background: var(--global-palette9);
}
.epc-home .epc-explore__title {
margin: 0 0 0.5rem;
font-size: clamp(2rem, 1.3rem + 1.5vw, 2.625rem);
line-height: 1.05;
letter-spacing: -0.02em;
}
.epc-home .epc-explore__title a,
.epc-home .epc-explore__name a {
display: inline-flex;
gap: 0.75rem;
align-items: center;
color: var(--global-palette3);
text-decoration: none;
}
.epc-explore__arrow {
display: inline-grid;
flex: none;
place-items: center;
width: 1.75rem;
height: 1.75rem;
border-radius: 50%;
background: rgba(20, 125, 131, 0.12);
color: var(--global-palette1);
transition: background-color 0.15s ease, color 0.15s ease;
}
.epc-explore__title .epc-explore__arrow {
width: 2.75rem;
height: 2.75rem;
}
.epc-explore__title .epc-explore__arrow svg {
width: 18px;
height: 18px;
}
.epc-home .epc-explore__title a:hover,
.epc-home .epc-explore__card:hover .epc-explore__name a {
color: var(--global-palette2);
}
.epc-explore__title a:hover .epc-explore__arrow,
.epc-explore__card:hover .epc-explore__arrow,
.epc-explore__guides a:hover .epc-explore__arrow {
background: var(--global-palette1);
color: #fff;
}
.epc-explore__desc {
margin: 0;
color: var(--global-palette4);
font-size: 0.9375rem;
line-height: 1.5;
}
.epc-explore__panel .epc-explore__desc {
font-size: 1.0625rem;
} .epc-explore__guides {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 1rem 0 0;
padding: 0.875rem 0 0;
border-top: 1px solid var(--global-palette7);
list-style: none;
}
.epc-explore__guides li {
padding: 0 0.75rem;
border-left: 1px solid var(--global-palette7);
}
.epc-explore__guides li:first-child {
padding-left: 0;
border-left: 0;
}
.epc-home .epc-explore__guides a {
display: block;
padding: 0.25rem 0;
color: var(--global-palette3);
text-decoration: none;
}
.epc-explore__num {
display: block;
margin-bottom: 0.25rem;
color: var(--global-palette1);
font-size: 0.8125rem;
font-weight: 700;
}
.epc-explore__guide {
font-family: var(--global-heading-font-family);
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.3;
}
.epc-explore__aka {
white-space: nowrap;
color: var(--global-palette4);
font-family: var(--global-body-font-family);
font-size: 0.8125rem;
font-weight: 400;
}
.epc-explore__guides .epc-explore__arrow {
display: inline-grid;
width: auto;
height: auto;
margin-left: 0.25rem;
vertical-align: -2px;
background: none;
}
.epc-explore__guides a:hover .epc-explore__guide {
color: var(--global-palette2);
}
.epc-explore__guides a:hover .epc-explore__arrow {
background: none;
color: var(--global-palette2);
} .epc-explore__body {
display: flex;
flex: 1;
flex-direction: column;
gap: 0.375rem;
padding: 1rem 1.25rem 1.125rem;
}
.epc-home .epc-explore__name {
margin: 0;
font-size: 1.375rem;
line-height: 1.15;
}
.epc-explore__name a::after {
position: absolute;
inset: 0;
content: "";
}
.epc-explore__name a:focus-visible {
outline: none;
}
.epc-explore__card .epc-explore__desc {
font-size: 0.875rem;
} .epc-explore__short {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.epc-explore__card {
transition: none;
}
.epc-explore__card:hover,
.epc-explore__card:focus-within {
transform: none;
}
} @media (max-width: 1279px) {
.epc-explore__head {
grid-template-columns: minmax(0, 1fr) auto;
}
.epc-home .epc-explore__head h2 {
grid-column: 1 / -1;
}
.epc-explore__intro {
padding-left: 0;
border-left: 0;
}
} @media (max-width: 1024px) {
.epc-explore__grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 1rem;
}
.epc-explore__feature {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
grid-column: 1 / -1;
grid-row: auto;
}
.epc-explore__media {
min-height: 15rem;
}
.epc-explore__panel {
margin-top: 0;
padding: 1.25rem 1.5rem 1rem;
border-radius: 0;
}
.epc-explore__guides {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem 0;
}
.epc-explore__guides li:nth-child(3) {
padding-left: 0;
border-left: 0;
}
.epc-explore__card--cataracts {
grid-column: 1 / 4;
}
.epc-explore__card--glaucoma {
grid-column: 4 / 7;
}
.epc-explore__card--dry-eyes {
grid-column: 1 / 4;
}
.epc-explore__card--eye-pain {
grid-column: 4 / 7;
}
} @media (max-width: 767px) {
.epc-section.epc-explore {
padding: 1.5rem 0 1.75rem;
}
.epc-explore__head {
grid-template-columns: minmax(0, 1fr);
gap: 0.5rem;
margin-bottom: 1rem;
}
.epc-home .epc-explore__head h2 {
font-size: 1.875rem;
white-space: normal;
}
.epc-explore__intro {
font-size: 0.9375rem;
line-height: 1.5;
}
.epc-home .epc-explore__all {
justify-self: start;
padding: 0.5rem 1rem;
font-size: 0.875rem;
}
.epc-explore__long {
display: none;
}
.epc-explore__short {
display: inline;
}
.epc-explore__grid {
grid-template-columns: minmax(0, 1fr);
gap: 0.5rem;
}
.epc-explore__feature,
.epc-explore__card {
border-radius: 12px;
}
.epc-explore__feature {
display: flex;
grid-column: auto;
}
.epc-explore__media {
flex: none;
min-height: 0;
aspect-ratio: 3 / 1;
}
.epc-explore__media .epc-explore__img {
object-position: 50% 30%;
}
.epc-explore__badge {
top: 0.75rem;
left: 0.75rem;
padding: 0.3125rem 0.75rem;
font-size: 0.6875rem;
}
.epc-explore__panel {
margin-top: -0.75rem;
padding: 1rem 1.125rem 0.75rem;
border-radius: 12px 12px 0 0;
}
.epc-home .epc-explore__title {
margin-bottom: 0.375rem;
font-size: 1.5rem;
}
.epc-explore__title .epc-explore__arrow {
width: 2rem;
height: 2rem;
}
.epc-explore__title .epc-explore__arrow svg {
width: 16px;
height: 16px;
}
.epc-explore__panel .epc-explore__desc {
font-size: 0.9375rem;
} .epc-explore__guides {
grid-template-columns: minmax(0, 1fr);
gap: 0;
margin-top: 0.625rem;
padding-top: 0;
}
.epc-explore__guides li,
.epc-explore__guides li:nth-child(3) {
padding: 0;
border-top: 1px solid var(--global-palette7);
border-left: 0;
}
.epc-explore__guides li:first-child {
border-top: 0;
}
.epc-home .epc-explore__guides a {
display: flex;
align-items: center;
min-height: 2.75rem;
padding: 0.375rem 0;
line-height: 1.3;
}
.epc-explore__num {
flex: none;
width: 1.75rem;
margin: 0;
}
.epc-explore__guides .epc-explore__arrow {
margin-left: auto;
padding-left: 0.5rem;
}
.epc-explore__card {
display: grid;
grid-template-columns: 4.5rem minmax(0, 1fr);
min-height: 4.5rem;
}
.epc-explore__card--cataracts,
.epc-explore__card--glaucoma,
.epc-explore__card--dry-eyes,
.epc-explore__card--eye-pain {
grid-column: auto;
} .epc-explore__card .epc-explore__img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4.5rem;
height: 100%;
aspect-ratio: auto;
}
.epc-explore__body {
grid-column: 2;
justify-content: center;
gap: 0.125rem;
padding: 0.5rem 0.875rem;
}
.epc-home .epc-explore__name {
margin-bottom: 0;
font-size: 1.125rem;
}
.epc-home .epc-explore__name a {
gap: 0.5rem;
}
.epc-explore__name .epc-explore__arrow {
width: 1.375rem;
height: 1.375rem;
}
.epc-explore__name .epc-explore__arrow svg {
width: 12px;
height: 12px;
}
.epc-explore__card .epc-explore__desc {
font-size: 0.8125rem;
line-height: 1.4;
}
}.rank-math-list-item{margin-bottom:2em}