/* Explain: Layout utilities and theme styling, including global hero section styling. */
.section-pad {
    padding-top: clamp(5.5rem, 10vw, 9rem);
    padding-bottom: clamp(5.5rem, 10vw, 9rem);
}

.hero-split {
    background:
        linear-gradient(115deg, rgba(0, 145, 211, 0.5) 0%, rgba(0, 145, 211, 0.3) 52%, rgba(0, 145, 211, 0.05) 100%);
}

.orb {
    position: absolute;
    border-radius: 999px;
    filter: blur(8px);
    opacity: 0.52;
    pointer-events: none;
    z-index: -1;
}

.orb-brand {
    width: 24rem;
    height: 24rem;
    right: 8%;
    top: 10%;
    background: rgba(0, 59, 122, 0.2);
}

.orb-contrast {
    width: 18rem;
    height: 18rem;
    left: 4%;
    bottom: 10%;
    background: rgba(246, 196, 45, 0.05);
}

/* Leaf Branch — green-energy theme (scoped to .leaf-branch-theme page body) */
.leaf-branch-theme {
    background-color: #06281B;
    background-image:
        linear-gradient(to bottom, rgba(6, 78, 48, 0.34), rgba(8, 92, 56, 0.5)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='900' viewBox='0 0 1440 900'%3E%3Cg fill='none' stroke='rgba(134,239,172,1)' stroke-width='1.3'%3E%3Cpath d='M150 150 L420 90 L760 140 L1080 110 L1320 260'/%3E%3Cpath d='M150 150 L250 420 L560 380 L760 140'/%3E%3Cpath d='M760 140 L700 260 L560 380'/%3E%3Cpath d='M1080 110 L900 430 L760 140'/%3E%3Cpath d='M1320 260 L1200 520 L900 430'/%3E%3Cpath d='M250 420 L180 700 L520 760 L560 380'/%3E%3Cpath d='M560 380 L520 760 L860 720 L900 430'/%3E%3Cpath d='M1200 520 L1150 780 L860 720'/%3E%3Cpath d='M900 430 L860 720'/%3E%3Cpath d='M250 420 L900 430'/%3E%3C/g%3E%3Cg fill='rgba(187,247,208,1)'%3E%3Ccircle cx='150' cy='150' r='4'/%3E%3Ccircle cx='420' cy='90' r='4'/%3E%3Ccircle cx='760' cy='140' r='5'/%3E%3Ccircle cx='1080' cy='110' r='4'/%3E%3Ccircle cx='1320' cy='260' r='4'/%3E%3Ccircle cx='250' cy='420' r='4'/%3E%3Ccircle cx='560' cy='380' r='5'/%3E%3Ccircle cx='700' cy='260' r='3'/%3E%3Ccircle cx='900' cy='430' r='5'/%3E%3Ccircle cx='1200' cy='520' r='4'/%3E%3Ccircle cx='180' cy='700' r='4'/%3E%3Ccircle cx='520' cy='760' r='4'/%3E%3Ccircle cx='860' cy='720' r='5'/%3E%3Ccircle cx='1150' cy='780' r='4'/%3E%3C/g%3E%3C/svg%3E"),
        url('https://files.cdn-files-a.com/uploads/12439104/normal_gi-6ac69adc7f5a2.jpg?format=avif');
    background-size: cover, cover, cover;
    background-position: center top, center center, center center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-attachment: fixed, fixed, fixed;
}

.leaf-branch-theme .hero-split {
    background:
        linear-gradient(115deg, rgba(22, 163, 74, 0.45) 0%, rgba(16, 133, 90, 0.28) 52%, rgba(74, 222, 128, 0.05) 100%);
}

.leaf-branch-theme .orb-brand {
    background: rgba(22, 163, 74, 0.22);
}

.leaf-branch-theme .orb-contrast {
    background: rgba(74, 222, 128, 0.08);
}

/* Dark-green header, scoped to the Leaf Branch page only */
.leaf-branch-theme .site-header {
    background: #06331F;
    border-bottom-color: rgba(134, 239, 172, 0.18);
}

.leaf-branch-theme .site-header nav a:hover {
    color: #86EFAC;
}

.leaf-branch-theme .site-header button:hover {
    border-color: var(--accent-color);
}

/* Dark-green footer, scoped to the Leaf Branch page only */
.leaf-branch-theme .site-footer {
    background-color: #06331F !important;
    border-top-color: rgba(134, 239, 172, 0.18);
}