/* GENERATED by assets/dev/css/build-virasat-home.py — edit virasat-home.src.css instead. */
/* ==========================================================================
   Virasat Home — block homepage styles
   Source of truth: Figma "Hamari Virasat · Desktop / Header + Hero (Reference 2026)
   · v2 (review fixes)" (node 168:39)
   https://www.figma.com/design/xWpHAcjUfuhMtFMoaGrffr/Hamari-Virasat?node-id=168-39

   HOW THIS FILE IS BUILT
   Edit this file, then run:  python assets/dev/css/build-virasat-home.py
   It writes assets/production/css/virasat-home.css.

   - Everything outside the "@desktop … @end" marker block is plain CSS for
     tablet/mobile (< 1200px): sections stack in a single column.
   - Everything inside the marker block is written in the exact pixel values of
     the 1440px Figma frame. The build script rewrites every length > 2px as
     calc(N * var(--vh-u)), where --vh-u = (page width, max 1536.6px) / 1440, so the desktop
     layout is pixel-exact at 1440px and scales fluidly between 1200px and 1536.6px. Above that
     the 1312px content column stays 1400px wide and is centred (--vh-x = half of the free
     space): backgrounds and photos stay full-bleed, blocks positioned from the page edge are
     offset by --vh-x, edge decorations stay on the screen edge. Lengths of 2px or less (hairlines, borders) are kept as they are.

   DESIGN TOKENS: see virasat-tokens.css (named after the Figma variables, inlined below).
   Buttons      small 44, medium 48, large 56
   Container    64px margins, 1312px wide at 1440px
   ========================================================================== */

/* ==========================================================================
   Virasat design tokens — single source of truth
   Figma: "Hamari Virasat" > "Skill Demo / UX Quick Wins" (node 209:404)
   https://www.figma.com/design/xWpHAcjUfuhMtFMoaGrffr/Hamari-Virasat?node-id=209-404

   Every token is named after its Figma variable (the Figma name is in the comment).
   Edit values HERE, then run:  python assets/dev/css/build-virasat-home.py
   The build
     - inlines this block at the top of assets/production/css/virasat-home.css,
     - writes it on its own to assets/production/css/virasat-tokens.css (loaded sitewide
       before the skin in virasat-design-system.css),
     - re-emits the radius / space / type tokens in the desktop (>= 1200px) media block
       with every length scaled by --vh-u, so components that use them keep scaling with
       the page exactly like the hand-written pixel values do.

   Lengths are the 1440px Figma sizes. Use the tokens instead of literals:
     color: var(--vh-ink);   border-radius: var(--vh-radius-md);   font: var(--vh-font-h2-bold);
   ========================================================================== */

:root {
    /* -- Color: text ------------------------------------------------------- */
    --vh-white: #ffffff;               /* text/white */
    --vh-ink: #212322;                 /* text/heading */
    --vh-body: #5c5953;                /* text/body */
    --vh-muted: #706d69;               /* text/muted */
    --vh-on-dark-head: #fff1d0;        /* text/on-dark-heading */
    --vh-on-dark-body: #f0ece4;        /* text/on-dark-body */
    --vh-on-dark-muted: #cbbea9;       /* text/on-dark-muted */
    --vh-on-dark-link: #d3d6d0;        /* text/on-dark-link */

    /* -- Color: brand ------------------------------------------------------ */
    --vh-cream: #fbf6ec;               /* cream/50 */
    --vh-gold-400: #d6aa55;            /* gold/400 */
    --vh-gold-500: #c8953c;            /* color/gold-500 */
    --vh-yellow: #ffd056;              /* color/cta-yellow */
    --vh-accent: #915b2f;              /* color/eyebrow-on-light */
    --vh-gold-text: #f6cf70;           /* color/eyebrow-on-dark */

    /* -- Radius (buttons are pills) ----------------------------------------- */
    --vh-radius-sm: 8px;               /* radius/sm */
    --vh-radius-md: 16px;              /* radius/md */
    --vh-radius-lg: 24px;              /* radius/lg */
    --vh-radius-pill: 999px;

    /* -- Space ------------------------------------------------------------- */
    --vh-space-8: 8px;                 /* space/8 */
    --vh-space-12: 12px;               /* space/12 */
    --vh-space-16: 16px;               /* space/16 */
    --vh-space-24: 24px;               /* space/24 */

    /* -- Font families ----------------------------------------------------- */
    --vh-serif: 'Merriweather', Georgia, serif;
    --vh-sans: 'Inter', 'Noto Sans Devanagari', sans-serif;
    --vh-deva: 'Noto Sans Devanagari', 'Inter', sans-serif;
    --vh-display: 'Martel', 'Noto Sans Devanagari', serif;

    /* -- Type styles (font shorthand: weight size/line-height family) ------- */
    --vh-font-display-hindi: 800 56px/1.3 var(--vh-display);   /* Display/Hindi */
    --vh-font-h2-bold: 700 44px/1.25 var(--vh-serif);          /* Heading/H2 Bold */
    --vh-font-h2-light: 400 44px/1.25 var(--vh-serif);         /* Heading/H2 Light */
    --vh-font-h3: 700 32px/1.25 var(--vh-serif);               /* Heading/H3 */
    --vh-font-h4: 700 22px/32px var(--vh-serif);               /* Heading/H4 */
    --vh-font-h4-light: 400 22px/32px var(--vh-serif);         /* Heading/H4 Light */
    --vh-font-hindi-22: 700 22px/31px var(--vh-deva);          /* Heading/Hindi 22 */
    --vh-font-hindi-18: 700 18px/30px var(--vh-deva);          /* Heading/Hindi 18 */
    --vh-font-body-xl: 500 22px/30px var(--vh-sans);           /* Body/XL */
    --vh-font-body-l: 400 18px/1.6 var(--vh-sans);             /* Body/L */
    --vh-font-body-l-compact: 400 18px/1.5 var(--vh-sans);     /* Text/Inter Regular 18 */
    --vh-font-body-s: 400 14px/1.5 var(--vh-sans);             /* Body/S */
    --vh-font-nav: 500 14px/21px var(--vh-sans);               /* Nav/14 */
    --vh-font-button-s: 600 14px/18px var(--vh-sans);          /* Button/S */
    --vh-font-button-m: 600 16px/21px var(--vh-sans);          /* Button/M */
    --vh-font-button-l: 600 18px/24px var(--vh-sans);          /* Button/L */
    --vh-font-label-14: 600 14px/19px var(--vh-sans);          /* Label/14 */
    --vh-font-label-16: 600 16px/22px var(--vh-sans);          /* Label/16 */
    --vh-font-label-12: 600 12px/16px var(--vh-sans);          /* Label/12 */
    --vh-font-eyebrow: 600 12px/16px var(--vh-sans);           /* Eyebrow */
    --vh-font-caption: 500 12px/19px var(--vh-sans);           /* Caption/Medium 12 */

    /* -- Letter spacing ------------------------------------------------------ */
    --vh-ls-eyebrow: .24em;            /* Eyebrow (24%) */
    --vh-ls-label-12: 2.4px;           /* Label/12 */
    --vh-ls-label-12-tight: .7px;      /* Label/12 · PIXELS15 */
}

/* -- Page shell ----------------------------------------------------------- */

body.vh-home-page {
    background: #0b1111;
}

/* The block header/footer replace the WilCity chrome on this template. */
body.vh-home-page .header_module__Snpib,
body.vh-home-page #wilcity-mobile-menu,
body.vh-home-page .footer_module__1uDav,
body.vh-home-page .wil-scroll-top {
    display: none !important;
}

.vh-home,
.editor-styles-wrapper {
    position: relative;
    overflow-x: clip;
    background: #0b1111;
    color: var(--vh-ink);
    font-family: var(--vh-sans);
    -webkit-font-smoothing: antialiased;
}

.vh-home *,
.editor-styles-wrapper *,
.vh-home *::before,
.editor-styles-wrapper *::before,
.vh-home *::after,
.editor-styles-wrapper *::after {
    box-sizing: border-box;
}

.vh-home :where(p, h1, h2, h3, h4, figure, ul, li),
.editor-styles-wrapper :where(p, h1, h2, h3, h4, figure, ul, li) {
    margin: 0;
    padding: 0;
    border: 0;
    text-transform: none;
}

.vh-home :where(h1, h2, h3, h4),
.editor-styles-wrapper :where(h1, h2, h3, h4) {
    letter-spacing: 0;
}

.vh-home ul,
.editor-styles-wrapper ul {
    list-style: none;
}

.vh-home a,
.editor-styles-wrapper a {
    text-decoration: none;
}

.vh-home img,
.editor-styles-wrapper img {
    display: block;
    max-width: none;
}

.vh-home :where(.wp-block-group, .wp-block-buttons, .wp-block-button),
.editor-styles-wrapper :where(.wp-block-group, .wp-block-buttons, .wp-block-button) {
    margin: 0;
    padding: 0;
}

/* A wrapping column-flex container sizes every item by its max-content width. */
.vh-home .wp-block-group.is-vertical,
.editor-styles-wrapper .wp-block-group.is-vertical {
    flex-wrap: nowrap;
}

/* Core's flex layout adds a 0.5em gap between children; spacing here is explicit. */
.vh-home :where(.wp-block-group, .wp-block-buttons),
.editor-styles-wrapper :where(.wp-block-group, .wp-block-buttons) {
    gap: 0;
}

.vh-home br,
.editor-styles-wrapper br {
    display: none;
}

/* Every section spans the full width of the page. */
.vh-home .vh-home__main > .wp-block-group.alignfull:not(.vh-cats),
.editor-styles-wrapper .is-root-container > [data-align="full"] > .wp-block-group:not(.vh-cats),
.vh-home .vh-footer,
.editor-styles-wrapper .vh-footer {
    position: relative;
    isolation: isolate;
    background-color: var(--vh-sec-bg);
    overflow: clip;
}

/* Full-bleed background photo of a section. */
.vh-home .vh-bg,
.editor-styles-wrapper .vh-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 0;
}

.vh-home .vh-bg img,
.editor-styles-wrapper .vh-bg img,
.vh-home .vh-saints__bg img,
.editor-styles-wrapper .vh-saints__bg img,
.vh-home .vh-community__bg img,
.editor-styles-wrapper .vh-community__bg img,
.vh-home .vh-purpose__art img,
.editor-styles-wrapper .vh-purpose__art img,
.vh-home .vh-places__map img,
.editor-styles-wrapper .vh-places__map img,
.vh-home .vh-place__img img,
.editor-styles-wrapper .vh-place__img img,
.vh-home .vh-place__mini img,
.editor-styles-wrapper .vh-place__mini img,
.vh-home .vh-story__img img,
.editor-styles-wrapper .vh-story__img img,
.vh-home .vh-saint__img img,
.editor-styles-wrapper .vh-saint__img img,
.vh-home .vh-article__img img,
.editor-styles-wrapper .vh-article__img img,
.vh-home .vh-theme__img img,
.editor-styles-wrapper .vh-theme__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vh-home .vh-theme__img a,
.editor-styles-wrapper .vh-theme__img a {
    display: block;
    width: 100%;
    height: 100%;
}

/* -- Buttons ---------------------------------------------------------------
   One button component: Style (solid / outline / ghost / gold) x Size (sm 44,
   md 48, lg 56) x State (default / hover / focus), as in the Figma "Button"
   component set. Leading and trailing icons are Tabler Icons (MIT) drawn with
   CSS masks so they take the button's text colour. */

.vh-home .vh-btn,
.editor-styles-wrapper .vh-btn {
    --vh-h: 48px;
    --vh-pad: 24px;
    --vh-fs: 16px;
    --vh-lh: 21px;
}

.vh-home .vh-btn--sm,
.editor-styles-wrapper .vh-btn--sm {
    --vh-h: 44px;
    --vh-pad: 20px;
    --vh-fs: 14px;
    --vh-lh: 18px;
}

.vh-home .vh-btn--md,
.editor-styles-wrapper .vh-btn--md {
    --vh-h: 48px;
    --vh-pad: 24px;
    --vh-fs: 16px;
    --vh-lh: 21px;
}

.vh-home .vh-btn--lg,
.editor-styles-wrapper .vh-btn--lg {
    --vh-h: 56px;
    --vh-pad: 28px;
    --vh-fs: 18px;
    --vh-lh: 24px;
}

.vh-home .vh-btn .wp-block-button__link,
.editor-styles-wrapper .vh-btn .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--vh-space-12);
    width: var(--vh-w, auto);
    min-height: var(--vh-h);
    padding: 0 var(--vh-pad);
    border: 0;
    border-radius: calc(var(--vh-h) / 2);
    background: var(--vh-yellow);
    color: #21190f;
    font-family: var(--vh-sans);
    font-size: var(--vh-fs);
    font-weight: 600;
    line-height: var(--vh-lh);
    text-align: left;
    white-space: nowrap;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.vh-home .vh-btn--arrow .wp-block-button__link::after,
.editor-styles-wrapper .vh-btn--arrow .wp-block-button__link::after,
.vh-home .vh-btn--box .wp-block-button__link::before,
.editor-styles-wrapper .vh-btn--box .wp-block-button__link::before,
.vh-home .vh-btn--play .wp-block-button__link::before,
.editor-styles-wrapper .vh-btn--play .wp-block-button__link::before {
    content: "";
    flex: none;
    width: 20px;
    height: 20px;
    background: currentColor;
    -webkit-mask: center / contain no-repeat;
    mask: center / contain no-repeat;
}

.vh-home .vh-btn--arrow .wp-block-button__link::after,
.editor-styles-wrapper .vh-btn--arrow .wp-block-button__link::after {
    -webkit-mask-image: url("../../img/virasat/ico-arrow-right.svg");
    mask-image: url("../../img/virasat/ico-arrow-right.svg");
}

.vh-home .vh-btn--box .wp-block-button__link::before,
.editor-styles-wrapper .vh-btn--box .wp-block-button__link::before {
    -webkit-mask-image: url("../../img/virasat/ico-compass.svg");
    mask-image: url("../../img/virasat/ico-compass.svg");
}

.vh-home .vh-btn--play .wp-block-button__link::before,
.editor-styles-wrapper .vh-btn--play .wp-block-button__link::before {
    -webkit-mask-image: url("../../img/virasat/ico-play.svg");
    mask-image: url("../../img/virasat/ico-play.svg");
}

.vh-home .vh-btn--outline .wp-block-button__link,
.editor-styles-wrapper .vh-btn--outline .wp-block-button__link {
    border: 1.5px solid var(--vh-gold-500);
    background: transparent;
    color: var(--vh-accent);
}

.vh-home .vh-btn--ghost .wp-block-button__link,
.editor-styles-wrapper .vh-btn--ghost .wp-block-button__link {
    border: 1px solid #fff9ed;
    background: rgba(9, 17, 19, .72);
    color: var(--vh-white);
}

.vh-home .vh-btn--gold .wp-block-button__link,
.editor-styles-wrapper .vh-btn--gold .wp-block-button__link {
    background: var(--vh-gold-500);
    color: #2b2212;
}

/* Hover */
.vh-home .vh-btn .wp-block-button__link:hover,
.editor-styles-wrapper .vh-btn .wp-block-button__link:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, .22);
}

.vh-home .vh-btn--solid .wp-block-button__link:hover,
.editor-styles-wrapper .vh-btn--solid .wp-block-button__link:hover {
    background: #ffc43d;
    color: #21190f;
}

.vh-home .vh-btn--outline .wp-block-button__link:hover,
.editor-styles-wrapper .vh-btn--outline .wp-block-button__link:hover {
    background: rgba(200, 149, 60, .14);
    color: var(--vh-accent);
}

.vh-home .vh-btn--ghost .wp-block-button__link:hover,
.editor-styles-wrapper .vh-btn--ghost .wp-block-button__link:hover {
    border-color: var(--vh-white);
    background: rgba(9, 17, 19, .9);
    color: var(--vh-white);
}

.vh-home .vh-btn--gold .wp-block-button__link:hover,
.editor-styles-wrapper .vh-btn--gold .wp-block-button__link:hover {
    background: var(--vh-gold-400);
    color: #2b2212;
}

/* Focus */
.vh-home .vh-btn .wp-block-button__link:focus-visible,
.editor-styles-wrapper .vh-btn .wp-block-button__link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--vh-white), 0 0 0 4px var(--vh-accent);
}

/* -- Shared typography -------------------------------------------------- */

.vh-home .vh-eyebrow,
.editor-styles-wrapper .vh-eyebrow {
    font-family: var(--vh-sans);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: .24em;
    text-transform: uppercase;
}

.vh-home .vh-eyebrow--copper,
.editor-styles-wrapper .vh-eyebrow--copper {
    color: var(--vh-accent);
}

.vh-home .vh-eyebrow--gold,
.editor-styles-wrapper .vh-eyebrow--gold {
    color: var(--vh-gold-text);
}

/* -- Header ------------------------------------------------------------- */

.vh-home .vh-header,
.editor-styles-wrapper .vh-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--vh-space-16);
    height: 72px;
    padding: 0 20px;
    background: rgba(9, 13, 15, .44);
    color: var(--vh-white);
}

.vh-home .vh-header::before,
.editor-styles-wrapper .vh-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(9, 13, 15, .44);
}

.vh-home .vh-header__brand,
.editor-styles-wrapper .vh-header__brand,
.vh-home .vh-header__actions,
.editor-styles-wrapper .vh-header__actions {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.vh-home .vh-header__brand,
.editor-styles-wrapper .vh-header__brand {
    gap: 11px;
}

.vh-home .vh-header__actions,
.editor-styles-wrapper .vh-header__actions {
    gap: var(--vh-space-16);
}

.vh-home .vh-header__logo img,
.editor-styles-wrapper .vh-header__logo img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
}

.vh-home .vh-header__name,
.editor-styles-wrapper .vh-header__name,
.vh-home .vh-header__name a,
.editor-styles-wrapper .vh-header__name a {
    color: var(--vh-white);
    font-family: var(--vh-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    white-space: nowrap;
}

.vh-home .vh-header__nav,
.editor-styles-wrapper .vh-header__nav {
    font-family: var(--vh-sans);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.vh-home .vh-header__nav a,
.editor-styles-wrapper .vh-header__nav a,
.vh-home .vh-header__nav .wp-block-navigation-item__content,
.editor-styles-wrapper .vh-header__nav .wp-block-navigation-item__content {
    color: var(--vh-white);
}

.vh-home .vh-header__nav .wp-block-navigation__responsive-container.is-menu-open,
.editor-styles-wrapper .vh-header__nav .wp-block-navigation__responsive-container.is-menu-open {
    background: #0b1111;
    color: var(--vh-white);
}

.vh-home .vh-header__nav .wp-block-navigation__submenu-container,
.editor-styles-wrapper .vh-header__nav .wp-block-navigation__submenu-container {
    background: #0b1111;
    border: 1px solid rgba(214, 170, 85, .35);
    color: var(--vh-white);
}

.vh-home .vh-header__nav .wp-block-navigation__submenu-icon,
.editor-styles-wrapper .vh-header__nav .wp-block-navigation__submenu-icon {
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.vh-home .vh-header__nav .wp-block-navigation__submenu-icon svg,
.editor-styles-wrapper .vh-header__nav .wp-block-navigation__submenu-icon svg {
    width: 16px;
    height: 16px;
    stroke-width: 1.8;
}

.vh-home .vh-header__search img,
.editor-styles-wrapper .vh-header__search img {
    width: 22px;
    height: 22px;
}

/* Tablet / mobile: keep the hamburger from 600px up to 1199px too. */
@media (min-width: 600px) and (max-width: 1199px) {
    .vh-home .vh-header__nav .wp-block-navigation__responsive-container:not(.is-menu-open),
.editor-styles-wrapper .vh-header__nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none;
    }

    .vh-home .vh-header__nav .wp-block-navigation__responsive-container-open:not(.always-shown),
.editor-styles-wrapper .vh-header__nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
}

@media (max-width: 599px) {
    .vh-home .vh-header__search,
.editor-styles-wrapper .vh-header__search,
.vh-home .vh-header__cta,
.editor-styles-wrapper .vh-header__cta {
        display: none;
    }
}

/* -- Hero --------------------------------------------------------------- */

.vh-home .vh-hero,
.editor-styles-wrapper .vh-hero {
    --vh-sec-bg: #0b1111;
    min-height: 640px;
    padding: 130px 20px 110px;
}

.vh-home .vh-hero::after,
.editor-styles-wrapper .vh-hero::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background: linear-gradient(90deg, rgba(4, 7, 8, .91) 0%, rgba(4, 7, 7, .6) 55%, rgba(4, 6, 6, .35) 100%);
}

.vh-home .vh-hero__content,
.editor-styles-wrapper .vh-hero__content {
    position: relative;
    z-index: 2;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}

.vh-home .vh-hero__logo,
.editor-styles-wrapper .vh-hero__logo {
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

.vh-home .vh-hero__logo img,
.editor-styles-wrapper .vh-hero__logo img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
}

.vh-home .vh-hero__title,
.editor-styles-wrapper .vh-hero__title {
    margin-top: 24px;
    color: var(--vh-white);
    font-family: var(--vh-display);
    font-size: clamp(34px, 9vw, 44px);
    font-weight: 800;
    line-height: 1.3;
}

.vh-home .vh-hero__tagline,
.editor-styles-wrapper .vh-hero__tagline {
    margin-top: 24px;
    color: var(--vh-white);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.vh-home .vh-hero__desc,
.editor-styles-wrapper .vh-hero__desc {
    margin-top: 8px;
    color: var(--vh-white);
    font-size: 16px;
    line-height: 1.5;
}

.vh-home .vh-hero__ctas,
.editor-styles-wrapper .vh-hero__ctas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--vh-space-16);
    margin-top: 32px;
}

/* -- Heritage categories strip ------------------------------------------ */

.vh-home .vh-cats,
.editor-styles-wrapper .vh-cats {
    position: relative;
    z-index: 5;
    margin: -44px 0 0;
    padding: 0 16px;
}

.vh-home .vh-cats__inner,
.editor-styles-wrapper .vh-cats__inner {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 11px;
    border: 1px solid #e7d8c1;
    border-radius: var(--vh-radius-lg);
    background: var(--vh-cream);
    box-shadow: 0 18px 34px rgba(74, 45, 23, .14);
}

.vh-home .vh-cat,
.editor-styles-wrapper .vh-cat {
    display: flex;
    flex: 1 1 33%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--vh-space-8);
    min-height: 122px;
    text-align: center;
}

.vh-home .vh-cat__icon img,
.editor-styles-wrapper .vh-cat__icon img {
    width: 48px;
    height: 48px;
}

.vh-home .vh-cat__label,
.editor-styles-wrapper .vh-cat__label,
.vh-home .vh-cat__label a,
.editor-styles-wrapper .vh-cat__label a {
    color: var(--vh-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}

/* -- Our purpose -------------------------------------------------------- */

.vh-home .vh-purpose,
.editor-styles-wrapper .vh-purpose {
    --vh-sec-bg: var(--vh-cream);
    padding: 150px 20px 56px;
}

.vh-home .vh-purpose__text,
.editor-styles-wrapper .vh-purpose__text {
    max-width: 520px;
    margin: 0 auto;
}

.vh-home .vh-purpose__title,
.editor-styles-wrapper .vh-purpose__title,
.vh-home .vh-places__title,
.editor-styles-wrapper .vh-places__title,
.vh-home .vh-articles__title,
.editor-styles-wrapper .vh-articles__title {
    margin-top: 16px;
    color: var(--vh-ink);
    font-family: var(--vh-serif);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.25;
}

.vh-home .vh-purpose__desc,
.editor-styles-wrapper .vh-purpose__desc {
    margin-top: 20px;
    color: var(--vh-body);
    font-size: 16px;
    line-height: 1.6;
}

.vh-home .vh-purpose__cta,
.editor-styles-wrapper .vh-purpose__cta,
.vh-home .vh-places__cta,
.editor-styles-wrapper .vh-places__cta,
.vh-home .vh-stories__cta,
.editor-styles-wrapper .vh-stories__cta,
.vh-home .vh-saints__cta,
.editor-styles-wrapper .vh-saints__cta {
    margin-top: 32px;
}

.vh-home .vh-purpose__art,
.editor-styles-wrapper .vh-purpose__art {
    position: relative;
    width: 100%;
    margin-top: 32px;
    aspect-ratio: 806 / 421;
}

.vh-home .vh-purpose__art > figure,
.editor-styles-wrapper .vh-purpose__art > figure {
    position: absolute;
    margin: 0;
}

.vh-home .vh-purpose__art-back,
.editor-styles-wrapper .vh-purpose__art-back {
    inset: 0;
    opacity: .95;
}

.vh-home .vh-purpose__art-front,
.editor-styles-wrapper .vh-purpose__art-front {
    inset: 2% 1% 0 0;
}

/* -- Featured stories --------------------------------------------------- */

.vh-home .vh-stories,
.editor-styles-wrapper .vh-stories {
    --vh-sec-bg: #0b1111;
    padding: 80px 20px;
}

.vh-home .vh-stories .vh-bg::after,
.editor-styles-wrapper .vh-stories .vh-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(5, 8, 9, .7) 0%, rgba(7, 17, 16, .43) 48%, rgba(7, 18, 14, .82) 100%),
        rgba(6, 16, 18, .85);
}

.vh-home .vh-stories__text,
.editor-styles-wrapper .vh-stories__text,
.vh-home .vh-stories__track,
.editor-styles-wrapper .vh-stories__track,
.vh-home .vh-stories__nav,
.editor-styles-wrapper .vh-stories__nav {
    position: relative;
    z-index: 2;
}

.vh-home .vh-stories__text,
.editor-styles-wrapper .vh-stories__text {
    max-width: 520px;
    margin: 0 auto 32px;
}

.vh-home .vh-stories__title,
.editor-styles-wrapper .vh-stories__title {
    margin-top: 18px;
    color: var(--vh-on-dark-head);
    font-family: var(--vh-serif);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;
}

.vh-home .vh-stories__desc,
.editor-styles-wrapper .vh-stories__desc {
    margin-top: 18px;
    color: var(--vh-on-dark-body);
    font-size: 16px;
    line-height: 1.6;
}

.vh-home .vh-stories__nav,
.editor-styles-wrapper .vh-stories__nav,
.vh-home .vh-stories__dots,
.editor-styles-wrapper .vh-stories__dots {
    display: none;
}

/* Nothing to scroll: hide the controls (toggled by assets/js/virasat-home.js). */
.vh-home .vh-stories--static .vh-stories__nav,
.editor-styles-wrapper .vh-stories--static .vh-stories__nav,
.vh-home .vh-stories--static .vh-stories__dots,
.editor-styles-wrapper .vh-stories--static .vh-stories__dots {
    display: none !important;
}

.vh-home .vh-stories__track,
.editor-styles-wrapper .vh-stories__track {
    display: flex;
    gap: var(--vh-space-16);
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.vh-home .vh-stories__track::-webkit-scrollbar,
.editor-styles-wrapper .vh-stories__track::-webkit-scrollbar {
    display: none;
}

.vh-home .vh-story,
.editor-styles-wrapper .vh-story {
    position: relative;
    flex: 0 0 min(264px, 78vw);
    height: 438px;
    border: 1.3px solid var(--vh-gold-400);
    border-radius: var(--vh-radius-md);
    background: #101514;
    overflow: hidden;
    scroll-snap-align: start;
}

.vh-home .vh-story__img,
.editor-styles-wrapper .vh-story__img {
    position: absolute;
    top: -1.3px;
    left: -1.3px;
    width: calc(100% + 2.6px);
    height: 398px;
}

.vh-home .vh-story::after,
.editor-styles-wrapper .vh-story::after {
    content: "";
    position: absolute;
    left: -1.3px;
    right: -1.3px;
    bottom: 0;
    height: 230px;
    background: linear-gradient(180deg, rgba(6, 8, 8, 0) 0%, rgba(6, 8, 8, .35) 22%, rgba(4, 6, 6, .87) 60%, #030505 100%);
}

/* Label and title sit in one block anchored to the card's bottom edge, so a long title grows
   upward over the dark gradient (3 lines at most) instead of running off the card. */
.vh-home .vh-story__body,
.editor-styles-wrapper .vh-story__body {
    position: absolute;
    z-index: 2;
    left: 18.7px;
    bottom: 23.7px;
    width: 176px;
}

.vh-home .vh-story__go,
.editor-styles-wrapper .vh-story__go {
    position: absolute;
    z-index: 2;
    left: 18.7px;
}

.vh-home .vh-story__label,
.editor-styles-wrapper .vh-story__label,
.vh-home .vh-story__title,
.editor-styles-wrapper .vh-story__title {
    margin: 0;
}

.vh-home .vh-story__label,
.editor-styles-wrapper .vh-story__label {
    margin-bottom: 11px;
    overflow: hidden;
    color: var(--vh-gold-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 2.4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vh-home .vh-story__title,
.editor-styles-wrapper .vh-story__title {
    display: -webkit-box;
    overflow: hidden;
    color: var(--vh-on-dark-body);
    font-family: var(--vh-deva);
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.vh-home .vh-story__go,
.editor-styles-wrapper .vh-story__go {
    display: contents;
}

/* Arrow circles (stories carousel, story cards, saint hover) share one look. */
.vh-home .vh-story__go a,
.editor-styles-wrapper .vh-story__go a,
.vh-home .vh-carousel-btn .wp-block-button__link,
.editor-styles-wrapper .vh-carousel-btn .wp-block-button__link {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-height: 0;
    padding: 0;
    border-radius: 50%;
    background: #fff8ea;
    color: transparent;
    font-size: 0;
    line-height: 0;
    transition: background-color .15s ease, box-shadow .15s ease;
}

.vh-home .vh-story__go a::before,
.editor-styles-wrapper .vh-story__go a::before,
.vh-home .vh-carousel-btn .wp-block-button__link::before,
.editor-styles-wrapper .vh-carousel-btn .wp-block-button__link::before {
    content: "";
    width: 20px;
    height: 20px;
    background: #181b1a;
    -webkit-mask: url("../../img/virasat/ico-arrow-right.svg") center / contain no-repeat;
    mask: url("../../img/virasat/ico-arrow-right.svg") center / contain no-repeat;
}

.vh-home .vh-carousel-btn--prev .wp-block-button__link::before,
.editor-styles-wrapper .vh-carousel-btn--prev .wp-block-button__link::before {
    -webkit-mask-image: url("../../img/virasat/ico-arrow-left.svg");
    mask-image: url("../../img/virasat/ico-arrow-left.svg");
}

.vh-home .vh-story__go a:hover,
.editor-styles-wrapper .vh-story__go a:hover,
.vh-home .vh-carousel-btn .wp-block-button__link:hover,
.editor-styles-wrapper .vh-carousel-btn .wp-block-button__link:hover {
    background: var(--vh-white);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
}

.vh-home .vh-story__go a:focus-visible,
.editor-styles-wrapper .vh-story__go a:focus-visible,
.vh-home .vh-carousel-btn .wp-block-button__link:focus-visible,
.editor-styles-wrapper .vh-carousel-btn .wp-block-button__link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--vh-white), 0 0 0 4px var(--vh-gold-text);
}

.vh-home .vh-story__go a,
.editor-styles-wrapper .vh-story__go a {
    position: absolute;
    left: 202.7px;
    top: 356.7px;
}

/* The whole card is clickable through its arrow link. */
.vh-home .vh-story__go a::after,
.editor-styles-wrapper .vh-story__go a::after,
.vh-home .vh-saint__go a::after,
.editor-styles-wrapper .vh-saint__go a::after {
    content: "";
    position: absolute;
}

.vh-home .vh-story__go a::after,
.editor-styles-wrapper .vh-story__go a::after {
    left: -202.7px;
    top: -356.7px;
    width: 264px;
    height: 438px;
}

/* -- Sacred places ------------------------------------------------------ */

.vh-home .vh-places,
.editor-styles-wrapper .vh-places {
    --vh-sec-bg: var(--vh-cream);
    padding: 80px 20px;
    background-image: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(232, 200, 157, .23), rgba(249, 242, 230, 0));
}

.vh-home .vh-places__intro,
.editor-styles-wrapper .vh-places__intro {
    max-width: 520px;
    margin: 0 auto;
}

.vh-home .vh-places__title,
.editor-styles-wrapper .vh-places__title {
    color: var(--vh-ink);
}

.vh-home .vh-places__desc,
.editor-styles-wrapper .vh-places__desc {
    margin-top: 20px;
    color: var(--vh-body);
    font-size: 16px;
    line-height: 1.6;
}

.vh-home .vh-places__map,
.editor-styles-wrapper .vh-places__map {
    position: relative;
    max-width: 424px;
    margin: 28px auto 0;
    aspect-ratio: 424 / 510;
}

.vh-home .vh-places__caption,
.editor-styles-wrapper .vh-places__caption {
    position: relative;
    z-index: 2;
    max-width: 424px;
    margin: 8px auto 0;
    color: var(--vh-body);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.vh-home .vh-places__map::after,
.editor-styles-wrapper .vh-places__map::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, var(--vh-cream), rgba(251, 246, 236, 0)) 0 0 / 20% 100% no-repeat,
        linear-gradient(90deg, rgba(251, 246, 236, 0), var(--vh-cream)) 100% 0 / 9% 100% no-repeat,
        linear-gradient(180deg, var(--vh-cream), rgba(251, 246, 236, 0)) 0 0 / 100% 7% no-repeat,
        linear-gradient(180deg, rgba(251, 246, 236, 0), var(--vh-cream)) 0 100% / 100% 15% no-repeat;
}

.vh-home .vh-place,
.editor-styles-wrapper .vh-place {
    position: relative;
    max-width: 412px;
    margin: -24px auto 0;
    padding: 16px;
    border-radius: var(--vh-radius-lg);
    background: #fff9f1;
    box-shadow: 0 12px 30px rgba(152, 108, 57, .14);
}

.vh-home .vh-place__img,
.editor-styles-wrapper .vh-place__img {
    height: 194px;
    border-radius: var(--vh-radius-sm);
    overflow: hidden;
}

.vh-home .vh-place__fav,
.editor-styles-wrapper .vh-place__fav {
    position: absolute;
    top: 29px;
    right: 14px;
}

.vh-home .vh-place__fav a,
.editor-styles-wrapper .vh-place__fav a {
    display: block;
    width: 40px;
    height: 40px;
    background:
        url("../../img/virasat/fav-icon.svg") center / 22px 22px no-repeat,
        url("../../img/virasat/fav-circle.svg") center / 40px 40px no-repeat;
}

.vh-home .vh-place__mini,
.editor-styles-wrapper .vh-place__mini {
    float: left;
    width: 110px;
    height: 146px;
    margin: 13px 19px 0 0;
    border-radius: var(--vh-radius-sm);
    overflow: hidden;
}

.vh-home .vh-place__name,
.editor-styles-wrapper .vh-place__name {
    padding-top: 13px;
    color: var(--vh-ink);
    font-family: var(--vh-serif);
    font-size: 22px;
    font-weight: 700;
    line-height: 29px;
}

.vh-home .vh-place__state,
.editor-styles-wrapper .vh-place__state {
    margin-top: 4px;
    color: var(--vh-accent);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.vh-home .vh-place__desc,
.editor-styles-wrapper .vh-place__desc {
    margin-top: 10px;
    color: var(--vh-body);
    font-size: 14px;
    line-height: 1.5;
}

/* Dynamic text: a long name or intro stops after 2 / 3 lines instead of overrunning the card. */
.vh-home .vh-place__name,
.editor-styles-wrapper .vh-place__name,
.vh-home .vh-place__desc,
.editor-styles-wrapper .vh-place__desc {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.vh-home .vh-place__name,
.editor-styles-wrapper .vh-place__name {
    -webkit-line-clamp: 2;
}

.vh-home .vh-place__desc,
.editor-styles-wrapper .vh-place__desc {
    -webkit-line-clamp: 3;
}

.vh-home .vh-place__cta,
.editor-styles-wrapper .vh-place__cta {
    clear: both;
    padding-top: 16px;
}

.vh-home .vh-themes,
.editor-styles-wrapper .vh-themes {
    margin-top: 48px;
}

.vh-home .vh-themes__title,
.editor-styles-wrapper .vh-themes__title {
    position: relative;
    margin-top: 12px;
    color: var(--vh-ink);
    font-family: var(--vh-serif);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
}

.vh-home .vh-themes__eyebrow,
.editor-styles-wrapper .vh-themes__eyebrow {
    color: var(--vh-accent);
}

.vh-home .vh-themes__row,
.editor-styles-wrapper .vh-themes__row {
    display: flex;
    gap: var(--vh-space-16);
    margin-top: 24px;
    padding-bottom: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}

.vh-home .vh-themes__row::-webkit-scrollbar,
.editor-styles-wrapper .vh-themes__row::-webkit-scrollbar {
    display: none;
}

.vh-home .vh-theme,
.editor-styles-wrapper .vh-theme {
    flex: 0 0 150px;
    text-align: center;
    transition: transform .15s ease;
}

.vh-home .vh-theme__img,
.editor-styles-wrapper .vh-theme__img {
    width: 150px;
    height: 163px;
    border-radius: var(--vh-radius-sm);
    overflow: hidden;
    transition: box-shadow .15s ease;
}

.vh-home .vh-theme__label,
.editor-styles-wrapper .vh-theme__label {
    margin-top: 9px;
}

.vh-home .vh-theme__label,
.editor-styles-wrapper .vh-theme__label,
.vh-home .vh-theme__label a,
.editor-styles-wrapper .vh-theme__label a {
    color: var(--vh-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    white-space: nowrap;
}

/* Labels never wrap; a name wider than its card is cut with an ellipsis. */
.vh-home .vh-theme__label,
.editor-styles-wrapper .vh-theme__label {
    display: flex;
    justify-content: center;
}

.vh-home .vh-theme__label a,
.editor-styles-wrapper .vh-theme__label a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vh-home .vh-theme:hover .vh-theme__img,
.editor-styles-wrapper .vh-theme:hover .vh-theme__img {
    box-shadow: 0 10px 20px rgba(60, 35, 10, .35), inset 0 0 0 2px var(--vh-gold-500);
}

.vh-home .vh-theme:hover .vh-theme__label a,
.editor-styles-wrapper .vh-theme:hover .vh-theme__label a {
    color: var(--vh-accent);
}

/* The Travel Guides and Spiritual Practice photos carry a pale margin; crop it. */
.vh-home .vh-theme:nth-child(7) .vh-theme__img img,
.editor-styles-wrapper .vh-theme:nth-child(7) .vh-theme__img img {
    transform: scale(1.087);
    transform-origin: right center;
}

.vh-home .vh-theme:nth-child(8) .vh-theme__img img,
.editor-styles-wrapper .vh-theme:nth-child(8) .vh-theme__img img {
    transform: scale(1.163);
    transform-origin: right center;
}

/* -- Saints, gurus and great personalities ------------------------------ */

.vh-home .vh-saints,
.editor-styles-wrapper .vh-saints {
    --vh-sec-bg: #0b120e;
    padding: 80px 20px;
}

.vh-home .vh-saints__bg,
.editor-styles-wrapper .vh-saints__bg {
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 0;
    height: 360px;
    margin: 0;
}

.vh-home .vh-saints__bg::after,
.editor-styles-wrapper .vh-saints__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 18, 14, .35) 0%, #0b120e 100%);
}

.vh-home .vh-saints__text,
.editor-styles-wrapper .vh-saints__text,
.vh-home .vh-saints__row,
.editor-styles-wrapper .vh-saints__row {
    position: relative;
    z-index: 2;
}

.vh-home .vh-saints__text,
.editor-styles-wrapper .vh-saints__text {
    max-width: 540px;
    margin: 0 auto 40px;
}

.vh-home .vh-saints__title,
.editor-styles-wrapper .vh-saints__title {
    margin-top: 16px;
    color: var(--vh-on-dark-head);
    font-family: var(--vh-serif);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;
}

.vh-home .vh-saints__desc,
.editor-styles-wrapper .vh-saints__desc {
    margin-top: 20px;
    color: var(--vh-on-dark-body);
    font-size: 16px;
    line-height: 1.6;
}

.vh-home .vh-saints__row,
.editor-styles-wrapper .vh-saints__row {
    display: flex;
    gap: var(--vh-space-16);
    overflow-x: auto;
    padding-bottom: 8px;
    scrollbar-width: none;
}

.vh-home .vh-saints__row::-webkit-scrollbar,
.editor-styles-wrapper .vh-saints__row::-webkit-scrollbar {
    display: none;
}

.vh-home .vh-saint,
.editor-styles-wrapper .vh-saint {
    position: relative;
    flex: 0 0 205px;
    height: 271px;
    border: 1.25px solid rgba(217, 181, 102, .9);
    border-radius: var(--vh-radius-md);
    background: #101510;
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.vh-home .vh-saint__img,
.editor-styles-wrapper .vh-saint__img {
    position: absolute;
    top: -1.25px;
    left: -1.25px;
    width: 205px;
    height: 271px;
}

.vh-home .vh-saint::after,
.editor-styles-wrapper .vh-saint::after {
    content: "";
    position: absolute;
    left: -1.25px;
    top: 116.75px;
    width: 205px;
    height: 153px;
    background: linear-gradient(180deg, rgba(8, 10, 8, 0) 0%, rgba(7, 10, 9, .41) 42%, rgba(5, 9, 9, .94) 100%);
}

/* Name and summary sit in one block anchored to the card's bottom edge, so a long (e.g. Hindi
   honorific) name or tagline grows upward over the dark gradient instead of colliding. */
.vh-home .vh-saint__body,
.editor-styles-wrapper .vh-saint__body {
    position: absolute;
    z-index: 2;
    left: 14.75px;
    bottom: 26.75px;
    width: 173px;
}

.vh-home .vh-saint__name,
.editor-styles-wrapper .vh-saint__name,
.vh-home .vh-saint__summary,
.editor-styles-wrapper .vh-saint__summary {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.vh-home .vh-saint__name,
.editor-styles-wrapper .vh-saint__name {
    color: var(--vh-on-dark-head);
    font-family: var(--vh-sans);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: color .15s ease;
}

.vh-home .vh-saint__summary,
.editor-styles-wrapper .vh-saint__summary {
    margin-top: 4px;
    color: var(--vh-on-dark-body);
    font-size: 12px;
    line-height: 17px;
}

.vh-home .vh-saint__go,
.editor-styles-wrapper .vh-saint__go {
    display: contents;
}

/* The whole card is the link; the arrow only shows on hover / focus. */
.vh-home .vh-saint__go a,
.editor-styles-wrapper .vh-saint__go a {
    position: absolute;
    z-index: 3;
    left: -1.25px;
    top: -1.25px;
    width: 205px;
    height: 271px;
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.vh-home .vh-saint__go a::before,
.editor-styles-wrapper .vh-saint__go a::before {
    content: "";
    position: absolute;
    top: 201px;
    left: 169px;
    width: 20px;
    height: 20px;
    background: var(--vh-on-dark-head);
    opacity: 0;
    -webkit-mask: url("../../img/virasat/ico-arrow-right.svg") center / contain no-repeat;
    mask: url("../../img/virasat/ico-arrow-right.svg") center / contain no-repeat;
    transition: opacity .15s ease;
}

.vh-home .vh-saint__go a::after,
.editor-styles-wrapper .vh-saint__go a::after {
    display: none;
}

.vh-home .vh-saint:hover,
.editor-styles-wrapper .vh-saint:hover,
.vh-home .vh-saint:focus-within,
.editor-styles-wrapper .vh-saint:focus-within {
    border-color: var(--vh-gold-text);
    box-shadow: 0 0 0 1px var(--vh-gold-text);
}

.vh-home .vh-saint:hover .vh-saint__name,
.editor-styles-wrapper .vh-saint:hover .vh-saint__name,
.vh-home .vh-saint:focus-within .vh-saint__name,
.editor-styles-wrapper .vh-saint:focus-within .vh-saint__name {
    color: #fce5b0;
}

.vh-home .vh-saint:hover .vh-saint__go a::before,
.editor-styles-wrapper .vh-saint:hover .vh-saint__go a::before,
.vh-home .vh-saint:focus-within .vh-saint__go a::before,
.editor-styles-wrapper .vh-saint:focus-within .vh-saint__go a::before {
    opacity: 1;
}

.vh-home .vh-saint__go a:focus-visible,
.editor-styles-wrapper .vh-saint__go a:focus-visible {
    outline: none;
}

/* -- Latest articles ---------------------------------------------------- */

.vh-home .vh-articles,
.editor-styles-wrapper .vh-articles {
    --vh-sec-bg: var(--vh-cream);
    padding: 80px 20px;
    background-image: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(251, 241, 222, 0) 0, rgba(236, 209, 166, .11) 62%, rgba(250, 224, 182, .19) 100%);
}

.vh-home .vh-articles__eyebrow,
.editor-styles-wrapper .vh-articles__eyebrow {
    color: var(--vh-accent);
}

.vh-home .vh-articles__title,
.editor-styles-wrapper .vh-articles__title {
    margin-top: 16px;
    font-size: 32px;
}

.vh-home .vh-articles__intro,
.editor-styles-wrapper .vh-articles__intro {
    margin-top: 20px;
    color: var(--vh-body);
    font-size: 16px;
    line-height: 1.6;
}

.vh-home .vh-articles__cta,
.editor-styles-wrapper .vh-articles__cta {
    margin-top: 24px;
}

.vh-home .vh-articles__row,
.editor-styles-wrapper .vh-articles__row {
    display: flex;
    gap: var(--vh-space-24);
    margin-top: 32px;
    padding-bottom: 12px;
    overflow-x: auto;
    scrollbar-width: none;
}

.vh-home .vh-articles__row::-webkit-scrollbar,
.editor-styles-wrapper .vh-articles__row::-webkit-scrollbar {
    display: none;
}

.vh-home .vh-article,
.editor-styles-wrapper .vh-article {
    position: relative;
    flex: 0 0 min(310px, 80vw);
    height: 325px;
    border: .7px solid rgba(234, 220, 202, .83);
    border-radius: var(--vh-radius-md);
    background: #fffefc;
    box-shadow: 0 10px 24px rgba(80, 62, 42, .1);
    overflow: hidden;
    transition: box-shadow .2s ease;
}

.vh-home .vh-article:hover,
.editor-styles-wrapper .vh-article:hover {
    box-shadow: 0 14px 28px rgba(60, 35, 10, .22);
}

.vh-home .vh-article__img,
.editor-styles-wrapper .vh-article__img {
    position: absolute;
    top: -.7px;
    left: -.7px;
    width: calc(100% + 1.4px);
    height: 182px;
}

.vh-home .vh-article__pill,
.editor-styles-wrapper .vh-article__pill {
    position: absolute;
    top: 164.3px;
    left: 16.3px;
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 12px;
    border-radius: 17px;
    background: #fff8e9;
    color: var(--vh-accent);
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: .7px;
    max-width: calc(100% - 32px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vh-home .vh-article__title,
.editor-styles-wrapper .vh-article__title {
    position: absolute;
    top: 210.3px;
    left: 17.3px;
    width: 275px;
    font-family: var(--vh-deva);
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.vh-home .vh-article__title a,
.editor-styles-wrapper .vh-article__title a {
    color: var(--vh-ink);
    transition: color .15s ease;
}

.vh-home .vh-article:hover .vh-article__title a,
.editor-styles-wrapper .vh-article:hover .vh-article__title a {
    color: var(--vh-accent);
}

.vh-home .vh-article__date,
.editor-styles-wrapper .vh-article__date {
    position: absolute;
    top: 286.3px;
    left: 17.3px;
    color: var(--vh-muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

/* -- Join our community ------------------------------------------------- */

.vh-home .vh-community,
.editor-styles-wrapper .vh-community {
    --vh-sec-bg: #0c1817;
    padding: 80px 20px;
}

.vh-home .vh-community__bg,
.editor-styles-wrapper .vh-community__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    margin: 0;
}

.vh-home .vh-community__bg::after,
.editor-styles-wrapper .vh-community__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(9, 21, 19, .55) 0%, rgba(9, 21, 19, .9) 100%);
}

.vh-home .vh-community__text,
.editor-styles-wrapper .vh-community__text,
.vh-home .vh-community__benefits,
.editor-styles-wrapper .vh-community__benefits {
    position: relative;
    z-index: 2;
}

.vh-home .vh-community__text,
.editor-styles-wrapper .vh-community__text {
    max-width: 560px;
    margin: 0 auto;
}

.vh-home .vh-community__title,
.editor-styles-wrapper .vh-community__title {
    margin-top: 16px;
    color: var(--vh-on-dark-body);
    font-family: var(--vh-serif);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;
}

.vh-home .vh-community__desc,
.editor-styles-wrapper .vh-community__desc {
    margin-top: 20px;
    color: var(--vh-on-dark-body);
    font-size: 16px;
    line-height: 1.6;
}

.vh-home .vh-community__cta,
.editor-styles-wrapper .vh-community__cta {
    margin-top: 32px;
}

.vh-home .vh-community__values,
.editor-styles-wrapper .vh-community__values {
    margin-top: 24px;
    color: var(--vh-on-dark-body);
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
}

.vh-home .vh-community__benefits,
.editor-styles-wrapper .vh-community__benefits {
    display: flex;
    flex-wrap: wrap;
    gap: var(--vh-space-16);
    max-width: 560px;
    margin: 40px auto 0;
}

.vh-home .vh-benefit,
.editor-styles-wrapper .vh-benefit {
    display: flex;
    flex: 1 1 226px;
    align-items: center;
    gap: 11px;
    min-height: 112px;
    padding: 12px 9px 12px 13px;
    border: .7px solid rgba(225, 204, 167, .74);
    border-radius: var(--vh-radius-md);
    background: rgba(255, 249, 238, .97);
    box-shadow: 0 9px 18px rgba(25, 15, 9, .16);
}

.vh-home .vh-benefit__icon,
.editor-styles-wrapper .vh-benefit__icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 20px;
    background: #fbeacd;
}

.vh-home .vh-benefit__icon img,
.editor-styles-wrapper .vh-benefit__icon img {
    width: 23px;
    height: 23px;
    margin: 7.5px;
}

.vh-home .vh-benefit__title,
.editor-styles-wrapper .vh-benefit__title {
    color: var(--vh-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
}

.vh-home .vh-benefit__sub,
.editor-styles-wrapper .vh-benefit__sub {
    margin-top: 4px;
    color: var(--vh-muted);
    font-size: 13px;
    line-height: 1.4;
}

.vh-home .vh-community__label,
.editor-styles-wrapper .vh-community__label {
    position: relative;
    z-index: 2;
    max-width: 560px;
    margin: 40px auto 0;
    color: var(--vh-gold-text);
    font-family: var(--vh-sans);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: .133em;
}

.vh-home .vh-community__label + .vh-community__benefits,
.editor-styles-wrapper .vh-community__label + .vh-community__benefits {
    margin-top: 12px;
}

/* -- Footer ------------------------------------------------------------- */

.vh-home .vh-footer,
.editor-styles-wrapper .vh-footer {
    --vh-sec-bg: #0d1613;
    padding: 56px 20px 32px;
    background-image: linear-gradient(90deg, #08110f, #111917);
    color: var(--vh-on-dark-link);
}

.vh-home .vh-footer::before,
.editor-styles-wrapper .vh-footer::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 0;
    height: 2px;
    background: linear-gradient(90deg, #a37a3e, #362b22);
}

.vh-home .vh-footer > *,
.editor-styles-wrapper .vh-footer > * {
    position: relative;
    z-index: 1;
}

.vh-home .vh-footer__lockup,
.editor-styles-wrapper .vh-footer__lockup {
    display: flex;
    align-items: center;
    gap: 15px;
}

.vh-home .vh-footer__logo img,
.editor-styles-wrapper .vh-footer__logo img {
    width: 63px;
    height: 63px;
    border-radius: 50%;
    object-fit: cover;
}

.vh-home .vh-footer__name,
.editor-styles-wrapper .vh-footer__name {
    color: var(--vh-on-dark-body);
    font-family: var(--vh-serif);
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
}

.vh-home .vh-footer__tagline,
.editor-styles-wrapper .vh-footer__tagline {
    color: var(--vh-on-dark-muted);
    font-size: 14px;
    line-height: 21px;
}

.vh-home .vh-footer__desc,
.editor-styles-wrapper .vh-footer__desc {
    margin-top: 24px;
    color: var(--vh-on-dark-muted);
    font-size: 14px;
    line-height: 23px;
}

.vh-home .vh-footer__follow,
.editor-styles-wrapper .vh-footer__follow {
    margin-top: 28px;
    color: #c9ad78;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: .24em;
}

.vh-home .vh-footer__social,
.editor-styles-wrapper .vh-footer__social {
    display: flex;
    gap: 9px;
    margin-top: 12px;
}

.vh-home .vh-social a,
.editor-styles-wrapper .vh-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: .9px solid rgba(133, 115, 82, .55);
    border-radius: 21px;
    background: #1c2b28;
}

.vh-home .vh-social img,
.editor-styles-wrapper .vh-social img {
    width: 22px;
    height: 22px;
}

.vh-home .vh-footer__col,
.editor-styles-wrapper .vh-footer__col {
    margin-top: 32px;
}

.vh-home .vh-footer__heading,
.editor-styles-wrapper .vh-footer__heading {
    color: var(--vh-gold-text);
    font-family: var(--vh-sans);
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
}

.vh-home .vh-footer__heading::after,
.editor-styles-wrapper .vh-footer__heading::after {
    content: "";
    display: block;
    width: 31px;
    height: 2px;
    margin-top: 15px;
    background: #d5a24d;
}

.vh-home .vh-footer__links,
.editor-styles-wrapper .vh-footer__links {
    margin-top: 15px;
}

.vh-home .vh-footer__links li,
.editor-styles-wrapper .vh-footer__links li {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
}

.vh-home .vh-footer__links a,
.editor-styles-wrapper .vh-footer__links a {
    color: var(--vh-on-dark-link);
}

.vh-home .vh-footer__links a:hover,
.editor-styles-wrapper .vh-footer__links a:hover {
    color: var(--vh-gold-text);
}

.vh-home .vh-footer__donate,
.editor-styles-wrapper .vh-footer__donate {
    position: relative;
    max-width: 287px;
    margin-top: 32px;
    padding: 22px 20px 20px;
    border: 1px solid rgba(185, 142, 72, .67);
    border-radius: var(--vh-radius-md);
    background: linear-gradient(90deg, #302018, #151c19);
    overflow: hidden;
}

.vh-home .vh-footer__diya,
.editor-styles-wrapper .vh-footer__diya {
    position: absolute;
    top: 21px;
    right: 22px;
}

.vh-home .vh-footer__diya img,
.editor-styles-wrapper .vh-footer__diya img {
    width: 59px;
    height: 64px;
}

.vh-home .vh-footer__donate-title,
.editor-styles-wrapper .vh-footer__donate-title {
    position: relative;
    max-width: 178px;
    color: var(--vh-on-dark-head);
    font-family: var(--vh-serif);
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
}

.vh-home .vh-footer__donate-desc,
.editor-styles-wrapper .vh-footer__donate-desc {
    margin-top: 12px;
    color: var(--vh-on-dark-body);
    font-size: 14px;
    line-height: 21px;
}

.vh-home .vh-footer__donate-cta,
.editor-styles-wrapper .vh-footer__donate-cta {
    margin-top: 24px;
}

.vh-home .vh-footer__donate-cta .wp-block-button__link,
.editor-styles-wrapper .vh-footer__donate-cta .wp-block-button__link {
    width: 100%;
}

.vh-home .vh-footer__bottom,
.editor-styles-wrapper .vh-footer__bottom {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(177, 143, 89, .48);
    text-align: center;
}

.vh-home .vh-footer__lotus,
.editor-styles-wrapper .vh-footer__lotus {
    margin: -41px auto 12px;
    width: 35px;
}

.vh-home .vh-footer__lotus img,
.editor-styles-wrapper .vh-footer__lotus img {
    width: 35px;
    height: 29px;
}

.vh-home .vh-footer__copy,
.editor-styles-wrapper .vh-footer__copy,
.vh-home .vh-footer__motto,
.editor-styles-wrapper .vh-footer__motto {
    font-size: 14px;
    line-height: 20px;
}

.vh-home .vh-footer__copy,
.editor-styles-wrapper .vh-footer__copy {
    color: var(--vh-on-dark-muted);
}

.vh-home .vh-footer__motto,
.editor-styles-wrapper .vh-footer__motto {
    margin-top: 6px;
    color: var(--vh-on-dark-muted);
    font-weight: 500;
}

.vh-home .vh-dot,
.editor-styles-wrapper .vh-dot {
    margin: 0 8px;
}

@media (min-width: 1200px) {
    .vh-home,
.editor-styles-wrapper {
        --vh-radius-sm: calc(8 * var(--vh-u));
        --vh-radius-md: calc(16 * var(--vh-u));
        --vh-radius-lg: calc(24 * var(--vh-u));
        --vh-space-8: calc(8 * var(--vh-u));
        --vh-space-12: calc(12 * var(--vh-u));
        --vh-space-16: calc(16 * var(--vh-u));
        --vh-space-24: calc(24 * var(--vh-u));
        --vh-font-display-hindi: 800 calc(56 * var(--vh-u))/1.3 var(--vh-display);
        --vh-font-h2-bold: 700 calc(44 * var(--vh-u))/1.25 var(--vh-serif);
        --vh-font-h2-light: 400 calc(44 * var(--vh-u))/1.25 var(--vh-serif);
        --vh-font-h3: 700 calc(32 * var(--vh-u))/1.25 var(--vh-serif);
        --vh-font-h4: 700 calc(22 * var(--vh-u))/calc(32 * var(--vh-u)) var(--vh-serif);
        --vh-font-h4-light: 400 calc(22 * var(--vh-u))/calc(32 * var(--vh-u)) var(--vh-serif);
        --vh-font-hindi-22: 700 calc(22 * var(--vh-u))/calc(31 * var(--vh-u)) var(--vh-deva);
        --vh-font-hindi-18: 700 calc(18 * var(--vh-u))/calc(30 * var(--vh-u)) var(--vh-deva);
        --vh-font-body-xl: 500 calc(22 * var(--vh-u))/calc(30 * var(--vh-u)) var(--vh-sans);
        --vh-font-body-l: 400 calc(18 * var(--vh-u))/1.6 var(--vh-sans);
        --vh-font-body-l-compact: 400 calc(18 * var(--vh-u))/1.5 var(--vh-sans);
        --vh-font-body-s: 400 calc(14 * var(--vh-u))/1.5 var(--vh-sans);
        --vh-font-nav: 500 calc(14 * var(--vh-u))/calc(21 * var(--vh-u)) var(--vh-sans);
        --vh-font-button-s: 600 calc(14 * var(--vh-u))/calc(18 * var(--vh-u)) var(--vh-sans);
        --vh-font-button-m: 600 calc(16 * var(--vh-u))/calc(21 * var(--vh-u)) var(--vh-sans);
        --vh-font-button-l: 600 calc(18 * var(--vh-u))/calc(24 * var(--vh-u)) var(--vh-sans);
        --vh-font-label-14: 600 calc(14 * var(--vh-u))/calc(19 * var(--vh-u)) var(--vh-sans);
        --vh-font-label-16: 600 calc(16 * var(--vh-u))/calc(22 * var(--vh-u)) var(--vh-sans);
        --vh-font-label-12: 600 calc(12 * var(--vh-u))/calc(16 * var(--vh-u)) var(--vh-sans);
        --vh-font-eyebrow: 600 calc(12 * var(--vh-u))/calc(16 * var(--vh-u)) var(--vh-sans);
        --vh-font-caption: 500 calc(12 * var(--vh-u))/calc(19 * var(--vh-u)) var(--vh-sans);
        --vh-ls-label-12: calc(2.4 * var(--vh-u));
    }

    /* ==========================================================================
       DESKTOP — exact Figma pixel values for the calc(1440 * var(--vh-u)) frame
       ========================================================================== */

    .vh-home,
.editor-styles-wrapper {
        container-type: inline-size;
        /* The 1440 px Figma canvas scales fluidly until its 1312 px content column is 1400 px wide
           (page width 1400 x 1440 / 1312 = 1536.6 px); wider pages keep that size and centre it. */
        --vh-u: calc(min(100cqw, 1400px * 1440 / 1312) / 1440);
        /* Free space on each side of the canvas (0 below 1536.6 px). */
        --vh-x: calc((100cqw - 1440 * var(--vh-u)) / 2);
        margin: 0 auto;
    }

    .vh-home br,
.editor-styles-wrapper br {
        display: inline;
    }

    /* Headings authored with a deliberate <br> keep their two Figma lines. */
    .vh-home .vh-purpose__title,
.editor-styles-wrapper .vh-purpose__title,
.vh-home .vh-stories__title,
.editor-styles-wrapper .vh-stories__title,
.vh-home .vh-places__title,
.editor-styles-wrapper .vh-places__title,
.vh-home .vh-saints__title,
.editor-styles-wrapper .vh-saints__title,
.vh-home .vh-community__title,
.editor-styles-wrapper .vh-community__title,
.vh-home .vh-articles__title,
.editor-styles-wrapper .vh-articles__title {
        white-space: nowrap;
    }

    /* -- Buttons (sizes scale with the page) -------------------------------- */

    .vh-home .vh-btn--sm,
.editor-styles-wrapper .vh-btn--sm {
        --vh-h: calc(44 * var(--vh-u));
        --vh-pad: calc(20 * var(--vh-u));
        --vh-fs: calc(14 * var(--vh-u));
        --vh-lh: calc(18 * var(--vh-u));
    }

    .vh-home .vh-btn--md,
.editor-styles-wrapper .vh-btn--md {
        --vh-h: calc(48 * var(--vh-u));
        --vh-pad: calc(24 * var(--vh-u));
        --vh-fs: calc(16 * var(--vh-u));
        --vh-lh: calc(21 * var(--vh-u));
    }

    .vh-home .vh-btn--lg,
.editor-styles-wrapper .vh-btn--lg {
        --vh-h: calc(56 * var(--vh-u));
        --vh-pad: calc(28 * var(--vh-u));
        --vh-fs: calc(18 * var(--vh-u));
        --vh-lh: calc(24 * var(--vh-u));
    }

    .vh-home .vh-btn .wp-block-button__link,
.editor-styles-wrapper .vh-btn .wp-block-button__link {
        gap: var(--vh-space-12);
    }

    .vh-home .vh-btn--arrow .wp-block-button__link::after,
.editor-styles-wrapper .vh-btn--arrow .wp-block-button__link::after,
.vh-home .vh-btn--box .wp-block-button__link::before,
.editor-styles-wrapper .vh-btn--box .wp-block-button__link::before,
.vh-home .vh-btn--play .wp-block-button__link::before,
.editor-styles-wrapper .vh-btn--play .wp-block-button__link::before {
        width: calc(20 * var(--vh-u));
        height: calc(20 * var(--vh-u));
    }

    .vh-home .vh-btn .wp-block-button__link:hover,
.editor-styles-wrapper .vh-btn .wp-block-button__link:hover {
        box-shadow: 0 calc(6 * var(--vh-u)) calc(16 * var(--vh-u)) rgba(0, 0, 0, .22);
    }

    .vh-home .vh-btn .wp-block-button__link:focus-visible,
.editor-styles-wrapper .vh-btn .wp-block-button__link:focus-visible {
        box-shadow: 0 0 0 2px var(--vh-white), 0 0 0 calc(4 * var(--vh-u)) var(--vh-accent);
    }

    /* -- Eyebrows ------------------------------------------------------------ */

    .vh-home .vh-eyebrow,
.editor-styles-wrapper .vh-eyebrow {
        font: var(--vh-font-eyebrow);
    }

    /* -- Header ------------------------------------------------------------- */

    .vh-home .vh-header,
.editor-styles-wrapper .vh-header {
        height: calc(88 * var(--vh-u));
        padding: 0 calc(calc(64 * var(--vh-u)) + var(--vh-x));
    }

    .vh-home .vh-header__brand,
.editor-styles-wrapper .vh-header__brand {
        gap: calc(11 * var(--vh-u));
    }

    .vh-home .vh-header__logo img,
.editor-styles-wrapper .vh-header__logo img {
        width: calc(46 * var(--vh-u));
        height: calc(46 * var(--vh-u));
    }

    .vh-home .vh-header__actions,
.editor-styles-wrapper .vh-header__actions {
        gap: calc(18 * var(--vh-u));
    }

    .vh-home .vh-header__name,
.editor-styles-wrapper .vh-header__name,
.vh-home .vh-header__name a,
.editor-styles-wrapper .vh-header__name a {
        font: var(--vh-font-h4);
    }

    .vh-home .vh-header__nav,
.editor-styles-wrapper .vh-header__nav {
        gap: calc(28 * var(--vh-u));
        font: var(--vh-font-nav);
    }

    .vh-home .vh-header__nav .wp-block-navigation__container,
.editor-styles-wrapper .vh-header__nav .wp-block-navigation__container {
        gap: calc(28 * var(--vh-u));
    }

    .vh-home .vh-header__nav .wp-block-navigation__submenu-icon,
.editor-styles-wrapper .vh-header__nav .wp-block-navigation__submenu-icon {
        width: calc(16 * var(--vh-u));
        height: calc(16 * var(--vh-u));
        margin-left: calc(4 * var(--vh-u));
    }

    .vh-home .vh-header__nav .wp-block-navigation__submenu-icon svg,
.editor-styles-wrapper .vh-header__nav .wp-block-navigation__submenu-icon svg {
        width: calc(16 * var(--vh-u));
        height: calc(16 * var(--vh-u));
    }

    .vh-home .vh-header__search img,
.editor-styles-wrapper .vh-header__search img {
        box-sizing: content-box;
        width: calc(22 * var(--vh-u));
        height: calc(22 * var(--vh-u));
        padding: calc(11 * var(--vh-u));
    }

    /* -- Hero --------------------------------------------------------------- */

    .vh-home .vh-hero,
.editor-styles-wrapper .vh-hero {
        height: calc(790 * var(--vh-u));
        min-height: 0;
        padding: 0;
    }

    /* Corrects the brightness step baked into the background photo at y=300. */
    .vh-home .vh-hero::before,
.editor-styles-wrapper .vh-hero::before {
        content: "";
        position: absolute;
        top: calc(88 * var(--vh-u));
        left: 0;
        z-index: 1;
        width: calc(900 * var(--vh-u));
        height: calc(212 * var(--vh-u));
        background: linear-gradient(90deg, rgba(4, 6, 7, .22) 0%, rgba(4, 6, 7, .24) 33%, rgba(4, 6, 7, .35) 55%, rgba(4, 6, 7, .4) 72%, rgba(4, 6, 7, .3) 80%, rgba(4, 6, 7, 0) 100%);
    }

    .vh-home .vh-hero::after,
.editor-styles-wrapper .vh-hero::after {
        width: 69.44%;
        background: linear-gradient(90deg, rgba(4, 7, 8, .91) 0%, rgba(4, 7, 7, .6) 55%, rgba(4, 6, 6, 0) 100%);
    }

    .vh-home .vh-hero__content,
.editor-styles-wrapper .vh-hero__content {
        position: absolute;
        top: calc(186 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(640 * var(--vh-u));
        max-width: none;
        margin: 0;
    }

    .vh-home .vh-hero__logo,
.editor-styles-wrapper .vh-hero__logo {
        width: calc(130 * var(--vh-u));
        height: calc(130 * var(--vh-u));
    }

    .vh-home .vh-hero__title,
.editor-styles-wrapper .vh-hero__title {
        width: calc(640 * var(--vh-u));
        margin: calc(24 * var(--vh-u)) 0 0;
        font: var(--vh-font-display-hindi);
    }

    .vh-home .vh-hero__tagline,
.editor-styles-wrapper .vh-hero__tagline {
        width: calc(560 * var(--vh-u));
        margin: calc(24 * var(--vh-u)) auto 0;
        font: var(--vh-font-body-xl);
    }

    .vh-home .vh-hero__desc,
.editor-styles-wrapper .vh-hero__desc {
        width: calc(560 * var(--vh-u));
        margin: calc(8 * var(--vh-u)) auto 0;
        font: var(--vh-font-body-l-compact);
    }

    .vh-home .vh-hero__ctas,
.editor-styles-wrapper .vh-hero__ctas {
        flex-wrap: nowrap;
        gap: var(--vh-space-16);
        margin-top: calc(32 * var(--vh-u));
    }

    /* -- Heritage categories strip ------------------------------------------ */

    .vh-home .vh-cats,
.editor-styles-wrapper .vh-cats {
        height: 0;
        margin: 0 auto;
        padding: 0;
    }

    .vh-home .vh-cats__inner,
.editor-styles-wrapper .vh-cats__inner {
        position: absolute;
        top: calc(-48 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        flex-wrap: nowrap;
        width: calc(1312 * var(--vh-u));
        height: calc(144 * var(--vh-u));
        padding: calc(10 * var(--vh-u)) calc(11 * var(--vh-u));
        border-radius: var(--vh-radius-lg);
        box-shadow: 0 calc(18 * var(--vh-u)) calc(34 * var(--vh-u)) rgba(74, 45, 23, .14);
    }

    .vh-home .vh-cat,
.editor-styles-wrapper .vh-cat {
        position: relative;
        flex: 0 0 calc(257 * var(--vh-u));
        height: calc(122 * var(--vh-u));
        min-height: 0;
    }

    .vh-home .vh-cat + .vh-cat,
.editor-styles-wrapper .vh-cat + .vh-cat {
        margin-left: 1px;
    }

    .vh-home .vh-cat + .vh-cat::before,
.editor-styles-wrapper .vh-cat + .vh-cat::before {
        content: "";
        position: absolute;
        top: calc(26 * var(--vh-u));
        left: -1px;
        width: 1px;
        height: calc(70 * var(--vh-u));
        background: rgba(221, 208, 188, .86);
    }

    .vh-home .vh-cat__label,
.editor-styles-wrapper .vh-cat__label {
        width: calc(249 * var(--vh-u));
    }

    .vh-home .vh-cat__icon img,
.editor-styles-wrapper .vh-cat__icon img {
        width: calc(48 * var(--vh-u));
        height: calc(48 * var(--vh-u));
    }

    .vh-home .vh-cat__label,
.editor-styles-wrapper .vh-cat__label,
.vh-home .vh-cat__label a,
.editor-styles-wrapper .vh-cat__label a {
        font: var(--vh-font-label-14);
    }

    /* -- Our purpose -------------------------------------------------------- */

    .vh-home .vh-purpose,
.editor-styles-wrapper .vh-purpose {
        height: calc(646 * var(--vh-u));
        padding: 0;
    }

    .vh-home .vh-purpose::before,
.editor-styles-wrapper .vh-purpose::before {
        content: "";
        position: absolute;
        top: calc(150 * var(--vh-u));
        left: calc(-165 * var(--vh-u));
        z-index: 0;
        width: calc(332 * var(--vh-u));
        height: calc(332 * var(--vh-u));
        background: url("../../img/virasat/mandala-purpose.svg") 0 0 / 100% 100% no-repeat;
        opacity: .39;
    }

    .vh-home .vh-purpose::after,
.editor-styles-wrapper .vh-purpose::after {
        content: "";
        position: absolute;
        top: calc(175 * var(--vh-u));
        left: calc(calc(470 * var(--vh-u)) + var(--vh-x));
        z-index: 0;
        width: calc(920 * var(--vh-u));
        height: calc(365 * var(--vh-u));
        background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(239, 211, 166, .45) 0%, rgba(255, 249, 240, 0) 100%);
    }

    .vh-home .vh-purpose__text,
.editor-styles-wrapper .vh-purpose__text {
        position: absolute;
        z-index: 2;
        top: calc(162 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(500 * var(--vh-u));
        max-width: none;
        margin: 0;
    }

    .vh-home .vh-purpose__text .vh-eyebrow,
.editor-styles-wrapper .vh-purpose__text .vh-eyebrow {
        width: calc(400 * var(--vh-u));
    }

    .vh-home .vh-purpose__title,
.editor-styles-wrapper .vh-purpose__title {
        width: calc(495 * var(--vh-u));
        margin-top: calc(13 * var(--vh-u));
        font: var(--vh-font-h2-bold);
    }

    .vh-home .vh-purpose__desc,
.editor-styles-wrapper .vh-purpose__desc {
        width: calc(460 * var(--vh-u));
        margin-top: calc(13 * var(--vh-u));
        font: var(--vh-font-body-l);
    }

    .vh-home .vh-purpose__cta,
.editor-styles-wrapper .vh-purpose__cta {
        margin-top: calc(13 * var(--vh-u));
    }

    .vh-home .vh-purpose__art,
.editor-styles-wrapper .vh-purpose__art {
        position: absolute;
        z-index: 1;
        top: calc(145 * var(--vh-u));
        left: calc(calc(570 * var(--vh-u)) + var(--vh-x));
        width: calc(806 * var(--vh-u));
        height: calc(426 * var(--vh-u));
        margin: 0;
        aspect-ratio: auto;
    }

    .vh-home .vh-purpose__art-back,
.editor-styles-wrapper .vh-purpose__art-back {
        inset: 0 0 auto 0;
        height: calc(421 * var(--vh-u));
    }

    .vh-home .vh-purpose__art-front,
.editor-styles-wrapper .vh-purpose__art-front {
        inset: auto;
        top: calc(9 * var(--vh-u));
        left: 0;
        width: calc(798 * var(--vh-u));
        height: calc(417 * var(--vh-u));
    }

    .vh-home .vh-purpose__art::after,
.editor-styles-wrapper .vh-purpose__art::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 3;
        background:
            linear-gradient(90deg, var(--vh-cream), rgba(251, 246, 236, 0)) 0 0 / calc(70 * var(--vh-u)) 100% no-repeat,
            linear-gradient(90deg, rgba(251, 246, 236, 0), var(--vh-cream)) 100% 0 / calc(77 * var(--vh-u)) 100% no-repeat,
            linear-gradient(180deg, var(--vh-cream), rgba(251, 246, 236, 0)) 0 0 / 100% calc(60 * var(--vh-u)) no-repeat,
            linear-gradient(180deg, rgba(251, 246, 236, 0), var(--vh-cream)) 0 100% / 100% calc(71 * var(--vh-u)) no-repeat;
    }

    /* -- Featured stories --------------------------------------------------- */

    .vh-home .vh-stories,
.editor-styles-wrapper .vh-stories {
        height: calc(664 * var(--vh-u));
        padding: 0;
    }

    .vh-home .vh-stories .vh-bg::after,
.editor-styles-wrapper .vh-stories .vh-bg::after {
        background:
            radial-gradient(ellipse calc(385 * var(--vh-u)) calc(332 * var(--vh-u)) at calc(385 * var(--vh-u)) calc(332 * var(--vh-u)), rgba(210, 142, 61, .18), rgba(210, 142, 61, 0)) var(--vh-x) 0 / calc(770 * var(--vh-u)) calc(664 * var(--vh-u)) no-repeat,
            linear-gradient(90deg, rgba(5, 8, 9, .7) 0%, rgba(7, 17, 16, .43) 48%, rgba(7, 18, 14, .82) 100%),
            rgba(6, 16, 18, .85);
    }

    .vh-home .vh-stories::before,
.editor-styles-wrapper .vh-stories::before {
        content: "";
        position: absolute;
        top: calc(36 * var(--vh-u));
        left: calc(-70 * var(--vh-u));
        z-index: 1;
        width: calc(160 * var(--vh-u));
        height: calc(425 * var(--vh-u));
        background: url("../../img/virasat/tracery-gold.svg") 0 0 / 100% 100% no-repeat;
    }

    .vh-home .vh-stories__text,
.editor-styles-wrapper .vh-stories__text {
        position: absolute;
        top: calc(215 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(480 * var(--vh-u));
        max-width: none;
        margin: 0;
    }

    .vh-home .vh-stories__text .vh-eyebrow,
.editor-styles-wrapper .vh-stories__text .vh-eyebrow {
        width: calc(310 * var(--vh-u));
    }

    .vh-home .vh-stories__title,
.editor-styles-wrapper .vh-stories__title {
        width: calc(480 * var(--vh-u));
        margin-top: calc(18 * var(--vh-u));
        font: var(--vh-font-h2-light);
    }

    .vh-home .vh-stories__desc,
.editor-styles-wrapper .vh-stories__desc {
        width: calc(440 * var(--vh-u));
        margin-top: calc(18 * var(--vh-u));
        font: var(--vh-font-body-l);
    }

    .vh-home .vh-stories__cta,
.editor-styles-wrapper .vh-stories__cta {
        margin-top: calc(18 * var(--vh-u));
    }

    .vh-home .vh-stories__dots,
.editor-styles-wrapper .vh-stories__dots {
        position: absolute;
        z-index: 2;
        top: calc(96 * var(--vh-u));
        left: calc(calc(1204 * var(--vh-u)) + var(--vh-x));
        display: flex;
        gap: var(--vh-space-8);
        margin: 0;
    }

    .vh-home .vh-stories__dots span,
.editor-styles-wrapper .vh-stories__dots span {
        display: block;
        width: calc(8 * var(--vh-u));
        height: calc(8 * var(--vh-u));
        border-radius: calc(4 * var(--vh-u));
        background: var(--vh-gold-text);
        opacity: .4;
        transition: width .2s ease, opacity .2s ease;
    }

    .vh-home .vh-stories__dots span.is-active,
.editor-styles-wrapper .vh-stories__dots span.is-active {
        width: calc(24 * var(--vh-u));
        opacity: 1;
    }

    .vh-home .vh-stories__nav,
.editor-styles-wrapper .vh-stories__nav {
        position: absolute;
        top: calc(80 * var(--vh-u));
        left: calc(calc(1284 * var(--vh-u)) + var(--vh-x));
        display: flex;
        gap: var(--vh-space-12);
    }

    .vh-home .vh-carousel-btn .wp-block-button__link,
.editor-styles-wrapper .vh-carousel-btn .wp-block-button__link {
        width: calc(40 * var(--vh-u));
        height: calc(40 * var(--vh-u));
    }

    .vh-home .vh-stories__track,
.editor-styles-wrapper .vh-stories__track {
        position: absolute;
        top: calc(146 * var(--vh-u));
        left: calc(calc(552 * var(--vh-u)) + var(--vh-x));
        width: calc(824 * var(--vh-u));
        height: calc(438 * var(--vh-u));
        gap: var(--vh-space-16);
        padding: 0;
    }

    .vh-home .vh-story,
.editor-styles-wrapper .vh-story {
        flex: 0 0 calc(264 * var(--vh-u));
        width: calc(264 * var(--vh-u));
        height: calc(438 * var(--vh-u));
        border-radius: var(--vh-radius-md);
    }

    .vh-home .vh-story__img,
.editor-styles-wrapper .vh-story__img {
        width: calc(264 * var(--vh-u));
        height: calc(398 * var(--vh-u));
    }

    .vh-home .vh-story::after,
.editor-styles-wrapper .vh-story::after {
        left: -1.3px;
        right: auto;
        top: calc(206.7 * var(--vh-u));
        bottom: auto;
        width: calc(264 * var(--vh-u));
        height: calc(230 * var(--vh-u));
    }

    .vh-home .vh-story__body,
.editor-styles-wrapper .vh-story__body {
        left: calc(18.7 * var(--vh-u));
        bottom: calc(23.7 * var(--vh-u));
        width: calc(176 * var(--vh-u));
    }

    .vh-home .vh-story__label,
.editor-styles-wrapper .vh-story__label {
        margin-bottom: calc(11 * var(--vh-u));
        font: var(--vh-font-label-12);
        letter-spacing: var(--vh-ls-label-12);
    }

    .vh-home .vh-story__title,
.editor-styles-wrapper .vh-story__title {
        font: var(--vh-font-hindi-22);
    }

    .vh-home .vh-story__go a,
.editor-styles-wrapper .vh-story__go a {
        left: calc(202.7 * var(--vh-u));
        top: calc(356.7 * var(--vh-u));
        width: calc(40 * var(--vh-u));
        height: calc(40 * var(--vh-u));
    }

    .vh-home .vh-story__go a::before,
.editor-styles-wrapper .vh-story__go a::before,
.vh-home .vh-carousel-btn .wp-block-button__link::before,
.editor-styles-wrapper .vh-carousel-btn .wp-block-button__link::before {
        width: calc(20 * var(--vh-u));
        height: calc(20 * var(--vh-u));
    }

    .vh-home .vh-story__go a::after,
.editor-styles-wrapper .vh-story__go a::after {
        left: calc(-202.7 * var(--vh-u));
        top: calc(-356.7 * var(--vh-u));
        width: calc(264 * var(--vh-u));
        height: calc(438 * var(--vh-u));
    }

    /* -- Sacred places ------------------------------------------------------ */

    .vh-home .vh-places,
.editor-styles-wrapper .vh-places {
        height: calc(1009 * var(--vh-u));
        padding: 0;
        background-image: radial-gradient(ellipse calc(720 * var(--vh-u)) calc(504.5 * var(--vh-u)) at 50% calc(504.5 * var(--vh-u)), rgba(232, 200, 157, .23), rgba(249, 242, 230, 0));
    }

    .vh-home .vh-places::before,
.editor-styles-wrapper .vh-places::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background:
            url("../../img/virasat/lotus-small.svg") calc(calc(703 * var(--vh-u)) + var(--vh-x)) calc(926 * var(--vh-u)) / calc(34 * var(--vh-u)) calc(27 * var(--vh-u)) no-repeat,
            linear-gradient(rgba(214, 186, 140, .68), rgba(214, 186, 140, .68)) calc(calc(575 * var(--vh-u)) + var(--vh-x)) calc(939 * var(--vh-u)) / calc(125 * var(--vh-u)) 1px no-repeat,
            linear-gradient(rgba(214, 186, 140, .68), rgba(214, 186, 140, .68)) calc(calc(740 * var(--vh-u)) + var(--vh-x)) calc(939 * var(--vh-u)) / calc(125 * var(--vh-u)) 1px no-repeat;
    }

    .vh-home .vh-places::after,
.editor-styles-wrapper .vh-places::after {
        content: "";
        position: absolute;
        top: calc(83 * var(--vh-u));
        left: calc(-302 * var(--vh-u));
        z-index: 0;
        width: calc(330 * var(--vh-u));
        height: calc(323 * var(--vh-u));
        background: url("../../img/virasat/mandala-places-1.svg") 0 0 / 100% 100% no-repeat;
        opacity: .4;
    }

    .vh-home .vh-places__intro,
.editor-styles-wrapper .vh-places__intro {
        position: absolute;
        z-index: 2;
        top: calc(171 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(510 * var(--vh-u));
        max-width: none;
        margin: 0;
    }

    .vh-home .vh-places__intro .vh-eyebrow,
.editor-styles-wrapper .vh-places__intro .vh-eyebrow {
        width: calc(414 * var(--vh-u));
    }

    .vh-home .vh-places__title,
.editor-styles-wrapper .vh-places__title {
        width: calc(510 * var(--vh-u));
        margin-top: calc(16 * var(--vh-u));
        font: var(--vh-font-h2-bold);
    }

    .vh-home .vh-places__desc,
.editor-styles-wrapper .vh-places__desc {
        width: calc(465 * var(--vh-u));
        margin-top: calc(20 * var(--vh-u));
        font: var(--vh-font-body-l);
    }

    .vh-home .vh-places__cta,
.editor-styles-wrapper .vh-places__cta {
        margin-top: calc(32 * var(--vh-u));
    }

    .vh-home .vh-places__map,
.editor-styles-wrapper .vh-places__map {
        position: absolute;
        z-index: 1;
        top: calc(80 * var(--vh-u));
        left: calc(calc(550 * var(--vh-u)) + var(--vh-x));
        width: calc(424 * var(--vh-u));
        height: calc(510 * var(--vh-u));
        max-width: none;
        margin: 0;
        aspect-ratio: auto;
    }

    .vh-home .vh-places__map::after,
.editor-styles-wrapper .vh-places__map::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(90deg, var(--vh-cream), rgba(251, 246, 236, 0)) 0 0 / calc(83 * var(--vh-u)) 100% no-repeat,
            linear-gradient(90deg, rgba(251, 246, 236, 0), var(--vh-cream)) 100% 0 / calc(36 * var(--vh-u)) 100% no-repeat,
            linear-gradient(180deg, var(--vh-cream), rgba(251, 246, 236, 0)) 0 0 / 100% calc(36 * var(--vh-u)) no-repeat,
            linear-gradient(180deg, rgba(251, 246, 236, 0), var(--vh-cream)) 0 100% / 100% calc(78 * var(--vh-u)) no-repeat;
    }

    .vh-home .vh-places__caption,
.editor-styles-wrapper .vh-places__caption {
        position: absolute;
        z-index: 2;
        top: calc(574 * var(--vh-u));
        left: calc(calc(553 * var(--vh-u)) + var(--vh-x));
        width: calc(382 * var(--vh-u));
        max-width: none;
        margin: 0;
    }

    .vh-home .vh-place,
.editor-styles-wrapper .vh-place {
        position: absolute;
        z-index: 3;
        top: calc(117 * var(--vh-u));
        left: calc(calc(964 * var(--vh-u)) + var(--vh-x));
        width: calc(412 * var(--vh-u));
        height: calc(448 * var(--vh-u));
        max-width: none;
        margin: 0;
        padding: 0;
        border-radius: var(--vh-radius-lg);
        overflow: hidden;
    }

    .vh-home .vh-place__img,
.editor-styles-wrapper .vh-place__img,
.vh-home .vh-place__fav,
.editor-styles-wrapper .vh-place__fav,
.vh-home .vh-place__mini,
.editor-styles-wrapper .vh-place__mini,
.vh-home .vh-place__body,
.editor-styles-wrapper .vh-place__body,
.vh-home .vh-place__cta,
.editor-styles-wrapper .vh-place__cta {
        position: absolute;
        margin: 0;
        padding: 0;
    }

    .vh-home .vh-place__name,
.editor-styles-wrapper .vh-place__name,
.vh-home .vh-place__state,
.editor-styles-wrapper .vh-place__state,
.vh-home .vh-place__desc,
.editor-styles-wrapper .vh-place__desc {
        margin: 0;
        padding: 0;
    }

    .vh-home .vh-place__img,
.editor-styles-wrapper .vh-place__img {
        top: calc(16 * var(--vh-u));
        left: calc(16 * var(--vh-u));
        width: calc(380 * var(--vh-u));
        height: calc(194 * var(--vh-u));
    }

    .vh-home .vh-place__fav,
.editor-styles-wrapper .vh-place__fav {
        top: calc(29 * var(--vh-u));
        left: calc(342 * var(--vh-u));
        right: auto;
    }

    .vh-home .vh-place__fav a,
.editor-styles-wrapper .vh-place__fav a {
        width: calc(40 * var(--vh-u));
        height: calc(40 * var(--vh-u));
        background:
            url("../../img/virasat/fav-icon.svg") center / calc(22 * var(--vh-u)) calc(22 * var(--vh-u)) no-repeat,
            url("../../img/virasat/fav-circle.svg") center / calc(40 * var(--vh-u)) calc(40 * var(--vh-u)) no-repeat;
    }

    .vh-home .vh-place__mini,
.editor-styles-wrapper .vh-place__mini {
        top: calc(229 * var(--vh-u));
        left: calc(16 * var(--vh-u));
        width: calc(110 * var(--vh-u));
        height: calc(146 * var(--vh-u));
        float: none;
    }

    .vh-home .vh-place__body,
.editor-styles-wrapper .vh-place__body {
        top: calc(225 * var(--vh-u));
        left: calc(145 * var(--vh-u));
        width: calc(249 * var(--vh-u));
    }

    .vh-home .vh-place__name,
.editor-styles-wrapper .vh-place__name {
        font-size: calc(22 * var(--vh-u));
        line-height: calc(29 * var(--vh-u));
    }

    .vh-home .vh-place__state,
.editor-styles-wrapper .vh-place__state {
        margin-top: calc(4 * var(--vh-u));
        font-size: calc(14 * var(--vh-u));
        line-height: calc(20 * var(--vh-u));
    }

    .vh-home .vh-place__desc,
.editor-styles-wrapper .vh-place__desc {
        margin-top: calc(10 * var(--vh-u));
        font: var(--vh-font-body-s);
    }

    .vh-home .vh-place__cta,
.editor-styles-wrapper .vh-place__cta {
        top: calc(388 * var(--vh-u));
        left: calc(145 * var(--vh-u));
        clear: none;
    }

    .vh-home .vh-themes,
.editor-styles-wrapper .vh-themes {
        display: contents;
    }

    .vh-home .vh-themes__eyebrow,
.editor-styles-wrapper .vh-themes__eyebrow {
        position: absolute;
        z-index: 2;
        top: calc(610 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(430 * var(--vh-u));
        line-height: calc(16 * var(--vh-u));
    }

    .vh-home .vh-themes__title,
.editor-styles-wrapper .vh-themes__title {
        position: absolute;
        z-index: 2;
        top: calc(638 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(690 * var(--vh-u));
        margin: 0;
        font: var(--vh-font-h3);
    }

    .vh-home .vh-themes__row,
.editor-styles-wrapper .vh-themes__row {
        position: absolute;
        z-index: 2;
        top: calc(702 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(1312 * var(--vh-u));
        height: calc(201 * var(--vh-u));
        margin: 0;
        padding: 0;
        gap: var(--vh-space-16);
        overflow: visible;
    }

    .vh-home .vh-theme,
.editor-styles-wrapper .vh-theme {
        flex: 0 0 calc(150 * var(--vh-u));
        height: calc(201 * var(--vh-u));
    }

    .vh-home .vh-theme__img,
.editor-styles-wrapper .vh-theme__img {
        width: calc(150 * var(--vh-u));
        height: calc(163 * var(--vh-u));
        border-radius: var(--vh-radius-sm);
    }

    .vh-home .vh-theme__label,
.editor-styles-wrapper .vh-theme__label,
.vh-home .vh-theme__label a,
.editor-styles-wrapper .vh-theme__label a {
        font: var(--vh-font-label-14);
    }

    /* -- Saints, gurus and great personalities ------------------------------ */

    .vh-home .vh-saints,
.editor-styles-wrapper .vh-saints {
        height: calc(800 * var(--vh-u));
        padding: 0;
    }

    .vh-home .vh-saints__bg,
.editor-styles-wrapper .vh-saints__bg {
        inset: auto;
        top: 0;
        left: calc(calc(487 * var(--vh-u)) + var(--vh-x));
        right: 0;
        height: calc(429 * var(--vh-u));
    }

    .vh-home .vh-saints__bg::after,
.editor-styles-wrapper .vh-saints__bg::after {
        inset: 0;
        background: none;
    }

    .vh-home .vh-saints::before,
.editor-styles-wrapper .vh-saints::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
            linear-gradient(180deg, rgba(11, 18, 14, 0) 0%, #0b120e 100%) 0 calc(320 * var(--vh-u)) / 100% calc(112 * var(--vh-u)) no-repeat,
            linear-gradient(180deg, rgba(7, 16, 11, 0) 0%, rgba(11, 21, 16, .42) 68%, rgba(11, 20, 16, .96) 100%) 0 calc(226 * var(--vh-u)) / 100% calc(574 * var(--vh-u)) no-repeat,
            linear-gradient(90deg, #09110d 0%, rgba(16, 27, 21, .84) 45%, rgba(19, 34, 27, .12) 80%, rgba(13, 22, 19, .04) 100%) 0 0 / calc(calc(1040 * var(--vh-u)) + var(--vh-x)) calc(450 * var(--vh-u)) no-repeat,
            linear-gradient(90deg, #0b1510 0%, rgba(11, 21, 16, .68) 50%, rgba(11, 21, 16, 0) 100%) calc(calc(422 * var(--vh-u)) + var(--vh-x)) 0 / calc(350 * var(--vh-u)) calc(428 * var(--vh-u)) no-repeat;
    }

    .vh-home .vh-saints__text,
.editor-styles-wrapper .vh-saints__text {
        position: absolute;
        top: calc(80 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(535 * var(--vh-u));
        max-width: none;
        margin: 0;
    }

    .vh-home .vh-saints__text .vh-eyebrow,
.editor-styles-wrapper .vh-saints__text .vh-eyebrow {
        width: calc(470 * var(--vh-u));
    }

    .vh-home .vh-saints__title,
.editor-styles-wrapper .vh-saints__title {
        width: calc(535 * var(--vh-u));
        margin-top: calc(16 * var(--vh-u));
        font: var(--vh-font-h2-light);
    }

    .vh-home .vh-saints__desc,
.editor-styles-wrapper .vh-saints__desc {
        width: calc(508 * var(--vh-u));
        margin: calc(20 * var(--vh-u)) 0 0;
        font: var(--vh-font-body-l);
    }

    .vh-home .vh-saints__cta,
.editor-styles-wrapper .vh-saints__cta {
        margin-top: calc(32 * var(--vh-u));
    }

    .vh-home .vh-saints__row,
.editor-styles-wrapper .vh-saints__row {
        position: absolute;
        top: calc(449 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(1312 * var(--vh-u));
        height: calc(271 * var(--vh-u));
        gap: var(--vh-space-16);
        padding: 0;
        overflow: visible;
    }

    .vh-home .vh-saint,
.editor-styles-wrapper .vh-saint {
        flex: 0 0 calc(205.333 * var(--vh-u));
        width: calc(205.333 * var(--vh-u));
        height: calc(271 * var(--vh-u));
    }

    .vh-home .vh-saint__img,
.editor-styles-wrapper .vh-saint__img {
        width: calc(205.333 * var(--vh-u));
        height: calc(271 * var(--vh-u));
    }

    .vh-home .vh-saint::after,
.editor-styles-wrapper .vh-saint::after {
        top: calc(116.75 * var(--vh-u));
        width: calc(205.333 * var(--vh-u));
        height: calc(153 * var(--vh-u));
    }

    .vh-home .vh-saint__body,
.editor-styles-wrapper .vh-saint__body {
        left: calc(14.75 * var(--vh-u));
        bottom: calc(26.75 * var(--vh-u));
        width: calc(173 * var(--vh-u));
    }

    .vh-home .vh-saint__name,
.editor-styles-wrapper .vh-saint__name {
        font: var(--vh-font-label-16);
    }

    .vh-home .vh-saint__summary,
.editor-styles-wrapper .vh-saint__summary {
        margin-top: calc(4 * var(--vh-u));
        font-size: calc(12 * var(--vh-u));
        line-height: calc(17 * var(--vh-u));
    }

    .vh-home .vh-saint__go a,
.editor-styles-wrapper .vh-saint__go a {
        width: calc(205.333 * var(--vh-u));
        height: calc(271 * var(--vh-u));
    }

    .vh-home .vh-saint__go a::before,
.editor-styles-wrapper .vh-saint__go a::before {
        top: calc(201 * var(--vh-u));
        left: calc(169.333 * var(--vh-u));
    }

    /* -- Latest articles ---------------------------------------------------- */

    .vh-home .vh-articles,
.editor-styles-wrapper .vh-articles {
        height: calc(698 * var(--vh-u));
        padding: 0;
        background-image: radial-gradient(ellipse calc(720 * var(--vh-u)) calc(349 * var(--vh-u)) at 50% calc(349 * var(--vh-u)), rgba(251, 241, 222, 0) 0, rgba(236, 209, 166, .11) 62%, rgba(250, 224, 182, .19) 100%);
    }

    .vh-home .vh-articles::before,
.editor-styles-wrapper .vh-articles::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background:
            url("../../img/virasat/deco-temple-linework.svg") calc(-14 * var(--vh-u)) calc(245 * var(--vh-u)) / calc(147 * var(--vh-u)) calc(265 * var(--vh-u)) no-repeat,
            url("../../img/virasat/deco-lotus-bl.svg") calc(-133 * var(--vh-u)) calc(410 * var(--vh-u)) / calc(385 * var(--vh-u)) calc(270 * var(--vh-u)) no-repeat,
            url("../../img/virasat/deco-lotus-br.svg") calc(calc(1195 * var(--vh-u)) + 2 * var(--vh-x)) calc(420 * var(--vh-u)) / calc(375 * var(--vh-u)) calc(255 * var(--vh-u)) no-repeat,
            url("../../img/virasat/deco-lotus-heading.svg") calc(calc(895 * var(--vh-u)) + var(--vh-x)) calc(104 * var(--vh-u)) / calc(145 * var(--vh-u)) calc(110 * var(--vh-u)) no-repeat;
    }

    .vh-home .vh-articles__head,
.editor-styles-wrapper .vh-articles__head {
        display: contents;
    }

    .vh-home .vh-articles__eyebrow,
.editor-styles-wrapper .vh-articles__eyebrow {
        position: absolute;
        z-index: 2;
        top: calc(80 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(480 * var(--vh-u));
        line-height: calc(16 * var(--vh-u));
    }

    .vh-home .vh-articles__title,
.editor-styles-wrapper .vh-articles__title {
        position: absolute;
        z-index: 2;
        top: calc(112 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(760 * var(--vh-u));
        margin: 0;
        font: var(--vh-font-h2-bold);
    }

    .vh-home .vh-articles__intro,
.editor-styles-wrapper .vh-articles__intro {
        position: absolute;
        z-index: 2;
        top: calc(187 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(820 * var(--vh-u));
        margin: 0;
        font: var(--vh-font-body-l);
    }

    .vh-home .vh-articles__cta,
.editor-styles-wrapper .vh-articles__cta {
        position: absolute;
        z-index: 2;
        top: calc(116 * var(--vh-u));
        right: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        margin: 0;
    }

    .vh-home .vh-articles__row,
.editor-styles-wrapper .vh-articles__row {
        position: absolute;
        z-index: 2;
        top: calc(293 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(1312 * var(--vh-u));
        height: calc(325 * var(--vh-u));
        gap: var(--vh-space-24);
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .vh-home .vh-article,
.editor-styles-wrapper .vh-article {
        flex: 0 0 calc(310 * var(--vh-u));
        width: calc(310 * var(--vh-u));
    }

    .vh-home .vh-article__img,
.editor-styles-wrapper .vh-article__img {
        width: calc(310 * var(--vh-u));
    }

    /* -- Join our community ------------------------------------------------- */

    .vh-home .vh-community,
.editor-styles-wrapper .vh-community {
        height: calc(650 * var(--vh-u));
        padding: 0;
    }

    .vh-home .vh-community__bg::after,
.editor-styles-wrapper .vh-community__bg::after {
        background: none;
    }

    .vh-home .vh-community::before,
.editor-styles-wrapper .vh-community::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
            linear-gradient(90deg, rgba(9, 21, 19, 0) 0%, rgba(9, 21, 19, .89) 23%, rgba(9, 21, 19, .91) 43%, rgba(9, 21, 19, .42) 72%, rgba(9, 21, 19, 0) 100%) calc(calc(347 * var(--vh-u)) + var(--vh-x)) 0 / calc(430 * var(--vh-u)) calc(650 * var(--vh-u)) no-repeat,
            linear-gradient(180deg, rgba(10, 22, 20, 0) 0%, rgba(10, 22, 20, .42) 100%) 0 calc(435 * var(--vh-u)) / 100% calc(215 * var(--vh-u)) no-repeat,
            linear-gradient(90deg, rgba(6, 18, 17, .38) 0%, rgba(6, 18, 17, .12) 49%, rgba(6, 18, 17, 0) 100%);
    }

    .vh-home .vh-community__text,
.editor-styles-wrapper .vh-community__text {
        position: absolute;
        top: calc(177 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(600 * var(--vh-u));
        max-width: none;
        margin: 0;
    }

    .vh-home .vh-community__text .vh-eyebrow,
.editor-styles-wrapper .vh-community__text .vh-eyebrow {
        width: calc(485 * var(--vh-u));
    }

    .vh-home .vh-community__title,
.editor-styles-wrapper .vh-community__title {
        width: calc(571 * var(--vh-u));
        margin: calc(16 * var(--vh-u)) 0 0;
        font: var(--vh-font-h2-light);
    }

    .vh-home .vh-community__desc,
.editor-styles-wrapper .vh-community__desc {
        width: calc(545 * var(--vh-u));
        margin: calc(20 * var(--vh-u)) 0 0;
        font: var(--vh-font-body-l);
    }

    .vh-home .vh-community__cta,
.editor-styles-wrapper .vh-community__cta {
        margin-top: calc(32 * var(--vh-u));
    }

    .vh-home .vh-community__values,
.editor-styles-wrapper .vh-community__values {
        width: calc(500 * var(--vh-u));
        margin: calc(24 * var(--vh-u)) 0 0;
    }

    .vh-home .vh-community__label,
.editor-styles-wrapper .vh-community__label {
        position: absolute;
        top: calc(428 * var(--vh-u));
        left: calc(calc(666 * var(--vh-u)) + var(--vh-x));
        max-width: none;
        margin: 0;
        white-space: nowrap;
    }

    .vh-home .vh-community__label + .vh-community__benefits,
.editor-styles-wrapper .vh-community__label + .vh-community__benefits {
        margin-top: 0;
    }

    .vh-home .vh-community__benefits,
.editor-styles-wrapper .vh-community__benefits {
        position: absolute;
        top: calc(458 * var(--vh-u));
        left: calc(calc(666 * var(--vh-u)) + var(--vh-x));
        flex-wrap: nowrap;
        gap: var(--vh-space-16);
        width: calc(710 * var(--vh-u));
        max-width: none;
        height: calc(112 * var(--vh-u));
        margin: 0;
    }

    .vh-home .vh-benefit,
.editor-styles-wrapper .vh-benefit {
        flex: 0 0 calc(226 * var(--vh-u));
        height: calc(112 * var(--vh-u));
        min-height: 0;
    }

    .vh-home .vh-benefit__text,
.editor-styles-wrapper .vh-benefit__text {
        width: calc(151 * var(--vh-u));
    }

    /* -- Footer ------------------------------------------------------------- */

    .vh-home .vh-footer,
.editor-styles-wrapper .vh-footer {
        height: calc(570 * var(--vh-u));
        padding: 0;
    }

    .vh-home .vh-footer::before,
.editor-styles-wrapper .vh-footer::before {
        inset: 0;
        height: auto;
        background:
            linear-gradient(90deg, #a37a3e, #362b22) 0 0 / 100% 2px no-repeat,
            url("../../img/virasat/footer-mandala.svg") calc(calc(1272 * var(--vh-u)) + 2 * var(--vh-x)) 0 / calc(205 * var(--vh-u)) calc(205 * var(--vh-u)) no-repeat,
            url("../../img/virasat/footer-skyline.svg") calc(calc(955 * var(--vh-u)) + var(--vh-x)) calc(157 * var(--vh-u)) / calc(416 * var(--vh-u)) calc(336 * var(--vh-u)) no-repeat,
            radial-gradient(ellipse calc(455 * var(--vh-u)) calc(250 * var(--vh-u)) at calc(455 * var(--vh-u)) calc(250 * var(--vh-u)), rgba(156, 120, 62, .14), rgba(181, 143, 80, 0)) calc(calc(530 * var(--vh-u)) + var(--vh-x)) calc(15 * var(--vh-u)) / calc(910 * var(--vh-u)) calc(500 * var(--vh-u)) no-repeat;
    }

    .vh-home .vh-footer::after,
.editor-styles-wrapper .vh-footer::after {
        content: "";
        position: absolute;
        top: calc(463 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        z-index: 1;
        width: calc(1312 * var(--vh-u));
        height: 1px;
        background: rgba(177, 143, 89, .48);
    }

    .vh-home .vh-footer__brand,
.editor-styles-wrapper .vh-footer__brand {
        position: absolute;
        top: calc(79 * var(--vh-u));
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(331 * var(--vh-u));
        height: calc(346 * var(--vh-u));
    }

    .vh-home .vh-footer__lockup,
.editor-styles-wrapper .vh-footer__lockup,
.vh-home .vh-footer__names,
.editor-styles-wrapper .vh-footer__names {
        display: contents;
    }

    .vh-home .vh-footer__logo,
.editor-styles-wrapper .vh-footer__logo,
.vh-home .vh-footer__name,
.editor-styles-wrapper .vh-footer__name,
.vh-home .vh-footer__tagline,
.editor-styles-wrapper .vh-footer__tagline,
.vh-home .vh-footer__desc,
.editor-styles-wrapper .vh-footer__desc,
.vh-home .vh-footer__follow,
.editor-styles-wrapper .vh-footer__follow,
.vh-home .vh-footer__social,
.editor-styles-wrapper .vh-footer__social {
        position: absolute;
        margin: 0;
    }

    .vh-home .vh-footer__logo,
.editor-styles-wrapper .vh-footer__logo {
        top: 0;
        left: 0;
    }

    .vh-home .vh-footer__logo img,
.editor-styles-wrapper .vh-footer__logo img {
        width: calc(63 * var(--vh-u));
        height: calc(63 * var(--vh-u));
    }

    .vh-home .vh-footer__name,
.editor-styles-wrapper .vh-footer__name {
        top: calc(5 * var(--vh-u));
        left: calc(78 * var(--vh-u));
        width: calc(252 * var(--vh-u));
    }

    .vh-home .vh-footer__tagline,
.editor-styles-wrapper .vh-footer__tagline {
        top: calc(42 * var(--vh-u));
        left: calc(80 * var(--vh-u));
        width: calc(244 * var(--vh-u));
    }

    .vh-home .vh-footer__desc,
.editor-styles-wrapper .vh-footer__desc {
        top: calc(103 * var(--vh-u));
        left: 0;
        width: calc(330 * var(--vh-u));
    }

    .vh-home .vh-footer__follow,
.editor-styles-wrapper .vh-footer__follow {
        top: calc(199 * var(--vh-u));
        left: 0;
        width: calc(295 * var(--vh-u));
    }

    .vh-home .vh-footer__social,
.editor-styles-wrapper .vh-footer__social {
        top: calc(231 * var(--vh-u));
        left: 0;
        width: calc(269 * var(--vh-u));
        height: calc(43 * var(--vh-u));
        align-items: center;
    }

    .vh-home .vh-footer__col,
.editor-styles-wrapper .vh-footer__col {
        position: absolute;
        top: calc(89 * var(--vh-u));
        height: calc(312 * var(--vh-u));
        margin: 0;
    }

    .vh-home .vh-footer__col--explore,
.editor-styles-wrapper .vh-footer__col--explore {
        left: calc(calc(454 * var(--vh-u)) + var(--vh-x));
        width: calc(148 * var(--vh-u));
    }

    .vh-home .vh-footer__col--discover,
.editor-styles-wrapper .vh-footer__col--discover {
        left: calc(calc(653 * var(--vh-u)) + var(--vh-x));
        width: calc(149 * var(--vh-u));
    }

    .vh-home .vh-footer__col--support,
.editor-styles-wrapper .vh-footer__col--support {
        left: calc(calc(853 * var(--vh-u)) + var(--vh-x));
        width: calc(166 * var(--vh-u));
    }

    .vh-home .vh-footer__donate,
.editor-styles-wrapper .vh-footer__donate {
        position: absolute;
        top: calc(83 * var(--vh-u));
        left: calc(calc(1089 * var(--vh-u)) + var(--vh-x));
        width: calc(287 * var(--vh-u));
        max-width: none;
        height: calc(259 * var(--vh-u));
        margin: 0;
        padding: 0;
    }

    .vh-home .vh-footer__donate::before,
.editor-styles-wrapper .vh-footer__donate::before {
        content: "";
        position: absolute;
        top: calc(-86 * var(--vh-u));
        left: calc(119 * var(--vh-u));
        width: calc(230 * var(--vh-u));
        height: calc(215 * var(--vh-u));
        background: radial-gradient(ellipse calc(115 * var(--vh-u)) calc(107.5 * var(--vh-u)) at calc(115 * var(--vh-u)) calc(107.5 * var(--vh-u)), rgba(244, 168, 72, .24), rgba(227, 164, 69, 0));
    }

    .vh-home .vh-footer__diya,
.editor-styles-wrapper .vh-footer__diya {
        top: calc(22 * var(--vh-u));
        left: calc(204 * var(--vh-u));
        right: auto;
    }

    .vh-home .vh-footer__donate-title,
.editor-styles-wrapper .vh-footer__donate-title {
        position: absolute;
        top: calc(28 * var(--vh-u));
        left: calc(22 * var(--vh-u));
        width: calc(178 * var(--vh-u));
        max-width: none;
    }

    .vh-home .vh-footer__donate-desc,
.editor-styles-wrapper .vh-footer__donate-desc {
        position: absolute;
        top: calc(104 * var(--vh-u));
        left: calc(22 * var(--vh-u));
        width: calc(248 * var(--vh-u));
        margin: 0;
    }

    .vh-home .vh-footer__donate-cta,
.editor-styles-wrapper .vh-footer__donate-cta {
        position: absolute;
        top: calc(191 * var(--vh-u));
        left: calc(20 * var(--vh-u));
        margin: 0;
    }

    .vh-home .vh-footer__donate-cta .wp-block-button__link,
.editor-styles-wrapper .vh-footer__donate-cta .wp-block-button__link {
        width: calc(247 * var(--vh-u));
    }

    .vh-home .vh-footer__bottom,
.editor-styles-wrapper .vh-footer__bottom {
        display: contents;
    }

    .vh-home .vh-footer__lotus,
.editor-styles-wrapper .vh-footer__lotus {
        position: absolute;
        top: calc(448 * var(--vh-u));
        left: calc(calc(703 * var(--vh-u)) + var(--vh-x));
        z-index: 2;
        margin: 0;
    }

    .vh-home .vh-footer__copy,
.editor-styles-wrapper .vh-footer__copy,
.vh-home .vh-footer__motto,
.editor-styles-wrapper .vh-footer__motto {
        position: absolute;
        top: calc(488 * var(--vh-u));
        margin: 0;
    }

    .vh-home .vh-footer__copy,
.editor-styles-wrapper .vh-footer__copy {
        left: calc(calc(64 * var(--vh-u)) + var(--vh-x));
        width: calc(444 * var(--vh-u));
        text-align: left;
    }

    .vh-home .vh-footer__motto,
.editor-styles-wrapper .vh-footer__motto {
        left: calc(calc(828 * var(--vh-u)) + var(--vh-x));
        width: calc(548 * var(--vh-u));
        text-align: right;
    }

    .vh-home .vh-dot,
.editor-styles-wrapper .vh-dot {
        margin: 0 calc(5 * var(--vh-u));
    }
}


/* ==========================================================================
   TABLET (768 - 1199px)
   The base rules above are the phone layout: one narrow centred column. On a tablet
   that wasted most of the screen and gave every section a different left edge, so here
   all sections share a 40px gutter and a 640px text column, and the wide blocks
   (purpose, places, articles, community) use the width.
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1199px) {
    .vh-home .vh-purpose,
.editor-styles-wrapper .vh-purpose,
.vh-home .vh-stories,
.editor-styles-wrapper .vh-stories,
.vh-home .vh-places,
.editor-styles-wrapper .vh-places,
.vh-home .vh-saints,
.editor-styles-wrapper .vh-saints,
.vh-home .vh-articles,
.editor-styles-wrapper .vh-articles,
.vh-home .vh-community,
.editor-styles-wrapper .vh-community,
.vh-home .vh-footer,
.editor-styles-wrapper .vh-footer {
        padding-right: 40px;
        padding-left: 40px;
    }

    .vh-home .vh-purpose__text,
.editor-styles-wrapper .vh-purpose__text,
.vh-home .vh-stories__text,
.editor-styles-wrapper .vh-stories__text,
.vh-home .vh-places__intro,
.editor-styles-wrapper .vh-places__intro,
.vh-home .vh-saints__text,
.editor-styles-wrapper .vh-saints__text,
.vh-home .vh-community__text,
.editor-styles-wrapper .vh-community__text {
        max-width: 640px;
        margin-right: 0;
        margin-left: 0;
    }

    /* Purpose: text left, artwork right. */
    .vh-home .vh-purpose,
.editor-styles-wrapper .vh-purpose {
        display: grid;
        grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
        column-gap: 40px;
        align-items: center;
    }

    .vh-home .vh-purpose__art,
.editor-styles-wrapper .vh-purpose__art {
        margin-top: 0;
    }

    /* Places: intro on top, map on the left, place card on the right. */
    .vh-home .vh-places,
.editor-styles-wrapper .vh-places {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 40px;
        align-items: start;
    }

    .vh-home .vh-places > *,
.editor-styles-wrapper .vh-places > * {
        grid-column: 1 / -1;
    }

    .vh-home .vh-places > .vh-places__map,
.editor-styles-wrapper .vh-places > .vh-places__map {
        grid-column: 1;
        grid-row: 2;
        max-width: none;
        margin: 24px 0 0;
    }

    .vh-home .vh-places > .vh-places__caption,
.editor-styles-wrapper .vh-places > .vh-places__caption {
        grid-column: 1;
        grid-row: 3;
        max-width: none;
        margin: 8px 0 0;
    }

    .vh-home .vh-places > .vh-place,
.editor-styles-wrapper .vh-places > .vh-place {
        grid-column: 2;
        grid-row: 2 / span 2;
        align-self: center;
        max-width: none;
        margin: 24px 0 0;
    }

    /* Articles: a grid instead of a sideways scroller. */
    .vh-home .vh-articles__row,
.editor-styles-wrapper .vh-articles__row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .vh-home .vh-article,
.editor-styles-wrapper .vh-article {
        width: auto;
    }

    .vh-home .vh-article__title,
.editor-styles-wrapper .vh-article__title {
        width: calc(100% - 34px);
    }

    /* Community: the three benefits side by side. */
    .vh-home .vh-community__label,
.editor-styles-wrapper .vh-community__label,
.vh-home .vh-community__benefits,
.editor-styles-wrapper .vh-community__benefits {
        max-width: none;
        margin-right: 0;
        margin-left: 0;
    }

    /* Footer: brand on top, the three link columns side by side, donate card below. */
    .vh-home .vh-footer,
.editor-styles-wrapper .vh-footer {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 32px;
    }

    .vh-home .vh-footer > .vh-footer__brand,
.editor-styles-wrapper .vh-footer > .vh-footer__brand,
.vh-home .vh-footer > .vh-footer__donate,
.editor-styles-wrapper .vh-footer > .vh-footer__donate,
.vh-home .vh-footer > .vh-footer__bottom,
.editor-styles-wrapper .vh-footer > .vh-footer__bottom {
        grid-column: 1 / -1;
    }

    .vh-home .vh-footer > .vh-footer__donate,
.editor-styles-wrapper .vh-footer > .vh-footer__donate {
        max-width: 420px;
    }
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .vh-home .vh-articles__row,
.editor-styles-wrapper .vh-articles__row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Phone + tablet: WordPress lays the place card out as a flex column, which ignores the
   thumbnail's float. Plain block flow lets the text wrap beside the thumbnail again. */
@media (max-width: 1199px) {
    .vh-home .vh-place,
.editor-styles-wrapper .vh-place {
        display: block;
    }
}

/* -- Block editor canvas only ---------------------------------------------- */

/* Core's `html :where(.wp-block) { max-width: 840px }` would squeeze full-bleed images
   and sections. :where() keeps this at low specificity so the theme's own max-widths win. */
.editor-styles-wrapper :where([class*="vh-"].wp-block) {
    max-width: none;
}

/* The canvas background is dark (same as the front end), so the page title must be light. */
.editor-styles-wrapper .editor-post-title__block,
.editor-styles-wrapper .editor-post-title__input {
    color: var(--vh-on-dark-head);
}