/* 2026 visual systems refresh: shared scale, rhythm, and interaction language. */
:root {
    --dtd-radius: 18px;
    --dtd-radius-sm: 12px;
    --dtd-shadow: 0 16px 42px rgb(33 23 56 / 12%);
    --dtd-shadow-soft: 0 8px 24px rgb(33 23 56 / 9%);
    --dtd-paper: #fbfaf6;
    --dtd-ink: #1e1b22;
}

/* Header and brand interactions. */
.site-title-container .site-description { line-height: 1.05; }
.site-title-container .brand-name span { display: block; line-height: .94; }
.site-title-container .brand-name small { display: block; margin-top: 4px; line-height: 1.05; }
.ct-header-account .ct-icon { width: 24px; height: 24px; }
.ct-header-account .ct-account-item { display: inline-flex; align-items: center; gap: 7px; }
.site-logo-container, .dtd-home-instagram-title a { transition: transform .2s ease, filter .2s ease; }
@media (hover: hover) {
    .site-logo-container:hover, .dtd-home-instagram-title a:hover { transform: translateY(-2px) rotate(-1.5deg); filter: drop-shadow(0 8px 8px rgb(73 47 117 / 22%)); }
}

/* Remove broken novelty SVG cursors; these were intermittently falling back to native cursors. */
.footer-crest:hover,
.dtd-home-1901-images[data-cursor] .wp-block-image { cursor: auto !important; }

/* Shared CTA treatment: compact, deliberate cards rather than horizontal banners. */
.dtd-rush-cta,
.dtd-spotlight-cta,
.dtd-update-info {
    width: min(calc(100% - 40px), 1040px) !important;
    margin-inline: auto !important;
    border-radius: var(--dtd-radius) !important;
    box-shadow: var(--dtd-shadow-soft);
}
.dtd-rush-cta { margin-block: clamp(52px, 7vw, 96px) !important; padding: clamp(34px, 5vw, 58px) !important; }
.dtd-rush-cta-columns { display: block !important; }
.dtd-rush-cta-title { max-width: 18ch; margin-inline: auto; font-size: clamp(42px, 5vw, 66px) !important; line-height: .98; }
.dtd-rush-cta-copy { max-width: 58ch; margin-inline: auto; line-height: 1.45; }
.dtd-rush-cta-buttons { margin-top: 24px; }

/* Contact page: restore contrast, hierarchy, and a readable constrained directory. */
.dtd-contact-strip { border-radius: var(--dtd-radius) !important; box-shadow: var(--dtd-shadow-soft); }
.dtd-contact-strip .dtd-contact-icon { margin-bottom: 16px; }
.dtd-contact-strip .dtd-contact-icon img { width: 52px; height: 52px; object-fit: contain; }
.dtd-contact-detail, .dtd-contact-detail a { color: #f2ce54 !important; text-decoration-color: rgb(242 206 84 / 60%); }
.dtd-contact-detail a:hover { color: #fff !important; text-decoration-color: #fff; }
.contact-form { width: min(100% - 40px, 980px); margin-inline: auto; }
.dtd-contact-form-title { margin-bottom: 28px !important; }
.dtd-contact-form-layout { align-items: stretch; }
.dtd-contact-form-layout > .wp-block-column:last-child { padding: clamp(24px, 4vw, 44px) !important; border: 1px solid rgb(73 47 117 / 12%); border-radius: var(--dtd-radius); box-shadow: var(--dtd-shadow-soft); background: #fff; }
.dtd-contact-directory { width: min(100% - 40px, 1120px) !important; margin: 0 auto 80px !important; }
.dtd-contact-directory-intro { margin-bottom: 34px !important; }
.dtd-contact-container { max-width: none; }

/* A single-column footer update card; button follows its copy in every viewport. */
.dtd-update-info { padding: clamp(34px, 5vw, 60px) !important; }
.dtd-update-info-columns { display: block !important; max-width: 760px; }
.dtd-update-info-title { max-width: 13ch; font-size: clamp(42px, 5vw, 62px) !important; line-height: .98; }
.dtd-update-info-lead, .dtd-update-info-copy { max-width: 62ch; }
.dtd-update-info-buttons { width: auto !important; margin-top: 26px; justify-content: flex-start !important; }
.dtd-update-info-buttons .wp-block-button { width: auto !important; }
.dtd-update-info-buttons .wp-block-button__link { width: auto !important; min-width: 190px; }
/* Footer remains ordinary document flow, but its crest and link rows stay compact. */
footer.ct-footer { position: static !important; }
footer.ct-footer [data-row="middle"] { min-height: 0 !important; padding-block: 18px !important; }
footer.ct-footer [data-row="middle"] .ct-container-fluid { min-height: 0 !important; padding-block: 0 !important; }
footer.ct-footer .footer-crest { margin: 0 auto !important; line-height: 0; }
footer.ct-footer .footer-crest img { width: clamp(112px, 9vw, 148px) !important; max-height: 160px; object-fit: contain; }
footer.ct-footer [data-row="bottom"] { padding-block: 34px 28px !important; }
footer.ct-footer [data-row="bottom"] .ct-container { row-gap: 30px !important; }

/* Development opportunities become balanced information cards. */
.dtd-feature-row { width: min(calc(100% - 32px), 1040px) !important; margin: 0 auto 26px !important; padding: clamp(22px, 3vw, 30px); border: 1px solid rgb(73 47 117 / 10%); border-radius: 16px; box-shadow: var(--dtd-shadow-soft); background: #fff; }
.dtd-feature-row__media { display: grid; place-items: center; }
.dtd-feature-row__media figure { max-width: 220px !important; aspect-ratio: 1 / 1; }
.dtd-feature-row__media img { object-fit: contain !important; padding: 12px; }
.dtd-feature-row__content { max-width: 62ch; }

/* Accessible native accordions with a card feel and a real opening motion. */
.dtd-accordion { min-height: 0 !important; margin: 14px 0 !important; padding: 0 !important; overflow: clip; border: 1px solid rgb(73 47 117 / 14%) !important; border-radius: var(--dtd-radius-sm); box-shadow: 0 6px 20px rgb(73 47 117 / 9%); background: #fff; }
.dtd-accordion > summary { box-sizing: border-box; min-height: 0 !important; margin: 0 !important; padding: 18px 58px 18px 24px !important; font-size: clamp(18px, 1.7vw, 24px) !important; line-height: 1.25 !important; transition: background .2s ease, color .2s ease; }
.dtd-accordion > summary:hover { color: #492f75; background: rgb(73 47 117 / 5%); }
.dtd-accordion[open] > summary { color: #fff; background: #492f75; }
.dtd-accordion[open] > summary::after { border-color: currentColor; }
.dtd-accordion:not([open]) > :not(summary) { display: none !important; }
.dtd-accordion[open] > :not(summary) { overflow: hidden; animation: dtd-reveal .32s cubic-bezier(.2,.75,.3,1) both; }
.dtd-accordion .wp-block-gallery { padding: 20px; }
@keyframes dtd-reveal { from { max-height: 0; opacity: 0; transform: translateY(-10px); } to { max-height: 2400px; opacity: 1; transform: translateY(0); } }

/* Rooms are one visual folder per Greek-letter room; clicking opens the room gallery. */
body.page-id-4106 .hero-section,
body.postid-4051 .hero-section { min-height: clamp(300px, 40vw, 520px); display: grid; align-items: end; background-image: linear-gradient(rgb(28 18 46 / 32%), rgb(28 18 46 / 62%)), url('https://iitdelts.org/wp-content/uploads/2026/06/2025_Fall_AD_Room1-scaled.jpg') !important; background-position: center 58% !important; background-size: cover !important; }
body.postid-4051 .hero-section .page-title { color: #fff; text-shadow: 0 3px 22px rgb(20 10 35 / 45%); }
body.postid-4051 .hero-section .entry-meta { display: none; }
.dtd-rooms-wave { display: none !important; }
body.page-id-4106 .entry-content > .wp-block-heading { width: min(100% - 32px, 960px); margin: 52px auto 10px !important; padding-left: 16px; color: #492f75; font-size: clamp(34px, 5vw, 58px) !important; }
.dtd-room-greek { letter-spacing: .04em; }
.dtd-room-name { display: inline-block; margin-left: .18em; color: #6d56a1; font-size: .46em; font-weight: 700; letter-spacing: 0; vertical-align: middle; }
body.page-id-4106 .dtd-room-gallery { position: relative; display: block !important; width: min(100% - 32px, 960px); margin: 0 auto 38px !important; padding: 12px; overflow: visible; border: 1px solid rgb(73 47 117 / 12%); border-radius: 6px var(--dtd-radius) var(--dtd-radius) var(--dtd-radius); box-shadow: var(--dtd-shadow); background: #fff; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease; }
body.page-id-4106 .dtd-room-gallery::before { position: absolute; z-index: -1; top: -16px; left: -1px; width: clamp(120px, 22%, 190px); height: 28px; border: 1px solid rgb(73 47 117 / 12%); border-bottom: 0; border-radius: 10px 18px 0 0; content: ''; background: #fff; box-shadow: 0 -5px 14px rgb(73 47 117 / 6%); }
body.page-id-4106 .dtd-room-gallery:hover { transform: translateY(-3px); box-shadow: 0 22px 52px rgb(41 26 65 / 18%); }
body.page-id-4106 .dtd-room-gallery:focus-visible { outline: 4px solid rgb(234 195 79 / 62%); outline-offset: 5px; }
body.page-id-4106 .dtd-room-gallery::after { position: absolute; right: 22px; bottom: 20px; padding: 9px 14px; border-radius: 999px; content: 'Open room gallery'; color: #fff; background: #492f75; font-size: 13px; font-weight: 700; }
body.page-id-4106 .dtd-room-gallery .wp-block-image { display: none; margin: 0 !important; }
body.page-id-4106 .dtd-room-gallery .wp-block-image:first-child { display: block; width: 100% !important; flex-basis: 100% !important; }
body.page-id-4106 .dtd-room-gallery img { display: block; width: 100%; height: min(52vw, 480px); border-radius: calc(var(--dtd-radius) - 8px); object-fit: cover !important; object-position: center; }
body.page-id-4106 .dtd-divider { display: none; }

/* Wellness: responsive five-part sequence and a proper pull quote. */
.dtd-wellness-path { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; max-width: 1100px; padding: 0; margin: 44px auto; list-style: none; counter-reset: wellness; }
.dtd-wellness-path li { position: relative; min-height: 150px; padding: 58px 16px 20px; border-radius: var(--dtd-radius-sm); color: #fff; background: linear-gradient(145deg, #492f75, #6d56a1); box-shadow: var(--dtd-shadow-soft); text-align: center; font-weight: 700; }
.dtd-wellness-path li::before { position: absolute; top: -20px; left: 50%; display: grid; place-items: center; width: 44px; height: 44px; border: 4px solid #fff; border-radius: 50%; content: counter(wellness); counter-increment: wellness; transform: translateX(-50%); background: #eac34f; color: #492f75; font-size: 21px; box-shadow: var(--dtd-shadow-soft); }
body.page-id-3273 .wp-block-quote { max-width: 880px; margin: 46px auto; padding: clamp(28px, 4vw, 44px); border: 0; border-radius: 16px; background: var(--dtd-paper); box-shadow: var(--dtd-shadow-soft); }
body.page-id-3273 .wp-block-quote p { margin: 0; color: #2e243a; font-family: Georgia, serif; font-size: clamp(16px, 1.35vw, 18px); font-style: italic; line-height: 1.65; }
body.page-id-3273 .wp-block-quote cite { display: block; margin-top: 22px; color: #492f75; font-style: normal; font-weight: 700; }

/* State of the Chapter: correspondence and editorial demographic cards. */
.dtd-state-letter { position: relative; max-width: 840px; margin: 44px auto; padding: 52px 62px; border: 1px solid #d9ccb1; box-shadow: 7px 9px 0 #e7d9b7, var(--dtd-shadow-soft); background: repeating-linear-gradient(0deg, #fffdf6, #fffdf6 28px, #f1ebdc 29px); font-family: Georgia, serif; line-height: 1.7; }
.dtd-state-letter::after { position: absolute; top: 22px; right: 24px; width: 70px; height: 84px; border: 7px solid transparent; border-image: repeating-linear-gradient(135deg,#9d4141 0 5px,#f7ead1 5px 10px) 8; content: 'ΔΤΔ\A CHICAGO\A 2026'; display: grid; place-items: center; color: #783535; background: #f4dfad; font-family: Georgia, serif; font-size: 10px; font-weight: 700; line-height: 1.3; text-align: center; transform: rotate(5deg); white-space: pre; box-shadow: 0 4px 10px rgb(50 30 20 / 16%); }
.dtd-state-letter::before { position: absolute; z-index: 2; top: 54px; right: 78px; width: 112px; height: 42px; border: 2px solid rgb(73 47 117 / 38%); border-radius: 50%; content: 'GAMMA BETA  •  CHICAGO'; color: rgb(73 47 117 / 48%); font: 700 8px/42px system-ui,sans-serif; letter-spacing: .05em; text-align: center; transform: rotate(-9deg); }
.dtd-state-letter p { max-width: 680px; margin: 0 auto 1.2em !important; color: #30253a; font-size: clamp(17px, 1.45vw, 20px); }
.dtd-state-letter p:first-child { padding-right: 64px; color: #493064; font-size: clamp(19px, 1.7vw, 23px); }
.dtd-state-letter p:last-child { margin-top: 1.7em !important; margin-bottom: 0 !important; font-style: italic; }
/* acf/state-demographics ships its own equivalent CSS via its block
   stylesheet now (wp-content/plugins/dtd-blocks/state-demographics/) -
   the .dtd-state-demographics (no --data suffix, targeting core/column
   children) rules that used to live here were from a pre-block version
   of this content and no longer match anything in the current markup. */

/* One small, direct footer action—not a second hero. */
.dtd-update-info { position: relative; overflow: hidden; width: min(calc(100% - 32px), 920px) !important; min-height: 0 !important; margin-block: 54px !important; padding: clamp(36px, 5vw, 58px) clamp(34px, 6vw, 70px) !important; }
.dtd-update-info::after { position: absolute; right: -55px; bottom: -85px; width: 310px; aspect-ratio: 1; content: ''; opacity: .09; background: url('/wp-content/uploads/2022/11/%CE%94%CE%A4%CE%94-shield.png') center/contain no-repeat; pointer-events: none; }
.dtd-update-info-columns { display: block !important; }
.dtd-update-info-title { max-width: 15ch; margin: 0 auto 18px !important; font-size: clamp(38px, 4.4vw, 54px) !important; line-height: 1 !important; }
.dtd-update-info-copy { max-width: 48ch; margin: 0 auto !important; font-size: 18px; line-height: 1.55; }
.dtd-update-info-buttons { justify-content: center !important; margin: 26px 0 0 !important; }
.dtd-update-info-buttons .wp-block-button__link { min-width: 0; padding: 14px 22px; }
.dtd-state-latest .dtd-responsive-spacer { height: 52px !important; }
.dtd-state-latest-heading { margin-top: 0 !important; }

/* Creed receives the same archival language without sacrificing reading comfort. */
body.page-id-1024 .dtd-reading-width--a0034e4 { max-width: 900px; margin: 28px auto 70px !important; padding: clamp(32px, 5vw, 62px); border: 1px solid #d5c39b; box-shadow: 10px 12px 0 #e8d9b8, var(--dtd-shadow-soft); background: linear-gradient(90deg, rgb(243 234 213 / 78%), #fffdf8 15%, #fffdf8 85%, rgb(243 234 213 / 78%)); }
body.page-id-1024 .dtd-reading-width--a0034e4 .wp-block-quote { margin: 0; border: 0; }
body.page-id-1024 .dtd-reading-width--a0034e4 h5 { margin: 0 0 24px; font-family: Georgia, serif; font-size: clamp(19px, 2.2vw, 27px); font-weight: 400; line-height: 1.55; }

/* Homepage cards, founder collage, and blueprint regain intentional layering. */
.dtd-home-comfort-native { position: relative; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) !important; gap: clamp(32px, 5vw, 78px) !important; padding-bottom: 78px !important; background: none !important; }
.dtd-home-comfort-native::before { position: absolute; left: 4%; top: 50%; width: min(36vw, 520px); aspect-ratio: 1; content: ''; transform: translateY(-50%); opacity: .11; pointer-events: none; background: url('/wp-content/uploads/2022/11/%CE%94%CE%A4%CE%94-shield.png') center / contain no-repeat; }
.dtd-home-comfort-title, .dtd-home-comfort-grid { position: relative; z-index: 1; }
.dtd-home-comfort-card { border-radius: var(--dtd-radius-sm) !important; }
.dtd-home-comfort-native::after { display: none !important; }
.dtd-home-comfort-icon img { width: 72px !important; height: 72px !important; object-fit: contain !important; }
.dtd-home-comfort-card:nth-child(3), .dtd-home-comfort-card:nth-child(4) { transform: translateY(38px) !important; }
.dtd-home-1901-native { margin-block: 90px !important; }
.dtd-home-blueprint-native { position: relative; isolation: isolate; overflow: hidden; margin-top: 64px !important; border-radius: var(--dtd-radius) !important; background: linear-gradient(145deg,#356dc1,#194b9a) !important; }
.dtd-home-blueprint-native::before { position: absolute; z-index: -1; inset: 0; content: ''; opacity: .34; background-image: linear-gradient(rgb(255 255 255 / 15%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 15%) 1px,transparent 1px),linear-gradient(rgb(255 255 255 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 8%) 1px,transparent 1px); background-size: 80px 80px,80px 80px,16px 16px,16px 16px; -webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 88%); mask-image:radial-gradient(ellipse at center,#000 35%,transparent 88%); }
.dtd-home-blueprint-title { min-height: 0 !important; margin: 170px 0 28px !important; line-height: 1.02 !important; }
.dtd-home-blueprint-title em { display: inline-block; color: #fff; font-style: normal; text-shadow: 1px 1px 0 #24509c, 2px 2px 0 #1d4385, 3px 3px 0 #16366d, 7px 9px 14px rgb(0 0 0 / 24%); }
.dtd-home-blueprint-native > .wp-block-column:nth-child(2) { padding-bottom: 72px !important; }
.dtd-home-1901-images { pointer-events: none; }

/* Giving retains its blueprint atmosphere and gains a dimensional title. */
body.page-id-426 .dtd-giving-cta { background-image: linear-gradient(rgb(24 69 151 / 87%), rgb(24 69 151 / 87%)), url('/wp-content/uploads/2022/11/blueprint_grid.svg') !important; background-size: auto, 540px !important; }
body.page-id-426 .dtd-giving-cta-heading { text-shadow: 1px 1px 0 #1d4385, 2px 2px 0 #16366d, 6px 7px 14px rgb(0 0 0 / 22%); }

/* Keep shared “latest” sections close to their preceding content. */
.dtd-state-latest, .dtd-home-latest { margin-top: 64px !important; }
.dtd-responsive-spacer { height: clamp(30px, 5vw, 72px) !important; }
body.home.page-id-771 .dtd-home-latest { margin-bottom: 40px !important; }
body.home.page-id-771 .dtd-home-latest + .dtd-responsive-spacer { height: 24px !important; }

/* Reusable native image modal. */
.dtd-image-dialog { width: min(94vw, 1180px); max-width: none; padding: 14px; border: 0; border-radius: var(--dtd-radius); background: #15111c; box-shadow: 0 25px 80px rgb(0 0 0 / 50%); }
.dtd-image-dialog::backdrop { background: rgb(12 8 18 / 76%); backdrop-filter: blur(5px); }
.dtd-image-dialog img { display: block; width: 100%; max-height: 78vh; object-fit: contain; }
.dtd-image-dialog__caption { margin: 12px 56px 2px; color: #fff; font-weight: 700; text-align: center; }
.dtd-image-dialog__close { position: absolute; top: 24px; right: 24px; width: 40px; height: 40px; border: 0; border-radius: 50%; color: #fff; background: rgb(0 0 0 / 58%); font-size: 26px; cursor: pointer; }
.dtd-image-dialog__previous, .dtd-image-dialog__next { position: absolute; top: 50%; z-index: 1; width: 42px; height: 54px; border: 0; border-radius: 10px; color: #fff; background: rgb(0 0 0 / 58%); font-size: 34px; cursor: pointer; transform: translateY(-50%); }
.dtd-image-dialog__previous { left: 24px; }
.dtd-image-dialog__next { right: 24px; }
.dtd-image-dialog__previous[hidden], .dtd-image-dialog__next[hidden] { display: none; }

@media (max-width: 767px) {
    .dtd-rush-cta, .dtd-spotlight-cta, .dtd-update-info, .dtd-feature-row { width: calc(100% - 24px) !important; }
    .dtd-rush-cta-title, .dtd-update-info-title { font-size: 42px !important; }
    .dtd-contact-form-layout > .wp-block-column:first-child { display: block !important; }
    .dtd-contact-form-layout > .wp-block-column:first-child img { width: 100%; max-height: 260px; object-fit: cover; }
    .dtd-wellness-path { grid-template-columns: 1fr; max-width: 520px; padding-left: 32px; }
    .dtd-wellness-path li { min-height: 0; padding: 24px 24px 24px 58px; text-align: left; }
    .dtd-wellness-path li::before { top: 50%; left: 0; transform: translate(-50%, -50%); }
    .dtd-state-demographics { padding: 12px; }
    .dtd-state-demographics--data { grid-template-columns: 1fr; width: calc(100% - 24px); }
    .dtd-demographic-card { padding: 28px 22px; }
    .dtd-demographic-table > div { grid-template-columns: 1fr 82px 72px; gap: 8px; font-size: 14px; }
    .dtd-state-letter { padding: 28px 24px; }
    .dtd-state-letter::after { top: 12px; right: 12px; transform: scale(.82) rotate(7deg); transform-origin: top right; }
    .dtd-room-name { display: block; margin: 4px 0 0; font-size: .42em; }
    .dtd-home-comfort-native { display: block !important; padding-bottom: 42px !important; }
    .dtd-home-comfort-native::before { width: 82vw; left: 9vw; top: 30%; }
    .dtd-home-comfort-card:nth-child(3), .dtd-home-comfort-card:nth-child(4) { transform: none !important; }
    .dtd-home-blueprint-title { margin-top: 82px !important; font-size: 42px !important; text-align: center !important; }
    .dtd-home-blueprint-native > .wp-block-column:nth-child(2) { padding: 0 24px 44px !important; }
}

/* At compact widths the account control is an icon button, not a wrapped name. */
@media (max-width: 767px) {
    [data-device="mobile"] .ct-header-account .ct-account-item {
        display: grid !important;
        place-items: center;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }
    [data-device="mobile"] .ct-header-account .ct-account-item > :not(svg) { display: none !important; }
    [data-device="mobile"] .ct-header-account .ct-account-item .ct-icon {
        display: block !important;
        width: 29px !important;
        height: 29px !important;
        margin: 0 !important;
    }
    [data-device="mobile"] .ct-header-account { margin-inline-start: auto; }
    [data-device="mobile"] .site-title-container .brand-name { line-height: .95; }
}

/* Preserve readable desktop navigation on medium screens without losing the wordmark. */
@media (min-width: 768px) and (max-width: 1380px) {
    header .site-branding {
        position: relative;
        display: flex;
        align-items: center;
    }
    header .site-branding .site-logo-container img {
        width: 42px !important;
        height: 46px !important;
        object-fit: contain;
    }
    header .site-branding .site-title-container {
        position: absolute;
        z-index: 50;
        display: block !important;
        top: calc(100% + 8px);
        left: 0;
        width: max-content;
        max-width: min(78vw, 300px);
        padding: 11px 14px;
        border: 1px solid rgb(73 47 117 / 12%);
        border-radius: 10px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-5px);
        pointer-events: none;
        box-shadow: 0 12px 28px rgb(32 22 54 / 16%);
        background: #fff;
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }
    header .site-branding:hover .site-title-container,
    header .site-branding:focus-within .site-title-container {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }
    header .site-branding .site-title-container .brand-name { white-space: nowrap; }
    header .site-branding .site-title-container .brand-name span { font-size: 18px; }
    header .site-branding .site-title-container .brand-name small { font-size: 10px; }
}

/* Home history collage: photos fill the empty left column without covering copy. */
body.home.page-id-771 .dtd-home-1901-images { display: block !important; position: relative !important; isolation: isolate; overflow: visible !important; }
body.home.page-id-771 .dtd-home-1901-images .wp-block-image { display: block !important; position: absolute !important; width: auto !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; box-shadow: 0 18px 34px rgba(25, 18, 41, .18); background: #fff; }
body.home.page-id-771 .dtd-home-1901-images .wp-block-image { box-shadow: none !important; background: transparent !important; }
body.home.page-id-771 .dtd-home-1901-images .wp-block-image img { display: block !important; width: 100% !important; height: auto !important; max-width: none !important; max-height: none !important; object-fit: cover !important; box-shadow: 0 18px 34px rgba(25,18,41,.2); }

@media (min-width: 900px) {
    body.home.page-id-771 .dtd-home-1901-images { width: min(calc(100% - 64px), 1180px) !important; height: 620px !important; margin: 32px auto -620px !important; z-index: 5 !important; }
    body.home.page-id-771 .dtd-home-1901-images .dtd-home-1901-picture-1 { width: 32% !important; top: 84px !important; right: auto !important; left: 0 !important; transform: rotate(-7deg) !important; z-index: 1 !important; }
    body.home.page-id-771 .dtd-home-1901-images .dtd-home-1901-picture-2 { display: block !important; width: 48% !important; top: 12px !important; right: auto !important; left: 24% !important; transform: rotate(2.5deg) !important; z-index: 3 !important; }
    body.home.page-id-771 .dtd-home-1901-images .dtd-home-1901-picture-3 { width: 33% !important; top: 280px !important; right: auto !important; left: 44% !important; transform: rotate(6deg) !important; z-index: 2 !important; }
    body.home.page-id-771 .dtd-home-1901-native { display: flex !important; flex-wrap: nowrap !important; position: relative !important; z-index: 4 !important; box-sizing: border-box !important; min-height: 620px !important; padding: 32px 40px !important; margin: 0 auto 64px !important; }
    body.home.page-id-771 .dtd-home-1901-native > .wp-block-column:first-child { display: block !important; flex: 0 0 49% !important; }
    body.home.page-id-771 .dtd-home-1901-native > .wp-block-column:last-child { position: relative; z-index: 6; flex: 0 0 51% !important; padding: 24px 12px 24px 0 !important; }
}

@media (max-width: 899px) {
    body.home.page-id-771 .dtd-home-1901-images { width: min(calc(100% - 30px), 720px) !important; height: 330px !important; margin: 44px auto 20px !important; }
    body.home.page-id-771 .dtd-home-1901-images .dtd-home-1901-picture-1 { width: 43% !important; top: 98px !important; left: 0 !important; }
    body.home.page-id-771 .dtd-home-1901-images .dtd-home-1901-picture-2 { display: block !important; width: 58% !important; top: 0 !important; left: 21% !important; }
    body.home.page-id-771 .dtd-home-1901-images .dtd-home-1901-picture-3 { width: 39% !important; top: 112px !important; right: 0 !important; left: auto !important; }
    body.home.page-id-771 .dtd-home-1901-native { display: block !important; position: relative !important; z-index: 4 !important; min-height: 0 !important; margin: 0 auto 64px !important; }
    body.home.page-id-771 .dtd-home-1901-native > .wp-block-column:first-child { display: none !important; }
    body.home.page-id-771 .dtd-home-1901-native > .wp-block-column:last-child { width: 100% !important; padding: 44px 24px 36px !important; }
}

@media (max-width: 520px) {
    body.home.page-id-771 .dtd-home-1901-images { height: 250px !important; margin-top: 32px !important; }
    body.home.page-id-771 .dtd-home-1901-images .dtd-home-1901-picture-1 { top: 74px !important; }
    body.home.page-id-771 .dtd-home-1901-images .dtd-home-1901-picture-3 { top: 84px !important; }
}

/* Cohesive shared-component repair batch. */
.dtd-spotlight-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
    align-items: center !important;
    gap: clamp(32px, 6vw, 76px) !important;
    padding: clamp(42px, 6vw, 72px) !important;
    color: #fff;
    background-color: #492f75 !important;
}
.dtd-spotlight-cta h2,
.dtd-spotlight-cta p { color: #fff !important; }
.dtd-spotlight-cta .dtd-contact-container { display: block; }
.dtd-spotlight-cta .dtd-contact { box-sizing: border-box; width: 100%; padding: 22px; color: #261d34; background: rgb(255 255 255 / 96%); }
.dtd-spotlight-cta .dtd-contact h3,
.dtd-spotlight-cta .dtd-contact small { color: #261d34 !important; }
.dtd-spotlight-cta .dtd-contact a { color: #492f75 !important; }

/* Keep the medium desktop header on one deliberate row. The compact crest
   reveals the full chapter wordmark without sacrificing navigation space. */
@media (min-width: 900px) and (max-width: 1380px) {
    header [data-row="middle"] .ct-container { width: min(100%, 1480px) !important; padding-inline: clamp(18px, 2vw, 30px) !important; }
    header [data-items="primary"] { gap: clamp(5px, .7vw, 11px) !important; }
    header .header-menu-1 > .menu { display: flex !important; flex-wrap: nowrap !important; justify-content: center; white-space: nowrap; }
    header .header-menu-1 .ct-menu-link { padding-inline: clamp(6px, .65vw, 10px) !important; font-size: clamp(11px, .86vw, 14px) !important; }
    header .ct-header-account .ct-account-item { gap: 10px !important; min-width: max-content; padding-inline: 8px !important; line-height: 1.15 !important; }
    header .ct-header-account .ct-icon { width: 27px !important; height: 27px !important; }
    header #header-menu-1 > .menu > .more-items-container { display: contents !important; }
    header #header-menu-1 > .menu > .more-items-container > a,
    header #header-menu-1 > .menu > .more-items-container > .ct-toggle-dropdown-desktop-ghost { display: none !important; }
    header #header-menu-1 > .menu > .more-items-container > .sub-menu {
        position: static !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    header #header-menu-1 > .menu > .more-items-container > .sub-menu > li { display: flex !important; }
    header #header-menu-1 .dtd-highlight-item { display: none !important; }
}

@media (min-width: 768px) {
    header .ct-header-account .ct-account-item { display: inline-flex !important; align-items: center !important; gap: 10px !important; white-space: nowrap; }
    footer.ct-footer [data-row="middle"] { padding-block: 28px 22px !important; }
    footer.ct-footer .footer-crest img { width: clamp(150px, 13vw, 190px) !important; max-height: 205px !important; }
}

/* Footer contact cards stay readable while preserving a one-line email. */
footer .dtd-contact { min-width: 0; }
footer .dtd-contact .contact-container { width: 100%; }
footer .dtd-contact-link--email { max-width: 100%; }
footer .dtd-contact-link--email span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Contact page: the form and image read as one composed panel. */
body.page-id-571 .dtd-contact-form-layout { overflow: hidden; border: 1px solid rgb(73 47 117 / 12%); border-radius: var(--dtd-radius); box-shadow: var(--dtd-shadow); background: #fff; }
body.page-id-571 .dtd-contact-form-layout { width: min(calc(100% - 32px), 1040px) !important; margin-inline: auto !important; }
body.page-id-571 .dtd-contact-form-layout > .wp-block-column { margin: 0 !important; }
body.page-id-571 .dtd-contact-form-layout > .wp-block-column:first-child { flex-basis: 42% !important; }
body.page-id-571 .dtd-contact-form-layout > .wp-block-column:last-child { flex-basis: 58% !important; }
body.page-id-571 .dtd-contact-form-layout > .wp-block-column:first-child img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
body.page-id-571 .dtd-contact-form-layout > .wp-block-column:last-child { border: 0; border-radius: 0; box-shadow: none; }
body.page-id-571 main .dtd-contact-container { width: min(calc(100% - 32px), 1040px) !important; margin-inline: auto !important; }
body.page-id-571 .wpforms-field input,
body.page-id-571 .wpforms-field textarea { border: 1px solid rgb(73 47 117 / 16%) !important; border-radius: 9px !important; background: #fbfafc !important; transition: border-color .18s ease, box-shadow .18s ease; }
body.page-id-571 .wpforms-field input:focus,
body.page-id-571 .wpforms-field textarea:focus { border-color: #6d56a1 !important; box-shadow: 0 0 0 3px rgb(109 86 161 / 14%) !important; }

/* Home giving panel: reserve a deliberate photo stage above the copy instead
   of letting the absolute polaroids cover the title and donor content. */
body.home.page-id-771 .polaroid-container {
    position: relative !important;
    z-index: 3 !important;
    width: min(calc(100% - 48px), 1100px) !important;
    height: clamp(300px, 31vw, 420px) !important;
    margin: 54px auto -210px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.home.page-id-771 .updated-house-polaroid {
    top: 0 !important;
    margin: 0 !important;
}
body.home.page-id-771 .updated-house-polaroid:nth-of-type(1) { left: 0 !important; width: 34% !important; transform: rotate(-5deg) !important; }
body.home.page-id-771 .updated-house-polaroid:nth-of-type(2) { right: 0 !important; width: 34% !important; transform: rotate(6deg) !important; }
body.home.page-id-771 .updated-house-polaroid:nth-of-type(3) { left: 28% !important; width: 44% !important; transform: rotate(1deg) !important; }
body.home.page-id-771 .updated-house-polaroid img { width: 100% !important; max-width: none !important; height: auto !important; }
body.home.page-id-771 .dtd-home-blueprint-native {
    margin: 0 auto 72px !important;
    padding-top: clamp(240px, 22vw, 320px) !important;
    padding-bottom: clamp(44px, 5vw, 68px) !important;
}
body.home.page-id-771 .dtd-home-blueprint-title {
    max-width: 17ch;
    margin: 0 auto 28px !important;
    font-size: clamp(48px, 5.4vw, 76px) !important;
    text-align: center;
}
body.home.page-id-771 .dtd-home-blueprint-native > .wp-block-column:nth-child(2) { padding-bottom: 0 !important; }
body.home.page-id-771 .dtd-home-blueprint-native .dynamic-sponsor-block { margin-top: 44px; }

@media (max-width: 767px) {
    .dtd-spotlight-cta { display: block !important; padding: 34px 22px !important; }
    .dtd-spotlight-cta .dtd-contact-container { margin-top: 28px; }
    body.page-id-571 .dtd-contact-form-layout > .wp-block-column:first-child img { min-height: 0; max-height: 300px; }
    footer.ct-footer .footer-crest img { width: 92px !important; }
    body.home.page-id-771 .polaroid-container { width: min(calc(100% - 30px), 520px) !important; height: 245px !important; margin: 34px auto -105px !important; }
    body.home.page-id-771 .updated-house-polaroid:nth-of-type(1),
    body.home.page-id-771 .updated-house-polaroid:nth-of-type(2) { display: none !important; }
    body.home.page-id-771 .updated-house-polaroid:nth-of-type(3) { display: block !important; left: 7% !important; width: 86% !important; transform: rotate(-2deg) !important; }
    body.home.page-id-771 .dtd-home-blueprint-native { padding: 150px 22px 42px !important; }
    body.home.page-id-771 .dtd-home-blueprint-title { margin-top: 0 !important; font-size: clamp(38px, 11vw, 52px) !important; }
}