:root {
    --rda-story-max-width: 1200px;
    --rda-story-text: #202524;
    --rda-story-muted: #5f6663;
    --rda-story-border: rgba(32, 37, 36, 0.22);
    --rda-story-surface: #f4f4f1;
    --rda-story-accent: #243a34;
    --rda-story-white: #ffffff;
}

.rda-story-main,
.rda-stories-archive {
    color: var(--rda-story-text);
}

.rda-story-container {
    width: min(var(--rda-story-max-width), calc(100% - 48px));
    margin-inline: auto;
}

.rda-story-hero {
    padding: 0 0 clamp(52px, 7vw, 96px);
}

/* Begin the Story hero immediately beneath the site's header, matching RDA's other full-width page heroes. */
.rda-story-hero__media {
    width: 100%;
}

.rda-story-hero__media {
    margin: 0 0 clamp(34px, 4vw, 58px);
    overflow: hidden;
    border-radius: 2px;
}

.rda-story-hero__image {
    display: block;
    width: 100%;
    aspect-ratio: 3.4 / 1;
    max-height: 460px;
    object-fit: cover;
    object-position: center;
}

.rda-story-hero__content {
    max-width: 1100px;
}

.rda-story-eyebrow,
.rda-story-card__label {
    margin: 0 0 12px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.3;
    text-transform: uppercase;
}

.rda-story-title,
.rda-stories-archive__header h1 {
    margin: 0;
    font-size: clamp(2.2rem, 5.4vw, 5rem);
    line-height: 0.98;
    text-wrap: balance;
}

.rda-story-subheading {
    max-width: 860px;
    margin: clamp(18px, 2.6vw, 30px) 0 0;
    color: var(--rda-story-muted);
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    line-height: 1.5;
}

.rda-story-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: clamp(28px, 4vw, 46px) 0 0;
}

.rda-story-meta__item {
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid var(--rda-story-border);
    border-radius: 999px;
    background: var(--rda-story-white);
}

.rda-story-meta dt {
    margin: 0 0 4px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.rda-story-meta dd {
    margin: 0;
    color: var(--rda-story-muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.rda-story-body {
    padding: clamp(52px, 7vw, 96px) 0;
    background: var(--rda-story-surface);
}

.rda-story-prose {
    max-width: 840px;
}

.rda-story-prose > *:first-child {
    margin-top: 0;
}

.rda-story-prose > *:last-child {
    margin-bottom: 0;
}

.rda-story-prose p,
.rda-story-prose li {
    font-size: 1.05rem;
    line-height: 1.75;
}

.rda-story-related-project {
    padding: clamp(34px, 5vw, 58px) 0;
    background: var(--rda-story-accent);
    color: var(--rda-story-white);
}

.rda-story-related-project__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.rda-story-related-project__eyebrow {
    margin: 0 0 7px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    opacity: .72;
}

.rda-story-related-project__text {
    margin: 0;
    font-size: clamp(1.2rem, 2.3vw, 1.65rem);
    line-height: 1.35;
}

.rda-story-button--project {
    flex: 0 0 auto;
    min-height: 56px;
    padding: 15px 24px;
    background: var(--rda-story-white);
    color: var(--rda-story-accent) !important;
    font-weight: 700;
    gap: 14px;
}

@media (max-width: 767px) {
    .rda-story-related-project__inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

.rda-story-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 20px;
    background: var(--rda-story-accent);
    color: var(--rda-story-white) !important;
    text-decoration: none;
    transition: opacity 180ms ease;
}

.rda-story-button:hover,
.rda-story-button:focus-visible {
    opacity: 0.82;
}

.rda-stories-hero-slider {
    width: 100vw;
    margin: -90px 0 0 calc(50% - 50vw);
    overflow: hidden;
}

.rda-stories-archive__hero-image {
    display: block;
    width: 100%;
    height: clamp(430px, 55vw, 620px);
    object-fit: cover;
    object-position: center;
}

.rda-stories-archive__header {
    padding: clamp(64px, 7vw, 96px) 0 clamp(54px, 6vw, 82px);
    background: var(--rda-story-surface);
    color: #0a0a0a;
}

.rda-stories-archive__hero-inner {
    width: min(var(--rda-story-max-width), calc(100% - 48px));
}

.rda-stories-archive__title {
    max-width: 1000px;
    margin: 0;
    color: #0a0a0a !important;
    font-size: clamp(5.5rem, 10vw, 9rem) !important;
    font-weight: 700 !important;
    line-height: .92 !important;
    letter-spacing: -0.04em !important;
}

.rda-stories-archive__intro {
    max-width: 760px;
    margin: clamp(28px, 4vw, 46px) 0 0 !important;
    color: #3A4346 !important;
    font-size: clamp(1.15rem, 1.7vw, 1.45rem) !important;
    line-height: 1.5 !important;
}

.rda-stories-archive__content {
    padding: 0 0 clamp(70px, 9vw, 120px);
}


.rda-stories-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 42px);
}

.rda-story-card {
    border: 1px solid var(--rda-story-border);
    background: var(--rda-story-white);
}

.rda-story-card__media {
    display: block;
    overflow: hidden;
    background: var(--rda-story-surface);
}

.rda-story-card__image,
.rda-story-card__placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform 280ms ease;
}

.rda-story-card:hover .rda-story-card__image {
    transform: scale(1.025);
}

.rda-story-card__content {
    padding: clamp(20px, 3vw, 32px);
}

.rda-story-card__title {
    margin: 0 0 14px;
    font-size: clamp(1.45rem, 2.4vw, 2.1rem);
    line-height: 1.15;
}

.rda-story-card__title a,
.rda-story-card__link {
    color: inherit;
    text-decoration: none;
}

.rda-story-card__content > p:not(.rda-story-card__label) {
    color: var(--rda-story-muted);
    line-height: 1.65;
}

.rda-story-card__link {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
    font-weight: 700;
}

.rda-stories-pagination {
    margin-top: 48px;
}

@media (max-width: 960px) {
    .rda-story-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .rda-story-container {
        width: min(var(--rda-story-max-width), calc(100% - 32px));
    }

    .rda-story-hero {
        padding-top: 0;
    }

    .rda-story-hero__media {
        margin-bottom: 26px;
    }

    .rda-story-hero__image {
        aspect-ratio: 16 / 9;
        max-height: 280px;
    }

    .rda-story-title,
    .rda-stories-archive__header h1 {
        font-size: clamp(2.25rem, 11vw, 3.8rem);
        line-height: 1.02;
    }

    .rda-story-meta {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .rda-story-meta__item {
        padding: 11px 12px;
        border-radius: 0;
    }

    .rda-stories-grid {
        grid-template-columns: 1fr;
    }
}

.rda-story-role-section {
    padding: 0;
    background: transparent;
}

.rda-story-role-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.9fr);
    gap: clamp(34px, 6vw, 82px);
    align-items: center;
}

.rda-story-role-grid--no-image {
    grid-template-columns: minmax(0, 850px);
}

.rda-story-section-title {
    margin: 0 0 clamp(20px, 3vw, 34px);
    font-size: clamp(2rem, 4vw, 3.8rem);
    line-height: 1.05;
    text-wrap: balance;
}

.rda-story-role-narrative p:first-child {
    margin-top: 0;
}

.rda-story-role-narrative p:last-child {
    margin-bottom: 0;
}

.rda-story-pull-quote {
    margin: clamp(28px, 4vw, 42px) 0 0;
    padding: 18px 0 18px 24px;
    border-left: 3px solid var(--rda-story-accent);
}

.rda-story-pull-quote p {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    line-height: 1.4;
}

.rda-story-role-media {
    margin: 0;
}

.rda-story-role-image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    max-height: 680px;
    object-fit: cover;
}

.rda-story-role-media figcaption {
    margin-top: 10px;
    color: var(--rda-story-muted);
    font-size: 0.88rem;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .rda-story-role-grid,
    .rda-story-role-grid--no-image {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .rda-story-role-media {
        order: -1;
    }

    .rda-story-role-image {
        max-height: none;
    }
}


/* v2.7 chapter grouping + section art */
.rda-story-chapter {
    position: relative;
    overflow: clip;
    padding: clamp(72px, 9vw, 124px) 0;
    isolation: isolate;
}

.rda-story-chapter::before,
.rda-story-chapter::after {
    content: '';
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.rda-story-chapter::before {
    inset: 28px clamp(18px, 4vw, 48px) auto auto;
    width: min(34vw, 380px);
    height: min(34vw, 380px);
    opacity: .18;
    background-repeat: no-repeat;
    background-size: contain;
}

.rda-story-chapter::after {
    left: 50%;
    bottom: 22px;
    width: min(180px, 28vw);
    height: 18px;
    transform: translateX(-50%);
    opacity: .55;
    background:
        linear-gradient(90deg, transparent 0, rgba(36,58,52,.12) 16%, rgba(36,58,52,.45) 50%, rgba(36,58,52,.12) 84%, transparent 100%);
    mask: radial-gradient(circle at center, #000 0 2px, transparent 2.5px) center/18px 18px repeat-x,
          linear-gradient(#000,#000) center/100% 2px no-repeat;
    -webkit-mask: radial-gradient(circle at center, #000 0 2px, transparent 2.5px) center/18px 18px repeat-x,
                   linear-gradient(#000,#000) center/100% 2px no-repeat;
}

.rda-story-chapter > * {
    position: relative;
    z-index: 1;
}

.rda-story-chapter__frame {
    position: relative;
}

.rda-story-chapter__frame::before {
    content: '';
    position: absolute;
    left: clamp(18px, 3vw, 34px);
    right: clamp(18px, 3vw, 34px);
    top: 0;
    bottom: 0;
    border-radius: 28px;
    background: rgba(255,255,255,.52);
    box-shadow: inset 0 0 0 1px rgba(32,37,36,.08);
    z-index: 0;
}

.rda-story-chapter__frame > * {
    position: relative;
    z-index: 1;
}

.rda-story-chapter .rda-story-section-title {
    margin-bottom: clamp(20px, 3vw, 30px);
}

.rda-story-role-section,
.rda-design-challenge-section,
.rda-construction-section,
.rda-team-section,
.rda-timeline-section,
.rda-ribbon-section {
    border-top: 0;
}

.rda-story-chapter--role {
    background:
        linear-gradient(180deg, #f3f3ef 0%, #eeeee9 100%);
}
.rda-story-chapter--role::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23243a34' stroke-opacity='.25' stroke-width='1.2'%3E%3Cpath d='M42 118c42-56 132-78 214-40'/%3E%3Cpath d='M18 164c58-72 182-96 274-44'/%3E%3Cpath d='M44 212c74-58 168-72 236-40'/%3E%3Cpath d='M82 258c62-28 122-28 178-6'/%3E%3C/g%3E%3C/svg%3E");
}

.rda-story-chapter--living {
    background: linear-gradient(180deg, #f9f7f1 0%, #f4f1e9 100%);
}
.rda-story-chapter--living::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23243a34' stroke-opacity='.24' stroke-width='1.2'%3E%3Cpath d='M24 124c30-26 62-32 90-24s55 26 90 16 64-42 132-26'/%3E%3Cpath d='M18 168c38-30 90-42 136-30 34 9 56 26 96 20 34-6 66-32 92-24'/%3E%3Cpath d='M42 212c34-18 72-20 106-10 30 9 53 25 90 18 34-7 64-30 92-20'/%3E%3Cpath d='M72 260c30-10 60-10 88-2 24 7 44 20 74 16 28-4 54-20 78-14'/%3E%3C/g%3E%3C/svg%3E");
}

.rda-story-chapter--challenge {
    background: linear-gradient(180deg, #eef0eb 0%, #f6f4ef 100%);
}
.rda-story-chapter--challenge::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23243a34' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M36 76h248M36 120h184M36 164h248M36 208h164M36 252h248'/%3E%3Cpath d='M72 40v240M132 40v128M192 40v240M252 40v156'/%3E%3C/g%3E%3C/svg%3E");
}

.rda-story-chapter--construction {
    background: linear-gradient(180deg, #fbfaf7 0%, #ffffff 100%);
}
.rda-story-chapter--construction::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23243a34' stroke-opacity='.16' stroke-width='1.2'%3E%3Cpath d='M32 228c44-18 68-72 112-72 28 0 42 20 64 20 28 0 42-28 80-28'/%3E%3Cpath d='M32 262c38-10 70-42 112-42 28 0 44 14 66 14 24 0 38-14 78-14'/%3E%3Cpath d='M46 104l56-34 40 24 66-40 58 34'/%3E%3C/g%3E%3C/svg%3E");
}

.rda-story-chapter--team {
    background: linear-gradient(180deg, #f5f5f1 0%, #f8f8f6 100%);
}
.rda-story-chapter--team::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23243a34' stroke-opacity='.18' stroke-width='1.1'%3E%3Ccircle cx='88' cy='88' r='34'/%3E%3Ccircle cx='210' cy='94' r='24'/%3E%3Ccircle cx='132' cy='200' r='30'/%3E%3Ccircle cx='236' cy='216' r='42'/%3E%3C/g%3E%3C/svg%3E");
}

.rda-story-chapter--timeline {
    background: linear-gradient(180deg, #fcfbf8 0%, #f5f4ef 100%);
}
.rda-story-chapter--timeline::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23243a34' stroke-opacity='.2' stroke-width='1.1'%3E%3Cpath d='M44 68h232'/%3E%3Cpath d='M44 132h168'/%3E%3Cpath d='M44 196h232'/%3E%3Cpath d='M44 260h152'/%3E%3Ccircle cx='88' cy='68' r='6'/%3E%3Ccircle cx='232' cy='132' r='6'/%3E%3Ccircle cx='128' cy='196' r='6'/%3E%3Ccircle cx='204' cy='260' r='6'/%3E%3C/g%3E%3C/svg%3E");
}

.rda-story-chapter--ribbon {
    background: linear-gradient(180deg, #ffffff 0%, #f6f5f0 100%);
}
.rda-story-chapter--resources {
    background: linear-gradient(180deg, #f2f2ed 0%, #faf9f5 100%);
}
.rda-story-chapter--resources::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23243a34' stroke-opacity='.19' stroke-width='1.1'%3E%3Crect x='62' y='64' width='82' height='102'/%3E%3Crect x='102' y='108' width='116' height='138'/%3E%3Cpath d='M122 142h76M122 166h76M122 190h54'/%3E%3C/g%3E%3C/svg%3E");
}

.rda-story-chapter--ribbon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23243a34' stroke-opacity='.18' stroke-width='1.1'%3E%3Cpath d='M44 224c32-22 58-78 94-78 28 0 40 32 68 32 28 0 48-24 74-24'/%3E%3Cpath d='M44 264c32-14 56-48 96-48 28 0 42 18 70 18 22 0 38-12 70-12'/%3E%3Cpath d='M58 112c22-8 40-34 70-34 28 0 42 26 66 26 30 0 44-24 78-24'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 767px) {
    .rda-story-chapter {
        padding: 56px 0;
    }

    .rda-story-chapter::before {
        width: min(52vw, 220px);
        height: min(52vw, 220px);
        top: 16px;
        right: 12px;
        opacity: .12;
    }

    .rda-story-chapter::after {
        bottom: 12px;
    }

    .rda-story-chapter__frame::before {
        left: 12px;
        right: 12px;
        border-radius: 18px;
    }
}

/* RDA motion system — v2.6 replayable, staggered and reduced-motion aware */
.rda-reveal,
.rda-animate-title .rda-title-word {
    opacity: 0;
    will-change: transform, opacity;
}

.rda-reveal {
    transition:
        opacity 700ms ease var(--rda-reveal-delay, 0ms),
        transform 800ms cubic-bezier(.2,.75,.25,1) var(--rda-reveal-delay, 0ms);
}

.rda-reveal--up { transform: translateY(34px); }
.rda-reveal--left { transform: translateX(-42px); }
.rda-reveal--right { transform: translateX(42px); }
.rda-reveal--scale { transform: scale(.97); }
.rda-reveal.is-visible { opacity: 1; transform: none; }

/* Related items arrive as a light cascade rather than simultaneously. */
.rda-story-meta__item {
    --rda-reveal-delay: calc(var(--rda-stagger-index, 0) * 85ms);
}
.rda-team-logo-tile {
    --rda-reveal-delay: calc(var(--rda-logo-index, 0) * 65ms);
}
.rda-timeline-item {
    --rda-reveal-delay: calc(min(var(--rda-timeline-index, 0), 4) * 80ms);
}

/* Major headings spell themselves in, followed by a short architectural rule. */
.rda-animate-title::after {
    content: '';
    display: block;
    width: min(160px,38%);
    height: 2px;
    margin-top: 18px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 850ms cubic-bezier(.2,.75,.25,1) 220ms;
}
.rda-animate-title.is-visible::after { transform: scaleX(1); }
.rda-title-word {
    display: inline-block;
    transform: translateY(.7em);
    transition:
        opacity 520ms ease calc(var(--rda-word-index) * 70ms),
        transform 650ms cubic-bezier(.2,.75,.25,1) calc(var(--rda-word-index) * 70ms);
}
.rda-animate-title.is-visible .rda-title-word { opacity: 1; transform: none; }

/* Standalone line drawing is used where the layout already contains a meaningful line. */
.rda-timeline-list::before {
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1100ms cubic-bezier(.2,.75,.25,1) 100ms;
}
.rda-timeline-list.rda-draw-line.is-visible::before { transform: scaleY(1); }

.rda-story-meta__item{border-radius:0!important;text-align:center;align-content:center;justify-items:center}
.rda-story-meta__item dt,.rda-story-meta__item dd{width:100%;text-align:center}

@media (prefers-reduced-motion: reduce) {
    .rda-reveal,
    .rda-animate-title .rda-title-word,
    .rda-animate-title::after,
    .rda-timeline-list::before {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Designing Living Infrastructure */
.rda-living-intro-section {
    padding: clamp(58px, 7vw, 92px) 0 clamp(28px, 3vw, 36px);
    background: transparent;
}

.rda-living-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 900px);
}

.rda-living-intro-prose {
    max-width: 780px;
    font-size: clamp(1.05rem, 1.45vw, 1.22rem);
}

.rda-living-parts-stack {
    display: grid;
    gap: clamp(18px, 2.5vw, 28px);
    padding-bottom: clamp(56px, 7vw, 90px);
}

.rda-living-part-section {
    padding: clamp(28px, 3.8vw, 40px);
    border-radius: 22px;
    background: rgba(255,255,255,.82);
    box-shadow: inset 0 0 0 1px rgba(32,37,36,.09);
}

.rda-living-part-section:nth-of-type(even) {
    background: rgba(241,239,232,.92);
}

.rda-living-part-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr);
    gap: clamp(34px, 6vw, 86px);
    align-items: center;
}

.rda-living-part-grid--reverse .rda-living-part-copy {
    order: 2;
}

.rda-living-part-grid--reverse .rda-living-part-media {
    order: 1;
}

.rda-living-part-grid--no-image {
    grid-template-columns: minmax(0, 850px);
}

.rda-living-part-kicker {
    margin: 0 0 10px;
    color: var(--rda-story-muted);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rda-story-subsection-title {
    margin: 0 0 clamp(18px, 2.5vw, 28px);
    font-size: clamp(1.75rem, 3.2vw, 3rem);
    line-height: 1.08;
    text-wrap: balance;
}

.rda-living-part-media {
    margin: 0;
}

.rda-living-part-image {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.rda-living-part-media figcaption {
    margin-top: 10px;
    color: var(--rda-story-muted);
    font-size: .88rem;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .rda-living-intro-section {
        padding: 44px 0 24px;
    }

    .rda-living-parts-stack {
        gap: 14px;
        padding-bottom: 42px;
    }

    .rda-living-part-section {
        padding: 20px 18px;
    }

    .rda-living-part-grid,
    .rda-living-part-grid--no-image {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .rda-living-part-grid--reverse .rda-living-part-copy,
    .rda-living-part-grid--reverse .rda-living-part-media {
        order: initial;
    }

    .rda-living-part-media {
        order: -1 !important;
    }
}


/* Landscape Systems table */
.rda-landscape-systems-section {
    padding: 0 0 clamp(58px, 7vw, 96px);
    border-bottom: 1px solid var(--rda-story-border);
}

.rda-landscape-systems-wrap {
    padding-top: clamp(10px, 2vw, 24px);
}

.rda-landscape-systems-heading {
    margin: 0 0 20px;
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    line-height: 1.2;
}

.rda-landscape-systems-table {
    border-top: 1px solid var(--rda-story-border);
    border-left: 1px solid var(--rda-story-border);
}

.rda-landscape-systems-table__head,
.rda-landscape-systems-row {
    display: grid;
    grid-template-columns: minmax(150px, .8fr) minmax(220px, 1.15fr) minmax(220px, 1.15fr);
}

.rda-landscape-systems-table__head > div,
.rda-landscape-system-cell {
    padding: 16px 18px;
    border-right: 1px solid var(--rda-story-border);
    border-bottom: 1px solid var(--rda-story-border);
}

.rda-landscape-systems-table__head > div {
    background: var(--rda-story-accent);
    color: var(--rda-story-white);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rda-landscape-systems-row {
    transition-delay: calc(var(--rda-row-index, 0) * 55ms);
}

.rda-landscape-systems-row:nth-child(odd) .rda-landscape-system-cell {
    background: rgba(244, 244, 241, .7);
}

.rda-landscape-system-cell {
    font-size: .98rem;
    line-height: 1.55;
}

.rda-landscape-system-component {
    font-weight: 700;
}

@media (max-width: 767px) {
    .rda-landscape-systems-section {
        padding-bottom: 50px;
    }

    .rda-landscape-systems-table {
        border: 0;
    }

    .rda-landscape-systems-table__head {
        display: none;
    }

    .rda-landscape-systems-row {
        display: block;
        margin-bottom: 14px;
        padding: 14px 16px;
        border: 1px solid var(--rda-story-border);
        background: var(--rda-story-white);
    }

    .rda-landscape-systems-row:nth-child(odd) .rda-landscape-system-cell {
        background: transparent;
    }

    .rda-landscape-system-cell {
        padding: 8px 0;
        border: 0;
    }

    .rda-landscape-system-cell::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 3px;
        color: var(--rda-story-muted);
        font-size: .7rem;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
    }
}


/* The Design Challenge */
.rda-design-challenge-section {
    padding: 0;
    background: transparent;
}

.rda-design-challenge-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
    gap: clamp(36px, 6vw, 88px);
    align-items: center;
}

.rda-design-challenge-grid--no-image {
    grid-template-columns: minmax(0, 860px);
}

.rda-design-challenge-prose {
    max-width: 760px;
}

.rda-design-challenge-media {
    margin: 0;
}

.rda-design-challenge-image {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.rda-design-challenge-media figcaption {
    margin-top: 10px;
    color: var(--rda-story-muted);
    font-size: .88rem;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .rda-design-challenge-section {
        padding: 0;
    }

    .rda-design-challenge-grid,
    .rda-design-challenge-grid--no-image {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .rda-design-challenge-media {
        order: -1;
    }
}

/* From Construction to Habitat */
.rda-construction-section {
    padding: 0;
    background: transparent;
}

.rda-construction-intro {
    max-width: 850px;
    margin-bottom: clamp(30px, 4vw, 52px);
}

.rda-construction-prose {
    max-width: 780px;
}

.rda-construction-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2.5vw, 30px);
}

.rda-construction-gallery-item {
    margin: 0;
    transition-delay: calc(var(--rda-gallery-index, 0) * 85ms);
}

.rda-construction-gallery-image {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.rda-construction-gallery-item figcaption {
    margin-top: 10px;
    color: var(--rda-story-muted);
    font-size: .9rem;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .rda-construction-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .rda-construction-section {
        padding: 0;
    }

    .rda-construction-intro {
        margin-bottom: 28px;
    }

    .rda-construction-gallery {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}


/* The Team Behind the Crossing */
.rda-team-section {
    padding: 0;
    background: transparent;
}

.rda-team-intro {
    max-width: 900px;
    margin-bottom: clamp(30px, 4vw, 48px);
}

.rda-team-prose {
    max-width: 820px;
}

.rda-team-logo-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.rda-team-logo-tile {
    min-height: 112px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--rda-story-border);
    transition-delay: calc(var(--rda-logo-index, 0) * 65ms);
}

.rda-team-logo-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 70px;
    object-fit: contain;
}

.rda-team-credit {
    margin: 18px 0 0;
    color: var(--rda-story-muted);
    font-size: .9rem;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .rda-team-logo-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .rda-team-section {
        padding: 0;
    }

    .rda-team-logo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .rda-team-logo-tile {
        min-height: 92px;
        padding: 14px;
    }

    .rda-team-logo-image {
        max-height: 58px;
    }
}

/* Project timeline updates */
.rda-timeline-section {
    padding: 0;
}

.rda-timeline-intro {
    max-width: 820px;
    margin-bottom: 42px;
}

.rda-timeline-list {
    position: relative;
    display: grid;
    gap: 28px;
}

.rda-timeline-list::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    width: 1px;
    background: currentColor;
    opacity: .16;
}

.rda-timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
    gap: clamp(28px, 5vw, 64px);
    margin-left: 52px;
    padding: 28px;
    border: 1px solid rgba(0,0,0,.1);
    background: #fff;
}

.rda-timeline-item::before {
    content: "";
    position: absolute;
    left: -43px;
    top: 34px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: currentColor;
}

.rda-timeline-item--no-image {
    grid-template-columns: 1fr;
}

.rda-timeline-date {
    margin: 0 0 8px;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .65;
}

.rda-timeline-copy h3 {
    margin: 0 0 14px;
    font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.rda-timeline-quote {
    margin: 22px 0 0;
    padding: 0 0 0 18px;
    border-left: 3px solid currentColor;
}

.rda-timeline-quote p {
    margin: 0;
    font-style: italic;
}

.rda-timeline-media {
    margin: 0;
}

.rda-timeline-image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.rda-timeline-media figcaption {
    margin-top: 8px;
    font-size: .85rem;
    opacity: .72;
}

@media (max-width: 760px) {
    .rda-timeline-item {
        grid-template-columns: 1fr;
        margin-left: 38px;
        padding: 22px;
    }

    .rda-timeline-list::before {
        left: 10px;
    }

    .rda-timeline-item::before {
        left: -36px;
        width: 15px;
        height: 15px;
    }
}

/* Image Gallery */
.rda-image-gallery-section {
    padding: clamp(64px, 8vw, 110px) 0;
}

.rda-image-gallery-intro {
    max-width: 820px;
    margin-bottom: 36px;
}

.rda-image-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 2vw, 24px);
}

.rda-image-gallery-item {
    margin: 0;
    transition-delay: calc(var(--rda-image-gallery-index, 0) * 55ms);
}

.rda-image-gallery-image {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.rda-image-gallery-item figcaption {
    margin-top: 9px;
    font-size: .86rem;
    line-height: 1.45;
    opacity: .72;
}

@media (max-width: 900px) {
    .rda-image-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .rda-image-gallery-grid {
        grid-template-columns: 1fr;
    }
}

/* v2.3 Countdown Field Notes */
.rda-field-notes-section {
    padding: clamp(64px, 8vw, 112px) 0;
    border-top: 1px solid var(--rda-story-border);
    background: var(--rda-story-surface);
}

.rda-field-notes-intro {
    max-width: 860px;
    margin-bottom: clamp(28px, 4vw, 48px);
}

.rda-field-notes-prose {
    max-width: 760px;
}

.rda-field-notes-track {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(12px, 1.6vw, 20px);
}

.rda-field-note-card {
    min-width: 0;
    border: 1px solid var(--rda-story-border);
    background: var(--rda-story-white);
    transition-delay: calc(var(--rda-field-note-index, 0) * 60ms);
}

.rda-field-note-media {
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: var(--rda-story-surface);
}

.rda-field-note-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rda-field-note-copy {
    padding: 15px 16px 18px;
}

.rda-field-note-month {
    margin: 0 0 7px;
    color: var(--rda-story-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.rda-field-note-copy h3 {
    margin: 0 0 9px;
    font-size: 1rem;
    line-height: 1.3;
}

.rda-field-note-copy p:last-child {
    margin-bottom: 0;
}

.rda-field-note-copy > p:not(.rda-field-note-month) {
    font-size: .9rem;
    line-height: 1.55;
}

@media (max-width: 960px) and (min-width: 768px) {
    .rda-field-notes-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .rda-field-notes-section {
        padding: 50px 0;
        overflow: hidden;
    }

    .rda-field-notes-track {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        padding: 0 0 14px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .rda-field-note-card {
        flex: 0 0 min(82vw, 310px);
        scroll-snap-align: start;
    }
}

/* v2.3 Ribbon-Cutting and Beyond */
.rda-ribbon-section {
    padding: 0;
    background: transparent;
}

.rda-ribbon-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr);
    gap: clamp(34px, 5vw, 70px);
    align-items: center;
}

.rda-ribbon-grid--no-image {
    grid-template-columns: minmax(0, 860px);
}

.rda-ribbon-media {
    margin: 0;
}

.rda-ribbon-image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.rda-ribbon-copy .rda-story-section-title {
    margin-bottom: 22px;
}

@media (max-width: 767px) {
    .rda-ribbon-section {
        padding: 0;
    }

    .rda-ribbon-grid,
    .rda-ribbon-grid--no-image {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .rda-ribbon-media {
        order: -1;
    }
}

/* v2.4 reusable media/table treatment */
.rda-living-part-table-media {
    margin: 0;
    align-self: center;
    min-width: 0;
}
.rda-living-part-table-media .rda-landscape-systems-table {
    width: 100%;
}

/* Construction / progress carousel — styled to echo the RDA homepage project carousel */
.rda-construction-slider {
    margin-top: clamp(30px, 4vw, 58px);
    position: relative;
}
.rda-construction-slider__viewport {
    position: relative;
    overflow: hidden;
}
.rda-construction-slider__track {
    --rda-carousel-gap: clamp(16px, 2vw, 28px);
    display: flex;
    gap: var(--rda-carousel-gap);
    transition: transform 520ms cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}
.rda-construction-slide {
    flex: 0 0 calc((100% - (var(--rda-carousel-gap) * 2)) / 3);
    margin: 0;
    min-width: 0;
}
.rda-construction-slide .rda-construction-gallery-image {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    transition: transform 650ms cubic-bezier(.22,.61,.36,1);
}
.rda-construction-slide:hover .rda-construction-gallery-image {
    transform: scale(1.025);
}
.rda-construction-slide figcaption {
    margin-top: 14px;
    max-width: 95%;
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--rda-muted, #5e6468);
}
.rda-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(20,35,45,.18);
    border-radius: 0;
    background: rgba(255,255,255,.96);
    color: #14232d;
    font-size: 30px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    transform: translateY(-50%);
    box-shadow: none;
    transition: background-color 180ms ease, color 180ms ease, opacity 180ms ease;
}
.rda-slider-arrow:hover,
.rda-slider-arrow:focus-visible {
    background: #14232d;
    color: #fff;
}
.rda-slider-arrow:disabled {
    opacity: .28;
    cursor: default;
}
.rda-slider-arrow--prev { left: 12px; }
.rda-slider-arrow--next { right: 12px; }
.rda-slider-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin-top: 22px;
}
.rda-slider-dot {
    width: 30px;
    height: 2px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #c6c9ca;
    cursor: pointer;
    transition: background-color 180ms ease, width 180ms ease;
}
.rda-slider-dot.is-active {
    width: 46px;
    background: #14232d;
}
.rda-slider-dot[hidden] { display: none; }

@media (max-width: 900px) {
    .rda-construction-slide {
        flex-basis: calc((100% - var(--rda-carousel-gap)) / 2);
    }
}
@media (max-width: 640px) {
    .rda-construction-slider__viewport {
        overflow: visible;
    }
    .rda-construction-slider {
        overflow: hidden;
    }
    .rda-construction-slider__track {
        --rda-carousel-gap: 16px;
    }
    .rda-construction-slide {
        flex-basis: 86%;
    }
    .rda-slider-arrow {
        top: calc(50% - 18px);
        width: 42px;
        height: 42px;
        line-height: 38px;
    }
    .rda-slider-arrow--prev { left: 8px; }
    .rda-slider-arrow--next { right: 8px; }
    .rda-slider-dots { margin-top: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .rda-construction-slider__track,
    .rda-construction-slide .rda-construction-gallery-image { transition: none; }
}


.rda-design-challenge-grid,
.rda-story-role-grid,
.rda-construction-intro,
.rda-team-intro,
.rda-timeline-intro,
.rda-ribbon-grid {
    position: relative;
}

.rda-design-challenge-grid,
.rda-ribbon-grid {
    padding: clamp(8px, 1vw, 12px) 0;
}

.rda-living-intro-prose,
.rda-design-challenge-prose,
.rda-construction-prose,
.rda-team-prose,
.rda-timeline-prose {
    max-width: 780px;
}


.rda-design-challenge-grid::after,
.rda-construction-intro::after,
.rda-team-intro::after,
.rda-timeline-intro::after,
.rda-ribbon-copy::after,
.rda-living-intro-copy::after,
.rda-story-role-copy::after {
    content: none;
}


.rda-living-part-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
    gap: clamp(32px, 4vw, 54px);
    align-items: center;
}

.rda-living-part-grid--no-image {
    grid-template-columns: minmax(0, 820px);
}

.rda-living-part-grid--reverse .rda-living-part-copy {
    order: 2;
}

.rda-living-part-grid--reverse .rda-living-part-media {
    order: 1;
}

.rda-story-chapter--living + .rda-story-chapter,
.rda-story-chapter--living + .rda-story-body,
.rda-story-chapter + .rda-story-chapter,
.rda-story-chapter + .rda-story-body,
.rda-story-body + .rda-story-related-project {
    margin-top: clamp(18px, 3vw, 28px);
}

@media (max-width: 900px) {
    .rda-living-part-grid,
    .rda-living-part-grid--no-image {
        grid-template-columns: 1fr;
    }

    .rda-living-part-grid--reverse .rda-living-part-copy,
    .rda-living-part-grid--reverse .rda-living-part-media {
        order: initial;
    }
}



.rda-story-chapter + .rda-story-chapter {
    box-shadow: 0 -1px 0 rgba(32,37,36,.05) inset;
}

/* v2.7.1: one line motif only — the animated underline beneath headings. */
.rda-story-chapter::after { content: none !important; }


/* Optional editor-selected chapter background image. */
.rda-story-chapter.has-custom-background::before {
    inset: 0;
    width: auto;
    height: auto;
    opacity: 1;
    background-image:
        linear-gradient(rgba(247,246,241,.76), rgba(247,246,241,.82)),
        var(--rda-chapter-bg-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.rda-story-chapter--living.has-custom-background::before {
    background-image:
        linear-gradient(rgba(248,246,239,.70), rgba(244,241,233,.78)),
        var(--rda-chapter-bg-image);
}

/* Without a custom image, make the built-in line art read more intentionally. */
.rda-story-chapter:not(.has-custom-background)::before {
    width: min(42vw, 520px);
    height: min(42vw, 520px);
    opacity: .26;
}

/* Restore consistent breathing room now that the extra rules are gone. */
.rda-story-chapter {
    padding-top: clamp(82px, 9vw, 126px);
    padding-bottom: clamp(82px, 9vw, 126px);
}

@media (max-width: 767px) {
    .rda-story-chapter {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .rda-story-chapter:not(.has-custom-background)::before {
        width: min(62vw, 260px);
        height: min(62vw, 260px);
        opacity: .20;
    }
}


/* v2.7.2: custom-background chapters begin flush so the image reads as the full chapter. */
.rda-story-chapter + .rda-story-chapter.has-custom-background,
.rda-story-chapter--living + .rda-story-chapter.has-custom-background {
    margin-top: 0;
}



/* v2.8 Press & Case Study Resources */
.rda-resources-intro {
    max-width: 900px;
    margin-bottom: clamp(34px, 5vw, 56px);
}
.rda-resources-prose { max-width: 760px; }
.rda-resources-list {
    display: grid;
    border-top: 1px solid rgba(32,37,36,.18);
}
.rda-resource-row {
    display: grid;
    grid-template-columns: 74px minmax(0,1fr) auto;
    gap: 22px;
    align-items: center;
    min-height: 86px;
    padding: 17px 4px;
    border-bottom: 1px solid rgba(32,37,36,.18);
    color: inherit;
    text-decoration: none;
    --rda-reveal-delay: calc(var(--rda-resource-index, 0) * 70ms);
    transition-property: opacity, transform, background-color;
}
.rda-resource-row:hover,
.rda-resource-row:focus-visible { background: rgba(255,255,255,.58); }
.rda-resource-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    min-height: 38px;
    padding: 6px 8px;
    border: 1px solid rgba(36,58,52,.5);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .09em;
}
.rda-resource-label {
    font-size: clamp(1.05rem, 1.8vw, 1.35rem);
    line-height: 1.3;
}
.rda-resource-action {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Story-specific footer sits above the theme footer. */
.rda-story-footer {
    background: #202827;
    color: #fff;
    padding: clamp(34px, 5vw, 56px) 0;
}
.rda-story-footer__inner {
    display: grid;
    grid-template-columns: minmax(180px,.7fr) minmax(0,1.3fr);
    gap: 24px 48px;
    align-items: start;
}
.rda-story-footer__brand {
    display: grid;
    gap: 7px;
}
.rda-story-footer__brand strong {
    font-size: .9rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.rda-story-footer__brand span,
.rda-story-footer__disclaimer {
    color: rgba(255,255,255,.66);
    font-size: .82rem;
    line-height: 1.55;
}
.rda-story-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 28px;
    justify-content: flex-end;
}
.rda-story-footer__links a {
    color: #fff !important;
    text-decoration: none;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .04em;
}
.rda-story-footer__links a:hover,
.rda-story-footer__links a:focus-visible { opacity: .72; }
.rda-story-footer__disclaimer {
    grid-column: 1 / -1;
    max-width: 900px;
    margin: 4px 0 0;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.16);
}

@media (max-width: 767px) {
    .rda-resource-row {
        grid-template-columns: 58px minmax(0,1fr);
        gap: 14px;
        min-height: 76px;
    }
    .rda-resource-badge { width: 48px; min-height: 34px; }
    .rda-resource-action { grid-column: 2; }
    .rda-story-footer__inner { grid-template-columns: 1fr; }
    .rda-story-footer__links { justify-content: flex-start; }
    .rda-story-footer__disclaimer { grid-column: auto; }
}

/* v2.8.3 Story-ending CTA + resource type polish */
.rda-story-related-project + .rda-story-chapter--resources { margin-top: 0; }
.rda-resource-badge { min-width: 56px; width: auto; }


/* v2.8.4 — flexible Living Infrastructure part layouts */
.rda-living-part-grid--no-image,
.rda-living-part-grid--title-only,
.rda-living-part-grid--media-only {
    grid-template-columns: minmax(0, 1fr);
}

/* Text-only parts keep the established readable prose measure. */
.rda-living-part-grid--no-image .rda-living-part-copy,
.rda-living-part-grid--title-only .rda-living-part-copy {
    width: 100%;
}

.rda-living-part-grid--no-image .rda-living-part-prose {
    max-width: 840px;
}

/* Media-only parts: title remains full-width above; image/table becomes the centered focal point. */
.rda-living-part-grid--media-only {
    gap: clamp(24px, 3vw, 36px);
}

.rda-living-part-grid--media-only .rda-living-part-copy {
    order: 1 !important;
    width: 100%;
}

.rda-living-part-grid--media-only .rda-living-part-media {
    order: 2 !important;
    width: min(100%, 1040px);
    margin-inline: auto;
}

.rda-living-part-grid--media-only .rda-living-part-image {
    width: 100%;
}

.rda-living-part-grid--media-only .rda-living-part-table-media {
    max-width: none;
}

.rda-living-part-grid--media-only .rda-landscape-systems-table {
    width: 100%;
}

/* v2.8.4 — join the Story footer directly to the site's copyright footer. */
.single-story .rda-story-footer {
    margin-bottom: 0 !important;
}

.single-story .rda-story-main,
.single-story .rda-story-main > article.rda-story {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* BeTheme can output an empty footer widgets wrapper above footer_copy; collapse it on Story pages. */
.single-story #Footer .widgets_wrapper {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-story #Footer,
.single-story #Footer .footer_copy,
.single-story #Footer .footer_copy .one {
    margin-top: 0 !important;
}


/* ==========================================================
   v2.8.8 — approved Story typography, captions, CTA and footer
   ========================================================== */

:root {
    --rda-story-text: #000000;
    --rda-story-muted: #000000;
    --rda-story-accent: #000000;
}

/* Main Story title */
.single-story .rda-story-title {
    font-size: 116px !important;
    font-weight: 700 !important;
    line-height: 1em !important;
    letter-spacing: -0.04em !important;
    color: #0a0a0a !important;
}

/* Main Story title: character-by-character "appear from right" treatment,
   modeled on the site's Qode/Elementor animated headings. */
.single-story .rda-story-title.rda-animate-title .rda-title-character,
.rda-stories-archive__title.rda-animate-title .rda-title-character {
    display: inline-block;
    opacity: 0;
    transform: translateX(.55em);
    transition:
        opacity 420ms ease var(--rda-char-delay),
        transform 620ms cubic-bezier(.22,.72,.24,1) var(--rda-char-delay);
    will-change: opacity, transform;
}
.single-story .rda-story-title.rda-animate-title .rda-title-space,
.rda-stories-archive__title.rda-animate-title .rda-title-space {
    display: inline-block;
    width: .28em;
}
.single-story .rda-story-title.rda-animate-title.is-visible .rda-title-character,
.rda-stories-archive__title.rda-animate-title.is-visible .rda-title-character {
    opacity: 1;
    transform: translateX(0);
}

/* Section 1 subheading */
.single-story .rda-story-subheading {
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #3A4346 !important;
}

/* Story section titles #2–9. Resource rows/badges keep their existing treatment. */
.single-story .rda-story-chapter .rda-story-section-title {
    font-size: 95px !important;
    font-weight: 700 !important;
    line-height: 1em !important;
    letter-spacing: -0.04em !important;
    color: #0a0a0a !important;
}

/* Parts 1–6 titles and all quotes. Timeline update titles remain unchanged. */
.single-story .rda-story-subsection-title,
.single-story .rda-story-pull-quote p,
.single-story .rda-timeline-quote p {
    font-size: 32px !important;
    font-weight: 400 !important;
    color: #3A4346 !important;
}

/* The old outer-article reset must not cancel the nested Part 1–6 bottom padding. */
.single-story .rda-story-main > article.rda-story {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.single-story .rda-living-part-section {
    padding: clamp(28px, 3.8vw, 40px) !important;
}

/* Picture captions across every Story figure. */
.single-story .rda-story-main figcaption {
    margin-top: 10px !important;
    color: #0a0a0a !important;
    font-size: .88rem !important;
    line-height: 1.5 !important;
    opacity: 1 !important;
}

/* End-of-story CTA */
.single-story .rda-story-related-project {
    background: #000000 !important;
}
.single-story .rda-story-button--project {
    min-height: 0;
    padding: 0 0 4px;
    background: transparent;
    color: #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
    text-decoration: none !important;
}
.single-story .rda-story-button--project:hover,
.single-story .rda-story-button--project:focus-visible {
    color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

/* Story-specific footer: links left, event note right, all on one desktop row. */
.single-story .rda-story-footer {
    background: #000000 !important;
    color: #ffffff;
}
.single-story .rda-story-footer__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
    gap: 32px 56px;
    align-items: center;
}
.single-story .rda-story-footer__links {
    grid-column: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 14px 28px;
    white-space: nowrap;
}
.single-story .rda-story-footer__disclaimer {
    grid-column: 2;
    max-width: none;
    margin: 0;
    padding: 0;
    border-top: 0;
    text-align: right;
}

@media (max-width: 1100px) {
    .single-story .rda-story-footer__inner {
        grid-template-columns: 1fr;
        align-items: start;
    }
    .single-story .rda-story-footer__links,
    .single-story .rda-story-footer__disclaimer {
        grid-column: 1;
    }
    .single-story .rda-story-footer__links {
        flex-wrap: wrap;
        white-space: normal;
    }
    .single-story .rda-story-footer__disclaimer {
        text-align: left;
    }
}

/* Responsive reductions for the specified large desktop headings. */
@media (max-width: 960px) {
    .single-story .rda-story-title { font-size: clamp(64px, 11vw, 92px) !important; }
    .single-story .rda-story-chapter .rda-story-section-title {
        font-size: clamp(54px, 9vw, 76px) !important;
    }
}

@media (max-width: 767px) {
    .single-story .rda-story-title { font-size: clamp(48px, 14vw, 68px) !important; }
    .single-story .rda-story-chapter .rda-story-section-title {
        font-size: clamp(44px, 12vw, 60px) !important;
    }
    .single-story .rda-story-subheading,
    .single-story .rda-story-subsection-title,
    .single-story .rda-story-pull-quote p,
    .single-story .rda-timeline-quote p {
        font-size: 28px !important;
    }
}


@media (max-width: 767px) {
    .rda-stories-archive__header {
        min-height: 500px;
        padding: 118px 0 74px;
    }

    .rda-stories-archive__title {
        font-size: clamp(3.8rem, 20vw, 5.7rem) !important;
        line-height: .94 !important;
    }

    .rda-stories-archive__intro {
        max-width: 32rem;
        font-size: 1.08rem !important;
    }

    .rda-stories-archive__content {
        padding-top: 62px;
    }
}


/* Individual Story pages: match RDA's image-first transparent-header pages.
   The site header is 90px high on desktop, so pull only the hero image behind it;
   title/subheading/meta remain in the light section below the image. */
.single-story .rda-story-hero__media {
    width: 100vw;
    margin: -90px 0 clamp(44px, 5vw, 68px) calc(50% - 50vw) !important;
    border-radius: 0 !important;
}

.single-story .rda-story-hero__image {
    width: 100%;
    height: clamp(430px, 55vw, 620px);
    max-height: none;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
}

/* Keep Story hero copy clearly below the image, like About and other RDA pages. */
.single-story .rda-story-hero > .rda-story-container {
    position: relative;
    z-index: 1;
}


@media (max-width: 991px) {
    .rda-stories-archive__hero-media,
    .single-story .rda-story-hero__media {
        margin-top: -90px !important;
    }

    .rda-stories-archive__hero-image,
    .single-story .rda-story-hero__image {
        height: clamp(360px, 62vw, 520px);
    }
}

@media (max-width: 767px) {
    .rda-stories-archive__hero-media,
    .single-story .rda-story-hero__media {
        margin-top: -80px !important;
    }

    .rda-stories-archive__hero-image,
    .single-story .rda-story-hero__image {
        height: clamp(310px, 72vw, 440px);
    }

    .rda-stories-archive__header {
        min-height: 0;
        padding: 54px 0 48px;
    }

    .rda-stories-archive__title {
        font-size: clamp(3.8rem, 20vw, 5.7rem) !important;
        line-height: .94 !important;
    }

    .rda-stories-archive__intro {
        max-width: 32rem;
        font-size: 1.08rem !important;
    }

    .rda-stories-archive__content {
        padding-top: 0;
    }
}


/* ==========================================================
   v2.8.15 — Stories archive editable hero slider + seam fix
   ========================================================== */

/* Overlap the transparent header boundary slightly so no page-background
   seam can appear between the viewport top and the hero imagery. */
.rda-stories-archive .rda-stories-hero-slider,
.single-story .rda-story-hero__media {
    margin-top: -92px !important;
    transform: translateY(-2px);
}

.rda-stories-hero-slider {
    position: relative;
    width: 100vw;
    height: clamp(430px, 55vw, 620px);
    margin-right: 0;
    margin-bottom: 0;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    background: #0a0a0a;
}

.rda-stories-hero-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease, visibility 1s ease;
}

.rda-stories-hero-slide.is-active {
    opacity: 1;
    visibility: visible;
}

.rda-stories-hero-slide .rda-stories-archive__hero-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 991px) {
    .rda-stories-archive .rda-stories-hero-slider,
    .single-story .rda-story-hero__media {
        margin-top: -92px !important;
    }

    .rda-stories-hero-slider {
        height: clamp(360px, 62vw, 520px);
    }
}

@media (max-width: 767px) {
    .rda-stories-archive .rda-stories-hero-slider,
    .single-story .rda-story-hero__media {
        margin-top: -82px !important;
    }

    .rda-stories-hero-slider {
        height: clamp(310px, 72vw, 440px);
    }
}


/* ==========================================================
   v2.8.17 — Ken Burns hero movement
   ========================================================== */
.rda-stories-hero-slider {
    --rda-slider-transition: 1s;
    --rda-ken-burns-duration: 10s;
    --rda-ken-burns-zoom: 1.10;
}

.rda-stories-hero-slide {
    transition-duration: var(--rda-slider-transition);
}

.rda-stories-hero-slide .rda-stories-archive__hero-image {
    transform: scale(1);
    transform-origin: center center;
    transition: none;
    will-change: transform;
}

.rda-stories-hero-slider.has-ken-burns .rda-stories-hero-slide.is-active .rda-stories-archive__hero-image {
    animation: rdaKenBurns var(--rda-ken-burns-duration) ease-out both;
}

.rda-stories-hero-slider.has-ken-burns .rda-stories-hero-slide:nth-child(even).is-active .rda-stories-archive__hero-image {
    animation-name: rdaKenBurnsReverse;
}

@keyframes rdaKenBurns {
    0% {
        transform: scale(1) translate3d(0, 0, 0);
        transform-origin: 35% 45%;
    }
    100% {
        transform: scale(var(--rda-ken-burns-zoom)) translate3d(-1.2%, -0.6%, 0);
        transform-origin: 60% 50%;
    }
}

@keyframes rdaKenBurnsReverse {
    0% {
        transform: scale(1) translate3d(0, 0, 0);
        transform-origin: 65% 50%;
    }
    100% {
        transform: scale(var(--rda-ken-burns-zoom)) translate3d(1.2%, 0.6%, 0);
        transform-origin: 40% 45%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rda-stories-hero-slider.has-ken-burns .rda-stories-hero-slide.is-active .rda-stories-archive__hero-image {
        animation: none !important;
    }
}




/* ==========================================================
   v2.8.19 — seamless Ken Burns crossfade
   ========================================================== */
.rda-stories-hero-slide.is-outgoing {
    opacity: 0;
    visibility: visible;
    z-index: 1;
}

.rda-stories-hero-slide.is-active {
    z-index: 2;
}

/* Let the outgoing image continue the exact same Ken Burns animation
   while its slide fades away. No transform reset occurs at transition start. */
.rda-stories-hero-slider.has-ken-burns .rda-stories-hero-slide.is-outgoing .rda-stories-archive__hero-image {
    animation: rdaKenBurns var(--rda-ken-burns-duration) ease-out both;
}

.rda-stories-hero-slider.has-ken-burns .rda-stories-hero-slide:nth-child(even).is-outgoing .rda-stories-archive__hero-image {
    animation-name: rdaKenBurnsReverse;
}

@media (prefers-reduced-motion: reduce) {
    .rda-stories-hero-slider.has-ken-burns .rda-stories-hero-slide.is-outgoing .rda-stories-archive__hero-image {
        animation: none !important;
    }
}


/* ==========================================================
   v2.8.20 — RDA mobile typography + Parts 1–6 content order
   ========================================================== */

@media (max-width: 767px) {
    /*
     * Match the responsive scale used elsewhere on the RDA site:
     * large animated page titles ~40px; large secondary headings ~38px;
     * supporting/subheading treatments ~18–20px.
     */

    /* Story single main title + Stories archive title */
    .single-story .rda-story-title,
    .rda-stories-archive__title {
        font-size: 40px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: -0.04em !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
        text-wrap: balance;
    }

    /*
     * The character-animation spans must not force mid-word wrapping.
     * Each word becomes an unbreakable inline group while its characters
     * can still animate individually.
     */
    .single-story .rda-story-title.rda-animate-title .rda-title-word-holder,
    .rda-stories-archive__title.rda-animate-title .rda-title-word-holder {
        display: inline-block;
        white-space: nowrap;
    }

    /* Story section headings #2–9 */
    .single-story .rda-story-chapter .rda-story-section-title {
        font-size: 38px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: -0.04em !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    /* Section 1 subheading, quotes, and Parts 1–6 titles */
    .single-story .rda-story-subheading,
    .single-story .rda-story-quote,
    .single-story blockquote,
    .single-story .rda-living-part-title {
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;
        color: #3A4346 !important;
    }

    .single-story .rda-story-subheading {
        line-height: 1 !important;
    }

    /* Keep ordinary Story/archive copy in line with the site's mobile scale. */
    .single-story .rda-story-prose p,
    .single-story .rda-story-prose li,
    .single-story .rda-living-part-prose p,
    .single-story .rda-living-part-prose li,
    .rda-stories-archive__intro,
    .rda-story-card__content p {
        font-size: 17px !important;
        line-height: 1.65 !important;
    }

    .single-story .rda-story-caption,
    .single-story figcaption {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /*
     * Parts 1–6: desktop may alternate media left/right, but on mobile
     * the reading order is always title/copy first and table/image second.
     */
    .single-story .rda-living-part-grid,
    .single-story .rda-living-part-grid.rda-living-part-grid--reverse {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
    }

    .single-story .rda-living-part-copy {
        order: 1 !important;
        width: 100% !important;
    }

    .single-story .rda-living-part-media {
        order: 2 !important;
        width: 100% !important;
    }

    /* Tables should use the full card width below the copy. */
    .single-story .rda-living-part-media table,
    .single-story .rda-living-part-table {
        width: 100% !important;
        max-width: 100% !important;
    }
}


.single-story .rda-story-title.rda-animate-title .rda-title-word-holder,
.rda-stories-archive__title.rda-animate-title .rda-title-word-holder {
    display: inline-block;
}


/* ==========================================================
   v2.8.21 — carousel navigation aligned with RDA homepage
   ========================================================== */
.single-story .rda-construction-slider .rda-slider-arrow {
    width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    border: 1px solid rgba(10, 10, 10, .48) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .88) !important;
    color: #0a0a0a !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease !important;
}

.single-story .rda-construction-slider .rda-slider-arrow > span {
    display: block;
    font-size: 27px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-1px);
}

.single-story .rda-construction-slider .rda-slider-arrow:hover,
.single-story .rda-construction-slider .rda-slider-arrow:focus-visible {
    background: #0a0a0a !important;
    border-color: #0a0a0a !important;
    color: #ffffff !important;
}

.single-story .rda-construction-slider .rda-slider-arrow--prev {
    left: 18px !important;
}

.single-story .rda-construction-slider .rda-slider-arrow--next {
    right: 18px !important;
}

.single-story .rda-construction-slider .rda-slider-arrow:disabled {
    opacity: .32 !important;
}

@media (max-width: 767px) {
    .single-story .rda-construction-slider .rda-slider-arrow {
        width: 44px !important;
        height: 44px !important;
    }

    .single-story .rda-construction-slider .rda-slider-arrow > span {
        font-size: 23px;
    }

    .single-story .rda-construction-slider .rda-slider-arrow--prev {
        left: 10px !important;
    }

    .single-story .rda-construction-slider .rda-slider-arrow--next {
        right: 10px !important;
    }
}


/* ==========================================================
   v2.8.22 — Homepage-matched carousel arrows + Story typography
   ========================================================== */

/*
 * Match the homepage "Our work spans landscapes of every scale" carousel:
 * thin white line arrows placed directly over the photography,
 * with no button box, border, circle, or background.
 */
.single-story .rda-construction-slider__arrow {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
}

.single-story .rda-construction-slider__arrow::before,
.single-story .rda-construction-slider__arrow::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    background: #ffffff !important;
    transition: transform .2s ease, opacity .2s ease !important;
}

/* Long horizontal shaft */
.single-story .rda-construction-slider__arrow::before {
    width: 38px !important;
    height: 2px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Angled arrow head, drawn with borders so it stays crisp */
.single-story .rda-construction-slider__arrow::after {
    width: 16px !important;
    height: 16px !important;
    top: 50% !important;
    background: transparent !important;
}

.single-story .rda-construction-slider__arrow--prev::after {
    left: 10px !important;
    border-left: 2px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.single-story .rda-construction-slider__arrow--next::after {
    right: 10px !important;
    border-right: 2px solid #ffffff !important;
    border-top: 2px solid #ffffff !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.single-story .rda-construction-slider__arrow:hover,
.single-story .rda-construction-slider__arrow:focus-visible {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.single-story .rda-construction-slider__arrow:hover::before,
.single-story .rda-construction-slider__arrow:hover::after,
.single-story .rda-construction-slider__arrow:focus-visible::before,
.single-story .rda-construction-slider__arrow:focus-visible::after {
    opacity: .72 !important;
}

/* Parts 1–6 titles: use the requested bold treatment everywhere. */
.single-story .rda-living-part-title {
    font-weight: 700 !important;
}

/* Story quotes: retain their existing size/color, but remove italics. */
.single-story .rda-story-quote,
.single-story blockquote,
.single-story .rda-story-quote *,
.single-story blockquote * {
    font-style: normal !important;
}

/* Keep the homepage-style arrows proportional on phones. */
@media (max-width: 767px) {
    .single-story .rda-construction-slider__arrow {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
    }

    .single-story .rda-construction-slider__arrow::before {
        width: 32px !important;
        height: 2px !important;
    }

    .single-story .rda-construction-slider__arrow::after {
        width: 14px !important;
        height: 14px !important;
    }

    .single-story .rda-construction-slider__arrow--prev::after {
        left: 8px !important;
    }

    .single-story .rda-construction-slider__arrow--next::after {
        right: 8px !important;
    }

    /* v2.8.20 used 400 here; override it so Part titles stay bold on mobile too. */
    .single-story .rda-living-part-title {
        font-weight: 700 !important;
    }
}


/* ==========================================================
   v2.8.23 — corrected live selectors
   ========================================================== */

/* ACTUAL carousel button selector from single-story.php:
   .rda-slider-arrow / --prev / --next */
.single-story .rda-construction-slider .rda-slider-arrow {
    position: absolute !important;
    top: 50% !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
    overflow: visible !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Hide the literal arrow character in the markup; draw the homepage arrow exactly
   as a thin shaft plus open angled head. */
.single-story .rda-construction-slider .rda-slider-arrow > span {
    display: none !important;
}

.single-story .rda-construction-slider .rda-slider-arrow::before,
.single-story .rda-construction-slider .rda-slider-arrow::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    pointer-events: none !important;
}

/* shaft */
.single-story .rda-construction-slider .rda-slider-arrow::before {
    top: 50% !important;
    left: 50% !important;
    width: 38px !important;
    height: 2px !important;
    background: #ffffff !important;
    transform: translate(-50%, -50%) !important;
}

/* arrow head */
.single-story .rda-construction-slider .rda-slider-arrow::after {
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    background: transparent !important;
}

.single-story .rda-construction-slider .rda-slider-arrow--prev {
    left: 24px !important;
}
.single-story .rda-construction-slider .rda-slider-arrow--prev::after {
    left: 9px !important;
    border-left: 2px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.single-story .rda-construction-slider .rda-slider-arrow--next {
    right: 24px !important;
}
.single-story .rda-construction-slider .rda-slider-arrow--next::after {
    right: 9px !important;
    border-right: 2px solid #ffffff !important;
    border-top: 2px solid #ffffff !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.single-story .rda-construction-slider .rda-slider-arrow:hover,
.single-story .rda-construction-slider .rda-slider-arrow:focus-visible {
    border: 0 !important;
    background: transparent !important;
    color: transparent !important;
    box-shadow: none !important;
}

.single-story .rda-construction-slider .rda-slider-arrow:hover::before,
.single-story .rda-construction-slider .rda-slider-arrow:hover::after,
.single-story .rda-construction-slider .rda-slider-arrow:focus-visible::before,
.single-story .rda-construction-slider .rda-slider-arrow:focus-visible::after {
    opacity: .72 !important;
}

.single-story .rda-construction-slider .rda-slider-arrow:disabled {
    opacity: .35 !important;
}

/* ACTUAL Parts 1–6 title selector from single-story.php. */
.single-story .rda-living-part-section .rda-story-subsection-title {
    font-weight: 700 !important;
}

/* ACTUAL timeline update title selector. */
.single-story .rda-timeline-copy h3 {
    font-weight: 700 !important;
}

/* Remove italics from every Story quote variant, including timeline quotes. */
.single-story .rda-story-pull-quote,
.single-story .rda-story-pull-quote p,
.single-story .rda-timeline-quote,
.single-story .rda-timeline-quote p,
.single-story blockquote,
.single-story blockquote p {
    font-style: normal !important;
}

@media (max-width: 767px) {
    .single-story .rda-construction-slider .rda-slider-arrow {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
    }

    .single-story .rda-construction-slider .rda-slider-arrow::before {
        width: 34px !important;
    }

    .single-story .rda-construction-slider .rda-slider-arrow::after {
        width: 14px !important;
        height: 14px !important;
    }

    .single-story .rda-construction-slider .rda-slider-arrow--prev {
        left: 12px !important;
    }
    .single-story .rda-construction-slider .rda-slider-arrow--prev::after {
        left: 8px !important;
    }

    .single-story .rda-construction-slider .rda-slider-arrow--next {
        right: 12px !important;
    }
    .single-story .rda-construction-slider .rda-slider-arrow--next::after {
        right: 8px !important;
    }

    .single-story .rda-living-part-section .rda-story-subsection-title,
    .single-story .rda-timeline-copy h3 {
        font-weight: 700 !important;
    }
}