/* Diamonds Landingpages: no unscoped changes to the existing site. */
.drlp-page,
.drlp-content,
.drlp-section {
    --drlp-bg: #101014;
    --drlp-panel: #1d1d23;
    --drlp-card: #24242b;
    --drlp-ink: #f5f5f5;
    --drlp-muted: #b8b6c0;
    --drlp-accent: #8064a8;
    --drlp-light: #c7b3e8;
    color: var(--drlp-ink);
    font: 17px/1.65 Arial, Helvetica, sans-serif;
}
.drlp-page { min-height: 60vh; }
.drlp-content,
.drlp-section,
.drlp-section * { box-sizing: border-box; }
.drlp-content { margin: 0; padding: 0; max-width: none; }
.drlp-section.wp-block-group {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 105px 0;
    background: var(--drlp-bg);
    overflow-wrap: anywhere;
    scroll-margin-top: 24px;
}
.drlp-section .drlp-container {
    width: min(1160px, calc(100% - 40px));
    max-width: 1160px;
    margin: 0 auto;
    padding: 0;
}
.drlp-section .wp-block-heading {
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -.035em;
    color: var(--drlp-ink);
}
.drlp-section h1.wp-block-heading {
    max-width: 1050px;
    margin: 0 0 24px;
    font-size: clamp(2.5rem, 6vw, 5.8rem);
}
.drlp-section h2.wp-block-heading { margin: 0 0 20px; font-size: clamp(2rem, 4vw, 3.2rem); }
.drlp-section h3.wp-block-heading { margin: 0 0 12px; font-size: 1.35rem; }
.drlp-section p { margin: 0 0 20px; }
.drlp-section .drlp-kicker {
    margin-bottom: 20px;
    font-size: .79rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--drlp-light);
}
.drlp-section .drlp-subtitle {
    max-width: 900px;
    color: #d0b8ed;
    font-weight: 700;
    line-height: 1.25;
    font-size: clamp(1.4rem, 3vw, 2.5rem);
}
.drlp-section .drlp-lead { max-width: 720px; color: #e2e0e8; font-size: 1.18rem; }
.drlp-section .drlp-muted { max-width: 720px; color: var(--drlp-muted); }
.drlp-section.drlp-hero {
    min-height: 620px;
    padding: 110px 0 105px;
    display: flex;
    align-items: center;
    background-color: #18131f;
    background-image: linear-gradient(90deg, rgba(7,7,12,.91), rgba(7,7,12,.40)), radial-gradient(circle at 70% 30%, #4b385d, transparent 55%);
}
.drlp-section.drlp-alt { background: var(--drlp-panel); }
.drlp-section.drlp-glow-right { background-image: radial-gradient(ellipse 62% 78% at 92% 40%, rgba(111,72,152,.19), transparent 74%); }
.drlp-section.drlp-glow-left { background-image: radial-gradient(ellipse 68% 80% at 7% 44%, rgba(123,78,166,.16), transparent 76%); }
.drlp-section.drlp-glow-bottom { background-image: radial-gradient(ellipse 72% 90% at 50% 100%, rgba(112,68,157,.14), transparent 80%); }
.drlp-section .drlp-grid { display: grid; gap: 18px; margin: 42px 0 0; padding: 0; }
.drlp-section .drlp-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.drlp-section .drlp-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 65px; align-items: center; }
.drlp-section .drlp-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.drlp-section .drlp-grid > * { min-width: 0; margin: 0; }
.drlp-section .drlp-card {
    align-self: stretch;
    height: 100%;
    margin: 0;
    padding: 32px;
    background: var(--drlp-card);
    border-top: 3px solid var(--drlp-accent);
}
.drlp-section .drlp-card p { color: var(--drlp-muted); }
.drlp-section .drlp-card > :last-child,
.drlp-section .drlp-copy > :last-child { margin-bottom: 0; }
.drlp-section .drlp-grid-four .drlp-card { padding: 25px; background: #211d29; border: 1px solid #3b3049; }
.drlp-section .drlp-media-placeholder {
    min-height: 300px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #cdbbe1;
    background: linear-gradient(140deg, #30273b, #14141b);
    border: 1px solid #3c3448;
}
.drlp-section .drlp-placeholder-title { font-weight: 700; }
.drlp-section .wp-block-image { margin: 0; }
.drlp-section .wp-block-image img { display: block; max-width: 100%; height: auto; }
.drlp-section figcaption { color: var(--drlp-muted); font-size: .9rem; }
.drlp-section p a { color: var(--drlp-light); text-decoration: underline; text-underline-offset: .2em; }
.drlp-section .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0 0; }
.drlp-section .wp-block-button { margin: 0; max-width: 100%; }
.drlp-section .wp-block-button__link {
    display: inline-block;
    max-width: 100%;
    padding: 13px 24px;
    border: 0;
    border-radius: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.65;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background: var(--drlp-accent);
    overflow-wrap: anywhere;
}
.drlp-section .wp-block-button__link:hover { background: #9b7bc6; color: #101014; }
.drlp-section .is-style-outline .wp-block-button__link { background: transparent; border: 1px solid #ccc; color: #fff; }
.drlp-section .is-style-outline .wp-block-button__link:hover { background: #382d45; color: #fff; }
.drlp-section .wp-block-details { max-width: 850px; margin: 0; padding: 20px 0; border-bottom: 1px solid #42394b; }
.drlp-section .wp-block-details summary { padding: 3px 0; font-weight: 700; cursor: pointer; }
.drlp-section .wp-block-details p { margin: 12px 0 0; color: var(--drlp-muted); }
.drlp-section.drlp-cta { text-align: center; background-color: var(--drlp-panel); }
.drlp-section.drlp-cta .drlp-container { max-width: 780px; }
.drlp-section.drlp-cta .wp-block-buttons { justify-content: center; }
.drlp-section :is(a, button, summary, input, textarea, select):focus-visible,
.drlp-skip-link:focus-visible { outline: 2px solid #cbb4f0; outline-offset: 4px; }
.drlp-skip-link { position: absolute; top: 8px; left: 12px; z-index: 100000; padding: 12px 18px; color: #fff; background: #211d29; transform: translateY(-180%); }
.drlp-skip-link:focus { transform: translateY(0); }
.drlp-page:focus { outline: none; }
.drlp-pagination { width: min(1160px, calc(100% - 40px)); margin: 30px auto; }
@media (max-width: 1100px) {
    .drlp-section .drlp-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .drlp-section.wp-block-group { padding: 68px 0; }
    .drlp-section.drlp-hero { min-height: 0; padding: 85px 0 90px; }
    .drlp-section .drlp-grid-two,
    .drlp-section .drlp-grid-three,
    .drlp-section .drlp-grid-four { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .drlp-section .drlp-grid { margin-top: 30px; }
    .drlp-section .drlp-card { padding: 26px; }
    .drlp-section h1.wp-block-heading { font-size: clamp(2.3rem, 10vw, 4.4rem); }
    .drlp-section .drlp-media-placeholder { min-height: 260px; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(.drlp-page) { scroll-behavior: auto; }
    .drlp-section *, .drlp-skip-link { animation: none; transition: none; }
}

/* Match the editor width of the legacy hero, split and tile sections on landing pages. */
.drlp-page > .wp-block-group.dr27-section:is(.dr27-hero, .dr27-wide, :has(> :is(.dr27-split, .dr27-cards))),
.drlp-page > .drlp-content > .wp-block-group.dr27-section:is(.dr27-hero, .dr27-wide, :has(> :is(.dr27-split, .dr27-cards))) {
    max-width: none;
}