/* =========================================================
   EVENTKOI — MOBILE TICKET LAYOUT
   ========================================================= */

@media (max-width: 768px) {

    .eventkoi-front [data-ek-ticket-id] > .grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .eventkoi-front [data-ek-ticket-id] > .grid > div:last-child {
        min-width: 0 !important;
        width: 100% !important;
        align-items: flex-start !important;
    }
}


/* =========================================================
   EVENTKOI — MOBILE PURCHASE DIALOG
   ========================================================= */

@media (max-width: 768px) {

    .eventkoi-front[role="dialog"] {
        max-height: calc(100dvh - 24px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        padding-top: 10px !important;
        padding-bottom: 18px !important;
    }

    /* Ticket title */
    .eventkoi-front [data-ek-ticket-id] h3,
    .eventkoi-front [data-ek-ticket-id] .font-semibold {
        line-height: 1.3 !important;
    }

    /* Ticket description and terms */
    .eventkoi-front [data-ek-ticket-id] p {
        line-height: 1.6 !important;
    }

    /* Quantity area */
    .eventkoi-front [data-ek-ticket-id] > .grid > div:last-child {
        margin-top: 4px !important;
    }

    /* Agreements / registration section */
    .eventkoi-front label {
        line-height: 1.55 !important;
    }

    /* Order summary */
    .eventkoi-front .border-t {
        margin-top: 10px !important;
    }
}


/* =========================================================
   EVENTKOI — MOBILE ORDER SUMMARY
   ========================================================= */

@media (max-width: 768px) {

    .eventkoi-front .border-t.bg-muted\/30 {
        display: block !important;
    }

    .eventkoi-front .border-t.bg-muted\/30 > * {
        width: 100% !important;
        max-width: none !important;
    }

    .eventkoi-front .border-t.bg-muted\/30 button {
        width: 100% !important;
        margin-top: 12px !important;
    }

    .eventkoi-front .border-t.border-border.bg-muted\/30 > .grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .eventkoi-front .border-t.border-border.bg-muted\/30 > .grid > div:last-child {
        width: 100% !important;
        align-items: stretch !important;
    }

    .eventkoi-front .border-t.border-border.bg-muted\/30 button {
        width: 100% !important;
    }
}


/* =========================================================
   WOOCOMMERCE — HIDE MINI CART + ACCOUNT ICON
   ========================================================= */

.wc-block-mini-cart {
    display: none !important;
}

.wc-block-customer-account,
.wc-block-customer-account__link,
.wc-block-customer-account__visual,
.wc-block-customer-account__account-icon,
.wc-block-customer-account__avatar,
.wc-block-customer-account img.avatar,
.wc-block-customer-account img {
    display: none !important;
}


/* =========================================================
   HOMEPAGE BANNER — POSITION
   ========================================================= */

.home-banner {
    margin-top: -75px !important;
}


/* =========================================================
   COGNITIVE LOVE LAB — SOMATIC SCROLL: ARRIVE
   ========================================================= */

.home-banner {
    opacity: 0;
    transform: scale(1.01);
    animation: somatic-arrive 2.2s ease-out forwards;
}

@keyframes somatic-arrive {

    from {
        opacity: 0;
        transform: scale(1.01);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {

    .home-banner {
        opacity: 1;
        transform: none;
        animation: none;
    }
}


/* =========================================================
   COGNITIVE LOVE LAB — SOMATIC PORTALS: APPROACH
   ========================================================= */

.somatic-portal {
    transition:
        transform 0.45s ease,
        filter 0.45s ease,
        box-shadow 0.45s ease;

    transform: translateY(0) scale(1);
}

.somatic-portal:hover {
    transform: translateY(-6px) scale(1.02);
    filter: brightness(1.03);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

@media (prefers-reduced-motion: reduce) {

    .somatic-portal {
        transition: none;
    }

    .somatic-portal:hover {
        transform: none;
    }
}


/* =========================================================
   COGNITIVE LOVE LAB — SOMATIC SCROLL: NOTICE
   ========================================================= */

.somatic-notice {
    transition:
        letter-spacing 0.9s ease,
        opacity 0.9s ease;

    opacity: 0.88;
}

.somatic-notice:hover {
    letter-spacing: 0.045em;
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {

    .somatic-notice {
        transition: none;
        opacity: 1;
    }

    .somatic-notice:hover {
        letter-spacing: normal;
    }
}


/* =========================================================
   COGNITIVE LOVE LAB — SOMATIC SCROLL: CHOOSE
   ========================================================= */

.somatic-choose a {
    display: inline-block;
    transition: transform 0.55s ease;
}

.somatic-choose a:hover {
    transform: translateX(8px);
}

@media (prefers-reduced-motion: reduce) {

    .somatic-choose a {
        transition: none;
    }

    .somatic-choose a:hover {
        transform: none;
    }
}
/* =========================================================
   COGNITIVE LOVE LAB — CINEMATIC THRESHOLD
   ========================================================= */

.somatic-threshold {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    min-height: 90vh;
    overflow: hidden;
    background: #f7f3eb;
}

/* Break the image out of Gutenberg's inner content width */

.somatic-threshold > .somatic-threshold-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    margin: 0 !important;
}

.somatic-threshold > .somatic-threshold-image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

/* Main threshold statement */

.somatic-threshold-title {
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translate(-50%, -50%);
    width: min(88%, 1200px);
    margin: 0 !important;
    text-align: center;
    color: #fff;
    font-size: clamp(2.2rem, 4vw, 4.5rem);
    line-height: 1.08;
    letter-spacing: 0.045em;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42);
    z-index: 2;
}

/* Quiet second thought */

.somatic-threshold-subtitle {
    position: absolute;
    left: 50%;
    top: 58%;
    transform: translateX(-50%);
    width: min(84%, 850px);
    margin: 0 !important;
    text-align: center;
    color: #fff;
    font-size: clamp(1.1rem, 1.7vw, 1.55rem);
    line-height: 1.5;
    font-style: italic;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
    z-index: 2;
}


/* MOBILE */

@media (max-width: 768px) {

    .somatic-threshold {
        min-height: 78vh;
    }

    .somatic-threshold-title {
        top: 40%;
        width: 88%;
        font-size: clamp(2rem, 9vw, 3rem);
        line-height: 1.12;
    }

    .somatic-threshold-subtitle {
        top: 61%;
        width: 82%;
        font-size: 1.05rem;
    }
}


/* ACCESSIBILITY — REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .somatic-threshold,
    .somatic-threshold-image,
    .somatic-threshold-title,
    .somatic-threshold-subtitle {
        animation: none !important;
        transition: none !important;
    }
}
/* =========================================================
   COGNITIVE LOVE LAB — CINEMATIC CURIOSITY
   ========================================================= */

.somatic-curiosity {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    min-height: 90vh;
    overflow: hidden;
    background: #1f1a12;
}

/* Make the Curiosity artwork fill the cinematic stage */

.somatic-curiosity > .somatic-curiosity-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    margin: 0 !important;
}

.somatic-curiosity > .somatic-curiosity-image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}


/* MOBILE */

@media (max-width: 768px) {

    .somatic-curiosity {
        min-height: 78vh;
    }

    .somatic-curiosity > .somatic-curiosity-image img {
        object-position: center;
    }
}


/* ACCESSIBILITY — REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .somatic-curiosity,
    .somatic-curiosity-image {
        animation: none !important;
        transition: none !important;
    }
}
/* =========================================================
   COGNITIVE LOVE LAB — CINEMATIC ATTUNEMENT
   ========================================================= */

.somatic-attunement {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    min-height: 90vh;
    overflow: hidden;
    background: #18302d;
}

/* Make the Attunement artwork fill the cinematic stage */

.somatic-attunement > .somatic-attunement-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    margin: 0 !important;
}

.somatic-attunement > .somatic-attunement-image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}


/* MOBILE */

@media (max-width: 768px) {

    .somatic-attunement {
        min-height: 78vh;
    }

    .somatic-attunement > .somatic-attunement-image img {
        object-position: center;
    }
}


/* ACCESSIBILITY — REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .somatic-attunement,
    .somatic-attunement-image {
        animation: none !important;
        transition: none !important;
    }
}
/* =========================================================
   COGNITIVE LOVE LAB — CINEMATIC OXYGEN
   ========================================================= */

.somatic-oxygen {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    min-height: 90vh;
    overflow: hidden;
    background: #dfe9eb;
}

/* Make the Oxygen artwork fill the cinematic stage */

.somatic-oxygen > .somatic-oxygen-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    margin: 0 !important;
}

.somatic-oxygen > .somatic-oxygen-image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}


/* MOBILE */

@media (max-width: 768px) {

    .somatic-oxygen {
        min-height: 78vh;
    }

    .somatic-oxygen > .somatic-oxygen-image img {
        object-position: center;
    }
}


/* ACCESSIBILITY — REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .somatic-oxygen,
    .somatic-oxygen-image {
        animation: none !important;
        transition: none !important;
    }
}
/* =========================================================
   COGNITIVE LOVE LAB — CINEMATIC PLAY / SUNLIGHT
   CINEMATIC HOLD
   ========================================================= */

.somatic-play {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;

    /*
     * The extra height creates the cinematic pause.
     * The image itself remains pinned for part of the scroll.
     */
   min-height: 118vh;

    overflow: visible;
    background: #d9a44a;
}


/* ---------------------------------------------------------
   THE CINEMATIC FRAME
   --------------------------------------------------------- */

.somatic-play > .somatic-play-image {
    position: sticky;
    top: 0;

    width: 100% !important;
    max-width: none !important;
    height: 100vh;

    margin: 0 !important;
    overflow: hidden;
}


/* ---------------------------------------------------------
   THE IMAGE
   --------------------------------------------------------- */

.somatic-play > .somatic-play-image img {
    display: block;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;

    /*
     * Tiny enlargement prevents any edge exposure
     * and gives the frame a subtle cinematic fullness.
     */
    transform: none;
}


/* =========================================================
   MOBILE — KEEP THE EXPERIENCE SIMPLE + NATURAL
   ========================================================= */

@media (max-width: 768px) {

    .somatic-play {
        min-height: 78vh;
        overflow: hidden;
    }

    .somatic-play > .somatic-play-image {
        position: absolute;
        inset: 0;

        width: 100% !important;
        height: 100%;
    }

    .somatic-play > .somatic-play-image img {
        object-position: center;
        transform: none;
    }
}


/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .somatic-play {
        min-height: 90vh;
        overflow: hidden;
    }

    .somatic-play > .somatic-play-image {
        position: absolute;
        inset: 0;
        height: 100%;
    }

    .somatic-play > .somatic-play-image img {
        transform: none;
    }
}

/* =========================================================
   COGNITIVE LOVE LAB — CINEMATIC LIFE FORCE
   ========================================================= */

.somatic-lifeforce {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    min-height: 90vh;
    overflow: hidden;
    background: #5a2d24;
}

/* Make the Life Force artwork fill the cinematic stage */

.somatic-lifeforce > .somatic-lifeforce-image {
    position: absolute;
    inset: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    margin: 0 !important;
}

.somatic-lifeforce > .somatic-lifeforce-image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}


/* MOBILE */

@media (max-width: 768px) {

    .somatic-lifeforce {
        min-height: 78vh;
    }

    .somatic-lifeforce > .somatic-lifeforce-image img {
        object-position: center;
    }
}


/* ACCESSIBILITY — REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .somatic-lifeforce,
    .somatic-lifeforce-image {
        animation: none !important;
        transition: none !important;
    }
}
/* =========================================================
   COGNITIVE LOVE LAB — LIVING ECOLOGY FILM
   ONE FRAME / SEVEN WORLDS
   ========================================================= */

.somatic-film {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;

    height: 90vh;
    min-height: 650px;

    overflow: hidden;
    background: #1c241f;
}


/* ALL SEVEN IMAGES OCCUPY THE SAME FRAME */

.somatic-film > .somatic-film-frame {
    position: absolute;
    inset: 0;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0;

    animation-name: ecology-film-fade;
  animation-duration: 64s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}


/* MAKE EACH IMAGE FILL THE CINEMATIC FRAME */

.somatic-film > .somatic-film-frame img {
    display: block;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    object-fit: cover;
    object-position: center;
}

/* SEVEN SCENES */

.somatic-film .film-1 { animation-delay: 0s; }
.somatic-film .film-2 { animation-delay: 8s; }
.somatic-film .film-3 { animation-delay: 16s; }
.somatic-film .film-4 { animation-delay: 24s; }
.somatic-film .film-5 { animation-delay: 32s; }
.somatic-film .film-6 { animation-delay: 40s; }
.somatic-film .film-7 { animation-delay: 48s; }


/* THE SLOW CINEMATIC DISSOLVE */

@keyframes ecology-film-fade {

    0% {
        opacity: 0;
    }

    /* Slow emergence */
    6% {
        opacity: 1;
    }

    /* Brief fully-present moment */
    11% {
        opacity: 1;
    }

    /* Long, soft dissolve into the next world */
    20% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .somatic-film {
        height: 78vh;
        min-height: 520px;
    }

    .somatic-film > .somatic-film-frame img {
        object-position: center;
    }
}


/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   Show the final integrated ecology instead.
   ========================================================= */

/* =========================================================
   LIVING ECOLOGY FILM — FINAL INTEGRATION FRAME
   Keep the complete artwork visible
   ========================================================= */


/* =========================================================
   EXPLORE THE LAB — IMMERSIVE PORTALS
   ========================================================= */

.lab-portals {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px !important;

    width: min(1180px, 92vw) !important;
    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

.lab-portals > * {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.lab-portals img {
    display: block;
    width: 100% !important;
    height: auto !important;
}


/* MOBILE — ONE BEAUTIFUL PORTAL AT A TIME */

@media (max-width: 768px) {

    .lab-portals {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        width: min(92vw, 620px) !important;
    }
}
/* =========================================================
   WELCOME — CLOSING SANCTUARY
   A quiet luminous exhale
   ========================================================= */

.closing-sanctuary {
    position: relative;

    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 70px 8vw 75px !important;

    background:
        radial-gradient(
            circle at 50% 15%,
            rgba(218, 183, 108, 0.16) 0%,
            rgba(247, 239, 219, 0.34) 32%,
            rgba(250, 247, 239, 0.82) 70%,
            rgba(250, 247, 239, 1) 100%
        );

    text-align: center;
}


/* Keep the words intimate rather than sprawling */

.closing-sanctuary > * {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Give the invitation room to breathe */

.closing-sanctuary h2 {
    margin-bottom: 48px !important;
}

.closing-sanctuary p {
    margin-bottom: 52px !important;
}


/* MOBILE */

@media (max-width: 768px) {

    .closing-sanctuary {
        padding: 70px 7vw 80px !important;
    }

    .closing-sanctuary h2 {
        margin-bottom: 32px !important;
    }

    .closing-sanctuary p {
        margin-bottom: 38px !important;
    }
}
/* =========================================================
   LIVING ECOLOGY FILM — MOBILE FRAME FIX
   ========================================================= */

@media (max-width: 768px) {

    .somatic-film {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
    }

    .somatic-film .somatic-film-frame {
        height: 100% !important;
    }

    .somatic-film .somatic-film-frame img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

}
/* =========================================================
   EXPLORE THE LAB — MOBILE CENTERING
   ========================================================= */

@media (max-width: 768px) {

    .lab-portals {
        width: 92vw !important;
        max-width: 620px !important;

        position: relative;
        left: 50%;
        transform: translateX(-50%);

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box;
    }
}
/* =========================================================
   FOOTER — MOBILE SIGNATURE + SOCIAL SPACING
   ========================================================= */

@media (max-width: 768px) {

    .footer-signature,
    .footer-social {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .footer-signature {
        margin-bottom: 18px !important;
    }

    .footer-social {
        margin-top: 0 !important;
    }

    .footer-social .wp-block-social-links {
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* =========================================================
   LIVING ECOLOGY FILM — CLEAN FINALE
   Full-stage reveal + cinematic pull-back
   ========================================================= */

.somatic-film .film-7 {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.somatic-film .film-7 img {
    display: block !important;

    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform-origin: center center;

    animation:
        finale-pullback 56s ease-in-out 48s infinite both;
}


/* Slow camera pull-back into the complete ecology */

@keyframes finale-pullback {

    0% {
        transform: scale(1.07);
    }

    4% {
        transform: scale(1.06);
    }

    12% {
        transform: scale(1);
    }

    19% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}


/* =========================================================
   LIVING ECOLOGY FILM — GRAND FINALE
   Slow pull-back → full reveal → linger
   ========================================================= */

.somatic-film .film-7 {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at center,
            #f7e8c7 0%,
            #e8c98e 55%,
            #d4ad69 100%
        ) !important;

    animation-name: ecology-finale-fade !important;
    animation-duration: 64s !important;
    animation-delay: 48s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: infinite !important;
    animation-fill-mode: both !important;
}


.somatic-film .film-7 img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform-origin: center center;

    animation:
        finale-pullback 64s ease-in-out 48s infinite both !important;
}


/* Finale remains present long enough to overlap the new loop */

@keyframes ecology-finale-fade {

    0% {
        opacity: 0;
    }

    3.5% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    35% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* Start cinematic and close.
   Slowly reveal the entire ecology.
   Then HOLD the full composition. */

@keyframes finale-pullback {

    0% {
        transform: scale(1.18);
    }

    4% {
        transform: scale(1.16);
    }

    18% {
        transform: scale(1);
    }

    35% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

/* =========================================================
   MOBILE FINALE
   ========================================================= */

@media (max-width: 768px) {

    .somatic-film .film-7 img {
        object-fit: contain !important;
        object-position: center center !important;

        animation:
            finale-pullback-mobile 64s ease-in-out 48s infinite both !important;
    }

    @keyframes finale-pullback-mobile {

        0% {
            transform: scale(1.09);
        }

        20% {
            transform: scale(1);
        }

        29% {
            transform: scale(1);
        }

        100% {
            transform: scale(1);
        }
    }
}


/* MOBILE — breathing room between CLL header and Welcome hero */
@media (max-width: 767px) {
  .home-banner {
    margin-top: 30px !important;
  }
}

/* TABLET + DESKTOP — main navigation text size */
@media (min-width: 768px) {
  .cll-main-nav .wp-block-navigation-item__content {
    font-size: 20px !important;
  }
}

/* TABLET ONLY — tighten main navigation spacing */
@media (min-width: 768px) and (max-width: 1100px) {
  .cll-main-nav .wp-block-navigation__container {
    gap: 10px !important;
  }
}

/* ABOUT — FOUR PATHWAY DOORS: FRAMED SOMATIC INHALE */

.about-door {
    overflow: hidden;
    border: 2px solid rgba(184, 143, 67, 0.72);
    border-radius: 3px;
    box-shadow:
        0 8px 24px rgba(70, 50, 30, 0.10),
        0 0 0 5px rgba(184, 143, 67, 0.07);
    transition:
        box-shadow 1.6s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 1.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.about-door img {
    display: block;
    width: 100%;
    transition: transform 1.6s cubic-bezier(0.22, 1, 0.36, 1);
    transform: scale(1);
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    .about-door:hover {
        border-color: rgba(184, 143, 67, 0.95);
        box-shadow:
            0 12px 30px rgba(70, 50, 30, 0.15),
            0 0 0 5px rgba(184, 143, 67, 0.11);
    }

    .about-door:hover img {
        transform: scale(1.07);
    }
}

/* Respect visitors who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    .about-door,
    .about-door img {
        transition: none;
    }

    .about-door img {
        transform: none !important;
    }
}

/* CONNECT page: hide unwanted WordPress title */
body.page-id-20600 .wp-block-post-title,
body.page-id-20600 h1.entry-title {
    display: none !important;
}

/* TRIPLE MOON GODDESS page: hide unwanted WordPress title */
body.page-id-21579 .wp-block-post-title,
body.page-id-21579 h1.entry-title {
    display: none !important;
}

/* READ page: hide unwanted WordPress title */
body.page-id-20403 .wp-block-post-title,
body.page-id-20403 h1.entry-title {
    display: none !important;
}

/* IN THEIR WORDS page: hide unwanted WordPress title */
body.page-id-20676 .wp-block-post-title,
body.page-id-20676 h1.entry-title {
    display: none !important;
}

/* MOVE page: hide unwanted WordPress title */
body.page-id-20814 .wp-block-post-title,
body.page-id-20814 h1.entry-title {
    display: none !important;
}

/* WATCH page: hide unwanted WordPress title */
body.page-id-22088 .wp-block-post-title,
body.page-id-22088 h1.entry-title {
    display: none !important;
}

/* LISTEN page: hide unwanted WordPress title */
body.page-id-22109 .wp-block-post-title,
body.page-id-22109 h1.entry-title {
    display: none !important;
}

/* FEEL page: hide unwanted WordPress title */
body.page-id-22143 .wp-block-post-title,
body.page-id-22143 h1.entry-title {
    display: none !important;
}