/* ORIGEX — ORX-P01 | M1 Foundation | Copyright © ORVEAX */
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-Medium.ttf") format("truetype");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("../fonts/tajawal/Tajawal-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope/Manrope[wght].ttf") format("truetype");font-weight:400 800;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--orx-surface-base)}
body{margin:0;background:var(--orx-surface-base);color:var(--orx-on-light-body);font-size:var(--orx-fs-body);line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html[lang^="ar"] body{font-family:var(--orx-font-ar);line-height:1.85}
html[lang^="en"] body{font-family:var(--orx-font-en);line-height:1.7}
img,svg,video{max-inline-size:100%;height:auto}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,[tabindex]:not([tabindex="-1"]){outline:none}
:focus-visible{box-shadow:var(--orx-focus-ring);border-radius:var(--orx-radius-xs)}
[hidden]{display:none!important}
::selection{background:var(--orx-sand);color:var(--orx-on-light-primary)}

.orx-skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:9999;padding:.75rem 1rem;background:var(--orx-surface-brand-strong);color:var(--orx-on-dark-primary);border-radius:var(--orx-radius-sm);transform:translateY(-160%)}
.orx-skip-link:focus{transform:none}

.orx-container{width:min(calc(100% - (var(--orx-gutter)*2)),var(--orx-container-standard));margin-inline:auto}
.orx-container--narrow{max-width:var(--orx-container-narrow)}
.orx-container--wide{max-width:var(--orx-container-wide)}
.orx-container--full{width:100%;max-width:none}

.orx-section{padding-block:clamp(4rem,8vw,7.5rem)}
.orx-section--compact{padding-block:clamp(3rem,6vw,5rem)}
.orx-section--soft{background:var(--orx-surface-subtle)}
.orx-section--surface{background:var(--orx-surface-raised)}
.orx-section--dark{background:var(--orx-surface-brand-strong);color:var(--orx-on-dark-primary)}

.orx-display,.orx-h1,.orx-h2,.orx-h3,.orx-h4,h1,h2,h3,h4{margin-block:0 .7em;color:var(--orx-on-light-primary);font-weight:800;line-height:1.12;text-wrap:balance}
html[lang^="ar"] :is(.orx-display,.orx-h1,.orx-h2,h1,h2){line-height:1.28}
.orx-display{font-size:var(--orx-fs-display)}
.orx-h1,h1{font-size:var(--orx-fs-h1)}
.orx-h2,h2{font-size:var(--orx-fs-h2)}
.orx-h3,h3{font-size:var(--orx-fs-h3)}
.orx-h4,h4{font-size:var(--orx-fs-h4)}
p{margin-block:0 1rem}
.orx-lead{font-size:var(--orx-fs-body-lg);color:var(--orx-on-light-muted);max-width:66ch}
.orx-small{font-size:var(--orx-fs-small)}
.orx-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-block-end:1rem;color:var(--orx-secondary);font-size:var(--orx-fs-label);font-weight:800;text-transform:uppercase;letter-spacing:.12em}
html[lang^="ar"] .orx-eyebrow{text-transform:none;letter-spacing:0}
.orx-muted{color:var(--orx-on-light-muted)}
.orx-bidi{direction:ltr;unicode-bidi:isolate}

.orx-stack{display:flex;flex-direction:column;gap:var(--orx-stack-gap,1.5rem)}
.orx-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--orx-cluster-gap,.75rem)}
.orx-grid{display:grid;grid-template-columns:repeat(var(--orx-grid-cols,1),minmax(0,1fr));gap:var(--orx-grid-gap,1.5rem)}
@media(min-width:768px){.orx-grid--2{--orx-grid-cols:2}.orx-grid--3{--orx-grid-cols:2}.orx-grid--4{--orx-grid-cols:2}}
@media(min-width:1100px){.orx-grid--3{--orx-grid-cols:3}.orx-grid--4{--orx-grid-cols:4}}

.orx-surface{background:var(--orx-surface-raised);border:1px solid var(--orx-border);border-radius:var(--orx-radius-md)}
.orx-e1{box-shadow:var(--orx-shadow-e1)}.orx-e2{box-shadow:var(--orx-shadow-e2)}.orx-e3{box-shadow:var(--orx-shadow-e3)}

.orx-icon{inline-size:1.25rem;block-size:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.orx-icon--xs{inline-size:.875rem;block-size:.875rem}.orx-icon--sm{inline-size:1rem;block-size:1rem}.orx-icon--lg{inline-size:1.5rem;block-size:1.5rem}.orx-icon--xl{inline-size:2rem;block-size:2rem}
.orx-icon-box{display:inline-grid;place-items:center;inline-size:var(--orx-icon-container-l);block-size:var(--orx-icon-container-l);border:1px solid var(--orx-border);border-radius:var(--orx-radius-sm);background:var(--orx-surface-subtle);color:var(--orx-primary)}
.orx-icon-box--md{inline-size:var(--orx-icon-container-xl);block-size:var(--orx-icon-container-xl)}.orx-icon-box--lg{inline-size:var(--orx-icon-container-2xl);block-size:var(--orx-icon-container-2xl)}

.orx-media{overflow:hidden;background:var(--orx-surface-subtle);border-radius:var(--orx-radius-md);border:1px solid var(--orx-border)}
.orx-media>img{display:block;width:100%;height:100%;object-fit:cover}
.orx-media--hero{aspect-ratio:3/2}.orx-media--product{aspect-ratio:1}.orx-media--brand{aspect-ratio:4/3}.orx-media--editorial{aspect-ratio:16/10}.orx-media--blog{aspect-ratio:16/9}

.orx-pattern{position:relative;isolation:isolate;overflow:hidden}.orx-pattern::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--orx-pattern-image);background-size:cover;background-position:center;opacity:var(--orx-pattern-opacity,.12)}

/* M7 — mixed-data and extreme-content resilience */
main :where(p,li,dd,dt,td,th,figcaption,.orx-card__copy,.orx-small,.orx-muted,.orx-meta,.orx-file-meta){overflow-wrap:anywhere;word-break:normal}
main :where(.orx-card,.orx-cluster,.orx-cluster>*,.orx-grid>*,.orx-stack>*){min-width:0}

@media(max-width:767.98px){.orx-section{padding-block:4rem}.orx-media--hero{aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}