/* V67: four native entry cards, mobile first. */

/* Stage V69 – a calm frame-free, backend-fed training bridge. */
body.home .reference-home--de .ananda-training-bridge{max-width:1080px;width:calc(100% - 32px);margin:15px auto 62px;background:transparent;border:0;padding:0;box-shadow:none}
body.home .reference-home--de .ananda-training-bridge__link{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:clamp(14px,3vw,42px);background:none;border:0;box-shadow:none;color:#674c40;text-decoration:none}
body.home .reference-home--de .ananda-training-bridge__photo{display:block;aspect-ratio:1.55;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 42%,rgba(0,0,0,.83) 67%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 42%,rgba(0,0,0,.83) 67%,transparent 100%)}
body.home .reference-home--de .ananda-training-bridge__photo :is(img,picture,figure){display:block;width:100%;height:100%;margin:0}
body.home .reference-home--de .ananda-training-bridge__photo img{object-fit:cover;object-position:center 40%;opacity:.93;filter:brightness(1.13) contrast(.92) saturate(.86)}
body.home .reference-home--de .ananda-training-bridge__copy{display:grid;justify-items:start;gap:10px;min-width:0;padding:12px 3px}
body.home .reference-home--de .ananda-training-bridge__eyebrow{font:600 10px/1.6 system-ui,sans-serif;letter-spacing:.17em;color:#a0785d}
body.home .reference-home--de .ananda-training-bridge__ornament{color:#bc926d;font:25px/1 Georgia,serif}
body.home .reference-home--de .ananda-training-bridge h2{font:400 clamp(31px,4vw,49px)/1.14 Georgia,serif!important;letter-spacing:-.02em;color:#935e49!important;text-transform:none!important;margin:0!important}
body.home .reference-home--de .ananda-training-bridge__subtitle{color:#895d49;font:600 clamp(14px,1.6vw,17px)/1.4 system-ui,sans-serif}
body.home .reference-home--de .ananda-training-bridge__text{color:#665145;font:400 clamp(14px,1.5vw,16px)/1.7 system-ui,sans-serif;max-width:46ch}
body.home .reference-home--de .ananda-training-bridge__more{color:#a06546;font:600 14px/1.5 system-ui,sans-serif;border-bottom:1px solid #c5a287;padding:6px 0 4px}
body.home .reference-home--de .ananda-training-bridge__link:focus-visible{outline:3px solid #bd8865;outline-offset:7px}
body.home .reference-home--de .ananda-training-bridge__link:is(:hover,:focus-visible) .ananda-training-bridge__more{color:#793f2b;border-color:#793f2b}
@media(max-width:700px){body.home .reference-home--de .ananda-training-bridge{margin:0 auto 46px}body.home .reference-home--de .ananda-training-bridge__link{grid-template-columns:1fr;gap:0}body.home .reference-home--de .ananda-training-bridge__photo{aspect-ratio:1.7}body.home .reference-home--de .ananda-training-bridge__copy{justify-items:center;text-align:center;padding:8px 12px}body.home .reference-home--de .ananda-training-bridge h2{font-size:clamp(30px,8vw,42px)!important}}

body.home #site-content.reference-home--de > .ref-welcome {
    display: block;
    width: min(930px, calc(100% - 32px));
    margin: 0 auto;
    padding: 24px 0 22px;
}
body.home #site-content.reference-home--de .ananda-homepage-managed__mobile-lead { display: none; }
body.home #site-content.reference-home--de > .ananda-home-entrypoints {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto 28px;
    padding: 0;
}
body.home .reference-home--de .ananda-home-entrypoints__card {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    min-width: 0;
    min-height: 192px;
    padding: 18px 13px 16px;
    overflow: hidden;
    border: 1px solid rgba(251, 232, 174, .65);
    border-radius: 34px 36px 26px 34px;
    background: #b46b3d;
    box-shadow: 0 6px 20px rgba(131, 80, 33, .24);
    color: #fffdf3;
    text-decoration: none;
}
.ananda-home-entrypoints__media,
.ananda-home-entrypoints__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.ananda-home-entrypoints__media { z-index: -2; pointer-events: none; }
.ananda-home-entrypoints__media img { object-fit: cover; object-position: center; }
.ananda-home-entrypoints__card::after {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 12% 0 0;
    background: linear-gradient(0deg, rgba(82, 35, 20, .97), rgba(113, 53, 29, .78) 48%, transparent);
    pointer-events: none;
}
.ananda-home-entrypoints__card--teachers::after,
.ananda-home-entrypoints__card--travels::after {
    background: linear-gradient(0deg, rgba(47, 65, 31, .97), rgba(79, 93, 55, .80) 48%, transparent);
}
.ananda-home-entrypoints__copy { position: relative; display: grid; gap: 7px; min-width: 0; }
.ananda-home-entrypoints__copy strong {
    display: block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(20px, 5.1vw, 28px);
    font-weight: 400;
    line-height: 1.08;
    text-wrap: balance;
    color: inherit;
    text-shadow: 0 1px 5px rgba(40, 23, 12, .4);
}
.ananda-home-entrypoints__copy small { display: block; font-size: 12px; line-height: 1.35; color: inherit; }
body.home .reference-home--de .ananda-home-entrypoints__card:hover { color: #fffdf3; text-decoration: none; }
.ananda-home-entrypoints__card:focus-visible { outline: 3px solid #753a26; outline-offset: 4px; }
@media (min-width: 900px) {
    body.home #site-content.reference-home--de > .ananda-home-entrypoints { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-bottom: 40px; }
    body.home .reference-home--de .ananda-home-entrypoints__card { min-height: 260px; padding: 24px 20px; }
}

/* R03/R04 refinement – softer contrast, reliable touch target and clear focus. */
body.home .reference-home--de .ananda-home-entrypoints__card { min-height: 200px; }
body.home .reference-home--de .ananda-home-entrypoints__card::after {
  background: linear-gradient(0deg,rgba(70,42,30,.84),rgba(100,66,49,.47) 55%,transparent 100%);
}
body.home .reference-home--de .ananda-home-entrypoints__card--teachers::after,
body.home .reference-home--de .ananda-home-entrypoints__card--travels::after {
  background: linear-gradient(0deg,rgba(43,65,45,.86),rgba(79,100,77,.44) 55%,transparent 100%);
}
body.home .reference-home--de .ananda-home-entrypoints__card:focus-visible,
body.home .reference-home--de .ananda-training-bridge__link:focus-visible {
  outline:3px solid #9c5e3a;outline-offset:4px
}
@media(max-width:490px){
  body.home .reference-home--de .ananda-home-entrypoints__card{min-height:180px}
  body.home .reference-home--de .ananda-home-entrypoints__copy strong{font-size:clamp(16px,4.5vw,20px)}
  body.home .reference-home--de .ananda-training-bridge__more{display:inline-block;min-height:44px;padding-top:12px}
}

/* R02 V67 – continuous warm landscape, 2026-10-28.
 * Presentation only; existing WordPress text, media, links and visibility remain native.
 */
body.home #site-content.reference-home--de {
    --ananda-v67-ink: #563722;
    --ananda-v67-heading: #854627;
    background:
        radial-gradient(ellipse 85% 900px at 100% 1050px, rgba(115, 133, 64, .17), transparent 75%),
        linear-gradient(180deg, #e8b76f 0, #eac889 1500px, #ecd39a 3300px, #e6cc91 100%);
    color: var(--ananda-v67-ink);
}
body.home #site-content.reference-home--de > .ref-hero {
    background: #e8b76f;
    border-radius: 0;
}
body.home #site-content.reference-home--de > .ref-hero::after {
    height: clamp(70px, 13vw, 160px);
    background: linear-gradient(to bottom, rgba(232, 183, 111, 0), #e8b76f);
}
body.home #site-content.reference-home--de > .ref-welcome {
    width: min(930px, calc(100% - 40px));
    padding: clamp(24px, 3vw, 42px) 0 26px;
    background: transparent;
    color: var(--ananda-v67-ink);
}
body.home #site-content.reference-home--de > .ref-welcome h1 {
    max-width: 25ch;
    margin-inline: auto;
    font: italic 400 clamp(30px, 5vw, 48px)/1.17 Georgia, "Times New Roman", serif;
    letter-spacing: -.025em;
    color: var(--ananda-v67-heading);
    text-wrap: balance;
}
body.home #site-content.reference-home--de > .ananda-home-entrypoints {
    gap: clamp(12px, 1.5vw, 18px);
    margin-bottom: clamp(28px, 4vw, 48px);
}
body.home .reference-home--de .ananda-home-entrypoints__card {
    border-color: rgba(255, 235, 184, .8);
    border-radius: 24px;
    box-shadow: 0 6px 18px rgba(101, 57, 24, .22);
}
body.home .reference-home--de .ananda-home-entrypoints__copy strong {
    font-weight: 400;
    line-height: 1.13;
    letter-spacing: -.015em;
}
body.home #site-content.reference-home--de > .ananda-training-bridge {
    position: relative;
    margin-bottom: clamp(38px, 5vw, 68px);
    background: transparent;
    border: 0;
    box-shadow: none;
}
body.home .reference-home--de .ananda-training-bridge__link {
    color: var(--ananda-v67-ink);
}
body.home .reference-home--de .ananda-training-bridge__eyebrow {
    color: #73513a;
}
body.home .reference-home--de .ananda-training-bridge__copy {
    gap: 12px;
}
body.home .reference-home--de .ananda-training-bridge h2 {
    color: var(--ananda-v67-heading) !important;
    line-height: 1.12;
}
body.home .reference-home--de .ananda-training-bridge__text {
    color: #563e2c;
    line-height: 1.7;
}
body.home .reference-home--de .ananda-training-bridge__subtitle {
    color: #67442e;
}
body.home .reference-home--de .ananda-training-bridge__more {
    color: #7e3e24;
    border-color: #946645;
}
@media (max-width: 700px) {
    body.home #site-content.reference-home--de > .ref-welcome {
        padding-top: 16px;
        padding-bottom: 24px;
    }
    body.home #site-content.reference-home--de > .ananda-training-bridge {
        width: calc(100% - 28px);
        margin-top: 10px;
    }
    body.home .reference-home--de .ananda-training-bridge__copy {
        padding: 8px 8px 20px;
    }
}

/* R03 V67 – blend the experience photo and the existing dynamic highlights. */
body.home .reference-home--de .ananda-training-bridge__photo {
    -webkit-mask-image: radial-gradient(ellipse 56% 65% at 50% 50%, #000 38%, rgba(0,0,0,.88) 62%, transparent 100%);
    mask-image: radial-gradient(ellipse 56% 65% at 50% 50%, #000 38%, rgba(0,0,0,.88) 62%, transparent 100%);
}
body.home #site-content.reference-home--de .ananda-homepage-managed__section--highlight {
    background: linear-gradient(180deg, transparent, rgba(255,238,197,.44) 18%, rgba(255,238,197,.3) 82%, transparent);
    padding-block: clamp(24px, 4vw, 48px);
    margin-block: 0;
}
body.home #site-content.reference-home--de .ananda-homepage-highlight-gallery > h2 {
    color: #854627;
    font: italic 400 clamp(30px, 3.4vw, 42px)/1.16 Georgia, "Times New Roman", serif;
    letter-spacing: -.02em;
    margin-bottom: 26px;
}
body.home #site-content.reference-home--de .ananda-highlight-card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #563722;
}
body.home #site-content.reference-home--de .ananda-highlight-card__image {
    overflow: hidden;
    border-radius: 22px;
}
body.home #site-content.reference-home--de .ananda-highlight-card .ananda-desktop-home-feed__card-copy {
    background: transparent;
    padding: 18px 4px 22px;
}
body.home #site-content.reference-home--de .ananda-highlight-card .ananda-home-gallery-title {
    color: #854627;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
    line-height: 1.2;
}
body.home #site-content.reference-home--de .ananda-highlight-card:focus-visible {
    outline: 3px solid #854627;
    outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
    body.home #site-content.reference-home--de .ananda-highlight-card {
        transition: none;
    }
}

/* R04 V67 – one continuous landscape around the native homepage sections. */
body.home #site-content.reference-home--de .ananda-homepage-managed > .ananda-homepage-managed__section:not(.ananda-homepage-managed__section--highlight) {
    background: radial-gradient(ellipse 90% 70% at 12% 45%, rgba(255, 235, 191, .22), transparent 75%);
    margin-block: 0;
}
body.home #site-content.reference-home--de .ananda-homepage-managed__desktop > .ananda-desktop-home-feed__section,
body.home #site-content.reference-home--de .ananda-homepage-managed__mobile > .ananda-mobile-home-feed__section {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
body.home #site-content.reference-home--de .ananda-desktop-home-feed__section-head h3,
body.home #site-content.reference-home--de .ananda-mobile-home-feed__intro h2,
body.home #site-content.reference-home--de .ananda-homepage-moments__header h2 {
    color: #854627;
    font: italic 400 clamp(32px, 4vw, 44px)/1.16 Georgia, "Times New Roman", serif;
    letter-spacing: -.025em;
    text-wrap: balance;
}
body.home #site-content.reference-home--de .ananda-desktop-home-feed__section-head,
body.home #site-content.reference-home--de .ananda-mobile-home-feed__intro {
    color: #563722;
}
@media (max-width: 700px) {
    body.home #site-content.reference-home--de .ananda-mobile-home-feed__intro h2 {
        max-width: 19ch;
        font-size: clamp(32px, 9vw, 39px);
        line-height: 1.15;
    }
}

/* R05 V67 – photos and native captions share the warm page, without white boxes. */
body.home #site-content.reference-home--de .ananda-homepage-managed :is(.ananda-desktop-home-feed__rail, .ananda-mobile-home-feed__rail) > :is(.ananda-desktop-home-feed__card, .ananda-mobile-home-feed__card, .ananda-home-teacher-card),
body.home #site-content.reference-home--de .ananda-homepage-managed .ananda-home-teacher-card > .ananda-home-select-card {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #563722;
}
body.home #site-content.reference-home--de .ananda-homepage-managed .ananda-home-select-card {
    display: flex;
    flex-direction: column;
    text-align: left;
}
body.home #site-content.reference-home--de .ananda-homepage-managed :is(.ananda-desktop-home-feed__card, .ananda-mobile-home-feed__card) > :is(.ananda-desktop-home-feed__media, .ananda-mobile-home-feed__media) {
    order: -1;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(180, 130, 73, .18), rgba(250, 226, 179, .4));
}
body.home #site-content.reference-home--de .ananda-homepage-managed :is(.ananda-desktop-home-feed__card, .ananda-mobile-home-feed__card) > .ananda-home-gallery-title {
    min-height: 0;
    padding: 18px 4px 8px;
    color: #854627;
    font: 400 clamp(23px, 2.2vw, 27px)/1.18 Georgia, "Times New Roman", serif;
    letter-spacing: -.015em;
    text-wrap: balance;
}
body.home #site-content.reference-home--de .ananda-homepage-managed :is(.ananda-desktop-home-feed__card, .ananda-mobile-home-feed__card) > :is(.ananda-desktop-home-feed__card-copy, .ananda-mobile-home-feed__copy) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 4px 22px;
    color: #563e2c;
    background: transparent;
    line-height: 1.6;
}
body.home #site-content.reference-home--de .ananda-homepage-managed .ananda-teacher-card-actions {
    border-top: 1px solid rgba(133, 70, 39, .18);
    padding: 14px 4px 18px;
}
body.home #site-content.reference-home--de .ananda-homepage-managed :is(.ananda-desktop-home-feed__card, .ananda-mobile-home-feed__card):focus-visible {
    outline: 3px solid #854627;
    outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
    body.home #site-content.reference-home--de .ananda-homepage-managed :is(.ananda-desktop-home-feed__card, .ananda-mobile-home-feed__card) {
        transition: none;
        transform: none;
    }
}

/* R06 V67 – the desktop travel notice scrolls with the hero, clear of gallery controls. */
@media (min-width: 1024px) {
    body.home .ananda-fixed-rail {
        position: absolute;
        inset: 0 0 auto auto;
    }
    body.home .ananda-fixed-rail > .ananda-event-floater {
        position: absolute;
        top: clamp(116px, 14vw, 180px);
        right: max(70px, calc(var(--ananda-layout-inset, 24px) + 32px));
        bottom: auto;
        left: auto;
    }
    body.home .ananda-fixed-rail > .ananda-social-stack {
        position: fixed;
        right: max(4px, calc(var(--ananda-layout-inset, 24px) - 50px));
        bottom: max(8px, env(safe-area-inset-bottom));
    }
}

/* R07 V67 – a warm header and outer canvas around the existing homepage. */
body.home {
    background: #efcf95;
}
body.home #site-header.reference-header {
    background: linear-gradient(110deg, #fff0ce, #f6dca8);
    border-bottom: 1px solid rgba(133, 70, 39, .12);
    box-shadow: 0 4px 18px rgba(119, 55, 24, .06);
}
body.home #site-header .reference-logo__image {
    mix-blend-mode: multiply;
}
body.home #site-header .reference-nav__list > li > a {
    color: #724026;
}

/* R08 V67 – keyboard focus stays clearly visible against the gold canvas. */
body.home #site-content.reference-home--de .ananda-home-entrypoints__card:focus-visible,
body.home #site-content.reference-home--de .ananda-training-bridge__link:focus-visible {
    outline: 3px solid #753a26;
    outline-offset: 4px;
    box-shadow: 0 0 0 7px rgba(255, 244, 218, .9);
    transition: none;
}

/* R09 V67 – the native history gallery sits in the warm landscape, without a white box. */
body.home #site-content.reference-home--de .ananda-homepage-history.ref-room {
    padding-block: clamp(28px, 4vw, 48px);
}
body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel {
    padding-block: 24px;
}
body.home #site-content.reference-home--de .ananda-homepage-history :is(.room-carousel__viewport, .room-carousel__slide) {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__track {
    align-items: flex-start;
}
body.home #site-content.reference-home--de .ananda-homepage-history.ref-room .room-carousel__slide > img {
    height: clamp(220px, 45vw, 480px);
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(180, 130, 73, .18), rgba(250, 226, 179, .4));
    box-shadow: none;
}
body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__caption {
    color: #563e2c;
    line-height: 1.6;
    background: transparent;
}
body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__caption strong {
    color: #854627;
    font: 400 clamp(20px, 2.2vw, 26px)/1.2 Georgia, "Times New Roman", serif;
}
body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__nav {
    top: clamp(110px, 22.5vw, 240px);
    bottom: auto;
    transform: translateY(-50%);
}
body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__button {
    background: #854627;
    color: #fff8e9;
    border-color: #fff0ce;
}
body.home #site-content.reference-home--de .ananda-homepage-history :is(.room-carousel__button, .room-carousel__dot, .room-carousel__track):focus-visible {
    outline: 3px solid #753a26;
    outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
    body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__button {
        transition: none;
        transform: none;
    }
}

/* R10 V67 – the existing everyday photos and videos become part of the warm page. */
body.home #site-content.reference-home--de .ananda-homepage-moments {
    padding-block: clamp(32px, 4vw, 56px);
    color: #563722;
}
body.home #site-content.reference-home--de .ananda-homepage-moments__inner {
    width: min(1120px, calc(100% - 40px));
}
body.home #site-content.reference-home--de .ananda-homepage-moments__intro {
    margin-bottom: clamp(24px, 3vw, 32px);
}
body.home #site-content.reference-home--de .ananda-homepage-moments__eyebrow {
    color: #854627;
    font-size: 11px;
    letter-spacing: .16em;
}
body.home #site-content.reference-home--de .ananda-homepage-moments__intro h2 {
    color: #854627;
    font: italic 400 clamp(32px, 4vw, 44px)/1.16 Georgia, "Times New Roman", serif;
    letter-spacing: -.025em;
}
body.home #site-content.reference-home--de .ananda-homepage-moments__group {
    margin-bottom: clamp(32px, 4vw, 52px);
}
body.home #site-content.reference-home--de .ananda-homepage-moments__group:last-child {
    margin-bottom: 0;
}
body.home #site-content.reference-home--de .ananda-homepage-moments__group-header {
    gap: 24px;
    margin-bottom: 20px;
    padding-top: 0;
    border: 0;
}
body.home #site-content.reference-home--de .ananda-homepage-moments__group-header h3 {
    color: #854627;
    font: 400 clamp(26px, 2.8vw, 34px)/1.18 Georgia, "Times New Roman", serif;
}
body.home #site-content.reference-home--de .ananda-homepage-moments__group-description {
    color: #563e2c;
    line-height: 1.6;
}
body.home #site-content.reference-home--de .ananda-homepage-moments__item {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
body.home #site-content.reference-home--de .ananda-homepage-moments__item > .ananda-homepage-moments__media {
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(180, 130, 73, .18), rgba(250, 226, 179, .4));
}
body.home #site-content.reference-home--de .ananda-homepage-moments__media > video {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    background: #382719;
}
body.home #site-content.reference-home--de .ananda-homepage-moments__item figcaption {
    padding: 14px 4px 18px;
    color: #563e2c;
    line-height: 1.55;
}
@media (max-width: 700px) {
    body.home #site-content.reference-home--de .ananda-homepage-moments__inner {
        width: calc(100% - 32px);
    }
    body.home #site-content.reference-home--de .ananda-homepage-moments__group-header {
        gap: 8px;
    }
}

/* R11 V67 – a flowing close, with the existing contact form kept fully native. */
body.home #site-content.reference-home--de > .ref-quote--home-compact.wp-block-quote {
    margin: 0;
    padding: clamp(28px, 4vw, 48px) 20px;
    border: 0;
    background: linear-gradient(180deg, transparent, rgba(255, 238, 197, .25) 50%, transparent);
    color: #854627;
}
body.home #site-content.reference-home--de > .ref-quote--home-compact.wp-block-quote p {
    max-width: 38ch;
    margin: 0 auto 14px;
    color: #854627;
    font: italic 400 clamp(23px, 2.8vw, 32px)/1.35 Georgia, "Times New Roman", serif;
}
body.home #site-content.reference-home--de > .ref-quote--home-compact.wp-block-quote cite {
    color: #67442e;
    font: 600 11px/1.5 system-ui, sans-serif;
    letter-spacing: .12em;
}
body.home #site-content.reference-home--de > .ref-contact {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    margin: 0;
    padding: clamp(32px, 4vw, 56px) clamp(20px, 4.5vw, 60px);
    background: radial-gradient(ellipse at 85% 50%, rgba(255, 242, 212, .45), transparent 75%);
    color: #563722;
}
body.home #site-content.reference-home--de .ref-contact :is(.ref-contact__details, .ref-contact__form) {
    min-width: 0;
    margin-block: 0;
}
body.home #site-content.reference-home--de .ref-contact__details h2 {
    color: #854627;
    font: italic 400 clamp(32px, 4vw, 44px)/1.16 Georgia, "Times New Roman", serif;
    letter-spacing: -.025em;
}
body.home #site-content.reference-home--de .ref-contact__details p {
    color: #563722;
    line-height: 1.65;
}
body.home #site-content.reference-home--de .ref-contact .ref-contact__form {
    grid-template-columns: minmax(0, 1fr);
    color: #563722;
}
body.home #site-content.reference-home--de .ref-contact__form :is(input[type="text"]:not([name="website"]), input[type="email"], select, textarea) {
    min-width: 0;
    max-width: 100%;
    color: #563722;
    background: #fff4dc;
    border: 1px solid #9b704a;
    border-radius: 12px;
}
body.home #site-content.reference-home--de .ref-contact__form :is(input[type="text"]:not([name="website"]), input[type="email"], select, textarea):focus-visible {
    outline: 3px solid #753a26;
    outline-offset: 2px;
}
body.home #site-content.reference-home--de .ref-contact__form button {
    min-height: 44px;
    border-radius: 999px;
    background: #9f4b2b;
    color: #fff8e9;
}
body.home #site-content.reference-home--de .ref-contact__form button:focus-visible {
    outline: 3px solid #753a26;
    outline-offset: 4px;
}
@media (min-width: 900px) {
    body.home #site-content.reference-home--de > .ref-contact:has(> .ref-contact__details) {
        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
        align-items: start;
        gap: clamp(28px, 4vw, 56px);
    }
    body.home #site-content.reference-home--de .ref-contact .ref-contact__form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.home #site-content.reference-home--de .ref-contact__form :is(label:has(input[name="name"]), label:has(input[name="email"])) {
        grid-column: auto;
    }
}
body.home #site-footer.reference-footer {
    color: #563722;
    background: #e4c487;
    border-top: 1px solid rgba(133, 70, 39, .14);
}
body.home #site-footer.reference-footer :is(a, strong, span) {
    color: #563722;
}
body.home #site-footer.reference-footer .reference-footer__copy {
    color: #67442e;
    opacity: 1;
}
body.home #site-footer.reference-footer a:focus-visible {
    outline: 3px solid #753a26;
    outline-offset: 4px;
}

/* R12 V67 – the mobile feed wrapper must not cover the continuous gold canvas. */
@media (max-width: 700px) {
    body.home #site-content.reference-home--de > .ananda-homepage-managed {
        background: transparent;
    }
}

/* R13 V67 – keep the native experience bridge in the mobile document flow.
 * The legacy mobile whitelist predates this backend-fed section.
 */
@media (max-width: 700px) {
    body.home #site-content.reference-home--de > .ananda-training-bridge {
        display: block;
    }
}

/* R14 V67 – wrap the native history selectors instead of clipping 21 dots.
 * Keep the small visual markers with a larger, separated hit area.
 */
@media (max-width: 900px) {
    body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__footer {
        flex-direction: column;
        gap: 12px;
    }
    body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__dots {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
        min-width: 0;
        max-width: 100%;
    }
    body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__dot {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        border: 6px solid transparent;
        background-clip: padding-box;
    }
}

/* R15 V67 – one section rhythm instead of nested highlight spacers.
 * Preserve the warm outer transition and every native highlight.
 */
body.home #site-content.reference-home--de .ananda-homepage-managed__section--highlight > .ananda-homepage-highlight-gallery {
    margin-block: 0;
    padding-block: 0;
}
body.home #site-content.reference-home--de .ananda-homepage-highlight-gallery > h2 {
    margin-top: 0;
}

/* R16 V67 – active history captions determine the height where supported.
 * Native scroll snapping identifies the slide; unsupported browsers retain
 * all existing captions and their original layout. No controller replacement.
 */
@media screen {
    @supports (container-type: scroll-state) {
        body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__slide {
            container-type: scroll-state;
            container-name: ananda-history-slide;
        }
        @container ananda-history-slide not scroll-state(snapped: inline) {
            body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__caption {
                display: none;
            }
        }
    }
}

/* R17 V67 – mobile captions no longer reserve space for photo arrows. */
@media (max-width: 700px) {
    body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__caption {
        padding-inline: 16px;
    }
}

/* R18 V67 – readable native history controls on the warm gold canvas. */
body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__hint {
    color: #67442e;
}
body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__dot {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #854627;
}
body.home #site-content.reference-home--de .ananda-homepage-history .room-carousel__dot:is(.is-active, [aria-selected="true"]) {
    background-color: #854627;
    box-shadow: none;
}

/* R19 V67 – the four native entry titles retain the reference's mobile scale.
 * Minimum heights allow longer WordPress labels to grow without clipping.
 */
@media (max-width: 700px) {
    body.home .reference-home--de .ananda-home-entrypoints__card {
        min-height: 186px;
        padding: 12px 12px 14px;
        border-radius: 22px;
    }
    body.home .reference-home--de .ananda-home-entrypoints__copy strong {
        font-size: 22px;
        line-height: 1.08;
        overflow-wrap: anywhere;
        hyphens: auto;
    }
}
@media (max-width: 380px) {
    body.home .reference-home--de .ananda-home-entrypoints__card {
        min-height: 171px;
    }
    body.home .reference-home--de .ananda-home-entrypoints__copy strong {
        font-size: 20px;
    }
}

/* R20 V67 – welcome typography; the wording remains the native page content. */
@media (max-width: 700px) {
    body.home #site-content.reference-home--de > .ref-welcome h1 {
        margin: 4px auto 6px;
        font: italic 400 38px/1.04 Georgia, "Times New Roman", serif;
        letter-spacing: normal;
        color: #753a26;
    }
}
@media (max-width: 340px) {
    body.home #site-content.reference-home--de > .ref-welcome h1 {
        font-size: 34px;
    }
}

/* R22 V67 – retain readable native label breaks above the mobile breakpoint. */
@media (min-width: 701px) {
    body.home .reference-home--de .ananda-home-entrypoints__copy strong {
        overflow-wrap: anywhere;
        hyphens: auto;
    }
}


/* V67 follow-up 2026-10-31: original welcome copy, editable in page 76.
 * Complement existing heading/card styles without changing native data or media.
 */
body.home #site-content.reference-home--de > .ref-welcome .ref-welcome__eyebrow {
    margin: 0 auto 6px;
    padding: 0 8px;
    color: #8d4d2a;
    text-align: center;
    font: 800 11px/1.45 system-ui, sans-serif;
    letter-spacing: .16em;
    text-wrap: balance;
}
body.home #site-content.reference-home--de > .ref-welcome .ref-welcome__intro {
    width: min(390px, 100%);
    margin: 8px auto 14px;
    padding: 0 8px;
    color: #563722;
    text-align: center;
    font: 400 14px/1.5 system-ui, sans-serif;
    text-wrap: pretty;
}
@media (max-width: 700px) {
    body.home #site-content.reference-home--de > .ref-welcome .ref-welcome__eyebrow {
        font-size: 10px;
        letter-spacing: .13em;
    }
    body.home #site-content.reference-home--de > .ref-welcome .ref-welcome__intro {
        font-size: 14px;
        line-height: 1.52;
    }
}


/* ANANDA MODERN — Stage visual release 2026-11-11
   Presentation only: existing backend-rendered courses, trips, teachers,
   highlights, specials and education stay the single source of truth.
   The scenery lives in WordPress Media (attachment 1042). When a background
   video is ready, it can replace the fixed scenic layer without touching cards. */

body.home {
  --modern-ink: #632c1e;
  --modern-milk: rgba(255, 245, 229, .34);
  --modern-edge: rgba(255, 255, 255, .52);
  --modern-shadow: rgba(94, 59, 38, .11);
  background-color: #eacba9 !important;
  background-image: url('https://anandayoga-zwickau.de/wp-content/uploads/2026/11/ananda-modern-einstieg-erstes-bild.jpg') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  color: #422c24;
}
body.home #site-content.reference-home,
body.home #site-content.reference-home--de,
body.home #site-content.reference-home > .ananda-homepage-managed {
  background: transparent !important;
  box-shadow: none !important;
}

/* Give the landscape generous air at the sides instead of opaque full-bleed bands. */
body.home #site-content.reference-home {
  position: relative;
  isolation: isolate;
  width: min(930px, calc(100% - 48px));
  max-width: 930px;
  margin: 0 auto !important;
  padding: 0 0 48px !important;
  overflow: visible;
}
body.home #site-header.reference-header {
  position: relative;
  z-index: 30;
  width: min(930px, calc(100% - 48px));
  max-width: 930px;
  margin: 10px auto 8px;
  overflow: visible;
  border: 1px solid var(--modern-edge) !important;
  border-radius: 25px;
  background: rgba(255, 245, 232, .46) !important;
  -webkit-backdrop-filter: blur(16px) saturate(125%);
  backdrop-filter: blur(16px) saturate(125%);
  box-shadow: 0 8px 28px var(--modern-shadow) !important;
}
body.home #site-header .reference-header__inner {
  min-height: 58px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding-inline: clamp(12px, 2vw, 28px) !important;
}
body.home #site-header .reference-logo__image {
  filter: brightness(0) saturate(100%) invert(22%) sepia(35%) saturate(1371%) hue-rotate(330deg) brightness(92%);
}
body.home #site-header :is(.reference-nav, .reference-mobile) { background-color: transparent; }
body.home #site-header :is(a,button):focus-visible,
body.home #site-content :is(a,button):focus-visible {
  outline: 3px solid #873d23;
  outline-offset: 3px;
}

/* Compact original hero + editable WordPress welcome, as in the provided mockup. */
body.home #site-content.reference-home > .ref-hero {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: clamp(158px, 18vw, 206px) !important;
  aspect-ratio: auto !important;
  margin: 0 auto 10px !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 22px !important;
  background: rgba(255, 249, 236, .2) !important;
  box-shadow: 0 9px 30px var(--modern-shadow);
}
body.home #site-content.reference-home > .ref-hero::after { display: none !important; }
body.home #site-content.reference-home > .ref-hero img {
  width: 100%; height: 100%; object-fit: cover; object-position: center 56%;
}
body.home #site-content.reference-home > .ref-welcome {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 10px !important;
  padding: 8px clamp(12px,3vw,22px) 12px !important;
  border: 0 !important;
  border-radius: 18px;
  background: rgba(255, 245, 228, .16) !important;
  text-align: center;
}
body.home #site-content.reference-home > .ref-welcome h1 {
  max-width: none !important;
  margin: 1px auto 6px !important;
  color: #74311d !important;
  font: normal 500 clamp(27px, 3.1vw, 40px)/1.14 Georgia, 'Times New Roman', serif !important;
  letter-spacing: -.025em;
}
body.home #site-content.reference-home > .ref-welcome .ref-welcome__eyebrow {
  color: #7c3e28; font-size: 10px; letter-spacing: .11em;
}
body.home #site-content.reference-home > .ref-welcome .ref-welcome__intro {
  width: min(680px,100%) !important;
  margin: 4px auto 2px;
  color: #50372e; font-size: clamp(12px,1.2vw,14px); line-height: 1.5;
}
body.home #site-content.reference-home .ananda-homepage-managed__mobile-lead {display:none !important;}

/* One lightweight, translucent section surface — no giant covering panels. */
body.home #site-content.reference-home > .ananda-homepage-managed {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.home #site-content.reference-home .ananda-homepage-managed > .ananda-homepage-managed__section {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 0 9px !important;
  padding: 14px clamp(12px,2vw,22px) 16px !important;
  overflow: hidden;
  border: 1px solid var(--modern-edge) !important;
  border-radius: 21px;
  background: var(--modern-milk) !important;
  -webkit-backdrop-filter: blur(15px) saturate(112%);
  backdrop-filter: blur(15px) saturate(112%);
  box-shadow: 0 7px 24px rgba(104,68,42,.07) !important;
}
body.home #site-content.reference-home .ananda-homepage-managed__desktop,
body.home #site-content.reference-home .ananda-homepage-managed__mobile,
body.home #site-content.reference-home .ananda-homepage-managed__desktop > .ananda-desktop-home-feed__section,
body.home #site-content.reference-home .ananda-homepage-managed__mobile > .ananda-mobile-home-feed__section,
body.home #site-content.reference-home .ananda-homepage-highlight-gallery,
body.home #site-content.reference-home .ananda-homepage-moments,
body.home #site-content.reference-home .ananda-homepage-history {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.home #site-content.reference-home .ananda-desktop-home-feed__section,
body.home #site-content.reference-home .ananda-mobile-home-feed__section {
  gap: 12px !important;
}
body.home #site-content.reference-home :is(.ananda-desktop-home-feed__intro h2,.ananda-mobile-home-feed__intro h2,.ananda-homepage-highlight-gallery > h2) {
  margin: 0 0 8px !important;
  color: var(--modern-ink) !important;
  font: normal 500 clamp(23px,2.2vw,31px)/1.15 Georgia,'Times New Roman',serif !important;
  letter-spacing: -.02em;
  text-transform: none;
}
body.home #site-content.reference-home :is(.ananda-desktop-home-feed__intro,.ananda-mobile-home-feed__intro) {
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}
body.home #site-content.reference-home :is(.ananda-desktop-home-feed__rail-wrap,.ananda-desktop-home-feed__rail,.ananda-mobile-home-feed__rail) {
  max-width: 100%;
  margin-top: 0;
  background: transparent !important;
}
body.home #site-content.reference-home [data-home-gallery] :is(.ananda-desktop-home-feed__card,.ananda-mobile-home-feed__card,.ananda-home-teacher-card) {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.48) !important;
  border-radius: 14px !important;
  background: rgba(255,247,233,.31) !important;
  box-shadow: 0 4px 14px rgba(86,53,29,.06) !important;
  color: #462d25 !important;
}
body.home #site-content.reference-home [data-home-gallery] :is(.ananda-desktop-home-feed__card-copy,.ananda-mobile-home-feed__copy) {
  background: transparent !important;
  color: #473127 !important;
}
body.home #site-content.reference-home :is(.ananda-desktop-home-feed__media,.ananda-mobile-home-feed__media) {
  border-radius: 12px 12px 4px 4px !important;
  overflow: hidden;
}
body.home #site-content.reference-home :is(.ananda-home-gallery-title,.ananda-highlight-card .ananda-home-gallery-title) {
  min-height: 0 !important;
  color: #672d1d !important;
  font-size: clamp(17px,1.7vw,22px) !important;
  line-height: 1.2 !important;
}
body.home #site-content.reference-home :is(.ananda-desktop-home-feed__card-copy em,.ananda-home-detail-toggle) {
  background: #913e20 !important;
  color: #fff7e8 !important;
  border-radius: 99px;
}
body.home #site-content.reference-home .ananda-homepage-highlight-gallery .ananda-highlight-card {
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  background: rgba(255,247,230,.28) !important;
}
body.home #site-content.reference-home .ananda-homepage-managed__section .ananda-course-matrix,
body.home #site-content.reference-home .ananda-home-course-calendar,
body.home #site-content.reference-home .ananda-homepage-managed__section .ananda-course-matrix__results {
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep the four entry cards, experience bridge, quote, and contact readable but airy. */
body.home #site-content.reference-home > .ananda-home-entrypoints {
  width: 100% !important;
  max-width: 100% !important;
  margin: 14px auto 18px !important;
}
body.home #site-content.reference-home .ananda-home-entrypoints__card {
  border-radius: 18px !important;
  box-shadow: 0 5px 18px rgba(77,48,35,.11) !important;
}
body.home #site-content.reference-home > .ananda-training-bridge,
body.home #site-content.reference-home > .ref-quote--home-compact,
body.home #site-content.reference-home > .ref-contact {
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px auto !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 20px;
  background: rgba(255,246,231,.29) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 6px 23px rgba(91,58,38,.07) !important;
}
body.home #site-content.reference-home > .ananda-training-bridge {padding: 12px !important;}
body.home #site-content.reference-home > .ref-quote--home-compact {padding: clamp(22px,3vw,38px) !important;}
body.home #site-content.reference-home > .ref-contact {padding: clamp(22px,3vw,38px) !important;}
body.home #site-content.reference-home .ref-contact__form :is(input,select,textarea) {
  background: rgba(255,255,255,.65) !important;
}
body.home #site-footer.reference-footer {
  background: rgba(65, 41, 28, .77) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

@media (max-width: 700px) {
  body.home {
    /* The supplied landscape stays fixed while the page scrolls. On a tall
       viewport we favour the sun/right-hand hills over a tiny full image. */
    background-position: 72% center !important;
    background-attachment: scroll !important;
  }
  body.home #site-header.reference-header,
  body.home #site-content.reference-home {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
  }
  body.home #site-header.reference-header {margin: 9px auto 12px; border-radius: 23px;}
  body.home #site-header .reference-header__inner {min-height: 64px !important; padding-inline: 14px !important;}
  body.home #site-content.reference-home > .ref-hero {
    height: clamp(142px, 35vw, 192px) !important;
    margin-bottom: 11px !important;
    border-radius: 22px !important;
  }
  body.home #site-content.reference-home > .ref-welcome {
    padding: 7px 6px 17px !important;
    margin-bottom: 8px !important;
  }
  body.home #site-content.reference-home > .ref-welcome h1 {
    font-size: clamp(27px,7vw,37px) !important;
    line-height: 1.12 !important;
  }
  body.home #site-content.reference-home .ananda-homepage-managed > .ananda-homepage-managed__section {
    margin-bottom: 10px !important;
    padding: 11px 11px 13px !important;
    border-radius: 22px !important;
  }
  body.home #site-content.reference-home .ananda-mobile-home-feed__section {
    display: block;
    min-height: 0 !important;
    padding: 0 !important;
  }
  body.home #site-content.reference-home .ananda-mobile-home-feed__intro h2,
  body.home #site-content.reference-home .ananda-homepage-highlight-gallery > h2 {
    font-size: clamp(23px,6.4vw,31px) !important;
    margin: 0 0 8px !important;
  }
  body.home #site-content.reference-home .ananda-mobile-home-feed__rail {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 3px 1px 12px !important;
    gap: 10px !important;
  }
  body.home #site-content.reference-home .ananda-mobile-home-feed__card {
    flex: 0 0 min(88%,400px) !important;
    min-height: 0 !important;
    border-radius: 15px !important;
  }
  body.home #site-content.reference-home :is(.ananda-mobile-home-feed__copy,.ananda-desktop-home-feed__card-copy) {
    padding: 12px !important;
  }
  body.home #site-content.reference-home .ananda-homepage-highlight-gallery .ananda-highlight-card {
    min-height: 0 !important;
  }
  body.home #site-content.reference-home > .ananda-home-entrypoints {gap: 10px; margin-block: 10px 18px !important;}
  body.home #site-content.reference-home .ananda-home-entrypoints__card {min-height: 154px;}
  body.home #site-content.reference-home .ananda-training-bridge__link {grid-template-columns: 1fr;}
  body.home #site-content.reference-home > .ref-contact {grid-template-columns: 1fr;}
}

/* Motion safety: later looped video should honor the same preference. */
@media (prefers-reduced-motion: reduce) {
  body.home {background-attachment: scroll !important;}
  body.home #site-content.reference-home :is(.ananda-desktop-home-feed__card,.ananda-mobile-home-feed__card) {transition:none !important;}
}

/* Mobile scenery keeps viewport proportions instead of scaling to document height. */
@media (max-width:700px) {
  body.home {
    background-attachment: fixed !important;
    background-position: right center !important;
  }
}


/* MODERN 20261111 R2 – first impression and true two-level transparency.
   The existing WP-rendered hero, sections and item links remain unchanged. */

/* One calm screen before the current hero: no overlay panel and no duplicate content. */
body.home #site-content.reference-home > .ananda-modern-first-impression {
  display: flex !important;
  position: relative;
  width: 100%;
  min-height: max(450px, calc(100svh - 108px));
  padding: 28px 16px 64px;
  margin: 0 !important;
  justify-content: center;
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  scroll-snap-align: start;
}
body.home #site-content.reference-home .ananda-modern-first-impression__mark {
  width: min(370px, 74%);
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  place-items: center;
}
body.home #site-content.reference-home .ananda-modern-first-impression__logo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 170px;
  object-fit: contain;
  filter: drop-shadow(0 3px 16px rgba(255,247,226,.48));
}
body.home #site-content.reference-home .ananda-modern-first-impression__logo--theme {
  filter: brightness(0) saturate(100%) invert(23%) sepia(36%) saturate(1130%) hue-rotate(334deg) drop-shadow(0 3px 12px rgba(255,247,231,.35));
}

/* Parent panels: about 12% cream opacity, very little blur.
   Avoid the pale yellow #f7efc5 background inherited from the gallery system. */
body.home #site-content.reference-home {
  --modern-milk: rgba(255,247,232,.10) !important;
  --modern-item-milk: rgba(255,249,240,.74);
  --ananda-gallery-color-0: rgba(255,246,226,.12) !important;
  --ananda-gallery-color-1: rgba(255,246,226,.10) !important;
}
body.home #site-content.reference-home .ananda-homepage-managed > .ananda-homepage-managed__section,
body.home #site-content.reference-home [data-homepage-section][data-gallery-tone],
body.home #site-content.reference-home .ananda-homepage-managed__section--highlight {
  background: rgba(255,247,232,.10) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(2px) saturate(110%) !important;
  backdrop-filter: blur(2px) saturate(110%) !important;
  border-color: rgba(255,255,255,.36) !important;
  box-shadow: 0 5px 15px rgba(92,58,38,.035) !important;
}

/* The nested rails are clear: the glass belongs to cards, not their wrappers. */
body.home #site-content.reference-home :is(
  .ananda-homepage-highlight-gallery,
  .ananda-desktop-home-feed__section,
  .ananda-mobile-home-feed__section,
  .ananda-desktop-home-feed__rail,
  .ananda-mobile-home-feed__rail,
  .ananda-homepage-managed__desktop,
  .ananda-homepage-managed__mobile
) {
  background: transparent !important;
  background-image: none !important;
}

/* Child items/cards: around 71% opaque warm milk glass.
   This is deliberately much more opaque than the parent for legible text. */
body.home #site-content.reference-home .ananda-homepage-managed__section [data-home-gallery] :is(
  .ananda-desktop-home-feed__card,
  .ananda-mobile-home-feed__card,
  .ananda-home-teacher-card,
  .ananda-home-archive-card
),
body.home #site-content.reference-home .ananda-homepage-highlight-gallery [data-home-rail] > .ananda-highlight-card,
body.home #site-content.reference-home .ananda-homepage-managed__section .ananda-home-select-card {
  background: var(--modern-item-milk) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
  border: 1px solid rgba(255,255,255,.57) !important;
  box-shadow: 0 3px 15px rgba(82,53,36,.09) !important;
  color: #432820 !important;
}
body.home #site-content.reference-home .ananda-homepage-highlight-gallery [data-home-rail] > .ananda-highlight-card {
  background: var(--modern-item-milk) !important;
}
body.home #site-content.reference-home .ananda-homepage-managed__section [data-home-gallery] :is(
  .ananda-desktop-home-feed__card-copy,
  .ananda-mobile-home-feed__copy
),
body.home #site-content.reference-home .ananda-highlight-card > .ananda-desktop-home-feed__card-copy,
body.home #site-content.reference-home .ananda-home-gallery-title {
  background: transparent !important;
  background-image: none !important;
  color: #4b2c24 !important;
}
body.home #site-content.reference-home .ananda-homepage-managed__section [data-home-gallery] :is(
  .ananda-desktop-home-feed__media,
  .ananda-mobile-home-feed__media
) {
  background: rgba(255,248,235,.16) !important;
}
body.home #site-content.reference-home .ananda-homepage-managed__section :is(
  .ananda-offer-card--home-matrix,
  .ananda-course-matrix__groups,
  .ananda-course-matrix__days button,
  .ananda-course-matrix__time-filters button
) {
  background-color: rgba(255,249,240,.74) !important;
  color: #4b2c24;
}
body.home #site-content.reference-home > :is(.ref-quote--home-compact, .ref-contact, .ananda-training-bridge) {
  background: rgba(255,247,232,.15) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  backdrop-filter: blur(3px) !important;
}

@media (max-width: 700px) {
  body.home #site-content.reference-home > .ananda-modern-first-impression {
    min-height: max(360px, calc(100svh - 96px));
    padding: 20px 14px 76px;
  }
  body.home #site-content.reference-home .ananda-modern-first-impression__mark {
    width: min(260px, 70%);
  }
  body.home #site-content.reference-home .ananda-modern-first-impression__logo {
    max-height: 132px;
  }
}

/* Modern Stage: calm video entrance; poster remains visible until playback. */
body.home #site-content.reference-home > .ananda-modern-first-impression {
  min-height: 100svh !important;
  padding: 24px 16px 100px !important;
}
body.home #site-content.reference-home .ananda-modern-scene {
  position: fixed; inset: 0; z-index: -1; overflow: hidden;
  background: #eacba9; pointer-events: none;
}
body.home #site-content.reference-home .ananda-modern-scene__poster,
body.home #site-content.reference-home .ananda-modern-scene__video {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%;
  max-width: none; max-height: none; object-fit: cover; object-position: center;
}
body.home #site-content.reference-home .ananda-modern-scene__video {
  opacity: 0; transition: opacity .35s ease;
}
body.home #site-content.reference-home .ananda-modern-scene.is-playing .ananda-modern-scene__video { opacity: 1; }
body.home #site-content.reference-home .ananda-modern-first-impression__mark {
  width: min(610px, 100%); display: flex; align-items: center; justify-content: center;
  gap: 18px; margin: 0 auto;
}
body.home #site-content.reference-home .ananda-modern-first-impression__logo {
  display: block; width: min(440px, calc(100% - 84px)); max-height: 180px;
  height: auto; object-fit: contain; filter: none !important;
  border-radius: 18px; box-shadow: 0 8px 30px rgba(70,38,24,.14);
  animation: ananda-modern-logo-in 5s ease-out both;
}
@keyframes ananda-modern-logo-in { from { opacity: 0; } to { opacity: 1; } }
body.home #site-content.reference-home .ananda-modern-sound {
  position: relative; display: inline-flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 4px; flex: 0 0 82px; min-width: 82px; min-height: 82px;
  margin: 0; padding: 9px 6px; border: 2px solid #fff8e9; border-radius: 50%;
  background: #8c381e; color: #fff; font: 700 11px/1.15 Arial,sans-serif;
  text-align: center; box-shadow: 0 0 0 7px rgba(255,245,218,.4), 0 8px 24px rgba(64,25,13,.3);
  cursor: pointer; animation: ananda-modern-sound-pulse 2.4s ease-in-out infinite;
}
body.home #site-content.reference-home .ananda-modern-sound[hidden] { display: none; }
body.home #site-content.reference-home .ananda-modern-sound__icon { display: block; width: 29px; height: 29px; fill: currentColor; }
body.home #site-content.reference-home .ananda-modern-sound__label { max-width: 70px; }
body.home #site-content.reference-home .ananda-modern-sound.is-sound-on { animation: none; }
body.home #site-content.reference-home .ananda-modern-sound:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
@keyframes ananda-modern-sound-pulse { 0%,100% { box-shadow: 0 0 0 5px rgba(255,245,218,.35),0 8px 24px rgba(64,25,13,.3); } 50% { box-shadow: 0 0 0 12px rgba(255,245,218,.55),0 8px 24px rgba(64,25,13,.3); } }
body.home.ananda-modern-intro-visible .ananda-fixed-rail,
body.home.ananda-modern-intro-visible .ananda-event-floater,
body.home.ananda-modern-intro-visible .ananda-social-stack {
  visibility: hidden !important; pointer-events: none !important;
}
@media(max-width:700px) {
  body.home #site-content.reference-home .ananda-modern-first-impression__mark { gap: 12px; }
  body.home #site-content.reference-home .ananda-modern-first-impression__logo { width: min(300px, calc(100% - 78px)); }
  body.home #site-content.reference-home .ananda-modern-sound { flex-basis: 70px; min-width: 70px; min-height: 70px; font-size: 10px; }
}
@media(prefers-reduced-motion:reduce) {
  body.home #site-content.reference-home .ananda-modern-first-impression__logo,
  body.home #site-content.reference-home .ananda-modern-sound { animation: none; }
  body.home #site-content.reference-home .ananda-modern-scene__video { transition: none; }
}

/* Modern: translucent homepage surfaces in the portrait phone layout. */
@media (max-width: 700px) and (orientation: portrait) {
  body.home #site-content.reference-home--de > .ref-welcome,
  body.home #site-content.reference-home--de .ananda-homepage-managed > .ananda-homepage-managed__section {
    background: rgba(255,247,232,.16) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(2px) saturate(110%) !important;
    backdrop-filter: blur(2px) saturate(110%) !important;
    border-color: rgba(255,255,255,.4) !important;
  }
  body.home #site-content.reference-home--de .ananda-homepage-managed :is(
    .ananda-homepage-managed__mobile,
    .ananda-mobile-home-feed__section,
    .ananda-mobile-home-feed__rail,
    .ananda-homepage-highlight-gallery,
    .ananda-home-teacher-card,
    .ananda-course-matrix,
    .ananda-course-matrix__results
  ) {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
  body.home #site-content.reference-home--de .ananda-homepage-managed :is(
    .ananda-mobile-home-feed__card,
    .ananda-home-select-card,
    .ananda-home-archive-card,
    .ananda-highlight-card,
    .ananda-offer-card--home-matrix,
    .ananda-course-matrix__groups
  ) {
    background: rgba(255,249,240,.58) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(4px) !important;
    backdrop-filter: blur(4px) !important;
    border-color: rgba(255,255,255,.55) !important;
    color: #3e291f !important;
  }
  body.home #site-content.reference-home--de .ananda-homepage-managed :is(
    .ananda-mobile-home-feed__copy,
    .ananda-desktop-home-feed__card-copy
  ) { background: transparent !important; color: #3e291f !important; }
  body.home #site-content.reference-home--de > :is(.ananda-training-bridge,.ref-quote--home-compact,.ref-contact) {
    background: rgba(255,247,232,.20) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(3px) !important;
    backdrop-filter: blur(3px) !important;
  }
}