:root {
    --sanja-black: #050806;
    --sanja-ink: #09100b;
    --sanja-panel: #0d1710;
    --sanja-panel-2: #142019;
    --sanja-line: rgba(203, 220, 156, .14);
    --sanja-line-red: rgba(121, 177, 82, .4);
    --sanja-red: #568e3c;
    --sanja-red-hot: #8bcf5a;
    --sanja-red-dark: #233d1b;
    --sanja-ember: #d7df72;
    --sanja-gold: #c8b66a;
    --sanja-text: #f2f2df;
    --sanja-muted: #a6ad8e;
    --sanja-max: 1360px;
    --sanja-shadow: 0 30px 85px rgba(2, 12, 4, .56);
}

body.edition-verdant {
    background:
        radial-gradient(circle at 8% 18%, rgba(75, 135, 52, .18), transparent 29rem),
        radial-gradient(circle at 90% 65%, rgba(140, 118, 47, .11), transparent 30rem),
        linear-gradient(160deg, #050806, #0a120c 55%, #050706);
}

body.edition-verdant::before {
    opacity: .16;
    background-image: radial-gradient(circle, rgba(192, 220, 147, .18) 1px, transparent 1px);
    background-size: 42px 42px;
}

.edition-verdant .sanja-header {
    inset: 24px max(24px, calc((100% - var(--sanja-max)) / 2)) auto;
    height: 74px;
    border: 1px solid rgba(190, 213, 145, .14);
    border-radius: 14px 14px 34px 34px;
    background: linear-gradient(135deg, rgba(8, 20, 11, .9), rgba(19, 30, 20, .76));
    box-shadow: 0 24px 65px rgba(1, 9, 3, .4);
}

.edition-verdant .sanja-header.is-scrolled { height: 66px; background: rgba(8, 18, 10, .96); }
.edition-verdant .sanja-header::after { left: 8%; width: 84%; background: linear-gradient(90deg, transparent, #99cb62, #c3ad59, transparent); }
.edition-verdant .sanja-header__inner { width: calc(100% - 36px); gap: 24px; }

.edition-verdant .sanja-brand__sigil {
    border: 1px solid rgba(180, 207, 125, .52);
    border-radius: 50% 12% 50% 12%;
    background: linear-gradient(145deg, rgba(99, 153, 69, .42), rgba(31, 55, 25, .15));
    box-shadow: inset 0 0 24px rgba(164, 209, 104, .16), 0 0 30px rgba(83, 144, 54, .13);
}

.edition-verdant .sanja-brand__sigil::before,
.edition-verdant .sanja-brand__sigil::after { border-radius: 50%; }
.edition-verdant .sanja-brand__copy strong { letter-spacing: .15em; }
.edition-verdant .sanja-header-cta { border-color: rgba(151, 195, 89, .55); background: linear-gradient(135deg, #7cae46, #345b29); }
.edition-verdant .sanja-dev-badge { border-color: rgba(149, 197, 89, .42); background: rgba(8, 20, 9, .9); }

.verdant-canopy {
    position: absolute;
    z-index: 33;
    top: 76px;
    left: 0;
    right: 0;
    height: 190px;
    pointer-events: none;
    overflow: hidden;
}
.verdant-canopy span {
    position: absolute;
    top: -100px;
    width: 320px;
    height: 220px;
    border: 1px solid rgba(137, 189, 89, .14);
    border-radius: 50%;
    transform: rotate(-18deg);
}
.verdant-canopy span:nth-child(1) { left: 3%; }
.verdant-canopy span:nth-child(2) { left: 30%; width: 480px; opacity: .45; }
.verdant-canopy span:nth-child(3) { right: 2%; transform: rotate(22deg); }

.edition-verdant .sanja-hero {
    min-height: 770px;
    height: 92vh;
    margin: 0 18px;
    border-radius: 0 0 80px 80px;
}

.edition-verdant .sanja-hero::after {
    background:
        linear-gradient(90deg, rgba(3,7,4,.08), rgba(3,7,4,.08) 42%, rgba(3,9,5,.58) 62%, rgba(3,9,5,.95)),
        linear-gradient(180deg, rgba(3,8,4,.28), transparent 45%, rgba(3,8,4,.9));
}

.edition-verdant .sanja-hero__slide:not(:first-of-type),
.edition-verdant .sanja-hero__controls { display: none; }
.edition-verdant .sanja-hero__slide:first-of-type { opacity: 1 !important; visibility: visible !important; }
.edition-verdant .sanja-hero__slide:first-of-type .sanja-eyebrow,
.edition-verdant .sanja-hero__slide:first-of-type h2,
.edition-verdant .sanja-hero__slide:first-of-type .sanja-hero__content > p,
.edition-verdant .sanja-hero__slide:first-of-type .sanja-hero__buttons { opacity: 1 !important; transform: none !important; animation: none !important; }
.edition-verdant .sanja-hero__visual { background-position: center; filter: saturate(1.02) contrast(1.02); }

.edition-verdant .sanja-hero__content {
    width: min(calc(100% - 72px), var(--sanja-max));
    padding-top: clamp(190px, 25vh, 260px);
    padding-left: min(51vw, 720px);
}

.edition-verdant .sanja-hero__content::before {
    position: absolute;
    z-index: -1;
    top: 150px;
    right: -32px;
    width: min(650px, 48vw);
    height: 500px;
    content: "";
    border: 1px solid rgba(178, 207, 129, .13);
    border-radius: 120px 20px 120px 20px;
    background: linear-gradient(145deg, rgba(8, 22, 11, .84), rgba(8, 22, 11, .32));
    backdrop-filter: blur(9px);
}

.edition-verdant .sanja-hero h2 { font-size: clamp(54px, 6vw, 92px); line-height: .94; }
.edition-verdant .sanja-hero h2 em { color: #d2d99a; -webkit-text-stroke: 0; text-shadow: 0 0 34px rgba(138, 195, 86, .32); }
.edition-verdant .sanja-eyebrow { color: #bed88f; }
.edition-verdant .sanja-hero__content > p:not(.sanja-eyebrow) { color: #ced0b8; }
.edition-verdant .sanja-button { border-radius: 24px 4px 24px 4px; }
.edition-verdant .sanja-button--primary { background: linear-gradient(135deg, #98b754, #456f33); box-shadow: 0 16px 38px rgba(56, 102, 40, .36); }
.edition-verdant .sanja-button--ghost { border-color: rgba(212, 218, 155, .28); background: rgba(9, 18, 10, .58); }

.edition-verdant .sanja-feature-ribbon { margin-top: -74px; }
.edition-verdant .sanja-feature-ribbon__inner { gap: 16px; border: 0; background: transparent; box-shadow: none; }
.edition-verdant .sanja-feature-card {
    min-height: 152px;
    border: 1px solid rgba(183, 204, 138, .15);
    border-radius: 60px 8px 60px 8px;
    background: rgba(10, 24, 12, .9);
    box-shadow: 0 24px 60px rgba(2, 11, 3, .34);
}
.edition-verdant .sanja-feature-card:nth-child(2) { transform: translateY(26px); }
.edition-verdant .sanja-feature-card > i { border-radius: 50%; border-color: rgba(187, 207, 131, .28); background: rgba(124, 175, 78, .12); transform: rotate(12deg); }
.edition-verdant .sanja-feature-card > i::before { transform: rotate(-12deg); }
.edition-verdant .sanja-feature-card:hover { background: rgba(50, 86, 38, .52); }

.edition-verdant .sanja-main { padding-top: 145px; }
.edition-verdant .sanja-content-grid { grid-template-columns: minmax(0, 1fr) 310px; gap: 58px; }
.edition-verdant .sanja-primary { transform: translateY(-18px); }
.edition-verdant .sanja-sidebar { transform: translateY(38px); }
.edition-verdant .sanja-primary .page-hd,
.edition-verdant .sanja-primary .content,
.edition-verdant .sanja-sidebar .widget {
    border-color: rgba(187, 207, 142, .14);
    border-radius: 42px 6px 42px 6px;
    background-color: rgba(11, 22, 13, .88);
}

.edition-verdant .sanja-footer {
    border-radius: 80px 80px 0 0;
    background: linear-gradient(rgba(4,10,5,.9), rgba(4,10,5,.98)), url('../images/editions/verdant-oath/hero.webp') center / cover;
}

@media (max-width: 1100px) {
    .edition-verdant .sanja-header { inset-inline: 18px; }
    .edition-verdant .sanja-hero__content { padding-left: 42%; }
    .edition-verdant .sanja-content-grid { gap: 28px; }
}

@media (max-width: 760px) {
    .edition-verdant .sanja-header { inset: 8px 8px auto; border-radius: 12px 12px 24px 24px; }
    .verdant-canopy { display: none; }
    .edition-verdant .sanja-hero { margin: 0; min-height: 930px; height: 112svh; border-radius: 0 0 42px 42px; }
    .edition-verdant .sanja-hero::after { background: linear-gradient(180deg, rgba(4,9,5,.14), rgba(4,9,5,.52) 47%, rgba(4,9,5,.96) 72%); }
    .edition-verdant .sanja-hero__visual { background-position: 42% center; }
    .edition-verdant .sanja-hero__content { width: calc(100% - 38px); padding: 420px 0 0; }
    .edition-verdant .sanja-hero__content::before { top: 390px; right: -12px; width: calc(100% + 24px); height: 340px; border-radius: 48px 8px; }
    .edition-verdant .sanja-hero h2 { font-size: clamp(43px, 13vw, 64px); }
    .edition-verdant .sanja-feature-ribbon { margin-top: 0; }
    .edition-verdant .sanja-feature-ribbon__inner { width: calc(100% - 28px); grid-template-columns: 1fr; }
    .edition-verdant .sanja-feature-card { min-height: 105px; border-radius: 32px 6px; }
    .edition-verdant .sanja-feature-card:nth-child(2) { transform: none; }
    .edition-verdant .sanja-main { padding-top: 92px; }
    .edition-verdant .sanja-content-grid { grid-template-columns: minmax(0, 1fr); }
    .edition-verdant .sanja-primary,
    .edition-verdant .sanja-sidebar { width: 100%; min-width: 0; transform: none; }
}