/* New retreat detail — Figma Section 1 (Hero) overrides */

body.ashrams-retreat-detail-new-page {
    background: #fff;
    overflow-x: hidden;
    max-width: 100%;
}

html:has(body.ashrams-retreat-detail-new-page) {
    overflow-x: hidden;
    max-width: 100%;
}

body.ashrams-retreat-detail-new-page .ashrams-footer {
    margin-top: 0;
}

/* Must stay overflow-visible so section nav position:sticky can pin to the viewport */
body.ashrams-retreat-detail-new-page .ard.ard--new {
    --ard-rail-reclaim: 0rem;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    overflow-x: visible;
}

@media (min-width: 75rem) {
    .ard--new {
        --ard-rail-reclaim: 3.5rem;
    }
}

.ard--new .ard__page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 90rem;
    height: 4.9375rem;
    margin: 0 auto;
    padding: 2rem 2.5rem;
    box-sizing: border-box;
}

.ard--new .ard__page-header-logo,
.ard--new .ard__page-header-region {
    display: inline-flex;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #55433d;
    white-space: nowrap;
}

.ard--new .ard__page-header-logo {
    text-decoration: none;
}

.ard--new .ard__page-header-logo:hover,
.ard--new .ard__page-header-logo:visited,
.ard--new .ard__page-header-logo:focus {
    color: #55433d;
    text-decoration: none;
}

.ard--new .ard__hero--new {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 8rem 3rem 0;
    box-sizing: border-box;
    text-align: center;
}

.ard--new .ard__hero-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 74rem;
    padding: 0 clamp(0px, 9vw, 9rem) 10rem;
    box-sizing: border-box;
}

.ard--new .ard__hero-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 56rem;
    margin: 0 auto;
    text-align: center;
}

.ard--new .ard__hero-eyebrow-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    width: 100%;
    max-width: 44.5rem;
    height: 0.9375rem;
    margin: 0 auto 1.5rem;
    padding: 0;
    box-sizing: content-box;
}

.ard--new .ard__hero-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4em;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 0.9375rem;
    margin: 0;
    padding: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.225rem;
    text-transform: uppercase;
    text-align: center;
    color: #6b7280;
}

.ard--new .ard__hero-eyebrow-brand {
    color: #984629;
    letter-spacing: 0.225rem;
}

.ard--new .ard__hero-eyebrow-mobile {
    display: none;
}

.ard--new .ard__hero-title {
    margin: 0 0 2rem;
    max-width: 63.75rem;
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 3.125rem;
    line-height: 3.125rem;
    letter-spacing: -0.06875rem;
    color: #55433D;
}

.ard--new .ard__hero-sub-margin {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 42rem;
    margin: 0 auto;
    padding: 0 0 2.5rem;
    box-sizing: border-box;
}

.ard--new .ard__hero-sub-wrap {
    width: 37.3125rem;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.ard--new .ard__hero-sub {
    display: block;
    width: 36.875rem;
    max-width: 100%;
    min-height: 5.25rem;
    margin: 0;
    padding: 0;
    color: #55433D;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1rem;
    line-height: 1.75rem;
    text-align: center;
}

.ard--new .ard__hero-meta-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: 'Libre Caslon Text', Georgia, serif;
    font-weight: 100;
    font-synthesis: none;
    color: rgba(26, 26, 26, 0.68);
}

.ard--new .ard__hero-meta-group {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.375rem;
    padding: 0;
}

.ard--new .ard__hero-meta-group--duration {
    gap: 0.4375rem;
}

.ard--new .ard__hero-meta-group--season {
    gap: 0.625rem;
}

.ard--new .ard__hero-meta-divider {
    flex: none;
    display: block;
    width: 1px;
    height: 1.125rem;
    margin: 0 1.5rem;
    background: rgba(196, 198, 203, 0.55);
}

.ard--new .ard__hero-meta-text {
    display: inline-block;
    font-family: 'Libre Caslon Text', Georgia, serif;
    font-weight: 100;
    font-synthesis: none;
    color: inherit;
}

.ard--new .ard__hero-meta-text--num {
    font-style: normal;
    font-weight: 100;
    font-size: 1.25rem;
    line-height: 1.2;
}

.ard--new .ard__hero-meta-text--italic {
    font-family: 'Libre Caslon Text', Georgia, serif;
    font-style: italic;
    font-weight: 100;
    font-synthesis: none;
    font-size: 1.125rem;
    line-height: 1.2;
}

.ard--new .ard__hero-meta-text--upper {
    font-style: normal;
    font-weight: 100;
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
}

.ard--new .ard__hero-meta-text--dash {
    font-style: normal;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0;
}

.ard--new .ard__hero-media {
    width: 100%;
    max-width: 56.0625rem;
    margin: 3.5rem auto 0;
    padding: 0;
    align-self: stretch;
}

.ard--new .ard__hero-slider {
    position: relative;
    width: 100%;
    max-width: 56.0625rem;
    height: auto;
    border-radius: 0.625rem;
    overflow: hidden;
    background: #f7f5f2;
}

.ard--new .ard__hero-swiper {
    width: 100%;
    max-width: 56.0625rem;
    aspect-ratio: 897 / 532;
    overflow: hidden;
}

.ard--new .ard__hero-swiper .swiper-slide,
.ard--new .ard__hero-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.ard--new .ard__hero-swiper .swiper-slide img {
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 0.625rem;
}

.ard--new .ard__hero-view-all {
    position: absolute;
    right: 0.681875rem;
    bottom: 0.625rem;
    z-index: 2;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    width: auto;
    height: 2.75rem;
    margin: 0;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 0.625rem;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(2px);
    box-shadow:
        0 0.25rem 0.375rem rgba(0, 0, 0, 0.1),
        0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1);
    font-family: 'Work Sans', system-ui, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem;
    text-transform: uppercase;
    color: #1a1c1b;
    cursor: pointer;
}

.ard--new .ard__hero-view-all i {
    display: block;
    width: 0.885625rem;
    height: 0.885625rem;
    font-size: 0.885625rem;
    line-height: 1;
    color: #1a1c1b;
}

.ard--new .ard__hero-view-all span {
    display: block;
    letter-spacing: 0.04375rem;
}


.ard--new .ard__hero-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 56.0625rem;
    margin: 3.5rem auto 0;
    padding: 0 2px 0 10px;
    min-height: 1.25rem;
    visibility: visible;
}

.ard--new .ard__hero-dots {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 1.25rem;
}

.ard--new .ard__hero-dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    border: none;
    padding: 0;
    background: #9ca3af;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.25s ease;
}

.ard--new .ard__hero-dot.is-active {
    background: #4b5563;
    width: 0.5rem;
}

.ard--new .ard__hero-arrows {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    min-height: 1.25rem;
}

.ard--new .ard__hero-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border: none;
    background: transparent;
    color: #1a1c1c;
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.ard--new .ard__hero-arrow i {
    display: block;
    font-size: 0.75rem;
    line-height: 1;
}

.ard--new .ard__hero-arrow:hover:not(:disabled) {
    color: #4b5563;
}

.ard--new .ard__hero-arrow:disabled,
.ard--new .ard__hero-arrow.is-disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

/* Hero — Figma mobile @ 393px (≤999px; desktop unchanged) */
@media (max-width: 999px) {
    .ard--new .ard__page-header {
        height: 3.5rem;
        padding: 0 1.25rem;
    }

    .ard--new .ard__page-header-logo,
    .ard--new .ard__page-header-region {
        font-size: 0.6875rem;
        line-height: 1;
        letter-spacing: 0.18em;
        color: #2a2a2a;
        display: none;
    }

    .ard--new .ard__hero--new {
        align-items: stretch;
        max-width: none;
        margin-inline: auto;
        padding: clamp(1.5rem, 6vw, 2rem) clamp(1rem, 6.106vw, 1.5rem) 0;
        text-align: center;
    }

    .ard--new .ard__hero-inner {
        align-items: stretch;
        max-width: none;
        width: 100%;
        padding: 0;
    }

    .ard--new .ard__hero-copy {
        align-items: stretch;
        width: 100%;
        max-width: none;
        margin-inline: auto;
        gap: clamp(0.875rem, 4.07vw, 1.125rem);
    }

    .ard--new .ard__hero-eyebrow-wrap {
        align-self: stretch;
        width: 100%;
        max-width: none;
        height: auto;
        margin: 0;
        text-align: center;
    }

    .ard--new .ard__hero-eyebrow {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }

    .ard--new .ard__hero-eyebrow-desktop {
        display: none;
    }

    .ard--new .ard__hero-eyebrow-mobile {
        display: inline-block;
        width: auto;
        max-width: 100%;
        font-family: 'Manrope', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.1875rem;
        text-transform: uppercase;
        text-align: center;
        color: rgba(94, 94, 94, 0.85);
    }

    .ard--new .ard__hero-eyebrow-mobile .ard__hero-eyebrow-brand {
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-transform: inherit;
        color: #984629;
    }

    .ard--new .ard__hero-title {
        align-self: stretch;
        max-width: none;
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 500;
        font-size: clamp(1.625rem, 7.2vw, 1.75rem);
        line-height: 1.2;
        letter-spacing: 0;
        color: #1a1c1c;
        text-align: center;
    }

    .ard--new .ard__hero-sub-margin {
        align-self: stretch;
        max-width: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .ard--new .ard__hero-sub-wrap {
        width: 100%;
        max-width: none;
    }

    .ard--new .ard__hero-sub {
        width: 100%;
        max-width: none;
        min-height: 0;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 200;
        font-size: clamp(0.6875rem, 3.053vw, 0.75rem);
        line-height: 1.6667;
        color: #55433d;
    }

    .ard--new .ard__hero-sub br {
        display: none;
    }

    .ard--new .ard__hero-meta-row {
        align-self: center;
        width: auto;
        max-width: 100%;
        margin: 0;
        opacity: 0.74;
        color: #000307;
        font-weight: 100;
        font-synthesis: none;
    }

    .ard--new .ard__hero-meta-group--duration {
        gap: 0.5rem;
    }

    .ard--new .ard__hero-meta-group--season {
        gap: 0.5rem;
    }

    .ard--new .ard__hero-meta-divider {
        height: 1rem;
        margin: 0 clamp(1rem, 6.106vw, 1.5rem);
        background: rgba(196, 198, 203, 0.4);
    }

    .ard--new .ard__hero-meta-text {
        font-weight: 100;
        font-synthesis: none;
        color: #000307;
    }

    .ard--new .ard__hero-meta-text--num {
        font-weight: 100;
        font-size: clamp(0.8125rem, 3.5vw, 0.875rem);
        line-height: 1.75rem;
        letter-spacing: 0.1875rem;
        text-transform: uppercase;
    }

    .ard--new .ard__hero-meta-text--italic {
        font-weight: 100;
        font-synthesis: none;
        font-size: clamp(0.8125rem, 3.5vw, 0.875rem);
        line-height: 2rem;
    }

    .ard--new .ard__hero-meta-text--upper {
        font-weight: 100;
        font-synthesis: none;
        font-size: clamp(0.8125rem, 3.5vw, 0.875rem);
        line-height: 1.75rem;
        letter-spacing: 0.1875rem;
    }

    .ard--new .ard__hero-meta-text--dash {
        font-weight: 100;
        font-synthesis: none;
        font-size: clamp(0.6875rem, 3vw, 0.75rem);
        line-height: 1.75rem;
        opacity: 0.4;
    }

    .ard--new .ard__hero-media {
        align-self: stretch;
        max-width: none;
        width: 100%;
        margin: clamp(1.75rem, 7vw, 2.25rem) 0 0;
        position: relative;
    }

    .ard--new .ard__hero-slider {
        max-width: none;
        border-radius: 0.25rem;
    }

    .ard--new .ard__hero-swiper {
        max-width: none;
        aspect-ratio: 345 / 205;
        border-radius: 0.25rem;
    }

    .ard--new .ard__hero-swiper .swiper-slide img {
        border-radius: 0.25rem;
    }

    .ard--new .ard__hero-view-all {
        display: none;
    }

    .ard--new .ard__hero-controls {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.875rem;
        z-index: 2;
        justify-content: center;
        width: auto;
        max-width: none;
        margin: 0;
        min-height: 0;
        pointer-events: none;
    }

    .ard--new .ard__hero-dots {
        gap: 0.5rem;
        pointer-events: auto;
    }

    .ard--new .ard__hero-dot {
        width: 0.5rem;
        height: 0.5rem;
        background: rgba(255, 255, 255, 0.5);
    }

    .ard--new .ard__hero-dot.is-active {
        width: 0.5rem;
        background: #ffffff;
    }

    .ard--new .ard__hero-arrows {
        display: none;
    }

    .ard--new .ard__trust-strip {
        margin-top: 0;
    }
}

/* Tablet (481–999px): scale mobile layout to full padded width */
@media (min-width: 481px) and (max-width: 999px) {
    .ard--new .ard__hero-title {
        font-size: clamp(1.75rem, 5.2vw, 2.625rem);
    }

    .ard--new .ard__hero-sub {
        font-size: clamp(0.75rem, 2.2vw, 1rem);
        line-height: 1.6667;
    }

    .ard--new .ard__section--about .ard__section-title {
        font-size: clamp(1.5625rem, 4.5vw, 2.25rem);
        line-height: 1.25;
    }

    .ard--new .ard__section--about .ard__about-copy.ard__prose,
    .ard--new .ard__section--about .ard__about-copy.ard__prose p {
        font-size: clamp(0.875rem, 2.2vw, 1rem);
        line-height: 1.625;
    }
}

@media (min-width: 1000px) {
    .ard--new .ard__hero-eyebrow-mobile {
        display: none;
    }

    .ard--new .ard__hero-eyebrow-desktop {
        display: inline;
    }

    .ard--new .ard__trust-strip {
        margin-top: clamp(2.5rem, 5vw, 4rem);
    }
}

/* Trust strip nav — fixed pin (sticky broken by html/body overflow-x) */
.ard--new .ard__trust-strip-ph {
    display: none;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
}

.ard--new .ard__trust-strip-ph.is-active {
    display: block;
}

.ard--new .ard__trust-strip.is-stuck {
    box-shadow: 0 1px 0 rgba(156, 163, 175, 0.85);
}

.ard--new .ard__trust-strip.is-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    z-index: 100;
}

.ard--new .ard__trust-strip {
    position: relative;
    top: auto;
    z-index: 40;
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: #ffffff;
    backdrop-filter: none;
    border-top: 1px solid #9ca3af;
    border-bottom: 1px solid #9ca3af;
    box-sizing: border-box;
    overflow: visible;
}

body.ashrams-retreat-detail-new-page .ard--new .ard__nav.ard__trust-strip {
    overflow: visible;
}

.ard--new .ard__trust-strip .ard__nav-inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: none;
    height: 4.375rem;
    min-height: 4.375rem;
    margin: 0 auto;
    padding: 0;
    border: none;
    box-sizing: border-box;
    background: #ffffff;
}

.ard--new .ard__trust-strip__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin: 0;
    padding: 0;
}

.ard--new .ard__trust-strip__row {
    display: contents;
}

.ard--new .ard__trust-strip__list a {
    display: flex;
    align-items: center;
    font-family: 'Manrope', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.04375rem;
    text-transform: uppercase;
    color: #5E5E5E;
    text-decoration: none;
    white-space: nowrap;
}

.ard--new .ard__trust-strip__list a.is-active,
.ard--new .ard__trust-strip__list a:hover {
    color: #1a1c1c;
}

.ard--new .ard__trust-strip__sep {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: #5E5E5E;
    border-radius: 50%;
    flex-shrink: 0;
    user-select: none;
    pointer-events: none;
}

@media (max-width: 999px) {
    .ard--new .ard__trust-strip__sep--join {
        display: none;
    }
}

/* Trust strip — Figma mobile shell ≤393px (fluid 320px–393px: 100% width + 24px gutters) */
@media (max-width: 393px) {
    /* Neutralize legacy ashrams-retreat-detail.css mobile rules on the new page */
    body.ashrams-retreat-detail-new-page .ard--new .ard__section {
        margin-bottom: 0;
    }

    .ard--new .ard__hero--new {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .ard--new .ard__trust-strip {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        isolation: isolate;
        width: 100%;
        min-height: 7.5625rem;
        margin-top: 3.75rem;
        background: #ffffff;
    }

    .ard--new .ard__trust-strip .ard__nav-inner {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        min-height: 7.5625rem;
        padding: 1.5rem 1.5rem;
        box-sizing: border-box;
        background: #ffffff;
    }

    .ard--new .ard__trust-strip__list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.875rem;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .ard--new .ard__trust-strip__row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        gap: 0.9375rem;
    }

    .ard--new .ard__trust-strip__list a,
    .ard--new .ard__trust-strip__sep {
        font-family: 'Manrope', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.7px;
        text-transform: uppercase;
        color: #9ca3af;
    }

    .ard--new .ard__trust-strip__list a {
        display: flex;
        align-items: center;
        height: 1.25rem;
        white-space: nowrap;
    }

    .ard--new .ard__trust-strip__list a.is-active {
        color: #1a1c1c;
    }

    .ard--new .ard__trust-strip__sep {
        display: block;
        width: 0.25rem;
        height: 0.25rem;
        align-self: center;
        background: #9ca3af;
    }

    /*
     * Sticky stays same height when pinned — content scrolls under the nav.
     * Do not collapse layout on .is-stuck (causes blink / scroll stutter).
     */
    .ard--new .ard__trust-strip.is-stuck {
        margin-top: 0;
        background: #ffffff;
    }

    /* Anchor jumps clear the two-row sticky nav */
    body.ashrams-retreat-detail-new-page .ard--new [id] {
        scroll-margin-top: 8.5rem;
    }
}

@media (min-width: 394px) and (max-width: 999px) {
    .ard--new .ard__trust-strip {
        min-height: 0;
        margin-top: 0;
        overflow-x: clip;
        max-width: 100%;
    }

    .ard--new .ard__trust-strip .ard__nav-inner {
        align-items: center;
        min-height: 4.375rem;
        padding: 1.5rem clamp(1rem, 4vw, 1.5rem);
        overflow-x: auto;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        max-width: 100%;
    }

    .ard--new .ard__trust-strip .ard__nav-inner::-webkit-scrollbar {
        display: none;
    }

    .ard--new .ard__trust-strip__list {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        gap: clamp(0.625rem, 2.5vw, 1.25rem);
        width: max-content;
        max-width: none;
        margin-inline: auto;
    }

    .ard--new .ard__trust-strip__row {
        display: contents;
    }

    .ard--new .ard__trust-strip__list a,
    .ard--new .ard__trust-strip__sep {
        letter-spacing: 0.04375rem;
    }
}

/* About The Journey — Figma Part 2a title */
.ard--new .ard__section--about .ard__section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.1999rem;
    line-height: 2.5rem;
    letter-spacing: 0;
    text-align: center;
    color: #1A1C1C;
    margin-bottom: 0;
}

.ard--new .ard__section--about {
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
    padding-top: clamp(4.5rem, 8vw, 6.25rem);
    margin-bottom: clamp(3rem, 7vw, 4.5rem);
    scroll-margin-top: 5rem;
}

.ard--new .ard__section--about .ard__section-title em {
    font-family: inherit;
    font-style: normal;
    font-weight: 300;
    color: #1a1c1c;
}

.ard--new .ard__section--about .ard__about-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: 49.8125rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 3.125rem 0 0;
    text-align: center;
}

.ard--new .ard__section--about .ard__about-copy.ard__prose,
.ard--new .ard__section--about .ard__about-copy.ard__prose p {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0;
    text-align: center;
    color: #55433d;
}

.ard--new .ard__section--about .ard__about-copy.ard__prose p {
    width: 100%;
    margin: 0;
}

.ard--new .ard__section--about .ard__about-copy.ard__prose p + p {
    margin-top: 0;
}

.ard--new .ard__about-read-more {
    display: none;
}

.ard--new .ard__about-read-more[hidden] {
    display: none !important;
}

/* About the Journey — Figma mobile shell ≤393px (fluid 320px–393px) */
@media (max-width: 393px) {
    .ard--new .ard__section--about.ard__wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        width: 100%;
        max-width: none;
        min-height: 0;
        margin: 3.75rem 0 0;
        padding: 0 1.5rem;
        scroll-margin-top: 5rem;
    }

    .ard--new .ard__section--about {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    .ard--new .ard__section--about .ard__section-title {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        width: 100%;
        min-height: 0;
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 500;
        font-size: 1.5625rem;
        line-height: 2rem;
        letter-spacing: 0;
        text-align: center;
        color: #1a1c1c;
    }

    .ard--new .ard__section--about .ard__about-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .ard--new .ard__section--about .ard__about-copy.ard__prose,
    .ard--new .ard__section--about .ard__about-copy.ard__prose p {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        text-align: left;
        color: #1a1c1c;
    }

    .ard--new .ard__section--about .ard__about-copy.ard__prose p {
        width: 100%;
        margin: 0;
    }

    .ard--new .ard__about-read-more.is-active:not([hidden]) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        width: auto;
        margin: 0;
        padding: 0 0 0.25rem;
        border: none;
        border-bottom: 1px solid #1a2438;
        background: none;
        font-family: 'Libre Baskerville', Georgia, serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.5rem;
        line-height: 0.9375rem;
        letter-spacing: 0.09rem;
        text-transform: uppercase;
        text-align: center;
        color: #1a2438;
        cursor: pointer;
    }
}

@media (min-width: 394px) and (max-width: 999px) {
    .ard--new .ard__section--about.ard__wrap {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: clamp(0.375rem, 2vw, 0.625rem);
        width: 100%;
        max-width: none;
        margin: 3.75rem 0 0;
        padding: 0 clamp(1rem, 6.106vw, 1.5rem);
        scroll-margin-top: 5rem;
    }

    .ard--new .ard__section--about {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    .ard--new .ard__section--about .ard__section-title {
        align-self: stretch;
        width: 100%;
        max-width: none;
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 500;
        font-size: clamp(1.375rem, 6.36vw, 1.5625rem);
        line-height: clamp(1.75rem, 8.14vw, 2rem);
        letter-spacing: 0;
        text-align: center;
        color: #1a1c1c;
    }

    .ard--new .ard__section--about .ard__about-copy {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: clamp(1rem, 5.09vw, 1.25rem);
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .ard--new .ard__section--about .ard__about-copy.ard__prose,
    .ard--new .ard__section--about .ard__about-copy.ard__prose p {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: clamp(0.8125rem, 3.56vw, 0.875rem);
        line-height: 1.8571;
        letter-spacing: 0;
        text-align: left;
        color: #1a1c1c;
    }

    .ard--new .ard__section--about .ard__about-copy.ard__prose p {
        width: 100%;
        margin: 0;
    }

    .ard--new .ard__about-read-more.is-active:not([hidden]) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0 0 0.25rem;
        border: none;
        border-bottom: 1px solid #1a2438;
        background: none;
        font-family: 'Libre Baskerville', Georgia, serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 1.125rem;
        letter-spacing: 0.1125rem;
        text-transform: uppercase;
        text-align: center;
        color: #1a2438;
        cursor: pointer;
    }
}

/* Journey Highlights — Figma export (1280 shell / 1216 row / 546+110+560) */
.ard--new .ard__section--highlights {
    margin-top: clamp(3.0625rem, 6vw, 6.5625rem);
    scroll-margin-top: 5rem;
}

.ard--new .ard__quote-section + .ard__section--highlights {
    margin-top: clamp(10rem, 14vw, 14rem);
}

.ard--new .ard__section--highlights .ard__section-title {
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.1999rem;
    line-height: 2.5rem;
    letter-spacing: 0;
    text-align: center;
    color: #1a1c1c;
    margin-bottom: clamp(2rem, 5vw, 3rem);
}

.ard--new .ard__section--highlights .ard__section-title em {
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    color: inherit;
}

.ard--new .ard__section--highlights.ard__wrap--wide {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: max(1.5rem, calc((100% - 80rem) / 2));
    padding-right: max(1.5rem, calc((100% - 80rem) / 2));
}

.ard--new .ard__section--highlights .ard__highlights {
    max-width: 100%;
    width: 100%;
}

.ard--new .ard__highlight-row {
    margin-bottom: 0;
}

.ard--new .ard__highlight-row + .ard__highlight-row {
    margin-top: clamp(2.5rem, 6vw, 3.5rem);
}

.ard--new .ard__highlight-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    max-width: none;
    padding-top: 0;
}

.ard--new .ard__highlight-eyebrow {
    display: none;
}

.ard--new .ard__highlight-copy h3 {
    margin: 0;
    font-family: 'Libre Baskerville', serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0;
    color: #545454;
    max-width: none;
}

.ard--new .ard__highlight-title-stacked {
    display: none;
}

.ard--new .ard__highlight-title-single {
    display: inline;
    font-family: inherit;
    font-style: normal;
    font-weight: inherit;
    color: inherit;
}

.ard--new .ard__highlight-copy .ard__prose {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 1rem;
    margin-top: 0;
    max-width: none;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6875rem;
    letter-spacing: 0;
    color: #44474b;
}

.ard--new .ard__highlight-copy .ard__prose p {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    line-height: inherit;
    color: inherit;
    margin: 0;
    max-width: none;
}

.ard--new .ard__highlight-copy .ard__prose p + p {
    padding-top: 1rem;
    margin-top: 0;
    font-style: normal;
    line-height: 1.6875rem;
    opacity: 1;
}

.ard--new .ard__highlight-media {
    justify-content: flex-start;
}

.ard--new .ard__highlight-media-frame {
    position: relative;
    width: 100%;
    max-width: none;
    aspect-ratio: auto;
    border-radius: 0.625rem;
    overflow: hidden;
}

.ard--new .ard__highlight-media-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;
    aspect-ratio: auto !important;
}

@media (min-width: 1025px) {
    .ard--new .ard__section--highlights .ard__section-title {
        margin-bottom: 6.0625rem;
    }

    .ard--new .ard__highlight-row:nth-child(2) {
        margin-top: 5.25rem;
    }

    .ard--new .ard__highlight-row:nth-child(3) {
        margin-top: 8.09375rem;
    }

    .ard--new .ard__highlight-row--reverse .ard__highlight-copy {
        padding-top: 3.75rem;
    }

    .ard--new .ard__highlight-row:nth-child(3) .ard__highlight-copy {
        padding-top: 2.90625rem;
    }

    .ard--new .ard__highlight-row,
    .ard--new .ard__highlight-row--reverse {
        --ard-highlight-copy-w: 34.125rem;
        --ard-highlight-img-w: 35rem;
        --ard-highlight-gap: 6.875rem;
        display: grid;
        grid-template-columns: var(--ard-highlight-copy-w) var(--ard-highlight-img-w);
        justify-content: start;
        gap: var(--ard-highlight-gap);
        align-items: start;
        width: 100%;
        max-width: 76rem;
        margin-left: auto;
        margin-right: auto;
    }

    .ard--new .ard__highlight-row--reverse {
        grid-template-columns: var(--ard-highlight-img-w) var(--ard-highlight-copy-w);
    }

    .ard--new .ard__highlight-copy,
    .ard--new .ard__highlight-copy h3,
    .ard--new .ard__highlight-copy .ard__prose,
    .ard--new .ard__highlight-copy .ard__prose p {
        max-width: var(--ard-highlight-copy-w);
    }

    .ard--new .ard__highlight-media-frame {
        width: var(--ard-highlight-img-w);
        height: 23.3125rem;
    }

    .ard--new .ard__highlight-media-frame img {
        position: absolute;
        left: 0;
        top: -5.84375rem;
        width: 100%;
        height: 35rem;
        max-width: none;
    }

    .ard--new .ard__highlight-row:nth-child(2) .ard__highlight-media-frame img {
        object-position: 55% 50%;
    }

    .ard--new .ard__highlight-row:nth-child(3) .ard__highlight-media-frame img {
        object-position: 50% 28%;
    }
}

@media (max-width: 1024px) {
    .ard--new .ard__highlight-media-frame {
        height: auto;
        aspect-ratio: 560 / 373;
    }

    .ard--new .ard__highlight-media-frame img {
        position: static;
        height: 100%;
        top: auto;
    }

    .ard--new .ard__highlight-row:nth-child(3) .ard__highlight-media-frame {
        aspect-ratio: 1;
    }
}

/* Quote section — Figma QuoteSection */
.ard--new .ard__quote-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    min-height: 46.8125rem;
    margin: calc(clamp(3rem, 6vw, 5rem) + 5rem) 0 0;
    padding: clamp(4rem, 13.3vw, 12rem) clamp(1.5rem, 17.8vw, 16rem);
    background: rgba(247, 243, 238, 0.4);
    isolation: isolate;
    scroll-margin-top: 5rem;
}

.ard--new .ard__quote-section-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    width: 100%;
    max-width: 57.8125rem;
    margin: 0 auto;
}

.ard--new .ard__quote-eyebrow {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    color: #9ca3af;
}

.ard--new .ard__quote-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem;
    width: 100%;
    overflow: visible;
}

.ard--new .ard__quote-block {
    box-sizing: border-box;
    width: 100%;
    max-width: 56rem;
    margin: 0;
    padding: 1rem 0 1rem 3.0625rem;
    border: none;
    border-left: 1px solid #9ca3af;
    overflow: visible;
}

.ard--new .ard__quote-block p {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    margin: 0;
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: italic;
    font-weight: 300;
    font-size: 1.564375rem;
    line-height: 2.4375rem;
    color: #3e3e3e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ard--new .ard__quote-guest {
    box-sizing: border-box;
    width: 100%;
    max-width: 57.8125rem;
    margin: 0;
    padding: 0 0 0 3.0625rem;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.8125rem;
    text-align: left;
    color: #6b7280;
}

/* Phases grid — Figma PhasesGrid */
.ard--new .ard__phases-grid-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-height: 35.6875rem;
    margin: 0;
    padding: 7.75rem 9rem 8.125rem;
    background: #FCFAF8;
    isolation: isolate;
}

/* Journey Highlights → Shape of the Journey: isolated section gap */
.ard--new .ard__section--highlights:has(+ .ard__phases-grid-section) {
    padding-bottom: clamp(3.5rem, 6vw, 5.5rem);
}

.ard--new .ard__section--highlights + .ard__phases-grid-section {
    margin-top: clamp(6.5rem, 12vw, 10rem);
}

/* Shape of the Journey → Daily Rhythm: isolated section gap */
.ard--new .ard__phases-grid-section:has(+ .ard__rhythm-section) {
    padding-bottom: clamp(10rem, 14vw, 14rem);
}

.ard--new .ard__phases-grid-section + .ard__rhythm-section {
    margin-top: clamp(6.5rem, 12vw, 10rem);
}

.ard--new .ard__phases-grid-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem;
    width: 100%;
    max-width: 69rem;
    margin: 0 auto;
}

.ard--new .ard__phases-grid-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    width: 100%;
}

.ard--new .ard__phases-grid-eyebrow {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 375;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    color: #6B7280;
}

.ard--new .ard__phases-grid-title {
    margin: 0;
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: italic;
    font-weight: 475;
    font-size: 1.875rem;
    line-height: 2rem;
    color: #454545;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ard--new .ard__phases-grid {
    display: grid;
    grid-template-columns: repeat(5, 13.2rem);
    gap: 2rem;
    width: 100%;
    max-width: 69rem;
}

.ard--new .ard__phases-grid-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.94375rem;
    min-height: 12.24875rem;
    margin: 0;
    padding: 1.5rem 0 0;
    border: none;
    border-top: 1px solid rgb(172 175 182);
}

.ard--new .ard__phases-grid-num {
    margin: 0;
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(107 114 128);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ard--new .ard__phases-grid-item-title {
    margin: 0;
    padding-top: 0.05625rem;
    font-family: 'Playfair Display', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #454545;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ard--new .ard__phases-grid-item-text {
    margin: 0;
    padding-bottom: 0.0546875rem;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 375;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #4b5563;
}

/* Daily Rhythm — Figma chunk 1 */
.ard--new .ard__rhythm-section {
    box-sizing: border-box;
    width: 100%;
    margin: clamp(2.5rem, 5vw, 4rem) 0 0;
    padding: 0 0 3.2625rem;
    background: #fff;
    scroll-margin-top: 5rem;
}

.ard--new .ard__rhythm-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 4rem 1.5rem;
    /* border-bottom: 1px solid #f3f4f6; */
}

.ard--new .ard__rhythm-title {
    margin: 0;
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.25rem;
    line-height: 2.5rem;
    text-align: center;
    color: #333333;
}

.ard--new .ard__rhythm-intro {
    max-width: 42rem;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: center;
    color: #6b7280;
}

.ard--new .ard__rhythm-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 22.667rem;
    grid-template-rows: auto auto;
    gap: 3rem;
    align-items: start;
    width: 100%;
    max-width: 74rem;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .ard--new .ard__rhythm-content,
    .ard--new .ard__rhythm-timeline {
        display: contents;
    }

    .ard--new .ard__rhythm-timeline-track {
        grid-column: 1;
        grid-row: 1;
    }

    .ard--new .ard__rhythm-journey-table {
        grid-column: 1;
        grid-row: 2;
    }

    .ard--new .ard__rhythm-map-col {
        grid-column: 2;
        grid-row: 1 / -1;
        align-self: stretch;
    }
}

.ard--new .ard__rhythm-content {
    min-width: 0;
}

.ard--new .ard__rhythm-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

.ard--new .ard__rhythm-timeline-track {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4.6875rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-left: 3rem;
}

.ard--new .ard__rhythm-timeline-track::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5rem;
    width: 1px;
    background: #e5e7eb;
}

.ard--new .ard__rhythm-timeline::before {
    content: none;
    display: none;
}

.ard--new .ard__rhythm-stop {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    gap: 3.125rem;
}

.ard--new .ard__rhythm-stop::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(1.5rem - 3rem);
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background: #333333;
    transform: translateX(-50%);
}

.ard--new .ard__rhythm-marker {
    display: none;
}

/* Daily Rhythm — desktop: vertical line on track (stops only), dots on markers */
@media (min-width: 768px) {
    .ard--new .ard__rhythm-timeline-track::before {
        content: '';
        top: calc((0.9375rem - 0.625rem) / 2 + 0.625rem / 2);
        bottom: 0;
        left: 1.5rem;
        width: 1px;
        background: #e5e7eb;
    }

    .ard--new .ard__rhythm-stop::before {
        content: none;
        display: none;
    }

    .ard--new .ard__rhythm-stop::after {
        content: none;
        display: none;
    }

    .ard--new .ard__rhythm-marker {
        display: block;
        position: absolute;
        top: calc((0.9375rem - 0.625rem) / 2);
        left: calc(1.5rem - 3rem);
        width: 0.625rem;
        height: 0.625rem;
        border-radius: 50%;
        background: #333333;
        transform: translateX(-50%);
        z-index: 2;
    }

    .ard--new .ard__rhythm-marker::after {
        content: none;
        display: none;
    }
}

.ard--new .ard__rhythm-days {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    color: #9ca3af;
}

.ard--new .ard__rhythm-stop-intro {
    display: grid;
    grid-template-columns: minmax(0, 21.667rem) minmax(0, 21.667rem);
    gap: 2.3rem;
    align-items: start;
}

.ard--new .ard__rhythm-stop-copy {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.ard--new .ard__rhythm-stop-title {
    margin: 0;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2rem;
    color: #333333;
}

.ard--new .ard__rhythm-route {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.ard--new .ard__rhythm-route-label {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 0.5625rem;
    line-height: 0.875rem;
    letter-spacing: 0.1125rem;
    text-transform: uppercase;
    color: #9ca3af;
}

.ard--new .ard__rhythm-route-stops {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.ard--new .ard__rhythm-route-city {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 1rem;
    color: #333333;
}

.ard--new .ard__rhythm-route-line {
    flex: 1 1 1.25rem;
    min-width: 1.25rem;
    max-width: 4.0625rem;
    height: 1px;
    background: #e5e7eb;
}

.ard--new .ard__rhythm-stop-body {
    min-width: 0;
}

.ard--new .ard__rhythm-stop-body p {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #4b5563;
}

.ard--new .ard__rhythm-hero {
    margin: 0;
    width: 100%;
    max-width: 45.333rem;
    border-radius: 0.625rem;
    overflow: hidden;
}

.ard--new .ard__rhythm-hero img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 725 / 483;
    object-fit: cover;
    border-radius: 0.625rem;
}

.ard--new .ard__rhythm-map-col {
    position: relative;
    box-sizing: border-box;
    width: 22.667rem;
    max-width: 22.667rem;
    min-width: 0;
    align-self: stretch;
}

.ard--new .ard__rhythm-map-sticky {
    position: sticky;
    top: calc(4.375rem + 1rem);
    box-sizing: border-box;
    width: 100%;
    max-width: 22.667rem;
}

/* JS pin fallback — same as trust strip (CSS sticky broken by html/body overflow-x) */
.ard--new .ard__rhythm-map-sticky.is-map-fixed {
    position: fixed !important;
    z-index: 30;
    max-width: none;
}

.ard--new .ard__rhythm-map-sticky.is-map-bottom {
    position: absolute !important;
    top: auto !important;
    bottom: 0;
    left: 0;
    width: 100% !important;
    max-width: 100%;
}

.ard--new .ard__rhythm-map-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0.625rem;
    box-shadow: none;
}

.ard--new .ard__rhythm-map-frame {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 0.625rem;
    background: #f4ebe0;
    aspect-ratio: 345 / 460;
    min-height: 28.75rem;
}

.ard--new .ard__rhythm-map-frame img {
    display: none;
}

.ard--new .ard__rhythm-map-title {
    position: static;
    transform: none;
    z-index: auto;
    margin: 0 0 0.7rem;
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-family: 'Caveat', 'Segoe Print', cursive;
    font-size: clamp(1.35rem, 2.4vw, 1.85rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #2a2118;
    pointer-events: none;
    display: none;
}

/* Journey map — Leaflet tiles + SVG fallback */
.ard--new .ard__journey-map {
    position: relative;
    min-height: 28.75rem;
    background: #f4ebe0;
}

.ard--new .ard__journey-map-canvas,
.ard--new .ard__journey-map-static {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.ard--new .ard__journey-map-canvas.leaflet-container {
    width: 100% !important;
    height: 100% !important;
    background: #f4ebe0;
    font: inherit;
    z-index: 0;
}

.ard--new .ard__journey-map-canvas .leaflet-tile-pane {
    filter: sepia(0.18) saturate(0.88) contrast(0.96);
}

.ard--new .ard__rhythm-map-frame .leaflet-container img,
.ard--new .ard__journey-map-canvas img.leaflet-tile,
.ard--new .ard__journey-map-canvas .leaflet-image-layer {
    display: block !important;
    max-width: none !important;
    max-height: none !important;
    width: auto;
    height: auto;
    border: 0;
}

.ard--new .ard__journey-map-static img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}

.ard--new .ard__journey-map-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.ard--new .ard__journey-map-svg-route {
    fill: none;
    stroke: #1a1a1a;
    stroke-width: 0.55;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1.2 1.6;
    vector-effect: non-scaling-stroke;
}

.ard--new .ard__journey-map-svg-pin {
    fill: #e53935;
    stroke: #fff8ec;
    stroke-width: 0.28;
}

.ard--new .ard__journey-map-svg-label {
    font-family: 'Caveat', 'Segoe Print', cursive;
    font-size: 3.2px;
    font-weight: 700;
    fill: #2a2118;
    paint-order: stroke;
    stroke: rgba(255, 248, 236, 0.92);
    stroke-width: 0.5;
}

.ard--new .ard__journey-map-marker {
    position: relative;
    display: block;
    width: 22px;
    height: 30px;
    overflow: visible;
    pointer-events: none;
    background: transparent !important;
    border: 0 !important;
}

.ard--new .ard__journey-map-pin {
    display: block;
    width: 22px;
    height: 30px;
    overflow: visible;
    filter: drop-shadow(0 1px 1px rgba(26, 26, 26, 0.28));
}

.ard--new .ard__journey-map-label {
    position: absolute;
    z-index: 2;
    white-space: nowrap;
    padding: 0.1rem 0.38rem;
    border-radius: 999px;
    background: rgba(255, 248, 236, 0.94);
    color: #2a2118;
    font-family: 'Caveat', 'Segoe Print', cursive;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.15;
    box-shadow: 0 1px 2px rgba(26, 26, 26, 0.14);
}

.ard--new .ard__journey-map-marker.is-top .ard__journey-map-label {
    bottom: calc(100% + 0.15rem);
    left: 50%;
    transform: translateX(-50%);
}

.ard--new .ard__journey-map-marker.is-right .ard__journey-map-label {
    top: 0.15rem;
    left: calc(100% + 0.2rem);
}

.ard--new .ard__journey-map-marker.is-left .ard__journey-map-label {
    top: 0.15rem;
    right: calc(100% + 0.2rem);
}

.ard--new .ard__journey-map-controls {
    position: absolute;
    right: 0.65rem;
    bottom: 0.65rem;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ard--new .ard__journey-map.is-static .ard__journey-map-controls {
    display: none;
}

.ard--new .ard__journey-map-zoom {
    width: 1.65rem;
    height: 1.65rem;
    border: 0;
    border-radius: 0.2rem;
    background: rgba(255, 255, 255, 0.92);
    color: #2a2118;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 1px 4px rgba(26, 26, 26, 0.12);
    cursor: pointer;
}

.ard--new .ard__journey-map-zoom:hover {
    background: #fff;
}

.ard--new .ard__journey-map .leaflet-control-attribution {
    background: rgba(255, 248, 236, 0.82);
    color: #6b5e52;
    font-size: 9px;
    line-height: 1.3;
}

.ard--new .ard__journey-map .leaflet-control-attribution a {
    color: inherit;
}

/* Daily Rhythm — chunk 2: stay, experiences, meals */
.ard--new .ard__rhythm-block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2rem;
}

.ard--new .ard__rhythm-block-head--center {
    position: relative;
    justify-content: center;
}

.ard--new .ard__rhythm-block-head--center .ard__rhythm-block-nav {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.ard--new .ard__rhythm-block-title {
    margin: 0;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #333333;
}

.ard--new .ard__rhythm-block-head--center .ard__rhythm-block-title {
    flex: 1;
    text-align: center;
}

.ard--new .ard__rhythm-block-nav {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.ard--new .ard__rhythm-block-nav .ard__hero-arrow {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    min-width: 1.875rem;
    min-height: 1.875rem;
    padding: 0.25rem;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    background: #fff;
    color: #9ca3af;
    font-size: 0.6875rem;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
}

.ard--new .ard__rhythm-block-nav .ard__hero-arrow i {
    display: block;
    font-size: 0.6875rem;
    line-height: 1;
}

.ard--new .ard__rhythm-block-nav .ard__hero-arrow:hover:not(:disabled) {
    color: #6b7280;
    border-color: #d1d5db;
    background: #fff;
}

.ard--new .ard__rhythm-block-nav .ard__hero-arrow:disabled,
.ard--new .ard__rhythm-block-nav .ard__hero-arrow.is-disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

.ard--new .ard__rhythm-stay {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    padding-top: 3.5rem;
    width: 100%;
    min-width: 0;
    max-width: 45.333rem;
}

.ard--new .ard__rhythm-stay .ard__rhythm-block-head {
    margin-bottom: 0;
    width: 100%;
    min-height: 1.875rem;
}

.ard--new .ard__rhythm-stay-panels {
    width: 100%;
    min-width: 0;
}

.ard--new .ard__rhythm-stay-panel[hidden] {
    display: none;
}

.ard--new .ard__rhythm-stay-main {
    display: grid;
    grid-template-columns: minmax(0, 21.4375rem) minmax(0, 21.917rem);
    gap: 1.979rem;
    align-items: start;
    width: 100%;
}

.ard--new .ard__rhythm-stay-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}

.ard--new .ard__rhythm-stay-copy p {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #4b5563;
}

.ard--new .ard__rhythm-stay-copy-text--mobile,
.ard--new .ard__rhythm-stay-sub--mobile {
    display: none;
}

.ard--new .ard__rhythm-stay-media {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    width: 100%;
}

.ard--new .ard__rhythm-stay-swiper {
    width: 100%;
}

.ard--new .ard__rhythm-stay-frame,
.ard--new .ard__rhythm-exp-frame {
    margin: 0;
    border-radius: 0.625rem;
    overflow: hidden;
}

.ard--new .ard__rhythm-stay-frame img,
.ard--new .ard__rhythm-exp-frame img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 350 / 263;
    object-fit: cover;
    border-radius: 0.625rem;
}

.ard--new .ard__rhythm-stay-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    max-width: 21.917rem;
    margin-top: 0.625rem;
    padding-bottom: 1rem;
    text-align: center;
}

.ard--new .ard__rhythm-stay-dots {
    position: absolute;
    left: 50%;
    bottom: 0.75rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0;
    transform: translateX(-50%);
}

.ard--new .ard__rhythm-stay-dot {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    border: 0;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.55);
    cursor: pointer;
}

.ard--new .ard__rhythm-stay-dot.is-active {
    background: #ffffff;
}

.ard--new .ard__rhythm-stay-name {
    margin: 0;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: left;
    color: #333333;
}

.ard--new .ard__rhythm-stay-sub {
    margin: 0;
    padding-top: 0.25rem;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    color: #6b7280;
}

.ard--new .ard__rhythm-experiences {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    width: 100%;
    min-width: 0;
    max-width: 45.333rem;
    padding-top: 3.5rem;
}

.ard--new .ard__rhythm-experiences .ard__rhythm-block-head {
    margin-bottom: 0;
    width: 100%;
    min-height: 1.875rem;
}

.ard--new .ard__rhythm-exp-swiper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.ard--new .ard__rhythm-exp-swiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

.ard--new .ard__rhythm-exp-body {
    margin: 2rem 0 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #4b5563;
}

.ard--new .ard__rhythm-meals {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    width: 100%;
    max-width: 45.375rem;
    padding-top: 4.1875rem;
}

.ard--new .ard__rhythm-meals-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 13.792rem));
    gap: 2rem;
    width: 100%;
}

.ard--new .ard__rhythm-meal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    min-width: 0;
}

.ard--new .ard__rhythm-meal-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    box-sizing: border-box;
    width: 100%;
    min-height: 1.5625rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f3f4f6;
}

.ard--new .ard__rhythm-meal-label {
    margin: 0;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0375rem;
    text-transform: uppercase;
    color: #333333;
}

.ard--new .ard__rhythm-meal-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.5625rem;
    line-height: 1rem;
    letter-spacing: 0.0140625rem;
    text-transform: uppercase;
    color: #6b7280;
    background: #f3f4f6;
    border-radius: 9999px;
}

.ard--new .ard__rhythm-meal-venue-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    margin-bottom: 0.184375rem;
}

.ard--new .ard__rhythm-meal-venue {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.6875rem;
    line-height: 1rem;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #333333;
}

.ard--new .ard__rhythm-meal-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.5625rem;
    line-height: 0.875rem;
    color: #6b7280;
    background: #f3f4f6;
    border: none;
    border-radius: 0.25rem;
}

.ard--new .ard__rhythm-meal-desc {
    margin: 0;
    max-width: 13.792rem;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 1.125rem;
    color: #4b5563;
}

/* Daily Rhythm — chunk 3: Hosted By — Figma Specific Landmark Detail */
.ard--new .ard__rhythm-hosted {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.5rem 0 0;
    gap: 1.45625rem;
    max-width: 45.333rem;
    width: 100%;
}

.ard--new .ard__rhythm-hosted-title {
    margin: 0;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-align: center;
    color: #333333;
    width: 100%;
}

.ard--new .ard__rhythm-hosted-main {
    display: grid;
    grid-template-columns: 15.110625rem minmax(0, 1fr);
    grid-template-rows: calc(15.110625rem * 161.02 / 241.77);
    gap: 2rem;
    align-items: stretch;
    width: 100%;
}

.ard--new .ard__rhythm-hosted-media {
    margin: 0;
    width: 100%;
    max-width: 15.110625rem;
    height: 100%;
    min-height: 0;
    border-radius: 0.625rem;
    overflow: hidden;
}

.ard--new .ard__rhythm-hosted-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.625rem;
}

.ard--new .ard__rhythm-hosted-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    gap: 1.25rem;
    box-sizing: border-box;
    overflow: visible;
}

.ard--new .ard__rhythm-hosted-identity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: none;
    gap: 0.5rem;
    width: 100%;
}

.ard--new .ard__rhythm-hosted-name {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #333128;
    width: 100%;
}

.ard--new .ard__rhythm-hosted-role {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #6B7280;
    width: 100%;
}

.ard--new .ard__rhythm-hosted-bio {
    flex: 1;
    min-height: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #4B5563;
    width: 27.5625rem;
    max-width: 27.5625rem;
}

/* Daily Rhythm — Journey Table — Figma Sattvic Nutrition Section */
.ard--new .ard__rhythm-journey-table {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 8rem 0 3.4375rem;
}

.ard--new .ard__rhythm-journey-table-grid {
    display: grid;
    grid-template-columns: minmax(0, 24.375rem) minmax(0, 1fr);
    column-gap: 1.4375rem;
    align-items: start;
    max-width: 45.4375rem;
    width: 100%;
}

.ard--new .ard__rhythm-journey-table-left {
    display: flex;
    flex-direction: column;
    gap: 0.4375rem;
    min-width: 0;
    max-width: 24.375rem;
}

.ard--new .ard__rhythm-journey-table-intro {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.ard--new .ard__rhythm-journey-table-media {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    min-width: 0;
    width: 100%;
    max-width: 17rem;
    justify-self: end;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.ard--new .ard__rhythm-journey-table-footer {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
}

.ard--new .ard__rhythm-journey-table-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 2.375rem;
    padding: 0 0.5rem;
    box-sizing: border-box;
}

.ard--new .ard__rhythm-journey-table-title {
    margin: 0;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #333333;
}

.ard--new .ard__rhythm-journey-table-body {
    margin: 0;
    max-width: 16.8125rem;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #49473f;
}

.ard--new .ard__rhythm-journey-table-divider {
    width: 100%;
    height: 1px;
    margin: 0;
    border: 0;
    background: rgba(203, 198, 188, 0.3);
}

.ard--new .ard__rhythm-journey-table-diets {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    min-width: 0;
}

.ard--new .ard__rhythm-journey-table-diets-label {
    margin: 0;
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.075rem;
    text-transform: uppercase;
    color: #625e57;
}

.ard--new .ard__rhythm-journey-table-pills {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.375rem;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 100%;
}

.ard--new .ard__rhythm-journey-table-pills li {
    display: inline-flex;
    align-items: center;
    flex: none;
    padding: 0.46875rem 0.75rem 0.53125rem;
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.075rem;
    white-space: nowrap;
    color: #ffffff;
    background: #1a1a1a;
    border-radius: 5px;
}

.ard--new .swiper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ard--new .ard__rhythm-food-swiper {
    overflow: hidden;
}

.ard--new .ard__rhythm-food-frame {
    margin: 0;
    border-radius: 0.625rem;
    overflow: hidden;
    background: #f3efe8;
    min-height: 13.75rem;
}

.ard--new .ard__rhythm-food-frame img {
    display: block;
    width: 100%;
    height: 13.75rem;
    object-fit: cover;
    border-radius: 0.625rem;
}

.ard--new .ard__rhythm-food-dots {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: none;
}

.ard--new .ard__rhythm-food-dot {
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #9ca3af;
    cursor: pointer;
    flex: none;
}

.ard--new .ard__rhythm-food-dot.is-active {
    background: #1a1a1a;
}

.ard--new .ard__rhythm-journey-table-arrows {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: none;
}

.ard--new .ard__rhythm-journey-table-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: #55433d;
    cursor: pointer;
}

.ard--new .ard__rhythm-journey-table-arrow i {
    font-size: 0.625rem;
    line-height: 1;
}

.ard--new .ard__rhythm-journey-table-arrow:disabled,
.ard--new .ard__rhythm-journey-table-arrow.is-disabled {
    opacity: 0.35;
    cursor: default;
}

/* Daily Rhythm — shared body paragraph weight */
.ard--new .ard__rhythm-intro,
.ard--new .ard__rhythm-stop-body p,
.ard--new .ard__rhythm-stay-copy p,
.ard--new .ard__rhythm-stay-sub,
.ard--new .ard__rhythm-exp-body,
.ard--new .ard__rhythm-meal-desc {
    font-weight: 300;
}

/* Daily Rhythm — shared heading weight */
.ard--new .ard__rhythm-title,
.ard--new .ard__rhythm-stop-title,
.ard--new .ard__rhythm-block-title,
.ard--new .ard__rhythm-stay-name {
    font-weight: 300;
}

/* Philosophy — Figma Section 7 */
.ard--new .ard__philosophy-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: clamp(5rem, 8.9vw, 8rem) clamp(1.5rem, 8vw, 15.625rem) clamp(5rem, 8.9vw, 8rem) clamp(1.5rem, 14vw, 29rem);
    background: #1A1C1C;
    scroll-margin-top: 5rem;
}

.ard--new .ard__rhythm-section + .ard__philosophy-section {
    margin-top: clamp(10rem, 15vw, 18rem);
}

.ard--new .ard__philosophy-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    width: 100%;
    max-width: 56rem;
    margin: 0;
}

.ard--new .ard__philosophy-eyebrow {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    color: #c5a059;
}

.ard--new .ard__philosophy-title {
    margin: 0;
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: normal;
    font-weight: 300;
    font-size: clamp(2rem, 4.5vw, 2.8125rem);
    line-height: 1.07;
    color: #ffffff;
}

.ard--new .ard__philosophy-reasons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    padding-top: 4.5rem;
}

.ard--new .ard__philosophy-reason {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.445rem;
    width: 100%;
}

.ard--new .ard__philosophy-reason + .ard__philosophy-reason {
    margin-top: 4.5rem;
}

.ard--new .ard__philosophy-reason-title {
    margin: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #ffffff;
}

.ard--new .ard__philosophy-reason:first-child .ard__philosophy-reason-title {
    font-weight: 400;
}

.ard--new .ard__philosophy-reason-body {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #ffffff;
    opacity: 0.8;
}

@media (min-width: 90rem) {
    .ard--new .ard__philosophy-section {
        padding: 8rem 15.625rem;
    }

    .ard--new .ard__philosophy-inner {
        max-width: 69.375rem;
    }

    .ard--new .ard__philosophy-title {
        font-size: 2.8125rem;
        line-height: 3rem;
    }

    .ard--new .ard__philosophy-reason + .ard__philosophy-reason {
        margin-top: 6rem;
    }

    .ard--new .ard__philosophy-reason:nth-child(3) {
        margin-top: 4.65625rem;
    }
}

/* Vetting — Figma Section 8 */
.ard--new .ard__vetting-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: clamp(4rem, 8.9vw, 8rem) clamp(1.5rem, 4vw, 2rem);
    background: #ffffff;
}

.ard--new .ard__vetting-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    width: 100%;
    max-width: 50.375rem;
    margin: 0 auto;
}

.ard--new .ard__vetting-eyebrow {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    text-align: center;
    color: #6b7280;
}

.ard--new .ard__vetting-copy {
    margin: 0;
    width: 100%;
    max-width: 50.375rem;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1.25rem;
    line-height: 2rem;
    text-align: center;
    color: #1a2438;
}

.ard--new .ard__vetting-copy-line {
    display: block;
}

.ard--new .ard__vetting-link {
    display: inline-block;
    margin: 0;
    padding: 0 0 0.125rem;
    border-bottom: 1px solid #545454;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #000;
    transition: opacity 0.2s ease;
}

.ard--new .ard__vetting-link:hover {
    opacity: 0.85;
    color: #984629;
}

@media (min-width: 90rem) {
    .ard--new .ard__vetting-section {
        padding: 8rem 2rem;
    }

    .ard--new .ard__vetting-inner,
    .ard--new .ard__vetting-copy {
        width: 50.375rem;
        max-width: 50.375rem;
    }
}

/* Carry Back — Figma Section 9 */
.ard--new .ard__carry-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0 clamp(1.5rem, 4vw, 2rem) clamp(4rem, 12.78vw, 11.5rem);
    background: #ffffff;
}

.ard--new .ard__carry-inner {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
    padding: 9.375rem 0 0;
    border-top: 1px solid #d1d5db;
}

.ard--new .ard__carry-eyebrow {
    margin: 0;
    width: 100%;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    color: #6b7280;
}

.ard--new .ard__carry-grid {
    display: grid;
    grid-template-columns: minmax(0, 29.5rem) minmax(0, 29.5rem);
    justify-content: space-between;
    gap: 5rem;
    width: 100%;
    align-items: start;
}

.ard--new .ard__carry-quote {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    max-width: 29.5rem;
    min-width: 0;
}

.ard--new .ard__carry-quote p,
.ard--new .ard__carry-quote-line {
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: italic;
    font-weight: 300;
    color: #1a2438;
}

.ard--new .ard__carry-quote p {
    margin: 0;
    font-size: clamp(1.4375rem, 2.2vw, 1.75rem);
    line-height: 1.21;
}

.ard--new .ard__carry-quote-line {
    display: block;
    white-space: normal;
}

@media (min-width: 75rem) {
    .ard--new .ard__carry-quote-line {
        white-space: nowrap;
    }

    .ard--new .ard__carry-quote p,
    .ard--new .ard__carry-quote-line {
        font-size: 1.90rem;
        line-height: 2.125rem;
    }
}

.ard--new .ard__carry-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.43rem;
    width: 100%;
}

.ard--new .ard__carry-copy p {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #374151;
}

@media (min-width: 90rem) {
    .ard--new .ard__carry-inner {
        width: 64rem;
        max-width: 64rem;
        padding-top: 9.375rem;
        gap: 3rem;
    }

    .ard--new .ard__carry-grid {
        grid-template-columns: 29.5rem 29.5rem;
        gap: 5rem;
    }

    .ard--new .ard__carry-copy {
        gap: 1.43rem;
    }
}

/* Practical Details — Figma Section 10 */
.ard--new .ard__practical-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: clamp(4rem, 8.9vw, 8rem) clamp(1.5rem, 8.3vw, 7.5rem) clamp(4rem, 8.9vw, 8rem);
    background: #f4f1ea;
}

.ard--new .ard__carry-section + .ard__practical-section {
    margin-top: clamp(3rem, 6vw, 5rem);
}

.ard--new .ard__practical-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem;
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
}

.ard--new .ard__practical-eyebrow {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    color: #6b7280;
}

.ard--new .ard__practical-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4rem;
    width: 100%;
}

.ard--new .ard__practical-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.4375rem;
    min-width: 0;
}

.ard--new .ard__practical-column-title {
    margin: 0;
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #1A2438;
}

.ard--new .ard__practical-column-body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #4B5563;
}

.ard--new .ard__practical-column-title--mobile,
.ard--new .ard__practical-column-body--mobile {
    display: none;
}

@media (min-width: 90rem) {
    .ard--new .ard__carry-section {
        padding-bottom: 11.5rem;
    }

    .ard--new .ard__practical-section {
        padding: 8rem 7.5rem 8rem;
    }

    .ard--new .ard__practical-inner {
        max-width: 75rem;
    }

    .ard--new .ard__practical-grid {
        grid-template-columns: repeat(3, minmax(0, 22.333125rem));
        justify-content: space-between;
    }
}

/* Traveler Stories — Figma Section 11 */
.ard--new .ard__stories-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: clamp(4rem, 8.9vw, 8rem) clamp(1.5rem, 4.4vw, 4rem);
    background: #ffffff;
    isolation: isolate;
    scroll-margin-top: 5rem;
}

.ard--new .ard__practical-section + .ard__stories-section {
    margin-top: clamp(3rem, 6vw, 5rem);
}

.ard--new .ard__stories-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem;
    width: 100%;
    max-width: 77.5rem;
    margin: 0 auto;
}

.ard--new .ard__stories-eyebrow {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    color: #6b7280;
}

.ard--new .ard__stories-list {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    width: 100%;
    padding-bottom: 4rem;
}

.ard--new .ard__stories-row {
    display: grid;
    grid-template-columns: minmax(0, 36.25rem) minmax(0, 36.25rem);
    gap: 5rem;
    align-items: center;
    width: 100%;
    min-height: 31.25rem;
}

.ard--new .ard__stories-row--reverse {
    grid-template-columns: minmax(0, 36.25rem) minmax(0, 36.25rem);
}

.ard--new .ard__stories-row--reverse .ard__stories-copy {
    order: 2;
}

.ard--new .ard__stories-row--reverse .ard__stories-photos {
    order: 1;
}

.ard--new .ard__stories-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    max-width: 36.25rem;
}

.ard--new .ard__stories-quote {
    margin: 0;
    padding: 0;
    border: 0;
}

.ard--new .ard__stories-quote p {
    margin: 0;
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: italic;
    font-weight: 300;
    font-size: clamp(1.25rem, 1.9vw, 1.4375rem);
    line-height: clamp(1.875rem, 2.8vw, 2.125rem);
    color: #1a2438;
}

.ard--new .ard__stories-quote--regular p {
    font-weight: 400;
}

.ard--new .ard__stories-author {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ard--new .ard__stories-name {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    color: #1a2438;
}

.ard--new .ard__stories-meta {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 0.9375rem;
    letter-spacing: 0.075rem;
    text-transform: uppercase;
    color: #6b7280;
}

.ard--new .ard__stories-photos {
    position: relative;
    width: 100%;
    max-width: 36.25rem;
    min-height: 31.25rem;
    margin: 0 auto;
}

.ard--new .ard__stories-photo {
    display: block;
    max-width: none;
    object-fit: cover;
    border: none;
    outline: none;
    border-radius: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.ard--new .ard__stories-photo--back {
    position: absolute;
    top: 0;
    right: 0;
    width: min(100%, 27.1875rem);
    height: 20rem;
}

.ard--new .ard__stories-photo--front {
    position: absolute;
    top: 11rem;
    left: 0;
    width: min(100%, 21.75rem);
    height: 18rem;
}

.ard--new .ard__stories-footer {
    display: flex;
    justify-content: center;
    width: 100%;
}

.ard--new .ard__stories-footer-link {
    display: inline-block;
    padding: 0 0 0.125rem;
    border-bottom: 1px solid #545454;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #545454;
    transition: opacity 0.2s ease;
}

.ard--new .ard__stories-footer-link:hover {
    opacity: 0.85;
    color: #545454;
}

@media (min-width: 90rem) {
    .ard--new .ard__stories-section {
        padding: 8rem 4rem;
    }
}

@media (min-width: 1200px) {
    .ard--new .ard__rhythm-main {
        grid-template-columns: minmax(0, 1fr) 22.667rem;
        gap: 3rem;
    }

    .ard--new .ard__rhythm-map-col {
        width: 22.667rem;
        max-width: 22.667rem;
    }

    .ard--new .ard__rhythm-map-sticky {
        position: sticky;
        top: calc(4.375rem + 1rem);
    }
}

@media (max-width: 1199px) {
    .ard--new .ard__carry-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .ard--new .ard__carry-quote {
        padding-bottom: 0;
    }

    .ard--new .ard__practical-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .ard--new .ard__stories-row,
    .ard--new .ard__stories-row--reverse {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 2.5rem;
    }

    .ard--new .ard__stories-row--reverse .ard__stories-copy,
    .ard--new .ard__stories-row--reverse .ard__stories-photos {
        order: unset;
    }

    .ard--new .ard__stories-photos {
        min-height: 22rem;
        max-width: none;
    }

    .ard--new .ard__stories-photo--back {
        width: min(78%, 20rem);
        height: 15rem;
    }

    .ard--new .ard__stories-photo--front {
        top: 8.5rem;
        width: min(68%, 16rem);
        height: 13.5rem;
    }

    .ard--new .ard__phases-grid {
        display: flex;
        flex-wrap: nowrap;
        gap: 1.5rem;
        max-width: none;
        margin: 0 -1.25rem;
        padding: 0 1.25rem 0.5rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }

    .ard--new .ard__phases-grid-item {
        flex: 0 0 12.2rem;
        scroll-snap-align: start;
    }
}

@media (max-width: 767px) {
    .ard--new .ard__quote-section {
        min-height: auto;
        margin-top: calc(clamp(2rem, 6vw, 3.5rem) + 5rem);
        padding: 3.5rem 1.25rem;
    }

    .ard--new .ard__section--highlights {
        margin-top: clamp(4rem, 10vw, 6.5rem);
    }

    .ard--new .ard__section--highlights .ard__section-title {
        font-size: clamp(2rem, 8vw, 2.8125rem);
        line-height: 2.5rem;
        margin-bottom: clamp(1.5rem, 5vw, 2rem);
    }

    .ard--new .ard__quote-section-inner {
        gap: 2rem;
        transform: none;
    }

    .ard--new .ard__quote-body {
        gap: 2.5rem;
    }

    .ard--new .ard__quote-block {
        padding-left: 1.5rem;
        border-left: 1px solid #9ca3af;
    }

    .ard--new .ard__quote-block p {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        font-size: clamp(1.125rem, 4.5vw, 1.625rem);
        line-height: 1.45;
    }

    .ard--new .ard__quote-guest {
        width: 100%;
        max-width: 100%;
        padding-left: 1.5rem;
        font-size: 0.9375rem;
        line-height: 1.65;
        font-style: normal;
        text-align: left;
    }

    .ard--new .ard__phases-grid-section {
        padding: 3.75rem 1.25rem 3rem;
        min-height: auto;
    }

    .ard--new .ard__phases-grid-inner {
        gap: 2.5rem;
    }

    .ard--new .ard__phases-grid-title {
        font-size: clamp(1.375rem, 5vw, 1.875rem);
        line-height: 1.15;
    }

    .ard--new .ard__phases-grid {
        display: flex;
        flex-wrap: nowrap;
        gap: 1.5rem;
        margin: 0 -1.25rem;
        padding: 0 1.25rem 0.5rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }

    .ard--new .ard__phases-grid-item {
        flex: 0 0 min(12.2rem, 78vw);
        scroll-snap-align: start;
    }

    .ard--new .ard__rhythm-section {
        margin-top: clamp(2rem, 6vw, 3.5rem);
    }

    .ard--new .ard__rhythm-header {
        padding: 3rem 1.25rem;
    }

    .ard--new .ard__rhythm-title {
        font-size: clamp(2rem, 7vw, 2.8125rem);
        line-height: 1.1;
    }

    .ard--new .ard__rhythm-main {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 2.5rem;
        padding: 0 1.25rem;
    }

    .ard--new .ard__rhythm-content,
    .ard--new .ard__rhythm-timeline {
        display: flex;
        flex-direction: column;
    }

    .ard--new .ard__rhythm-timeline-track,
    .ard--new .ard__rhythm-journey-table,
    .ard--new .ard__rhythm-map-col {
        grid-column: auto;
        grid-row: auto;
    }

    .ard--new .ard__rhythm-map-col {
        order: -1;
    }

    .ard--new .ard__rhythm-map-sticky {
        position: static;
        margin-top: 0;
    }

    .ard--new .ard__rhythm-map-card {
        max-width: 22.667rem;
        margin: 0 auto;
    }

    .ard--new .ard__rhythm-timeline {
        padding: 0;
        gap: 0;
    }

    .ard--new .ard__rhythm-timeline-track {
        gap: 4rem;
        padding-left: 2.25rem;
    }

    .ard--new .ard__rhythm-timeline-track::before {
        top: 0;
        bottom: 0;
        left: 1rem;
        width: 1px;
        background: #e5e7eb;
    }

    .ard--new .ard__rhythm-timeline::before {
        display: none;
    }

    .ard--new .ard__rhythm-stop::before {
        left: calc(1rem - 2.25rem);
    }

    .ard--new .ard__rhythm-stop-intro {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .ard--new .ard__rhythm-stop {
        gap: 2rem;
    }

    .ard--new .ard__rhythm-stay-main {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .ard--new .ard__rhythm-meals-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .ard--new .ard__rhythm-block-head--center .ard__rhythm-block-nav {
        position: static;
        transform: none;
    }

    .ard--new .ard__rhythm-block-head--center {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ard--new .ard__rhythm-hosted-main {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 1.5rem;
    }

    .ard--new .ard__rhythm-hosted-media {
        max-width: 100%;
        height: auto;
        aspect-ratio: 241.77 / 161.02;
    }

    .ard--new .ard__rhythm-hosted-copy {
        height: auto;
    }

    .ard--new .ard__rhythm-hosted-bio {
        width: 100%;
        max-width: 100%;
    }

    .ard--new .ard__rhythm-journey-table-grid {
        grid-template-columns: 1fr;
        row-gap: 1.5rem;
    }

    .ard--new .ard__rhythm-journey-table-left,
    .ard--new .ard__rhythm-journey-table-media {
        max-width: 100%;
    }

    .ard--new .ard__rhythm-journey-table-media {
        gap: 1.5rem;
        justify-self: stretch;
    }

    .ard--new .ard__rhythm-journey-table-body,
    .ard--new .ard__rhythm-journey-table-divider,
    .ard--new .ard__rhythm-journey-table-diets {
        max-width: none;
    }

    .ard--new .ard__rhythm-journey-table-pills {
        flex-wrap: wrap;
    }

    .ard--new .ard__rhythm-food-frame img {
        height: auto;
        aspect-ratio: 256 / 220;
    }

    .ard--new .ard__philosophy-section {
        padding: 5rem 1.25rem;
    }

    .ard--new .ard__rhythm-section + .ard__philosophy-section {
        margin-top: clamp(8rem, 18vw, 14rem);
    }

    .ard--new .ard__philosophy-inner {
        margin: 0 auto;
    }

    .ard--new .ard__philosophy-reasons {
        padding-top: 2rem;
    }

    .ard--new .ard__philosophy-reason + .ard__philosophy-reason {
        margin-top: 3rem;
    }

    .ard--new .ard__philosophy-reason:nth-child(3) {
        margin-top: 2.5rem;
    }

    .ard--new .ard__vetting-section {
        padding: 4rem 1.25rem;
    }

    .ard--new .ard__vetting-inner {
        gap: 2rem;
    }

    .ard--new .ard__vetting-copy {
        font-size: 1.0625rem;
        line-height: 1.75rem;
    }

    .ard--new .ard__carry-section {
        padding: 0 1.25rem 4rem;
    }

    .ard--new .ard__carry-inner {
        padding-top: 4rem;
        gap: 2rem;
    }

    .ard--new .ard__practical-section {
        padding: 4rem 1.25rem 4rem;
    }

    .ard--new .ard__carry-section + .ard__practical-section {
        margin-top: clamp(2.5rem, 8vw, 4rem);
    }

    .ard--new .ard__practical-inner {
        gap: 2.5rem;
    }

    .ard--new .ard__stories-section {
        padding: 4rem 1.25rem;
    }

    .ard--new .ard__practical-section + .ard__stories-section {
        margin-top: clamp(2.5rem, 8vw, 4rem);
    }

    .ard--new .ard__stories-inner {
        gap: 2.5rem;
    }

    .ard--new .ard__stories-list {
        gap: 3rem;
        padding-bottom: 2rem;
    }

    .ard--new .ard__stories-copy {
        gap: 1.5rem;
    }
}

/* The Traveller (Wisdom Quote) — Figma mobile shell ≤393px (fluid 320px–393px) */
@media (max-width: 393px) {
    .ard--new .ard__quote-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
        width: 100%;
        min-height: 0;
        margin: 3.75rem 0 0;
        padding: 0 1.5rem 4.375rem;
        background: #fcfaf8;
        border-top: none;
        border-bottom: none;
        scroll-margin-top: 5rem;
    }

    .ard--new .ard__quote-section-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.9625rem;
        width: 100%;
        max-width: none;
        margin: 0;
        transform: none;
    }

    .ard--new .ard__quote-eyebrow {
        align-self: stretch;
        width: 100%;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        color: #9ca3af;
    }

    .ard--new .ard__quote-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.9625rem;
        width: 100%;
    }

    .ard--new .ard__quote-block {
        align-self: stretch;
        width: 100%;
        margin: 0;
        padding: 0.75rem 0 0.75rem 1.5rem;
        border: none;
        border-left: 1px solid #9ca3af;
    }

    .ard--new .ard__quote-block p {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: italic;
        font-weight: 300;
        font-size: 1.25rem;
        line-height: 1.875rem;
        color: #3e3e3e;
    }

    .ard--new .ard__quote-guest {
        align-self: stretch;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 0 0 1.5rem;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 1.625rem;
        text-align: left;
        color: #6b7280;
    }
}

/* Journey Highlights — Figma mobile/tablet shell ≤1024px (fluid; desktop from 1025px) */
@media (max-width: 1024px) {
    .ard--new .ard__section--highlights {
        margin-top: 3.75rem;
        margin-bottom: 0;
        scroll-margin-top: 5rem;
    }

    .ard--new .ard__quote-section + .ard__section--highlights {
        margin-top: clamp(9rem, 12vw, 11.5rem);
    }

    .ard--new .ard__section--highlights.ard__wrap.ard__wrap--wide {
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        gap: clamp(1.5rem, 3.82vw, 1.875rem);
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        padding: clamp(1.875rem, 4.58vw, 3rem) clamp(1.5rem, 6.106vw, 2rem) clamp(1.5625rem, 3.82vw, 2rem);
        isolation: isolate;
    }

    .ard--new .ard__section--highlights.ard__wrap.ard__wrap--wide:has(+ .ard__phases-grid-section) {
        padding-bottom: clamp(1rem, 1vw, 1rem);
    }

    .ard--new .ard__section--highlights .ard__section-title {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: none;
        min-height: clamp(3rem, 7.634vw, 3.4375rem);
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 500;
        font-size: clamp(1.5625rem, 3.56vw, 1.75rem);
        line-height: 2rem;
        letter-spacing: 0;
        text-align: center;
        color: #1a1c1c;
    }

    .ard--new .ard__section--highlights .ard__highlights {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: clamp(1.5rem, 3.82vw, 1.875rem);
        width: 100%;
        max-width: none;
    }

    .ard--new .ard__highlight-row,
    .ard--new .ard__highlight-row--reverse {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        grid-template-columns: unset !important;
        gap: clamp(1.5rem, 3.82vw, 1.875rem);
        width: 100%;
        margin: 0 !important;
    }

    .ard--new .ard__highlight-row + .ard__highlight-row {
        margin-top: 0;
    }

    .ard--new .ard__highlight-row:last-child {
        padding-bottom: 1.75rem;
    }

    .ard--new .ard__highlight-media,
    .ard--new .ard__highlight-row--reverse .ard__highlight-media {
        order: -1;
        justify-content: stretch;
        width: 100%;
    }

    .ard--new .ard__highlight-media-frame {
        width: 100%;
        height: auto;
        aspect-ratio: 345 / 230;
        border-radius: 0.3125rem;
        overflow: hidden;
    }

    .ard--new .ard__highlight-row:nth-child(3) .ard__highlight-media-frame {
        aspect-ratio: 345 / 230;
        height: auto;
    }

    .ard--new .ard__highlight-media-frame img {
        position: static;
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        border-radius: 0;
        aspect-ratio: auto !important;
    }

    .ard--new .ard__highlight-row:nth-child(2) .ard__highlight-media-frame img {
        object-position: 55% 50%;
    }

    .ard--new .ard__highlight-row:nth-child(3) .ard__highlight-media-frame img {
        position: static;
        height: 100%;
        object-position: 50% 28%;
    }

    .ard--new .ard__highlight-copy,
    .ard--new .ard__highlight-row--reverse .ard__highlight-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        width: 100%;
        max-width: none;
        margin: 0;
        padding-top: 0;
    }

    .ard--new .ard__highlight-eyebrow {
        display: none;
    }

    .ard--new .ard__highlight-title-stacked {
        display: none;
    }

    .ard--new .ard__highlight-title-single {
        display: inline;
        font-family: inherit;
        font-style: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        color: inherit;
    }

    .ard--new .ard__highlight-copy h3 {
        width: 100%;
        margin: 0;
        font-family: 'Libre Baskerville', Georgia, serif;
        font-style: italic;
        font-weight: 100;
        font-size: clamp(1.125rem, 2.54vw, 1.375rem);
        line-height: 2rem;
        letter-spacing: 0.0625rem;
        text-align: left;
        white-space: nowrap;
        color: rgba(74, 74, 74, 0.78);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    body.ashrams-retreat-detail-new-page .ard--new .ard__highlight-copy h3 {
        white-space: nowrap;
        font-family: 'Libre Baskerville', Georgia, serif;
        font-style: normal;
        font-weight: 100;
        color: #4A4A4A;
    }

    .ard--new .ard__highlight-copy .ard__prose {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        margin: 0;
        padding-top: 1rem;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.625rem;
        text-align: left;
        color: #44474b;
    }

    .ard--new .ard__highlight-copy .ard__prose p {
        width: 100%;
        margin: 0;
        font-family: inherit;
        font-style: normal;
        font-weight: 400;
        font-size: inherit;
        line-height: inherit;
        text-align: left;
        color: inherit;
    }

    .ard--new .ard__highlight-copy .ard__prose p + p {
        margin-top: 0;
        padding-top: 1rem;
        font-style: italic;
        line-height: 1.5rem;
        opacity: 0.8;
    }
}

/* Traveller quote → Journey Highlights: extra gap on small screens (after ≤1024 block) */
@media (max-width: 767px) {
    .ard--new .ard__quote-section + .ard__section--highlights {
        margin-top: clamp(3rem, 10vw, 10rem);
    }
}

/* The Shape of the Journey (Phases Grid) — Figma mobile/tablet shell ≤1024px (fluid; desktop from 1025px) */
@media (max-width: 1024px) {
    .ard--new .ard__section--highlights + .ard__phases-grid-section {
        margin-top: clamp(7.5rem, 16vw, 12rem);
    }

    .ard--new .ard__phases-grid-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: clamp(4rem, 12.722vw, 8rem) clamp(1.5rem, 6.106vw, 2rem);
        background: #fcfaf8;
        isolation: isolate;
        scroll-margin-top: 5rem;
    }

    .ard--new .ard__phases-grid-section:has(+ .ard__rhythm-section) {
        padding-bottom: clamp(6rem, 16vw, 10rem);
    }

    .ard--new .ard__phases-grid-section + .ard__rhythm-section {
        margin-top: clamp(7.5rem, 16vw, 12rem);
    }

    .ard--new .ard__phases-grid-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: clamp(4rem, 8.14vw, 6rem);
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .ard--new .ard__phases-grid-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        width: 100%;
    }

    .ard--new .ard__phases-grid-eyebrow {
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        color: #6b7280;
    }

    .ard--new .ard__phases-grid-title {
        width: 100%;
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: italic;
        font-weight: 400;
        font-size: clamp(1.25rem, 2.54vw, 1.375rem);
        line-height: 1.75rem;
        color: #1a2438;
    }

    .ard--new .ard__phases-grid {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: clamp(3rem, 6.36vw, 3.96875rem);
        width: 100%;
        max-width: none;
        margin: 0;
        padding: clamp(2.5rem, 5.09vw, 3.0625rem) 0 0;
        border-top: 1px solid #3333334f;
        overflow: visible;
        scroll-snap-type: none;
    }

    .ard--new .ard__phases-grid-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: none;
        gap: clamp(1.25rem, 2.54vw, 1.43125rem);
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: none;
        scroll-snap-align: unset;
    }

    .ard--new .ard__phases-grid-num {
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.125rem;
        color: #6B7280;
    }

    .ard--new .ard__phases-grid-item-title {
        width: 100%;
        margin: 0;
        padding-top: 0.1rem;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 500;
        font-size: clamp(1.375rem, 3.05vw, 1.5rem);
        line-height: 1.75rem;
        color: #1a2438;
    }

    .ard--new .ard__phases-grid-item-text {
        width: 100%;
        margin: 0;
        padding: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 1.4375rem;
        color: #4b5563;
    }
}

/* Daily Rhythm — Figma mobile shell ≤393px (header + map; fluid 320px–393px) */
@media (max-width: 393px) {
    .ard--new .ard__rhythm-section {
        box-sizing: border-box;
        width: 100%;
        margin: 3.75rem 0 0;
        padding: 0 0 3.2625rem;
        background: #fff;
        scroll-margin-top: 5rem;
    }

    .ard--new .ard__rhythm-header {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        gap: 1rem;
        width: 100%;
        min-height: 0;
        padding: 3rem 1.5rem;
        /* border-bottom: 1px solid #f3f4f6; */
    }

    .ard--new .ard__rhythm-title {
        align-self: stretch;
        width: 100%;
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 500;
        font-size: 1.5625rem;
        line-height: 3.4375rem;
        text-align: center;
        color: #333333;
    }

    .ard--new .ard__rhythm-intro {
        align-self: stretch;
        width: 100%;
        max-width: none;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        text-align: center;
        color: #6b7280;
    }

    .ard--new .ard__rhythm-main {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3rem;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 2rem 1rem 0;
    }

    .ard--new .ard__rhythm-map-col {
        order: -1;
        align-self: stretch;
        width: 100%;
        min-width: 0;
    }

    .ard--new .ard__rhythm-map-sticky {
        position: static;
        width: 100%;
        margin-top: 0;
    }

    .ard--new .ard__rhythm-map-card {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        width: 100%;
        max-width: none;
        min-height: 17rem;
        margin: 0;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0.3125rem;
        box-shadow: none;
    }

    .ard--new .ard__rhythm-map-frame {
        display: block;
        width: 100%;
        min-height: 16.125rem;
        background: #fdfaf5;
        overflow: hidden;
    }

    .ard--new .ard__rhythm-map-col {
        width: 100%;
        max-width: 100%;
    }

    .ard--new .ard__rhythm-map-sticky {
        max-width: 100%;
        position: static;
    }

    .ard--new .ard__rhythm-map-frame,
    .ard--new .ard__journey-map {
        width: 100%;
        min-height: 16.125rem;
        aspect-ratio: 344 / 258;
    }

    .ard--new .ard__journey-map-static img {
        display: none;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .ard--new .ard__rhythm-content {
        align-self: stretch;
        width: 100%;
        min-width: 0;
    }

    .ard--new .ard__rhythm-timeline {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        isolation: isolate;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .ard--new .ard__rhythm-timeline-track {
        gap: 4rem;
        padding-left: 0;
    }

    .ard--new .ard__rhythm-timeline-track::before {
        top: 0;
        bottom: 0;
        left: 1rem;
        width: 1px;
        background: #e5e7eb;
    }

    .ard--new .ard__rhythm-stop {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
        gap: 1.5625rem;
        isolation: isolate;
        width: 100%;
        min-height: 0;
        padding: 0 0 0 2rem;
        z-index: 1;
    }

    .ard--new .ard__rhythm-stop::before {
        top: 0;
        left: 1rem;
        width: 0.625rem;
        height: 0.625rem;
        transform: translateX(-50%);
    }

    .ard--new .ard__rhythm-stop-title {
        width: 100%;
        font-family: 'Libre Baskerville', Georgia, serif;
        font-style: normal;
        font-weight: 300;
        font-size: 1.125rem;
        line-height: 1.625rem;
        color: #333333;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__rhythm-block-title {
        font-family: 'Libre Baskerville', Georgia, serif;
        font-style: normal;
        font-weight: 300;
        font-size: 1.0625rem;
        line-height: 1.5rem;
        color: #333333;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__rhythm-stay .ard__rhythm-block-title {
        flex: 1 1 auto;
        min-width: 0;
        font-weight: 300;
        font-size: 1.0625rem;
        line-height: 1.5rem;
        text-align: left;
    }

    .ard--new .ard__rhythm-experiences .ard__rhythm-block-title {
        flex: 1 1 auto;
        min-width: 0;
        font-weight: 300;
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: left;
        white-space: nowrap;
    }

    .ard--new .ard__rhythm-stay-name {
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: left;
    }

    .ard--new .ard__rhythm-hosted {
        display: none;
    }
}

/* Where you could Stay + Journey Table — mobile ≤400px */
@media (max-width: 400px) {
    /* About the Journey — Figma spacing: 24px stack + 60px after Read more */
    .ard--new .ard__section--about.ard__wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.5rem;
        width: 100%;
        max-width: none;
        min-height: 0;
        margin: 3.75rem 0 0;
        padding: 0 1.5rem;
        scroll-margin-top: 5rem;
    }

    .ard--new .ard__section--about {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    .ard--new .ard__section--about .ard__section-title {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        width: 100%;
        min-height: 0;
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 500;
        font-size: 1.5625rem;
        line-height: 2rem;
        letter-spacing: 0;
        text-align: center;
        color: #1a1c1c;
    }

    .ard--new .ard__section--about .ard__about-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .ard--new .ard__section--about .ard__about-copy.ard__prose,
    .ard--new .ard__section--about .ard__about-copy.ard__prose p {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        text-align: left;
        color: #1a1c1c;
    }

    .ard--new .ard__about-read-more.is-active:not([hidden]) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        width: auto;
        margin: 0;
        padding: 0 0 0.25rem;
        border: none;
        border-bottom: 1px solid #1a2438;
        background: none;
        font-family: 'Libre Baskerville', Georgia, serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 1.125rem;
        letter-spacing: 0.1125rem;
        text-transform: uppercase;
        text-align: center;
        color: #1a2438;
        cursor: pointer;
    }

    /* The Traveller — Figma: 60px after About, then 70px inside box before eyebrow */
    .ard--new .ard__quote-section {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        min-height: 0;
        margin: 3.75rem 0 0;
        padding: 4.375rem 1.5rem;
        background: #fcfaf8;
        border-top: none;
        border-bottom: none;
        scroll-margin-top: 5rem;
    }

    .ard--new .ard__quote-section-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.9625rem;
        width: 100%;
        max-width: none;
        margin: 0;
        transform: none;
    }

    .ard--new .ard__quote-eyebrow {
        align-self: stretch;
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        color: #9ca3af;
    }

    .ard--new .ard__quote-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.9625rem;
        width: 100%;
    }

    .ard--new .ard__quote-block {
        align-self: stretch;
        width: 100%;
        margin: 0;
        padding: 0.75rem 0 0.75rem 1.5rem;
        border: none;
        border-left: 1px solid #9ca3af;
    }

    .ard--new .ard__quote-block p {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: italic;
        font-weight: 300;
        font-size: 1.25rem;
        line-height: 1.875rem;
        color: #3e3e3e;
    }

    .ard--new .ard__quote-guest {
        align-self: stretch;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 0 0 1.5rem;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 1.625rem;
        color: #6b7280;
    }

    /* Daily Rhythm — wider gaps between day blocks (Days 1–3, 3–6, 9–10, …) */
    .ard--new .ard__rhythm-timeline-track {
        gap: 6.5rem;
    }

    /* Journey Highlights — wider gaps between highlight sections */
    .ard--new .ard__section--highlights .ard__highlights {
        gap: 4rem;
    }

    .ard--new .ard__highlight-row,
    .ard--new .ard__highlight-row--reverse {
        gap: 2rem;
    }

    /* The Shape of the Journey — Figma ≤393px spacing */
    .ard--new .ard__section--highlights + .ard__phases-grid-section {
        margin-top: clamp(1rem, 10vw, 9.5rem);
    }

    .ard--new .ard__phases-grid-section {
        margin-top: 0;
        padding: 3.75rem 1.5rem;
    }

    .ard--new .ard__phases-grid-section:has(+ .ard__rhythm-section) {
        padding-bottom: clamp(3rem, 18vw, 10rem);
    }

    .ard--new .ard__phases-grid-section + .ard__rhythm-section {
        margin-top: clamp(1rem, 0vw, 1.5rem);
    }

    .ard--new .ard__phases-grid-inner {
        gap: 6rem;
    }

    .ard--new .ard__phases-grid-header {
        gap: 1rem;
    }

    .ard--new .ard__phases-grid {
        padding-top: 3.0625rem;
        gap: 3.96875rem;
    }

    .ard--new .ard__phases-grid-item {
        gap: 1.43125rem;
    }

    .ard--new .ard__phases-grid-item-title {
        padding-top: 0.1rem;
    }

    .ard--new .ard__rhythm-hosted {
        display: none;
    }

    .ard--new .ard__rhythm-stay .ard__rhythm-block-head {
        flex-wrap: nowrap;
    }

    .ard--new .ard__rhythm-stay .ard__rhythm-block-head--center {
        justify-content: space-between;
    }

    .ard--new .ard__rhythm-stay .ard__rhythm-block-head--center .ard__rhythm-block-nav {
        position: static;
        transform: none;
    }

    .ard--new .ard__rhythm-stay .ard__rhythm-block-title {
        flex: 1 1 auto;
        min-width: 0;
        font-family: 'Libre Baskerville', Georgia, serif;
        font-style: normal;
        font-weight: 300;
        font-size: 1.0625rem;
        line-height: 1.5rem;
        text-align: left;
        white-space: nowrap;
        color: #333333;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__rhythm-stay-main {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1.5rem;
    }

    .ard--new .ard__rhythm-stay-media {
        order: -1;
    }

    .ard--new .ard__rhythm-stay-copy {
        order: 0;
    }

    .ard--new .ard__rhythm-stay-copy-text--desktop,
    .ard--new .ard__rhythm-stay-sub--desktop {
        display: none;
    }

    .ard--new .ard__rhythm-stay-copy-text--mobile,
    .ard--new .ard__rhythm-stay-sub--mobile {
        display: block;
    }

    .ard--new .ard__rhythm-journey-table {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        isolation: isolate;
        width: 100%;
        max-width: 100%;
        margin: 8.5rem 0 0;
        padding: 0 1.5rem;
        scroll-margin-top: 5rem;
    }

    .ard--new .ard__rhythm-journey-table-grid {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.9375rem;
        width: 100%;
        max-width: none;
    }

    .ard--new .ard__rhythm-journey-table-left,
    .ard--new .ard__rhythm-journey-table-intro {
        display: contents;
    }

    .ard--new .ard__rhythm-journey-table-title {
        order: 0;
        align-self: stretch;
        width: 100%;
        margin: 0 0 1rem;
        padding-bottom: 1.25rem;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 500;
        font-size: 1.5625rem;
        line-height: 2rem;
        text-align: center;
        color: #1a1c1c;
    }

    .ard--new .ard__rhythm-journey-table-media {
        order: 1;
        align-self: stretch;
        align-items: center;
        width: 100%;
        max-width: none;
        gap: 0.9375rem;
        margin-top: 0.25rem;
    }

    .ard--new .ard__rhythm-food-swiper {
        width: min(17.0625rem, 100%);
        max-width: calc(100% - 4.375rem);
        margin: 0 auto;
    }

    .ard--new .ard__rhythm-journey-table-body {
        order: 2;
        align-self: center;
        width: min(16.8125rem, calc(100% - 4.375rem));
        max-width: 16.8125rem;
        margin: 0 auto;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 1.4375rem;
        color: #49473f;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__rhythm-journey-table-footer {
        order: 3;
        align-self: center;
        width: min(16.5625rem, calc(100% - 4.375rem));
        max-width: 16.5625rem;
        margin: 0 auto;
        gap: 1.25rem;
    }

    .ard--new .ard__rhythm-journey-table-divider {
        width: 100%;
        max-width: 16.5625rem;
        background: rgba(203, 198, 188, 0.3);
    }

    .ard--new .ard__rhythm-journey-table-diets {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        width: 100%;
        max-width: 16.5625rem;
    }

    .ard--new .ard__rhythm-journey-table-diets-label {
        font-family: 'Manrope', sans-serif;
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.075rem;
        color: #625e57;
    }

    .ard--new .ard__rhythm-journey-table-pills {
        flex-wrap: wrap;
        gap: 0.375rem;
    }

    .ard--new .ard__rhythm-journey-table-pills li {
        padding: 0.46875rem 1rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.075rem;
        border-radius: 0.3125rem;
    }

    .ard--new .ard__rhythm-food-frame {
        width: 100%;
        border-radius: 0.3125rem;
        background: none;
    }
    
    .ard--new .ard__rhythm-food-frame img {
        display: block;
        width: 100%;
        height: 12.5625rem;
        aspect-ratio: 273 / 201;
        border-radius: 0.3125rem;
        object-fit: cover;
    }

    .ard--new .ard__rhythm-journey-table-controls {
        width: min(17.0625rem, 100%);
        max-width: calc(100% - 4.375rem);
        min-height: 2.25rem;
        margin: 0 auto;
        padding: 0 0.5rem;
        box-sizing: border-box;
    }

    /* People & Insights — The people behind this journey + What you'll carry back */
    .ard--new .ard__vetting-section {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 0;
        padding: 6.25rem 1.5rem 0;
        background: #ffffff;
    }

    .ard--new .ard__vetting-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3rem;
        width: 100%;
        max-width: 21.375rem;
        margin: 0 auto;
    }

    .ard--new .ard__vetting-eyebrow {
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        text-align: center;
        color: #6b7280;
    }

    .ard--new .ard__vetting-copy {
        width: 100%;
        max-width: 18.3125rem;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 200;
        font-size: 0.875rem;
        line-height: 1.625rem;
        text-align: center;
        color: #1a2438;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__vetting-copy-line {
        display: inline;
    }

    .ard--new .ard__vetting-copy-line:not(:last-child)::after {
        content: ' ';
    }

    .ard--new .ard__vetting-link {
        align-self: stretch;
        width: 100%;
        max-width: 21.375rem;
        margin: 0;
        padding: 0 0 0.5rem;
        border-bottom: 1px solid rgb(120 117 117 / 30%);
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.5rem;
        line-height: 0.9375rem;
        letter-spacing: 0.0625rem;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        color: #6B7280;
    }

    .ard--new .ard__carry-section {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 0;
        padding: 0 1.5rem 8rem;
        background: #ffffff;
    }

    .ard--new .ard__carry-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3rem;
        width: 100%;
        max-width: 21.375rem;
        margin: 0 auto;
        padding: 10rem 0 0;
        border-top: 1px solid #d1d5db;
    }

    .ard--new .ard__carry-eyebrow {
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        text-align: left;
        color: #6b7280;
    }

    .ard--new .ard__carry-grid {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6rem;
        width: 100%;
    }

    .ard--new .ard__carry-quote {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .ard--new .ard__carry-quote p {
        margin: 0;
    }

    .ard--new .ard__carry-quote p,
    .ard--new .ard__carry-quote-line {
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: italic;
        font-weight: 300;
        font-size: 1.25rem;
        line-height: 1.875rem;
        color: #1a2438;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__carry-quote-line {
        display: block;
    }

    .ard--new .ard__carry-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.43rem;
        width: 100%;
    }

    .ard--new .ard__carry-copy p {
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 200;
        font-size: 0.875rem;
        line-height: 1.625rem;
        color: #374151;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    /* Practical Details — What shapes every journey */
    .ard--new .ard__practical-section {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 0;
        padding: 8rem 1.5rem;
        background: #f4f1ea;
    }

    .ard--new .ard__carry-section + .ard__practical-section {
        margin-top: clamp(2.5rem, 8vw, 4rem);
    }

    .ard--new .ard__practical-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4rem;
        width: 100%;
        max-width: 21.375rem;
        margin: 0 auto;
    }

    .ard--new .ard__practical-eyebrow {
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        color: #6b7280;
    }
    .ard--new .ard__stories-footer-link{
        margin: 0 auto;
    }
    .ard--new .ard__practical-grid {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.5625rem;
        width: 100%;
    }

    .ard--new .ard__practical-column {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.4375rem;
        width: 100%;
    }

    .ard--new .ard__practical-column-title {
        width: 100%;
        margin: 0;
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: #1a2438;
    }

    .ard--new .ard__practical-column-body {
        width: 100%;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 1.4375rem;
        color: #4b5563;
    }

    .ard--new .ard__practical-column-title--desktop,
    .ard--new .ard__practical-column-body--desktop {
        display: none;
    }

    .ard--new .ard__practical-column-title--mobile,
    .ard--new .ard__practical-column-body--mobile {
        display: block;
    }

    /* Traveler Stories — Figma Main ≤400px */
    .ard--new .ard__stories-section {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 0;
        padding: 6rem 1.5rem 5rem;
        background: #ffffff;
    }

    .ard--new .ard__practical-section + .ard__stories-section {
        margin-top: clamp(2.5rem, 8vw, 4rem);
    }

    .ard--new .ard__stories-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3rem;
        width: 100%;
        max-width: 21.375rem;
        margin: 0 auto;
    }

    .ard--new .ard__stories-eyebrow {
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        color: #6b7280;
    }

    .ard--new .ard__stories-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8rem;
        width: 100%;
        padding-bottom: 2rem;
    }

    .ard--new .ard__stories-row,
    .ard--new .ard__stories-row--reverse {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
        width: 100%;
        min-height: 0;
    }

    .ard--new .ard__stories-row--reverse .ard__stories-copy {
        order: 0;
    }

    .ard--new .ard__stories-row--reverse .ard__stories-photos {
        order: -1;
    }

    .ard--new .ard__stories-photos {
        order: -1;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 1rem;
        position: static;
        width: 100%;
        max-width: 21.375rem;
        height: 12.1875rem;
        min-height: 12.1875rem;
        margin: 0;
    }

    .ard--new .ard__stories-copy {
        order: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        width: 100%;
        max-width: none;
    }

    .ard--new .ard__stories-quote p {
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: italic;
        font-weight: 300;
        font-size: 1.25rem;
        line-height: 1.875rem;
        color: #1a2438;
    }

    .ard--new .ard__stories-quote--regular p {
        font-weight: 300;
    }

    .ard--new .ard__stories-author {
        gap: 0.25rem;
        width: 100%;
    }

    .ard--new .ard__stories-name {
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: #1a2438;
    }

    .ard--new .ard__stories-meta {
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.075rem;
        text-transform: uppercase;
        color: #6b7280;
    }

    /* Both traveler photos — rounded corners on mobile */
    .ard--new .ard__stories-photo {
        display: block;
        flex: 0 0 10.1875rem;
        width: 10.1875rem;
        height: 10.1875rem;
        max-width: none;
        object-fit: cover;
        box-shadow: none;
        border-radius: 0.625rem;
    }

    .ard--new .ard__stories-photo--back,
    .ard--new .ard__stories-row--reverse .ard__stories-photo--back {
        position: static;
        top: auto;
        right: auto;
        left: auto;
        margin-top: 1rem;
        border-radius: 0.625rem;
    }

    .ard--new .ard__stories-photo--front,
    .ard--new .ard__stories-row--reverse .ard__stories-photo--front {
        position: static;
        top: auto;
        right: auto;
        left: auto;
        margin-top: 2rem;
        border-radius: 0.625rem;
    }

    .ard--new .ard__stories-footer {
        justify-content: flex-start;
        width: 100%;
    }
}

/* Figma Main @ 401–999px: 60px between major sections (margin-top on quote).
   ≤400px spacing is defined in the dedicated mobile block above. */
@media (min-width: 401px) and (max-width: 999px) {
    .ard--new .ard__quote-section {
        margin-top: 3.75rem;
        padding-top: 0;
        border-top: none;
        border-bottom: none;
    }
}

/* What's Covered — match The Investment shell */
.ard--new .ard__investment-section {
    background: #fdfcfa;
}

/* What's Covered — Figma accordion section */
.ard--new .ard__investment-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: clamp(4rem, 8.9vw, 8rem) clamp(1.5rem, 4.4vw, 4rem);
}

.ard--new .ard__investment-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    width: 100%;
    max-width: 57.6875rem;
    margin: 0 auto;
}

.ard--new .ard__investment-eyebrow {
    margin: 0;
    width: 100%;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    color: #6b7280;
}

.ard--new .ard__investment-accordion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    padding-top: 1rem;
}

.ard--new .ard__investment-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.ard--new .ard__investment-panel.is-open {
    gap: 2rem;
    padding-bottom: 3rem;
}

.ard--new .ard__investment-toggle {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 4.8125rem;
    margin: 0;
    padding: 1.5rem 0;
    border: 0;
    border-bottom: 1px solid #e5e7eb;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.ard--new .ard__investment-panel.is-open .ard__investment-toggle {
    min-height: 4.8125rem;
    padding: 0;
}

.ard--new .ard__investment-toggle-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.ard--new .ard__investment-badge {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    color: rgb(107 114 128);
}

.ard--new .ard__investment-badge-icon {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
}

.ard--new .ard__investment-toggle-label {
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #1a2438;
}

.ard--new .ard__investment-toggle-icon {
    flex-shrink: 0;
    width: 0.875rem;
    height: 0.875rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
    color: #1a2438;
}

.ard--new .ard__investment-panel-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.ard--new .ard__investment-panel-body[hidden] {
    display: none;
}

.ard--new .ard__investment-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ard--new .ard__investment-list-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    min-height: 1.25rem;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #374151;
}

.ard--new .ard__investment-list-icon {
    flex-shrink: 0;
    width: 0.8125rem;
    height: 0.8125rem;
    margin-top: 0.1875rem;
    color: rgb(107 114 128);
}

.ard--new .ard__investment-list-icon--x {
    width: 0.8125rem;
    height: 0.8125rem;
    margin-top: 0.1875rem;
}

@media (min-width: 90rem) {
    .ard--new .ard__investment-section {
        padding: 8rem 4rem;
    }
}

@media (max-width: 767px) {
    .ard--new .ard__investment-toggle-label {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    .ard--new .ard__investment-panel.is-open {
        padding-bottom: 2rem;
    }
}

/* The Investment — Figma InvestmentSection */
.ard--new .ard__investment-pricing-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: clamp(4rem, 8.9vw, 8rem) clamp(1.5rem, 13.3vw, 12rem);
    background: #fdfcfa;
}

.ard--new .ard__investment-pricing-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.9375rem;
    width: 100%;
    max-width: 65.625rem;
    margin: 0 auto;
}

.ard--new .ard__investment-pricing-eyebrow {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    text-align: center;
    color: #6b7280;
}

.ard--new .ard__investment-pricing-intro {
    width: 100%;
    max-width: 44.5rem;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    text-align: center;
    color: #374151;
}

.ard--new .ard__investment-pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 19.5rem));
    justify-content: center;
    gap: 3rem;
    width: 100%;
    max-width: 42rem;
    padding-top: 3.0625rem;
}

.ard--new .ard__investment-pricing-tier {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding-top: 2rem;
    border-top: 1px solid rgb(103 103 103 / 40%);
}

.ard--new .ard__investment-pricing-tier-label {
    margin: 0;
    width: 100%;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    color: #9ca3af;
}

.ard--new .ard__investment-pricing-tier-price {
    margin: 0;
    width: 100%;
    font-family: 'Playfair Display', Georgia, serif;
    font-style: normal;
    font-weight: 300;
    font-size: clamp(1.75rem, 2.5vw, 2.25rem);
    line-height: 2.5rem;
    color: #333333;
}

.ard--new .ard__investment-pricing-tier-note {
    margin: 0;
    width: 100%;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #6b7280;
}

.ard--new .ard__investment-pricing-footnote {
    width: 100%;
    max-width: 28rem;
    margin: 0;
    padding-top: 4.0625rem;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 1rem;
    text-align: center;
    color: #9ca3af;
}

@media (min-width: 90rem) {
    .ard--new .ard__investment-pricing-section {
        padding: 8rem 12rem;
    }

    .ard--new .ard__investment-pricing-inner {
        max-width: 65.625rem;
        gap: 1.9375rem;
    }

    .ard--new .ard__investment-pricing-intro {
        font-size: 14px;
        line-height: 23px;
        max-width: 712px;
    }

    .ard--new .ard__investment-pricing-grid {
        padding-top: 49px;
    }

    .ard--new .ard__investment-pricing-tier-price {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

@media (max-width: 767px) {
    .ard--new .ard__investment-pricing-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        max-width: 19.5rem;
        padding-top: 2rem;
    }

    .ard--new .ard__investment-pricing-footnote {
        padding-top: 2.5rem;
    }
}

/* What's Covered + The Investment — mobile ≤400px */
@media (max-width: 400px) {
    .ard--new .ard__investment-section {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 0;
        padding: 2.5rem 1.5rem 0;
        background: #fdfcfa;
    }

    .ard--new .ard__investment-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        width: 100%;
        max-width: 21.375rem;
        margin: 0 auto;
    }

    .ard--new .ard__investment-eyebrow {
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        color: #6b7280;
    }

    .ard--new .ard__investment-accordion {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        width: 100%;
        padding-top: 1rem;
    }

    .ard--new .ard__investment-panel.is-open {
        gap: 2rem;
        padding-bottom: 3rem;
    }

    .ard--new .ard__investment-toggle {
        min-height: 4.8125rem;
        padding: 1.5rem 0;
    }

    .ard--new .ard__investment-panel.is-open .ard__investment-toggle {
        min-height: 4.8125rem;
        padding: 0;
    }

    .ard--new .ard__investment-toggle-label {
        font-family: 'Cormorant Infant', Georgia, serif;
        font-style: normal;
        font-weight: 300;
        font-size: 1.375rem;
        line-height: 1.75rem;
        color: #1a2438;
    }

    .ard--new .ard__investment-list {
        gap: 1rem;
    }

    .ard--new .ard__investment-list-item {
        gap: 0.75rem;
        font-weight: 200;
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: #374151;
    }

    /* The Investment — Figma InvestmentSection ≤400px */
    .ard--new .ard__investment-pricing-section {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding: 8rem 1.5rem;
        background: #fdfcfa;
    }

    .ard--new .ard__investment-pricing-inner {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3rem;
        width: 100%;
        max-width: 21.375rem;
        margin: 0 auto;
        padding: 0;
    }

    .ard--new .ard__investment-pricing-eyebrow {
        align-self: stretch;
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        text-align: center;
        color: #6b7280;
    }

    .ard--new .ard__investment-pricing-intro {
        align-self: stretch;
        width: 100%;
        max-width: none;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 1.4375rem;
        text-align: center;
        color: #374151;
    }

    .ard--new .ard__investment-pricing-grid {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        gap: 0;
        width: 100%;
        max-width: none;
        margin-top: calc(3.0625rem - 3rem + 1.5rem);
        padding-top: 0;
    }

    .ard--new .ard__investment-pricing-tier {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
        width: 100%;
        height: 7.5rem;
        min-height: 7.5rem;
        padding: 2rem 0 0;
        border-top: 1px solid rgb(87 85 84 / 40%);
        text-align: center;
    }

    .ard--new .ard__investment-pricing-tier:first-child {
        margin-bottom: 0.75rem;
    }

    .ard--new .ard__investment-pricing-tier-label {
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.4375rem;
        line-height: 0.625rem;
        letter-spacing: 0.0625rem;
        text-transform: uppercase;
        text-align: center;
        color: #9ca3af;
    }

    .ard--new .ard__investment-pricing-tier-price {
        width: 100%;
        margin: 0;
        font-family: 'Playfair Display', Georgia, serif;
        font-style: normal;
        font-weight: 300;
        font-size: 1.625rem;
        line-height: 1.875rem;
        text-align: center;
        color: #333333;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__investment-pricing-tier-note {
        width: 100%;
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-style: italic;
        font-weight: 400;
        font-size: 0.5625rem;
        line-height: 0.8125rem;
        text-align: center;
        color: #9ca3af;
    }

    .ard--new .ard__investment-pricing-footnote {
        align-self: stretch;
        width: 100%;
        max-width: none;
        margin: 1.5rem 0 0;
        padding-top: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 0.625rem;
        line-height: 1rem;
        text-align: center;
        color: #9ca3af;
    }
}

/* FAQs — Figma Common Questions section */
.ard--new .ard__faqs-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: clamp(4rem, 8.9vw, 8rem) clamp(1.5rem, 17.8vw, 16rem);
    background: #ffffff;
}

.ard--new .ard__faqs-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
}

.ard--new .ard__faqs-eyebrow {
    margin: 0;
    width: 100%;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    color: #6b7280;
}

.ard--new .ard__faqs-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    width: 100%;
}

.ard--new .ard__faqs-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.921875rem;
    width: 100%;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e7eb;
}

.ard--new .ard__faqs-item:not(.is-open) {
    gap: 0;
    padding-bottom: 2rem;
}

.ard--new .ard__faqs-toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    min-height: 1.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.ard--new .ard__faqs-question {
    flex: 1;
    min-width: 0;
    font-family: 'Cormorant Infant', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #1a2438;
}

.ard--new .ard__faqs-chevron {
    flex-shrink: 0;
    width: 0.75rem;
    height: 0.4625rem;
    color: #1a2438;
    transition: transform 0.2s ease;
}

.ard--new .ard__faqs-item.is-open .ard__faqs-chevron {
    transform: rotate(180deg);
}

.ard--new .ard__faqs-answer {
    width: 100%;
}

.ard--new .ard__faqs-answer[hidden] {
    display: none;
}

.ard--new .ard__faqs-answer p {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 0.875rem;
    line-height: 1.4375rem;
    color: #374151;
}

@media (min-width: 90rem) {
    .ard--new .ard__faqs-section {
        padding: 8rem max(1.5rem, calc((100% - 64rem - var(--ard-rail-reclaim) * 2) / 2));
    }

    .ard--new .ard__faqs-inner {
        max-width: calc(64rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__faqs-question {
        font-size: 24px;
        line-height: 28px;
    }

    .ard--new .ard__faqs-answer p {
        font-size: 14px;
        line-height: 23px;
    }
}

@media (max-width: 767px) {
    .ard--new .ard__faqs-question {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }

    .ard--new .ard__faqs-list {
        gap: 1.5rem;
    }
}

/* Common Questions — mobile ≤400px */
@media (max-width: 400px) {
    .ard--new .ard__faqs-section {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin: 0;
        padding: 8rem 1.5rem;
        background: #ffffff;
    }

    .ard--new .ard__faqs-inner {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3rem;
        width: 100%;
        max-width: 21.375rem;
        margin: 0 auto;
        padding: 0;
    }

    .ard--new .ard__faqs-eyebrow {
        width: 100%;
        margin: 0;
        font-family: 'Inter', system-ui, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.25rem;
        text-transform: uppercase;
        color: #6b7280;
    }

    .ard--new .ard__faqs-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        width: 100%;
    }

    .ard--new .ard__faqs-item {
        gap: 0.921875rem;
        padding-bottom: 2rem;
    }

    .ard--new .ard__faqs-item:not(.is-open) {
        gap: 0;
        padding-bottom: 2rem;
    }

    .ard--new .ard__faqs-question {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 300;
        color: #1a2438;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__faqs-answer p {
        font-family: 'Inter', system-ui, sans-serif;
        font-weight: 200;
        font-size: 0.875rem;
        line-height: 1.4375rem;
        color: #374151;
    }
}

/* Liberation Serif — Figma Reserve / Next Steps (not on Google Fonts) */
@font-face {
    font-family: 'Liberation Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/liberation-serif/LiberationSerif-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Liberation Serif';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/liberation-serif/LiberationSerif-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Liberation Serif';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/liberation-serif/LiberationSerif-Bold.ttf') format('truetype');
}

/* Closing CTA — Figma Reserve / Next Steps section */
.ard--new .ard__closing-section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0 clamp(1.5rem, 13.3vw, 12rem) clamp(4rem, 11.1vw, 10rem);
    background: #ffffff;
    scroll-margin-top: 5rem;
}

.ard--new .ard__closing-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: 66rem;
    margin: 0 auto;
    padding: clamp(4rem, 8.9vw, 8rem) 0;
}

.ard--new .ard__closing-primary-copy,
.ard--new .ard__closing-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.ard--new .ard__closing-primary-copy {
    gap: 2rem;
    max-width: 66rem;
    text-align: center;
}

.ard--new .ard__closing-eyebrow {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.625rem;
    line-height: 0.9375rem;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    color: #6b7280;
}

.ard--new .ard__closing-title {
    margin: 0;
    width: 100%;
    max-width: 42.625rem;
    font-family: 'Liberation Serif', serif;
    font-style: italic;
    font-weight: 200;
    font-size: 2.25rem;
    line-height: 1.67;
    color: #1A2438;
}

.ard--new .ard__closing-lead {
    margin: 0;
    max-width: 25rem;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #6b7280;
}

.ard--new .ard__closing-btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19.875rem;
    min-height: 3.875rem;
    margin-top: 2.6875rem;
    margin-bottom: 4.6875rem;
    padding: 1.25rem 3rem;
    border: 1px solid #1a1d23;
    background: transparent;
    font-family: 'Libre Caslon Text', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.21875rem;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    color: #1a1d23;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ard--new .ard__closing-btn:hover {
    background: #1a1d23;
    color: #ffffff;
}

.ard--new .ard__closing-contact {
    gap: 1.5rem;
    max-width: 66rem;
    text-align: center;
}

.ard--new .ard__closing-contact-title {
    margin: 0;
    max-width: 20.6875rem;
    font-family: 'Liberation Serif', serif;
    font-style: italic;
    font-weight: 200;
    font-size: 2.25rem;
    line-height: 1;
    color: #1A2438;
}

.ard--new .ard__closing-contact-copy {
    margin: 0;
    max-width: 37.5rem;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 2rem;
    color: #4b5563;
}

.ard--new .ard__closing-link-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.5rem;
}

.ard--new .ard__closing-link {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0 0 0.25rem;
    border: 0;
    border-bottom: 1px solid #1a2438;
    background: transparent;
    cursor: pointer;
    font-family: 'Libre Caslon Text', Georgia, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.1125rem;
    text-transform: uppercase;
    color: #1a2438;
    transition: opacity 0.2s ease;
}

.ard--new .ard__closing-link span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
    color: inherit;
}

.ard--new .ard__closing-link:hover {
    opacity: 0.75;
}

.ard--new .ard__closing-link-icon {
    flex-shrink: 0;
    width: 0.583125rem;
    height: 0.583125rem;
    color: #1a2438;
}

@media (min-width: 90rem) {
    .ard--new .ard__closing-section {
        padding: 0 max(1.5rem, calc((100% - 66rem - var(--ard-rail-reclaim) * 2) / 2)) 10rem;
    }

    .ard--new .ard__closing-inner {
        max-width: calc(66rem + var(--ard-rail-reclaim) * 2);
        padding: 8rem 0;
    }

    .ard--new .ard__closing-primary-copy {
        gap: 2rem;
    }

    .ard--new .ard__closing-title {
        max-width: 100%;
        font-size: 36px;
        line-height: 60px;
    }

    .ard--new .ard__closing-lead {
        max-width: 400px;
        font-size: 14px;
        line-height: 20px;
    }

    .ard--new .ard__closing-btn {
        margin-top: 43px;
        margin-bottom: 75px;
        width: 318px;
        height: 62px;
        padding: 20px 48px;
        letter-spacing: 3.5px;
    }

    .ard--new .ard__closing-contact-title {
        font-size: 36px;
        line-height: 36px;
    }

    .ard--new .ard__closing-contact-copy {
        font-size: 14px;
        line-height: 28px;
    }

    .ard--new .ard__closing-link-wrap {
        padding-top: 24px;
    }

    .ard--new .ard__closing-link {
        letter-spacing: 1.8px;
    }
}

@media (max-width: 767px) {
    .ard--new .ard__closing-btn {
        margin-bottom: 3rem;
        width: 100%;
        min-width: 0;
        max-width: 19.875rem;
    }

    .ard--new .ard__closing-title,
    .ard--new .ard__closing-contact-title {
        line-height: 1.35;
    }
}

/* Next Steps — mobile ≤400px */
@media (max-width: 400px) {
    .ard--new .ard__closing-inner {
        max-width: 21.375rem;
    }

    .ard--new .ard__closing-eyebrow {
        font-size: 0.5625rem;
        line-height: 0.8125rem;
        letter-spacing: 0.1875rem;
    }

    .ard--new .ard__closing-title {
        font-size: 1.25rem;
        line-height: 1.3;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__closing-lead {
        font-size: 0.8125rem;
        line-height: 1.1875rem;
        max-width: 13.75rem;
    }

    .ard--new .ard__closing-btn {
        margin-top: 3.25rem;
        margin-bottom: 3.75rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 0.175rem;
    }

    .ard--new .ard__closing-contact-title {
        font-size: 1.375rem;
        line-height: 1.25;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .ard--new .ard__closing-contact-copy {
        font-size: 0.75rem;
        line-height: 1.375rem;
    }

    .ard--new .ard__closing-link {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0875rem;
    }
}

/* Reclaim horizontal space after removing fixed side CTAs */
@media (min-width: 75rem) {
    .ard--new .ard__hero--new {
        max-width: calc(80rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__hero-inner {
        max-width: calc(74rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__hero-title {
        max-width: calc(63.75rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__quote-section-inner {
        max-width: calc(57.8125rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__phases-grid-inner {
        max-width: calc(69rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__vetting-inner {
        max-width: calc(50.375rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__carry-inner {
        max-width: calc(64rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__practical-inner {
        max-width: calc(75rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__stories-inner {
        max-width: calc(77.5rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__stories-row,
    .ard--new .ard__stories-row--reverse {
        grid-template-columns:
            minmax(0, calc(36.25rem + var(--ard-rail-reclaim)))
            minmax(0, calc(36.25rem + var(--ard-rail-reclaim)));
    }

    .ard--new .ard__stories-copy,
    .ard--new .ard__stories-photos {
        max-width: calc(36.25rem + var(--ard-rail-reclaim));
    }

    .ard--new .ard__investment-inner {
        max-width: calc(57.6875rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__investment-pricing-inner {
        max-width: calc(65.625rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__investment-pricing-intro {
        max-width: calc(44.5rem + var(--ard-rail-reclaim));
    }

    .ard--new .ard__closing-primary-copy,
    .ard--new .ard__closing-contact {
        max-width: calc(66rem + var(--ard-rail-reclaim) * 2);
    }

    .ard--new .ard__closing-title {
        max-width: calc(47rem + var(--ard-rail-reclaim));
    }
}

/* Footer — phone: Discover + tagline use same responsive gutter as page sections (r-new only) */
@media (max-width: 999px) {
    body.ashrams-retreat-detail-new-page .ashrams-footer {
        --ard-footer-phone-gutter: clamp(1rem, 6.106vw, 1.5rem);
        --ard-footer-tagline-drop: clamp(0.5rem, 2vw, 0.75rem);
    }

    body.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(1) {
        padding-left: var(--ard-footer-phone-gutter);
    }

    body.ashrams-home.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__top > .ashrams-footer__tagline {
        padding-left: var(--ard-footer-phone-gutter);
        margin-top: var(--ard-footer-tagline-drop);
        font-family: 'Inter', system-ui, sans-serif;
        color: #00000033;
    }

    body.ashrams-home.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__tagline-word {
        font-family: inherit;
        color: inherit;
    }

    body.ashrams-home.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__tagline-long,
    body.ashrams-home.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__tagline-short {
        color: inherit;
    }

    body.ashrams-home.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__tagline-long {
        display: inline;
    }

    body.ashrams-home.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__tagline-short {
        display: none;
    }

    body.ashrams-home.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__top {
        row-gap: clamp(3rem, 8.5vw, 3.75rem);
    }

    body.ashrams-home.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__nav > .ashrams-footer__col--social {
        margin-top: calc(
            1.12 * clamp(1.5rem, 5.75vw, 2.15rem) +
            0.5 * clamp(0.28rem, 1.1vw, 0.5rem) -
            0.75rem +
            var(--ard-footer-tagline-drop)
        );
    }
}

/* Footer — r-new: slightly heavier nav list links only (12 items under Discover / Destination / About Us) */
body.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) a {
    font-weight: 500;
}

/* Footer — r-new: nav column titles (Discover / Destination / About Us) in Inter only */
body.ashrams-home.ashrams-retreat-detail-new-page .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col h4 {
    font-family: 'Inter', system-ui, sans-serif;
}

/* Write to us modal — Figma 1280 popup */
.ard__write-modal {
    --ard-write-bg: #1a1c1c;
    --ard-write-muted: #6b7280;
    --ard-write-eyebrow: #7a7a7a;
    --ard-write-lead: #9ca3af;
    --ard-write-content: 42rem;
    --ard-write-pill-active: #7a7a7a;
    --ard-write-submit: #7b7b7b;
}

.ard__write-modal .modal-dialog {
    max-width: none;
    width: 100%;
    margin: 0;
}

.ard__write-modal .modal-content {
    box-sizing: border-box;
    min-height: 100vh;
    min-height: 100dvh;
    border: 0;
    border-radius: 0;
    background: var(--ard-write-bg);
    color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

.ard__write-modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}

.ard__write-modal-close {
    position: fixed;
    top: max(1rem, env(safe-area-inset-top, 0px));
    right: max(1rem, env(safe-area-inset-right, 0px));
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.ard__write-modal-close:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.25);
}

.ard__write-modal-shell {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    padding:
        clamp(4.5rem, 12vw, 8rem)
        clamp(1.25rem, 5vw, 19rem)
        clamp(2.5rem, 8vw, 9rem);
}

.ard__write-modal-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(2.5rem, 6vw, 4rem);
    width: 100%;
    max-width: min(100%, var(--ard-write-content));
}

.ard__write-modal-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0.75rem, 2vw, 1rem);
    width: 100%;
    text-align: center;
}

.ard__write-modal-eyebrow {
    margin: 0;
    width: 100%;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    color: var(--ard-write-eyebrow);
}

.ard__write-modal-title {
    margin: 0;
    width: 100%;
    max-width: 38.6875rem;
    font-family: 'Liberation Serif', Georgia, serif;
    font-size: clamp(1.75rem, 5.5vw, 3.125rem);
    font-weight: 400;
    line-height: 1.08;
    color: #fff;
}

.ard__write-modal-lead {
    margin: 0;
    width: 100%;
    max-width: 40.3125rem;
    padding-top: 0.5rem;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: clamp(0.875rem, 2.2vw, 1rem);
    font-weight: 400;
    line-height: 1.625;
    color: var(--ard-write-lead);
}

.ard__write-modal-lead-short {
    display: none;
}

.ard__write-modal-lead-full {
    display: inline;
}

.ard__write-modal-form {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 4vw, 2rem);
    width: 100%;
}

.ard__write-modal-field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.ard__write-modal-field--companions {
    gap: 1rem;
}

.ard__write-modal-field--region {
    gap: 1rem;
}

.ard__write-modal-pills--regions {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(0.625rem, 2vw, 1rem);
    width: 100%;
}

.ard__write-modal-pills--regions .ard__write-modal-pill {
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
}

.ard__write-modal-label {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    color: var(--ard-write-muted);
}

.ard__write-modal-input {
    box-sizing: border-box;
    width: 100%;
    min-height: 3.0625rem;
    height: auto;
    padding: 0.75rem 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

.ard__write-modal-input:focus {
    outline: none;
    border-bottom-color: rgba(255, 255, 255, 0.45);
}

.ard__write-modal-input::placeholder {
    color: rgba(107, 114, 128, 0.85);
}

.ard__write-modal-pills {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(0.625rem, 2vw, 1rem);
}

.ard__write-modal-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
    margin: 0;
    padding: 0.5rem clamp(1rem, 3vw, 1.5rem);
    min-height: 2.125rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.3125rem;
    background: transparent;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.ard__write-modal-pill input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.ard__write-modal-pill span {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    color: #fff;
}

.ard__write-modal-pill.is-active {
    border-color: var(--ard-write-pill-active);
    background: var(--ard-write-pill-active);
}

.ard__write-modal-pill.is-active span {
    color: #fff;
}

.ard__write-modal-textarea {
    box-sizing: border-box;
    width: 100%;
    min-height: clamp(7.5rem, 24vw, 8.125rem);
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    resize: vertical;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

.ard__write-modal-textarea:focus {
    outline: none;
    border-color: rgba(255, 255, 255, 0.25);
}

.ard__write-modal-textarea::placeholder {
    color: var(--ard-write-muted);
}

.ard__write-modal-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(1rem, 3vw, 1.5rem);
    padding-top: clamp(1.5rem, 4vw, 2rem);
}

.ard__write-modal-submit {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.5rem;
    height: auto;
    padding: 1.25rem 1rem;
    border: 0;
    border-radius: 0.625rem;
    background: var(--ard-write-submit);
    box-shadow:
        0 1.25rem 1.5625rem -0.3125rem rgba(216, 119, 86, 0.1),
        0 0.5rem 0.625rem -0.375rem rgba(216, 119, 86, 0.1);
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.ard__write-modal-submit:hover {
    opacity: 0.92;
}

.ard__write-modal-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.ard__write-modal-submit span {
    position: relative;
    z-index: 1;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: clamp(0.125rem, 1.2vw, 0.25rem);
    text-transform: uppercase;
    color: #fff;
}

.ard__write-modal-footnote {
    margin: 0;
    width: 100%;
    max-width: 22.5rem;
    margin-inline: auto;
    text-align: center;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.625rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    color: var(--ard-write-muted);
}

/* Write to us modal — tablet */
@media (min-width: 48rem) and (max-width: 79.9375rem) {
    .ard__write-modal-shell {
        padding:
            clamp(5rem, 10vw, 6.5rem)
            clamp(2rem, 6vw, 4rem)
            clamp(3rem, 8vw, 5rem);
    }

    .ard__write-modal-close {
        top: max(1.25rem, env(safe-area-inset-top, 0px));
        right: max(1.25rem, env(safe-area-inset-right, 0px));
    }
}

/* Write to us modal — desktop (Figma 1280) */
@media (min-width: 80rem) {
    .ard__write-modal-shell {
        padding: 8rem 19rem 9rem;
    }

    .ard__write-modal-inner {
        gap: 4rem;
    }

    .ard__write-modal-title {
        font-size: 3.125rem;
        line-height: 3rem;
    }

    .ard__write-modal-lead {
        font-size: 1rem;
        line-height: 1.625rem;
    }
}

/* Write to us modal — mobile (Figma 393, <=500px) */
@media (max-width: 500px) {
    .ard__write-modal-close {
        width: 2.5rem;
        height: 2.5rem;
        top: max(0.875rem, env(safe-area-inset-top, 0px));
        right: max(0.625rem, env(safe-area-inset-right, 0px));
    }

    .ard__write-modal-shell {
        position: relative;
        isolation: isolate;
        align-items: flex-start;
        padding:
            calc(3.75rem + env(safe-area-inset-top, 0px))
            0.625rem
            calc(2.5rem + env(safe-area-inset-bottom, 0px));
    }

    .ard__write-modal-inner {
        align-items: flex-start;
        gap: 3.125rem;
        width: 100%;
        max-width: 20.75rem;
        margin-inline: auto;
    }

    .ard__write-modal-header {
        align-items: center;
        gap: 1rem;
        width: 100%;
    }

    .ard__write-modal-eyebrow {
        text-align: center;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.0625rem;
    }

    .ard__write-modal-title {
        max-width: 19.375rem;
        font-size: 1.5625rem;
        line-height: 3rem;
        text-align: center;
    }

    .ard__write-modal-lead {
        max-width: 19.1875rem;
        padding-top: 0.5rem;
        font-size: 0.875rem;
        line-height: 1.625rem;
        text-align: center;
    }

    .ard__write-modal-lead-short {
        display: inline;
    }

    .ard__write-modal-lead-full {
        display: none;
    }

    .ard__write-modal-form {
        gap: 2rem;
        width: 100%;
    }

    .ard__write-modal-field {
        gap: 0.5rem;
        width: 100%;
    }

    .ard__write-modal-field--companions {
        gap: 1rem;
    }

    .ard__write-modal-field--region {
        gap: 1rem;
    }

    .ard__write-modal-pills--regions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    .ard__write-modal-pills--regions .ard__write-modal-pill {
        width: 100%;
        min-width: 0;
    }

    .ard__write-modal-label {
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 0.0625rem;
    }

    .ard__write-modal-input {
        height: 3.0625rem;
        min-height: 3.0625rem;
        padding: 0.75rem 0;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .ard__write-modal-pills {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 1rem;
        width: 100%;
        padding-top: 1rem;
    }

    .ard__write-modal-pill {
        flex: 0 0 auto;
        width: auto;
        min-height: 2.125rem;
        height: 2.125rem;
        padding: 0.5rem 1.5rem;
        border-radius: 0.3125rem;
    }

    .ard__write-modal-pill span {
        font-size: 0.75rem;
        line-height: 1rem;
        text-align: center;
    }

    .ard__write-modal-textarea {
        min-height: 8.125rem;
        height: 8.125rem;
        padding: 1rem;
        border-radius: 0.5rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .ard__write-modal-textarea::placeholder {
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--ard-write-muted);
    }

    .ard__write-modal-actions {
        align-items: center;
        gap: 1.5rem;
        padding-top: 2rem;
        width: 100%;
    }

    .ard__write-modal-submit {
        width: 13rem;
        min-height: 2.25rem;
        height: 2.25rem;
        padding: 0.625rem 0;
        border-radius: 0.3125rem;
        background: #7a7a7a;
    }

    .ard__write-modal-submit span {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.25rem;
    }

    .ard__write-modal-footnote {
        max-width: 13.1875rem;
        font-size: 0.625rem;
        line-height: 0.9375rem;
    }
}