/*
Theme Name: Beautifully Unveiled B/E
Theme URI: https://beautifullyunveiled.org/
Author: Tray Pearce / ChatGPT
Description: Custom WordPress theme for Beautifully Unveiled with a Divine Support Services-inspired section structure, active menu links, branded hero, founder spotlight, programs, gallery, partners, and CTA.
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: beautifully-unveiled-be
*/

*{margin:0;padding:0;box-sizing:border-box}
:root{--dark:#100d18;--ink:#211d2d;--muted:#726b80;--purple:#8f6bc8;--purple2:#6b43c5;--pink:#ff43c8;--pink2:#ff8ee4;--aqua:#77d7e8;--cream:#fbf9ff;--line:#ece7f4;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:#fff;color:var(--ink);line-height:1.65}a{color:inherit}.site-header{position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 8%;background:rgba(16,13,24,.88);backdrop-filter:blur(18px);color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.2);transition:.25s ease}.site-header.is-scrolled{padding-block:10px;background:rgba(16,13,24,.96)}.logo a{display:flex;align-items:center;position:relative;overflow:hidden}.logo img{height:76px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(255,67,200,.45)) drop-shadow(0 0 18px rgba(119,215,232,.2))}.main-nav{display:flex;align-items:center;justify-content:center;gap:30px}.main-nav a{position:relative;text-decoration:none;color:#fff;font-weight:500;padding:10px 0;opacity:.92;transition:.2s ease}.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:3px;background:linear-gradient(90deg,var(--pink),var(--aqua));border-radius:999px;transform:scaleX(0);transition:transform .25s ease;box-shadow:0 0 14px rgba(255,67,200,.6)}.main-nav a:hover,.main-nav a.active{color:#ffb8ed;opacity:1}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}.donate-btn{background:linear-gradient(135deg,var(--pink),#ff74dc);color:#fff;text-decoration:none;padding:15px 30px;border-radius:7px;font-weight:800;letter-spacing:.5px;box-shadow:0 0 20px rgba(255,67,200,.42),0 12px 28px rgba(255,67,200,.22);position:relative;overflow:hidden}.menu-toggle{display:none;background:#fff;color:var(--ink);border:0;border-radius:12px;padding:11px 14px;font-size:22px;line-height:1;cursor:pointer}.hero-shell{position:relative;min-height:calc(100vh - 86px);display:flex;align-items:center;overflow:hidden;background:#130f20}.hero-bg{position:absolute;inset:0}.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,13,24,.8) 0%,rgba(16,13,24,.38) 45%,rgba(16,13,24,.12) 100%),radial-gradient(circle at 20% 75%,rgba(255,67,200,.35),transparent 35%),radial-gradient(circle at 80% 70%,rgba(119,215,232,.18),transparent 35%)}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.18) contrast(1.08) brightness(.92);animation:bu-hero-glow 5s ease-in-out infinite alternate}.hero-overlay-content{position:relative;z-index:2;max-width:760px;padding:100px 8%;color:#fff}.hero-overlay-content h1{font-size:clamp(4rem,8vw,8.5rem);line-height:.94;font-weight:800;letter-spacing:-4px;margin:22px 0}.hero-overlay-content h1 span{color:#b6e774;text-shadow:0 0 24px rgba(182,231,116,.25)}.hero-lead{font-size:clamp(1.18rem,2vw,1.6rem);line-height:1.7;max-width:760px;color:rgba(255,255,255,.92)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.pill{display:inline-flex;align-items:center;width:max-content;padding:12px 24px;border-radius:999px;background:#f3eff9;color:#8e61c9;font-weight:600}.pill-dark{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px)}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:18px 38px;font-weight:700;transition:.25s ease}.primary-btn{background:linear-gradient(135deg,var(--pink),var(--purple2));color:#fff;box-shadow:0 14px 35px rgba(143,107,200,.28),0 0 24px rgba(255,67,200,.35);position:relative;overflow:hidden}.secondary-btn{color:#fff;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.08)}.primary-btn:hover,.secondary-btn:hover,.donate-btn:hover{transform:translateY(-2px)}.purple-panel{background:linear-gradient(135deg,rgba(82,52,139,.94),rgba(154,117,207,.9)),url('assets/joy-circle.jpg') center/cover no-repeat;color:#fff}.mission-vision-section{padding:110px 8%}.mv-container{max-width:1150px;margin:0 auto}.outline-label{display:block;text-align:center;border:2px solid rgba(255,255,255,.45);border-radius:18px;padding:20px 24px;letter-spacing:5px;text-transform:uppercase;font-size:clamp(1rem,2vw,1.6rem);margin:0 auto 60px;max-width:900px}.mission-vision-section h2{font-size:clamp(3rem,6vw,6rem);line-height:1.05;text-align:center;margin-bottom:70px}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.mv-grid article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:32px;padding:36px;backdrop-filter:blur(8px);box-shadow:0 24px 70px rgba(0,0,0,.15)}.mv-grid h3{font-size:2.2rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.mv-grid p{font-size:1.08rem;color:rgba(255,255,255,.9)}.values-section{padding:105px 8%;background:#fff}.section-heading{max-width:950px;margin:0 auto 55px;text-align:center}.section-heading h2{font-size:clamp(2.6rem,5vw,5rem);line-height:1.08;margin:22px 0;color:var(--ink)}.section-heading p:not(.pill){font-size:1.15rem;color:var(--muted)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;max-width:1150px;margin:0 auto}.value-card{position:relative;min-height:290px;background:#fff;border:2px solid var(--line);border-radius:34px;padding:48px;box-shadow:0 18px 45px rgba(32,29,45,.08);overflow:hidden;transition:.25s ease}.value-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(143,107,200,.18)}.value-icon{display:inline-flex;width:80px;height:80px;border-radius:22px;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbf4ff,#e8ddf6);color:var(--purple);font-size:34px;font-weight:800;margin-bottom:46px}.value-number{position:absolute;top:30px;right:38px;font-size:5rem;font-weight:700;color:#f5f1fa;line-height:1}.value-card h3{font-size:2rem;margin-bottom:12px}.value-card p{font-size:1.08rem;color:var(--muted);max-width:520px}.programs-section{padding:105px 8%;background:linear-gradient(180deg,#fbf9ff,#fff)}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.program-card{background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 24px 70px rgba(32,29,45,.1);border:1px solid var(--line);position:relative}.program-card img{width:100%;height:310px;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.03)}.program-card div{padding:30px}.program-card h3{font-size:1.55rem;margin-bottom:10px;color:#35104f}.program-card p{color:var(--muted)}.impact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:110px 8%;align-items:center;background:#fff}.impact-copy h2{font-size:clamp(3rem,6vw,5rem);line-height:1.05;margin:28px 0;color:var(--ink)}.impact-copy p:not(.pill){font-size:1.35rem;color:var(--muted);line-height:1.8}.video-card{position:relative;border-radius:34px;overflow:hidden;min-height:430px;box-shadow:0 28px 80px rgba(32,29,45,.14);border:1px solid var(--line)}.video-card img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;filter:brightness(.82) saturate(1.1)}.play-button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:124px;height:124px;border-radius:50%;background:rgba(255,255,255,.62);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:42px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25);box-shadow:0 18px 45px rgba(0,0,0,.18)}.story-section{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;padding:110px 8%;background:linear-gradient(180deg,#fff,#fbf9ff)}.founder-content h2{font-size:clamp(3rem,6vw,5.3rem);line-height:1.04;margin:26px 0;color:var(--ink)}.founder-content p:not(.pill){font-size:1.25rem;color:var(--muted);line-height:1.85;margin-bottom:22px}.founder-image{position:relative;text-align:center}.founder-image img{width:100%;max-width:540px;border-radius:34px;display:block;margin:0 auto;object-fit:cover;box-shadow:0 28px 80px rgba(32,29,45,.2),0 0 28px rgba(255,67,200,.26),0 0 48px rgba(119,215,232,.15);filter:saturate(1.05) contrast(1.03)}.founder-image::before,.founder-image::after{content:"✦";position:absolute;z-index:2;color:#fff;font-size:42px;text-shadow:0 0 10px #fff,0 0 24px var(--pink),0 0 42px var(--aqua);animation:founder-twinkle 2.8s ease-in-out infinite;pointer-events:none}.founder-image::before{top:5%;left:3%}.founder-image::after{right:6%;bottom:8%;animation-delay:1.1s}.image-story-section{padding:105px 7%;background:radial-gradient(circle at 10% 10%,rgba(255,67,200,.16),transparent 30%),radial-gradient(circle at 90% 20%,rgba(119,215,232,.14),transparent 30%),linear-gradient(180deg,#130f20,#241a37);color:#fff;overflow:hidden}.dark-heading h2{color:#fff}.dark-heading p:not(.pill){color:rgba(255,255,255,.76)}.image-story-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:18px}.story-card{position:relative;overflow:hidden;border-radius:26px;background:#111019;box-shadow:0 25px 65px rgba(0,0,0,.3),0 0 22px rgba(255,67,200,.16)}.story-card.large{grid-column:span 2;grid-row:span 2}.story-card.wide{grid-column:span 2}.story-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.12) contrast(1.05) brightness(.9);transition:transform .55s ease,filter .55s ease}.story-card:hover img{transform:scale(1.07);filter:saturate(1.22) contrast(1.08) brightness(1.05)}.story-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72));z-index:1}.story-card figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:3;font-size:1.2rem;font-weight:800;text-shadow:0 4px 18px rgba(0,0,0,.7)}.partners-section{padding:105px 8%;background:#fbfbfe;text-align:center}.partners-section h2{text-transform:uppercase;letter-spacing:5px;color:#726b80;font-size:clamp(1.8rem,4vw,3rem);font-weight:500;margin-bottom:70px}.partners-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.partners-grid span{min-height:110px;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:center;color:#777;font-weight:700;filter:grayscale(1);box-shadow:0 20px 60px rgba(32,29,45,.08);border:1px solid var(--line)}.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:85px 8%;background:linear-gradient(135deg,var(--pink),var(--purple2));color:#fff}.cta-banner h2{font-size:clamp(2.8rem,5vw,5rem);line-height:1.06;margin:18px 0}.cta-banner p:not(.pill){font-size:1.22rem;max-width:760px;color:rgba(255,255,255,.9)}.site-footer{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:70px 8%;background:#fff}.footer-logo{max-width:230px;height:auto;margin-bottom:15px;filter:drop-shadow(0 0 8px rgba(255,67,200,.35))}.footer-column h4{margin-bottom:15px;color:#35104f}.footer-column p,.footer-column a{color:var(--muted)}.newsletter form{display:flex;flex-direction:column;gap:10px}.newsletter input{padding:14px;border:1px solid #ddd;border-radius:10px;font-family:inherit}.newsletter button{background:var(--purple);color:white;border:none;border-radius:10px;padding:14px;cursor:pointer;font-weight:700}.footer-column ul{list-style:none}.footer-column li{margin-bottom:8px}.footer-column a{text-decoration:none}.copyright{grid-column:1/-1;border-top:1px solid #eee;padding-top:24px;color:#777;font-size:.95rem}.chat-bubble{position:fixed;right:34px;bottom:34px;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8f6bc8,#5a24e8);color:#fff;text-decoration:none;font-size:34px;box-shadow:0 16px 42px rgba(90,36,232,.32);z-index:80}.logo a::after,.donate-btn::after,.primary-btn::after,.program-card::after,.story-card::after{content:"";position:absolute;top:-130%;left:-80%;width:44%;height:330%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.78),rgba(255,126,231,.32),transparent);transform:rotate(22deg);animation:bu-shine-sweep 5.5s ease-in-out infinite;pointer-events:none}.program-card{position:relative;overflow:hidden}.program-card::after,.story-card::after{z-index:4}.donate-btn::after,.primary-btn::after{height:260%}.hero-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.85) 0 1px,transparent 3px),radial-gradient(circle at 72% 18%,rgba(255,126,231,.8) 0 1px,transparent 4px),radial-gradient(circle at 86% 62%,rgba(158,216,255,.75) 0 1px,transparent 4px),radial-gradient(circle at 39% 78%,rgba(255,255,255,.65) 0 1px,transparent 3px);background-size:260px 260px,340px 340px,300px 300px,380px 380px;mix-blend-mode:screen;opacity:.8;animation:bu-sparkle-twinkle 3.8s ease-in-out infinite alternate;z-index:1;pointer-events:none}
@keyframes bu-shine-sweep{0%,48%{left:-85%;opacity:0}58%{opacity:1}78%{left:130%;opacity:.85}100%{left:130%;opacity:0}}@keyframes bu-sparkle-twinkle{0%{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.015)}100%{opacity:.5;transform:scale(1.03)}}@keyframes bu-hero-glow{from{filter:saturate(1.15) contrast(1.05) brightness(.9)}to{filter:saturate(1.28) contrast(1.1) brightness(1)}}@keyframes founder-twinkle{0%,100%{opacity:.35;transform:scale(.8) rotate(0deg)}50%{opacity:1;transform:scale(1.35) rotate(12deg)}}
@media(max-width:1100px){.site-header{padding:14px 5%;gap:16px}.main-nav{gap:20px}.hero-overlay-content h1{letter-spacing:-2px}.program-grid,.partners-grid{grid-template-columns:1fr 1fr}.impact-section,.story-section{grid-template-columns:1fr}.values-grid{gap:24px}.image-story-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}.story-card.large,.story-card.wide{grid-column:span 2}.site-footer{grid-template-columns:1fr 1fr}.cta-banner{align-items:flex-start;flex-direction:column}}@media(max-width:820px){.menu-toggle{display:block;order:3}.donate-btn{margin-left:auto}.main-nav{position:absolute;top:100%;left:0;right:0;background:rgba(16,13,24,.98);display:none;flex-direction:column;align-items:flex-start;padding:20px 8%;gap:8px;border-top:1px solid rgba(255,255,255,.12)}.main-nav.is-open{display:flex}.main-nav a{width:100%;padding:12px 0}.hero-shell{min-height:780px}.hero-overlay-content{padding:80px 7%}.hero-overlay-content h1{font-size:clamp(3.4rem,15vw,6rem)}.mission-vision-section,.values-section,.programs-section,.impact-section,.story-section,.partners-section{padding:76px 7%}.mv-grid,.values-grid,.program-grid,.partners-grid,.site-footer{grid-template-columns:1fr}.mission-vision-section h2{font-size:clamp(2.7rem,12vw,4.2rem)}.outline-label{letter-spacing:3px}.image-story-grid{grid-template-columns:1fr;grid-auto-rows:280px}.story-card.large,.story-card.wide{grid-column:span 1;grid-row:span 1}.chat-bubble{width:68px;height:68px;font-size:28px;right:20px;bottom:20px}}@media(max-width:560px){.logo img{height:56px}.site-header{padding:10px 5%}.donate-btn{padding:11px 16px}.hero-shell{min-height:720px}.hero-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.mv-grid article,.value-card{padding:30px}.value-number{font-size:4rem}.program-card img{height:240px}.video-card,.video-card img{min-height:300px}.site-footer{padding:56px 7%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Hero walking-forward animation upgrade */
.hero-bg{
    perspective:1200px;
    transform-style:preserve-3d;
    overflow:hidden;
}

.hero-image{
    transform-origin:center 68%;
    animation:bu-hero-walk-forward 9s ease-in-out infinite, bu-hero-character-bob 1.4s ease-in-out infinite;
    will-change:transform,filter;
}

.hero-bg::after{
    content:"";
    position:absolute;
    left:-20%;
    right:-20%;
    bottom:-18%;
    height:44%;
    z-index:2;
    pointer-events:none;
    background:
        radial-gradient(ellipse at center, rgba(255,126,231,.24), transparent 60%),
        repeating-radial-gradient(ellipse at center, rgba(255,255,255,.18) 0 1px, transparent 2px 42px);
    opacity:.55;
    transform:rotateX(68deg) translateY(40px);
    animation:bu-floor-motion 2.1s linear infinite;
    mix-blend-mode:screen;
}

.hero-shell::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 52%, rgba(255,255,255,.35) 0 2px, transparent 5px),
        radial-gradient(circle at 74% 42%, rgba(255,126,231,.42) 0 2px, transparent 6px),
        radial-gradient(circle at 54% 24%, rgba(158,216,255,.36) 0 2px, transparent 6px),
        linear-gradient(90deg, rgba(0,0,0,.34), transparent 20%, transparent 80%, rgba(0,0,0,.34));
    background-size:220px 220px,280px 280px,320px 320px,100% 100%;
    animation:bu-hero-depth-sparkle 3s ease-in-out infinite alternate;
}

@keyframes bu-hero-walk-forward{
    0%{transform:translate3d(0,0,0) scale(1) rotateX(0deg);filter:saturate(1.12) contrast(1.05) brightness(.9)}
    28%{transform:translate3d(-5px,-5px,35px) scale(1.035) rotateX(.35deg);filter:saturate(1.2) contrast(1.07) brightness(.98)}
    55%{transform:translate3d(6px,-10px,70px) scale(1.075) rotateX(.55deg);filter:saturate(1.3) contrast(1.1) brightness(1.06)}
    78%{transform:translate3d(-3px,-6px,38px) scale(1.04) rotateX(.25deg);filter:saturate(1.2) contrast(1.07) brightness(.99)}
    100%{transform:translate3d(0,0,0) scale(1) rotateX(0deg);filter:saturate(1.12) contrast(1.05) brightness(.9)}
}

@keyframes bu-hero-character-bob{
    0%,100%{margin-top:0}
    50%{margin-top:-6px}
}

@keyframes bu-floor-motion{
    from{background-position:center 0, center 0;opacity:.42}
    to{background-position:center 70px, center 92px;opacity:.72}
}

@keyframes bu-hero-depth-sparkle{
    from{opacity:.42;transform:scale(1)}
    to{opacity:.85;transform:scale(1.018)}
}

@media (prefers-reduced-motion: reduce){
    .hero-image,.hero-bg::after,.hero-shell::after{animation:none!important;}
}


/* JS-driven hero walking animation */
.js-hero-ready .hero-image{
    animation:none!important;
    transform-origin:center 68%;
    transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(var(--hero-scale,1));
    filter:saturate(var(--hero-saturation,1.18)) contrast(var(--hero-contrast,1.08)) brightness(var(--hero-brightness,.92));
    will-change:transform,filter;
}

.js-hero-ready .hero-bg::after{
    animation:none!important;
    background-position:center var(--floor-shift,0px), center var(--floor-shift,0px);
}

.js-hero-ready.hero-shell::after{
    animation:none!important;
    opacity:var(--sparkle-opacity,.6);
    transform:scale(var(--sparkle-scale,1));
}

/* Video hero replacement */
.hero-video-wrap{
    position:absolute;
    inset:0;
    overflow:hidden;
}

.hero-video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    filter:saturate(1.18) contrast(1.06) brightness(.72);
    transform:scale(1.02);
}

.hero-video-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,67,200,.28), transparent 28%),
        radial-gradient(circle at 85% 65%, rgba(119,215,232,.18), transparent 30%),
        linear-gradient(90deg, rgba(14,10,22,.72), rgba(14,10,22,.34) 46%, rgba(14,10,22,.64));
    pointer-events:none;
}

.hero-video-wrap::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    background:
        radial-gradient(circle at 18% 34%, rgba(255,255,255,.95) 0 1px, transparent 3px),
        radial-gradient(circle at 72% 18%, rgba(255,126,231,.85) 0 1px, transparent 4px),
        radial-gradient(circle at 88% 58%, rgba(158,216,255,.75) 0 1px, transparent 4px),
        radial-gradient(circle at 42% 78%, rgba(255,255,255,.65) 0 1px, transparent 3px);
    background-size:260px 260px,340px 340px,300px 300px,380px 380px;
    mix-blend-mode:screen;
    opacity:.7;
    animation:bu-sparkle-twinkle 3.8s ease-in-out infinite alternate;
    pointer-events:none;
}

.hero-overlay-content{
    position:relative;
    z-index:4;
}

/* Option 2 founder video hero - click to enable sound */
.audio-hero{
    min-height:100vh;
    background:#110d18;
}

.hero-cinematic-overlay{
    position:absolute;
    inset:0;
    z-index:5;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:120px 8% 80px;
    color:#fff;
    background:
        radial-gradient(circle at 50% 28%, rgba(255,77,196,.28), transparent 34%),
        linear-gradient(135deg, rgba(17,13,24,.84), rgba(63,13,72,.48), rgba(17,13,24,.74));
    transition:opacity .9s ease, transform .9s ease, visibility .9s ease;
}

.audio-hero.sound-active .hero-cinematic-overlay{
    background:
        radial-gradient(circle at 50% 28%, rgba(255,77,196,.14), transparent 34%),
        linear-gradient(135deg, rgba(17,13,24,.32), rgba(63,13,72,.22), rgba(17,13,24,.40));
}

.audio-hero.sound-active .hero-cinematic-logo,
.audio-hero.sound-active .pill,
.audio-hero.sound-active .hero-cinematic-lead{
    opacity:.18;
}

.audio-hero.sound-active .hero-cinematic-overlay h1{
    opacity:.38;
}

.audio-hero.sound-active .hero-audio-btn{
    transform:translateY(145px);
    background:rgba(15,12,24,.56);
    backdrop-filter:blur(12px);
}

.hero-cinematic-logo{
    width:min(300px,56vw);
    height:auto;
    margin-bottom:26px;
    filter:
        drop-shadow(0 0 18px rgba(255,255,255,.65))
        drop-shadow(0 0 42px rgba(255,77,196,.55))
        drop-shadow(0 0 70px rgba(143,92,255,.35));
    animation:cinematic-logo-glow 2.8s ease-in-out infinite alternate;
}

.hero-cinematic-overlay h1{
    max-width:980px;
    margin:18px auto 18px;
    font-size:clamp(2.5rem,6vw,6.5rem);
    line-height:.95;
    letter-spacing:-3px;
    text-shadow:0 10px 34px rgba(0,0,0,.45);
}

.hero-cinematic-lead{
    max-width:780px;
    margin:0 auto 34px;
    font-size:clamp(1rem,2vw,1.35rem);
    letter-spacing:2px;
    color:rgba(255,255,255,.9);
}

.hero-audio-btn{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.34);
    border-radius:999px;
    padding:18px 42px;
    color:#fff;
    background:linear-gradient(135deg,#ff43c8,#8f5cff,#77d7e8);
    font-family:inherit;
    font-size:1.08rem;
    font-weight:800;
    letter-spacing:.3px;
    cursor:pointer;
    box-shadow:0 16px 50px rgba(255,67,200,.34), inset 0 1px 0 rgba(255,255,255,.32);
    transition:transform .25s ease, box-shadow .25s ease;
}

.hero-audio-btn:hover,
.hero-audio-btn:focus-visible{
    transform:translateY(-4px) scale(1.02);
    box-shadow:0 22px 64px rgba(255,67,200,.46), inset 0 1px 0 rgba(255,255,255,.45);
}

.hero-audio-btn::after{
    content:"";
    position:absolute;
    top:-130%;
    left:-70%;
    width:42%;
    height:330%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.85),transparent);
    transform:rotate(22deg);
    animation:bu-shine-sweep 3.8s ease-in-out infinite;
}

.hero-story-actions{
    position:absolute;
    left:50%;
    bottom:48px;
    z-index:6;
    display:flex;
    gap:16px;
    transform:translate(-50%,24px);
    opacity:0;
    pointer-events:none;
    transition:opacity .65s ease .15s, transform .65s ease .15s;
}

.audio-hero.sound-active .hero-story-actions{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,0);
}

.hero-mute-btn{
    position:absolute;
    right:28px;
    bottom:34px;
    z-index:7;
    border:1px solid rgba(255,255,255,.28);
    border-radius:999px;
    padding:12px 18px;
    color:#fff;
    background:rgba(15,12,24,.52);
    backdrop-filter:blur(12px);
    font-family:inherit;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 10px 30px rgba(0,0,0,.22);
}

.audio-hero.video-ended .hero-cinematic-overlay{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:scale(1);
    background:
        radial-gradient(circle at 50% 28%, rgba(255,77,196,.22), transparent 34%),
        linear-gradient(135deg, rgba(17,13,24,.72), rgba(63,13,72,.38), rgba(17,13,24,.66));
}

.audio-hero.video-ended .hero-audio-btn::before{
    content:"Replay Cynthia's Story";
    font-size:0;
}

@keyframes cinematic-logo-glow{
    from{filter:drop-shadow(0 0 14px rgba(255,255,255,.5)) drop-shadow(0 0 32px rgba(255,77,196,.4)) drop-shadow(0 0 56px rgba(143,92,255,.28)); transform:translateY(0)}
    to{filter:drop-shadow(0 0 24px rgba(255,255,255,.75)) drop-shadow(0 0 54px rgba(255,77,196,.62)) drop-shadow(0 0 82px rgba(143,92,255,.42)); transform:translateY(-8px)}
}

@media(max-width:820px){
    .hero-cinematic-overlay{padding:110px 7% 92px;}
    .hero-cinematic-overlay h1{letter-spacing:-2px;}
    .hero-story-actions{width:86%; flex-direction:column; bottom:34px;}
    .hero-mute-btn{right:18px; bottom:18px;}
}


/* Video hero - autoplay muted with click-to-unmute audio */
.option1-video-hero{
    min-height:100vh;
    background:#110d18;
    position:relative;
    overflow:hidden;
}

.option1-video-hero .hero-video{
    animation:option1HeroZoom 18s ease-in-out infinite alternate;
}

.option1-hero-overlay{
    position:absolute;
    inset:0;
    z-index:5;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:120px 8% 80px;
    color:#fff;
    background:
        radial-gradient(circle at 50% 28%, rgba(255,77,196,.26), transparent 34%),
        linear-gradient(135deg, rgba(17,13,24,.58), rgba(63,13,72,.34), rgba(17,13,24,.68));
}

.option1-hero-overlay h1{
    max-width:980px;
    margin:18px auto 18px;
    font-size:clamp(2.5rem,6vw,6.5rem);
    line-height:.95;
    letter-spacing:-3px;
    text-shadow:0 10px 34px rgba(0,0,0,.45);
}

.option1-actions{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
    margin-top:10px;
}


/* Clean video hero audio toggle: no logo fade overlay */
.audio-hero.sound-active .option1-hero-overlay{
    background:
        radial-gradient(circle at 50% 28%, rgba(255,77,196,.08), transparent 34%),
        linear-gradient(135deg, rgba(17,13,24,.20), rgba(63,13,72,.16), rgba(17,13,24,.28));
}

.audio-hero.sound-active .option1-hero-overlay .pill,
.audio-hero.sound-active .option1-hero-overlay .hero-cinematic-lead{
    opacity:.22;
}

.audio-hero.sound-active .option1-hero-overlay h1{
    opacity:.34;
}

.audio-hero.sound-active .option1-actions{
    opacity:1;
}

.audio-hero.sound-active .hero-audio-btn{
    transform:translateY(16px);
    background:rgba(15,12,24,.56);
    backdrop-filter:blur(12px);
}

.option1-hero-overlay .hero-audio-btn{
    margin:8px 0 18px;
}

@keyframes option1HeroZoom{
    from{transform:scale(1)}
    to{transform:scale(1.08)}
}

@media(max-width:820px){
    .option1-hero-overlay{padding:110px 7% 92px;}
    .option1-hero-overlay h1{letter-spacing:-2px;}
    .option1-actions{width:86%; flex-direction:column;}
}

/* Updated hero overlay: right-aligned cinematic text with fade-away on audio start */
.option1-hero-overlay{
    align-items:center!important;
    justify-content:flex-end!important;
    text-align:left!important;
    padding:120px 8% 80px 6%!important;
    background:
        linear-gradient(90deg,
            rgba(0,0,0,.08) 0%,
            rgba(17,13,24,.18) 38%,
            rgba(17,13,24,.72) 100%)!important;
    transition:opacity 1.65s ease, visibility 0s linear 1.65s!important;
}

.hero-content-right{
    width:min(650px, 92vw);
    margin-left:auto;
    color:#fff;
    animation:buFadeInRight 1.45s ease both;
}

.hero-content-right .pill{
    margin-left:0;
}

.option1-hero-overlay h1{
    max-width:650px!important;
    margin:18px 0!important;
    text-align:left!important;
    font-size:clamp(2.4rem,5.2vw,5.6rem)!important;
}

.option1-actions{
    justify-content:flex-start!important;
}

.option1-hero-overlay.overlay-faded{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

.audio-hero.sound-active .option1-hero-overlay{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

.hero-mute-btn{
    position:absolute!important;
    right:28px!important;
    bottom:28px!important;
    z-index:20!important;
    border:1px solid rgba(255,255,255,.32)!important;
    background:rgba(15,12,24,.56)!important;
    color:#fff!important;
    backdrop-filter:blur(12px)!important;
    border-radius:999px!important;
    padding:14px 22px!important;
    cursor:pointer!important;
    box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 22px rgba(255,77,196,.25)!important;
}

@keyframes buFadeInRight{
    from{opacity:0;transform:translateX(80px)}
    to{opacity:1;transform:translateX(0)}
}

@media(max-width:820px){
    .option1-hero-overlay{
        justify-content:center!important;
        text-align:center!important;
        padding:110px 7% 92px!important;
        background:linear-gradient(180deg,rgba(17,13,24,.18),rgba(17,13,24,.72))!important;
    }
    .hero-content-right{margin:0 auto;text-align:center;}
    .option1-hero-overlay h1{text-align:center!important;}
    .option1-actions{justify-content:center!important;}
}

/* Buttons-only hero overlay update */
.buttons-only-hero-overlay{
    justify-content:flex-end;
    align-items:center;
    padding:0 8% 0 6%;
    background:linear-gradient(90deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.18) 45%, rgba(0,0,0,.42) 100%);
}
.hero-actions-only{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:22px;
    max-width:520px;
    animation:fadeInRight 1.2s ease forwards;
}
.hero-actions-only .hero-audio-btn{
    margin:0;
}
.hero-actions-only .option1-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
}
.buttons-only-hero-overlay.overlay-faded,
.audio-hero.sound-active .buttons-only-hero-overlay{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity 1.5s ease, visibility 1.5s ease;
}
@media(max-width:820px){
    .buttons-only-hero-overlay{
        justify-content:center;
        padding:0 7%;
        background:linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.38));
    }
    .hero-actions-only .option1-actions{
        width:100%;
        flex-direction:column;
    }
}


/* Simplified header logo only — footer keeps the full Beautifully Unveiled logo */
.site-header .logo img.header-logo-img{
    height:64px;
    width:auto;
    max-width:280px;
    display:block;
    padding:0;
    background:transparent;
    opacity:1;
    filter:
        drop-shadow(0 0 8px rgba(255,255,255,.55))
        drop-shadow(0 0 16px rgba(255,77,196,.38))
        drop-shadow(0 0 22px rgba(119,215,232,.22));
}

.site-header.is-scrolled .logo img.header-logo-img{
    height:56px;
}

@media(max-width:820px){
    .site-header .logo img.header-logo-img{
        height:52px;
        max-width:210px;
    }
}

@media(max-width:560px){
    .site-header .logo img.header-logo-img{
        height:46px;
        max-width:180px;
    }
}

/* Flattened header logo — no visible box/card around the logo */
.site-header .logo a{
    overflow:visible !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    padding:0 !important;
}

.site-header .logo a::after{
    display:none !important;
    content:none !important;
}

.site-header .logo img.header-logo-img{
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    mix-blend-mode:screen;
    opacity:.96;
    filter:
        drop-shadow(0 0 6px rgba(255,255,255,.72))
        drop-shadow(0 0 14px rgba(255,77,196,.38))
        drop-shadow(0 0 22px rgba(119,215,232,.24));
}

.site-header{
    background:rgba(16,13,24,.78);
    backdrop-filter:blur(18px);
}

/* Updated empowerment gallery images */
.updated-gallery-grid{
    align-items:stretch;
}
.updated-gallery-grid .story-card{
    position:relative;
    overflow:hidden;
    min-height:340px;
}
.updated-gallery-grid .story-card img{
    filter:saturate(1.05) contrast(1.03);
}
.updated-gallery-grid .story-card:hover img{
    transform:scale(1.06);
    filter:saturate(1.14) contrast(1.06) brightness(1.04);
}
.updated-gallery-grid .story-card::after{
    content:"✦";
    position:absolute;
    top:18px;
    right:22px;
    color:#fff;
    font-size:28px;
    text-shadow:0 0 12px #fff,0 0 24px rgba(255,77,196,.85),0 0 36px rgba(142,92,255,.75);
    opacity:.85;
    animation:buGallerySparkle 2.6s ease-in-out infinite;
    z-index:3;
}
@keyframes buGallerySparkle{
    0%,100%{opacity:.35;transform:scale(.82) rotate(0deg)}
    50%{opacity:1;transform:scale(1.25) rotate(12deg)}
}

/* Animated BU purple-pink gradient button borders */
.primary-btn,
.secondary-btn,
.donate-btn,
.hero-btn,
.hero-audio-btn,
.hero-mute-btn,
.sound-toggle,
.cta-button,
.wp-block-button__link,
button,
input[type="submit"]{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    border:none !important;
    border-radius:999px !important;
    overflow:hidden;
    text-decoration:none;
    font-weight:700;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 0 18px rgba(224,91,157,.18), 0 0 28px rgba(111,44,255,.12);
    transition:transform .35s ease, background .35s ease, box-shadow .35s ease;
}

.primary-btn::before,
.secondary-btn::before,
.donate-btn::before,
.hero-btn::before,
.hero-audio-btn::before,
.hero-mute-btn::before,
.sound-toggle::before,
.cta-button::before,
.wp-block-button__link::before,
button::before,
input[type="submit"]::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:999px;
    padding:2px;
    background:linear-gradient(120deg,#6f2cff,#9d4edd,#e05b9d,#ff5db1,#77d7e8,#6f2cff);
    background-size:320% 320%;
    animation:buGradientBorder 4s ease infinite;
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
    pointer-events:none;
    z-index:1;
}

.primary-btn:hover,
.secondary-btn:hover,
.donate-btn:hover,
.hero-btn:hover,
.hero-audio-btn:hover,
.hero-mute-btn:hover,
.sound-toggle:hover,
.cta-button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.14) !important;
    box-shadow:0 0 22px rgba(224,91,157,.48), 0 0 44px rgba(111,44,255,.28), 0 14px 32px rgba(0,0,0,.18);
}

@keyframes buGradientBorder{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

/* BU button readability update: purple text with soft glass background */
.primary-btn,
.secondary-btn,
.donate-btn,
.hero-btn,
.hero-audio-btn,
.hero-mute-btn,
.sound-toggle,
.cta-button,
.wp-block-button__link,
button,
input[type="submit"]{
    color:#5B2D91 !important;
    background:rgba(255,255,255,.76) !important;
    font-weight:800 !important;
    text-shadow:0 1px 2px rgba(255,255,255,.55) !important;
}

.primary-btn > *,
.secondary-btn > *,
.donate-btn > *,
.hero-btn > *,
.hero-audio-btn > *,
.hero-mute-btn > *,
.sound-toggle > *,
.cta-button > *,
.wp-block-button__link > *,
button > *,
input[type="submit"] > *{
    position:relative;
    z-index:2;
}

.primary-btn:hover,
.secondary-btn:hover,
.donate-btn:hover,
.hero-btn:hover,
.hero-audio-btn:hover,
.hero-mute-btn:hover,
.sound-toggle:hover,
.cta-button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover{
    color:#7A3DCC !important;
    background:rgba(255,255,255,.9) !important;
    text-shadow:0 0 10px rgba(224,91,157,.28),0 0 18px rgba(111,44,255,.20) !important;
}

/* Keep text above animated border */
.primary-btn,
.secondary-btn,
.donate-btn,
.hero-btn,
.hero-audio-btn,
.hero-mute-btn,
.sound-toggle,
.cta-button,
.wp-block-button__link,
button,
input[type="submit"]{
    isolation:isolate;
}


/* Final update: clean Life at Beautifully Unveiled image with no overlay */
.impact-image{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(91,45,145,.12),0 10px 30px rgba(224,91,157,.08);
}
.impact-image::before,
.impact-image::after,
.image-overlay{
    display:none !important;
    opacity:0 !important;
    background:none !important;
}
.impact-image img{
    width:100%;
    height:auto;
    display:block;
    border-radius:24px;
    transform:scale(1);
    transition:transform .6s ease;
    filter:none !important;
}
.impact-image:hover img{
    transform:scale(1.03);
}
.video-card .play-button,
.play-button{
    display:none !important;
}

/* Final update: premium glass hero buttons with animated BU gradient border */
.hero-buttons a,
.sound-toggle{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    min-width:220px;
    border-radius:999px;
    background:rgba(255,255,255,.78) !important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    color:#5B2D91 !important;
    font-weight:800 !important;
    letter-spacing:.5px;
    text-decoration:none;
    box-shadow:0 8px 30px rgba(91,45,145,.18),0 0 20px rgba(224,91,157,.12);
    overflow:hidden;
    transition:all .35s ease;
    border:none !important;
}
.hero-buttons a::before,
.sound-toggle::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:999px;
    padding:2px;
    background:linear-gradient(135deg,#6f2cff,#9d4edd,#e05b9d,#ff5db1,#6f2cff);
    background-size:300% 300%;
    animation:buBorderMove 5s ease infinite;
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}
.hero-buttons a:hover,
.sound-toggle:hover{
    transform:translateY(-4px) scale(1.02);
    background:rgba(255,255,255,.92) !important;
    color:#7A3DCC !important;
    box-shadow:0 15px 40px rgba(224,91,157,.30),0 0 30px rgba(111,44,255,.25);
}
@keyframes buBorderMove{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

/* Program card image fix: full image visible while the image area stays filled */
.program-image{
    position:relative;
    height:310px;
    overflow:hidden;
    background:linear-gradient(135deg,#fff,#fbf7ff);
}
.program-image::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:var(--program-bg);
    background-size:cover;
    background-position:center;
    filter:blur(18px) saturate(1.18) brightness(1.05);
    transform:scale(1.12);
    opacity:.45;
}
.program-image img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:contain !important;
    object-position:center center !important;
    display:block;
    background:transparent !important;
    filter:saturate(1.08) contrast(1.03);
    transition:transform .6s ease;
}
.program-card:hover .program-image img{
    transform:scale(1.025);
}
@media(max-width:560px){
    .program-image{height:260px;}
}

/* Final update: make support/program card images fill the entire image element */
.program-card img,
.support-card img,
.card-image img,
.program-image img{
    width:100% !important;
    height:320px !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    background:transparent !important;
}
.program-image{
    height:320px !important;
    overflow:hidden !important;
    background:transparent !important;
}
.program-image::before{
    display:none !important;
    opacity:0 !important;
    background:none !important;
}
@media(max-width:560px){
    .program-card img,
    .support-card img,
    .card-image img,
    .program-image img,
    .program-image{
        height:260px !important;
    }
}


/* Four-card community gallery alignment */
.four-card-gallery{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    align-items:stretch;
    gap:22px;
}

.four-card-gallery .story-card,
.four-card-gallery .story-card.large,
.four-card-gallery .story-card.wide{
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:0;
    aspect-ratio:4 / 5;
    display:flex;
}

.four-card-gallery .story-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.four-card-gallery .story-card:nth-child(1) img{object-position:center;}
.four-card-gallery .story-card:nth-child(2) img{object-position:center;}
.four-card-gallery .story-card:nth-child(3) img{object-position:center;}
.four-card-gallery .story-card:nth-child(4) img{object-position:center;}

@media(max-width:1100px){
    .four-card-gallery{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

@media(max-width:640px){
    .four-card-gallery{grid-template-columns:1fr !important;}
    .four-card-gallery .story-card{aspect-ratio:4 / 3;}
}