/* Group photograph behind the Cali welcome section, in both languages. */
#post-12 > .hero,#post-14 > .hero{
    background-color:#354238;
    background-image:linear-gradient(180deg,rgba(20,32,25,.33),rgba(20,32,25,.50) 60%,rgba(20,32,25,.72)),url("https://cali.bhaktiyogaashram.com/wp-content/uploads/2026/10/Yogendra-Ashram-community-in-the-Cali-mountains-scaled.jpg");
    background-size:cover;
    background-position:center 56%;
    background-repeat:no-repeat;
    isolation:isolate;
}
#post-12 > .hero:before,#post-14 > .hero:before,
#post-12 > .hero:after,#post-14 > .hero:after,
#post-12 > .hero .hero-orb,#post-14 > .hero .hero-orb{display:none}
#post-12 > .hero .hero-content,#post-14 > .hero .hero-content{
    width:min(900px,calc(100% - 40px));
    padding:clamp(80px,9vw,130px) 0;
}
#post-12 > .hero h1,#post-14 > .hero h1{
    font-size:clamp(2.8rem,5.5vw,5.2rem);
    text-shadow:0 3px 24px rgba(0,0,0,.32);
    text-wrap:balance;
}
#post-12 > .hero .eyebrow,#post-14 > .hero .eyebrow,
#post-12 > .hero p,#post-14 > .hero p{color:#fffaf2}
#post-12 > .hero .glass.btn,#post-14 > .hero .glass.btn{
    background:rgba(30,45,34,.38);
    border-color:rgba(255,250,242,.68);
    color:#fffaf2;
}
#post-12 > .hero .glass.btn:hover,#post-14 > .hero .glass.btn:hover{
    background:rgba(30,45,34,.66);
}
@media(max-width:620px){
    #post-12 > .hero,#post-14 > .hero{
        min-height:640px;
        min-height:75svh;
        background-position:50% 54%;
    }
    #post-12 > .hero .hero-content,#post-14 > .hero .hero-content{
        width:calc(100% - 32px);
        padding:76px 0;
    }
    #post-12 > .hero h1,#post-14 > .hero h1{font-size:clamp(2.6rem,10vw,3.8rem)}
    #post-12 > .hero .hero-actions,#post-14 > .hero .hero-actions{gap:12px}
    #post-12 > .hero .btn,#post-14 > .hero .btn{
        white-space:normal;
        max-width:100%;
    }
}

/* Cali homepage photographs: preserve useful crops and a calm, consistent frame. */
#post-12 .card-media,#post-14 .card-media{
    aspect-ratio:4/3;
    background:#eee5d6;
    overflow:hidden;
    border-radius:12px;
}
#post-12 .card-media img,#post-14 .card-media img{
    display:block;
    width:100%;
    height:100%!important;
    object-fit:cover;
}
#post-12 .card-media img.bys-cali-event-photo-thai,
#post-14 .card-media img.bys-cali-event-photo-thai,
#post-12 .card-media img.bys-cali-event-photo-ayurveda,
#post-14 .card-media img.bys-cali-event-photo-ayurveda{
    object-fit:contain;
}
#post-12 .card-media:focus-visible,#post-14 .card-media:focus-visible{
    outline:3px solid var(--terracotta-dark);
    outline-offset:4px;
}
@media(max-width:620px){
    #post-12 .card-media,#post-14 .card-media{aspect-ratio:4/3}
}