/* Creative Fusion — inner pages: shared layout + components. Every design re-skins it through the tokens below
   (assets/site/<design>.css). Everything is scoped to .sx (inner pages) and .sx-foot (also injected on the homepages). */
:where(.sx, .sx-foot){
  --bg:#fff; --bg2:#f4f4f2; --ink:#111; --mute:rgba(17,17,17,.68); --line:rgba(17,17,17,.12); --card:#fff; --card-line:rgba(17,17,17,.1);
  --accent:#1d4ed8; --on-accent:#fff; --accent-ink:#1d4ed8; --field:#fff; --head-bg:rgba(255,255,255,.92); --head-line:rgba(17,17,17,.08);
  --radius:18px; --radius-sm:10px; --btn-r:999px; --shadow:0 18px 40px -24px rgba(0,0,0,.35);
  --font:system-ui,sans-serif; --font-d:var(--font); --font-m:ui-monospace,monospace; --d-weight:600; --d-track:-.02em; --d-case:none; --d-lh:1.05;
  --wrap:1240px; --gut:clamp(16px,4vw,48px); --head-h:72px; --sec:clamp(56px,8vw,120px);
}
.sx *,.sx *::before,.sx *::after,.sx-foot *,.sx-foot *::before,.sx-foot *::after{box-sizing:border-box}
body.sx{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility}
:where(.sx) img{max-width:100%;display:block}
:where(.sx) a{color:inherit}
:where(.sx) :where(h1,h2,h3,h4){margin:0;overflow-wrap:break-word;font-family:var(--font-d);font-weight:var(--d-weight);letter-spacing:var(--d-track);text-transform:var(--d-case);line-height:var(--d-lh)}
:where(.sx) :where(p){margin:0}
.sx :focus-visible,.sx-foot :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sx-wrap{width:min(var(--wrap),100% - 2 * var(--gut));margin-inline:auto}
.sx-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sx-skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;padding:10px 16px;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);text-decoration:none}
.sx-skip:focus{top:12px}
html[dir=rtl] .sx-arr{display:inline-block;transform:scaleX(-1)}
.sx-arr{transition:transform .3s}

/* buttons */
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:var(--btn-r);border:1px solid transparent;font:600 15px/1.2 var(--font);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background-color .25s,color .25s,border-color .25s,box-shadow .25s}
.sx-btn:hover{transform:translateY(-2px)}
.sx-btn:active{transform:scale(.97)}
.sx-btn--accent{background:var(--accent);color:var(--on-accent)}
.sx-btn--ghost{border-color:var(--line);color:var(--ink);background:transparent}
.sx-btn--ghost:hover{border-color:var(--ink)}
.sx-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sx-link{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}

/* header */
.sx-head{position:sticky;top:0;z-index:60;background:var(--head-bg);border-bottom:1px solid var(--head-line);transition:box-shadow .3s}
.sx-head.is-scrolled{box-shadow:0 10px 30px -22px rgba(0,0,0,.5)}
.sx-head-in{display:flex;align-items:center;gap:22px;height:var(--head-h)}
.sx-logo{display:inline-flex;align-items:center;gap:10px;flex:none;text-decoration:none;color:var(--ink)}
.sx-logo img{height:34px;width:auto}
.sx-nav{margin-inline-start:auto}
.sx-nav ul{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.sx-nav > ul > li > a{display:block;padding:10px 14px;border-radius:var(--btn-r);text-decoration:none;font-size:15px;font-weight:500;color:var(--ink);opacity:.85;transition:opacity .2s,background-color .2s}
.sx-nav > ul > li > a:hover,.sx-nav > ul > li > a[aria-current]{opacity:1;background:color-mix(in srgb,var(--ink) 7%,transparent)}
.sx-head-r{display:flex;align-items:center;gap:8px;flex:none}
.sx-head .pref-btn{width:40px;height:40px;border-color:var(--line);color:var(--ink)}
.sx-head-cta{min-height:42px;padding:9px 18px;font-size:14px}
.sx-burger{display:none;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:var(--btn-r);background:transparent;color:var(--ink);cursor:pointer}
.sx-burger svg{width:20px;height:20px}
.has-mega{position:static}
.sx-mega{position:absolute;inset-inline:0;top:100%;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility 0s .25s;background:var(--bg);border-bottom:1px solid var(--head-line);box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.has-mega:hover .sx-mega,.has-mega:focus-within .sx-mega{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
.sx-mega-in{width:min(var(--wrap),100% - 2 * var(--gut));margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 40px;padding:30px 0 36px}
.sx-mega a{display:block;padding:4px 0;font-size:14.5px;color:var(--mute);text-decoration:none}
.sx-mega a:hover{color:var(--ink)}
.sx-mega .sx-mega-h{font-family:var(--font-d);font-weight:var(--d-weight);font-size:16px;color:var(--ink);margin-bottom:6px}
.sx-menu{position:fixed;inset:var(--head-h) 0 0;z-index:55;background:var(--bg);overflow-y:auto;padding:24px 0 40px}
.sx-menu nav{display:grid;gap:2px;margin-bottom:24px}
.sx-menu-big{font-family:var(--font-d);font-weight:var(--d-weight);text-transform:var(--d-case);letter-spacing:var(--d-track);font-size:clamp(28px,7vw,40px);line-height:1.25;text-decoration:none;padding:6px 0;border-bottom:1px solid var(--line)}
.sx-menu-svc summary{cursor:pointer;padding:14px 0;color:var(--accent-ink);font-weight:600}
.sx-menu-svc a{display:block;padding:8px 0;color:var(--mute);text-decoration:none}
.sx-menu .sx-btn{width:100%}
.sx-menu-contact{margin-top:20px;color:var(--mute);font-size:14px}
.sx-menu-contact a{text-decoration:none}
@media (max-width:1080px){.sx-nav{display:none}.sx-burger{display:grid}.sx-head-r{margin-inline-start:auto}}
@media (max-width:560px){.sx-head-cta{display:none}.sx-head-in{gap:10px}.sx-logo img{height:28px}.sx-head .pref-btn{width:36px;height:36px}.sx-burger{width:40px;height:40px}.sx-head-r{gap:6px}}

/* breadcrumb */
.sx-crumbs{padding-top:22px}
.sx-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--mute)}
.sx-crumbs li:not(:last-child)::after{content:'/';margin-inline-start:6px;opacity:.5}
.sx-crumbs a{text-decoration:none}
.sx-crumbs a:hover{color:var(--ink)}
.sx-crumbs li[aria-current]{color:var(--ink);max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* hero */
.sx-hero{padding:clamp(36px,6vw,80px) 0 clamp(40px,6vw,90px)}
.sx-hero-in{display:grid;gap:clamp(28px,5vw,70px);align-items:center}
.sx-hero--img .sx-hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.sx-hero-t{max-width:860px}
.sx-eyebrow{font:500 12.5px/1.4 var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:18px}
.sx h1{font-size:clamp(38px,5.6vw,80px)}
.sx-lead{margin-top:22px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--mute);max-width:62ch}
.sx-hero-fig{aspect-ratio:4/3;border-radius:var(--radius);box-shadow:var(--shadow)}
.sx-search{display:block;margin-top:28px;max-width:520px}
.sx-search input{width:100%;min-height:52px;padding:12px 18px;border-radius:var(--btn-r);border:1px solid var(--line);background:var(--field);color:var(--ink);font:inherit}
.sx-search input::placeholder{color:var(--mute)}

/* content sections */
.sx-sec{padding:calc(var(--sec) * .5) 0}
.sx-sec-in{display:grid;gap:clamp(28px,5vw,72px);align-items:center}
.sx-sec--img .sx-sec-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sx-sec--alt.sx-sec--img .sx-sec-fig{order:-1}
.sx-sec:not(.sx-sec--img) .sx-sec-t{max-width:820px}
.sx-sec h2,.sx-h2{font-size:clamp(28px,3.4vw,46px);margin-bottom:22px}
.sx-sec h2 a{text-decoration:none}
.sx-sec-fig{aspect-ratio:10/7;border-radius:var(--radius)}
.sx-prose{color:var(--mute);font-size:17.5px}
.sx-prose > * + *{margin-top:14px}
.sx-prose strong{color:var(--ink);font-weight:600}
.sx-prose a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}
.sx-prose ul,.sx-prose ol{padding-inline-start:0;list-style:none}
.sx-prose ul li{position:relative;padding-inline-start:22px;margin-top:8px}
.sx-prose ul li::before{content:'';position:absolute;inset-inline-start:2px;top:.72em;width:8px;height:8px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}
.sx-prose ol{counter-reset:o}
.sx-prose ol li{counter-increment:o;position:relative;padding-inline-start:30px;margin-top:8px}
.sx-prose ol li::before{content:counter(o);position:absolute;inset-inline-start:0;font:600 13px/1.9 var(--font-m);color:var(--accent-ink)}
.sx-prose h3,.sx-prose h4{color:var(--ink);font-size:22px;margin-top:30px}
.sx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px;padding:0;list-style:none}
.sx-chips a{display:inline-block;padding:7px 14px;border:1px solid var(--line);border-radius:var(--btn-r);font-size:14px;text-decoration:none;transition:border-color .2s,background-color .2s}
.sx-chips a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}

/* figures + gallery */
.sx-fig{margin:0;overflow:hidden;background:var(--card);position:relative}
.sx-fig img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.sx-fig--ph{aspect-ratio:16/10;background:linear-gradient(135deg,var(--bg2),var(--card))}
.sx-gal{padding:calc(var(--sec) * .5) 0}
.sx-gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px;grid-auto-flow:dense}
.sx-gal-i{all:unset;cursor:zoom-in;display:block;border-radius:var(--radius-sm);overflow:hidden}
.sx-gal-i:nth-child(5n+1){grid-row:span 2}
.sx-gal-i .sx-fig{height:100%;aspect-ratio:4/3}
.sx-gal-i:nth-child(5n+1) .sx-fig{aspect-ratio:auto}
.sx-gal-i:hover img{transform:scale(1.05)}
.sx-gal-i:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* cards */
.sx-cards{padding:calc(var(--sec) * .55) 0}
.sx-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:18px}
.sx-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}
.sx-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 40%,var(--card-line))}
.sx-card:hover img{transform:scale(1.05)}
.sx-card .sx-fig{aspect-ratio:3/2}
.sx-card-t{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.sx-card h3{font-size:21px}
.sx-card p{color:var(--mute);font-size:15px;line-height:1.55}
.sx-more{margin-top:auto;padding-top:6px;color:var(--accent-ink);font-weight:600;font-size:14.5px}
.sx-card:hover .sx-arr{transform:translateX(4px)}
html[dir=rtl] .sx-card:hover .sx-arr{transform:scaleX(-1) translateX(4px)}
.sx-cards--sm .sx-card .sx-fig{aspect-ratio:2/1}

/* FAQ */
.sx-faq{padding:calc(var(--sec) * .55) 0}
.sx-faq-in{max-width:900px}
.sx-faq .sx-search{margin:0 0 26px}
.sx-faq-list{display:grid;gap:10px}
.sx-faq details{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-sm);transition:border-color .3s}
.sx-faq details[open]{border-color:color-mix(in srgb,var(--accent) 45%,var(--card-line))}
.sx-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-weight:600;font-size:17px}
.sx-faq summary::-webkit-details-marker{display:none}
.sx-faq summary::after{content:'+';flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);font-weight:400;transition:transform .3s,background-color .3s}
.sx-faq details[open] summary::after{transform:rotate(45deg);background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.sx-faq details .sx-prose{padding:0 22px 20px}
.sx-empty{color:var(--mute);margin-top:18px}

/* stats + CTA */
.sx-stats{padding:calc(var(--sec) * .45) 0}
.sx-stats-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sx-stat{padding:26px;border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card)}
.sx-stat b{display:block;font-family:var(--font-d);font-weight:var(--d-weight);font-size:clamp(34px,4vw,56px);line-height:1;color:var(--accent-ink)}
.sx-stat span{display:block;margin-top:10px;color:var(--mute);font-size:14.5px}
.sx-cta{padding:calc(var(--sec) * .5) 0 var(--sec)}
.sx-cta-in{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:30px;align-items:center;padding:clamp(28px,5vw,60px);border-radius:calc(var(--radius) * 1.4);background:var(--bg2);border:1px solid var(--card-line)}
.sx-cta h2{font-size:clamp(28px,3.4vw,46px)}
.sx-cta p{margin-top:14px;color:var(--mute);max-width:56ch}
.sx-cta .sx-btns{margin-top:0}

/* contact + forms */
.sx-contact,.sx-quote{padding:0 0 var(--sec)}
.sx-contact-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}
.sx-contact-info{display:grid;gap:12px}
.sx-ci{display:flex;gap:16px;padding:22px;border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card)}
.sx-ci-i{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-ink)}
.sx-ci-i svg{width:22px;height:22px}
.sx-ci h3{font-size:17px;margin-bottom:6px}
.sx-ci address,.sx-ci a{display:block;font-style:normal;color:var(--mute);text-decoration:none;overflow-wrap:anywhere}
.sx-ci a:hover{color:var(--ink)}
.sx-form{padding:clamp(22px,4vw,44px);border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card)}
.sx-form h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:24px}
.sx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sx-field{display:grid;gap:7px;font-size:14px;color:var(--mute)}
.sx-field--full{grid-column:1/-1}
.sx-field input,.sx-field select,.sx-field textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--field);color:var(--ink);font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}
.sx-field textarea{resize:vertical;min-height:140px;line-height:1.5}
.sx-field input:focus,.sx-field select:focus,.sx-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.sx-field.is-bad input,.sx-field.is-bad textarea{border-color:#d33}
.sx-file input{padding:10px;min-height:auto}
.sx-file small{font-size:12.5px}
.sx-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0}
.sx-form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px}
.sx-form-msg{font-weight:600;color:var(--accent-ink)}
.sx-form-msg.is-err{color:#d33}
.sx-form-note{margin-top:14px;font-size:13px;color:var(--mute)}
.sx-form.is-sending button[type=submit]{opacity:.6;pointer-events:none}
.sx-quote .sx-wrap{display:grid;gap:clamp(36px,5vw,70px)}
.sx-quote-lead{color:var(--mute);margin:-8px 0 24px;max-width:62ch}
.sx-quote-form{max-width:980px;width:100%;margin-inline:auto;scroll-margin-top:calc(var(--head-h) + 20px)}

/* blog */
.sx-posts{padding:0 0 calc(var(--sec) * .6)}
.sx-related{padding-top:calc(var(--sec) * .4)}
.sx-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}
.sx-post{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--card-line);text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.sx-post:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.sx-post:hover img{transform:scale(1.05)}
.sx-post .sx-fig{aspect-ratio:16/10}
.sx-post-t{padding:20px 22px 24px;display:grid;gap:10px}
.sx-post h3{font-size:20px;line-height:1.25}
.sx-post p{color:var(--mute);font-size:15px;line-height:1.55}
.sx-meta{font:500 12.5px/1.4 var(--font-m);color:var(--mute);letter-spacing:.04em}
.sx-post-grid .sx-post.is-hidden,.sx-post-grid .sx-post.is-filtered{display:none}
.sx-more-wrap{display:flex;justify-content:center;margin-top:34px}
.sx-article{padding-bottom:calc(var(--sec) * .5)}
.sx-art-head{padding:clamp(30px,5vw,70px) 0 30px;max-width:920px}
.sx-art-head h1{font-size:clamp(34px,4.6vw,64px);margin-top:14px}
.sx-art-hero .sx-fig{aspect-ratio:2/1;border-radius:var(--radius)}
.sx-art-in{display:grid;grid-template-columns:240px minmax(0,760px);gap:clamp(30px,5vw,80px);margin-top:clamp(30px,5vw,60px);justify-content:center}
.sx-toc{position:sticky;top:calc(var(--head-h) + 24px);align-self:start;font-size:14px}
.sx-toc-h{font:600 12px/1.4 var(--font-m);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:12px}
.sx-toc ol{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:8px;border-inline-start:1px solid var(--line)}
.sx-toc li a{display:block;padding-inline-start:14px;margin-inline-start:-1px;border-inline-start:2px solid transparent;color:var(--mute);text-decoration:none;line-height:1.4}
.sx-toc li a.is-on,.sx-toc li a:hover{color:var(--ink);border-color:var(--accent)}
.sx-share{display:flex;flex-wrap:wrap;gap:8px}
.sx-share .sx-toc-h{width:100%;margin:0}
.sx-share a,.sx-share button{padding:6px 12px;border:1px solid var(--line);border-radius:var(--btn-r);background:none;color:var(--ink);font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
.sx-art-body{font-size:18.5px;line-height:1.8}
.sx-art-body h2{font-size:clamp(26px,2.6vw,34px);color:var(--ink);margin-top:48px;margin-bottom:6px;scroll-margin-top:calc(var(--head-h) + 20px)}
.sx-art-body h3{font-size:22px;color:var(--ink);margin-top:34px;scroll-margin-top:calc(var(--head-h) + 20px)}
.sx-art-body .sx-post-fig{margin:30px 0;border-radius:var(--radius-sm)}
.sx-table{overflow-x:auto;margin:26px 0;border:1px solid var(--card-line);border-radius:var(--radius-sm)}
.sx-table table{border-collapse:collapse;width:100%;font-size:15px}
.sx-table th,.sx-table td{padding:12px 14px;border-bottom:1px solid var(--card-line);text-align:start;vertical-align:top}
.sx-table th{color:var(--ink);background:var(--bg2)}

/* footer */
.sx-foot{background:var(--bg2);color:var(--ink);font:400 15px/1.6 var(--font);border-top:1px solid var(--line);position:relative;z-index:2}
.sx-foot a{color:inherit;text-decoration:none}
.sx-foot-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:clamp(40px,6vw,80px) 0;border-bottom:1px solid var(--line)}
.sx-foot-cta h2{margin:0;font-family:var(--font-d);font-weight:var(--d-weight);letter-spacing:var(--d-track);text-transform:var(--d-case);font-size:clamp(28px,4vw,54px);line-height:1.08;max-width:18ch}
.sx-foot-cta-b{display:flex;flex-wrap:wrap;gap:12px}
.sx-foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:30px;padding:clamp(36px,5vw,64px) 0}
.sx-foot-grid h3{margin:0 0 14px;font:600 12.5px/1.4 var(--font-m);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.sx-foot-grid > div > a,.sx-foot-contact address{display:block;padding:4px 0;color:var(--mute);font-style:normal;overflow-wrap:anywhere}
.sx-foot-grid > div > a:hover{color:var(--ink)}
.sx-foot-brand p{margin:16px 0 0;color:var(--mute);max-width:36ch}
.sx-foot-brand .sx-logo img{height:38px}
.sx-foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0 28px;border-top:1px solid var(--line);color:var(--mute);font-size:13.5px}
.sx-foot .sx-wrap{width:min(var(--wrap),100% - 2 * var(--gut));margin-inline:auto}
.sx-foot .sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:var(--btn-r);border:1px solid transparent;font:600 15px/1.2 var(--font);text-decoration:none;white-space:nowrap}
@media (max-width:1080px){.sx-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-foot-brand{grid-column:1/-1}}
@media (max-width:520px){.sx-foot-grid{grid-template-columns:minmax(0,1fr)}}

/* lightbox */
.sx-lb{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:rgba(5,6,10,.92)}
.sx-lb[hidden]{display:none}
.sx-lb img{max-width:min(92vw,1600px);max-height:86vh;object-fit:contain;border-radius:8px}
.sx-lb button{position:absolute;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.4);color:#fff;font-size:26px;cursor:pointer}
.sx-lb-x{top:18px;inset-inline-end:18px;font-size:18px!important}
.sx-lb-p{inset-inline-start:18px;top:50%}.sx-lb-n{inset-inline-end:18px;top:50%}
html[dir=rtl] .sx-lb-p,html[dir=rtl] .sx-lb-n{transform:scaleX(-1)}

/* scroll reveal (only when JS is running) */
.sx-js .sx-rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.sx-js .sx-rv.in{opacity:1;transform:none}

/* Arabic: no letter-spacing (breaks joining), taller lines */
html[lang=ar] .sx *,html[lang=ar] .sx-foot *{letter-spacing:0!important}
html[lang=ar] .sx h1,html[lang=ar] .sx h2,html[lang=ar] .sx h3,html[lang=ar] .sx-foot h2{line-height:1.35}
html[lang=ar] .sx-eyebrow,html[lang=ar] .sx-meta,html[lang=ar] .sx-toc-h,html[lang=ar] .sx-foot-grid h3{text-transform:none;font-family:var(--font)}
html[lang=ar] .sx-prose,html[lang=ar] .sx-art-body{line-height:1.95}

@media (max-width:900px){
  .sx-hero--img .sx-hero-in,.sx-sec--img .sx-sec-in,.sx-contact-in,.sx-cta-in{grid-template-columns:minmax(0,1fr)}
  .sx-sec--alt.sx-sec--img .sx-sec-fig{order:0}
  .sx-art-in{grid-template-columns:minmax(0,1fr)}
  .sx-toc{position:static;order:2}
  .sx-stats-in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .sx-form-grid{grid-template-columns:minmax(0,1fr)}
  .sx-btns .sx-btn{flex:1 1 auto}
  .sx-gal-i:nth-child(5n+1){grid-row:auto}
  .sx-gal-i:nth-child(5n+1) .sx-fig{aspect-ratio:4/3}
  .sx-art-body{font-size:17.5px}
}
@media (prefers-reduced-motion:reduce){.sx *,.sx-foot *{transition:none!important;animation:none!important}.sx-js .sx-rv{opacity:1;transform:none}}
.sx .cfx{--cfx-top:calc(var(--head-h) + 12px)}