.dw-header {
position: fixed;
inset: 0 0 auto;
z-index: var(--dw-z-header);
color: var(--dw-navy-900);
}
.admin-bar .dw-header { top: var(--wp-admin--admin-bar--height, 32px); }
.dw-header__bar {
position: relative;
z-index: 2;
background: var(--dw-white);
border-bottom: 1px solid transparent;
box-shadow: var(--dw-shadow-header);
transition: background-color var(--dw-dur) var(--dw-ease), box-shadow var(--dw-dur) var(--dw-ease), border-color var(--dw-dur) var(--dw-ease);
}
.dw-header__inner {
display: flex;
align-items: center;
gap: 1.5rem;
height: var(--dw-header-h);
transition: height var(--dw-dur) var(--dw-ease);
}
.dw-header.is-scrolled .dw-header__inner { height: var(--dw-header-h-scrolled); } .has-overlay-header .dw-header:not(.is-scrolled):not(.is-mega-open) { color: var(--dw-white); }
.has-overlay-header .dw-header:not(.is-scrolled):not(.is-mega-open) .dw-header__bar {
background: transparent;
box-shadow: none;
border-bottom-color: rgba(255, 255, 255, .12);
}
.has-solid-header .dw-main { padding-top: var(--dw-header-h); } .dw-logo {
display: inline-flex;
align-items: center;
gap: .625rem;
flex: none;
color: currentColor;
font-family: var(--dw-font-heading);
font-size: 1.375rem;
font-weight: var(--dw-fw-heavy);
letter-spacing: -.025em;
line-height: 1;
}
.dw-logo__mark { flex: none; width: 2.125rem; height: 2.125rem; }
.dw-logo__word > span { font-weight: var(--dw-fw-regular); }
.dw-logo--light { color: var(--dw-white); } .dw-logo--image { --dw-logo-h: 3.5rem; display: grid; gap: 0; }
.dw-logo--image .dw-logo__img {
grid-area: 1 / 1;
display: block;
width: auto;
max-width: none;
height: var(--dw-logo-h);
margin-block: calc(var(--dw-logo-h) * -.225);
transition: opacity .35s var(--dw-ease), visibility 0s linear 0s;
}
.dw-logo__img--invert { filter: brightness(0) invert(1); }
.dw-logo__img--on-dark,
.has-overlay-header .dw-header:not(.is-scrolled):not(.is-mega-open) .dw-logo__img--on-light {
opacity: 0;
visibility: hidden;
transition: opacity .35s var(--dw-ease), visibility 0s linear .35s;
}
.has-overlay-header .dw-header:not(.is-scrolled):not(.is-mega-open) .dw-logo__img--on-dark {
opacity: 1;
visibility: visible;
transition: opacity .35s var(--dw-ease), visibility 0s linear 0s;
}
.dw-drawer__head .dw-logo--image { --dw-logo-h: 2.875rem; }
@media (max-width: 559px) {
.dw-header .dw-logo--image { --dw-logo-h: 2.875rem; }
} .dw-nav { flex: 1; display: flex; justify-content: center; align-self: stretch; }
.dw-nav__list { display: flex; align-items: stretch; gap: .25rem; }
.dw-nav__item { display: flex; }
.dw-nav__trigger,
.dw-nav__link {
position: relative;
display: inline-flex;
align-items: center;
gap: .3rem;
padding: 0 .875rem;
font-size: var(--dw-fs-nav);
font-weight: var(--dw-fw-medium);
line-height: 1;
letter-spacing: .005em;
color: currentColor;
white-space: nowrap;
}
.dw-nav__trigger::after,
.dw-nav__link::after {
content: "";
position: absolute;
left: .875rem;
right: .875rem;
bottom: -1px;
height: 2px;
background: var(--dw-primary);
transform: scaleX(0);
transform-origin: left;
transition: transform var(--dw-dur) var(--dw-ease-out);
}
.dw-nav__item:hover > .dw-nav__trigger::after,
.dw-nav__item:hover > .dw-nav__link::after,
.dw-nav__trigger[aria-expanded="true"]::after,
.dw-nav__item.is-current > .dw-nav__trigger::after,
.dw-nav__item.is-current > .dw-nav__link::after,
.dw-nav__link:focus-visible::after { transform: scaleX(1); }
.dw-nav__chevron { transition: transform var(--dw-dur) var(--dw-ease-out); opacity: .7; }
.dw-nav__trigger[aria-expanded="true"] .dw-nav__chevron { transform: rotate(180deg); }
.dw-header__actions { display: flex; align-items: center; gap: .75rem; flex: none; } .dw-burger {
display: none;
place-items: center;
width: 2.75rem;
height: 2.75rem;
border: 1.5px solid currentColor;
border-color: color-mix(in srgb, currentColor 30%, transparent);
border-radius: 50%;
transition: border-color var(--dw-dur-fast);
}
.dw-burger:hover { border-color: currentColor; }
.dw-burger__lines { position: relative; width: 1.125rem; height: .625rem; }
.dw-burger__lines span {
position: absolute;
right: 0;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: width var(--dw-dur) var(--dw-ease-out);
}
.dw-burger__lines span:first-child { top: 0; width: 100%; }
.dw-burger__lines span:last-child { bottom: 0; width: 66%; }
.dw-burger:hover .dw-burger__lines span:last-child { width: 100%; }
@media (max-width: 1099px) {
.dw-nav { display: none; }
.dw-burger { display: grid; }
.dw-header__actions { margin-left: auto; }
}
@media (max-width: 559px) {
.dw-header__cta { display: none; }
.dw-logo { font-size: 1.25rem; }
} .dw-mega {
position: absolute;
top: 100%;
left: 0;
right: 0;
color: var(--dw-color-text);
background: var(--dw-white);
border-top: 1px solid var(--dw-color-border);
box-shadow: 0 40px 60px -40px rgba(4, 12, 31, .45);
opacity: 0;
visibility: hidden;
transform: translate3d(0, -10px, 0);
pointer-events: none;
transition: opacity .3s var(--dw-ease), transform .45s var(--dw-ease-out), visibility 0s linear .3s;
}
.dw-nav__item.is-open .dw-mega {
opacity: 1;
visibility: visible;
transform: none;
pointer-events: auto;
transition-delay: 0s;
}
.dw-mega__inner {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 6.2fr) minmax(0, 2.8fr);
gap: clamp(1.5rem, 3vw, 3.5rem);
padding-block: 2.75rem 3rem;
}
.dw-mega__intro .dw-eyebrow { margin-bottom: 1rem; }
.dw-mega__desc {
margin-bottom: 1.75rem;
font-size: 1.1875rem;
font-weight: var(--dw-fw-medium);
line-height: 1.5;
letter-spacing: -.005em;
color: var(--dw-navy-900);
}
.dw-mega__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .25rem 1rem;
align-content: start;
}
.dw-mega__grid > li {
opacity: 0;
transform: translate3d(0, 8px, 0);
transition: opacity .4s var(--dw-ease-out), transform .5s var(--dw-ease-out);
transition-delay: calc(var(--i, 0) * 35ms + 60ms);
}
.dw-nav__item.is-open .dw-mega__grid > li { opacity: 1; transform: none; }
.dw-mega__link {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: .875rem 1rem;
border-radius: var(--dw-radius-medium);
transition: background-color var(--dw-dur-fast) var(--dw-ease);
}
.dw-mega__link:hover,
.dw-mega__link:focus-visible,
.dw-mega__link.is-current { background: var(--dw-color-surface); }
.dw-mega__icon {
display: grid;
place-items: center;
flex: none;
width: 2.5rem;
height: 2.5rem;
color: var(--dw-primary-ink);
background: var(--dw-primary-soft);
border-radius: var(--dw-radius-medium);
transition: background-color var(--dw-dur-fast), color var(--dw-dur-fast);
}
.dw-mega__link:hover .dw-mega__icon,
.dw-mega__link:focus-visible .dw-mega__icon { background: var(--dw-primary); color: var(--dw-navy-900); }
.dw-mega__text { flex: 1; min-width: 0; }
.dw-mega__label {
display: block;
font-size: .9375rem;
font-weight: var(--dw-fw-bold);
line-height: 1.35;
color: var(--dw-navy-900);
}
.dw-mega__summary {
display: block;
margin-top: .25rem;
font-size: .8125rem;
line-height: 1.5;
color: var(--dw-gray-600);
}
.dw-mega__arrow {
flex: none;
align-self: center;
color: var(--dw-primary-ink);
opacity: 0;
transform: translateX(-6px);
transition: opacity var(--dw-dur-fast), transform var(--dw-dur) var(--dw-ease-out);
}
.dw-mega__link:hover .dw-mega__arrow,
.dw-mega__link:focus-visible .dw-mega__arrow { opacity: 1; transform: none; }
.dw-mega__promo {
position: relative;
display: flex;
align-items: flex-end;
min-height: 17rem;
padding: 1.5rem;
overflow: hidden;
color: var(--dw-white);
background: var(--dw-navy-900);
border-radius: 14px;
isolation: isolate;
}
.dw-mega__promo-art {
position: absolute;
inset: 0;
z-index: -2;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1.4s var(--dw-ease-out);
}
.dw-mega__promo::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(to top, rgba(4, 12, 31, .94) 15%, rgba(4, 12, 31, .15) 75%);
}
.dw-mega__promo:hover .dw-mega__promo-art { transform: scale(1.06); }
.dw-mega__promo-title { display: block; font-size: 1.25rem; font-weight: var(--dw-fw-heavy); line-height: 1.2; letter-spacing: -.01em; }
.dw-mega__promo-text { display: block; margin-top: .5rem; font-size: .8125rem; line-height: 1.5; color: rgba(255, 255, 255, .75); }
.dw-mega__promo-cta {
display: inline-flex;
align-items: center;
gap: .4rem;
margin-top: 1rem;
font-size: .875rem;
font-weight: var(--dw-fw-bold);
color: var(--dw-primary);
}
.dw-mega__promo-cta .dw-icon { transition: transform var(--dw-dur) var(--dw-ease-out); }
.dw-mega__promo:hover .dw-mega__promo-cta .dw-icon { transform: translateX(4px); }
.dw-mega-backdrop {
position: fixed;
inset: 0;
z-index: 1;
background: rgba(4, 12, 31, .42);
opacity: 0;
visibility: hidden;
transition: opacity .35s var(--dw-ease), visibility 0s linear .35s;
}
.dw-header.is-mega-open .dw-mega-backdrop { opacity: 1; visibility: visible; transition-delay: 0s; }
@media (max-width: 1299px) {
.dw-mega__inner { grid-template-columns: minmax(0, 3fr) minmax(0, 7fr); }
.dw-mega__promo { display: none; }
} .dw-drawer { position: fixed; inset: 0; z-index: var(--dw-z-drawer); }
.dw-drawer[hidden] { display: none; }
.dw-drawer__overlay {
position: absolute;
inset: 0;
background: rgba(4, 12, 31, .6);
opacity: 0;
transition: opacity .4s var(--dw-ease);
}
.dw-drawer__panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
width: min(100%, 30rem);
overflow-y: auto;
overscroll-behavior: contain;
color: var(--dw-white);
background: var(--dw-gradient-navy);
transform: translate3d(100%, 0, 0);
transition: transform .6s var(--dw-ease-out);
}
.dw-drawer.is-open .dw-drawer__overlay { opacity: 1; }
.dw-drawer.is-open .dw-drawer__panel { transform: none; }
.dw-drawer__head {
display: flex;
align-items: center;
justify-content: space-between;
flex: none;
height: var(--dw-header-h);
padding-inline: 1.5rem;
border-bottom: 1px solid var(--dw-on-dark-border);
}
.dw-drawer__close {
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
border: 1.5px solid rgba(255, 255, 255, .3);
border-radius: 50%;
transition: background-color var(--dw-dur-fast), color var(--dw-dur-fast);
}
.dw-drawer__close:hover { background: var(--dw-white); color: var(--dw-navy-900); }
.dw-drawer__nav { flex: 1; padding: .75rem 1.5rem 1.5rem; }
.dw-drawer__item {
border-bottom: 1px solid rgba(255, 255, 255, .1);
opacity: 0;
transform: translate3d(1.5rem, 0, 0);
transition: opacity .5s var(--dw-ease-out), transform .6s var(--dw-ease-out);
transition-delay: calc(var(--i, 0) * 50ms + 150ms);
}
.dw-drawer.is-open .dw-drawer__item { opacity: 1; transform: none; }
.dw-drawer__toggle,
.dw-drawer__link {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 1.125rem 0;
font-size: 1.5rem;
font-weight: var(--dw-fw-bold);
line-height: 1.2;
letter-spacing: -.01em;
text-align: left;
color: var(--dw-white);
}
.dw-drawer__link[aria-current="page"] { color: var(--dw-primary); }
.dw-drawer__plus { position: relative; flex: none; width: 1rem; height: 1rem; }
.dw-drawer__plus::before,
.dw-drawer__plus::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
background: var(--dw-primary);
transition: transform var(--dw-dur) var(--dw-ease-out);
}
.dw-drawer__plus::after { transform: rotate(90deg); }
.dw-drawer__toggle[aria-expanded="true"] .dw-drawer__plus::after { transform: rotate(0); }
.dw-drawer__sub {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
transition: grid-template-rows .45s var(--dw-ease-out), visibility 0s linear .45s;
}
.dw-drawer__toggle[aria-expanded="true"] + .dw-drawer__sub {
grid-template-rows: 1fr;
visibility: visible;
transition-delay: 0s;
}
.dw-drawer__sub-inner { overflow: hidden; }
.dw-drawer__sub ul { margin: 0; padding: 0 0 .5rem; list-style: none; }
.dw-drawer__sub li a {
display: block;
padding: .5rem 0 .5rem 1rem;
font-size: 1.0625rem;
font-weight: var(--dw-fw-medium);
color: var(--dw-on-dark-muted);
border-left: 1px solid rgba(255, 255, 255, .14);
transition: color var(--dw-dur-fast), border-color var(--dw-dur-fast);
}
.dw-drawer__sub li a:hover,
.dw-drawer__sub li a[aria-current="page"] { color: var(--dw-white); border-color: var(--dw-primary); }
.dw-drawer__all { margin: .75rem 0 1.5rem; color: var(--dw-white); }
.dw-drawer__foot {
display: grid;
gap: 1.25rem;
padding: 1.5rem;
border-top: 1px solid var(--dw-on-dark-border);
}
.dw-drawer__cta { width: 100%; }
.dw-drawer__contact { display: inline-flex; align-items: center; gap: .625rem; color: var(--dw-on-dark-muted); } .dw-social { display: flex; gap: .5rem; }
.dw-social a {
display: grid;
place-items: center;
width: 2.5rem;
height: 2.5rem;
color: var(--dw-white);
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 50%;
transition: background-color var(--dw-dur-fast), border-color var(--dw-dur-fast), color var(--dw-dur-fast);
}
.dw-social a:hover,
.dw-social a:focus-visible { background: var(--dw-primary); border-color: var(--dw-primary); color: var(--dw-navy-900); } .dw-footer {
position: relative;
overflow: hidden;
padding-top: clamp(4.5rem, 3rem + 5vw, 7.5rem);
background: var(--dw-navy-900);
}
.dw-footer__top {
display: grid;
grid-template-columns: minmax(0, 3.6fr) minmax(0, 8.4fr);
gap: 3rem 4rem;
padding-bottom: clamp(3rem, 2rem + 3vw, 5rem);
border-bottom: 1px solid var(--dw-on-dark-border);
}
.dw-footer__brand .dw-logo { margin-bottom: 1.75rem; font-size: 1.625rem; }
.dw-footer__brand .dw-logo__mark { width: 2.5rem; height: 2.5rem; }
.dw-footer__brand .dw-logo--image { --dw-logo-h: 4rem; }
.dw-footer__statement {
max-width: 23rem;
margin-bottom: 2rem;
font-size: 1.125rem;
line-height: 1.6;
color: rgba(255, 255, 255, .78);
}
.dw-footer__contact { margin-top: 2rem; display: grid; gap: .625rem; }
.dw-footer__contact a { display: inline-flex; align-items: center; gap: .625rem; color: var(--dw-on-dark-muted); }
.dw-footer__contact a:hover { color: var(--dw-white); }
.dw-footer__cols {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 2.5rem 2rem;
}
.dw-footer__heading {
margin-bottom: 1.25rem;
font-size: 1rem;
font-weight: var(--dw-fw-bold);
letter-spacing: 0;
color: var(--dw-primary);
}
.dw-footer__heading a:hover { text-decoration: underline; text-underline-offset: 4px; }
.dw-footer__links li + li { margin-top: .75rem; }
.dw-footer__links a {
font-size: .875rem;
font-weight: var(--dw-fw-medium);
line-height: 1.4;
color: rgba(242, 242, 242, .76);
transition: color var(--dw-dur-fast);
}
.dw-footer__links a:hover,
.dw-footer__links a:focus-visible { color: var(--dw-white); }
.dw-footer__bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem 2rem;
padding-block: 2rem;
font-size: .875rem;
color: rgba(255, 255, 255, .6);
}
.dw-footer__legal { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.dw-footer__legal a:hover { color: var(--dw-white); }
.dw-footer__bottom .dw-social { margin-left: auto; }
.dw-footer__wordmark {
padding-top: .5rem;
margin-bottom: -.14em;
font-size: clamp(4rem, 1rem + 16.5vw, 17rem);
font-weight: var(--dw-fw-black);
line-height: .82;
letter-spacing: -.055em;
text-align: center;
white-space: nowrap;
color: transparent;
-webkit-text-stroke: 1px rgba(255, 255, 255, .1);
background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) 80%);
-webkit-background-clip: text;
background-clip: text;
user-select: none;
pointer-events: none;
}
@media (max-width: 1099px) {
.dw-footer__top { grid-template-columns: minmax(0, 1fr); }
.dw-footer__cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 699px) {
.dw-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dw-footer__bottom .dw-social { margin-left: 0; }
} .dw-page-hero {
position: relative;
display: flex;
align-items: flex-end;
min-height: clamp(32rem, 74vh, 46rem);
padding-top: calc(var(--dw-header-h) + clamp(3rem, 2rem + 4vw, 6rem));
padding-bottom: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
overflow: hidden;
background: var(--dw-gradient-navy);
isolation: isolate;
}
.dw-page-hero--compact { min-height: clamp(26rem, 58vh, 36rem); }
.dw-page-hero__art {
position: absolute;
inset: 0 0 0 auto;
z-index: -1;
width: 64%;
-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 42%);
mask-image: linear-gradient(to right, transparent 0%, #000 42%);
}
.dw-page-hero__art .dw-media { height: 100%; background: transparent; }
.dw-page-hero__art::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(4, 12, 31, .7), transparent 40%);
}
.dw-page-hero__inner { width: 100%; }
.dw-page-hero__content { max-width: 50rem; }
.dw-page-hero .dw-breadcrumb { margin-bottom: clamp(2rem, 1.5rem + 2vw, 3.5rem); }
.dw-page-hero__title { color: var(--dw-white); }
.dw-page-hero__lead {
max-width: 40rem;
margin-top: 1.5rem;
font-size: var(--dw-fs-lead);
line-height: var(--dw-lh-lead);
color: var(--dw-on-dark-muted);
}
.dw-page-hero .dw-actions { margin-top: 2.25rem; }
.dw-page-hero__meta { margin-top: 2rem; }
@media (max-width: 1099px) {
.dw-page-hero__art { width: 100%; opacity: .45; -webkit-mask-image: linear-gradient(to bottom, #000 30%, transparent 100%); mask-image: linear-gradient(to bottom, #000 30%, transparent 100%); }
} .dw-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .5rem; margin: 0; padding: 0; list-style: none; }
.dw-breadcrumb__item {
display: inline-flex;
align-items: center;
gap: .5rem;
font-size: var(--dw-fs-xs);
font-weight: var(--dw-fw-semibold);
letter-spacing: .02em;
color: var(--dw-color-muted);
}
.dw-breadcrumb__item + .dw-breadcrumb__item::before {
content: "";
width: 5px;
height: 5px;
border-top: 1.5px solid currentColor;
border-right: 1.5px solid currentColor;
transform: rotate(45deg);
opacity: .6;
}
.dw-breadcrumb a { color: var(--dw-color-muted); transition: color var(--dw-dur-fast); }
.dw-breadcrumb a:hover { color: var(--dw-color-heading); }
.dw-breadcrumb [aria-current] span { color: var(--dw-color-heading); } .dw-overview {
display: grid;
grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
gap: 2rem clamp(2rem, 1rem + 4vw, 6rem);
}
.dw-overview__label .dw-eyebrow { margin: 0; }
.dw-overview__body .dw-statement { margin-bottom: 2.5rem; }
.dw-overview__cols {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem 3rem;
color: var(--dw-gray-700);
}
.dw-overview__cols { font-size: 1.0625rem; line-height: 1.75; }
.dw-overview__cols .dw-lead { font-size: inherit; line-height: inherit; font-weight: var(--dw-fw-medium); color: var(--dw-navy-900); }
.dw-overview__actions { margin-top: 2.5rem; }
@media (max-width: 1099px) {
.dw-overview { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 699px) {
.dw-overview__cols { grid-template-columns: minmax(0, 1fr); }
} .dw-card { position: relative; }
.dw-stretched::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.dw-card :is(a:not(.dw-stretched), button) { position: relative; z-index: 2; } .dw-feature {
padding-top: 1.75rem;
border-top: 1px solid var(--dw-color-border);
}
.dw-feature__icon {
display: grid;
place-items: center;
width: 3rem;
height: 3rem;
margin-bottom: 1.5rem;
color: var(--dw-primary-ink);
background: var(--dw-primary-soft);
border-radius: var(--dw-radius-medium);
}
.dw-theme-dark .dw-feature__icon { color: var(--dw-primary); background: rgba(253, 170, 72, .12); }
.dw-feature__index {
display: block;
margin-bottom: 1.25rem;
font-size: .875rem;
font-weight: var(--dw-fw-bold);
letter-spacing: .08em;
color: var(--dw-primary-ink);
}
.dw-feature__title { margin-bottom: .75rem; }
.dw-feature__text { color: var(--dw-color-muted); }
.dw-theme-dark .dw-feature__text { color: var(--dw-on-dark-muted); } .dw-feature--box {
padding: 2rem;
background: var(--dw-white);
border: 1px solid var(--dw-color-border);
border-radius: var(--dw-radius-medium);
transition: border-color var(--dw-dur), box-shadow var(--dw-dur), transform var(--dw-dur) var(--dw-ease-out);
}
.dw-feature--box:hover { border-color: transparent; box-shadow: var(--dw-shadow-md); transform: translateY(-3px); } .dw-checks { display: grid; gap: .875rem; }
.dw-checks li { display: flex; gap: .75rem; align-items: flex-start; line-height: 1.55; }
.dw-checks .dw-icon { flex: none; margin-top: .1rem; padding: 3px; color: var(--dw-navy-900); background: var(--dw-primary); border-radius: 50%; } .dw-process {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--dw-grid-gap);
counter-reset: step;
}
.dw-process__step { position: relative; padding-top: 2.75rem; }
.dw-process__step::before {
content: "";
position: absolute;
top: .5rem;
left: 0;
right: calc(var(--dw-grid-gap) * -1);
height: 1px;
background: var(--dw-color-border-strong);
}
.dw-theme-dark .dw-process__step::before { background: var(--dw-on-dark-border); }
.dw-process__step:last-child::before { right: 0; }
.dw-process__step::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.0625rem;
height: 1.0625rem;
background: var(--dw-white);
border: 4px solid var(--dw-primary);
border-radius: 50%;
}
.dw-theme-dark .dw-process__step::after { background: var(--dw-navy-900); }
.dw-process__num {
display: block;
margin-bottom: .75rem;
font-size: .875rem;
font-weight: var(--dw-fw-bold);
letter-spacing: .08em;
color: var(--dw-primary-ink);
}
.dw-process__title { margin-bottom: .75rem; }
.dw-process__text { color: var(--dw-color-muted); }
.dw-theme-dark .dw-process__text { color: var(--dw-on-dark-muted); }
@media (max-width: 1099px) {
.dw-process { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 3rem; }
.dw-process__step:nth-child(2n)::before { right: 0; }
}
@media (max-width: 699px) {
.dw-process { grid-template-columns: minmax(0, 1fr); }
.dw-process__step::before { right: 0; }
} .dw-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
gap: var(--dw-grid-gap);
margin-top: 3.5rem;
padding-top: 2.5rem;
border-top: 1px solid var(--dw-color-border);
}
.dw-stat__value {
display: block;
font-size: clamp(2.5rem, 2rem + 2vw, 3.75rem);
font-weight: var(--dw-fw-heavy);
line-height: 1;
letter-spacing: -.03em;
color: var(--dw-color-heading);
}
.dw-stat__label { display: block; margin-top: .75rem; font-size: var(--dw-fs-small); color: var(--dw-color-muted); } .dw-tiles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border-top: 1px solid var(--dw-color-border-strong);
border-left: 1px solid var(--dw-color-border-strong);
}
.dw-tile {
position: relative;
display: flex;
flex-direction: column;
min-height: 21rem;
padding: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);
border-right: 1px solid var(--dw-color-border-strong);
border-bottom: 1px solid var(--dw-color-border-strong);
overflow: hidden;
isolation: isolate;
transition: color var(--dw-dur) var(--dw-ease);
}
.dw-tile::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: var(--dw-gradient-navy);
transform: scaleY(0);
transform-origin: bottom;
transition: transform .6s var(--dw-ease-out);
}
.dw-tile__top { display: flex; align-items: center; justify-content: space-between; }
.dw-tile__index { font-size: .875rem; font-weight: var(--dw-fw-bold); letter-spacing: .08em; color: var(--dw-primary-ink); transition: color var(--dw-dur); }
.dw-tile__icon { color: var(--dw-navy-900); transition: color var(--dw-dur), transform .6s var(--dw-ease-out); }
.dw-tile__icon .dw-icon { width: 2.5rem; height: 2.5rem; stroke-width: 1.25; }
.dw-tile__title { margin: 2.75rem 0 .875rem; transition: color var(--dw-dur); }
.dw-tile__text { color: var(--dw-gray-700); transition: color var(--dw-dur); }
.dw-tile__foot { margin-top: auto; padding-top: 1.75rem; }
.dw-tile:hover::before,
.dw-tile:focus-within::before { transform: scaleY(1); }
.dw-tile:hover .dw-tile__title,
.dw-tile:focus-within .dw-tile__title { color: var(--dw-white); }
.dw-tile:hover .dw-tile__text,
.dw-tile:focus-within .dw-tile__text { color: var(--dw-on-dark-muted); }
.dw-tile:hover .dw-tile__index,
.dw-tile:focus-within .dw-tile__index,
.dw-tile:hover .dw-tile__icon,
.dw-tile:focus-within .dw-tile__icon { color: var(--dw-primary); }
.dw-tile:hover .dw-tile__icon { transform: translateY(-4px); }
.dw-tile:hover .dw-arrow-badge,
.dw-tile:focus-within .dw-arrow-badge { background: var(--dw-primary); border-color: var(--dw-primary); color: var(--dw-navy-900); }
.dw-tile:hover .dw-arrow-badge .dw-icon { transform: translateX(3px); }
@media (max-width: 1099px) {
.dw-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dw-tile { min-height: 19rem; }
}
@media (max-width: 699px) {
.dw-tiles { grid-template-columns: minmax(0, 1fr); }
.dw-tile { min-height: 0; padding: 1.5rem 1.5rem 1.75rem; }
.dw-tile__title { margin-top: 1.5rem; }
.dw-tile__foot { padding-top: 1.25rem; }
} .dw-svc-card {
display: flex;
flex-direction: column;
height: 100%;
background: var(--dw-white);
border: 1px solid var(--dw-color-border);
border-radius: var(--dw-radius-medium);
overflow: hidden;
transition: box-shadow var(--dw-dur) var(--dw-ease), transform var(--dw-dur) var(--dw-ease-out), border-color var(--dw-dur);
}
.dw-svc-card:hover,
.dw-svc-card:focus-within { border-color: transparent; box-shadow: var(--dw-shadow-lg); transform: translateY(-4px); }
.dw-svc-card:hover .dw-media__img { transform: scale(1.06); }
.dw-svc-card__body { display: flex; flex-direction: column; flex: 1; padding: 1.75rem 1.75rem 2rem; }
.dw-svc-card__top { display: flex; align-items: center; gap: .75rem; margin-bottom: 1.25rem; }
.dw-svc-card__icon { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; color: var(--dw-primary-ink); background: var(--dw-primary-soft); border-radius: var(--dw-radius-medium); }
.dw-svc-card__index { margin-left: auto; font-size: .8125rem; font-weight: var(--dw-fw-bold); letter-spacing: .08em; color: var(--dw-gray-500); }
.dw-svc-card__title { margin-bottom: .75rem; }
.dw-svc-card__text { color: var(--dw-gray-700); font-size: .9375rem; }
.dw-svc-card__list { display: grid; gap: .5rem; margin-top: 1.25rem; font-size: .875rem; color: var(--dw-gray-700); }
.dw-svc-card__list li { display: flex; gap: .625rem; }
.dw-svc-card__list li::before { content: ""; flex: none; width: 6px; height: 6px; margin-top: .55em; background: var(--dw-primary); }
.dw-svc-card__foot { margin-top: auto; padding-top: 1.75rem; } .dw-sol-card {
display: flex;
flex-direction: column;
height: 100%;
background: var(--dw-white);
border-radius: var(--dw-radius-medium);
overflow: hidden;
transition: box-shadow var(--dw-dur) var(--dw-ease), transform var(--dw-dur) var(--dw-ease-out);
}
.dw-sol-card:hover,
.dw-sol-card:focus-within { box-shadow: var(--dw-shadow-lg); transform: translateY(-4px); }
.dw-sol-card:hover .dw-media__img { transform: scale(1.06); }
.dw-sol-card__body { display: flex; flex-direction: column; flex: 1; padding: 1.75rem 1.75rem 2rem; }
.dw-sol-card__outcome {
display: flex;
flex-direction: column;
gap: .25rem;
margin-bottom: 1.25rem;
padding-bottom: 1.25rem;
border-bottom: 1px solid var(--dw-color-border);
font-size: 1.0625rem;
font-weight: var(--dw-fw-bold);
line-height: 1.35;
color: var(--dw-navy-900);
}
.dw-sol-card__outcome small {
font-size: .75rem;
font-weight: var(--dw-fw-bold);
letter-spacing: .12em;
text-transform: uppercase;
color: var(--dw-primary-ink);
}
.dw-sol-card__title { margin-bottom: .625rem; }
.dw-sol-card__text { font-size: .9375rem; color: var(--dw-gray-700); }
.dw-sol-card__foot { margin-top: auto; padding-top: 1.75rem; } .dw-ind-card {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 30rem;
padding: 2rem;
overflow: hidden;
color: var(--dw-white);
background: var(--dw-navy-900);
border-radius: var(--dw-radius-medium);
isolation: isolate;
}
.dw-ind-card .dw-media { position: absolute; inset: 0; z-index: -2; }
.dw-ind-card::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(to top, rgba(4, 12, 31, .97) 28%, rgba(4, 12, 31, .78) 58%, rgba(4, 12, 31, .25));
transition: background-color var(--dw-dur);
}
.dw-ind-card__icon {
position: absolute;
top: 2rem;
left: 2rem;
display: grid;
place-items: center;
width: 3.25rem;
height: 3.25rem;
color: var(--dw-white);
background: rgba(255, 255, 255, .08);
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 50%;
backdrop-filter: blur(6px);
transition: background-color var(--dw-dur), color var(--dw-dur), border-color var(--dw-dur);
}
.dw-ind-card__title { color: var(--dw-white); }
.dw-ind-card__text {
margin-top: .75rem;
color: var(--dw-on-dark-muted);
display: grid;
grid-template-rows: 1fr;
}
.dw-ind-card__foot { display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, .16); font-size: .875rem; font-weight: var(--dw-fw-bold); }
.dw-ind-card .dw-arrow-badge { border-color: rgba(255, 255, 255, .3); color: var(--dw-white); }
.dw-ind-card:hover .dw-media__img,
.dw-ind-card:focus-within .dw-media__img { transform: scale(1.07); }
.dw-ind-card:hover .dw-ind-card__icon,
.dw-ind-card:focus-within .dw-ind-card__icon { background: var(--dw-primary); border-color: var(--dw-primary); color: var(--dw-navy-900); }
.dw-ind-card:hover .dw-arrow-badge,
.dw-ind-card:focus-within .dw-arrow-badge { background: var(--dw-white); color: var(--dw-navy-900); border-color: var(--dw-white); }
.dw-ind-card--compact { min-height: 22rem; } .dw-case-card {
display: flex;
flex-direction: column;
height: 100%;
background: var(--dw-white);
border: 1px solid var(--dw-color-border);
border-radius: var(--dw-radius-medium);
overflow: hidden;
transition: box-shadow var(--dw-dur), transform var(--dw-dur) var(--dw-ease-out), border-color var(--dw-dur);
}
.dw-case-card:hover,
.dw-case-card:focus-within { border-color: transparent; box-shadow: var(--dw-shadow-lg); transform: translateY(-4px); }
.dw-case-card:hover .dw-media__img { transform: scale(1.05); }
.dw-case-card__body { display: flex; flex-direction: column; flex: 1; padding: clamp(1.5rem, 1.2rem + 1vw, 2.25rem); }
.dw-case-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-bottom: 1.25rem; }
.dw-case-card__solution { font-size: var(--dw-fs-xs); font-weight: var(--dw-fw-bold); letter-spacing: .1em; text-transform: uppercase; color: var(--dw-gray-600); }
.dw-case-card__title { margin-bottom: 1rem; }
.dw-case-card__challenge { margin-bottom: 1.5rem; color: var(--dw-gray-700); font-size: .9375rem; }
.dw-case-card__challenge strong { display: block; margin-bottom: .25rem; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--dw-navy-900); }
.dw-case-card__tech { margin-bottom: 1.75rem; }
.dw-case-card__foot { margin-top: auto; } .dw-case-card--row { flex-direction: row; }
.dw-case-card--row .dw-media { flex: 0 0 40%; aspect-ratio: auto; }
@media (max-width: 699px) {
.dw-case-card--row { flex-direction: column; }
.dw-case-card--row .dw-media { aspect-ratio: 16 / 10; }
} .dw-post-card { display: flex; flex-direction: column; height: 100%; }
.dw-post-card .dw-media { border-radius: var(--dw-radius-medium); margin-bottom: 1.5rem; }
.dw-post-card__meta { margin-bottom: .875rem; }
.dw-post-card__title { transition: color var(--dw-dur-fast); }
.dw-post-card__title a { background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 2px; transition: background-size var(--dw-dur) var(--dw-ease-out); }
.dw-post-card:hover .dw-post-card__title a,
.dw-post-card:focus-within .dw-post-card__title a { background-size: 100% 2px; }
.dw-post-card:hover .dw-media__img { transform: scale(1.05); }
.dw-post-card__excerpt { margin-top: .875rem; color: var(--dw-gray-700); }
.dw-post-card__foot { margin-top: auto; padding-top: 1.25rem; }
.dw-post-row {
display: grid;
grid-template-columns: 8.5rem minmax(0, 1fr);
gap: 1.25rem;
align-items: start;
padding-block: 1.5rem;
border-top: 1px solid var(--dw-color-border);
}
.dw-post-row:last-child { border-bottom: 1px solid var(--dw-color-border); }
.dw-post-row .dw-media { border-radius: var(--dw-radius-small); }
.dw-post-row .dw-post-card__meta { margin-bottom: .5rem; }
.dw-post-row:hover .dw-media__img { transform: scale(1.06); }
.dw-post-row:hover .dw-post-card__title a,
.dw-post-row:focus-within .dw-post-card__title a { background-size: 100% 2px; }
.dw-post-row .dw-post-card__title a { background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 2px; transition: background-size var(--dw-dur) var(--dw-ease-out); } .dw-transform { overflow: hidden; isolation: isolate; }
.dw-transform__bg {
position: absolute;
inset: 0;
z-index: -1;
opacity: .55;
-webkit-mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 70%, transparent);
mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 70%, transparent);
}
.dw-transform__bg img { width: 100%; height: 100%; object-fit: cover; }
.dw-transform__grid {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 3rem clamp(2rem, 1rem + 5vw, 7rem);
align-items: start;
}
.dw-transform__intro .dw-h2 { margin-bottom: 1.5rem; }
.dw-transform__intro .dw-lead { margin-bottom: 2.5rem; }
.dw-transform__counter {
display: flex;
align-items: baseline;
gap: .5rem;
margin-bottom: 2.5rem;
font-weight: var(--dw-fw-heavy);
color: var(--dw-white);
}
.dw-transform__counter b { font-size: 3.5rem; line-height: 1; letter-spacing: -.03em; color: var(--dw-primary); font-variant-numeric: tabular-nums; }
.dw-transform__counter span { color: var(--dw-on-dark-subtle); }
.dw-transform__list { border-top: 1px solid var(--dw-on-dark-border); }
.dw-transform__item {
display: grid;
grid-template-columns: minmax(0, .95fr) 5rem minmax(0, 1.35fr);
align-items: end;
gap: .5rem 1.25rem;
padding: 1.75rem 0;
border-bottom: 1px solid var(--dw-on-dark-border);
}
.dw-transform__label {
display: block;
margin-bottom: .375rem;
font-size: .6875rem;
font-weight: var(--dw-fw-bold);
letter-spacing: .16em;
text-transform: uppercase;
color: var(--dw-on-dark-subtle);
}
.dw-transform__from .dw-transform__value {
font-size: clamp(1.125rem, 1rem + .5vw, 1.375rem);
font-weight: var(--dw-fw-medium);
color: var(--dw-on-dark-subtle);
transition: color .6s;
}
.dw-transform__connector { align-self: end; margin-bottom: 1.05rem; }
.dw-transform__value { display: block; }
.dw-transform__to .dw-transform__value {
font-size: clamp(1.25rem, 1.05rem + .65vw, 1.625rem);
font-weight: var(--dw-fw-heavy);
line-height: 1.2;
letter-spacing: -.01em;
color: rgba(255, 255, 255, .45);
transition: color .8s var(--dw-ease) .5s;
}
.dw-transform__to .dw-transform__label { color: var(--dw-primary); }
.dw-transform__connector { position: relative; height: 2px; }
.dw-transform__connector::before {
content: "";
position: absolute;
inset: 0;
background: var(--dw-gradient-signal);
transform: scaleX(0);
transform-origin: left;
transition: transform 1s var(--dw-ease-out) .15s;
}
.dw-transform__connector::after {
content: "";
position: absolute;
right: -2px;
top: 50%;
width: 9px;
height: 9px;
border-top: 2px solid var(--dw-primary);
border-right: 2px solid var(--dw-primary);
transform: translateY(-50%) rotate(45deg);
opacity: 0;
transition: opacity .3s .9s;
}
.dw-transform__pulse {
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 8px;
margin-top: -4px;
background: var(--dw-white);
border-radius: 50%;
box-shadow: 0 0 0 4px rgba(255, 255, 255, .15), 0 0 16px var(--dw-accent);
opacity: 0;
}
.dw-transform__text {
grid-column: 1 / -1;
max-width: 36rem;
margin-top: .75rem;
font-size: .9375rem;
color: var(--dw-on-dark-subtle);
transition: color .8s .5s;
}
.dw-transform__item.is-in .dw-transform__connector::before { transform: scaleX(1); }
.dw-transform__item.is-in .dw-transform__connector::after { opacity: 1; }
.dw-transform__item.is-in .dw-transform__to .dw-transform__value { color: var(--dw-white); }
.dw-transform__item.is-in .dw-transform__text { color: var(--dw-on-dark-muted); }
@media (prefers-reduced-motion: no-preference) {
.dw-transform__item.is-in .dw-transform__pulse { animation: dw-pulse-travel 3.2s var(--dw-ease-in-out) 1.1s infinite; }
}
@keyframes dw-pulse-travel {
0% { left: 0; opacity: 0; }
15% { opacity: 1; }
85% { opacity: 1; }
100% { left: calc(100% - 8px); opacity: 0; }
}
.no-js .dw-transform__connector::before,
.dw-transform__item:not([data-reveal]) .dw-transform__connector::before { transform: none; }
@media (max-width: 1099px) {
.dw-transform__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 699px) {
.dw-transform__item { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.dw-transform__connector { width: 2px; height: 2.5rem; margin: 0 0 0 .5rem; align-self: start; }
.dw-transform__connector::before { background: linear-gradient(180deg, var(--dw-accent), var(--dw-primary)); transform: scaleY(0); transform-origin: top; }
.dw-transform__item.is-in .dw-transform__connector::before { transform: scaleY(1); }
.dw-transform__connector::after { right: auto; left: 50%; top: auto; bottom: -2px; transform: translateX(-50%) rotate(135deg); }
.dw-transform__pulse { display: none; }
} .dw-why__grid {
display: grid;
grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
gap: 3rem clamp(2rem, 1rem + 5vw, 7rem);
align-items: start;
}
.dw-why__intro .dw-h2 { margin-bottom: 1.5rem; }
.dw-why__intro .dw-lead { margin-bottom: 2.5rem; }
.dw-why__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 clamp(2rem, 1rem + 3vw, 4.5rem);
}
.dw-why__item {
padding: 2.25rem 0 2.75rem;
border-top: 1px solid var(--dw-color-border);
}
.dw-why__num {
display: block;
margin-bottom: 1.25rem;
font-size: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
font-weight: var(--dw-fw-black);
line-height: .9;
letter-spacing: -.05em;
color: transparent;
-webkit-text-stroke: 1.5px var(--dw-primary-ink);
transition: color .5s var(--dw-ease);
}
.dw-why__item:hover .dw-why__num { color: var(--dw-primary-ink); }
.dw-why__title { margin-bottom: .75rem; }
.dw-why__text { color: var(--dw-color-muted); }
.dw-theme-dark .dw-why__text { color: var(--dw-on-dark-muted); }
@media (max-width: 1099px) {
.dw-why__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 699px) {
.dw-why__list { grid-template-columns: minmax(0, 1fr); }
} .dw-tech {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-template-rows: auto auto auto 1fr;
border-left: 1px solid var(--dw-color-border-strong);
}
.dw-tech__col {
position: relative;
display: grid;
grid-row: span 4;
grid-template-rows: subgrid;
align-content: start;
padding: 2rem clamp(1.25rem, .8rem + 1vw, 2rem) 2.25rem;
border-right: 1px solid var(--dw-color-border-strong);
border-top: 3px solid var(--dw-navy-900);
transition: background-color var(--dw-dur), border-color var(--dw-dur);
}
.dw-tech__col:hover { background: var(--dw-white); border-top-color: var(--dw-primary); }
.dw-tech__icon { display: block; margin-bottom: 1.5rem; color: var(--dw-primary-ink); }
.dw-tech__icon .dw-icon { width: 2.25rem; height: 2.25rem; stroke-width: 1.25; }
.dw-tech__title { margin-bottom: .75rem; }
.dw-tech__summary { margin-bottom: 1.5rem; font-size: .875rem; line-height: 1.6; color: var(--dw-gray-700); }
.dw-tech__list { display: grid; align-content: start; gap: .625rem; padding-top: 1.25rem; border-top: 1px solid var(--dw-color-border); }
.dw-tech__list li {
display: flex;
align-items: center;
gap: .625rem;
font-size: .9375rem;
font-weight: var(--dw-fw-semibold);
color: var(--dw-navy-900);
}
.dw-tech__list li::before { content: ""; flex: none; width: 6px; height: 6px; background: var(--dw-primary); }
@media (max-width: 1099px) {
.dw-tech { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; row-gap: 1.5rem; }
.dw-tech__col { grid-row: auto; grid-template-rows: none; }
}
@media (max-width: 699px) {
.dw-tech { grid-template-columns: minmax(0, 1fr); }
} .dw-rail { position: relative; }
.dw-rail__track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: clamp(17.5rem, 27vw, 24rem);
gap: var(--dw-grid-gap);
padding-block: .5rem 1.5rem;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: none; margin-inline: calc(50% - 50vw);
padding-inline: calc(50vw - 50%);
scroll-padding-inline: calc(50vw - 50%);
}
.dw-rail__track::-webkit-scrollbar { display: none; }
.dw-rail__track > * { scroll-snap-align: start; }
.dw-rail__controls { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.5rem; }
.dw-rail__progress { position: relative; flex: 1; height: 2px; background: var(--dw-color-border-strong); overflow: hidden; }
.dw-rail__bar { position: absolute; inset: 0 auto 0 0; width: var(--progress-w, 30%); background: var(--dw-navy-900); transform: translateX(var(--progress-x, 0)); transition: transform .2s linear; }
.dw-rail__buttons { display: flex; gap: .5rem; }
.dw-rail__btn {
display: grid;
place-items: center;
width: 3.25rem;
height: 3.25rem;
color: var(--dw-navy-900);
border: 1.5px solid var(--dw-navy-900);
border-radius: 50%;
transition: background-color var(--dw-dur-fast), color var(--dw-dur-fast), opacity var(--dw-dur-fast);
}
.dw-rail__btn:hover:not(:disabled) { background: var(--dw-navy-900); color: var(--dw-white); }
.dw-rail__btn:disabled { opacity: .3; cursor: default; } .dw-outcome {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 2rem clamp(2rem, 1rem + 4vw, 6rem);
align-items: center;
padding-block: clamp(3rem, 2rem + 3vw, 5rem);
border-top: 1px solid var(--dw-color-border);
}
.dw-outcome:nth-child(even) .dw-outcome__media { order: 2; }
.dw-outcome .dw-media { border-radius: var(--dw-radius-medium); }
.dw-outcome__index { display: block; margin-bottom: 1.25rem; font-size: .875rem; font-weight: var(--dw-fw-bold); letter-spacing: .1em; color: var(--dw-primary-ink); }
.dw-outcome__statement { margin-bottom: 1rem; }
.dw-outcome__name {
display: inline-flex;
align-items: center;
gap: .5rem;
margin-bottom: 1.5rem;
font-size: .875rem;
font-weight: var(--dw-fw-bold);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--dw-gray-600);
}
.dw-outcome__challenge { margin-bottom: 1.75rem; color: var(--dw-gray-700); }
.dw-outcome__challenge strong { color: var(--dw-navy-900); }
.dw-outcome .dw-chips { margin-bottom: 2rem; }
@media (max-width: 1099px) {
.dw-outcome { grid-template-columns: minmax(0, 1fr); }
.dw-outcome:nth-child(even) .dw-outcome__media { order: 0; }
} .dw-media-split {
display: grid;
grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
gap: 2.5rem clamp(2rem, 1rem + 5vw, 7rem);
align-items: center;
}
.dw-media-split--reverse .dw-media-split__media { order: 2; }
.dw-media-split .dw-media { border-radius: var(--dw-radius-large); }
.dw-media-split__body .dw-h2 { margin-bottom: 1.5rem; }
.dw-media-split__body > p + p { margin-top: 1rem; }
.dw-media-split__body .dw-checks { margin-top: 2rem; }
.dw-media-split__body .dw-actions { margin-top: 2.5rem; }
@media (max-width: 1099px) {
.dw-media-split { grid-template-columns: minmax(0, 1fr); }
.dw-media-split--reverse .dw-media-split__media { order: 0; }
} .dw-quote { max-width: 62rem; }
.dw-quote__mark { display: block; margin-bottom: 2rem; color: var(--dw-primary); }
.dw-quote__mark .dw-icon { width: 3.5rem; height: 3.5rem; stroke-width: 1.25; }
.dw-quote__text {
font-size: clamp(1.875rem, 1.3rem + 2.4vw, 3.5rem);
font-weight: var(--dw-fw-bold);
line-height: 1.18;
letter-spacing: -.025em;
color: var(--dw-color-heading);
text-wrap: balance;
}
.dw-quote__text em { font-style: normal; color: var(--dw-primary); }
.dw-quote__cite { display: block; margin-top: 2rem; font-style: normal; color: var(--dw-color-muted); } .dw-linklist { border-top: 1px solid var(--dw-color-border); }
.dw-linklist__item a {
display: flex;
align-items: center;
gap: 1.25rem;
padding: 1.375rem 0;
border-bottom: 1px solid var(--dw-color-border);
transition: padding-left var(--dw-dur) var(--dw-ease-out), color var(--dw-dur-fast);
}
.dw-linklist__icon { flex: none; color: var(--dw-primary-ink); }
.dw-linklist__title { flex: 1; font-size: 1.125rem; font-weight: var(--dw-fw-bold); color: var(--dw-color-heading); }
.dw-linklist__desc { display: block; margin-top: .125rem; font-size: .875rem; font-weight: var(--dw-fw-regular); color: var(--dw-color-muted); }
.dw-linklist__item a:hover { padding-left: .75rem; }
.dw-linklist__item a:hover .dw-arrow-badge { background: var(--dw-navy-900); border-color: var(--dw-navy-900); color: var(--dw-white); } .dw-cta {
position: relative;
padding: clamp(3.5rem, 2rem + 6vw, 8rem) clamp(1.5rem, .5rem + 5vw, 6.5rem);
overflow: hidden;
color: var(--dw-white);
background: var(--dw-gradient-navy);
border-radius: var(--dw-radius-large);
isolation: isolate;
}
.dw-cta__art {
position: absolute;
inset: 0;
z-index: -1;
-webkit-mask-image: linear-gradient(100deg, transparent 15%, #000 65%);
mask-image: linear-gradient(100deg, transparent 15%, #000 65%);
}
.dw-cta__art img { width: 100%; height: 100%; object-fit: cover; }
.dw-cta__ring {
position: absolute;
right: -9rem;
bottom: -14rem;
z-index: -1;
width: 34rem;
height: 34rem;
border: 1px solid rgba(253, 170, 72, .35);
border-radius: 50%;
box-shadow: 0 0 0 4rem rgba(253, 170, 72, .04), 0 0 0 8rem rgba(253, 170, 72, .03);
}
.dw-cta__content { position: relative; max-width: 46rem; }
.dw-cta .dw-eyebrow { color: var(--dw-primary); }
.dw-cta__title {
font-size: clamp(2.75rem, 1.6rem + 5vw, 6rem);
font-weight: var(--dw-fw-black);
line-height: 1;
letter-spacing: -.035em;
color: var(--dw-white);
}
.dw-cta__title em { font-style: normal; color: var(--dw-primary); }
.dw-cta__text { max-width: 34rem; margin-top: 1.75rem; font-size: var(--dw-fs-lead); line-height: var(--dw-lh-lead); color: var(--dw-on-dark-muted); }
.dw-cta .dw-actions { margin-top: 2.75rem; }
.dw-cta-section { padding-block: 0 var(--dw-section-y); }
.dw-cta-section--spaced { padding-top: var(--dw-section-y); } .dw-empty {
padding: 3rem;
text-align: center;
background: var(--dw-color-surface);
border: 1px dashed var(--dw-color-border-strong);
border-radius: var(--dw-radius-medium);
}
.dw-empty .dw-h4 { margin-bottom: .75rem; }
.dw-empty p { color: var(--dw-gray-700); }
.dw-empty .dw-actions { justify-content: center; margin-top: 1.75rem; }
.dw-post-row .dw-meta__sep { display: none; } .dw-steps { display: grid; gap: 1.25rem; }
.dw-steps li { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; align-items: baseline; }
.dw-steps span { font-weight: var(--dw-fw-heavy); color: var(--dw-primary); } .dw-nf { position: relative; color: var(--dw-gray-900); }
.dw-nf .nf-form-title { display: none; }
.dw-nf .nf-form-content { max-width: none; margin: 0; padding: 0; }
.dw-nf .nf-form-fields-required { margin-bottom: 1.5rem; font-size: .8125rem; color: var(--dw-gray-600); }
.dw-nf .ninja-forms-req-symbol { color: var(--dw-primary-ink); }
.dw-nf .nf-form-content .nf-field-container { margin-bottom: 1.375rem; }
.dw-nf .nf-form-content .label-above .nf-field-label { margin-bottom: .5rem; }
.dw-nf .nf-form-content .nf-field-label label {
font-size: .875rem;
font-weight: var(--dw-fw-bold);
line-height: 1.4;
color: var(--dw-navy-900);
} .dw-nf .nf-form-content .ninja-forms-field:is(input:not([type="button"], [type="submit"], [type="checkbox"], [type="radio"]), textarea, select),
.dw-nf .nf-form-content .list-select-wrap .nf-field-element > div {
width: 100%;
height: auto;
min-height: 3.25rem;
padding: .875rem 1rem;
font-family: var(--dw-font-body);
font-size: 1rem;
line-height: 1.5;
color: var(--dw-navy-900);
background: var(--dw-gray-50);
border: 1.5px solid var(--dw-color-border);
border-radius: var(--dw-radius-medium);
box-shadow: none;
transition: border-color var(--dw-dur-fast), background-color var(--dw-dur-fast), box-shadow var(--dw-dur-fast);
}
.dw-nf .nf-form-content textarea.ninja-forms-field { height: 9rem; min-height: 9rem; resize: vertical; line-height: 1.6; }
.dw-nf .nf-form-content .ninja-forms-field:is(input:not([type="button"], [type="submit"], [type="checkbox"], [type="radio"]), textarea, select):hover { border-color: var(--dw-gray-300); }
.dw-nf .nf-form-content .ninja-forms-field:is(input:not([type="button"], [type="submit"], [type="checkbox"], [type="radio"]), textarea, select):focus {
outline: none;
background: var(--dw-white);
border-color: var(--dw-navy-900);
box-shadow: 0 0 0 4px rgba(253, 170, 72, .35);
}
.dw-nf .nf-form-content .nf-error .ninja-forms-field:is(input:not([type="button"], [type="submit"], [type="checkbox"], [type="radio"]), textarea, select) { border-color: #c62828; background: #fff7f7; }
.dw-nf .nf-error-msg,
.dw-nf .nf-form-content .nf-error-msg { margin-top: .375rem; font-size: .8125rem; font-weight: var(--dw-fw-semibold); color: #b71c1c; } .dw-nf .nf-pass .nf-field-element::after,
.dw-nf .nf-error .nf-field-element::after { display: none; }
.dw-nf .nf-form-content .submit-container { margin: .5rem 0 0; }
.dw-nf .nf-form-content input[type="button"],
.dw-nf .nf-form-content input[type="submit"],
.dw-nf .nf-form-content button {
width: auto;
height: auto;
min-height: 3.5rem;
padding: 1rem 2.25rem;
font-family: var(--dw-font-body);
font-size: 1rem;
font-weight: var(--dw-fw-bold);
letter-spacing: .005em;
color: var(--dw-btn-primary-fg);
background: var(--dw-btn-primary-bg);
border: 1.5px solid var(--dw-btn-primary-bg);
border-radius: var(--dw-radius-pill);
cursor: pointer;
transition: background-color var(--dw-dur) var(--dw-ease), color var(--dw-dur) var(--dw-ease), border-color var(--dw-dur) var(--dw-ease);
}
.dw-nf .nf-form-content input[type="button"]:hover,
.dw-nf .nf-form-content input[type="button"]:focus-visible,
.dw-nf .nf-form-content input[type="submit"]:hover,
.dw-nf .nf-form-content input[type="submit"]:focus-visible,
.dw-nf .nf-form-content button:hover {
color: var(--dw-btn-primary-hover-fg);
background: var(--dw-btn-primary-hover-bg);
border-color: var(--dw-btn-primary-hover-bg);
}
.dw-nf .nf-form-content input[type="button"]:disabled,
.dw-nf .nf-form-content input[type="submit"]:disabled { opacity: .6; cursor: progress; }
.dw-nf .nf-response-msg { font-size: 1.0625rem; font-weight: var(--dw-fw-semibold); line-height: 1.6; color: var(--dw-navy-900); }
.dw-nf .nf-response-msg:has(*) {
padding: 1.25rem 1.5rem;
color: #0f5132;
background: #e8f6ee;
border: 1px solid #b7e1c8;
border-radius: var(--dw-radius-medium);
}
.dw-nf .nf-response-msg p { margin: 0; }
.dw-nf .nf-response-msg p + p { margin-top: .375rem; font-size: 1rem; font-weight: var(--dw-fw-regular); }
.dw-nf .nf-response-msg strong { font-weight: var(--dw-fw-bold); }
.dw-nf .nf-form-errors .nf-error-msg { margin-top: 1rem; }