/* =========================================================
   DMD STANDARD PAGE
   Applied only to ordinary WordPress Pages that have no
   custom DMD template and no slug-specific story stylesheet.
   ========================================================= */

.md-standard-page {
    background: var(--md-light);
    color: var(--md-text);
}

.md-standard-page__hero {
    padding: clamp(86px, 11vw, 156px) 0 clamp(62px, 8vw, 112px);
    border-bottom: 1px solid var(--md-line);
    background:
        radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--md-accent) 18%, transparent), transparent 28%),
        linear-gradient(180deg, var(--md-bg), color-mix(in srgb, var(--md-bg) 82%, var(--md-cream)));
}

.md-standard-page__hero-inner {
    width: min(100% - (var(--md-gutter) * 2), 1180px);
    margin-inline: auto;
}

.md-standard-page__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 24px;
    color: var(--md-accent-deep);
    font: 700 10px/1.2 var(--md-font-ui);
    letter-spacing: .19em;
    text-transform: uppercase;
}

.md-standard-page__eyebrow::before {
    content: "";
    width: 38px;
    height: 1px;
    background: currentColor;
}

.md-standard-page__title {
    max-width: 1050px;
    margin: 0;
    color: var(--md-brand);
    font: 400 clamp(48px, 7vw, 92px)/.98 var(--md-font-display);
    letter-spacing: -.055em;
    text-wrap: balance;
}

.md-standard-page__deck {
    max-width: 680px;
    margin: 30px 0 0;
    color: color-mix(in srgb, var(--md-text) 70%, var(--md-muted));
    font-size: clamp(17px, 1.5vw, 20px);
    line-height: 1.72;
}

.md-standard-page__featured {
    width: min(100% - (var(--md-gutter) * 2), 1280px);
    margin: clamp(42px, 6vw, 84px) auto 0;
    background: var(--md-cream);
    overflow: hidden;
}

.md-standard-page__featured--fallback {
    position: relative;
    min-height: min(58vh, 560px);
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 24% 24%, rgba(200, 172, 154, .22), transparent 28%),
        radial-gradient(circle at 78% 68%, rgba(38, 64, 50, .18), transparent 34%),
        linear-gradient(135deg, var(--md-cream), color-mix(in srgb, var(--md-bg) 78%, white));
}

.md-standard-page__placeholder-orb,
.md-standard-page__placeholder-line {
    position: absolute;
    display: block;
}

.md-standard-page__placeholder-orb {
    border-radius: 999px;
    border: 1px solid rgba(38, 64, 50, .12);
}

.md-standard-page__placeholder-orb--one {
    width: min(40vw, 420px);
    height: min(40vw, 420px);
    left: 8%;
    top: 10%;
}

.md-standard-page__placeholder-orb--two {
    width: min(28vw, 300px);
    height: min(28vw, 300px);
    right: 10%;
    bottom: 14%;
}

.md-standard-page__placeholder-line {
    background: rgba(38, 64, 50, .13);
}

.md-standard-page__placeholder-line--one {
    width: min(48vw, 520px);
    height: 1px;
    left: 50%;
    top: 52%;
    transform: translateX(-50%);
}

.md-standard-page__placeholder-line--two {
    width: 1px;
    height: min(38vh, 280px);
    left: 58%;
    top: 20%;
}

.md-standard-page__featured img {
    width: 100%;
    max-height: min(68vh, 720px);
    object-fit: cover;
}

.md-standard-page__body {
    padding: clamp(72px, 9vw, 132px) 0 clamp(90px, 11vw, 160px);
}

.md-standard-page__content {
    width: min(100% - (var(--md-gutter) * 2), 800px);
    margin-inline: auto;
    color: color-mix(in srgb, var(--md-text) 87%, var(--md-muted));
    font-size: 17px;
    line-height: 1.82;
}

.md-standard-page__content > :first-child {
    margin-top: 0;
}

.md-standard-page__content > p:first-child {
    color: var(--md-brand);
    font-size: clamp(19px, 2vw, 23px);
    line-height: 1.7;
}

.md-standard-page__content p,
.md-standard-page__content ul,
.md-standard-page__content ol,
.md-standard-page__content dl,
.md-standard-page__content table,
.md-standard-page__content blockquote,
.md-standard-page__content figure,
.md-standard-page__content details,
.md-standard-page__content pre {
    margin-bottom: 28px;
}

.md-standard-page__content h2,
.md-standard-page__content h3,
.md-standard-page__content h4,
.md-standard-page__content h5,
.md-standard-page__content h6 {
    color: var(--md-brand);
    font-family: var(--md-font-display);
    font-weight: 400;
    letter-spacing: -.035em;
    text-wrap: balance;
}

.md-standard-page__content h2 {
    margin: clamp(64px, 8vw, 104px) 0 25px;
    font-size: clamp(36px, 4.5vw, 56px);
    line-height: 1.07;
}

.md-standard-page__content h3 {
    margin: 52px 0 19px;
    font-size: clamp(27px, 3vw, 36px);
    line-height: 1.15;
}

.md-standard-page__content h4 {
    margin: 42px 0 15px;
    font-size: 23px;
    line-height: 1.25;
}

.md-standard-page__content h5,
.md-standard-page__content h6 {
    margin: 34px 0 13px;
    font-family: var(--md-font-ui);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.md-standard-page__content a:not(.wp-block-button__link) {
    color: var(--md-brand);
    text-decoration-color: color-mix(in srgb, var(--md-brand) 38%, transparent);
    transition: text-decoration-color .2s ease, opacity .2s ease;
}

.md-standard-page__content a:not(.wp-block-button__link):hover {
    text-decoration-color: currentColor;
}

.md-standard-page__content strong {
    color: var(--md-text);
    font-weight: 600;
}

.md-standard-page__content ul,
.md-standard-page__content ol {
    padding-left: 1.25em;
}

.md-standard-page__content li + li {
    margin-top: 9px;
}

.md-standard-page__content hr {
    border: 0;
    border-top: 1px solid var(--md-line);
    margin: clamp(50px, 7vw, 84px) 0;
}

.md-standard-page__content blockquote {
    margin-left: 0;
    margin-right: 0;
    padding: 28px 32px;
    border-left: 3px solid var(--md-accent-deep);
    background: var(--md-cream);
    color: var(--md-brand);
    font: 400 clamp(21px, 2.6vw, 30px)/1.5 var(--md-font-display);
}

.md-standard-page__content blockquote p:last-child {
    margin-bottom: 0;
}

.md-standard-page__content figure img,
.md-standard-page__content > img,
.md-standard-page__content p > img {
    width: 100%;
    height: auto;
}

.md-standard-page__content figcaption,
.md-standard-page__content .wp-caption-text {
    margin-top: 10px;
    color: var(--md-muted);
    font: 500 11px/1.55 var(--md-font-ui);
    letter-spacing: .03em;
}

.md-standard-page__content .alignwide {
    width: min(1120px, calc(100vw - (var(--md-gutter) * 2)));
    max-width: none;
    margin-left: 50%;
    transform: translateX(-50%);
}

.md-standard-page__content .alignfull {
    width: 100vw;
    max-width: none;
    margin-left: 50%;
    transform: translateX(-50%);
}

.md-standard-page__content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.55;
}

.md-standard-page__content th,
.md-standard-page__content td {
    padding: 15px 14px;
    border-bottom: 1px solid var(--md-line);
    text-align: left;
    vertical-align: top;
}

.md-standard-page__content th {
    color: var(--md-accent-deep);
    font: 700 10px/1.4 var(--md-font-ui);
    letter-spacing: .1em;
    text-transform: uppercase;
}

.md-standard-page__content details {
    padding: 0 0 18px;
    border-bottom: 1px solid var(--md-line);
}

.md-standard-page__content summary {
    padding: 16px 0;
    color: var(--md-brand);
    font-weight: 600;
    cursor: pointer;
}

.md-standard-page__content pre,
.md-standard-page__content code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.md-standard-page__content pre {
    overflow: auto;
    padding: 22px;
    background: var(--md-dark);
    color: var(--md-light);
    font-size: 13px;
    line-height: 1.65;
}

.md-standard-page__content :not(pre) > code {
    padding: .12em .35em;
    background: var(--md-cream);
    font-size: .9em;
}

.md-standard-page__content .wp-block-button__link,
.md-standard-page__content a.button,
.md-standard-page__content button,
.md-standard-page__content input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 20px;
    border: 1px solid var(--md-brand);
    border-radius: 0;
    background: var(--md-brand);
    color: #fff;
    font: 700 10px/1 var(--md-font-ui);
    letter-spacing: .13em;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.md-standard-page__content input[type="text"],
.md-standard-page__content input[type="email"],
.md-standard-page__content input[type="tel"],
.md-standard-page__content input[type="url"],
.md-standard-page__content input[type="number"],
.md-standard-page__content select,
.md-standard-page__content textarea {
    width: 100%;
    max-width: 100%;
    padding: 13px 14px;
    border: 1px solid var(--md-line);
    border-radius: 0;
    background: var(--md-surface);
    color: var(--md-text);
}

.md-standard-page__content iframe {
    width: 100%;
    max-width: 100%;
    border: 0;
}

@media (max-width: 720px) {
    .md-standard-page__hero {
        padding-top: 72px;
    }

    .md-standard-page__title {
        font-size: clamp(44px, 13vw, 68px);
    }

    .md-standard-page__content {
        font-size: 16px;
        line-height: 1.78;
    }

    .md-standard-page__content blockquote {
        padding: 23px 22px;
    }

    .md-standard-page__content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}