.dw-overview__content { margin-top: 2.5rem; }
.dw-detail-content { max-width: var(--dw-container-sm); margin: 4rem auto 0; } .dw-outcome-list { display: grid; gap: 0; border-top: 1px solid var(--dw-on-dark-border); }
.dw-outcome-list li {
display: flex;
align-items: center;
gap: 1.25rem;
padding: 1.75rem 0;
border-bottom: 1px solid var(--dw-on-dark-border);
font-size: clamp(1.25rem, 1.05rem + .7vw, 1.625rem);
font-weight: var(--dw-fw-bold);
line-height: 1.3;
letter-spacing: -.01em;
color: var(--dw-white);
}
.dw-outcome-list__icon {
display: grid;
place-items: center;
flex: none;
width: 2.75rem;
height: 2.75rem;
color: var(--dw-navy-900);
background: var(--dw-primary);
border-radius: 50%;
}
.dw-mt-tech { margin-top: 1.5rem; }
.dw-tech-pills { display: flex; flex-wrap: wrap; gap: .75rem; align-content: flex-start; }
.dw-tech-pills li {
padding: .875rem 1.375rem;
font-size: 1rem;
font-weight: var(--dw-fw-semibold);
color: var(--dw-navy-900);
background: var(--dw-white);
border: 1px solid var(--dw-color-border);
border-radius: var(--dw-radius-pill);
transition: border-color var(--dw-dur-fast), transform var(--dw-dur) var(--dw-ease-out);
}
.dw-tech-pills li:hover { border-color: var(--dw-primary); transform: translateY(-2px); } .dw-problem {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
gap: 2rem clamp(1.5rem, 1rem + 2vw, 3rem);
align-items: stretch;
}
.dw-problem__col {
padding: clamp(2rem, 1.5rem + 2vw, 3.5rem);
background: var(--dw-color-surface);
border-radius: var(--dw-radius-large);
}
.dw-problem__col--outcome { color: var(--dw-on-dark-muted); background: var(--dw-gradient-navy); }
.dw-problem__col--outcome .dw-eyebrow { color: var(--dw-primary); }
.dw-problem__text {
font-size: clamp(1.25rem, 1.05rem + .8vw, 1.75rem);
font-weight: var(--dw-fw-medium);
line-height: 1.4;
letter-spacing: -.01em;
color: var(--dw-navy-900);
}
.dw-problem__outcome {
font-size: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
font-weight: var(--dw-fw-heavy);
line-height: 1.1;
letter-spacing: -.025em;
color: var(--dw-white);
}
.dw-problem__summary { margin-top: 1.25rem; font-size: 1.0625rem; }
.dw-problem__arrow {
display: grid;
place-items: center;
align-self: center;
width: 4rem;
height: 4rem;
color: var(--dw-navy-900);
background: var(--dw-primary);
border-radius: 50%;
}
@media (max-width: 1099px) {
.dw-problem { grid-template-columns: minmax(0, 1fr); }
.dw-problem__arrow { justify-self: center; transform: rotate(90deg); }
} .dw-tech-rows { border-top: 1px solid var(--dw-color-border); }
.dw-tech-row {
display: grid;
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
gap: 2rem clamp(2rem, 1rem + 4vw, 6rem);
padding-block: clamp(2.5rem, 2rem + 2vw, 4rem);
border-bottom: 1px solid var(--dw-color-border);
}
.dw-tech-row__head { display: grid; grid-template-columns: auto 1fr; gap: .75rem 1.25rem; align-items: center; }
.dw-tech-row__index { grid-column: 1 / -1; font-size: .875rem; font-weight: var(--dw-fw-bold); letter-spacing: .1em; color: var(--dw-primary-ink); }
.dw-tech-row__icon { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; color: var(--dw-primary-ink); background: var(--dw-primary-soft); border-radius: var(--dw-radius-medium); }
.dw-tech-row__summary { grid-column: 1 / -1; margin-top: .5rem; color: var(--dw-gray-700); }
.dw-tech-row__items {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .75rem;
}
.dw-tech-row__items li {
display: flex;
align-items: center;
gap: .875rem;
padding: 1.125rem 1.25rem;
font-size: 1.0625rem;
font-weight: var(--dw-fw-bold);
color: var(--dw-navy-900);
background: var(--dw-color-surface);
border-radius: var(--dw-radius-medium);
transition: background-color var(--dw-dur-fast), color var(--dw-dur-fast);
}
.dw-tech-row__items li::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--dw-primary); }
.dw-tech-row__items li:hover { background: var(--dw-navy-900); color: var(--dw-white); }
.dw-tech-row__related { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: 1.5rem; font-size: .875rem; color: var(--dw-gray-600); }
.dw-tech-row__related > span { margin-right: .25rem; font-weight: var(--dw-fw-semibold); }
@media (max-width: 1099px) {
.dw-tech-row { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 479px) {
.dw-tech-row__items { grid-template-columns: minmax(0, 1fr); }
} .dw-stats { margin: 3rem 0 0; }
.dw-stats > div { display: flex; flex-direction: column-reverse; }
.dw-stats dd { margin: 0; }
.dw-facts-note { margin-top: 2.5rem; }
.dw-philosophy { padding-block: clamp(5rem, 3rem + 7vw, 10rem); overflow: hidden; }
.dw-philosophy .dw-eyebrow { color: var(--dw-primary); } .dw-tiles--static .dw-tile { min-height: 17rem; }
.dw-tiles--static .dw-tile::before { display: none; }
.dw-tiles--static .dw-tile:hover .dw-tile__title { color: var(--dw-color-heading); }
.dw-tiles--static .dw-tile:hover .dw-tile__text { color: var(--dw-gray-700); }
.dw-tiles--static .dw-tile:hover .dw-tile__icon { color: var(--dw-primary-ink); } .dw-contact__grid {
display: grid;
grid-template-columns: minmax(0, 7.5fr) minmax(0, 4.5fr);
gap: 2.5rem clamp(2rem, 1rem + 4vw, 5rem);
align-items: start;
}
.dw-contact__form {
padding: clamp(1.75rem, 1.25rem + 2.5vw, 3.5rem);
background: var(--dw-white);
border: 1px solid var(--dw-color-border);
border-radius: var(--dw-radius-large);
box-shadow: var(--dw-shadow-md);
}
.dw-contact__intro { margin: .75rem 0 2.25rem; color: var(--dw-gray-700); }
.dw-contact__aside { display: grid; gap: 1.25rem; }
.dw-contact__card {
padding: 2rem;
background: var(--dw-color-surface);
border-radius: var(--dw-radius-large);
}
.dw-contact__card .dw-h5 { margin-bottom: 1.5rem; }
.dw-contact__card--dark { color: var(--dw-on-dark-muted); background: var(--dw-gradient-navy); }
.dw-contact__card--dark .dw-h5 { color: var(--dw-white); }
.dw-contact__list { display: grid; gap: 1.25rem; margin: 0; }
.dw-contact__list dt { display: flex; align-items: center; gap: .5rem; font-size: .75rem; font-weight: var(--dw-fw-bold); letter-spacing: .12em; text-transform: uppercase; color: var(--dw-primary-ink); }
.dw-contact__list dd { margin: .375rem 0 0 1.75rem; font-weight: var(--dw-fw-semibold); color: var(--dw-navy-900); }
.dw-contact__list a:hover { color: var(--dw-primary-ink); }
.dw-contact__fallback { margin-bottom: 1rem; color: var(--dw-gray-700); }
@media (max-width: 1099px) {
.dw-contact__grid { grid-template-columns: minmax(0, 1fr); }
} .dw-filter {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1.25rem 2rem;
margin-bottom: clamp(2.5rem, 2rem + 2vw, 4rem);
padding-bottom: 2rem;
border-bottom: 1px solid var(--dw-color-border);
}
.dw-filter .dw-chip { padding: .5rem 1.125rem; font-size: .875rem; cursor: pointer; }
.dw-search { position: relative; display: flex; width: min(100%, 22rem); }
.dw-search__input {
width: 100%;
min-height: 3rem;
padding: .75rem 3.25rem .75rem 1.25rem;
font-size: .9375rem;
background: var(--dw-gray-50);
border: 1.5px solid var(--dw-color-border);
border-radius: var(--dw-radius-pill);
appearance: none;
}
.dw-search__input:focus { outline: none; border-color: var(--dw-navy-900); background: var(--dw-white); }
.dw-search__btn {
position: absolute;
top: 50%;
right: .375rem;
display: grid;
place-items: center;
width: 2.375rem;
height: 2.375rem;
color: var(--dw-navy-900);
background: var(--dw-primary);
border-radius: 50%;
transform: translateY(-50%);
}
.dw-post-feature { margin-bottom: clamp(3rem, 2rem + 3vw, 5rem); }
.dw-post-feature .dw-post-card--feature {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
grid-template-rows: auto auto 1fr auto;
column-gap: clamp(2rem, 1rem + 4vw, 5rem);
align-items: start;
}
.dw-post-feature .dw-post-card--feature .dw-media { grid-row: 1 / span 4; margin-bottom: 0; }
.dw-post-feature .dw-post-card--feature .dw-post-card__meta { align-self: end; margin-top: 1rem; }
.dw-post-feature .dw-post-card__title { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem); line-height: 1.12; letter-spacing: -.025em; }
@media (max-width: 1099px) {
.dw-post-feature .dw-post-card--feature { display: flex; }
}
.dw-post-grid { row-gap: clamp(2.5rem, 2rem + 2vw, 4rem); }
.dw-pagination { margin-top: clamp(3rem, 2rem + 3vw, 5rem); }
.dw-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.dw-pagination .page-numbers {
display: grid;
place-items: center;
min-width: 3rem;
height: 3rem;
padding: 0 .75rem;
font-weight: var(--dw-fw-bold);
color: var(--dw-navy-900);
border: 1.5px solid var(--dw-color-border);
border-radius: var(--dw-radius-pill);
transition: background-color var(--dw-dur-fast), color var(--dw-dur-fast), border-color var(--dw-dur-fast);
}
.dw-pagination a.page-numbers:hover { border-color: var(--dw-navy-900); }
.dw-pagination .page-numbers.current { color: var(--dw-white); background: var(--dw-navy-900); border-color: var(--dw-navy-900); } .dw-article__hero {
padding-top: calc(var(--dw-header-h) + clamp(2.5rem, 2rem + 3vw, 5rem));
padding-bottom: clamp(9rem, 6rem + 10vw, 15rem);
background: var(--dw-gradient-navy);
}
.dw-article__hero .dw-breadcrumb { margin-bottom: 2.5rem; }
.dw-article__cat { color: var(--dw-primary); }
.dw-article__cat:hover { color: var(--dw-white); }
.dw-article__title { color: var(--dw-white); font-size: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem); }
.dw-article__dek { max-width: 46rem; margin-top: 1.5rem; font-size: var(--dw-fs-lead); line-height: var(--dw-lh-lead); color: var(--dw-on-dark-muted); }
.dw-article__meta { margin-top: 2rem; color: var(--dw-on-dark-subtle); }
.dw-article__visual { margin-top: clamp(-12rem, -5rem - 7vw, -7rem); position: relative; }
.dw-article__visual .dw-media { border-radius: var(--dw-radius-large); box-shadow: var(--dw-shadow-lg); }
.dw-article__layout {
display: grid;
grid-template-columns: 4rem minmax(0, 1fr);
gap: 2rem;
padding-block: clamp(3rem, 2rem + 3vw, 5rem) var(--dw-section-y);
}
.dw-article__share { position: sticky; top: calc(var(--dw-header-h-scrolled) + 2rem); display: grid; gap: .625rem; align-content: start; justify-items: center; height: max-content; }
.dw-article__share-label { font-size: .6875rem; font-weight: var(--dw-fw-bold); letter-spacing: .14em; text-transform: uppercase; color: var(--dw-gray-600); writing-mode: vertical-rl; transform: rotate(180deg); margin-bottom: .5rem; }
.dw-article__share a {
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
color: var(--dw-navy-900);
border: 1.5px solid var(--dw-color-border);
border-radius: 50%;
transition: background-color var(--dw-dur-fast), border-color var(--dw-dur-fast), color var(--dw-dur-fast);
}
.dw-article__share a:hover { color: var(--dw-white); background: var(--dw-navy-900); border-color: var(--dw-navy-900); }
.dw-article__content { max-width: 46rem; }
.dw-article__tags { margin-top: 3rem; }
@media (max-width: 699px) {
.dw-article__layout { grid-template-columns: minmax(0, 1fr); }
.dw-article__share { position: static; display: flex; justify-content: flex-start; order: 2; }
.dw-article__share-label { writing-mode: horizontal-tb; transform: none; margin: 0 .5rem 0 0; align-self: center; }
} .dw-prose { font-size: 1.0625rem; line-height: 1.8; color: var(--dw-gray-900); }
.dw-prose > * + * { margin-top: 1.5em; }
.dw-prose > :first-child { margin-top: 0; }
.dw-prose h2 { margin-top: 2.25em; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); font-weight: var(--dw-fw-heavy); line-height: 1.2; }
.dw-prose h3 { margin-top: 2em; font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); font-weight: var(--dw-fw-bold); line-height: 1.3; }
.dw-prose h4 { margin-top: 1.75em; font-size: 1.125rem; font-weight: var(--dw-fw-bold); }
.dw-prose h2 + *, .dw-prose h3 + *, .dw-prose h4 + * { margin-top: .75em; }
.dw-prose a { color: var(--dw-primary-ink); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.dw-prose a:hover { color: var(--dw-navy-900); }
.dw-prose strong { font-weight: var(--dw-fw-bold); color: var(--dw-navy-900); }
.dw-prose ul, .dw-prose ol { padding-left: 1.25em; }
.dw-prose ul { list-style: disc; }
.dw-prose ol { list-style: decimal; }
.dw-prose li + li { margin-top: .5em; }
.dw-prose ul li::marker { color: var(--dw-primary-ink); }
.dw-prose ol li::marker { font-weight: var(--dw-fw-bold); color: var(--dw-primary-ink); }
.dw-prose blockquote,
.dw-prose .wp-block-quote {
margin-inline: 0;
padding: .25em 0 .25em 1.5em;
font-size: clamp(1.25rem, 1.1rem + .6vw, 1.625rem);
font-weight: var(--dw-fw-semibold);
line-height: 1.45;
letter-spacing: -.01em;
color: var(--dw-navy-900);
border-left: 4px solid var(--dw-primary);
}
.dw-prose blockquote p { margin: 0; }
.dw-prose cite { display: block; margin-top: .75em; font-size: .875rem; font-style: normal; color: var(--dw-gray-600); }
.dw-prose img, .dw-prose figure img { border-radius: var(--dw-radius-medium); }
.dw-prose figcaption { margin-top: .75em; font-size: .875rem; color: var(--dw-gray-600); }
.dw-prose hr { height: 1px; border: 0; background: var(--dw-color-border); margin-block: 3em; }
.dw-prose code { padding: .15em .4em; font-size: .9em; background: var(--dw-color-surface); border-radius: var(--dw-radius-small); }
.dw-prose pre { padding: 1.25rem 1.5rem; overflow-x: auto; font-size: .875rem; color: #e6edf6; background: var(--dw-navy-950); border-radius: var(--dw-radius-medium); }
.dw-prose pre code { padding: 0; background: none; }
.dw-prose table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.dw-prose th, .dw-prose td { padding: .75rem 1rem; text-align: left; border-bottom: 1px solid var(--dw-color-border); }
.dw-prose th { font-weight: var(--dw-fw-bold); color: var(--dw-navy-900); }
.dw-prose .alignwide { margin-inline: calc((var(--dw-container-md) - 46rem) / -2); max-width: none; } .dw-case-layout {
display: grid;
grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
gap: 3rem clamp(2rem, 1rem + 4vw, 6rem);
align-items: start;
}
.dw-glance {
padding: 2rem;
background: var(--dw-color-surface);
border-radius: var(--dw-radius-large);
}
.dw-glance__title { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--dw-color-border); }
.dw-glance dl { display: grid; gap: 1.25rem; margin: 0 0 2rem; }
.dw-glance dt { font-size: .75rem; font-weight: var(--dw-fw-bold); letter-spacing: .12em; text-transform: uppercase; color: var(--dw-primary-ink); }
.dw-glance dd { margin: .375rem 0 0; font-weight: var(--dw-fw-semibold); color: var(--dw-navy-900); }
.dw-glance dd .dw-chips { margin-top: .25rem; }
.dw-glance__text { margin-bottom: 1.5rem; color: var(--dw-gray-700); }
.dw-glance__cta { width: 100%; margin-bottom: 1.25rem; }
@media (max-width: 1099px) {
.dw-case-layout { grid-template-columns: minmax(0, 1fr); }
} .dw-search-page { padding-top: calc(var(--dw-section-y) * .5); }
.dw-search-page__head { display: grid; gap: 1.25rem; margin: 2rem 0 3.5rem; }
.dw-search-page__head .dw-eyebrow { margin: 0; }
.dw-404 { padding-top: calc(var(--dw-section-y) * .6); }
.dw-404__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 3rem clamp(2rem, 1rem + 5vw, 7rem); align-items: center; }
.dw-404__code {
font-size: clamp(6rem, 3rem + 12vw, 13rem);
font-weight: var(--dw-fw-black);
line-height: .85;
letter-spacing: -.06em;
color: transparent;
-webkit-text-stroke: 2px var(--dw-primary-ink);
margin-bottom: 1.5rem;
}
.dw-404__lead { margin: 1.25rem 0 2rem; }
@media (max-width: 1099px) {
.dw-404__grid { grid-template-columns: minmax(0, 1fr); }
}