.db-banner.wp-block-cover,
.db-quote.wp-block-cover {
padding: 0;
color: var(--white); background-color: var(--ink);
}
.db-banner.wp-block-cover > .wp-block-cover__inner-container,
.db-quote.wp-block-cover > .wp-block-cover__inner-container {
align-self: stretch;
display: flex;
flex-direction: column;
width: 100%;
max-width: var(--maxw);
margin-inline: auto;
padding-inline: var(--pad);
} .db-banner.wp-block-cover {
min-height: 560px;
}
.db-banner.wp-block-cover > .wp-block-cover__inner-container {
justify-content: center;
gap: 24px;
padding-block: 40px;
}
.db-banner__title {
font-size: clamp(2rem, 8vw, 4.75rem);
line-height: 1.06;
overflow-wrap: break-word;
}
.db-banner__text {
font-size: 16px;
line-height: 1.75;
color: rgba(255, 255, 255, 0.9);
} :is(.db-banner--split, .db-banner--cta).wp-block-cover { min-height: 600px; } :is(.db-banner--split, .db-banner--cta).wp-block-cover > .wp-block-cover__inner-container {
justify-content: flex-start;
gap: 16px;
padding-block: 40px;
} :is(.db-banner--split, .db-banner--cta) .db-banner__actions { margin-top: 8px; }  :root .db-banner__actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.db-banner__link { margin: 0; } .link-underline--light { color: var(--white); border-bottom-color: var(--white); }
.link-underline--light:hover,
.link-underline--light:focus-visible {
color: var(--white);
border-bottom-color: currentColor;
box-shadow: 0 1px 0 currentColor;
} @media (min-width: 861px) {
.db-banner--tall.wp-block-cover { min-height: 700px; }
}
@media (min-width: 861px) {
:is(.db-banner--split, .db-banner--cta).wp-block-cover > .wp-block-cover__inner-container {
display: grid; grid-template-columns: 925fr 1px 354fr;
grid-template-rows: auto 1fr;
grid-template-areas:
"title divider text"
"cta   divider text";
gap: 48px 40px;
padding-block: 60px;
} :is(.db-banner--split, .db-banner--cta).wp-block-cover > .wp-block-cover__inner-container::before {
content: "";
grid-area: divider;
align-self: stretch;
margin-block: -60px;
width: 1px;
background: rgba(255, 255, 255, 0.37);
} :is(.db-banner--split, .db-banner--cta) .db-banner__title {
grid-area: title;
font-size: clamp(2rem, 8vw, 4.75rem);
line-height: 1.105;
}
:is(.db-banner--split, .db-banner--cta) .db-banner__text { grid-area: text; align-self: end; }
:is(.db-banner--split, .db-banner--cta) .db-banner__actions {
grid-area: cta;
align-self: end;
justify-self: start;
margin-top: 0;
}
:is(.db-banner--split, .db-banner--cta) .link-underline--light { font-size: 16px; } :is(.db-banner--split, .db-banner--cta) > .wp-block-cover__inner-container > .wp-block-buttons {
grid-area: cta;
align-self: end;
justify-self: start;
}
}  .db-quote.wp-block-cover {
min-height: 480px;
color: rgba(255, 255, 255, 0.72);
} .db-quote.wp-block-cover > .wp-block-cover__inner-container {
flex-direction: row;
align-items: flex-end;
padding-block: 40px;
}
.db-quote blockquote,
.db-quote .wp-block-quote {
margin: 0;
padding: 0;
border: 0;
align-self: flex-start;
font-family: var(--font-display);
font-weight: 400;
text-transform: uppercase;
font-size: clamp(1.5rem, 5vw, 3.75rem);
line-height: 1.15;
max-width: 18ch;
}
.db-quote .wp-block-quote p { margin: 0; font-size: inherit; line-height: inherit; }
.db-quote .wp-block-quote cite { display: none; }
@media (min-width: 861px) {
.db-quote.wp-block-cover { min-height: 800px; }
.db-quote.wp-block-cover > .wp-block-cover__inner-container { padding-block: 48px; }
.db-quote blockquote,
.db-quote .wp-block-quote { font-size: 3.75rem; max-width: 1005px; }
}