

/* Start:/local/templates/axiacra_royal/styles.css?17838863501120*/
/* content-area helpers (page-level). Core design system is in template_styles.css */
.ax-hidden{display:none!important}
.center{text-align:center}
.mt-0{margin-top:0}
.lead-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:760px){.two-col{grid-template-columns:1fr}}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
@media(max-width:680px){.pillars{grid-template-columns:1fr}}
.pillar{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel-2));padding:26px;position:relative;overflow:hidden;text-decoration:none;display:block}
.pillar .fc{position:absolute;top:0;inset-inline-end:0;width:92px;height:92px;color:var(--gold);opacity:.5}
.pillar h3{font-size:24px;color:var(--ivory);margin-bottom:8px}
.pillar .one{font-family:var(--f-mono);font-size:12px;color:var(--gold);letter-spacing:.06em;margin-bottom:12px}
.pillar p{color:var(--ivory-2);font-size:14.5px;max-width:44ch}
.pillar:hover{border-color:color-mix(in srgb,var(--gold) 50%,var(--line))}

/* End */


/* Start:/local/templates/axiacra_royal/template_styles.css?178388909217037*/
/* ============================================================
   Axiacracy — axiacra_royal Bitrix template
   Royal purple & gold · damask · art-deco · floral
   Design system (both themes, sticky header, sun/moon, RTL)
   ============================================================ */
:root{
  --void:#160826; --ground:#1d0d33; --panel:#291551; --panel-2:#33195f;
  --line:#452a70; --line-2:#5a3a89;
  --royal:#5a2e93; --orchid:#9a6fd0;
  --gold:#d9b44a; --gold-bright:#f2d888; --gold-deep:#a8842f; --gold-soft:rgba(217,180,74,.34);
  --ivory:#f2ead6; --ivory-2:#cbbde4; --faint:#9a86bd;
  --logo:#d9b44a; /* main logo mark — gold on dark ground */
  --l-understand:#e6a680; --l-system:#95a8ea; --l-lineage:#cf97e0; --l-sim:#79c8ad; --l-sovereign:var(--gold);
  --ok:#7fcc9c; --warn:#e6c766; --crit:#e2818d;
  --shadow:0 2px 0 rgba(255,255,255,.03), 0 26px 60px -34px rgba(0,0,0,.85);
  --maxw:1160px; --readw:720px;
  --f-display:"Bodoni MT","Bodoni 72","Didot","Playfair Display","Palatino Linotype",Palatino,Georgia,serif;
  --f-deco:"Century Gothic","Twentieth Century","Futura","Questrial","Segoe UI",system-ui,sans-serif;
  --f-body:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --f-mono:ui-monospace,Consolas,"Cascadia Code","SFMono-Regular",monospace;
}
:root[data-theme="light"]{
  --void:#efe6cf; --ground:#f4ecda; --panel:#ece0c2; --panel-2:#f6efdd;
  --line:#d8c8a6; --line-2:#c9b48b; --royal:#5a2e93; --orchid:#7a4fb0;
  --gold:#9c7a24; --gold-bright:#7a5e18; --gold-deep:#b8912e; --gold-soft:rgba(122,86,20,.28);
  --ivory:#2c1550; --ivory-2:#5b4477; --faint:#8a749f;
  --logo:#9c7a24; /* main logo mark — deep gold on ivory ground */
  --l-understand:#b46243; --l-system:#4a5fac; --l-lineage:#8a49a8; --l-sim:#347f68;
  --ok:#3f8f63; --warn:#a9821f; --crit:#b24a58;
  --shadow:0 1px 0 rgba(255,255,255,.7), 0 22px 50px -34px rgba(70,45,10,.4);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}}
body{margin:0;background:var(--ground);color:var(--ivory);font-family:var(--f-body);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,4vw,44px)}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;margin:0;text-wrap:balance;letter-spacing:.2px}
p{margin:0}
.mono{font-family:var(--f-mono)}
.eyebrow{font-family:var(--f-deco);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:700}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:#231043;padding:10px 16px;z-index:200;border-radius:0 0 8px 0}
.skip:focus{left:0}
.damask-fill{fill:none;stroke:var(--gold);stroke-width:1}

/* ---------------- STICKY LANDING HEADER ---------------- */
header.site{position:sticky;top:0;z-index:80;transition:background .28s ease, box-shadow .28s ease, border-color .28s;
  background:color-mix(in srgb,var(--ground) 82%,transparent);backdrop-filter:blur(14px) saturate(1.1);border-bottom:1px solid transparent}
header.site.stuck{border-bottom-color:var(--line);box-shadow:0 14px 40px -30px rgba(0,0,0,.9)}
.hd{display:flex;align-items:center;gap:20px;height:74px;transition:height .28s ease}
header.site.stuck .hd{height:60px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}
.logo .seal-sm{width:30px;height:35px;flex:0 0 auto;color:var(--logo)}
.logo .wm{font-family:var(--f-deco);font-weight:700;font-size:16px;letter-spacing:.34em;text-transform:uppercase;color:var(--ivory);padding-left:2px}
.logo .wm b{color:var(--gold);font-weight:700}
nav.main{display:flex;gap:2px;margin-inline-start:auto;align-items:center}
nav.main a{font-family:var(--f-deco);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ivory-2);text-decoration:none;padding:9px 11px;border-radius:8px;font-weight:600;white-space:nowrap}
nav.main a:hover,nav.main a.sel{color:var(--gold-bright);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.hd-tools{display:flex;align-items:center;gap:8px;margin-inline-start:8px}
.lang-switch{position:relative}
.lang-btn{font-family:var(--f-mono);font-size:12px;color:var(--ivory-2);background:transparent;border:1px solid var(--line-2);border-radius:8px;padding:7px 10px;cursor:pointer}
.lang-btn:hover{border-color:var(--gold);color:var(--gold-bright)}
.lang-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:6px;display:none;flex-direction:column;min-width:150px;box-shadow:var(--shadow);z-index:90}
.lang-menu.open{display:flex}
.lang-menu a{font-family:var(--f-body);font-size:13px;color:var(--ivory-2);text-decoration:none;padding:8px 12px;border-radius:7px;display:flex;justify-content:space-between;gap:12px}
.lang-menu a:hover{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold-bright)}
.lang-menu a.sel{color:var(--gold)}
.lang-menu a .code{font-family:var(--f-mono);font-size:11px;color:var(--faint)}

/* sun / moon theme toggle */
.theme-toggle{width:38px;height:38px;border-radius:9px;border:1px solid var(--line-2);background:transparent;color:var(--gold);cursor:pointer;display:grid;place-items:center;position:relative;flex:0 0 auto}
.theme-toggle:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.theme-toggle svg{width:18px;height:18px;position:absolute;transition:opacity .32s ease, transform .42s cubic-bezier(.5,1.4,.4,1)}
.theme-toggle .i-sun{opacity:0;transform:rotate(-50deg) scale(.5)}
.theme-toggle .i-moon{opacity:1;transform:none}
:root[data-theme="light"] .theme-toggle .i-sun{opacity:1;transform:none}
:root[data-theme="light"] .theme-toggle .i-moon{opacity:0;transform:rotate(50deg) scale(.5)}

.gold-cta{font-family:var(--f-deco);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#231043;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border:none;border-radius:9px;padding:10px 16px;cursor:pointer;text-decoration:none;box-shadow:0 6px 18px -8px var(--gold-soft);white-space:nowrap}
.gold-cta:hover{filter:brightness(1.06)}

.burger{display:none;flex-direction:column;gap:5px;width:44px;height:40px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line-2);border-radius:9px;cursor:pointer;margin-inline-start:auto}
.burger span{display:block;width:20px;height:2px;background:var(--gold);transition:transform .26s, opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobnav{display:none;position:fixed;inset:74px 0 0;z-index:70;background:color-mix(in srgb,var(--void) 96%,transparent);backdrop-filter:blur(8px);padding:26px clamp(18px,6vw,44px);flex-direction:column;gap:2px;overflow:auto}
.mobnav.open{display:flex}
.mobnav a{font-family:var(--f-display);font-size:26px;color:var(--ivory);text-decoration:none;padding:14px 6px;border-bottom:1px solid var(--line)}
.mobnav a:hover{color:var(--gold)}
.mobnav .m-langs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.mobnav .m-langs a{font-family:var(--f-mono);font-size:13px;border:1px solid var(--line-2);border-radius:8px;padding:8px 12px;border-bottom:1px solid var(--line-2)}
@media(max-width:960px){ nav.main,.hd-tools .lang-switch,.hd-tools .gold-cta{display:none} .burger{display:flex} .hd-tools{margin-inline-start:auto} }

/* ---------------- HERO / COVER ---------------- */
.cover{position:relative;padding:clamp(56px,10vw,116px) 0 clamp(38px,6vw,70px);border-bottom:1px solid var(--line);overflow:hidden}
.cover .dmk{position:absolute;inset:0;opacity:.15;pointer-events:none;color:var(--gold)}
.cover .frame{position:absolute;inset:clamp(14px,3vw,30px);border:1px solid var(--gold-soft);pointer-events:none}
.cover .frame::before,.cover .frame::after{content:"";position:absolute;width:26px;height:26px;border:1px solid var(--gold)}
.cover .frame::before{inset-inline-start:-1px;top:-1px;border-inline-end:none;border-bottom:none}
.cover .frame::after{inset-inline-end:-1px;bottom:-1px;border-inline-start:none;border-top:none}
.cover .in{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.cover .seal-lg{width:min(120px,29vw);height:min(140px,34vw);color:var(--logo)}
.cover h1{font-size:clamp(38px,7.6vw,78px);line-height:1;letter-spacing:.01em}
.cover h1 .ae{color:var(--gold)}
.cover .kick{font-family:var(--f-deco);font-size:clamp(11px,1.4vw,13px);letter-spacing:.4em;text-transform:uppercase;color:var(--ivory-2)}
.cover .sub{max-width:58ch;color:var(--ivory-2);font-size:clamp(15px,1.9vw,18px)}
.cover .sub b{color:var(--ivory);font-weight:600}
.cover .cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}

/* deco rule */
.deco-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px 0 4px;color:var(--gold)}
.deco-rule .ln{height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft),var(--gold));flex:1;max-width:180px}
.deco-rule .ln.r{background:linear-gradient(90deg,var(--gold),var(--gold-soft),transparent)}
.deco-rule svg{flex:0 0 auto}

/* ---------------- SECTIONS / CONTENT ---------------- */
main{display:block}
section.band{padding:clamp(44px,7vw,84px) 0;border-bottom:1px solid var(--line);position:relative}
.sec-head{max-width:70ch}
.sec-head h2{font-size:clamp(26px,4vw,40px);line-height:1.06;margin-top:10px}
.sec-head p{margin-top:14px;color:var(--ivory-2);max-width:64ch}

/* article / systematic reading pages */
.article{max-width:var(--readw);margin:0 auto;padding:clamp(30px,6vw,64px) 0 60px}
.article h1{font-size:clamp(32px,5vw,54px);line-height:1.02;margin-bottom:8px}
.article .lede{font-size:clamp(17px,2.2vw,21px);color:var(--ivory-2);margin:16px 0 26px;font-family:var(--f-display)}
.article h2{font-size:clamp(23px,3vw,30px);margin:40px 0 12px}
.article h3{font-size:19px;margin:28px 0 8px;color:var(--gold)}
.article p{margin:0 0 16px;color:var(--ivory)}
.article a[href]{color:var(--gold);text-underline-offset:3px}
.article ul,.article ol{margin:0 0 18px;padding-inline-start:22px;color:var(--ivory)}
.article li{margin-bottom:8px}
.article blockquote{margin:22px 0;padding:14px 22px;border-inline-start:3px solid var(--gold);background:var(--panel);border-radius:0 10px 10px 0;font-family:var(--f-display);font-size:19px;color:var(--ivory-2)}
.article .src{font-family:var(--f-mono);font-size:12px;color:var(--faint)}

/* grids & destination cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:36px}
.dcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;position:relative;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;gap:12px;text-decoration:none}
.dcard .fc{position:absolute;top:0;inset-inline-end:0;width:84px;height:84px;color:var(--gold);opacity:.45}
.dcard::before{content:"";position:absolute;inset-inline-start:0;top:20px;bottom:20px;width:3px;border-radius:3px;background:var(--c,var(--gold))}
.dcard .dtop{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dcard h3{font-size:21px;color:var(--ivory)}
.dcard .rt{font-family:var(--f-mono);font-size:11px;color:var(--faint)}
.dcard p{color:var(--ivory-2);font-size:14.5px}
.dcard:hover{border-color:color-mix(in srgb,var(--c,var(--gold)) 55%,var(--line))}
.dcard.c-u{--c:var(--l-understand)} .dcard.c-s{--c:var(--l-system)} .dcard.c-l{--c:var(--l-lineage)} .dcard.c-m{--c:var(--l-sim)} .dcard.c-v{--c:var(--gold)}

/* chips / tags / stances */
.chip{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;font-weight:600;padding:5px 11px;border-radius:999px;color:var(--c,var(--gold));border:1px solid color-mix(in srgb,var(--c,var(--gold)) 45%,transparent);background:color-mix(in srgb,var(--c,var(--gold)) 14%,transparent);display:inline-block}
.chip.c-u{--c:var(--l-understand)} .chip.c-s{--c:var(--l-system)} .chip.c-l{--c:var(--l-lineage)} .chip.c-m{--c:var(--l-sim)} .chip.c-v{--c:var(--gold)}
.stance{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:6px;text-align:center;display:inline-block}
.st-adopt{color:var(--l-sim);background:color-mix(in srgb,var(--l-sim) 16%,transparent);border:1px solid color-mix(in srgb,var(--l-sim) 44%,transparent)}
.st-adapt{color:var(--gold);background:color-mix(in srgb,var(--gold) 15%,transparent);border:1px solid color-mix(in srgb,var(--gold) 44%,transparent)}
.st-anc{color:var(--l-system);background:color-mix(in srgb,var(--l-system) 16%,transparent);border:1px solid color-mix(in srgb,var(--l-system) 44%,transparent)}
.st-div{color:var(--l-understand);background:color-mix(in srgb,var(--l-understand) 16%,transparent);border:1px solid color-mix(in srgb,var(--l-understand) 44%,transparent)}
.st-open{color:var(--faint);background:color-mix(in srgb,var(--faint) 14%,transparent);border:1px solid var(--line-2)}

/* buttons */
.b{font-family:var(--f-deco);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-radius:10px;padding:12px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent}
.b.primary{color:#231043;background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 8px 20px -10px var(--gold-soft)}
.b.primary:hover{filter:brightness(1.06)}
.b.outline{color:var(--gold);background:transparent;border-color:var(--gold)}
.b.outline:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)}
.b.ghost{color:var(--ivory-2);border-color:var(--line-2)}
.b.ghost:hover{color:var(--gold-bright);border-color:var(--gold)}

/* depth switch */
.switch{display:inline-flex;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:var(--panel-2);margin:6px 0 22px}
.switch a{font-family:var(--f-deco);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ivory-2);background:transparent;padding:9px 15px;cursor:pointer;border-inline-end:1px solid var(--line);text-decoration:none}
.switch a:last-child{border-inline-end:none}
.switch a[aria-current="true"]{color:#231043;background:linear-gradient(180deg,var(--gold-bright),var(--gold))}

/* table */
.scroller{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:14px}
table.tb{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}
table.tb th,table.tb td{text-align:start;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line)}
table.tb thead th{background:var(--panel-2);font-family:var(--f-deco);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:700}
table.tb .th{font-family:var(--f-display);font-size:15px;color:var(--ivory);width:22%}
table.tb td{color:var(--ivory-2)}
table.tb tbody tr:last-child td{border-bottom:none}
table.tb tbody tr:hover{background:color-mix(in srgb,var(--gold) 6%,transparent)}

/* "translation coming" state */
.pending{max-width:var(--readw);margin:0 auto;padding:clamp(50px,10vw,110px) 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.pending .seal-lg{width:82px;height:96px;color:var(--logo)}
.pending h1{font-size:clamp(28px,5vw,44px)}
.pending p{color:var(--ivory-2);max-width:48ch}

/* footer */
footer.site{padding:44px 0 60px;color:var(--faint);font-size:13px;position:relative;border-top:1px solid var(--line)}
footer.site .cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:26px;margin:26px 0 30px}
@media(max-width:760px){footer.site .cols{grid-template-columns:1fr 1fr}}
footer.site h4{font-family:var(--f-deco);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
footer.site a{color:var(--ivory-2);text-decoration:none;display:block;padding:4px 0;font-size:13.5px}
footer.site a:hover{color:var(--gold-bright)}
footer.site .brandcol .logo{margin-bottom:10px}
footer.site .brandcol p{color:var(--faint);font-size:13px;max-width:34ch}
footer.site .base{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line)}
footer.site .base .mono{font-size:12px}

/* RTL adjustments (for /ar/) */
[dir="rtl"] .eyebrow,[dir="rtl"] .logo .wm,[dir="rtl"] nav.main a{letter-spacing:0}
[dir="rtl"] .cover .in{text-align:center}
[dir="rtl"] .article{text-align:right}
[dir="rtl"] .switch a{border-inline-end:1px solid var(--line)}

/* bitrix edit-area niceties */
.bx-core-adm-cache{margin:0!important}

/* End */
/* /local/templates/axiacra_royal/styles.css?17838863501120 */
/* /local/templates/axiacra_royal/template_styles.css?178388909217037 */
