:root {
    --sanja-black: #e9e7e1;
    --sanja-ink: #f5f3ee;
    --sanja-panel: #fffdfa;
    --sanja-panel-2: #e7e4dd;
    --sanja-line: rgba(48, 44, 36, .13);
    --sanja-line-red: rgba(180, 137, 48, .42);
    --sanja-red: #a77c22;
    --sanja-red-hot: #cda744;
    --sanja-red-dark: #654810;
    --sanja-ember: #e7c260;
    --sanja-gold: #aa7c22;
    --sanja-text: #24221e;
    --sanja-muted: #777169;
    --sanja-max: 1440px;
    --sanja-shadow: 0 30px 80px rgba(69, 59, 39, .16);
}

html { background: #e9e7e1; }
body.edition-gilded {
    color: #292721;
    background:
        linear-gradient(90deg, rgba(77, 67, 48, .035) 1px, transparent 1px),
        #f0eee8;
    background-size: 72px 72px;
}

body.edition-gilded::before { opacity: .12; }
body.edition-gilded a:hover,
body.edition-gilded a:focus { color: #8c6517; }

.edition-gilded .sanja-header {
    height: 96px;
    color: #26231e;
    border: 0;
    border-bottom: 1px solid rgba(69, 61, 48, .15);
    background: rgba(250, 249, 246, .93);
    box-shadow: 0 15px 50px rgba(61, 52, 37, .08);
}
.edition-gilded .sanja-header.is-scrolled { height: 78px; background: rgba(250, 249, 246, .97); }
.edition-gilded .sanja-header::after { left: 50%; width: 160px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, #ae8126, transparent); }
.edition-gilded .sanja-header__inner { width: min(calc(100% - 72px), var(--sanja-max)); }

.edition-gilded .sanja-brand__sigil {
    color: #8a631a;
    border: 1px solid rgba(159, 120, 40, .6);
    background: linear-gradient(145deg, #fff, #e7dfcf);
    box-shadow: inset 0 0 20px rgba(177, 135, 46, .12), 0 10px 30px rgba(100, 81, 42, .1);
}
.edition-gilded .sanja-brand__sigil b { text-shadow: none; }
.edition-gilded .sanja-brand__copy strong { color: #24211c; }
.edition-gilded .sanja-brand__copy small { color: #8e7851; }
.edition-gilded .sanja-nav > a,
.edition-gilded .sanja-nav__group > a { color: #625e56; }
.edition-gilded .sanja-nav > a:hover,
.edition-gilded .sanja-nav__group:hover > a,
.edition-gilded .sanja-nav a.is-current { color: #9c701d; }
.edition-gilded .sanja-nav__dropdown { background: rgba(255, 254, 251, .98); }
.edition-gilded .sanja-nav__dropdown a { color: #5f5a52; }
.edition-gilded .sanja-nav__dropdown a:hover { color: #8a6217; background: linear-gradient(90deg, rgba(184, 139, 48, .15), transparent); }
.edition-gilded .sanja-realm-state { color: #6b675f; }
.edition-gilded .sanja-header-cta { color: #fff; border-color: #b78c35; background: linear-gradient(135deg, #c7a34d, #886119); }
.edition-gilded .sanja-dev-badge { color: #f0dfb5; border-color: rgba(181, 139, 52, .48); background: rgba(42, 34, 20, .9); }
.edition-gilded .sanja-menu-toggle { border-color: rgba(70, 61, 45, .2); background: #fff; }
.edition-gilded .sanja-menu-toggle > span:not(.sr-only) { background: #27231d; }

.gilded-folio {
    position: absolute;
    z-index: 34;
    top: 126px;
    left: max(36px, calc((100% - var(--sanja-max)) / 2));
    display: grid;
    grid-template-columns: auto auto 76px auto;
    align-items: center;
    gap: 12px;
    color: #6c6457;
    font: 700 9px/1 var(--sanja-ui-font);
    letter-spacing: .24em;
}
.gilded-folio b { color: #aa7e25; font: 500 30px/1 var(--sanja-display); }
.gilded-folio i { height: 1px; background: #b58b35; }
.gilded-folio small { color: #9b8a68; font-size: 8px; }

.edition-gilded .sanja-hero {
    min-height: 760px;
    height: 88vh;
    color: #25231e;
    background: #f8f6f1;
}
.edition-gilded .sanja-hero::before { background: linear-gradient(transparent, rgba(240,238,232,.76) 70%, #f0eee8); }
.edition-gilded .sanja-hero::after {
    background:
        linear-gradient(90deg, #f7f5f0 0%, rgba(247,245,240,.98) 38%, rgba(247,245,240,.68) 48%, rgba(247,245,240,.02) 74%),
        linear-gradient(180deg, rgba(247,245,240,.22), transparent 45%, rgba(239,236,229,.6));
}
.edition-gilded .sanja-hero__slide:not(:first-of-type),
.edition-gilded .sanja-hero__controls { display: none; }
.edition-gilded .sanja-hero__slide:first-of-type { opacity: 1 !important; visibility: visible !important; }
.edition-gilded .sanja-hero__slide:first-of-type .sanja-eyebrow,
.edition-gilded .sanja-hero__slide:first-of-type h2,
.edition-gilded .sanja-hero__slide:first-of-type .sanja-hero__content > p,
.edition-gilded .sanja-hero__slide:first-of-type .sanja-hero__buttons { opacity: 1 !important; transform: none !important; animation: none !important; }
.edition-gilded .sanja-hero__visual { left: 36%; background-position: center; filter: saturate(.72) contrast(.96); }
.edition-gilded .sanja-hero__content { width: min(calc(100% - 72px), var(--sanja-max)); padding-top: clamp(180px, 23vh, 230px); }
.edition-gilded .sanja-hero h2 {
    max-width: 670px;
    color: #27231c;
    font-size: clamp(58px, 6.5vw, 96px);
    line-height: .93;
    text-shadow: none;
}
.edition-gilded .sanja-hero h2 em { color: #a47a27; -webkit-text-stroke: 0; text-shadow: none; }
.edition-gilded .sanja-eyebrow { color: #9c762a; }
.edition-gilded .sanja-hero__content > p:not(.sanja-eyebrow) { max-width: 500px; color: #686158; }
.edition-gilded .sanja-button { color: #2c2923; border: 1px solid rgba(101, 84, 53, .2); }
.edition-gilded .sanja-button:hover { color: #fff; }
.edition-gilded .sanja-button--primary { color: #fff; background: linear-gradient(135deg, #c7a34d, #8e6519); box-shadow: 0 15px 38px rgba(130, 94, 26, .22); }
.edition-gilded .sanja-button--ghost { background: rgba(255, 255, 255, .68); backdrop-filter: blur(10px); }
.edition-gilded .sanja-button--ghost:hover { background: #8f681e; border-color: #8f681e; }
.edition-gilded .sanja-hero__scroll { color: rgba(54, 48, 38, .52); }

.edition-gilded .sanja-feature-ribbon { margin-top: 0; }
.edition-gilded .sanja-feature-ribbon__inner { background: rgba(255, 254, 251, .94); border-color: rgba(91, 77, 52, .15); box-shadow: 0 28px 80px rgba(65, 54, 34, .13); }
.edition-gilded .sanja-feature-card { border-color: rgba(91, 77, 52, .13); }
.edition-gilded .sanja-feature-card:hover { background: rgba(181, 140, 54, .08); }
.edition-gilded .sanja-feature-card > i { color: #a57b26; border-color: rgba(166, 124, 37, .35); background: rgba(178, 137, 48, .08); }
.edition-gilded .sanja-feature-card small { color: #958872; }
.edition-gilded .sanja-feature-card strong { color: #302c25; }
.edition-gilded .sanja-feature-card b { color: rgba(93, 77, 48, .055); }

.edition-gilded .sanja-main { width: min(calc(100% - 72px), var(--sanja-max)); }
.edition-gilded .sanja-content-grid { grid-template-columns: minmax(0, 1fr) 320px; gap: 64px; }
.edition-gilded .sanja-primary .page-hd,
.edition-gilded .sanja-primary .content,
.edition-gilded .sanja-sidebar .widget {
    color: #36322b;
    border-color: rgba(82, 70, 48, .14);
    background-color: rgba(255, 254, 251, .92);
    box-shadow: 0 22px 60px rgba(73, 62, 42, .1);
}
.edition-gilded .sanja-primary .page-hd { border-left-color: #b58a32; }
.edition-gilded .sanja-ui,
.edition-gilded .sanja-primary,
.edition-gilded .sanja-primary p,
.edition-gilded .sanja-primary td,
.edition-gilded .sanja-sidebar,
.edition-gilded .sanja-sidebar .widget .bd { color: #514c44; }
.edition-gilded .sanja-primary h1,
.edition-gilded .sanja-primary h2,
.edition-gilded .sanja-primary h3,
.edition-gilded .sanja-sidebar h4,
.edition-gilded .sanja-sidebar strong,
.edition-gilded .sanja-primary strong { color: #29251f; }
.edition-gilded .sanja-ui .form-control,
.edition-gilded .sanja-sidebar .form-control,
.edition-gilded .sanja-ui input,
.edition-gilded .sanja-ui textarea,
.edition-gilded .sanja-ui select { color: #2e2a24; border-color: rgba(80, 68, 47, .18); background: #f3f0e9; }
.edition-gilded .sanja-ui .table,
.edition-gilded .sanja-ui .table td,
.edition-gilded .sanja-ui .table th { color: #39352e; border-color: rgba(86, 73, 49, .13); }
.edition-gilded .sanja-sidebar .list-group-item { color: #514b42; background: rgba(244, 241, 234, .7); border-color: rgba(86, 73, 49, .13); }
.edition-gilded .sanja-sidebar .top-sidebar { background: linear-gradient(135deg, #e5dfd2, #f7f4ee); }
.edition-gilded .sanja-sidebar .top-sidebar h4 { color: #322e27; }

.edition-gilded .sanja-footer {
    color: #81796d;
    border-color: rgba(76, 65, 45, .15);
    background: linear-gradient(rgba(247,245,240,.94), rgba(235,232,224,.98)), url('../images/editions/gilded-dawn/hero.webp') center / cover;
}
.edition-gilded .sanja-footer::before { background: linear-gradient(180deg, #f0eee8, transparent 40%), radial-gradient(circle at 50% 120%, rgba(181,139,52,.15), transparent 45%); }
.edition-gilded .sanja-footer__brand strong { color: #2d2922; }
.edition-gilded .sanja-footer__links a,
.edition-gilded .sanja-footer__bottom a { color: #70685d; }
.edition-gilded .sanja-footer__bottom { color: #8f887c; border-color: rgba(76, 65, 45, .13); }

@media (max-width: 900px) {
    .gilded-folio { left: 28px; }
    .edition-gilded .sanja-content-grid { gap: 28px; }
}

@media (max-width: 760px) {
    .gilded-folio { top: 96px; left: 20px; grid-template-columns: auto auto 32px; }
    .gilded-folio small { display: none; }
    .edition-gilded .sanja-header { height: 78px; }
    .edition-gilded .sanja-hero { min-height: 880px; height: 104svh; }
    .edition-gilded .sanja-hero::after { background: linear-gradient(180deg, rgba(248,246,241,.12), rgba(248,246,241,.52) 45%, #f4f2ed 72%); }
    .edition-gilded .sanja-hero__visual { left: 0; background-position: 63% center; }
    .edition-gilded .sanja-hero__content { width: calc(100% - 40px); padding-top: 330px; }
    .edition-gilded .sanja-hero h2 { font-size: clamp(44px, 13vw, 65px); }
    .edition-gilded .sanja-feature-ribbon { margin-top: 0; }
    .edition-gilded .sanja-feature-ribbon__inner { width: 100%; grid-template-columns: 1fr; }
    .edition-gilded .sanja-main { width: calc(100% - 32px); }
    .edition-gilded .sanja-content-grid { grid-template-columns: minmax(0, 1fr); }
    .edition-gilded .sanja-primary,
    .edition-gilded .sanja-sidebar { width: 100%; min-width: 0; }
}
