/* Region journey pages — shared Himalayas reference design (all regions, present + future) */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Cormorant+Infant:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@300;400&family=Manrope:wght@300;400;700&family=Montserrat:wght@200..400&family=Playfair+Display:ital,wght@0,300;0,400;1,300;1,400&display=swap');

body.ashrams-journey-page {

    --hj-ref: 1440;
    --hj-narrow: min(42rem, calc(100% - 2 * var(--ashrams-shell-pad, 1.5rem))); /* 672px */
    --hj-quote: min(58rem, calc(100% - 2 * var(--ashrams-shell-pad, 1.5rem))); /* 928px */
    --hj-wide: min(81.33rem, calc(100% - 2 * var(--ashrams-shell-pad, 1.5rem))); /* 1312px */
    --hj-signup: min(46rem, calc(100% - 2 * var(--ashrams-shell-pad, 1.5rem))); /* 736px */
    --hj-journey-head-text-gap: clamp(1rem, calc(100vw * 31.5 / var(--hj-ref)), 1.96875rem);
    --hj-journey-action-gap: clamp(1rem, calc(100vw * 31.5 / var(--hj-ref)), 1.96875rem);
    --hj-journey-centered-head-text-gap: clamp(1.5rem, calc(100vw * 47.5 / var(--hj-ref)), 2.96875rem);
    --hj-text: #4a4a4a;
    --hj-heading: #2c2c2c;
    --hj-muted: #8c8c8c;
    --hj-label: #7a7a7a;
    --hj-divider: #e0dfdd;
    background: #ffffff;
    overflow-x: clip;

}

body.ashrams-home.ashrams-journey-page .ashrams-footer {

    margin-top: 0;

}

/* Montserrat body copy — all region journey pages */

body.ashrams-journey-page .hj-intro__copy,
body.ashrams-journey-page .hj-intro__copy p,
body.ashrams-journey-page .hj-intro__para,
body.ashrams-journey-page .hj-intro__text-line,
body.ashrams-journey-page .hj-journey__text,
body.ashrams-journey-page .hj-journey--first .hj-journey__text,
body.ashrams-journey-page .hj-journey--third .hj-journey__text,
body.ashrams-journey-page .hj-quote__lead,
body.ashrams-journey-page .hj-quote__lead .hj-quote__line,
body.ashrams-journey-page .hj-quote__lead-copy,
body.ashrams-journey-page .hj-quote__lead-copy .hj-quote__line,
body.ashrams-journey-page .hj-journey-centered__text,
body.ashrams-journey-page .hj-journey-centered__line,
body.ashrams-journey-page .hj-journey-centered__text--flow,
body.ashrams-journey-page .hj-philosophy__para,
body.ashrams-journey-page .hj-philosophy__line {

    font-family: 'Montserrat', sans-serif !important;

}

.hj-main {

    background: #ffffff;
    overflow-x: clip;

}

/* —— Hero (Figma: 935px image @ 1440,
white vignette,
copy + crumbs) —— */

.hj-hero {

    background: transparent;

}

.hj-hero__stage {

    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    /* Figma: hero image 1440×935 — stage matches image aspect ratio */
    height: clamp(32rem, calc(100vw * 935 / var(--hj-ref)), 58.4375rem);
    overflow: hidden;
    /* Sky tint — no hard white flash if image shifts by a pixel */
    background: #dbe9f0;

}

/* Figma: absolute; height 935px; left 0; right 0; top 0 */

.hj-hero__bg {

    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background-color: #dbe9f0;
    pointer-events: none;

}

.hj-hero__bg picture {

    display: block;
    width: 100%;
    height: 100%;

}

.hj-hero__bg-img {

    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Figma: keep peaks + shoreline figure in frame */
    object-position: center 62%;

}

/* —— Shared journey hero (Himalayas system for all regions) —— */

body.ashrams-journey-page .hj-hero__title {

    font-style: italic !important;
    font-weight: 300;
    color: #4a4a4a;

}

body.ashrams-journey-page .hj-hero__intro,
body.ashrams-journey-page .hj-hero__intro-line,
body.ashrams-journey-page .hj-hero__kicker {

    color: #5e5e5f;

}

/* 821px is the lower bound of the desktop layout — below it the phone block rules */

@media (min-width: 821px) {
/* Intro — Figma centered line-by-line (Southern India + North East + North West) *//* Quote blockquote — Figma: 605×150, Cormorant Infant 36px / 50px (all journey pages) */

body.ashrams-journey-page .hj-quote__line {

    display: block;

}

body.ashrams-journey-page .hj-quote__text .hj-quote__line {

    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    text-align: center;
    white-space: nowrap;
    font-family: 'Cormorant Infant', var(--ashrams-serif), serif !important;
    font-style: italic;
    font-weight: 300;

}

/* North East blockquote — softer tone *//* Quote lead — Figma line breaks only on .hj-quote__line spans (not whole CMS paragraphs) */

body.ashrams-journey-page .hj-quote__lead .hj-quote__line {

    width: fit-content;
    margin-inline: auto;
    text-align: center;
    white-space: nowrap;

}

body.ashrams-journey-page .hj-quote__lead {

    width: 100%;
    max-width: min(49.78125rem, calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem)));
    margin-inline: auto;
    text-align: center;
    white-space: normal;

}

/* CMS quote lead (no Figma line spans) — wrap and stay centered */

body.ashrams-journey-page .hj-quote__lead--flow {

    display: block !important;
    width: 100% !important;
    max-width: min(49.78125rem, calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem))) !important;
    margin-inline: auto !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;

}

/* North East — breathing room between blockquote and banner */

@media (min-width: 821px) {
/* North East — Figma flowing centered paragraphs (journey 2 + philosophy) *//* Journey 2 + philosophy — Figma center-aligned line breaks (Southern India) *//* North West journey 2 body — 16px @ 1440 *//* Place journeys (Southern India, North East, North West) — Journey 2 → philosophy gap + vertical dividers */

body.ashrams-journey-page .hj-quote__lead {

    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 49.78125rem;
    margin-inline: auto;

}

body.ashrams-journey-page .hj-quote__lead-copy--desktop {

    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;

}

body.ashrams-journey-page .hj-journey-centered__text--flow {

    display: block;
    width: 100%;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--hj-journey-action-gap);
    padding-inline: 0;
    text-align: center;
    white-space: normal;

}

body.ashrams-journey-page .hj-quote__lead .hj-quote__line {

    display: block;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    text-align: center;
    white-space: nowrap;

}
}
}

.hj-hero__fade {

    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;

}

/* Figma: soft white vignette at top/sides — keeps title readable,
opens over peaks */

.hj-hero__fade--top {

    top: 0;
    height: 72%;
    

}

/* Figma Rectangle 10258 — feather into white below peaks; keep image visible at crumbs */

.hj-hero__fade--bottom {

    bottom: 0;
    height: clamp(6.5rem, calc(100vw * 180 / var(--hj-ref)), 11.25rem);
    background: linear-gradient(
        360deg,
        #ffffff 0%,
        rgba(255, 255, 255, 0.88) 20%,
        rgba(255, 255, 255, 0.42) 45%,
        rgba(255, 255, 255, 0.08) 68%,
        rgba(255, 255, 255, 0) 100%
    );

}

.hj-hero__upper {

    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: transparent;
    pointer-events: none;

}

.hj-hero__bar,
.hj-hero__content,
.hj-hero__brand,
.hj-hero__label,
.hj-hero__crumbs,
.hj-hero__crumbs a {

    pointer-events: auto;

}

.hj-hero__bar {

    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    /* Figma: 32px 40px padding → 79px total bar height (32 + 15 + 32) */
    padding: clamp(1.25rem, calc(100vw * 32 / var(--hj-ref)), 2rem)
        clamp(1rem, calc(100vw * 40 / var(--hj-ref)), 2.5rem);

}

.hj-hero__brand {

    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #2c2c2c;
    text-decoration: none;

}

.hj-hero__label {

    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #2c2c2c;

}

/* Figma: 896px container,
copy sits in the pale sky band under the bar */

.hj-hero__content {

    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(56rem, calc(100% - 2 * var(--ashrams-shell-pad, 1.5rem)));
    max-width: 56rem;
    margin: 0 auto;
    /* Figma: generous gap under nav so title sits in the upper sky */
    text-align: center;
    box-sizing: border-box;
    background: transparent;

}

/* Figma: Inter 300,
12px / 16px @ 1440 — scales below 1440 *//* Hidden — Figma hero has brand bar + title only (no "Conscious travel" kicker) */

.hj-hero__kicker,
.hj-hero__kicker-brand {

    display: none !important;

}

/* Figma: Cormorant Infant italic 45px / 50px @ 1440 — scales below 1440 */

.hj-hero__title {

    margin: 0 0 clamp(1.25rem, calc(100vw * 28 / var(--hj-ref)), 1.75rem);
    width: 100%;
    font-family: var(--ashrams-serif), 'Cormorant Infant', serif;
    font-size: min(2.8125rem, calc(100vw * 45 / var(--hj-ref)));
    font-weight: 300;
    font-style: italic;
    line-height: calc(50 / 45);
    letter-spacing: -0.01em;
    text-align: center;
    color: #2c2c2c;

}

@media (min-width: 821px) {
/* Journey section titles — 45px @ 1440 (all regions) */

body.ashrams-journey-page .hj-journey--first .hj-journey__title,
body.ashrams-journey-page .hj-journey-centered__title,
body.ashrams-journey-page .hj-journey--third .hj-journey__title {

        font-size: min(2.8125rem, calc(100vw * 45 / var(--hj-ref)));
        line-height: calc(50 / 45);
    

}

/* Journey pages — Montserrat body copy 16px @ 1440 */

body.ashrams-journey-page .hj-intro__copy p,
body.ashrams-journey-page .hj-intro__para,
body.ashrams-journey-page .hj-journey--first .hj-journey__text,
body.ashrams-journey-page .hj-quote__lead,
body.ashrams-journey-page .hj-journey-centered__text,
body.ashrams-journey-page .hj-journey-centered__line,
body.ashrams-journey-page .hj-philosophy__para,
body.ashrams-journey-page .hj-philosophy__line,
body.ashrams-journey-page .hj-journey--third .hj-journey__text {

        font-size: min(1rem, calc(100vw * 16 / var(--hj-ref)));
        line-height: calc(26 / 16);
    

}

/* Signature kicker — single line on desktop (Figma 1440) */

body.ashrams-journey-page h2.hj-signature__kicker {

        width: max-content;
        max-width: none;
        white-space: nowrap;
    

}
}

/* Figma: Montserrat — size set per breakpoint (desktop scales; phone uses --hj-phone) */

.hj-hero__intro {

    margin: 0 auto;
    width: min(36.8125rem, 100%);
    max-width: 36.8125rem;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
    font-style: normal;
    color: #5e5e5f;
    text-align: center;

}

@media (min-width: 821px) {
.hj-hero__intro {

        font-size: min(1rem, calc(100vw * 16 / var(--hj-ref)));
        line-height: calc(28 / 16);
    

}
}

/* Desktop/tablet: one config line = one visual row,
centered like Figma */

@media (min-width: 821px) {
body.ashrams-journey-page .hj-hero__intro {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
    
}

body.ashrams-journey-page .hj-hero__intro-line {

        display: block;
        width: max-content;
        max-width: none;
        margin-inline: auto;
        text-align: center;
        white-space: nowrap;
        font-family: 'Montserrat', sans-serif !important;
    
}

body.ashrams-journey-page .hj-hero__intro-lines--phone {

        display: none;
    
}

body.ashrams-journey-page .hj-final-cta__quote-stack--phone {

        display: none !important;
    
}
}

/* Figma: crumbs ~920px within 935px stage — over image fade,
not solid white */

.hj-hero__crumbs {

    position: absolute;
    z-index: 3;
    bottom: clamp(1.75rem, calc(100vw * 40 / var(--hj-ref)), 2.5rem);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: clamp(0.875rem, calc(100vw * 20 / var(--hj-ref)), 1.25rem);
    width: max-content;
    max-width: calc(100% - 2 * var(--ashrams-shell-pad, 1.5rem));
    padding: 0;
    white-space: nowrap;
    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #7a7a7a;

}

.hj-hero__crumbs a {

    color: #7a7a7a;
    text-decoration: none;
    white-space: nowrap;

}

.hj-hero__crumbs a:hover {

    color: #2c2c2c;

}

.hj-hero__crumbs span[aria-current] {

    color: #2c2c2c;
    white-space: nowrap;

}

.hj-hero__crumbs-sep {

    color: #7a7a7a;
    letter-spacing: 0;
    font-weight: 400;
    flex-shrink: 0;
    white-space: nowrap;

}

/* Journey stats — Figma Journey Section: 1280×401 @ 1440 */

.hj-signature {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: min(80rem, 100%);
    max-width: 80rem;
    margin: 0 auto;
    /* Top padding reduced — hero breadcrumbs sit on the seam above this section */
    padding:
        clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem)
        var(--ashrams-shell-pad, 1rem)
        0;
    text-align: center;
    background: #ffffff;

}

body.ashrams-journey-page h2.hj-signature__kicker {

    margin: 0 0 clamp(2rem, calc(100vw * 64 / var(--hj-ref)), 4rem);
    width: 100%;
    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: clamp(0.65rem, calc(100vw * 12.8 / var(--hj-ref)), 0.8rem);
    font-weight: 300;
    font-style: normal;
    line-height: calc(19 / 12.8);
    letter-spacing: clamp(0.12em, calc(100vw * 4.48 / var(--hj-ref)), 4.48px);
    text-transform: uppercase;
    text-align: center;
    color: #8c8c8c;

}

body.ashrams-journey-page .hj-signature__grid {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    width: min(63.5rem, 100%);
    max-width: 63.5rem;
    height: auto;
    min-height: clamp(8rem, calc(100vw * 140 / var(--hj-ref)), 8.75rem);
    flex: none;
    gap: 0;

}

body.ashrams-journey-page .hj-signature__item {

    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(0.75rem, calc(100vw * 16 / var(--hj-ref)), 1rem);
    min-width: 0;
    height: auto;
    box-sizing: border-box;
    padding: clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem) clamp(0.75rem, calc(100vw * 20 / var(--hj-ref)), 1.25rem);
    transform: none;

}

/* Drop 3-column-only offsets so 2 / 3 / 4+ stats stay aligned */

body.ashrams-journey-page .hj-signature__grid > .hj-signature__item:nth-child(1),
body.ashrams-journey-page .hj-signature__grid > .hj-signature__item:nth-child(3),
body.ashrams-journey-page .hj-signature__grid > .hj-signature__item:nth-child(5),
body.ashrams-journey-page .hj-signature__grid > .hj-signature__item:nth-child(7),
body.ashrams-journey-page .hj-signature__grid > .hj-signature__item:nth-child(9) {

    padding: clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem) clamp(0.75rem, calc(100vw * 20 / var(--hj-ref)), 1.25rem);
    transform: none;

}

body.ashrams-journey-page .hj-signature__num {

    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-weight: 350;
    font-size: clamp(2rem, calc(100vw * 45 / var(--hj-ref)), 2.8125rem);
    line-height: calc(60 / 45);
    text-align: center;
    color: #4a4a4a;

}

body.ashrams-journey-page .hj-signature__label {

    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: clamp(0.6rem, calc(100vw * 10.4 / var(--hj-ref)), 0.65rem);
    font-weight: 350;
    font-style: normal;
    line-height: calc(16 / 10.4);
    letter-spacing: clamp(0.08em, calc(100vw * 1.56 / var(--hj-ref)), 1.56px);
    text-transform: uppercase;
    text-align: center;
    color: #8c8c8c;

}

body.ashrams-journey-page .hj-signature__label-lines--phone {

    display: none;

}

body.ashrams-journey-page .hj-signature__divider {

    display: none;

}

/* 4+ stats: keep equal columns,
slightly tighter padding */

body.ashrams-journey-page .hj-signature__grid--count-4,
body.ashrams-journey-page .hj-signature__grid--count-5,
body.ashrams-journey-page .hj-signature__grid--count-6 {

    width: min(72rem, 100%);
    max-width: 72rem;

}

body.ashrams-journey-page .hj-signature__grid--count-4 .hj-signature__item,
body.ashrams-journey-page .hj-signature__grid--count-5 .hj-signature__item,
body.ashrams-journey-page .hj-signature__grid--count-6 .hj-signature__item {

    padding-inline: clamp(0.5rem, calc(100vw * 12 / var(--hj-ref)), 0.85rem);

}

/* Figma: gap from stats grid bottom to intro divider */

body.ashrams-journey-page .hj-signature {

    padding-bottom: 0;

}

/* —— Introduction — Figma Section: 672×358 @ 1440 —— */

body.ashrams-journey-page .hj-intro {

    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: min(45rem, calc(100% - 2 * var(--ashrams-shell-pad, 1rem)));
    max-width: 45rem;
    margin: clamp(1.5rem, calc(100vw * 40 / var(--hj-ref)), 2.5rem) auto 0;
    padding: 0 0 clamp(2.5rem, calc(100vw * 80 / var(--hj-ref)), 5rem);
    gap: clamp(1.5rem, calc(100vw * 48 / var(--hj-ref)), 3rem);

}

body.ashrams-journey-page .hj-intro__line {

    width: 1px;
    height: clamp(3rem, calc(100vw * 80 / var(--hj-ref)), 5rem);
    background: #e0dfdd;
    flex: none;

}

body.ashrams-journey-page .hj-intro__copy {

    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 42rem;
    gap: clamp(1.5rem, calc(100vw * 48 / var(--hj-ref)), 3rem);
    text-align: center;

}

body.ashrams-journey-page .hj-intro__copy p,
body.ashrams-journey-page .hj-intro__para {

    margin: 0;
    width: fit-content;
    min-width: max-content;
    max-width: calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem));
    font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;
    font-size: min(1rem, calc(100vw * 16 / var(--hj-ref)));
    font-weight: 250;
    font-style: normal;
    line-height: calc(26 / 16);
    text-align: center;
    color: #4a4a4a;

}

body.ashrams-journey-page .hj-intro__text-line {

    display: block;
    white-space: nowrap;
    font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;

}

/* CMS Intro Paragraph 1/2 — Figma wrap inside 672px column (not clipped nowrap) */

body.ashrams-journey-page .hj-intro__para--cms {

    width: 100% !important;
    min-width: 0 !important;
    max-width: 45rem !important;
    text-align: center;
    overflow-wrap: anywhere;
    word-wrap: break-word;

}

body.ashrams-journey-page .hj-intro__para--cms .hj-intro__text-line {

    display: inline !important;
    white-space: normal !important;
    width: auto !important;
    max-width: none !important;

}

/* Himalayas: CMS intros always flow like Figma (dynamic Admin text) */

body.ashrams-journey-page .hj-intro {

    width: min(45rem, calc(100% - 2 * var(--ashrams-shell-pad, 1rem)));
    max-width: 45rem;

}

body.ashrams-journey-page .hj-intro__copy {

    max-width: 45rem;
    align-items: center;

}

body.ashrams-journey-page .hj-intro__para,
body.ashrams-journey-page .hj-intro__copy p {

    width: 100% !important;
    min-width: 0 !important;
    max-width: 45rem !important;
    text-align: center;

}

body.ashrams-journey-page .hj-intro__text-line {

    display: inline !important;
    white-space: normal !important;

}

body.ashrams-journey-page .hj-intro__copy--phone {

    display: none;

}

/* —— Middle philosophy — Figma: 672×450 @ 1440 —— */

body.ashrams-journey-page .hj-philosophy {

    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: clamp(2.5rem, calc(100vw * 64 / var(--hj-ref)), 0rem)
        var(--ashrams-shell-pad, 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(2rem, calc(100vw * 48 / var(--hj-ref)), 3rem);
    box-sizing: border-box;
    overflow: visible;
    text-align: center;

}

body.ashrams-journey-page .hj-philosophy .hj-divider {

    width: 1px;
    height: clamp(3rem, calc(100vw * 80 / var(--hj-ref)), 5rem);
    background: #e0dfdd;
    flex-shrink: 0;
    margin: 0 auto;

}

body.ashrams-journey-page .hj-philosophy__copy {

    width: min(42rem, 100%);
    max-width: 42rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(1.5rem, calc(100vw * 32 / var(--hj-ref)), 2rem);
    overflow: visible;
    text-align: center;

}

body.ashrams-journey-page .hj-philosophy__para,
body.ashrams-journey-page .hj-philosophy__line {

    font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;

}

body.ashrams-journey-page .hj-philosophy__para {

    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    font-size: min(1rem, calc(100vw * 16 / var(--hj-ref)));
    font-weight: 300;
    line-height: calc(26 / 16);
    color: #4a4a4a;
    white-space: normal !important;
    overflow-wrap: break-word;

}

body.ashrams-journey-page .hj-philosophy__line {

    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    white-space: normal !important;
    text-align: center !important;

}

body.ashrams-journey-page .hj-philosophy__copy--phone {

    display: none;

}

/* Himalayas: keep philosophy perfectly centered (no nowrap overflow shift) */

body.ashrams-journey-page .hj-philosophy,
body.ashrams-journey-page .hj-philosophy__copy,
body.ashrams-journey-page .hj-philosophy__para,
body.ashrams-journey-page .hj-philosophy__line {

    text-align: center !important;

}

/* Figma: clear vertical space between the two philosophy paragraphs (~2 lines) */

body.ashrams-journey-page .hj-philosophy__copy {

    gap: clamp(2rem, calc(100vw * 48 / var(--hj-ref)), 3rem);

}

/* —— Journey cards (Figma: 1312×592) —— */

.hj-journey {

    padding: clamp(2rem, calc(100vw * 64 / var(--hj-ref)), 4rem) var(--ashrams-shell-pad, 1.5rem);

}

body.ashrams-journey-page .hj-journey--first {

    padding:
        clamp(2.5rem, calc(100vw * 85 / var(--hj-ref)), 5.3125rem)
        var(--ashrams-shell-pad, 1.5rem)
        clamp(2rem, calc(100vw * 64 / var(--hj-ref)), 4rem);

}

body.ashrams-journey-page .hj-journey--first .hj-journey__inner {

    width: min(82rem, 100%);
    max-width: 82rem;
    min-height: clamp(24rem, calc(100vw * 592 / var(--hj-ref)), 37rem);
    padding: 0 clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem);
    /* Figma 6847:854 — media 588 / gap 84 / copy column ~592 @ 1440 */
    grid-template-columns: minmax(0, 36.75rem) minmax(0, 1fr);
    gap: clamp(2rem, calc(100vw * 84 / var(--hj-ref)), 5.25rem);
    align-items: center;
    justify-content: center;

}

body.ashrams-journey-page .hj-journey--first .hj-journey__media {

    width: 100%;
    max-width: 36.75rem; /* 588px */
    height: clamp(14rem, calc(100vw * 396 / var(--hj-ref)), 24.75rem);
    border-radius: 12px;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.22);

}

body.ashrams-journey-page .hj-journey--first .hj-journey__media img,
body.ashrams-journey-page .hj-journey--first [data-hj-carousel-img] {

    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    border-radius: 12px;

}

/* Figma body wrap (~572px): four lines ending but / ancient / A / afterward. */

body.ashrams-journey-page .hj-journey--first .hj-journey__copy {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: 35.75rem;
    text-align: left;

}

body.ashrams-journey-page .hj-journey--first .hj-journey__head,
body.ashrams-journey-page .hj-journey--first .hj-journey__foot {

    align-items: flex-start;
    width: 100%;
    text-align: left;

}

body.ashrams-journey-page .hj-journey--first .hj-journey__text {

    width: 100%;
    max-width: 35.75rem;
    text-align: left;

}

/* Journey 2 — Figma: copy left / rounded image right (588×396) */

body.ashrams-journey-page .hj-journey--second {

    padding:
        clamp(2.5rem, calc(100vw * 80 / var(--hj-ref)), 5rem)
        var(--ashrams-shell-pad, 1.5rem);

}

body.ashrams-journey-page .hj-journey--second .hj-journey__inner {

    width: min(82rem, 100%);
    max-width: 82rem;
    min-height: clamp(22rem, calc(100vw * 460 / var(--hj-ref)), 28.75rem);
    padding: 0 clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(2rem, calc(100vw * 72 / var(--hj-ref)), 4.5rem);
    align-items: center;

}

body.ashrams-journey-page .hj-journey--second .hj-journey__media {

    position: relative;
    height: clamp(14rem, calc(100vw * 396 / var(--hj-ref)), 24.75rem);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.22);

}

body.ashrams-journey-page .hj-journey--second .hj-journey__media img,
body.ashrams-journey-page .hj-journey--second [data-hj-carousel-img] {

    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;

}

body.ashrams-journey-page .hj-journey--second .hj-journey__copy {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 40rem;

}

body.ashrams-journey-page .hj-journey--second .hj-journey__title {

    font-family: var(--ashrams-serif), 'Cormorant Infant', serif;
    font-size: min(2.8125rem, calc(100vw * 45 / var(--hj-ref)));
    font-weight: 400;
    line-height: calc(50 / 45);
    color: #2c2c2c;

}

/* Any journey media using absolute carousel frames needs an explicit height */

body.ashrams-journey-page .hj-journey__media[data-hj-media-carousel] {

    min-height: clamp(14rem, calc(100vw * 396 / var(--hj-ref)), 24.75rem);

}[data-hj-media-carousel] .hj-media-carousel__frame {

    position: absolute;
    inset: 0;
    overflow: hidden;

}[data-hj-media-carousel] .hj-media-carousel__track {

    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;

}[data-hj-media-carousel] .hj-media-carousel__slide {

    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    height: 100%;
    overflow: hidden;

}[data-hj-media-carousel] .hj-media-carousel__frame picture {

    display: block;
    width: 100%;
    height: 100%;

}[data-hj-media-carousel] .hj-media-carousel__slide img,
[data-hj-media-carousel] [data-hj-carousel-img] {

    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: center center;

}

.hj-journey__inner {

    width: var(--hj-wide);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(1.5rem, calc(100vw * 88 / var(--hj-ref)), 5.5rem);
    align-items: center;

}

.hj-journey__inner--reverse .hj-journey__copy {

    order: 1;

}

.hj-journey__inner--reverse .hj-journey__media {

    order: 2;

}

.hj-journey__media {

    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

}

.hj-journey__media img {

    display: block;
    width: 100%;
    height: auto;
    min-height: clamp(14rem, calc(100vw * 396 / var(--hj-ref)), 24.75rem);
    object-fit: cover;
    border-radius: 10px;

}

.hj-journey__media[data-hj-media-carousel] .hj-media-carousel__slide img,
.hj-journey__media[data-hj-media-carousel] [data-hj-carousel-img] {

    height: 100%;
    min-height: 0;
    border-radius: 0;

}

.hj-journey__dots {

    position: absolute;
    left: 50%;
    bottom: clamp(1rem, calc(100vw * 22 / var(--hj-ref)), 1.375rem);
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    z-index: 2;

}

.hj-journey__dots span,
.hj-journey__dots button {

    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.5);
    border: 0;
    padding: 0;
    margin: 0;
    appearance: none;
    cursor: pointer;
    outline: none;
    box-shadow: none;

}

.hj-journey__dots button:focus-visible {

    outline: 2px solid #ffffff;
    outline-offset: 2px;

}

.hj-journey__dots span.is-active,
.hj-journey__dots button.is-active {

    background: #ffffff;

}

.hj-journey__copy {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;

}

.hj-journey__head {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(0.75rem, calc(100vw * 16 / var(--hj-ref)), 1rem);
    width: 100%;
    margin-bottom: var(--hj-journey-head-text-gap);

}

.hj-journey__eyebrow {

    margin: 0;
    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: clamp(0.625rem, calc(100vw * 11 / var(--hj-ref)), 0.6875rem);
    font-weight: 350;
    line-height: calc(16.5 / 11);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    color: #8c8c8c;

}

.hj-journey__title {

    margin: 0;
    font-family: 'Cormorant Infant', var(--ashrams-serif), serif;
    font-size: clamp(2.125rem, calc(100vw * 48 / var(--hj-ref)), 3rem);
    font-weight: 350;
    font-style: normal;
    line-height: calc(51 / 48);
    color: #2c2c2c;

}

.hj-journey__text {

    margin: 0 0 var(--hj-journey-action-gap);
    width: 100%;
    font-family: 'Montserrat', sans-serif !important;
    font-size: min(1rem, calc(100vw * 16 / var(--hj-ref)));
    font-weight: 275;
    line-height: calc(26 / 16);
    color: #4a4a4a;
    /* Preserve multiple spaces / line breaks from CMS body text */
    white-space: pre-wrap;

}

.hj-journey__price {

    margin: 0;
    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: clamp(0.625rem, calc(100vw * 11 / var(--hj-ref)), 0.6875rem);
    font-weight: 350;
    line-height: calc(16.5 / 11);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    color: rgba(122, 122, 122, 0.7);

}

.hj-journey__foot {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--hj-journey-action-gap);
    width: 100%;

}

.hj-journey__link {

    align-self: flex-start;
    box-sizing: border-box;
    padding: 0 0 4px;
    border-bottom: 1px solid #2c2c2c;
    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: clamp(0.625rem, calc(100vw * 11 / var(--hj-ref)), 0.6875rem);
    font-weight: 350;
    line-height: calc(16.5 / 11);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    color: #8c8c8c;
    text-decoration: none;

}

.hj-journey__link:hover {

    color: var(--hj-heading);

}

/* —— Philosophical quote — Figma: 928×441 @ 1440 —— */

body.ashrams-journey-page .hj-quote {

    padding:
        clamp(3rem, calc(100vw * 80 / var(--hj-ref)), 5rem)
        var(--ashrams-shell-pad, 1.5rem)
        clamp(6rem, calc(100vw * 230 / var(--hj-ref)), 14.375rem);
    background: #ffffff;

}

body.ashrams-journey-page .hj-quote__inner {

    width: min(58rem, 100%);
    max-width: 58rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(2rem, calc(100vw * 64 / var(--hj-ref)), 4rem);

}

body.ashrams-journey-page .hj-journey--first .hj-journey__eyebrow,
body.ashrams-journey-page .hj-journey--first .hj-journey__price,
body.ashrams-journey-page .hj-journey--first .hj-journey__link {

    font-weight: 325;

}

body.ashrams-journey-page .hj-journey--first .hj-journey__title {

    font-size: min(2.8125rem, calc(100vw * 45 / var(--hj-ref)));
    line-height: calc(50 / 45);
    font-weight: 325;

}

body.ashrams-journey-page .hj-journey--first .hj-journey__text {

    font-size: min(1rem, calc(100vw * 16 / var(--hj-ref)));
    line-height: calc(26 / 16);
    font-weight: 250;

}

/* —— Journey 3 — Until You Return — Figma: 1312×592 @ 1440 —— */

body.ashrams-journey-page .hj-journey--third {

    padding:
        clamp(3rem, calc(100vw * 120 / var(--hj-ref)), 7.5rem)
        var(--ashrams-shell-pad, 1.5rem)
        clamp(1rem, calc(100vw * 40 / var(--hj-ref)), 2.75rem);

}

body.ashrams-journey-page .hj-journey--third .hj-journey__inner {

    width: min(82rem, 100%);
    max-width: 82rem;
    min-height: clamp(24rem, calc(100vw * 592 / var(--hj-ref)), 37rem);
    margin: 0 auto;
    padding: 0 clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(2rem, calc(100vw * 80 / var(--hj-ref)), 5rem);
    align-items: center;

}

/* Figma journey 3: copy left / image right (keep reverse order from .hj-journey__inner--reverse) */

body.ashrams-journey-page .hj-journey--third .hj-journey__inner--reverse .hj-journey__copy {

    order: 1;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__inner--reverse .hj-journey__media {

    order: 2;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__copy {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    max-width: 37rem;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__head {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(0.75rem, calc(100vw * 16 / var(--hj-ref)), 1rem);
    width: 100%;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__eyebrow,
body.ashrams-journey-page .hj-journey--third .hj-journey__price,
body.ashrams-journey-page .hj-journey--third .hj-journey__link {

    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.5625rem, calc(100vw * 10 / var(--hj-ref)), 0.625rem);
    font-weight: 400;
    line-height: calc(15 / 10);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__eyebrow {

    margin: 0;
    color: #8c8c8c;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__title {

    margin: 0;
    font-family: var(--ashrams-serif), 'Cormorant Infant', serif;
    font-size: min(2.8125rem, calc(100vw * 45 / var(--hj-ref)));
    font-weight: 400;
    line-height: calc(50 / 45);
    color: #2c2c2c;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__text {

    margin: 0 0 var(--hj-journey-action-gap);
    width: 100%;
    max-width: 37rem;
    font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;
    font-size: min(1rem, calc(100vw * 16 / var(--hj-ref)));
    font-weight: 300;
    line-height: calc(26 / 16);
    color: #4a4a4a;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__price {

    margin: 0;
    color: rgba(122, 122, 122, 0.7);

}

body.ashrams-journey-page .hj-journey--third .hj-journey__link {

    align-self: flex-start;
    box-sizing: border-box;
    padding: 0 0 4px;
    border-bottom: 1px solid #2c2c2c;
    color: #8c8c8c;
    text-decoration: none;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__link:hover {

    color: #2c2c2c;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__media {

    position: relative;
    height: clamp(14rem, calc(100vw * 400 / var(--hj-ref)), 25rem);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

}

body.ashrams-journey-page .hj-journey--third .hj-journey__media img,
body.ashrams-journey-page .hj-journey--third [data-hj-carousel-img] {

    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: center center;
    border-radius: 0;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__dots {

    position: absolute;
    left: 50%;
    bottom: clamp(0.625rem, calc(100vw * 13 / var(--hj-ref)), 0.8125rem);
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    z-index: 2;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__dots span,
body.ashrams-journey-page .hj-journey--third .hj-journey__dots button {

    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.5);
    border: 0;
    padding: 0;
    margin: 0;
    appearance: none;
    cursor: pointer;
    outline: none;
    box-shadow: none;

}

body.ashrams-journey-page .hj-journey--third .hj-journey__dots span.is-active,
body.ashrams-journey-page .hj-journey--third .hj-journey__dots button.is-active {

    background: #ffffff;

}

body.ashrams-journey-page .hj-quote__lead {

    margin: 0;
    width: 100%;
    max-width: 49.78125rem;
    text-align: center;
    font-size: min(1rem, calc(100vw * 16 / var(--hj-ref)));
    font-weight: 265;
    font-style: normal;
    line-height: calc(26 / 16);
    color: #4a4a4a;

}

body.ashrams-journey-page .hj-quote__block {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem);
    width: 100%;
    max-width: 58rem;

}

body.ashrams-journey-page .hj-quote__mark {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.625rem, calc(100vw * 14 / var(--hj-ref)), 0.875rem);
    flex: none;
    order: 0;
    flex-grow: 0;
    width: auto;
    height: clamp(2.5rem, calc(100vw * 58 / var(--hj-ref)), 3.625rem);
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(2.125rem, calc(100vw * 50 / var(--hj-ref)), 3.125rem);
    line-height: calc(58 / 50);
    text-align: center;
    color: #7a7a7a;

}

body.ashrams-journey-page .hj-quote__mark-char {

    display: block;
    flex: none;

}

body.ashrams-journey-page .hj-quote__text {

    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 37.8125rem;
    min-height: 0;
    font-family: 'Cormorant Infant', var(--ashrams-serif), serif !important;
    font-style: italic;
    font-weight: 300;
    font-size: clamp(1.5rem, calc(100vw * 36 / var(--hj-ref)), 2.25rem);
    line-height: calc(50 / 36);
    text-align: center;
    color: #2c2c2c;

}

body.ashrams-journey-page .hj-quote__attrib {

    margin: 0;
    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: clamp(0.5625rem, calc(100vw * 10 / var(--hj-ref)), 0.625rem);
    font-weight: 400;
    font-style: normal;
    line-height: calc(15 / 10);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    text-align: center;
    color: #7a7a7a;

}

body.ashrams-journey-page .hj-quote__lead-copy--phone,
body.ashrams-journey-page .hj-quote__text-copy--phone {

    display: none;

}

body.ashrams-journey-page .hj-quote__text-copy--desktop {

    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;

}

/* Legacy fallback */

.hj-quote {

    padding:
        clamp(3rem, calc(100vw * 80 / var(--hj-ref)), 5rem)
        var(--ashrams-shell-pad, 1.5rem)
        clamp(6rem, calc(100vw * 230 / var(--hj-ref)), 14.375rem);
    background: #ffffff;

}

.hj-quote__inner {

    width: var(--hj-quote);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(2rem, calc(100vw * 64 / var(--hj-ref)), 4rem);

}

.hj-quote__lead {

    margin: 0;
    max-width: 49.78125rem;
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(0.9375rem, calc(100vw * 18 / var(--hj-ref)), 1.125rem);
    font-weight: 265;
    line-height: calc(29 / 18);
    color: #4a4a4a;

}

.hj-quote__block {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem);
    width: 100%;

}

.hj-quote__mark {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.625rem, calc(100vw * 14 / var(--hj-ref)), 0.875rem);
    flex: none;
    width: auto;
    height: clamp(2.5rem, calc(100vw * 58 / var(--hj-ref)), 3.625rem);
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(2.125rem, calc(100vw * 50 / var(--hj-ref)), 3.125rem);
    line-height: calc(58 / 50);
    text-align: center;
    color: #7a7a7a;

}

.hj-quote__mark-char {

    display: block;
    flex: none;

}

.hj-quote__text {

    margin: 0;
    max-width: 37.8125rem;
    font-family: 'Cormorant Infant', var(--ashrams-serif), serif !important;
    font-style: italic;
    font-weight: 300;
    font-size: clamp(1.5rem, calc(100vw * 36 / var(--hj-ref)), 2.25rem);
    line-height: calc(50 / 36);
    text-align: center;
    color: #2c2c2c;

}

.hj-quote__attrib {

    margin: 0;
    font-family: var(--ashrams-inter), 'Inter', sans-serif;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #7a7a7a;

}

/* —— Blue mountain banner — Figma: 1440×500 @ 1440 —— */

body.ashrams-journey-page .hj-banner {

    position: relative;
    width: 100%;
    height: clamp(16rem, calc(100vw * 580 / var(--hj-ref)), 36.25rem);
    overflow: hidden;
    isolation: isolate;

}

body.ashrams-journey-page .hj-banner__base,
body.ashrams-journey-page .hj-banner__media {

    position: absolute;
    inset: 0;

}

body.ashrams-journey-page .hj-banner__base {

    z-index: 0;
    background: linear-gradient(180deg, #2c4a73 0%, #162536 100%);

}

body.ashrams-journey-page .hj-banner__media {

    z-index: 1;

}

body.ashrams-journey-page .hj-banner__media img,
body.ashrams-journey-page .hj-banner__media [data-hj-carousel-img] {

    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;

}

body.ashrams-journey-page .hj-banner__dots {

    position: absolute;
    left: 50%;
    bottom: clamp(1rem, calc(100vw * 22 / var(--hj-ref)), 1.375rem);
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    z-index: 2;

}

body.ashrams-journey-page .hj-banner__dots span,
body.ashrams-journey-page .hj-banner__dots button {

    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.5);
    border: 0;
    padding: 0;
    margin: 0;
    appearance: none;
    cursor: pointer;
    outline: none;
    box-shadow: none;

}

body.ashrams-journey-page .hj-banner__dots span.is-active,
body.ashrams-journey-page .hj-banner__dots button.is-active {

    background: #ffffff;

}

.hj-banner {

    position: relative;
    width: 100%;
    height: clamp(16rem, calc(100vw * 580 / var(--hj-ref)), 36.25rem);
    overflow: hidden;
    isolation: isolate;

}

.hj-banner__base,
.hj-banner__media {

    position: absolute;
    inset: 0;

}

.hj-banner__base {

    z-index: 0;
    background: linear-gradient(180deg, #2c4a73 0%, #162536 100%);

}

.hj-banner__media {

    z-index: 1;

}

.hj-banner__media img,
.hj-banner__media [data-hj-carousel-img] {

    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;

}

.hj-banner__dots {

    position: absolute;
    left: 50%;
    bottom: clamp(1rem, calc(100vw * 22 / var(--hj-ref)), 1.375rem);
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    z-index: 2;

}

.hj-banner__dots span,
.hj-banner__dots button {

    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.5);
    border: 0;
    padding: 0;
    margin: 0;
    appearance: none;
    cursor: pointer;

}

.hj-banner__dots span.is-active,
.hj-banner__dots button.is-active {

    background: #ffffff;

}

/* —— Journey 2 centered — Figma: 672×345.5 @ 1440 —— */

body.ashrams-journey-page .hj-banner + .hj-journey-centered {

    margin-top: clamp(4rem, calc(100vw * 160 / var(--hj-ref)), 10rem);

}

body.ashrams-journey-page .hj-journey-centered {

    width: var(--hj-narrow);
    max-width: 42rem;
    margin-bottom: clamp(5.25rem, calc(100vw * 176 / var(--hj-ref)), 9.5rem);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    text-align: center;

}

body.ashrams-journey-page .hj-journey-centered__head {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem);
    width: 100%;
    margin-bottom: var(--hj-journey-centered-head-text-gap);

}

body.ashrams-journey-page .hj-journey-centered__eyebrow {

    margin: 0;
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.625rem, calc(100vw * 12 / var(--hj-ref)), 0.75rem);
    font-weight: 325;
    line-height: calc(18 / 12);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    color: #8c8c8c;

}

body.ashrams-journey-page .hj-journey-centered__title {

    margin: 0;
    width: 100%;
    text-align: center;
    font-family: var(--ashrams-serif), 'Cormorant Infant', serif;
    font-size: min(2.8125rem, calc(100vw * 45 / var(--hj-ref)));
    font-weight: 325;
    line-height: calc(50 / 45);
    color: #2c2c2c;

}

body.ashrams-journey-page .hj-journey-centered__text,
body.ashrams-journey-page .hj-journey-centered__line {

    font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;

}

body.ashrams-journey-page .hj-journey-centered__text {

    margin: 0 auto var(--hj-journey-action-gap);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    min-width: 0;
    flex-shrink: 0;
    align-self: stretch;
    text-align: center;
    padding-inline: var(--ashrams-shell-pad, 1.5rem);
    box-sizing: border-box;
    font-size: min(1rem, calc(100vw * 16 / var(--hj-ref)));
    font-weight: 250;
    line-height: calc(26 / 16);
    color: #4a4a4a;

}

body.ashrams-journey-page .hj-journey-centered__line {

    display: block;
    width: max-content;
    margin-inline: auto;
    text-align: center;
    white-space: nowrap;

}

body.ashrams-journey-page .hj-journey-centered__line:last-child {

    width: max-content;
    margin-inline: auto;
    text-align: center;

}

body.ashrams-journey-page .hj-journey-centered__price {

    margin: 0;
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.625rem, calc(100vw * 12 / var(--hj-ref)), 0.75rem);
    font-weight: 325;
    line-height: calc(18 / 12);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    color: rgba(122, 122, 122, 0.7);

}

body.ashrams-journey-page .hj-journey-centered__link {

    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0 0 4px;
    border-bottom: 1px solid #2c2c2c;
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.625rem, calc(100vw * 12 / var(--hj-ref)), 0.75rem);
    font-weight: 325;
    line-height: calc(18 / 12);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    color: #8c8c8c;
    text-decoration: none;

}

body.ashrams-journey-page .hj-journey-centered__link:hover {

    color: #2c2c2c;

}

body.ashrams-journey-page .hj-journey-centered__foot {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--hj-journey-action-gap);
    width: 100%;

}

body.ashrams-journey-page .hj-journey-centered__text--phone {

    display: none;

}

body.ashrams-journey-page .hj-journey__text--phone {

    display: none;

}

body.ashrams-journey-page .hj-final-cta__quote-stack--phone {

    display: none;

}

/* —— Final CTA — Figma: 1440×952 @ 1440 —— */

body.ashrams-journey-page .hj-journey--third + .hj-final-cta {

    padding-top: clamp(3.25rem, calc(100vw * 168 / var(--hj-ref)), 11rem);

}

body.ashrams-journey-page .hj-journey--third + .hj-final-cta .hj-final-cta__guide {

    padding-bottom: clamp(2rem, calc(100vw * 72 / var(--hj-ref)), 4.5rem);

}

body.ashrams-journey-page .hj-journey--third + .hj-final-cta .hj-final-cta__line {

    height: clamp(2rem, calc(100vw * 72 / var(--hj-ref)), 4.5rem);

}

body.ashrams-journey-page .hj-final-cta {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(5rem, calc(100vw * 240 / var(--hj-ref)), 0rem) var(--ashrams-shell-pad, 1.5rem);
    background: #ffffff;

}

body.ashrams-journey-page .hj-final-cta__guide {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: clamp(3rem, calc(100vw * 96 / var(--hj-ref)), 6rem);

}

body.ashrams-journey-page .hj-final-cta__line {

    width: 1px;
    height: clamp(3rem, calc(100vw * 80 / var(--hj-ref)), 5rem);
    background: #e0dfdd;
    opacity: 1;

}

body.ashrams-journey-page .hj-final-cta__inner {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(2rem, calc(100vw * 64 / var(--hj-ref)), 4rem);
    width: min(42rem, calc(100% - 2 * var(--ashrams-shell-pad, 1.5rem)));
    max-width: 42rem;
    padding: 0 clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem);

}

body.ashrams-journey-page .hj-final-cta__quote {

    margin: 0;
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    color: color-mix(in srgb, #2d2d2d 85%, white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

body.ashrams-journey-page .hj-final-cta__quote-stack {

    display: inline-flex;
    flex-direction: column;
    align-items: center;
    vertical-align: top;
    max-width: calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem));
    font-family: 'Cormorant Infant', var(--ashrams-serif), serif !important;
    font-style: italic;
    font-weight: 300 !important;
    font-size: clamp(1.5rem, calc(100vw * 36 / var(--hj-ref)), 2.25rem);
    line-height: calc(50 / 36);
    word-spacing: 0.08em;
    text-align: center;
    color: inherit;

}

body.ashrams-journey-page .hj-final-cta__quote-line {

    display: block;
    flex: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
    white-space: normal;
    font-family: inherit !important;
    font-style: inherit;
    font-weight: inherit !important;
    font-size: inherit;
    line-height: inherit;
    word-spacing: inherit;
    color: inherit;

}

body.ashrams-journey-page .hj-final-cta__sub {

    margin: 0;
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.6rem, calc(100vw * 10.4 / var(--hj-ref)), 0.65rem);
    font-weight: 400;
    line-height: calc(16 / 10.4);
    letter-spacing: clamp(0.12em, calc(100vw * 2.6 / var(--hj-ref)), 2.6px);
    text-transform: uppercase;
    text-align: center;
    color: #7a7a7a;
    opacity: 0.6;

}

/* —— Email signup — Figma: 736×233 @ 1440 —— */

body.ashrams-journey-page .hj-signup {

    padding: 0 var(--ashrams-shell-pad, 1.5rem);
    background: #ffffff;

}

body.ashrams-journey-page .hj-signup__inner {

    width: var(--hj-signup);
    max-width: 46rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(2rem, calc(100vw * 48 / var(--hj-ref)), 3rem);

}

body.ashrams-journey-page .hj-signup__head {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0.875rem, calc(100vw * 16 / var(--hj-ref)), 1rem);
    width: 100%;
    text-align: center;

}

body.ashrams-journey-page .hj-signup__title {

    margin: 0;
    font-family: 'Playfair Display', var(--ashrams-serif), serif !important;
    font-size: clamp(1.75rem, calc(100vw * 36 / var(--hj-ref)), 2.25rem);
    font-weight: 300 !important;
    line-height: calc(40 / 36);
    color: #2c2c2c;

}

body.ashrams-journey-page .hj-signup__kicker {

    margin: 0;
    width: fit-content;
    max-width: none;
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.625rem, calc(100vw * 11 / var(--hj-ref)), 0.6875rem);
    font-weight: 300 !important;
    line-height: calc(16 / 11);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    color: #7a7a7a;

}

body.ashrams-journey-page .hj-signup__form {

    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

body.ashrams-journey-page .hj-signup__field {

    box-sizing: border-box;
    width: 100%;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #2c2c2c;

}

body.ashrams-journey-page .hj-signup__input {

    width: 100%;
    padding: 0.625rem 0.75rem;
    border: none;
    background: transparent;
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.9375rem, calc(100vw * 16 / var(--hj-ref)), 1rem);
    font-weight: 400;
    line-height: calc(19 / 16);
    text-align: center;
    color: #2c2c2c;

}

body.ashrams-journey-page .hj-signup__input::placeholder {

    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    color: rgba(122, 122, 122, 0.5);

}

body.ashrams-journey-page .hj-signup__input:focus {

    outline: none;

}

body.ashrams-journey-page .hj-signup__btn {

    margin-top: clamp(1.25rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem);
    padding: 0.75rem 2rem;
    border: 1px solid #2c2c2c;
    background: transparent;
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.5625rem, calc(100vw * 10 / var(--hj-ref)), 0.625rem);
    font-weight: 400;
    line-height: calc(15 / 10);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    color: #8c8c8c;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;

}

body.ashrams-journey-page .hj-signup__btn:hover,
body.ashrams-journey-page .hj-signup__btn:focus-visible {

    background: #2c2c2c;
    border-color: #2c2c2c;
    color: #ffffff;

}

body.ashrams-journey-page .hj-final-cta + .hj-signup {

    padding-top: clamp(3rem, calc(100vw * 120 / var(--hj-ref)), 7.5rem);

}

body.ashrams-journey-page .hj-signup + .hj-info {

    margin-top: clamp(3.75rem, calc(100vw * 144 / var(--hj-ref)), 9rem);

}

body.ashrams-journey-page .hj-signup:has(+ .hj-info) {

    padding-bottom: clamp(2.75rem, calc(100vw * 112 / var(--hj-ref)), 7rem);

}

/* —— Useful info tabs — Figma: 1440×812,
card 1312×652 @ 1440 —— */

body.ashrams-journey-page .hj-info {

    padding:
        clamp(3rem, calc(100vw * 80 / var(--hj-ref)), 5rem)
        clamp(1rem, calc(100vw * 64 / var(--hj-ref)), 4rem)
        clamp(3rem, calc(100vw * 80 / var(--hj-ref)), 5rem);

}

body.ashrams-journey-page .hj-info__card {

    /* Figma card width 1312px @ 1440 */
    width: var(--hj-wide);
    max-width: var(--hj-wide);
    margin: 0 auto;
    padding: clamp(2rem, calc(100vw * 48 / var(--hj-ref)), 3rem)
        clamp(2rem, calc(100vw * 56 / var(--hj-ref)), 3.5rem);
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(1.5rem, calc(100vw * 40 / var(--hj-ref)), 2.5rem);

}

body.ashrams-journey-page .hj-info__head {

    display: flex;
    justify-content: center;
    width: 100%;
    padding: clamp(0.375rem, calc(100vw * 10 / var(--hj-ref)), 0.625rem)
        clamp(0.75rem, calc(100vw * 32 / var(--hj-ref)), 2rem);

}

body.ashrams-journey-page .hj-info__title {

    margin: 0;
    width: fit-content;
    max-width: min(34.6875rem, 100%);
    min-height: clamp(1.875rem, calc(100vw * 36 / var(--hj-ref)), 2.25rem);
    font-family: 'Playfair Display', var(--ashrams-serif), serif !important;
    font-size: clamp(1.375rem, calc(100vw * 30 / var(--hj-ref)), 1.875rem);
    font-weight: 300 !important;
    font-style: normal;
    line-height: calc(36 / 30);
    text-align: center;
    white-space: nowrap;
    color: #1a1a1a;

}

body.ashrams-journey-page .hj-info__title-strong {

    font-family: inherit !important;
    font-style: normal !important;
    font-weight: 300 !important;
    color: color-mix(in srgb, #1a1a1a 72%, white);

}

body.ashrams-journey-page .hj-info__title-em {

    font-family: 'Playfair Display', var(--ashrams-serif), serif !important;
    font-style: italic !important;
    font-weight: 300 !important;
    color: color-mix(in srgb, #7a7a7a 82%, white);

}

body.ashrams-journey-page .hj-info__tabs {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(0.875rem, calc(100vw * 16 / var(--hj-ref)), 1rem);

}

body.ashrams-journey-page .hj-info__tab {

    box-sizing: border-box;
    padding: 0.75rem 2rem;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    background: #ffffff;
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.5625rem, calc(100vw * 10 / var(--hj-ref)), 0.625rem);
    font-weight: 400;
    line-height: calc(15 / 10);
    letter-spacing: clamp(0.08em, calc(100vw * 1.5 / var(--hj-ref)), 1.5px);
    text-transform: uppercase;
    color: #8c8c8c;
    cursor: pointer;

}

body.ashrams-journey-page .hj-info__tab.is-active {

    background: #2c2c2c;
    border-color: #2c2c2c;
    color: #ffffff;

}

body.ashrams-journey-page .hj-info__panels {

    width: 100%;

}

body.ashrams-journey-page .hj-info__panel {

    display: none;

}

body.ashrams-journey-page .hj-info__panel.is-active {

    display: block;

}

/* Single scroll viewport — JS sets max-height to first row; fallback until measured */

body.ashrams-journey-page .hj-info__panel-scroll {

    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #c8c8c8 transparent;
    padding-right: clamp(0.25rem, calc(100vw * 8 / var(--hj-ref)), 0.5rem);

}

body.ashrams-journey-page .hj-info__panel-scroll:not([data-hj-scroll-ready]) {

    max-height: clamp(24rem, calc(100vw * 500 / var(--hj-ref)), 31.25rem);

}

body.ashrams-journey-page .hj-info__panel-scroll[data-hj-scroll-ready='single'] {

    max-height: none;
    overflow-y: visible;
    padding-right: 0;

}

body.ashrams-journey-page .hj-info__panel-scroll::-webkit-scrollbar {

    width: 6px;

}

body.ashrams-journey-page .hj-info__panel-scroll::-webkit-scrollbar-track {

    background: transparent;

}

body.ashrams-journey-page .hj-info__panel-scroll::-webkit-scrollbar-thumb {

    border-radius: 9999px;
    background: #c8c8c8;

}

body.ashrams-journey-page .hj-info__panel-grid {

    display: flex;
    flex-direction: column;
    gap: clamp(2rem, calc(100vw * 48 / var(--hj-ref)), 3rem);

}

body.ashrams-journey-page .hj-info__panel-row {

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(2rem, calc(100vw * 64 / var(--hj-ref)), 4rem);
    align-items: start;

}

body.ashrams-journey-page .hj-info__panel-grid--single {

    display: block;

}

body.ashrams-journey-page .hj-info__col {

    display: flex;
    flex-direction: column;
    gap: clamp(1rem, calc(100vw * 24 / var(--hj-ref)), 1.5rem);
    min-width: 0;

}

body.ashrams-journey-page .hj-info__col h3 {

    margin: 0;
    font-family: 'Playfair Display', var(--ashrams-serif), serif !important;
    font-size: clamp(1rem, calc(100vw * 20 / var(--hj-ref)), 1.25rem);
    font-weight: 300 !important;
    line-height: calc(32 / 20);
    color: #2c2c2c;

}

body.ashrams-journey-page .hj-info__copy {

    display: flex;
    flex-direction: column;
    gap: clamp(0.875rem, calc(100vw * 16 / var(--hj-ref)), 1rem);

}

body.ashrams-journey-page .hj-info__col p {

    margin: 0;
    font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
    font-size: clamp(0.875rem, calc(100vw * 15 / var(--hj-ref)), 0.9375rem);
    font-weight: 300 !important;
    line-height: calc(27 / 15);
    color: #4a4a4a;

}

body.ashrams-journey-page .hj-info__col--full {

    grid-column: 1 / -1;

}.visually-hidden {

    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;

}

/* —— Responsive —— */

@media (max-width: 1199.98px) {
.hj-journey__inner,
.hj-journey__inner--reverse,
body.ashrams-journey-page .hj-journey--first .hj-journey__inner,
body.ashrams-journey-page .hj-journey--second .hj-journey__inner,
body.ashrams-journey-page .hj-journey--third .hj-journey__inner {

        grid-template-columns: 1fr;
        width: 100%;
        max-width: 100%;
        min-height: 0;
    
}

.hj-journey__inner--reverse .hj-journey__copy,
.hj-journey__inner--reverse .hj-journey__media {

        order: unset;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__copy {

        max-width: none;
        align-items: center;
        text-align: center;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__eyebrow,
body.ashrams-journey-page .hj-journey--third .hj-journey__price,
body.ashrams-journey-page .hj-journey--third .hj-journey__link {

        align-self: center;
    
}

/* Shared hero below 1200px — Himalayas cover stage for all regions */

body.ashrams-journey-page .hj-hero__stage {

        height: clamp(28rem, calc(100vw * 935 / 1440), 58.4375rem);
        min-height: unset;
        max-height: none;
    
}

body.ashrams-journey-page .hj-hero__bg {

        inset: 0;
        top: 0;
        height: 100%;
        display: block;
    
}

body.ashrams-journey-page .hj-hero__bg-img {

        width: 100%;
        height: 100%;
        max-height: none;
        object-fit: cover;
        transform: none;
    
}
}

@media (max-width: 899.98px) {
body.ashrams-journey-page .hj-journey-centered__text {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        min-width: 0;
        max-width: calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem));
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-inline: 0;
    

}

body.ashrams-journey-page .hj-journey-centered__line {

        white-space: normal;
        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
        text-align: center;
    

}

body.ashrams-journey-page .hj-journey-centered__line:last-child {

        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
        text-align: center;
    

}

body.ashrams-journey-page .hj-philosophy__para {

        min-width: 0;
        width: 100%;
        max-width: calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem));
    

}

body.ashrams-journey-page .hj-philosophy__line {

        white-space: normal;
        width: 100%;
        max-width: 100%;
    

}

body.ashrams-journey-page .hj-intro__copy,
body.ashrams-journey-page .hj-intro__copy p,
body.ashrams-journey-page .hj-intro__para {

        width: 100%;
        min-width: 0;
        max-width: calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem));
    

}

body.ashrams-journey-page .hj-intro__text-line {

        white-space: normal;
        width: 100%;
        max-width: 100%;
    

}

body.ashrams-journey-page .hj-quote__line,
body.ashrams-journey-page .hj-quote__text .hj-quote__line {

        white-space: normal;
        width: 100%;
        max-width: 100%;
        text-align: center;
    

}

body.ashrams-journey-page .hj-final-cta__quote-stack {

        display: flex;
        width: 100%;
        max-width: calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem));
        font-size: min(2.25rem, calc(100vw * 36 / var(--hj-ref)));
        line-height: calc(50 / 36);
    

}

body.ashrams-journey-page .hj-final-cta__quote-line {

        white-space: normal;
        width: 100%;
        max-width: 100%;
    

}

body.ashrams-journey-page .hj-signup__kicker {

        white-space: normal;
        max-width: calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem));
    

}

body.ashrams-journey-page .hj-info__title {

        white-space: normal;
        max-width: calc(100vw - 2 * var(--ashrams-shell-pad, 1.5rem));
    

}

.hj-hero__content {

        padding-bottom: 1.5rem;
    

}

.hj-hero__fade--top {

        height: 75%;
    

}

body.ashrams-journey-page .hj-hero__fade--top {

        height: 78%;
    

}

body.ashrams-journey-page .hj-info__panel-row {

        grid-template-columns: 1fr;
    

}

body.ashrams-journey-page .hj-info__panel-scroll:not([data-hj-scroll-ready]) {

        max-height: clamp(28rem, calc(100vw * 560 / var(--hj-ref)), 35rem);
    

}
}

@media (max-width: 639.98px) and (min-width: 501px) {
body.ashrams-journey-page .hj-signature__grid {

        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        height: auto;
        min-height: 0;
        row-gap: 0.5rem;
    

}

body.ashrams-journey-page .hj-signature__grid > .hj-signature__item,
body.ashrams-journey-page .hj-signature__grid > .hj-signature__item:nth-child(n) {

        padding: 1rem 1rem;
        transform: none;
        flex: 0 0 auto;
        width: 100%;
    

}

body.ashrams-journey-page .hj-signature__divider {

        display: none;
    

}
}

/* —— Phone (≤500px) — Figma ref 393px,
scales with viewport — all four journey pages —— */

@media (max-width: 820px) {
body.ashrams-journey-page {

        --hj-phone: 393;
        /*
         * Figma phone frame 5257:8226 is 393 design px wide. Every phone value
         * below is in those units and scales with viewport width, so a 788px
         * viewport reproduces the 788×1538 reference 1:1.
         */
        --hj-phone-u: 100vw;
        --hj-phone-pad: calc(100vw * 32 / var(--hj-phone));
        --ashrams-shell-pad: var(--hj-phone-pad);
        --hj-phone-copy-gap: calc(var(--hj-phone-u) * 16 / var(--hj-phone));
        --hj-phone-copy-overlap: 0px;
        --hj-phone-content-gap-kicker: calc(var(--hj-phone-u) * 12 / var(--hj-phone));
        /* Figma ink: title 82→111, intro 138→187 from hero top */
        --hj-phone-content-pad-top: calc(var(--hj-phone-u) * 76 / var(--hj-phone));
        --hj-phone-content-gap-title: calc(var(--hj-phone-u) * 21 / var(--hj-phone));
        --hj-phone-content-pad-bottom: 0px;
        --hj-phone-signature-offset: calc(var(--hj-phone-u) * 49 / var(--hj-phone));
        --hj-phone-signature-stat-gap: calc(var(--hj-phone-u) * 28 / var(--hj-phone));
        --hj-phone-section-gap: calc(var(--hj-phone-u) * 36 / var(--hj-phone));
        --hj-phone-signature-intro-gap: calc(var(--hj-phone-u) * 40 / var(--hj-phone));
        --hj-phone-intro-gap: calc(var(--hj-phone-u) * 32 / var(--hj-phone));
        --hj-phone-intro-copy-gap: calc(var(--hj-phone-u) * 32 / var(--hj-phone));
        --hj-phone-intro-max: calc(100vw * 318 / var(--hj-phone));
        --hj-phone-journey-img-h: calc(100vw * 320 / var(--hj-phone));
        --hj-phone-journey-block-gap: calc(100vw * 40 / var(--hj-phone));
        --hj-phone-journey-copy-gap: calc(100vw * 32 / var(--hj-phone));
        --hj-phone-journey-head-gap: calc(100vw * 12 / var(--hj-phone));
        --hj-phone-journey-foot-gap: calc(100vw * 15.5 / var(--hj-phone));
        --hj-phone-journey-action-gap: calc(100vw * 32 / var(--hj-phone));
        --hj-phone-journey-pad-y: calc(100vw * 64 / var(--hj-phone));
        --hj-phone-quote-pad-top: calc(100vw * 94.75 / var(--hj-phone));
        --hj-phone-quote-pad-bottom: calc(100vw * 96 / var(--hj-phone));
        --hj-phone-quote-inner-gap: calc(100vw * 48 / var(--hj-phone));
        --hj-phone-quote-block-gap: calc(100vw * 24 / var(--hj-phone));
        --hj-phone-quote-lead-max: calc(100vw * 329 / var(--hj-phone));
        --hj-phone-quote-text-max: calc(100vw * 232 / var(--hj-phone));
        --hj-phone-j2-pad-y: calc(100vw * 80 / var(--hj-phone));
        --hj-phone-j2-gap: calc(100vw * 40 / var(--hj-phone));
        --hj-phone-j2-head-gap: calc(100vw * 16 / var(--hj-phone));
        --hj-phone-j2-text-max: calc(100vw * 317 / var(--hj-phone));
        --hj-phone-j2-foot-gap: calc(100vw * 15.5 / var(--hj-phone));
        --hj-phone-j2-after-gap: calc(100vw * 128 / var(--hj-phone));
        --hj-phone-philosophy-gap: calc(100vw * 40 / var(--hj-phone));
        --hj-phone-philosophy-copy-gap: calc(100vw * 24 / var(--hj-phone));
        --hj-phone-philosophy-max: calc(100vw * 329 / var(--hj-phone));
        --hj-phone-j3-before-gap: calc(100vw * 100 / var(--hj-phone));
        --hj-phone-cta-pad-y: calc(100vw * 128 / var(--hj-phone));
        --hj-phone-cta-before-gap: calc(100vw * 52 / var(--hj-phone));
        --hj-phone-cta-after-gap: calc(100vw * 80 / var(--hj-phone));
        --hj-phone-cta-max: calc(100vw * 329 / var(--hj-phone));
        --hj-phone-cta-inner-gap: calc(100vw * 47 / var(--hj-phone));
        --hj-phone-cta-sub-pad-top: calc(100vw * 25 / var(--hj-phone));
        --hj-phone-signup-pad-y: calc(100vw * 96 / var(--hj-phone));
        --hj-phone-signup-before-gap: calc(100vw * 40 / var(--hj-phone) + 50px);
        --hj-phone-signup-after-gap: calc(100vw * 80 / var(--hj-phone));
        --hj-phone-signup-max: calc(100vw * 329 / var(--hj-phone));
        --hj-phone-signup-gap: calc(100vw * 40 / var(--hj-phone));
        --hj-phone-signup-head-gap: calc(100vw * 12 / var(--hj-phone));
        --hj-phone-signup-kicker-max: calc(100vw * 284 / var(--hj-phone));
        --hj-phone-signup-field-pad-bottom: calc(100vw * 8 / var(--hj-phone));
        --hj-phone-signup-input-pad-y: calc(100vw * 9 / var(--hj-phone));
        --hj-phone-signup-input-pad-x: calc(100vw * 12 / var(--hj-phone));
        --hj-phone-signup-btn-margin-top: calc(100vw * 32 / var(--hj-phone));
        --hj-phone-signup-btn-pad-y: calc(100vw * 16 / var(--hj-phone));
        --hj-phone-signup-btn-pad-x: calc(100vw * 40 / var(--hj-phone));
        --hj-phone-info-pad-y: calc(100vw * 80 / var(--hj-phone));
        --hj-phone-info-max: calc(100vw * 329 / var(--hj-phone));
        --hj-phone-info-head-tabs-gap: calc(100vw * 40 / var(--hj-phone));
        --hj-phone-info-tabs-panel-gap: calc(100vw * 48 / var(--hj-phone));
        --hj-phone-info-tab-gap: calc(100vw * 12 / var(--hj-phone));
        --hj-phone-info-tab-h: calc(100vw * 48 / var(--hj-phone));
        --hj-phone-info-col-gap: calc(100vw * 64 / var(--hj-phone));
        --hj-phone-info-block-gap: calc(100vw * 24 / var(--hj-phone));
        --hj-phone-info-copy-gap: calc(100vw * 16 / var(--hj-phone));
        --hj-phone-footer-pad-top: calc(100vw * 39 / var(--hj-phone) + 50px);
        --hj-phone-footer-nav-gap: calc(100vw * 40 / var(--hj-phone));
        --hj-phone-footer-col-gap: calc(100vw * 16 / var(--hj-phone));
        --hj-phone-footer-link-gap: calc(100vw * 8 / var(--hj-phone));
        --hj-phone-footer-tagline-gap: calc(100vw * 79 / var(--hj-phone));
        --hj-phone-footer-forest-h: calc(100vw * 261 / var(--hj-phone));
        --hj-phone-footer-social-gap: calc(100vw * 12 / var(--hj-phone));
        --hj-phone-footer-social-size: calc(100vw * 30 / var(--hj-phone));
        --hj-phone-footer-social-inset: calc(100vw * 8 / var(--hj-phone));
        /* Reflection fades out over the last 160 design px of the photo */
        --hj-phone-fade-h: calc(var(--hj-phone-u) * 160 / var(--hj-phone));
        --hj-phone-crumbs-band: calc(var(--hj-phone-u) * 40 / var(--hj-phone));
        /* Photo bottom 584 → crumb ink 613 */
        --hj-phone-crumbs-inset: calc(var(--hj-phone-u) * 25 / var(--hj-phone));
        --hj-phone-seam-bg: #ffffff;
    
}

/* Hero — Figma phone: pure white page; soft sky only via image feathers */

body.ashrams-journey-page .hj-hero {

        background: #ffffff;
    
}

/* Phone hero: drop the first screen so title / photo / kicker sit lower */

/* body.ashrams-journey-page .hj-hero--has-mobile {

        padding-top: calc(var(--hj-phone-u) * 72 / var(--hj-phone));
    
} */

body.ashrams-journey-page .hj-hero--has-mobile:before {

        content: '';
        display: block;
        width: 100%;
        height: 30%;
        background: rgb(247 248 252 / 56%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    
}

/*
     * Figma phone hero is an overlay: the portrait photo runs full bleed from
     * the very top of the hero, and the title + intro sit on its sky, which is
     * feathered to white behind them. Only the copy is taken out of flow, so
     * the stage height stays driven by the photo + breadcrumb.
     */

body.ashrams-journey-page .hj-hero__stage {

        position: relative;
        display: block;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
        background: #ffffff;
        padding-bottom: 0;
    
}

body.ashrams-journey-page .hj-hero__upper {

        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        background: transparent;
    
}

body.ashrams-journey-page .hj-hero__bg {

        position: relative;
        inset: auto;
        top: auto;
        left: auto;
        right: auto;
        z-index: 1;
        width: 100%;
        /* Height comes from the asset, so each region shows its whole
           mobile portrait at its own ratio — no crop, no distortion. */
        height: auto;
        margin-top: 0;
        overflow: hidden;
        background-color: transparent;
    
}

body.ashrams-journey-page .hj-hero__bg picture {

        display: block;
        width: 100%;
        height: auto;
    
}

body.ashrams-journey-page .hj-hero__bg-img {

        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: auto;
        max-width: none;
        margin: 0;
        object-fit: fill;
        transform: none;
    
}

body.ashrams-journey-page .hj-hero__title {

        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-hero__intro-lines--desktop {

        display: none !important;
    
}

body.ashrams-journey-page .hj-hero__intro-lines,
body.ashrams-journey-page .hj-hero__intro-lines--phone {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 0;
    
}

body.ashrams-journey-page .hj-hero__intro-line,
body.ashrams-journey-page .hj-hero__intro-lines--phone .hj-hero__intro-line {

        display: block;
        width: 100%;
        max-width: calc(100vw * 318 / var(--hj-phone));
        margin-inline: auto;
        text-align: center;
        white-space: normal;
        overflow-wrap: break-word;
    
}

body.ashrams-journey-page .hj-hero__bar {

        display: none;
    
}

body.ashrams-journey-page .hj-hero__content {

        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--hj-phone-content-gap-title);
        position: relative;
        z-index: 3;
        width: min(100%, calc(100vw * 345 / var(--hj-phone)));
        max-width: calc(100vw * 345 / var(--hj-phone));
        margin: 0 auto;
        padding: 0;
        background: transparent;
        margin-top: 4rem;
}

body.ashrams-journey-page .hj-hero__title {

        margin: 0;
        font-family: 'cormorant infant', serif !important;
        font-size: 1.9rem;
        line-height: calc(36 / 29);
        font-weight: 400;
        font-style: italic !important;
        letter-spacing: 0;
        text-align: center;
        color: #4A4A4A;
    
}

body.ashrams-journey-page .hj-hero__kicker,
body.ashrams-journey-page .hj-hero__kicker-brand {

        font-family: 'Manrope', var(--ashrams-sans), sans-serif !important;
    
}

body.ashrams-journey-page .hj-hero__intro {

        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: calc(100vw * 318 / var(--hj-phone));
        font-family: manrope, sans-serif !important;
        font-size: calc(var(--hj-phone-u) * 11.8 / var(--hj-phone)) !important;
        line-height: calc(19.7 / 11.8) !important;
        font-weight: 400;
        letter-spacing: 0;
        text-align: center;
        color: #5E5E5F;
    
}

body.ashrams-journey-page .hj-hero__intro-line,
body.ashrams-journey-page .hj-hero__intro-lines--phone .hj-hero__intro-line {

        display: block;
        width: 100%;
        max-width: calc(100vw * 318 / var(--hj-phone));
        margin-inline: auto;
        text-align: center;
        white-space: normal;
        overflow-wrap: break-word;
    
}

/*
     * The CMS mobile asset already carries its own white sky at the top and
     * dissolves into white at the bottom, exactly as in Figma — any CSS
     * gradient on top of it would double-fade the photo.
     */

body.ashrams-journey-page .hj-hero--has-mobile .hj-hero__fade--top,
body.ashrams-journey-page .hj-hero--has-mobile .hj-hero__fade--bottom {

        display: none;
    
}

/* Breadcrumbs under image — Figma spacing */

body.ashrams-journey-page .hj-hero__crumbs {

        position: relative;
        z-index: 4;
        bottom: auto;
        left: auto;
        transform: none;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
        margin: 0;
        padding: var(--hj-phone-crumbs-inset) var(--hj-phone-pad) 0;
        font-size: calc(var(--hj-phone-u) * 9.3 / var(--hj-phone));
        line-height: calc(14 / 7.3);
        letter-spacing: calc(var(--hj-phone-u) * 2.45 / var(--hj-phone));
        gap: calc(var(--hj-phone-u) * 5.85 / var(--hj-phone));
        color: #b0b0b0;
        text-align: center;
        background: #ffffff;
        display: none;
    
}

body.ashrams-journey-page .hj-hero__crumbs a,
body.ashrams-journey-page .hj-hero__crumbs span[aria-current] {

        color: inherit;
    
}

body.ashrams-journey-page .hj-hero__crumbs span[aria-current] {

        color: #4a4a4a;
        font-weight: 600;
    
}

/* CMS mobile portrait — shown whole, at its own ratio */

body.ashrams-journey-page .hj-hero--has-mobile .hj-hero__bg {

        height: auto;
        margin-top: 0;
        overflow: hidden;
        background-color: transparent;
    
}

body.ashrams-journey-page .hj-hero--has-mobile .hj-hero__bg picture {

        display: block;
        width: 100%;
        height: auto;
    
}

body.ashrams-journey-page .hj-hero--has-mobile .hj-hero__bg-img {

        width: 100%;
        height: auto !important;
        max-height: none;
        aspect-ratio: auto;
        object-fit: fill;
    
}

/*
     * Regions without a dedicated mobile portrait (North West, North East, etc.)
     * reuse the desktop hero — cover-fill overlay + CSS fades so copy blends
     * into the sky the same way as Himalayas / Southern India phone heroes.
     */

body.ashrams-journey-page .hj-hero:not(.hj-hero--has-mobile) .hj-hero__stage {

        min-height: calc(100vw * 520 / var(--hj-phone));
        overflow: hidden;
        background: #ffffff;
    
}

body.ashrams-journey-page .hj-hero:not(.hj-hero--has-mobile) .hj-hero__bg {

        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        margin-top: 0;
    
}

body.ashrams-journey-page .hj-hero:not(.hj-hero--has-mobile) .hj-hero__bg picture {

        display: block;
        width: 100%;
        height: 100%;
    
}

body.ashrams-journey-page .hj-hero:not(.hj-hero--has-mobile) .hj-hero__bg-img {

        width: 100%;
        height: 100%;
        max-height: none;
        aspect-ratio: auto;
        object-fit: cover;
        object-position: center 38%;
        transform: none;
    
}

body.ashrams-journey-page .hj-hero:not(.hj-hero--has-mobile) .hj-hero__upper {

        inset: 0;
        bottom: auto;
    
}

body.ashrams-journey-page .hj-hero:not(.hj-hero--has-mobile) .hj-hero__content {

        padding-top: var(--hj-phone-content-pad-top);
    
}

body.ashrams-journey-page .hj-hero:not(.hj-hero--has-mobile) .hj-hero__fade--top {

        display: block;
        height: 72%;
        background: linear-gradient(
            180deg,
            #ffffff 0%,
            rgba(255, 255, 255, 0.92) 18%,
            rgba(255, 255, 255, 0.55) 40%,
            rgba(255, 255, 255, 0.12) 62%,
            rgba(255, 255, 255, 0) 100%
        );
    
}

body.ashrams-journey-page .hj-hero:not(.hj-hero--has-mobile) .hj-hero__fade--bottom {

        display: block;
    
}

/* Signature — Figma: kicker + 14 · 18 · 21 DAYS */

body.ashrams-journey-page .hj-signature {

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: calc(var(--hj-phone-u) * 90 / var(--hj-phone));
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding:0 0 10rem;
        background: #ffffff;
        box-sizing: border-box;
        text-align: center;
    
}

body.ashrams-journey-page h2.hj-signature__kicker {

        margin: 0;
        width: 100%;
        max-width: 100%;
        white-space: normal;
        font-family: var(--ashrams-inter), 'Inter', sans-serif;
        font-size: calc(var(--hj-phone-u) * 9.35 / var(--hj-phone));
        font-weight: 400;
        font-style: normal;
        line-height: calc(15 / 9.35);
        letter-spacing: calc(var(--hj-phone-u) * 3.45 / var(--hj-phone));
        text-transform: uppercase;
        text-align: center;
        color: #8a9096;
    
}

body.ashrams-journey-page .hj-signature__grid {

        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
        height: auto;
        min-height: calc(var(--hj-phone-u) * 46 / var(--hj-phone));
        padding: 0 calc(100vw * 8 / var(--hj-phone));
        gap: var(--hj-phone-signature-stat-gap);
        flex: none;
        box-sizing: border-box;
    
}

body.ashrams-journey-page .hj-signature__item {

        flex: 1 1 0;
        min-width: 0;
        height: auto;
        gap: calc(var(--hj-phone-u) * 5 / var(--hj-phone));
        padding: 0;
        transform: none;
    
}

body.ashrams-journey-page .hj-signature__grid > .hj-signature__item:nth-child(n) {

        padding: 0;
        transform: none;
    
}

body.ashrams-journey-page .hj-signature__grid--count-4,
body.ashrams-journey-page .hj-signature__grid--count-5,
body.ashrams-journey-page .hj-signature__grid--count-6 {

        gap: calc(var(--hj-phone-u) * 16 / var(--hj-phone));
    
}

body.ashrams-journey-page .hj-signature__num {

        font-family: 'Playfair Display', Georgia, serif;
        font-style: italic;
        font-size: calc(var(--hj-phone-u) * 30 / var(--hj-phone));
        line-height: 1;
        font-weight: 400;
        color: #6B7280;
    
}

body.ashrams-journey-page .hj-signature__label {

        font-size: calc(var(--hj-phone-u) * 10 / var(--hj-phone));
        line-height: calc(12 / 8);
        letter-spacing: calc(var(--hj-phone-u) * 1.2 / var(--hj-phone));
        font-weight: 400;
        white-space: nowrap;
        text-align: center;
        align-items: center;
        color: #545F72;
        overflow-wrap: normal;
        hyphens: manual;
    
}

body.ashrams-journey-page .hj-signature__label-lines--phone {

        display: inline !important;
    
}

body.ashrams-journey-page .hj-signature__label-lines--desktop {

        display: none !important;
    
}

/* Figma phone: small dots between 14 · 18 · 21, vertically centered on numbers */

body.ashrams-journey-page .hj-signature__divider {

        display: block !important;
        flex: 0 0 auto;
        align-self: flex-start;
        width: calc(var(--hj-phone-u) * 6 / var(--hj-phone));
        height: calc(var(--hj-phone-u) * 6 / var(--hj-phone));
        margin-top: calc(var(--hj-phone-u) * 35 / var(--hj-phone));
        border-radius: 50%;
        background: #c4c6cc73;
    
}

body.ashrams-journey-page .hj-signature__grid {

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center;
        align-items: flex-start;
        gap: calc(var(--hj-phone-u) * 40 / var(--hj-phone));
        padding: 0 calc(100vw * 24 / var(--hj-phone));
    
}

body.ashrams-journey-page .hj-signature__item {

        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        width: auto !important;
        flex: 0 0 auto !important;
        min-width: 0;
        gap: calc(var(--hj-phone-u) * 20 / var(--hj-phone));
    
}

/* Introduction — Figma phone: centered editorial copy */

body.ashrams-journey-page .hj-intro {

        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        /* padding: 0 var(--hj-phone-pad); */
        gap: var(--hj-phone-intro-gap);
        text-align: center;
    
}

body.ashrams-journey-page .hj-intro__line {

        display: none;
    
}

body.ashrams-journey-page .hj-intro__copy--desktop {

        display: none !important;
    
}

body.ashrams-journey-page .hj-intro__copy:not(.hj-intro__copy--desktop),
body.ashrams-journey-page .hj-intro__copy--phone,
body.ashrams-journey-page .hj-intro__copy {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 75%;
        margin-inline: auto;
        gap: var(--hj-phone-intro-copy-gap);
        text-align: center;
    
}

body.ashrams-journey-page .hj-intro__copy p,
body.ashrams-journey-page .hj-intro__para,
body.ashrams-journey-page .hj-intro__para--cms {

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0;
        font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;
        font-size: calc(var(--hj-phone-u) * 13 / var(--hj-phone));
        line-height: calc(21 / 13);
        font-weight: 300;
        font-style: normal;
        letter-spacing: 0;
        text-align: center !important;
        color: #4a4a4a;
    
}

body.ashrams-journey-page .hj-intro__text-line {

        display: inline;
        white-space: normal !important;
        width: auto;
        max-width: none;
        font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;
        font-size: inherit;
        line-height: inherit;
        font-weight: 300;
        color: inherit;
    
}

/* Cover regions — reset tablet/desktop layout; shared Himalayas phone type/spacing below *//* Journey 1 + 2 — same stacked card on mobile (image → left-aligned copy) */

body.ashrams-journey-page .hj-journey--first,
body.ashrams-journey-page .hj-journey--second {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding:
            calc(var(--hj-phone-journey-pad-y) + var(--hj-phone-section-gap))
            var(--hj-phone-pad)
            var(--hj-phone-journey-pad-y);
    
}

/* Figma phone: first image full-bleed, mist fade at top */

body.ashrams-journey-page .hj-journey--first .hj-journey__inner {

        gap: var(--hj-phone-journey-copy-gap);
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__copy {

        box-sizing: border-box;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__inner,
body.ashrams-journey-page .hj-journey--second .hj-journey__inner,
body.ashrams-journey-page .hj-journey--second .hj-journey__inner--reverse {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        min-height: 0;
        padding: 0;
        gap: var(--hj-phone-journey-block-gap);
    
}

body.ashrams-journey-page .hj-journey--second .hj-journey__inner--reverse .hj-journey__media {

        order: 1;
    
}

body.ashrams-journey-page .hj-journey--second .hj-journey__inner--reverse .hj-journey__copy {

        order: 2;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__media,
body.ashrams-journey-page .hj-journey--second .hj-journey__media,
body.ashrams-journey-page .hj-journey--third .hj-journey__media {

        width: 100%;
        height: var(--hj-phone-journey-img-h);
        border-radius: 5px;
        overflow: hidden;
        box-shadow:
            0 calc(100vw * 20 / var(--hj-phone)) calc(100vw * 25 / var(--hj-phone)) calc(100vw * -5 / var(--hj-phone)) rgba(0, 0, 0, 0.1),
            0 calc(100vw * 8 / var(--hj-phone)) calc(100vw * 10 / var(--hj-phone)) calc(100vw * -6 / var(--hj-phone)) rgba(0, 0, 0, 0.1);
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__media img,
body.ashrams-journey-page .hj-journey--first [data-hj-carousel-img],
body.ashrams-journey-page .hj-journey--second .hj-journey__media img,
body.ashrams-journey-page .hj-journey--second [data-hj-carousel-img],
body.ashrams-journey-page .hj-journey--third .hj-journey__media img,
body.ashrams-journey-page .hj-journey--third [data-hj-carousel-img] {

        width: 100%;
        height: 100%;
        min-height: 0;
        border-radius: 5px;
        object-fit: cover;
        object-position: center center;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__media[data-hj-media-carousel] .hj-media-carousel__slide img,
body.ashrams-journey-page .hj-journey--first .hj-journey__media[data-hj-media-carousel] [data-hj-carousel-img],
body.ashrams-journey-page .hj-journey--second .hj-journey__media[data-hj-media-carousel] .hj-media-carousel__slide img,
body.ashrams-journey-page .hj-journey--second .hj-journey__media[data-hj-media-carousel] [data-hj-carousel-img],
body.ashrams-journey-page .hj-journey--third .hj-journey__media[data-hj-media-carousel] .hj-media-carousel__slide img,
body.ashrams-journey-page .hj-journey--third .hj-journey__media[data-hj-media-carousel] [data-hj-carousel-img] {

        border-radius: 5px;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__copy,
body.ashrams-journey-page .hj-journey--second .hj-journey__copy {

        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        gap: 0;
        text-align: left;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__head,
body.ashrams-journey-page .hj-journey--second .hj-journey__head {

        gap: var(--hj-phone-journey-head-gap);
        margin-bottom: var(--hj-phone-journey-copy-gap);
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__text,
body.ashrams-journey-page .hj-journey--second .hj-journey__text {

        margin-bottom: var(--hj-phone-journey-action-gap);
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__foot,
body.ashrams-journey-page .hj-journey--second .hj-journey__foot {

        gap: var(--hj-phone-journey-action-gap);
        align-items: flex-start;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__eyebrow,
body.ashrams-journey-page .hj-journey--first .hj-journey__price,
body.ashrams-journey-page .hj-journey--first .hj-journey__link,
body.ashrams-journey-page .hj-journey--second .hj-journey__eyebrow,
body.ashrams-journey-page .hj-journey--second .hj-journey__price,
body.ashrams-journey-page .hj-journey--second .hj-journey__link {

        font-family: var(--ashrams-inter), 'Inter', sans-serif;
        font-size: calc(100vw * 10 / var(--hj-phone));
        line-height: calc(15 / 10);
        font-weight: 400;
        letter-spacing: calc(100vw * 1.5 / var(--hj-phone));
        text-transform: uppercase;
        text-align: left;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__eyebrow,
body.ashrams-journey-page .hj-journey--second .hj-journey__eyebrow {

        color: #8c8c8c;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__title,
body.ashrams-journey-page .hj-journey--second .hj-journey__title {

        font-family: 'Cormorant Infant', var(--ashrams-serif), serif;
        font-size: calc(100vw * 30 / var(--hj-phone));
        line-height: calc(40 / 30);
        font-weight: 400;
        font-style: normal;
        text-align: left;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__text,
body.ashrams-journey-page .hj-journey--first .hj-journey__text--phone,
body.ashrams-journey-page .hj-journey--second .hj-journey__text,
body.ashrams-journey-page .hj-journey--second .hj-journey__text--phone {

        font-family: 'Montserrat', var(--ashrams-sans), sans-serif;
        font-size: calc(100vw * 13 / var(--hj-phone));
        line-height: calc(24 / 13);
        font-weight: 400;
        font-style: normal;
        text-align: left;
        color: #4a4a4a;
        max-width: 100%;
        margin: 0 0 var(--hj-phone-journey-action-gap);
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__text--desktop,
body.ashrams-journey-page .hj-journey--second .hj-journey__text--desktop {

        display: none !important;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__text--phone,
body.ashrams-journey-page .hj-journey--second .hj-journey__text--phone {

        display: block;
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__price,
body.ashrams-journey-page .hj-journey--second .hj-journey__price {

        color: rgba(122, 122, 122, 0.7);
    
}

body.ashrams-journey-page .hj-journey--first .hj-journey__link,
body.ashrams-journey-page .hj-journey--second .hj-journey__link {

        padding-bottom: calc(100vw * 4 / var(--hj-phone));
        border-bottom: 1px solid #2c2c2c;
        color: #8c8c8c;
    
}

/* Philosophical Quote — Figma 393×552.75 @ ≤500px */

body.ashrams-journey-page .hj-quote {

        padding:
            var(--hj-phone-quote-pad-top)
            var(--hj-phone-pad)
            var(--hj-phone-quote-pad-bottom);
        background: #ffffff;
    
}

body.ashrams-journey-page .hj-quote__inner {

        width: 100%;
        max-width: 100%;
        gap: var(--hj-phone-quote-inner-gap);
    
}

body.ashrams-journey-page .hj-quote__lead {

        width: 100%;
        max-width: var(--hj-phone-quote-lead-max);
        margin-inline: auto;
        font-family: montserrat, sans-serif !important;
        font-size: calc(100vw * 14 / var(--hj-phone));
        line-height: calc(22 / 15);
        font-weight: 300;
        font-style: italic;
        text-align: center;
        color: #4a4a4a;
    
}

body.ashrams-journey-page .hj-quote__lead-copy--desktop {

        display: none;
    
}

body.ashrams-journey-page .hj-quote__lead-copy--phone {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        font-family: inherit;
        text-align: center;
    
}

body.ashrams-journey-page .hj-quote__lead-copy--phone .hj-quote__line {

        display: block;
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        padding-inline: 0;
        white-space: normal;
        text-align: center;
        font-family: montserrat, sans-serif !important;
        font-size: calc(100vw * 14 / var(--hj-phone));
        line-height: calc(22 / 15);
        font-weight: 300;
        font-style: italic;
        color: #4a4a4a;
    
}

body.ashrams-journey-page .hj-quote__block {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        gap: var(--hj-phone-quote-block-gap);
    
}

body.ashrams-journey-page .hj-quote__mark {

        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: calc(100vw * 32 / var(--hj-phone));
        gap: calc(100vw * 8 / var(--hj-phone));
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 28 / var(--hj-phone));
        font-weight: 400;
        font-style: normal;
        line-height: 1;
        color: #7a7a7a;
    
}

body.ashrams-journey-page .hj-quote__mark-char {

        display: block;
        flex: none;
        width: auto;
        height: auto;
        background: none;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
        overflow: visible;
        font-weight: 300;
    
}

body.ashrams-journey-page .hj-quote__text {

        display: block;
        width: 100%;
        max-width: var(--hj-phone-quote-text-max);
        min-height: 0;
        margin-inline: auto;
        font-family: 'Cormorant Garamond', 'Cormorant Infant', serif !important;
        font-size: calc(100vw * 22 / var(--hj-phone));
        line-height: 1.4;
        font-weight: 400;
        font-style: italic;
        text-align: center;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-quote__text-copy--desktop {

        display: none;
    
}

/* Figma: one centered 232px column; config lines flow as a single paragraph */

body.ashrams-journey-page .hj-quote__text-copy--phone {

        display: block;
        width: 100%;
        max-width: var(--hj-phone-quote-text-max);
        margin-inline: auto;
        text-align: center;
        font-family: 'Cormorant Garamond', 'Cormorant Infant', serif !important;
        font-size: calc(100vw * 22 / var(--hj-phone));
        line-height: 1.4;
        font-weight: 400 !important;
        font-style: italic;
        color: #2c2c2c !important;
    
}

body.ashrams-journey-page .hj-quote__text-copy--phone .hj-quote__line {

        display: inline;
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        white-space: normal;
        text-align: center;
        font: inherit !important;
        color: inherit;
    
}

body.ashrams-journey-page .hj-quote__text-copy--phone .hj-quote__line:not(:last-child)::after {

        content: ' ';
        white-space: pre;
    
}

body.ashrams-journey-page .hj-quote__attrib {

        width: 100%;
        max-width: var(--hj-phone-quote-text-max);
        margin-inline: auto;
        text-align: center;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 10 / var(--hj-phone));
        line-height: calc(15 / 10);
        font-weight: 400;
        letter-spacing: calc(100vw * 1.5 / var(--hj-phone));
        text-transform: uppercase;
        color: #7a7a7a;
    
}

/* Himalayas quote only — Figma phone 5257:8317 */

body.ashrams-journey-page .hj-quote__lead,
body.ashrams-journey-page .hj-quote__lead-copy--phone,
body.ashrams-journey-page .hj-quote__lead-copy--phone .hj-quote__line {

        font-family: 'Montserrat', sans-serif !important;
        font-size: calc(100vw * 14 / var(--hj-phone));
        line-height: calc(22.75 / 14);
        font-weight: 400;
        font-style: italic;
        color: #7a7a7a;
        text-align: center;
    
}

body.ashrams-journey-page .hj-quote__lead-copy--phone {

        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        width: 100%;
        max-width: 100%;
    
}

body.ashrams-journey-page .hj-quote__lead-copy--phone .hj-quote__line {

        display: block;
        width: 100%;
        max-width: var(--hj-phone-quote-lead-max);
        margin-inline: auto;
        white-space: normal;
        overflow-wrap: break-word;
    
}

body.ashrams-journey-page .hj-quote__mark {

        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: calc(100vw * 32 / var(--hj-phone));
        gap: 0.35em;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 24 / var(--hj-phone));
        font-weight: 400;
        font-style: normal;
        line-height: calc(32 / 24);
        letter-spacing: 0;
        white-space: nowrap;
        color: #7a7a7a;
    
}

body.ashrams-journey-page .hj-quote__mark-char {

        display: inline;
        width: auto;
        height: auto;
        background: none;
        font-size: inherit;
        line-height: inherit;
        font-weight: 400;
        color: inherit;
        overflow: visible;
    
}

body.ashrams-journey-page .hj-quote__text,
body.ashrams-journey-page .hj-quote__text-copy--phone {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
        font-family: 'Cormorant Infant', serif !important;
        font-size: calc(100vw * 24 / var(--hj-phone));
        line-height: calc(30 / 24);
        font-weight: 300;
        font-style: italic;
        text-align: center;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-quote__text-copy--phone .hj-quote__line {

        display: block;
        width: 100%;
        max-width: var(--hj-phone-quote-text-max);
        margin: 0 auto;
        padding: 0;
        white-space: normal;
        overflow-wrap: break-word;
        text-align: center;
        font: inherit !important;
        color: inherit;
    
}

body.ashrams-journey-page .hj-quote__text-copy--phone .hj-quote__line:not(:last-child)::after {

        content: none;
    
}

/* Banner */

body.ashrams-journey-page .hj-banner {

        height: calc(100vw * 320 / var(--hj-phone));
    
}

/* Journey 2 — Further Into Still — Figma 393×449.5 @ ≤500px */

body.ashrams-journey-page .hj-banner + .hj-journey-centered {

        margin-top: 0;
    
}

body.ashrams-journey-page .hj-journey-centered {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding:
            var(--hj-phone-j2-pad-y)
            var(--hj-phone-pad)
            calc(var(--hj-phone-j2-pad-y) + var(--hj-phone-j2-after-gap));
        gap: 0;
        text-align: center;
        overflow-x: clip;
    
}

body.ashrams-journey-page .hj-journey-centered__head {

        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--hj-phone-j2-head-gap);
        width: 100%;
        margin-bottom: var(--hj-phone-j2-gap);
    
}

body.ashrams-journey-page .hj-journey-centered__eyebrow,
body.ashrams-journey-page .hj-journey-centered__price,
body.ashrams-journey-page .hj-journey-centered__link {

        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 10 / var(--hj-phone));
        line-height: calc(15 / 10);
        font-weight: 400;
        letter-spacing: calc(100vw * 1.5 / var(--hj-phone));
        text-transform: uppercase;
        text-align: center;
    
}

body.ashrams-journey-page .hj-journey-centered__eyebrow {

        color: #8c8c8c;
    
}

body.ashrams-journey-page .hj-journey-centered__title {

        width: 100%;
        font-family: 'Cormorant Infant', var(--ashrams-serif), serif;
        font-size: calc(100vw * 30 / var(--hj-phone));
        line-height: calc(40 / 30);
        font-weight: 400;
        font-style: normal;
        text-align: center;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-journey-centered__text:not(.hj-journey-centered__text--desktop),
body.ashrams-journey-page .hj-journey-centered__text--phone,
body.ashrams-journey-page .hj-journey-centered__text--flow {

        display: block;
        width: 100%;
        max-width: var(--hj-phone-j2-text-max);
        min-width: 0;
        margin: 0 auto var(--hj-phone-journey-action-gap);
        margin-left: auto;
        margin-right: auto;
        padding-inline: 0;
        font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;
        font-size: calc(100vw * 13 / var(--hj-phone));
        line-height: calc(22 / 13);
        font-weight: 400;
        font-style: normal;
        text-align: center;
        color: #4a4a4a;
        overflow-wrap: break-word;
    
}

body.ashrams-journey-page .hj-journey-centered__text--desktop {

        display: none !important;
    
}

body.ashrams-journey-page .hj-journey-centered__text--phone .hj-journey-centered__line,
body.ashrams-journey-page .hj-journey-centered__text:not(.hj-journey-centered__text--desktop):not(.hj-journey-centered__text--flow) .hj-journey-centered__line {

        display: block;
        width: max-content;
        max-width: 100%;
        margin-inline: auto;
        white-space: nowrap;
        text-align: center;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit;
        overflow-wrap: normal;
    
}

body.ashrams-journey-page .hj-journey-centered__foot {

        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--hj-phone-journey-action-gap);
        width: 100%;
    
}

body.ashrams-journey-page .hj-journey-centered__price {

        color: rgba(122, 122, 122, 0.7);
    
}

body.ashrams-journey-page .hj-journey-centered__link {

        padding-bottom: calc(100vw * 4 / var(--hj-phone));
        border-bottom: 1px solid #2c2c2c;
        color: #8c8c8c;
    
}

/* Middle Philosophy — Figma 393×400 @ ≤500px */

body.ashrams-journey-page .hj-philosophy {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 90px var(--hj-phone-pad);
        gap: var(--hj-phone-philosophy-gap);
    
}

body.ashrams-journey-page .hj-philosophy .hj-divider {

        display: none;
    
}

body.ashrams-journey-page .hj-philosophy__copy--desktop {

        display: none !important;
    
}

body.ashrams-journey-page .hj-philosophy__copy--phone,
body.ashrams-journey-page .hj-philosophy__copy:not(.hj-philosophy__copy--desktop) {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: var(--hj-phone-philosophy-max);
        margin: 0 auto;
        gap: var(--hj-phone-philosophy-copy-gap);
    
}

body.ashrams-journey-page .hj-philosophy__copy--phone .hj-philosophy__para,
body.ashrams-journey-page .hj-philosophy__copy:not(.hj-philosophy__copy--desktop) .hj-philosophy__para {

        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;
        font-size: calc(100vw * 13 / var(--hj-phone));
        line-height: calc(22 / 13);
        font-weight: 300;
        font-style: normal;
        text-align: center;
        color: #4a4a4a;
        overflow-wrap: anywhere;
    
}

body.ashrams-journey-page .hj-philosophy__copy--phone .hj-philosophy__line,
body.ashrams-journey-page .hj-philosophy__copy:not(.hj-philosophy__copy--desktop) .hj-philosophy__line {

        display: inline;
        white-space: normal;
        width: auto;
        max-width: none;
        text-align: center;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit;
    
}

/* Journey 3 — Until You Return — Figma @ ≤500px (matches Journey 1 stack) */

body.ashrams-journey-page .hj-journey--third {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding:
            calc(var(--hj-phone-journey-pad-y) + var(--hj-phone-section-gap) + var(--hj-phone-j3-before-gap))
            var(--hj-phone-pad)
            calc(100vw * 40 / var(--hj-phone));
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__inner {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        min-height: 0;
        padding: 0;
        gap: var(--hj-phone-journey-block-gap);
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__inner--reverse .hj-journey__copy {

        order: 2;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__inner--reverse .hj-journey__media {

        order: 1;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__media {

        width: 100%;
        height: var(--hj-phone-journey-img-h);
        border-radius: 5px;
        box-shadow:
            0 calc(100vw * 20 / var(--hj-phone)) calc(100vw * 25 / var(--hj-phone)) calc(100vw * -5 / var(--hj-phone)) rgba(0, 0, 0, 0.1),
            0 calc(100vw * 8 / var(--hj-phone)) calc(100vw * 10 / var(--hj-phone)) calc(100vw * -6 / var(--hj-phone)) rgba(0, 0, 0, 0.1);
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__media img,
body.ashrams-journey-page .hj-journey--third [data-hj-carousel-img] {

        width: 100%;
        height: 100%;
        min-height: 0;
        border-radius: 5px;
        object-fit: cover;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__copy {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        gap: 0;
        text-align: left;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__head {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: var(--hj-phone-journey-head-gap);
        margin-bottom: var(--hj-phone-journey-copy-gap);
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__foot {

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: var(--hj-phone-journey-action-gap);
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__eyebrow,
body.ashrams-journey-page .hj-journey--third .hj-journey__price,
body.ashrams-journey-page .hj-journey--third .hj-journey__link {

        font-family: var(--ashrams-inter), 'Inter', sans-serif;
        font-size: calc(100vw * 10 / var(--hj-phone));
        line-height: calc(15 / 10);
        font-weight: 400;
        letter-spacing: calc(100vw * 1.5 / var(--hj-phone));
        text-transform: uppercase;
        align-self: flex-start;
        text-align: left;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__eyebrow {

        color: #8c8c8c;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__title {

        font-family: 'Cormorant Infant', var(--ashrams-serif), serif;
        font-size: calc(100vw * 30 / var(--hj-phone));
        line-height: calc(40 / 30);
        font-weight: 400;
        font-style: normal;
        text-align: left;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__text,
body.ashrams-journey-page .hj-journey--third .hj-journey__text--phone {

        font-family: 'Montserrat', var(--ashrams-sans), sans-serif;
        font-size: calc(100vw * 13 / var(--hj-phone));
        line-height: calc(24 / 13);
        font-weight: 400;
        font-style: normal;
        text-align: left;
        color: #4a4a4a;
        max-width: 100%;
        margin: 0 0 var(--hj-phone-journey-action-gap);
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__text--desktop {

        display: none !important;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__text--phone {

        display: block;
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__price {

        color: rgba(122, 122, 122, 0.7);
    
}

body.ashrams-journey-page .hj-journey--third .hj-journey__link {

        padding-bottom: calc(100vw * 4 / var(--hj-phone));
        border-bottom: 1px solid #2c2c2c;
        color: #8c8c8c;
    
}

/* Final CTA — Figma Section 393×540 @ ≤500px */

body.ashrams-journey-page .hj-final-cta {

        display: flex;
        flex-direction: column;
        align-items: center;
        padding:
            calc(var(--hj-phone-cta-pad-y) + var(--hj-phone-cta-before-gap))
            var(--hj-phone-pad)
            var(--hj-phone-cta-pad-y);
        background: #ffffff;
        margin: 100px 0;
    
}

body.ashrams-journey-page .hj-final-cta__guide {

        display: none;
    
}

body.ashrams-journey-page .hj-final-cta__inner {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: var(--hj-phone-cta-max);
        padding: 0;
        gap: 60px;
    
}

body.ashrams-journey-page .hj-final-cta__quote {

        width: 100%;
        max-width: 100%;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-final-cta__quote-stack--desktop {

        display: none !important;
    
}

body.ashrams-journey-page .hj-final-cta__quote-stack--phone,
body.ashrams-journey-page .hj-final-cta__quote-stack:not(.hj-final-cta__quote-stack--desktop) {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: var(--hj-phone-cta-max);
        font-family: 'Cormorant Infant', var(--ashrams-serif), serif !important;
        font-style: italic;
        font-weight: 300 !important;
        font-size: calc(100vw * 24 / var(--hj-phone));
        line-height: calc(30 / 24);
        text-align: center;
        color: #2c2c2c;
        word-spacing: normal;
    
}

body.ashrams-journey-page .hj-final-cta__quote-line {

        display: block;
        width: max-content;
        max-width: 100%;
        margin-inline: auto;
        white-space: nowrap;
        text-align: center;
        font-family: inherit !important;
        font-style: inherit;
        font-weight: inherit !important;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
    
}

body.ashrams-journey-page .hj-final-cta__sub {

        margin: 0;
        padding-top: var(--hj-phone-cta-sub-pad-top);
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 10 / var(--hj-phone));
        line-height: calc(15 / 10);
        font-weight: 400;
        letter-spacing: calc(100vw * 1.5 / var(--hj-phone));
        text-transform: uppercase;
        text-align: center;
        color: #7a7a7a;
        opacity: 1;
    
}

/* Email signup — Figma Section 393×430 @ ≤500px */

body.ashrams-journey-page .hj-signup {

        padding:
            var(--hj-phone-signup-pad-y)
            var(--hj-phone-pad);
        background: #ffffff;
    
}

body.ashrams-journey-page .hj-final-cta + .hj-signup {

        padding-top: calc(var(--hj-phone-signup-pad-y) + var(--hj-phone-signup-before-gap));
    
}

body.ashrams-journey-page .hj-signup:has(+ .hj-info) {

        padding-bottom: calc(var(--hj-phone-signup-pad-y) + var(--hj-phone-signup-after-gap));
    
}

body.ashrams-journey-page .hj-signup__inner {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: var(--hj-phone-signup-max);
        margin: 0 auto;
        gap: var(--hj-phone-signup-gap);
    
}

body.ashrams-journey-page .hj-signup__head {

        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--hj-phone-signup-head-gap);
        width: 100%;
        text-align: center;
    
}

body.ashrams-journey-page .hj-signup__title {

        font-family: 'Playfair Display', var(--ashrams-serif), serif !important;
        font-size: calc(100vw * 24 / var(--hj-phone));
        line-height: calc(28 / 20);
        font-weight: 400 !important;
        font-style: normal;
        text-align: center;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-signup__kicker {

        width: 100%;
        max-width: var(--hj-phone-signup-kicker-max);
        margin: 0;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 8.5 / var(--hj-phone));
        line-height: calc(18 / 8.5);
        font-weight: 400 !important;
        letter-spacing: calc(100vw * 1.35 / var(--hj-phone));
        text-transform: uppercase;
        text-align: center;
        white-space: normal;
        color: #7a7a7a;
    
}

body.ashrams-journey-page .hj-signup__form {

        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    
}

body.ashrams-journey-page .hj-signup__field {

        box-sizing: border-box;
        width: 100%;
        padding-bottom: var(--hj-phone-signup-field-pad-bottom);
        border-bottom: 1px solid #2c2c2c;
    
}

body.ashrams-journey-page .hj-signup__input {

        width: 100%;
        padding:
            var(--hj-phone-signup-input-pad-y)
            var(--hj-phone-signup-input-pad-x);
        border: none;
        background: transparent;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 13 / var(--hj-phone));
        line-height: calc(16 / 13);
        font-weight: 400;
        text-align: center;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-signup__input::placeholder {

        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        color: rgba(122, 122, 122, 0.5);
    
}

body.ashrams-journey-page .hj-signup__btn {

        margin-top: var(--hj-phone-signup-btn-margin-top);
        padding:
            var(--hj-phone-signup-btn-pad-y)
            var(--hj-phone-signup-btn-pad-x);
        border: 1px solid #2c2c2c;
        background: transparent;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 9 / var(--hj-phone));
        line-height: calc(14 / 9);
        font-weight: 400;
        letter-spacing: calc(100vw * 1.5 / var(--hj-phone));
        text-transform: uppercase;
        color: #8c8c8c;
    
}

body.ashrams-journey-page .hj-signup + .hj-info {

        margin-top: 0;
    
}

/* Useful information — Figma Footer Sections @ ≤500px */

body.ashrams-journey-page .hj-info {

        padding:
            var(--hj-phone-info-pad-y)
            var(--hj-phone-pad)
            var(--hj-phone-info-pad-y);
        background: #ffffff;
    
}

body.ashrams-journey-page .hj-info__card {

        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: var(--hj-phone-info-max);
        margin: 0 auto;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        gap: 0;
    
}

body.ashrams-journey-page .hj-info__head {

        display: flex;
        justify-content: center;
        width: 100%;
        padding:
            0
            calc(100vw * 16 / var(--hj-phone));
        margin-bottom: var(--hj-phone-info-head-tabs-gap);
    
}

body.ashrams-journey-page .hj-info__title {

        width: 100%;
        max-width: 100%;
        min-height: 0;
        margin: 0;
        font-family: 'Playfair Display', var(--ashrams-serif), serif !important;
        font-size: calc(100vw * 30 / var(--hj-phone));
        line-height: calc(41 / 30);
        font-weight: 400 !important;
        font-style: normal;
        text-align: center;
        white-space: normal;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-info__title-strong,
body.ashrams-journey-page .hj-info__title-em {

        font-family: inherit !important;
        font-style: normal !important;
        font-weight: 400 !important;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-info__tabs {

        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: var(--hj-phone-info-tab-gap);
        width: 100%;
        margin-bottom: var(--hj-phone-info-tabs-panel-gap);
    
}

body.ashrams-journey-page .hj-info__tab {

        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-height: var(--hj-phone-info-tab-h);
        padding:
            calc(100vw * 16 / var(--hj-phone))
            var(--hj-phone-pad);
        border: 1px solid #2c2c2c;
        border-radius: 10px;
        background: transparent;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 9 / var(--hj-phone));
        line-height: calc(14 / 9);
        font-weight: 400;
        letter-spacing: calc(100vw * 1.35 / var(--hj-phone));
        text-transform: uppercase;
        color: #8c8c8c;
    
}

body.ashrams-journey-page .hj-info__tab.is-active {

        background: #2c2c2c;
        border-color: #2c2c2c;
        color: #ffffff;
    
}

body.ashrams-journey-page .hj-info__panel-scroll {

        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #c8c8c8 transparent;
        padding-right: calc(100vw * 4 / var(--hj-phone));
        height: 400px !important;
    
}

body.ashrams-journey-page .hj-info__panel-scroll:not([data-hj-scroll-ready]) {

        max-height: clamp(22rem, calc(100vw * 480 / var(--hj-phone)), 30rem);
    
}

body.ashrams-journey-page .hj-info__panel-scroll[data-hj-scroll-ready='single'] {

        max-height: none;
        overflow-y: visible;
        padding-right: 0;
    
}

body.ashrams-journey-page .hj-info__panel-scroll::-webkit-scrollbar {

        width: 4px;
    
}

body.ashrams-journey-page .hj-info__panel-scroll::-webkit-scrollbar-track {

        background: transparent;
    
}

body.ashrams-journey-page .hj-info__panel-scroll::-webkit-scrollbar-thumb {

        border-radius: 9999px;
        background: #c8c8c8;
    
}

body.ashrams-journey-page .hj-info__panel-grid {

        gap: var(--hj-phone-info-col-gap);
    
}

body.ashrams-journey-page .hj-info__panel-row {

        display: flex;
        flex-direction: column;
        gap: var(--hj-phone-info-col-gap);
    
}

body.ashrams-journey-page .hj-info__col {

        gap: var(--hj-phone-info-block-gap);
    
}

body.ashrams-journey-page .hj-info__col h3 {

        font-family: 'Playfair Display', var(--ashrams-serif), serif !important;
        font-size: calc(100vw * 20 / var(--hj-phone));
        line-height: calc(32 / 20);
        font-weight: 400 !important;
        color: #2c2c2c;
    
}

body.ashrams-journey-page .hj-info__copy {

        gap: var(--hj-phone-info-copy-gap);
    
}

body.ashrams-journey-page .hj-info__col p {

        font-family: 'Montserrat', var(--ashrams-sans), sans-serif !important;
        font-size: calc(100vw * 13 / var(--hj-phone));
        line-height: calc(20 / 13);
        font-weight: 400 !important;
        color: #4a4a4a;
    
}

/* Footer — Figma @ ≤500px */

body.ashrams-home.ashrams-journey-page .ashrams-footer {

        margin-top: 0;
        padding-top: 0;
        background: #ffffff;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__forest {

        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "footer-content"
            "footer-mist";
        min-height: 0;
        padding: 0;
        overflow-x: clip;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__forest::before,
body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__forest::after {

        content: none;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__content {

        grid-area: footer-content;
        width: 100%;
        max-width: none;
        margin: 0 auto;
        padding:
            var(--hj-phone-footer-pad-top)
            var(--hj-phone-pad)
            0;
        background: #ffffff;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__top {

        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-areas:
            "explore places practices"
            "tagline tagline socials";
        column-gap: var(--hj-phone-footer-nav-gap);
        row-gap: var(--hj-phone-footer-tagline-gap);
        margin: 0;
        padding: 0;
        min-height: 0;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__nav,
body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__nav-links {

        display: contents;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(1) {

        grid-area: explore;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(2) {

        grid-area: places;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(3) {

        grid-area: practices;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col,
body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__top .ashrams-footer__col--social {

        padding-left: 0;
        min-width: 0;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__col {

        display: flex;
        flex-direction: column;
        gap: var(--hj-phone-footer-col-gap);
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__col h4,
body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__col--social h4 {

        margin: 0;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 10 / var(--hj-phone));
        line-height: calc(15 / 10);
        font-weight: 700 !important;
        letter-spacing: calc(100vw * 1 / var(--hj-phone));
        text-transform: uppercase;
        color: #333333;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__col--social h4 {

        display: none;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) ul {

        display: flex;
        flex-direction: column;
        gap: var(--hj-phone-footer-link-gap);
        margin: 0;
        padding: 0;
        list-style: none;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) ul li + li {

        margin-top: 0;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__col a {

        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 11 / var(--hj-phone));
        line-height: calc(16 / 11);
        font-weight: 400;
        color: #7a7a7a;
        white-space: normal;
        text-decoration: none;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__top > .ashrams-footer__tagline {

        grid-area: tagline;
        position: static;
        width: auto;
        min-width: 0;
        margin: 0;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 22 / var(--hj-phone));
        line-height: 1.5;
        font-weight: 700;
        gap: 0;
        color: rgba(0, 0, 0, 0.2);
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__tagline-word {

        font-family: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__tagline-long {

        display: inline;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__tagline-short {

        display: none;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__tagline-word--last .ashrams-footer__tagline-dot {

        display: inline-block;
        width: calc(100vw * 6 / var(--hj-phone));
        height: calc(100vw * 6 / var(--hj-phone));
        margin-left: calc(100vw * 2 / var(--hj-phone));
        background: #c67e61;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__nav > .ashrams-footer__col--social {

        grid-area: socials;
        position: static;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        justify-self: end;
        width: max-content;
        max-width: none;
        margin: 0 var(--hj-phone-footer-social-inset) 0 0;
        padding: 0;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__socials {

        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: var(--hj-phone-footer-social-gap);
        margin: 0;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__social-link img {

        width: var(--hj-phone-footer-social-size);
        height: var(--hj-phone-footer-social-size);
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__social-link--muted {

        opacity: 0.4;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__forest-bg {

        grid-area: footer-mist;
        position: relative;
        width: 100%;
        height: var(--hj-phone-footer-forest-h);
        object-fit: cover;
        object-position: center 42%;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%);
        mask-image: linear-gradient(to bottom, transparent 0%, #000 10%);
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__legal {

        grid-area: footer-mist;
        align-self: end;
        justify-self: stretch;
        position: relative;
        z-index: 2;
        padding:
            0
            var(--hj-phone-pad)
            calc(100vw * 24 / var(--hj-phone));
        background: transparent;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__legal::before {

        content: none;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__bottom {

        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0.2em;
        padding: 0;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 8 / var(--hj-phone));
        line-height: calc(23 / 8);
        font-weight: 400;
        color: #4b5563;
        text-shadow:
            0 0 10px rgba(255, 255, 255, 0.72),
            0 1px 2px rgba(255, 255, 255, 0.55);
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__bottom-copy,
body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__bottom a {

        color: #4b5563;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__bottom a {

        text-decoration: none;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__bottom-dot {

        display: inline;
        width: auto;
        height: auto;
        background: none;
        border-radius: 0;
    
}

body.ashrams-home.ashrams-journey-page .ashrams-footer .ashrams-footer__bottom-dot::before {

        content: '·';
    
}

body.ashrams-journey-page .hj-journey__media {

        border-radius: 5px;
    
}

body.ashrams-journey-page .hj-journey__media img {

        border-radius: 5px;
    
}
}

@media (min-width: 1440px) {
.hj-hero__stage {

        height: calc(100vw * 935 / var(--hj-ref));
        max-height: 58.4375rem;
    

}

.hj-hero__bar {

        padding: 2rem 2.5rem;
    

}

.hj-hero__kicker {

        margin-bottom: 1.5rem;
        font-size: 0.75rem;
        line-height: calc(16 / 12);
        letter-spacing: 3.6px;
    

}

.hj-hero__title {

        margin-bottom: 2rem;
        font-size: 2.8125rem;
        line-height: 3.125rem;
    

}

.hj-hero__intro {

        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0.35px;
    

}

body.ashrams-journey-page .hj-hero__intro {

        width: 100%;
        max-width: 100%;
    

}

.hj-signature {

        padding-top: 1.5rem;
    

}

body.ashrams-journey-page h2.hj-signature__kicker {

        margin-bottom: 4rem;
        font-size: 0.8rem;
        line-height: 1.1875rem;
        letter-spacing: 4.48px;
        font-weight: 300;
    

}

body.ashrams-journey-page .hj-signature__grid {

        width: min(72rem, 100%);
        max-width: 72rem;
        height: auto;
        min-height: 8.75rem;
    

}

body.ashrams-journey-page .hj-signature__grid--count-3 {

        width: 63.5rem;
        max-width: 63.5rem;
    

}

body.ashrams-journey-page .hj-signature__grid > .hj-signature__item:nth-child(n) {

        padding: 1.5rem 1.25rem;
        transform: none;
    

}

body.ashrams-journey-page .hj-signature__num {

        font-size: 2.8125rem;
        line-height: 3.75rem;
        font-weight: 350;
    

}

body.ashrams-journey-page .hj-signature__label {

        font-size: 0.65rem;
        line-height: 1rem;
        letter-spacing: 1.56px;
        font-weight: 350;
    

}

body.ashrams-journey-page .hj-signature__divider {

        display: none;
    

}

body.ashrams-journey-page .hj-intro__line {

        height: 5rem;
    

}

body.ashrams-journey-page .hj-intro {

        width: 45rem;
        max-width: 45rem;
        margin-top: 2.5rem;
        gap: 3rem;
        padding-bottom: 5rem;
    

}

body.ashrams-journey-page .hj-intro__copy {

        max-width: 45rem;
        gap: 3rem;
    

}

body.ashrams-journey-page .hj-intro__copy p,
body.ashrams-journey-page .hj-intro__para {

        max-width: 45rem;
        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 250;
    

}

body.ashrams-journey-page .hj-intro,
body.ashrams-journey-page .hj-intro__copy,
body.ashrams-journey-page .hj-intro__copy p,
body.ashrams-journey-page .hj-intro__para {

        width: 45rem;
        max-width: 45rem;
        min-width: 0;
    

}

body.ashrams-journey-page .hj-journey--first {

        padding-top: 5.3125rem;
    

}

body.ashrams-journey-page .hj-journey--first .hj-journey__inner {

        width: 82rem;
        max-width: 82rem;
        min-height: 37rem;
        padding: 0 1.5rem;
        grid-template-columns: 36.75rem minmax(0, 37rem);
        gap: 5.25rem; /* 84px */
        align-items: center;
        justify-content: center;
    

}

body.ashrams-journey-page .hj-journey--first .hj-journey__media {

        width: 36.75rem;
        max-width: 36.75rem;
        height: 24.75rem; /* 396px */
        border-radius: 12px;
    

}

body.ashrams-journey-page .hj-journey--first .hj-journey__copy {

        gap: 0;
        max-width: 40rem; /* 572px — Figma paragraph width */
        align-items: flex-start;
        text-align: left;
    

}

body.ashrams-journey-page .hj-journey--first .hj-journey__text {

        max-width: 40rem;
        text-align: left;   
    

}

body.ashrams-journey-page .hj-journey--first .hj-journey__head {

        gap: 1rem;
        margin-bottom: 1.96875rem;
    

}

body.ashrams-journey-page .hj-journey--first .hj-journey__title {

        font-size: 2.8125rem;
        line-height: 3.125rem;
        font-weight: 325;
    

}

body.ashrams-journey-page .hj-journey--first .hj-journey__text {

        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 250;
    

}

body.ashrams-journey-page .hj-intro__copy p,
body.ashrams-journey-page .hj-intro__para,
body.ashrams-journey-page .hj-quote__lead,
body.ashrams-journey-page .hj-journey-centered__text,
body.ashrams-journey-page .hj-philosophy__para,
body.ashrams-journey-page .hj-journey--third .hj-journey__text {

        font-size: 1rem;
        line-height: 1.625rem;
    

}

body.ashrams-journey-page .hj-journey--first .hj-journey__eyebrow,
body.ashrams-journey-page .hj-journey--first .hj-journey__price,
body.ashrams-journey-page .hj-journey--first .hj-journey__link {

        font-size: 0.6875rem;
        line-height: 1.03125rem;
        letter-spacing: 1.5px;
        font-weight: 325;
    

}

body.ashrams-journey-page .hj-journey--third .hj-journey__inner {

        width: 82rem;
        max-width: 82rem;
        min-height: 37rem;
        padding: 0 1.5rem;
        grid-template-columns: 37rem 37rem;
        gap: 5rem;
    

}

body.ashrams-journey-page .hj-journey--third .hj-journey__media {

        height: 25rem;
    

}

body.ashrams-journey-page .hj-journey--third .hj-journey__copy {

        gap: 0;
    

}

body.ashrams-journey-page .hj-journey--third .hj-journey__head {

        gap: 1rem;
        margin-bottom: 1.96875rem;
    

}

body.ashrams-journey-page .hj-journey--third .hj-journey__title {

        font-size: 2.8125rem;
        line-height: 3.125rem;
    

}

body.ashrams-journey-page .hj-journey--third .hj-journey__text {

        font-size: 1rem;
        line-height: 1.625rem;
    

}

body.ashrams-journey-page .hj-journey--third .hj-journey__eyebrow,
body.ashrams-journey-page .hj-journey--third .hj-journey__price,
body.ashrams-journey-page .hj-journey--third .hj-journey__link {

        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 1.5px;
    

}

body.ashrams-journey-page .hj-journey--third .hj-journey__dots {

        bottom: 0.8125rem;
    

}

body.ashrams-journey-page .hj-journey--third {

        padding-top: 5.5rem;
        padding-bottom: 1.75rem;
    

}

body.ashrams-journey-page .hj-journey--third + .hj-final-cta {

        padding-top: 11rem;
    

}

body.ashrams-journey-page .hj-journey--third + .hj-final-cta .hj-final-cta__guide {

        padding-bottom: 4.5rem;
    

}

body.ashrams-journey-page .hj-journey--third + .hj-final-cta .hj-final-cta__line {

        height: 4.5rem;
    

}

body.ashrams-journey-page .hj-quote {

        padding: 5rem var(--ashrams-shell-pad, 1.5rem) 14.375rem;
    

}

body.ashrams-journey-page .hj-quote__inner {

        width: 58rem;
        max-width: 58rem;
        gap: 4rem;
    

}

body.ashrams-journey-page .hj-quote__lead {

        max-width: 49.78125rem;
        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 265;
    

}

body.ashrams-journey-page .hj-quote__block {

        gap: 1.5rem;
    

}

body.ashrams-journey-page .hj-quote__mark {

        gap: 0.875rem;
        height: 3.625rem;
        font-size: 2.125rem;
        line-height: 3.625rem;
    

}

body.ashrams-journey-page .hj-quote__text {

        max-width: 37.8125rem;
        min-height: 9.375rem;
        font-size: 2.25rem;
        font-weight: 300;
        line-height: 3.125rem;
    

}

body.ashrams-journey-page .hj-quote__attrib {

        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 1.5px;
    

}

body.ashrams-journey-page .hj-banner {

        height: 36.25rem;
    

}

body.ashrams-journey-page .hj-banner + .hj-journey-centered {

        margin-top: 10rem;
    

}

body.ashrams-journey-page .hj-journey-centered {

        width: 42rem;
        max-width: 42rem;
        gap: 0;
    

}

body.ashrams-journey-page .hj-journey-centered__head {

        gap: 1.5rem;
        margin-bottom: 2.96875rem;
    

}

body.ashrams-journey-page .hj-journey-centered__eyebrow,
body.ashrams-journey-page .hj-journey-centered__price,
body.ashrams-journey-page .hj-journey-centered__link {

        font-size: 0.75rem;
        line-height: 1.125rem;
        letter-spacing: 1.5px;
        font-weight: 325;
    

}

body.ashrams-journey-page .hj-journey-centered__title {

        font-size: 2.8125rem;
        line-height: 3.125rem;
        font-weight: 325;
    

}

body.ashrams-journey-page .hj-journey-centered__text {

        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 250;
    

}

body.ashrams-journey-page .hj-philosophy {

        width: 100%;
        max-width: none;
        gap: 3rem;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        text-align: center;
    

}

body.ashrams-journey-page .hj-philosophy__copy {

        width: min(44rem, 100%);
        max-width: 44rem;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        align-items: center;
    

}

body.ashrams-journey-page .hj-philosophy .hj-divider {

        height: 5rem;
        margin-left: auto;
        margin-right: auto;
    

}

body.ashrams-journey-page .hj-philosophy__copy {

        gap: 2rem;
    

}

body.ashrams-journey-page .hj-philosophy__para {

        font-size: 1rem;
        line-height: 1.625rem;
        font-weight: 230;
    

}

body.ashrams-journey-page .hj-final-cta {

        padding: 15rem 0;
    

}

body.ashrams-journey-page .hj-final-cta__guide {

        padding-bottom: 6rem;
    

}

body.ashrams-journey-page .hj-final-cta__line {

        height: 6rem;
    

}

body.ashrams-journey-page .hj-final-cta__inner {

        gap: 4rem;
        max-width: 42rem;
        padding: 0 1.5rem;
    

}

body.ashrams-journey-page .hj-final-cta__quote {

        width: 100%;
    

}

body.ashrams-journey-page .hj-final-cta__quote-stack {

        font-size: 2.25rem;
        line-height: 3.125rem;
        font-weight: 300 !important;
        word-spacing: 0.08em;
    

}

body.ashrams-journey-page .hj-final-cta__sub {

        font-size: 0.65rem;
        line-height: 1rem;
        letter-spacing: 0.1625rem;
    

}

body.ashrams-journey-page .hj-signup__inner {

        width: 46rem;
        max-width: 46rem;
        gap: 3rem;
    

}

body.ashrams-journey-page .hj-signup__head {

        gap: 1rem;
    

}

body.ashrams-journey-page .hj-signup__title {

        font-size: 2.25rem;
        line-height: 2.5rem;
        font-weight: 300 !important;
    

}

body.ashrams-journey-page .hj-signup__kicker {

        font-size: 0.6875rem;
        line-height: 1rem;
        letter-spacing: 1.5px;
        font-weight: 300 !important;
        white-space: nowrap;
    

}

body.ashrams-journey-page .hj-signup__field {

        padding-bottom: 0.5rem;
    

}

body.ashrams-journey-page .hj-signup__input {

        font-size: 1rem;
        line-height: 1.1875rem;
        padding: 0.625rem 0.75rem;
    

}

body.ashrams-journey-page .hj-signup__btn {

        margin-top: 1.5rem;
        padding: 0.75rem 2rem;
        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 1.5px;
    

}

body.ashrams-journey-page .hj-final-cta + .hj-signup {

        padding-top: 0.5rem;
    

}

body.ashrams-journey-page .hj-signup + .hj-info {

        margin-top: 9rem;
    

}

body.ashrams-journey-page .hj-signup:has(+ .hj-info) {

        padding-bottom: 7rem;
    

}

body.ashrams-journey-page .hj-info {

        padding: 5rem 1rem;
    

}

body.ashrams-journey-page .hj-info__card {

        width: 85rem;
        max-width: 85rem;
        padding: 3rem;
        gap: 4rem;
    

}

body.ashrams-journey-page .hj-info__head {

        padding: 0.625rem 2rem;
    

}

body.ashrams-journey-page .hj-info__title {

        width: fit-content;
        max-width: 34.6875rem;
        min-height: 2.25rem;
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 300 !important;
        white-space: nowrap;
    

}

body.ashrams-journey-page .hj-info__title-strong {

        color: color-mix(in srgb, #1a1a1a 72%, white);
    

}

body.ashrams-journey-page .hj-info__title-em {

        color: color-mix(in srgb, #7a7a7a 82%, white);
    

}

body.ashrams-journey-page .hj-info__tabs {

        gap: 1rem;
    

}

body.ashrams-journey-page .hj-info__tab {

        font-size: 0.625rem;
        line-height: 0.9375rem;
        letter-spacing: 1.5px;
        padding: 0.75rem 2rem;
    

}

body.ashrams-journey-page .hj-info__panel-scroll:not([data-hj-scroll-ready]) {

        max-height: 31.25rem;
        padding-right: 0.5rem;
    

}

body.ashrams-journey-page .hj-info__panel-grid,
body.ashrams-journey-page .hj-info__panel-row {

        gap: 5rem;
    

}

body.ashrams-journey-page .hj-info__col {

        gap: 1.5rem;
    

}

body.ashrams-journey-page .hj-info__col h3 {

        font-size: 1.25rem;
        line-height: 2rem;
        font-weight: 300 !important;
    

}

body.ashrams-journey-page .hj-info__copy {

        gap: 1rem;
    

}

body.ashrams-journey-page .hj-info__col p {

        font-size: 0.9375rem;
        line-height: 1.6875rem;
        font-weight: 300 !important;
    

}
}