/* Noir & Gold — inner pages. Black velvet + gold hairlines (native dark) / ivory & gold (light). */
.sx,.sx-foot{
  --bg:#0a0908; --bg2:#121010; --ink:#efe9dd; --mute:rgba(239,233,221,.62); --line:rgba(239,233,221,.13); --card:#100e0d; --card-line:rgba(216,178,106,.2);
  --accent:#d8b26a; --on-accent:#0a0908; --accent-ink:#d8b26a; --field:transparent; --head-bg:rgba(10,9,8,.88); --head-line:rgba(216,178,106,.16);
  --radius:4px; --radius-sm:2px; --btn-r:999px; --shadow:0 40px 80px -40px rgba(0,0,0,.95);
  --font:'Manrope',system-ui,sans-serif; --font-d:'Cormorant Garamond',Georgia,serif; --font-m:'Manrope',system-ui,sans-serif; --d-weight:300; --d-track:-.02em; --d-lh:.98;
  --gold-grad:linear-gradient(100deg,#a37b35 0%,#f3dca4 32%,#d8b26a 52%,#f3dca4 72%,#a37b35 100%);
}
html[data-theme="light"] .sx,html[data-theme="light"] .sx-foot{
  --bg:#f5f0e6; --bg2:#ebe4d6; --ink:#1c1813; --mute:rgba(28,24,19,.7); --line:rgba(28,24,19,.15); --card:#fbf8f1; --card-line:rgba(138,101,38,.25);
  --accent:#8a6526; --on-accent:#fff; --accent-ink:#8a6526; --head-bg:rgba(245,240,230,.9); --head-line:rgba(138,101,38,.2); --shadow:0 30px 60px -36px rgba(60,40,10,.35);
  --gold-grad:linear-gradient(100deg,#5e4318 0%,#a07834 35%,#8a6526 55%,#a07834 75%,#5e4318 100%);
}
html[lang=ar] .sx,html[lang=ar] .sx-foot{--font:'IBM Plex Sans Arabic',system-ui,sans-serif; --font-d:'Amiri',Georgia,serif; --font-m:'IBM Plex Sans Arabic',system-ui,sans-serif; --d-weight:400; --d-lh:1.4}

body.sx::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vmax 45vmax at 80% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%)}
.sx-word{font-family:'Cormorant Garamond',serif;font-size:24px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.sx-word i{font-style:italic;letter-spacing:0;text-transform:none;color:var(--accent-ink)}
.sx-nav > ul > li > a{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:400}
.sx-nav > ul > li > a:hover,.sx-nav > ul > li > a[aria-current]{background:none;color:var(--accent-ink)}
.sx h1{font-size:clamp(48px,7.6vw,124px);font-weight:300}
.sx h2,.sx-h2,.sx-cta h2{font-size:clamp(36px,4.6vw,72px)}
.sx-card h3,.sx-post h3{font-size:26px;font-weight:400;line-height:1.1}
.sx-eyebrow{font-size:11px;letter-spacing:.32em;color:var(--accent-ink)}
.sx-lead{font-size:clamp(17px,1.4vw,20px)}
.sx-btn{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;min-height:52px;padding:14px 30px}
.sx-btn--accent{background:var(--gold-grad);background-size:200% 100%;transition:background-position .8s,transform .35s}
.sx-btn--accent:hover{background-position:100% 0}
.sx-btn--ghost{border-color:var(--card-line);color:var(--accent-ink)}
.sx-btn--ghost:hover{border-color:var(--accent)}
.sx-head-cta{font-size:11px}
.sx-card,.sx-post{background:transparent;border:0;border-top:1px solid var(--card-line);border-radius:0}
.sx-card .sx-fig,.sx-post .sx-fig{border-radius:2px}
.sx-card-t,.sx-post-t{padding-inline:0}
.sx-card:hover,.sx-post:hover{box-shadow:none}
.sx-hero-fig,.sx-sec-fig,.sx-art-hero .sx-fig{border-radius:2px;filter:saturate(.9) contrast(1.05)}
.sx-prose ul li::before{background:none;border:1px solid var(--accent);width:7px;height:7px}
.sx-faq details{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
.sx-faq summary{font-family:var(--font-d);font-size:24px;font-weight:400;padding-inline:0}
.sx-faq details .sx-prose{padding-inline:0}
.sx-faq summary::after{border-color:var(--card-line)}
.sx-stat{background:transparent;border:0;border-top:1px solid var(--card-line);border-radius:0;padding-inline:0}
.sx-stat b{font-weight:300;font-size:clamp(46px,6vw,96px);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-cta-in{background:transparent;border:1px solid var(--card-line);border-radius:2px;position:relative}
.sx-cta-in::before{content:'';position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none}
.sx-form,.sx-ci{background:transparent;border-color:var(--card-line)}
.sx-field input,.sx-field select,.sx-field textarea{border:0;border-bottom:1px solid var(--line);border-radius:0;padding-inline:0;background:transparent}
.sx-field select option{background:var(--bg)}
.sx-field input:focus,.sx-field select:focus,.sx-field textarea:focus{box-shadow:none;border-bottom-color:var(--accent)}
.sx-search input{background:transparent;border-color:var(--card-line)}
.sx-foot{background:var(--bg);border-top:1px solid var(--card-line)}
.sx-foot-cta h2{font-weight:300;font-size:clamp(36px,5vw,76px)}
.sx-foot-grid h3{font-family:var(--font);letter-spacing:.28em;font-size:11px}
html[lang=ar] .sx-word{letter-spacing:.14em!important}
html[lang=ar] .sx-nav > ul > li > a,html[lang=ar] .sx-btn{text-transform:none;font-size:14.5px}
html[lang=ar] .sx h1{font-size:clamp(40px,6vw,96px)}
html[lang=ar] .sx-faq summary{font-size:21px}

/* configurator skin (copied from the homepage) */
/* names used by the homepage skin, mapped to the inner-page tokens */
.sx{--gold:#d8b26a;--gold2:#f3dca4;--gold3:#a37b35;--serif:var(--font-d);--sans:var(--font);--tint:color-mix(in srgb,var(--accent) 9%,transparent)}
html[data-theme="light"] .sx{--gold:#8a6526;--gold2:#a07834;--gold3:#5e4318}
.cfx{--cfx-ink:var(--ink);--cfx-mute:var(--mute);--cfx-line:var(--line);--cfx-panel:var(--bg2);--cfx-well:transparent;--cfx-accent:var(--gold);--cfx-on-accent:#0a0908;
  --cfx-tint:var(--tint);--cfx-sel:var(--gold);--cfx-on-sel:#0a0908;--cfx-r:6px;--cfx-r2:999px;--cfx-btn-r:999px;--cfx-border:1px solid var(--line);
  --cfx-dim:#d8b26a;--cfx-tool:rgba(10,9,8,.72);--cfx-tool-ink:#efe9dd;--cfx-shadow:0 0 0 1px rgba(216,178,106,.25);--cfx-top:90px;
  --cfx-stage:radial-gradient(70% 62% at 50% 28%,#3b342b 0%,#1a1714 52%,#0a0908 100%);--cfx-stage-night:radial-gradient(70% 62% at 50% 28%,#1a1d26 0%,#0c0d12 52%,#050506 100%)}
.cfx-seg{gap:6px;padding:0}
.cfx-seg button{border:1px solid var(--line);border-radius:999px;font-weight:400;letter-spacing:.04em}
.cfx-seg button[aria-checked=true]{border-color:var(--gold);box-shadow:none}
.cfx-chk label{border-radius:999px}
.cfx-lab{color:var(--gold);letter-spacing:.24em;font-family:var(--sans)}
.cfx-range output{font-family:var(--serif);font-weight:300;font-size:28px}
.cfx-spec dd{font-family:var(--serif);font-weight:400;font-size:16px}
.cfx-send{text-transform:uppercase;letter-spacing:.18em;font-size:12.5px;background:linear-gradient(100deg,var(--gold3),var(--gold2) 45%,var(--gold))}
.cfx-labels span{color:#0a0908;border-radius:999px}
@media (hover:hover){.cfx-canvas{cursor:none}}
html[data-theme="light"] .cfx{--cfx-panel:#fbf8f1;--cfx-on-accent:#fff;--cfx-on-sel:#fff;--cfx-dim:#8a6526;--cfx-tool:rgba(255,253,248,.92);--cfx-tool-ink:#1c1813;--cfx-shadow:0 0 0 1px rgba(138,101,38,.25);
  --cfx-stage:radial-gradient(70% 62% at 50% 28%,#ffffff 0%,#f1ebdf 52%,#e2d8c6 100%)}
html[data-theme="light"] .cfx-labels span{color:#fff}
html[data-theme="light"] .cfx-send{color:#fff}
html[lang="ar"] .cfx-range output,html[lang="ar"] .cfx-spec dd{font-family:inherit}