@font-face {
font-family: "Thmanyah Serif";
src: url("fonts/thmanyahseriftext-Regular.otf") format("opentype");
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Serif";
src: url("fonts/thmanyahseriftext-Medium.otf") format("opentype");
font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Serif";
src: url("fonts/thmanyahseriftext-Bold.otf") format("opentype");
font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Serif";
src: url("fonts/thmanyahseriftext-Black.otf") format("opentype");
font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Display";
src: url("fonts/thmanyahserifdisplay-Regular.otf") format("opentype");
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Display";
src: url("fonts/thmanyahserifdisplay-Medium.otf") format("opentype");
font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Display";
src: url("fonts/thmanyahserifdisplay-Bold.otf") format("opentype");
font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Display";
src: url("fonts/thmanyahserifdisplay-Black.otf") format("opentype");
font-weight: 900; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Sans";
src: url("fonts/thmanyahsans-Light.otf") format("opentype");
font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Sans";
src: url("fonts/thmanyahsans-Regular.otf") format("opentype");
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Sans";
src: url("fonts/thmanyahsans-Medium.otf") format("opentype");
font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Sans";
src: url("fonts/thmanyahsans-Bold.otf") format("opentype");
font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Thmanyah Sans";
src: url("fonts/thmanyahsans-Black.otf") format("opentype");
font-weight: 900; font-style: normal; font-display: swap;
}
:root {
--c-intro: #828f9d;
--c-green: #00b191;
--c-roast: #f05a24;
--c-brew: #24a7cd;
--c-barista: #913373;
--c-sensory: #ecc811;
--c-cupping: #26211c;
--paper: #f4f1ea;
--paper-2: #ebe6db;
--surface: #ffffff;
--ink: #181613;
--ink-2: #3b372f;
--muted: #837c6f;
--muted-2: #a89f8e;
--line: #ddd6c8;
--line-2: #e8e2d6;
--accent: #f05a24;
--accent-ink:#ffffff;
--font-display: "Archivo", system-ui, sans-serif;
--font-serif: "Spectral", Georgia, serif;
--font-mono: "IBM Plex Mono", ui-monospace, monospace;
--motion-dur: 0.42s;
--motion-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--motion-lift: 10px;
--motion-rot: 0deg;
--motion-scale: 1.018;
--motion-pop: 1;
--radius: 4px;
--nav-h: 80px;
--maxw: 1240px;
--gut: clamp(20px, 4.5vw, 64px);
}
[data-intensity="muted"] {
--c-intro: #8b95a0;
--c-green: #3aa991;
--c-roast: #e07550;
--c-brew: #5aa9c6;
--c-barista: #94567e;
--c-sensory: #e3c84e;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
margin: 0;
background: var(--paper);
color: var(--ink);
font-family: var(--font-serif);
font-size: 17px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
overflow-x: hidden;
}
h1, h2, h3, h4, .display { font-family: var(--font-display); margin: 0; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
img { max-width: 100%; display: block; }
::selection { background: var(--ink); color: var(--paper); }
.wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 var(--gut); }
.eyebrow {
font-family: var(--font-mono);
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--muted);
display: inline-flex;
align-items: center;
gap: 0.7em;
font-weight: 500;
}
.eyebrow::before {
content: "";
width: 28px; height: 1px;
background: currentColor;
opacity: 0.5;
}
.tag-label {
font-family: var(--font-display);
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.01em;
line-height: 0.96;
}
.h-display {
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.0;
font-size: clamp(32px, 4.4vw, 54px);
}
.section-head h2 { font-size: clamp(26px, 3.2vw, 40px); line-height: 1.08; }
.cta-band h2 { font-size: clamp(28px, 3.6vw, 46px); }
.h-ar {
display: block;
font-family: "Thmanyah Display", var(--font-serif);
font-weight: 700;
direction: rtl;
text-align: left;
line-height: 1.28;
letter-spacing: 0;
text-transform: none;
color: var(--ink);
margin-top: 0.42em;
font-size: clamp(20px, 2.6vw, 34px);
}
.hero h1 .h-ar { font-size: clamp(22px, 3vw, 40px); margin-top: 0.28em; }
.cta-band .h-ar { text-align: center; font-size: clamp(24px, 3.4vw, 46px); }
.eyebrow .ar {
font-family: "Thmanyah Sans", system-ui, sans-serif;
direction: rtl;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
font-size: 1.25em;
line-height: 1;
color: inherit;
}
.eyebrow .ar::before {
content: "";
display: inline-block;
width: 1px; height: 0.9em;
background: currentColor;
opacity: 0.4;
margin-inline-end: 0.7em;
vertical-align: -0.05em;
}
.btn {
font-family: var(--font-mono);
font-size: 13px;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 500;
border: 1px solid var(--ink);
background: var(--ink);
color: var(--paper);
padding: 14px 22px;
border-radius: 100px;
display: inline-flex;
align-items: center;
gap: 0.6em;
transition: transform var(--motion-dur) var(--motion-ease),
background var(--motion-dur) var(--motion-ease),
color var(--motion-dur) var(--motion-ease);
}
.btn:hover { transform: translateY(-2px); }
.btn--ghost {
background: transparent;
color: var(--ink);
}
.btn--ghost:hover { background: var(--ink); color: var(--paper); }
.btn--accent {
background: var(--accent);
border-color: var(--accent);
color: var(--accent-ink);
}
.btn .arrow { transition: transform var(--motion-dur) var(--motion-ease); }
.btn:hover .arrow { transform: translateX(4px); }
.section { padding: clamp(64px, 9vw, 132px) 0; }
.section-head { display: flex; flex-direction: column; gap: 18px; }
.rule { height: 1px; background: var(--line); border: 0; margin: 0; }
.reveal {
opacity: 0;
transform: translateY(22px);
transition: opacity 0.7s var(--motion-ease), transform 0.7s var(--motion-ease);
transition-delay: var(--reveal-delay, 0s);
}
.reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
.reveal { transition: none; opacity: 1; transform: none; }
}
.mcard {
position: relative;
aspect-ratio: 1 / 1;
width: 100%;
border: none;
padding: 0;
background: var(--mc);
color: #fff;
overflow: hidden;
border-radius: var(--radius);
text-align: left;
isolation: isolate;
transform: translateZ(0);
transition: transform var(--motion-dur) var(--motion-ease),
box-shadow var(--motion-dur) var(--motion-ease);
box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}
.mcard:hover {
transform: translateY(calc(var(--motion-lift) * -1)) scale(var(--motion-scale)) rotate(var(--motion-rot));
box-shadow: 0 26px 50px -22px color-mix(in oklab, var(--mc) 65%, black 40%);
z-index: 3;
}
.mcard:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.mcard__bubble {
position: absolute;
top: 14%;
left: 50%;
width: 62%;
aspect-ratio: 1 / 1;
transform: translateX(-50%);
background: #fff;
border-radius: 50%;
display: grid;
place-items: center;
transition: transform var(--motion-dur) var(--motion-ease);
z-index: 2;
}
.mcard__bubble::after {
content: "";
position: absolute;
bottom: 4%;
right: 16%;
width: 24%;
height: 24%;
background: #fff;
border-bottom-right-radius: 60% 70%;
border-top-left-radius: 80%;
transform: rotate(8deg);
z-index: -1;
}
.mcard:hover .mcard__bubble {
transform: translateX(-50%) scale(1.03) rotate(calc(var(--motion-rot) * -0.6));
}
.mcard__icon { display: grid; place-items: center; }
.mcard__icon svg { transition: transform var(--motion-dur) var(--motion-ease); }
.mcard:hover .mcard__icon svg { transform: scale(1.06); }
.mcard__slash {
position: absolute;
right: 30%;
bottom: 4%;
width: 14%;
height: 56%;
color: #fff;
opacity: 0.92;
z-index: 1;
}
.mcard__foot {
position: absolute;
left: 9%;
right: 9%;
bottom: 8%;
display: flex;
flex-direction: column;
gap: 4px;
align-items: flex-end;
text-align: right;
z-index: 3;
}
.mcard__num {
font-family: var(--font-mono);
font-size: clamp(10px, 1vw, 12px);
letter-spacing: 0.12em;
opacity: 0.72;
}
.mcard__label {
font-size: clamp(20px, 2.5vw, 30px);
max-width: 7em;
}
.mcard--compact .mcard__label { font-size: clamp(15px, 1.6vw, 18px); }
.mcard__hover {
position: absolute;
left: 9%;
bottom: 8%;
display: flex;
align-items: center;
gap: 10px;
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0;
transform: translateY(8px);
transition: opacity var(--motion-dur) var(--motion-ease),
transform var(--motion-dur) var(--motion-ease);
z-index: 3;
}
.mcard__cta { display: inline-flex; align-items: center; gap: 6px; }
.mcard__cta svg { stroke: #fff; }
.mcard__discipline { display: none; }
.mcard:hover .mcard__hover { opacity: 0.95; transform: none; }
.mcard__decor { position: absolute; pointer-events: none; z-index: 0; }
.mcard__decor--arc-tr,
.mcard__decor--arc-tl,
.mcard__decor--arc-bl {
width: 46%;
aspect-ratio: 1/1;
border-radius: 50%;
border: 13% solid currentColor;
}
.mcard__decor--arc-tr { top: -16%; right: -14%; }
.mcard__decor--arc-tl { top: -16%; left: -14%; }
.mcard__decor--arc-bl { bottom: -16%; left: -14%; }
.mcard__decor--stripe-tr,
.mcard__decor--stripe-bl {
width: 150%;
height: 16%;
background: currentColor;
}
.mcard__decor--stripe-tr { top: 4%; right: -40%; transform: rotate(-45deg); transform-origin: right top; }
.mcard__decor--stripe-bl { bottom: 4%; left: -40%; transform: rotate(-45deg); transform-origin: left bottom; }
[data-motion="playful"] .mcard__decor {
transition: transform 1.1s var(--motion-ease);
}
[data-motion="playful"] .mcard:hover .mcard__decor--arc-tr { transform: translate(-6px, 6px) rotate(12deg); }
[data-motion="playful"] .mcard:hover .mcard__decor--arc-tl { transform: translate(6px, 6px) rotate(-12deg); }
[data-motion="playful"] .mcard:hover .mcard__decor--arc-bl { transform: translate(6px, -6px) rotate(12deg); }
.modstrip {
margin: 0 0 clamp(28px, 4vw, 48px);
padding: clamp(20px, 3vw, 34px) clamp(16px, 3vw, 40px);
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--radius);
}
.modstrip img { width: 100%; height: auto; display: block; }
.modstrip image-slot { display: block; width: 100%; height: clamp(96px, 13vw, 184px); --slot-bg: transparent; }
.catalog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(14px, 1.6vw, 22px);
}
@media (max-width: 860px) { .catalog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) {
.catalog-grid { grid-template-columns: repeat(2, 1fr); }
.catalog-grid > .reveal:last-child:nth-child(3n + 1) { grid-column: auto; }
}
.group-offer {
display: flex; align-items: center; gap: clamp(20px, 3vw, 40px);
margin: clamp(28px, 3.4vw, 44px) 0 clamp(36px, 4vw, 52px);
padding: clamp(22px, 2.6vw, 32px) clamp(24px, 3vw, 40px);
background: var(--ink);
border-radius: 20px;
color: var(--paper);
position: relative; overflow: hidden;
}
.group-offer::after {
content: ""; position: absolute; inset: 0;
background: radial-gradient(120% 140% at 100% 0%, color-mix(in oklab, var(--accent) 26%, transparent), transparent 60%);
pointer-events: none;
}
.group-offer__badge {
flex: none; position: relative; z-index: 1;
display: flex; flex-direction: column; align-items: center; justify-content: center;
width: clamp(94px, 11vw, 124px); height: clamp(94px, 11vw, 124px);
border-radius: 50%;
background: var(--accent); color: #fff;
box-shadow: 0 18px 40px -18px color-mix(in oklab, var(--accent) 70%, black);
}
.group-offer__pct { font-family: var(--font-display); font-weight: 900; font-size: clamp(30px, 3.6vw, 42px); line-height: 0.9; letter-spacing: -0.02em; }
.group-offer__off { display: flex; align-items: baseline; gap: 6px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; margin-top: 4px; }
.group-offer__off-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; font-size: 13px; letter-spacing: 0; }
.group-offer__body { flex: 1; position: relative; z-index: 1; }
.group-offer__title { font-family: var(--font-display); font-weight: 700; font-size: clamp(20px, 2.2vw, 26px); letter-spacing: -0.01em; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.group-offer__title-ar { font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-weight: 700; font-size: clamp(18px, 2vw, 23px); color: color-mix(in oklab, var(--accent) 60%, var(--paper)); }
.group-offer__text { margin: 10px 0 0; font-size: 15.5px; line-height: 1.55; color: rgba(244,241,234,0.78); max-width: 62ch; }
.group-offer__text b { color: var(--paper); }
.group-offer__text-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 14.5px; line-height: 1.85; margin-top: 8px; color: rgba(244,241,234,0.7); }
.group-offer__text-ar b { color: var(--paper); }
.group-offer__cta { flex: none; position: relative; z-index: 1; align-self: center; }
@media (max-width: 760px) {
.group-offer { flex-direction: column; align-items: flex-start; gap: 20px; }
.group-offer__cta { align-self: stretch; justify-content: center; }
}
.filterbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.chip {
font-family: var(--font-mono);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 9px 16px;
border-radius: 100px;
border: 1px solid var(--line);
background: transparent;
color: var(--ink-2);
transition: all var(--motion-dur) var(--motion-ease);
}
.chip:hover { border-color: var(--ink); }
.chip[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.mcard__tag-pill {
position: absolute;
top: 9%;
left: 9%;
z-index: 3;
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #fff;
background: rgba(0,0,0,0.18);
padding: 6px 11px;
border-radius: 100px;
backdrop-filter: blur(2px);
}
.mcard--soon { filter: saturate(0.55); }
.mcard--soon .mcard__bubble { opacity: 0.92; }
.mcard--soon .mcard__tag-pill { background: rgba(0,0,0,0.28); }
.mcard--cup {
background: var(--surface);
border: 1px solid var(--line);
color: var(--ink);
}
.mcard--cup .mcard__bubble { background: var(--c-cupping); width: 46%; top: 12%; }
.mcard--cup .mcard__bubble::after { background: var(--c-cupping); }
.mcard--cup .mcard__slash { color: var(--ink); opacity: 0.4; }
.mcard--cup .mcard__label { color: var(--ink); font-size: clamp(14px, 1.45vw, 18px); max-width: 9em; }
.mcard--cup .mcard__num { color: var(--muted); opacity: 1; font-size: clamp(9px, 0.85vw, 11px); }
.mcard--cup .mcard__tag-pill { background: var(--ink); color: var(--paper); }
.mcard--cup .mcard__cta { color: var(--ink); }
.mcard--cup .mcard__cta svg { stroke: var(--ink); }
.mcard--cup:hover { box-shadow: 0 26px 50px -24px rgba(38,33,28,0.5); }
.short-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(14px, 1.6vw, 20px);
}
@media (max-width: 820px) { .short-grid { grid-template-columns: 1fr; } }
.scard {
position: relative;
text-align: left;
border: 1px solid var(--line);
background: var(--surface);
border-radius: var(--radius);
padding: 0;
display: flex;
flex-direction: column;
overflow: hidden;
cursor: pointer;
transition: transform var(--motion-dur) var(--motion-ease),
box-shadow var(--motion-dur) var(--motion-ease),
border-color var(--motion-dur) var(--motion-ease);
}
.scard:hover {
transform: translateY(calc(var(--motion-lift) * -0.5));
box-shadow: 0 22px 44px -26px rgba(74,48,34,0.6);
border-color: var(--c-cupping);
}
.scard:focus-visible { outline: 3px solid var(--c-cupping); outline-offset: 3px; }
.scard__photo {
position: relative;
width: 100%;
height: clamp(150px, 16vw, 184px);
background: var(--paper-2);
border-bottom: 1px solid var(--line);
}
.scard__photo image-slot { --slot-bg: var(--paper-2); }
.scard__photo--img,.scard__photo--logo{overflow:hidden}.scard__img{display:block;width:100%;height:100%;object-fit:cover}.scard__photo--logo{background:#fff}.scard__photo--logo .scard__img{object-fit:contain;padding:14px 18px;box-sizing:border-box}
.scard__titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.scard__titlerow .scard__name{flex:1 1 auto;min-width:0}.scard__badge{flex:none;display:block;height:60px;width:auto;max-width:104px;object-fit:contain}
.scard__price-pill {
position: absolute; top: 12px; left: 12px; z-index: 3; white-space: nowrap;
font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase;
color: var(--paper); background: var(--ink);
padding: 7px 12px; border-radius: 100px;
}
.scard__body { display: flex; flex-direction: column; gap: 8px; padding: 22px 24px 0; }
.scard__name { font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 1.05; letter-spacing: -0.01em; }
.scard__name-ar { display: block; font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-weight: 700; font-size: 17px; line-height: 1.4; color: var(--muted); margin-top: 6px; }
.scard__meta { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.scard__blurb { font-size: 15px; color: var(--ink-2); line-height: 1.5; }
.scard__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 24px 22px; }
.scard__book {
display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
color: var(--paper); background: var(--accent); border: none;
padding: 11px 16px; border-radius: 100px; cursor: pointer;
transition: transform var(--motion-dur) var(--motion-ease), filter var(--motion-dur) var(--motion-ease);
}
.scard__book svg { stroke: var(--paper); }
.scard__book:hover { transform: translateY(-1px); filter: brightness(1.05); }
.scard__cta { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); display: inline-flex; align-items: center; gap: 6px; }
.scard:hover .scard__cta { color: var(--c-cupping); }
.mcard__photo {
width: 92%; height: 92%;
margin: 4%;
border-radius: 50%;
overflow: visible;
}
.mcard__photo image-slot { --slot-bg: transparent; }
.mcard--photo .mcard__bubble { overflow: visible; }
.mcard--photo {
color: var(--ink-2);
background: var(--surface);
border: 1px solid var(--line);
border-radius: 20px;
box-shadow: 0 1px 2px rgba(38,33,28,0.04), 0 16px 32px -26px rgba(38,33,28,0.5);
}
[data-intensity="muted"] .mcard--photo { background: var(--surface); }
.mcard--photo:hover {
border-color: color-mix(in oklab, var(--mc) 50%, var(--line));
box-shadow: 0 2px 4px rgba(38,33,28,0.05), 0 28px 48px -28px color-mix(in oklab, var(--mc) 38%, rgba(38,33,28,0.5));
}
.mcard__badge {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
width: 84%; height: 84%;
background: transparent;
border-radius: 0; padding: 0;
display: grid; place-items: center;
transition: transform var(--motion-dur) var(--motion-ease);
z-index: 2;
}
.mcard--photo:hover .mcard__badge { transform: translate(-50%, -50%) scale(1.04); }
.mcard__badge image-slot { width: 100%; height: 100%; }
.mcard__index {
position: absolute; top: 14px; left: 16px; z-index: 3;
font-family: var(--font-mono); font-size: clamp(10px, 0.9vw, 12px);
letter-spacing: 0.12em; color: var(--muted);
background: transparent; padding: 0;
}
.catalog-grid > .reveal:last-child:nth-child(3n + 1) { grid-column: 2; }
.mcard--photo .mcard__hover { left: 0; right: 0; bottom: 14px; justify-content: center; }
.mcard--photo .mcard__cta { color: var(--ink); }
.mcard--photo .mcard__cta svg { stroke: var(--ink); }
.mcard--soon.mcard--photo .mcard__badge { opacity: 0.96; }
.mcard__bignum {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(40px, 6vw, 78px);
line-height: 1;
letter-spacing: -0.03em;
}
.nav {
position: sticky;
top: 0;
z-index: 50;
transition: background var(--motion-dur) var(--motion-ease),
border-color var(--motion-dur) var(--motion-ease);
border-bottom: 1px solid transparent;
}
.nav.stuck {
background: color-mix(in oklab, var(--paper) 86%, transparent);
backdrop-filter: blur(12px);
border-bottom-color: var(--line);
}
.nav__in {
max-width: var(--maxw);
margin: 0 auto;
padding: 16px var(--gut);
display: flex;
align-items: center;
gap: 28px;
}
.brand { display: flex; align-items: center; gap: 13px; flex: none; }
.brand__txt { display: flex; flex-direction: column; line-height: 1; flex: none; }
.brand__name {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(15px, 1.55vw, 21px);
letter-spacing: -0.01em;
text-transform: uppercase;
line-height: 1.05;
color: var(--ink);
white-space: nowrap;
max-width: 42vw;
}
.brand__ar {
font-family: "Thmanyah Display", var(--font-serif);
direction: rtl;
font-weight: 700;
font-size: clamp(13px, 1.35vw, 17px);
line-height: 1;
letter-spacing: 0;
margin-top: 6px;
color: var(--ink);
}
.brand__tag { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 3px; white-space: nowrap; }
.nav__links { display: flex; gap: 26px; margin-left: auto; }
.nav__links a {
font-family: var(--font-mono);
font-size: 12.5px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--ink-2);
position: relative;
padding: 4px 0;
white-space: nowrap;
}
.nav__links a::after {
content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1.5px;
background: var(--ink); transition: width var(--motion-dur) var(--motion-ease);
}
.nav__links a:hover::after { width: 100%; }
@media (max-width: 820px) { .nav__links { display: none; } }
.hero { padding: clamp(48px, 8vw, 104px) 0 clamp(40px, 6vw, 80px); position: relative; }
.hero__grid {
display: grid;
grid-template-columns: 1fr 1.12fr;
gap: clamp(28px, 5vw, 72px);
align-items: center;
}
@media (max-width: 920px) { .hero__grid { grid-template-columns: 1fr; } }
.hero h1 {
font-size: clamp(36px, 5.4vw, 64px);
margin: 22px 0 0;
}
.hero h1 .ink-accent { color: var(--accent); }
.hero__sub {
font-size: clamp(15px, 1.7vw, 18px);
color: var(--ink-2);
max-width: 30ch;
margin: 26px 0 0;
line-height: 1.5;
}
.hero__cta { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 36px; }
.herosearch { position: relative; margin: 20px 0 6px; max-width: 440px; }
.herosearch__field {
display: flex; align-items: center; gap: 12px;
background: var(--surface); border: 1px solid var(--line);
border-radius: 100px; padding: 4px 18px;
transition: border-color var(--motion-dur) var(--motion-ease), box-shadow var(--motion-dur) var(--motion-ease);
}
.herosearch__field:focus-within { border-color: var(--accent); box-shadow: 0 0 0 4px color-mix(in oklab, var(--accent) 14%, transparent); }
.herosearch__field { cursor: text; }
.herosearch__ico { color: var(--muted); flex: none; }
.herosearch__input {
flex: 1; border: 0; outline: 0; background: transparent;
font-family: var(--font-display); font-size: 16px; color: var(--ink);
padding: 13px 0;
}
.herosearch__input::placeholder { color: var(--muted-2); }
.herosearch__menu {
position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 20;
background: var(--surface); border: 1px solid var(--line); border-radius: 14px;
box-shadow: 0 24px 50px -28px rgba(38,33,28,0.55); overflow: hidden;
}
.herosearch__opt {
width: 100%; display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
background: none; border: 0; text-align: left; cursor: pointer;
padding: 13px 18px; border-top: 1px solid var(--line-2);
transition: background var(--motion-dur) var(--motion-ease);
}
.herosearch__opt:first-child { border-top: 0; }
.herosearch__opt.is-hi { background: var(--paper-2); }
.herosearch__opt-name { font-family: var(--font-display); font-weight: 600; font-size: 16px; color: var(--ink); }
.herosearch__opt-tag { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); flex: none; }
.hero__ast { display: flex; align-items: center; gap: 16px; margin-bottom: 10px; }
.hero__ast-badge { height: clamp(58px, 6.2vw, 82px); width: auto; }
@media (max-width: 520px) { .hero__ast { gap: 12px; } .hero__ast .eyebrow::before { display: none; } }
.hero__stack { position: relative; height: clamp(300px, 36vw, 430px); }
.hero__stack .mcard {
position: absolute;
width: 47%;
border-radius: 18px;
box-shadow: 0 18px 44px -22px rgba(0,0,0,0.32), 0 2px 8px rgba(0,0,0,0.06);
}
.hero__stack .hs-0 { top: 2%; left: 6%; transform: rotate(-5deg); z-index: 1; }
.hero__stack .hs-1 { top: 15%; left: 30%; transform: rotate(2.5deg); z-index: 3; }
.hero__stack .hs-2 { top: 31%; left: 52%; transform: rotate(-2deg); z-index: 2; }
.hero__stack .mcard:hover { z-index: 5; }
@media (max-width: 920px) {
.hero__stack { height: clamp(280px, 72vw, 380px); margin-top: 8px; }
}
.herostack { display: flex; flex-direction: column; gap: 16px; align-items: flex-end; }
.herostack__deck { position: relative; width: 100%; height: clamp(360px, 40vw, 500px); }
.herostack__card {
position: absolute; top: 50%; left: 50%;
width: 72%; aspect-ratio: 1 / 1;
border-radius: var(--radius);
background: var(--paper-2);
box-shadow: 0 22px 50px -26px rgba(0,0,0,0.34), 0 2px 10px rgba(0,0,0,0.05);
overflow: hidden;
cursor: pointer;
transform:
translate(-50%, -50%)
translate(calc(var(--d) * 15px), calc(var(--d) * -11px))
rotate(calc(var(--d) * -2.6deg))
scale(calc(1 - var(--d) * 0.035));
transition: transform 0.45s var(--motion-ease), box-shadow 0.45s var(--motion-ease);
}
.herostack__card image-slot { --slot-bg: var(--paper-2); }
.herostack__next {
display: inline-flex; align-items: center; gap: 9px; cursor: pointer;
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
color: var(--ink); background: var(--surface); border: 1px solid var(--line);
padding: 11px 16px; border-radius: 100px;
transition: border-color var(--motion-dur) var(--motion-ease), transform var(--motion-dur) var(--motion-ease);
}
.herostack__next:hover { border-color: var(--accent); transform: translateY(-1px); }
.herostack__next span { color: var(--muted); }
.herostack__next svg { stroke: var(--ink); }
@media (max-width: 920px) {
.herostack__deck { height: clamp(300px, 70vw, 420px); }
}
@keyframes floaty { 0%,100%{ transform: var(--rest); } 50%{ transform: var(--lift); } }
[data-motion="playful"] .hero__stack .hs-0 { --rest: rotate(-5deg); --lift: rotate(-5deg) translateY(-10px); animation: floaty 6s ease-in-out infinite; }
[data-motion="playful"] .hero__stack .hs-1 { --rest: rotate(2.5deg); --lift: rotate(2.5deg) translateY(-14px); animation: floaty 5.2s ease-in-out infinite 0.4s; }
[data-motion="playful"] .hero__stack .hs-2 { --rest: rotate(-2deg); --lift: rotate(-2deg) translateY(-8px); animation: floaty 6.6s ease-in-out infinite 0.8s; }
.strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.strip__in {
max-width: var(--maxw); margin: 0 auto; padding: 0 var(--gut);
display: grid; grid-template-columns: repeat(4, 1fr);
}
.strip__cell { padding: 30px 0; border-left: 1px solid var(--line); padding-left: 26px; }
.strip__cell:first-child { border-left: none; padding-left: 0; }
.strip__big { font-family: var(--font-display); font-weight: 800; font-size: clamp(30px, 4vw, 46px); line-height: 1; letter-spacing: -0.02em; }
.strip__lab { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-top: 10px; }
@media (max-width: 720px) {
.strip__in { grid-template-columns: repeat(2, 1fr); }
.strip__cell { padding-left: 22px; }
.strip__cell:nth-child(3) { border-left: none; padding-left: 0; }
}
.badges { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--surface); }
.badges__in {
max-width: var(--maxw); margin: 0 auto; padding: clamp(40px, 5vw, 68px) var(--gut);
display: flex; flex-direction: column; gap: clamp(28px, 3.5vw, 44px); align-items: center;
}
.badges__head { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.badges__head .eyebrow { color: var(--muted); }
.badges__head .eyebrow .ar { font-size: 1.7em; font-weight: 600; color: var(--ink-2); }
.badges__lead { font-family: var(--font-display); font-weight: 500; font-size: clamp(16px, 1.9vw, 21px); line-height: 1.45; color: var(--ink-2); margin: 0; max-width: 40ch; text-align: center; }
.badges__grid {
display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(18px, 2vw, 30px);
width: 100%;
}
.badges .badge.reveal { transition-duration: 0.4s; transform: translateY(12px); }
.badges .badge.reveal.in { transform: none; }
@media (max-width: 760px) { .badges__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 440px) { .badges__grid { grid-template-columns: repeat(2, 1fr); } }
.badge { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.badge__tile {
width: 100%; height: clamp(130px, 14vw, 168px);
display: flex; align-items: center; justify-content: center;
background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
padding: clamp(20px, 2.2vw, 30px); overflow: hidden;
transition: border-color var(--motion-dur) var(--motion-ease), transform var(--motion-dur) var(--motion-ease), box-shadow var(--motion-dur) var(--motion-ease);
}
.badge:hover .badge__tile { border-color: var(--mc, var(--ink)); transform: translateY(-4px); box-shadow: 0 18px 36px -22px rgba(38,33,28,0.5); }
.badge__tile img { max-height: 100%; max-width: 100%; width: auto; object-fit: contain; }
.badge__cap { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); text-align: center; line-height: 1.55; display: flex; flex-direction: column; gap: 5px; }
.badge__cap b { color: var(--ink-2); font-weight: 500; letter-spacing: 0.07em; }
.badge__note { color: var(--muted); }
.instructor { background: #100e0c; color: var(--paper); overflow: hidden; }
.instructor .eyebrow { color: var(--muted-2); }
.instructor__grid {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: clamp(32px, 5vw, 76px);
align-items: center;
}
@media (max-width: 860px) { .instructor__grid { grid-template-columns: 1fr; gap: 40px; } }
.instructor__portrait {
position: relative;
aspect-ratio: 4 / 5;
border-radius: 16px;
overflow: hidden;
background: #000;
border: 1px solid rgba(255,255,255,0.1);
box-shadow: 0 44px 90px -44px rgba(0,0,0,0.85);
max-width: 400px;
width: 100%;
justify-self: start;
}
@media (max-width: 860px) { .instructor__portrait { max-width: 320px; } }
.instructor__portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}
.instructor__portrait::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px;
background: var(--accent);
}
.instructor__body { display: flex; flex-direction: column; align-items: flex-start; }
.instructor .instructor__name {
font-family: "Thmanyah Display", var(--font-serif);
font-weight: 700;
font-size: clamp(56px, 8vw, 100px);
line-height: 0.92;
letter-spacing: 0;
color: var(--paper);
margin: 14px 0 0;
}
.instructor__role {
font-family: var(--font-mono);
font-size: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--muted-2);
margin: 12px 0 0;
}
.instructor__creds { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.instructor__creds .cred {
font-family: var(--font-mono);
font-size: 11px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(244,241,234,0.92);
border: 1px solid rgba(255,255,255,0.18);
border-radius: 100px;
padding: 8px 15px;
transition: border-color var(--motion-dur) var(--motion-ease), color var(--motion-dur) var(--motion-ease);
}
.instructor__creds .cred:hover { border-color: var(--accent); color: #fff; }
.instructor__logos { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 36px; }
.instructor__logo img { height: 52px; width: auto; display: block; }
.instructor__logo--chip { background: #fff; border-radius: 12px; padding: 14px 20px; display: flex; align-items: center; }
.instructor__logo--chip img { height: 42px; }
.shorts { position: relative; overflow: hidden; }
.shorts__beans, .shorts__spoons { position: absolute; pointer-events: none; opacity: 0.9; z-index: 0; }
.shorts__beans { top: -12px; right: -6px; width: clamp(170px, 20vw, 300px); transform: rotate(8deg); opacity: 1; }
.shorts__spoons { bottom: -12px; left: -6px; width: clamp(150px, 18vw, 250px); transform: rotate(-6deg); opacity: 1; }
.shorts .wrap { position: relative; z-index: 1; }
.priceblock { display: flex; flex-direction: column; gap: 0; }
.priceblock h4, .drawer__learn h4, .pb-foot h4 { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); font-weight: 500; margin: 0 0 10px; }
.ptable { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.ptable__head, .ptable__row {
display: grid;
grid-template-columns: 1.3fr 1fr 1fr;
align-items: center;
}
.ptable__head {
background: var(--paper-2);
font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted);
}
.ptable__head > span, .ptable__row > span { padding: 13px 14px; }
.ptable__head > span + span, .ptable__row > span + span { border-left: 1px solid var(--line); text-align: right; }
.ptable__row { border-top: 1px solid var(--line); }
.ptable__row:first-child { border-top: none; }
.ptable__lvl { display: flex; flex-direction: column; gap: 3px; }
.ptable__lvl b { font-family: var(--font-display); font-weight: 700; font-size: 16px; }
.ptable__lvl span { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; color: var(--muted); }
.ptable__p { font-family: var(--font-display); font-weight: 700; font-size: 17px; }
.ptable__p small { display: block; font-family: var(--font-mono); font-weight: 400; font-size: 9.5px; letter-spacing: 0.08em; color: var(--muted); text-transform: uppercase; margin-bottom: 3px; }
.ptable__p--cert { color: var(--mc); }
.pb-note { font-family: var(--font-mono); font-size: 11px; color: var(--muted); margin: 10px 0 0; letter-spacing: 0.03em; }
.drawer__soon { background: var(--paper-2); border: 1px dashed var(--line); border-radius: var(--radius); padding: 20px; font-size: 15px; color: var(--ink-2); }
.drawer__refer { display: flex; align-items: center; gap: 14px; padding: 15px 18px; border: 1px dashed var(--mc, var(--accent)); border-radius: 12px; background: color-mix(in oklab, var(--mc, var(--accent)) 7%, var(--surface)); }
.drawer__refer__badge { flex: none; font-family: var(--font-display); font-weight: 800; font-size: 17px; letter-spacing: -0.02em; color: #fff; background: var(--mc, var(--accent)); min-width: 50px; height: 50px; padding: 0 8px; border-radius: 50px; display: grid; place-items: center; }
.drawer__refer__body { display: flex; flex-direction: column; gap: 3px; }
.drawer__refer__t { font-family: var(--font-display); font-weight: 700; font-size: 16px; line-height: 1.2; color: var(--ink); letter-spacing: -0.01em; }
.drawer__refer__d { font-size: 13.5px; line-height: 1.5; color: var(--ink-2); }
.drawer[data-dlang="ar"] .drawer__refer__t .ar-only,
.drawer[data-dlang="ar"] .drawer__refer__d .ar-only { font-family: "Thmanyah Sans", system-ui, sans-serif; }
.objectives__sub { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.objectives__sub li { position: relative; padding-inline-start: 16px; font-size: 14px; line-height: 1.55; color: var(--muted); }
.objectives__sub li::before { content: "–"; position: absolute; inset-inline-start: 0; color: var(--mc); }
.outline { display: flex; flex-direction: column; }
.outline > h4 { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); font-weight: 500; margin: 0 0 12px; }
.outline__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.outline__chip { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.02em; color: var(--ink-2); border: 1px solid var(--line); border-radius: 100px; padding: 7px 13px; background: var(--surface); display: inline-flex; gap: 7px; align-items: baseline; }
.outline__chip b { color: var(--muted); font-weight: 500; text-transform: uppercase; letter-spacing: 0.07em; font-size: 10px; }
.outline__note { font-size: 13.5px; line-height: 1.65; color: var(--muted); margin: 0 0 14px; text-wrap: pretty; }
.outline__list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.outline__row { display: grid; grid-template-columns: 84px 1fr; gap: 14px; padding: 14px 16px; border-top: 1px solid var(--line-2); }
.outline__row:first-child { border-top: none; }
.outline__time { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.03em; color: var(--mc); font-weight: 500; padding-top: 2px; }
.outline__body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.outline__sec { font-family: var(--font-display); font-weight: 700; font-size: 15.5px; line-height: 1.25; color: var(--ink); }
.outline__topics { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.outline__topics li { position: relative; padding-inline-start: 15px; font-size: 14px; line-height: 1.5; color: var(--ink-2); text-wrap: pretty; }
.outline__topics li::before { content: ""; position: absolute; inset-inline-start: 0; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: var(--mc); }
.outline__row--break { background: var(--paper-2); align-items: center; }
.outline__row--break .outline__sec { font-weight: 500; font-style: italic; color: var(--muted); font-family: var(--font-serif); font-size: 14px; }
.section-head h2 {
font-size: clamp(34px, 5vw, 60px);
letter-spacing: -0.02em;
line-height: 1.0;
max-width: 16ch;
}
.section-head .lead {
font-size: clamp(17px, 1.7vw, 20px);
color: var(--ink-2);
max-width: 46ch;
}
.head-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; flex-wrap: wrap; margin-bottom: 40px; }
.lead-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; line-height: 1.9; color: var(--muted); margin-top: 12px; text-align: right; }
.section-head .lead-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; font-size: clamp(15px, 1.5vw, 17.5px); line-height: 1.85; color: var(--muted); margin-top: 14px; text-align: right; }
.levels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
@media (max-width: 800px) { .levels { grid-template-columns: 1fr; } }
.level {
padding: clamp(26px, 3vw, 40px);
border-left: 1px solid var(--line);
display: flex; flex-direction: column; gap: 16px;
position: relative;
transition: background var(--motion-dur) var(--motion-ease);
}
.level:first-child { border-left: none; }
@media (max-width: 800px) { .level { border-left: none; border-top: 1px solid var(--line); } .level:first-child{ border-top:none; } }
.level:hover { background: var(--paper); }
.level__top { display: flex; align-items: baseline; justify-content: space-between; }
.level__roman { font-family: var(--font-display); font-weight: 800; font-size: clamp(46px, 6vw, 74px); line-height: 0.8; letter-spacing: -0.03em; color: var(--ink); }
.level__tag { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
.level__name { font-family: var(--font-display); font-weight: 700; font-size: 24px; }
.level__name-ar { display: inline-block; font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-weight: 700; font-size: 20px; color: var(--accent); margin-inline-start: 10px; }
.level__blurb { color: var(--ink-2); font-size: 16px; line-height: 1.5; }
.level__blurb-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; font-size: 15px; line-height: 1.75; color: var(--ink-2); margin-top: 10px; text-align: right; }
.level__pts { list-style: none; padding: 0; margin: auto 0 0; display: flex; flex-direction: column; gap: 14px; }
.level__pts li { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em; color: var(--muted); display: flex; flex-wrap: wrap; gap: 4px 9px; align-items: baseline; }
.level__pts li::before { content: ""; width: 5px; height: 5px; background: var(--accent); border-radius: 50%; flex: none; align-self: baseline; position: relative; top: -2px; }
.level__pt-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; font-size: 13.5px; letter-spacing: 0; color: var(--ink-2); flex-basis: 100%; margin-inline-start: 14px; text-align: right; }
.level__bar { height: 4px; border-radius: 2px; }
.videoband__head { text-align: center; align-items: center; margin: 0 auto clamp(28px, 3.4vw, 44px); }
.videoband__frame {
position: relative; width: 100%; aspect-ratio: 16 / 9;
border-radius: 20px; overflow: hidden;
background: var(--ink);
border: 1px solid var(--line);
box-shadow: 0 40px 80px -48px rgba(38,33,28,0.6);
}
.videoband__frame iframe,
.videoband__frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; display: block; }
.videoband__placeholder {
position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
background:
radial-gradient(120% 120% at 50% 0%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 55%),
var(--ink);
color: var(--paper); text-align: center; padding: 24px;
}
.videoband__play {
width: clamp(58px, 6vw, 76px); height: clamp(58px, 6vw, 76px); border-radius: 50%;
display: grid; place-items: center;
background: var(--accent); color: #fff; font-size: clamp(20px, 2.2vw, 26px); padding-left: 5px;
box-shadow: 0 16px 40px -16px color-mix(in oklab, var(--accent) 70%, black);
}
.videoband__ph-en { font-family: var(--font-display); font-weight: 700; font-size: clamp(18px, 2vw, 24px); margin: 0; }
.videoband__ph-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: clamp(14px, 1.5vw, 17px); margin: 0; color: rgba(244,241,234,0.72); }
.method { background: var(--ink); color: var(--paper); }
.method .eyebrow { color: var(--muted-2); }
.method h2 { color: var(--paper); }
.method .section-head h2 .h-ar { color: var(--paper); }
.method__top { display: grid; grid-template-columns: 1.08fr 0.92fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
.method__top .section-head { max-width: 56ch; }
.method__media { width: 100%; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 30px 60px -40px rgba(0,0,0,0.8); }
.method__media image-slot { --slot-bg: rgba(255,255,255,0.05); --slot-fg: rgba(244,241,234,0.5); display: block; width: 100%; height: 100%; }
@media (max-width: 860px) { .method__top { grid-template-columns: 1fr; } .method__media { aspect-ratio: 16 / 10; max-height: 320px; } }
.method__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(24px, 4vw, 56px); margin-top: 52px; }
@media (max-width: 800px) { .method__grid { grid-template-columns: 1fr; gap: 36px; } }
.method__item { display: flex; flex-direction: column; gap: 14px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.16); }
.method__num { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.14em; color: var(--muted-2); }
.method__item h3 { font-size: 27px; font-weight: 700; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.method__ar { font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-weight: 700; font-size: 22px; color: var(--c-sensory); letter-spacing: 0; }
.method__item p { color: rgba(244,241,234,0.74); font-size: 16px; line-height: 1.55; margin: 0; }
.cta-band { text-align: center; }
.cta-band h2 { font-size: clamp(40px, 6.5vw, 88px); letter-spacing: -0.025em; line-height: 0.98; }
.cta-band .lead { margin: 22px auto 0; }
.cta-band__ar {
font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl;
font-size: clamp(16px, 1.7vw, 20px); line-height: 1.9; color: var(--ink-2);
max-width: 52ch; margin: 18px auto 0; text-wrap: pretty;
}
.cta-band .hero__cta { justify-content: center; }
.dots { display: flex; gap: 8px; justify-content: center; margin-bottom: 28px; }
.dots span { width: 13px; height: 13px; border-radius: 50%; }
.foot { border-top: 1px solid var(--line); padding: clamp(48px, 6vw, 80px) 0 40px; }
.foot__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; flex-wrap: wrap; }
.foot__word { font-family: var(--font-display); font-weight: 800; font-size: clamp(40px, 9vw, 120px); letter-spacing: -0.03em; line-height: 0.85; }
.foot__cols { display: flex; gap: clamp(28px, 5vw, 72px); flex-wrap: wrap; }
.foot__col { display: flex; flex-direction: column; gap: 11px; }
.foot__col h4 { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); font-weight: 500; }
.foot__col a { font-size: 15px; color: var(--ink-2); }
.foot__col a:hover { color: var(--ink); }
.foot__fine { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--line); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; color: var(--muted); text-transform: uppercase; }
.foot__brandcol { display: flex; flex-direction: column; }
.foot__sca {
align-self: flex-start; margin-inline-start: auto;
display: inline-flex; align-items: center; justify-content: flex-end;
gap: clamp(20px, 2.4vw, 38px);
padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
.foot__mark { display: inline-flex; align-items: center; justify-content: center; }
.foot__mark img { width: auto; object-fit: contain; display: block; }
.foot__mark--aram img { height: clamp(86px, 10.5vw, 150px); }
.foot__mark--sca img { height: clamp(86px, 10vw, 150px); }
.foot__marks-div { align-self: stretch; width: 1px; min-height: clamp(78px, 9vw, 124px); background: var(--line); flex: none; }
@media (max-width: 760px) { .foot__sca { margin-inline-start: 0; justify-content: flex-start; } }
.foot__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 52px; border-top: 1px solid var(--line); }
.foot__stat { padding: 26px 0 0; border-left: 1px solid var(--line); padding-left: 24px; display: flex; flex-direction: column; gap: 8px; }
.foot__stat:first-child { border-left: none; padding-left: 0; }
.foot__stat-big { font-family: var(--font-display); font-weight: 800; font-size: clamp(26px, 3.4vw, 40px); line-height: 1; letter-spacing: -0.02em; }
.foot__stat-lab { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
@media (max-width: 640px) {
.foot__stats { grid-template-columns: repeat(2, 1fr); gap: 24px 0; }
.foot__stat { padding-left: 22px; }
.foot__stat:nth-child(3) { border-left: none; padding-left: 0; }
}
.journal-grid {
display: grid; grid-template-columns: repeat(3, 1fr);
gap: clamp(16px, 2vw, 24px);
}
@media (max-width: 820px) { .journal-grid { grid-template-columns: 1fr; gap: 18px; } }
.jcard {
display: flex; flex-direction: column;
border: 1px solid var(--line); background: var(--surface);
border-radius: var(--radius); overflow: hidden;
transition: transform var(--motion-dur) var(--motion-ease),
box-shadow var(--motion-dur) var(--motion-ease),
border-color var(--motion-dur) var(--motion-ease);
}
.jcard:hover {
transform: translateY(calc(var(--motion-lift) * -0.5));
box-shadow: 0 24px 46px -28px rgba(38,33,28,0.55);
border-color: var(--accent);
}
.jcard__photo {
position: relative; width: 100%; height: clamp(170px, 18vw, 210px);
background: var(--paper-2); border-bottom: 1px solid var(--line);
}
.jcard__photo image-slot { --slot-bg: var(--paper-2); }
.jcard__body { display: flex; flex-direction: column; gap: 10px; padding: 22px 24px 26px; flex: 1; }
.jcard__meta { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.jcard__title { font-family: var(--font-display); font-weight: 700; font-size: 21px; line-height: 1.12; letter-spacing: -0.01em; }
.jcard__title-ar { display: block; font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-weight: 700; font-size: 17px; line-height: 1.4; color: var(--muted); margin-top: 6px; }
.jcard__excerpt { font-family: var(--font-serif); font-size: 15.5px; color: var(--ink-2); line-height: 1.6; margin: 2px 0 0; text-wrap: pretty; }
.jcard__cta {
margin-top: auto; padding-top: 6px;
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
color: var(--ink-2); display: inline-flex; align-items: center; gap: 7px;
transition: color var(--motion-dur) var(--motion-ease);
}
.jcard__cta svg { stroke: currentColor; }
.jcard:hover .jcard__cta { color: var(--accent); }
.scrim {
position: fixed; top: var(--nav-h); left: 0; right: 0; bottom: 0; z-index: 1350;
background: rgba(24,22,19,0.42);
backdrop-filter: blur(3px);
opacity: 0; pointer-events: none;
transition: opacity var(--motion-dur) var(--motion-ease);
}
.scrim.open { opacity: 1; pointer-events: auto; }
.drawer {
position: fixed; z-index: 1360;
top: calc(var(--nav-h) + clamp(16px, 3vh, 34px)); left: 50%;
width: min(920px, calc(100vw - 40px));
max-height: calc(100vh - var(--nav-h) - clamp(32px, 6vh, 68px));
background: var(--paper);
border-radius: 22px;
transform: translateX(-50%) scale(0.965);
opacity: 0; pointer-events: none;
transition: transform var(--motion-dur) var(--motion-ease), opacity var(--motion-dur) var(--motion-ease);
display: flex; flex-direction: column;
box-shadow: 0 50px 130px -35px rgba(0,0,0,0.6), 0 0 0 1px rgba(0,0,0,0.05);
overflow: hidden;
}
.drawer.open { transform: translateX(-50%) scale(1); opacity: 1; pointer-events: auto; }
.drawer__hero {
position: relative; flex: none;
height: clamp(150px, 22vh, 208px);
background: var(--mc); color: #fff;
display: flex; align-items: flex-end; padding: 26px; overflow: hidden;
}
.drawer__bubble {
position: absolute; top: 50%; left: 50%; transform: translate(-50%,-52%);
height: 64%; aspect-ratio: 1/1; background: #fff; border-radius: 50%;
display: grid; place-items: center;
}
.drawer__plaque {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
z-index: 2;
width: min(56%, 340px); height: 74%;
background: #fff; border-radius: 16px; padding: 16px 24px;
box-shadow: 0 22px 50px -26px rgba(0,0,0,0.55);
display: grid; place-items: center;
}
.drawer__plaque image-slot { width: 100%; height: 100%; --slot-bg: transparent; }
.drawer__hero .mcard__decor { z-index: 0; }
.drawer__bubnum {
font-family: var(--font-display); font-weight: 900;
font-size: clamp(34px, 7vw, 52px); line-height: 1; letter-spacing: -0.02em;
color: currentColor;
}
.drawer__close {
position: absolute; top: 18px; right: 18px; z-index: 5;
width: 40px; height: 40px; border-radius: 50%; border: none;
background: rgba(255,255,255,0.92); color: var(--ink);
font-size: 20px; line-height: 1; display: grid; place-items: center;
}
.drawer__close:hover { background: #fff; }
.nav.stuck .brand img { filter: brightness(0); }
.foot__mark--aram img, .bk__done-logo { filter: brightness(0); }
.drawer__body { padding: clamp(24px, 4vw, 40px); display: flex; flex-direction: column; gap: 26px; flex: 1 1 auto; min-height: 0; overflow-y: auto; }
@media (max-width: 600px) {
.drawer { width: calc(100vw - 22px); max-height: calc(100vh - var(--nav-h) - 22px); border-radius: 18px; }
.drawer__hero { height: clamp(128px, 26vw, 168px); padding: 20px; }
.drawer__body { padding: 22px 20px 28px; gap: 22px; }
}
.drawer__langs { display: inline-flex; gap: 5px; align-self: flex-start; margin-top: -10px; border: 1px solid var(--line); border-radius: 999px; padding: 4px; background: var(--surface); }
.drawer__lang { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; border: 0; background: transparent; color: var(--muted); padding: 6px 15px; border-radius: 999px; cursor: pointer; transition: background var(--motion-dur) var(--motion-ease), color var(--motion-dur) var(--motion-ease); }
.drawer__lang:hover { color: var(--ink); }
.drawer__lang.is-on { background: var(--mc, var(--ink)); color: #fff; }
.drawer[data-dlang="ar"] .drawer__lang { font-family: "Thmanyah Sans", system-ui, sans-serif; }
.drawer[data-dlang="en"] .en { display: inline !important; }
.drawer[data-dlang="en"] .ar-only { display: none !important; }
.drawer[data-dlang="en"] .drawer__body { direction: ltr; text-align: left; }
.drawer[data-dlang="ar"] .en { display: none !important; }
.drawer[data-dlang="ar"] .ar-only { display: inline !important; font-family: "Thmanyah Sans", system-ui, sans-serif; }
.drawer[data-dlang="ar"] .ar-only.ar-block { display: block !important; }
.drawer[data-dlang="ar"] .drawer__body { direction: rtl; text-align: right; }
.drawer[data-dlang="ar"] .drawer__langs { align-self: flex-end; }
.drawer[data-dlang="ar"] .drawer__meta { direction: rtl; }
.drawer[data-dlang="ar"] .ptable__head, .drawer[data-dlang="ar"] .ptable__row { direction: rtl; }
.drawer[data-dlang="ar"] .drawer__learn li { flex-direction: row-reverse; }
.drawer[data-dlang="ar"] .outline__row { direction: rtl; }
.drawer[data-dlang="ar"] .drawer__title .ar-only,
.drawer[data-dlang="ar"] .drawer__learn h4 .ar-only,
.drawer[data-dlang="ar"] .priceblock h4 .ar-only,
.drawer[data-dlang="ar"] .syllabus h4 .ar-only,
.drawer[data-dlang="ar"] .outline > h4 .ar-only,
.drawer[data-dlang="ar"] .outline__sec .ar-only { font-family: "Thmanyah Display", var(--font-serif) !important; }
.drawer[data-dlang="ar"] .drawer__blurb .ar-only,
.drawer[data-dlang="ar"] .drawer__def .ar-only { font-family: "Thmanyah Sans", system-ui, sans-serif; line-height: 1.9; }
.drawer__title { font-family: var(--font-display); font-weight: 800; font-size: clamp(30px, 5vw, 42px); letter-spacing: -0.02em; line-height: 0.98; }
.drawer__meta { display: flex; gap: 22px; flex-wrap: wrap; }
.drawer__meta div { display: flex; flex-direction: column; gap: 4px; }
.drawer__meta .k { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.drawer__meta .v { font-family: var(--font-display); font-weight: 700; font-size: 20px; }
.drawer__blurb { font-size: 18px; color: var(--ink-2); line-height: 1.55; }
.drawer__def { font-size: 15.5px; color: var(--ink-2); line-height: 1.62; margin: -8px 0 0; }
.syllabus { display: flex; flex-direction: column; }
.syllabus > h4 { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); font-weight: 500; margin: 0 0 12px; }
.syl-list { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.syl-lvl { border-top: 1px solid var(--line); }
.syl-lvl:first-child { border-top: none; }
.syl-lvl__head {
width: 100%; background: none; border: none; text-align: left;
display: flex; align-items: center; gap: 14px;
padding: 15px 18px; color: var(--ink);
transition: background var(--motion-dur) var(--motion-ease);
}
.syl-lvl__head:hover { background: var(--paper-2); }
.syl-lvl.is-open .syl-lvl__head { background: var(--paper-2); }
.syl-lvl__roman { font-family: var(--font-display); font-weight: 800; font-size: 16px; color: var(--mc); min-width: 26px; letter-spacing: -0.01em; }
.syl-lvl__name { font-family: var(--font-display); font-weight: 700; font-size: 18px; }
.syl-lvl__count { margin-left: auto; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.syl-lvl__chev { font-family: var(--font-mono); font-size: 18px; color: var(--muted); width: 16px; text-align: center; flex: none; }
.syl-lvl__body { padding: 4px 18px 20px; }
.syl-lvl__desc { font-size: 14.5px; color: var(--ink-2); line-height: 1.55; margin: 6px 0 18px; }
.syl-groups { display: flex; flex-direction: column; gap: 0; }
.syl-group { padding: 12px 0; border-top: 1px solid var(--line-2); display: grid; grid-template-columns: 1fr; gap: 5px; }
.syl-group:first-child { border-top: none; padding-top: 2px; }
.syl-group__name {
font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase;
color: var(--mc); font-weight: 500;
display: inline-flex; align-items: center; gap: 8px;
}
.syl-group__name::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--mc); flex: none; }
.syl-group__items { font-family: var(--font-serif); font-size: 15px; line-height: 1.5; color: var(--ink-2); text-wrap: pretty; padding-left: 14px; }
.syl-group__refs { display: flex; flex-direction: column; gap: 4px; padding-left: 14px; margin-top: 7px; }
.syl-group__refs-lab { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.syl-ref { font-family: var(--font-mono); font-size: 11px; line-height: 1.4; color: var(--muted); padding-left: 12px; position: relative; }
.syl-ref::before { content: "—"; position: absolute; left: 0; color: var(--mc); }
.drawer__learn { display: flex; flex-direction: column; gap: 0; }
.drawer__learn h4 { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); font-weight: 500; margin: 0 0 8px; }
.drawer__learn li { list-style: none; padding: 13px 0; border-top: 1px solid var(--line); display: flex; gap: 14px; align-items: baseline; font-size: 16px; }
.drawer__learn li:last-child { border-bottom: 1px solid var(--line); }
.drawer__learn .ix { font-family: var(--font-mono); font-size: 12px; color: var(--mc); flex: none; }
.lvlchips { display: flex; gap: 8px; flex-wrap: wrap; }
.lvlchip { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; padding: 7px 13px; border-radius: 100px; border: 1px solid var(--line); color: var(--ink-2); }
.contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 76px); align-items: center; }
@media (max-width: 820px) { .contact__grid { grid-template-columns: 1fr; gap: 36px; } }
.contact__cards { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.contact__row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; border-top: 1px solid var(--line); transition: background var(--motion-dur) var(--motion-ease); }
.contact__row:first-child { border-top: none; }
a.contact__row:hover { background: var(--paper); }
.contact__k { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); flex: none; }
.contact__v { font-family: var(--font-display); font-weight: 600; font-size: clamp(16px, 1.8vw, 20px); letter-spacing: -0.01em; text-align: right; }
.contact__socials { display: flex; gap: 16px; flex-wrap: wrap; justify-content: flex-end; }
.contact__socials a { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-2); transition: color var(--motion-dur) var(--motion-ease); }
.contact__socials a:hover { color: var(--accent); }
.about__grid { display: grid; grid-template-columns: 1.12fr 0.88fr; gap: clamp(32px, 5vw, 72px); align-items: start; }
@media (max-width: 860px) { .about__grid { grid-template-columns: 1fr; gap: 28px; } }
.about__textcol { display: flex; flex-direction: column; gap: clamp(24px, 3vw, 38px); }
.about__figure {
position: relative; width: 100%; aspect-ratio: 3 / 4;
border-radius: var(--radius); overflow: hidden;
background: var(--surface); border: 1px solid var(--line);
box-shadow: 0 34px 70px -40px rgba(38,33,28,0.55);
position: sticky; top: 92px;
}
@media (max-width: 860px) { .about__figure { aspect-ratio: 4 / 3; position: static; } }
.about__body { display: flex; flex-direction: column; gap: 26px; }
.about__ppair { display: flex; flex-direction: column; gap: 9px; }
.about__p { font-size: clamp(16px, 1.55vw, 19px); line-height: 1.62; color: var(--ink-2); margin: 0; text-wrap: pretty; }
.about__p-ar { font-family: "Thmanyah Display", var(--font-serif); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.85; color: var(--muted); margin: 0; text-align: right; text-wrap: pretty; }
.about__trainer {
display: grid; grid-template-columns: 300px 1fr; gap: clamp(28px, 4vw, 56px);
align-items: start; margin-top: clamp(40px, 5vw, 68px);
padding-top: clamp(36px, 4vw, 56px); border-top: 1px solid var(--line);
}
@media (max-width: 720px) { .about__trainer { grid-template-columns: 1fr; gap: 28px; } }
.about__trainer-photo {
width: 100%; aspect-ratio: 4 / 5; border-radius: var(--radius); overflow: hidden;
background: var(--surface); border: 1px solid var(--line); max-width: 320px;
}
.about__trainer-body { display: flex; flex-direction: column; align-items: flex-start; }
.about__trainer-body .eyebrow { color: var(--muted); }
.about__trainer-name { font-family: "Thmanyah Display", var(--font-serif); font-weight: 700; font-size: clamp(30px, 4vw, 46px); line-height: 1.1; letter-spacing: -0.01em; margin: 10px 0 0; }
.about__trainer-role { font-family: var(--font-mono); font-size: 13px; letter-spacing: 0.06em; color: var(--muted); margin: 10px 0 0; }
.about__creds { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.about__cred {
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.04em;
border: 1px solid var(--line); border-radius: 100px; padding: 8px 14px; color: var(--ink-2);
background: var(--surface);
display: inline-flex; align-items: baseline; gap: 8px;
}
.about__cred-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; letter-spacing: 0; font-size: 13px; color: var(--muted); }
.about__trainer-name-ar { display: block; font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-weight: 700; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.2; letter-spacing: 0; color: var(--ink-2); margin-top: 6px; }
.about__trainer-role-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; letter-spacing: 0; font-size: 14px; color: var(--muted); margin-inline-start: 10px; }
.about__bio-lead {
margin: 26px 0 0; max-width: 60ch;
font-family: var(--font-serif); font-style: italic;
font-size: clamp(16px, 1.7vw, 19px); line-height: 1.6; color: var(--ink);
}
.about__bio-lead-ar {
display: block; font-style: normal; direction: rtl; text-align: right;
font-family: "Thmanyah Display", var(--font-serif); font-weight: 500;
font-size: clamp(16px, 1.7vw, 19px); line-height: 1.9; color: var(--ink-2); margin-top: 10px;
}
.about__bio-story { margin: 24px 0 0; max-width: 62ch; display: flex; flex-direction: column; gap: 16px; }
.about__bio-para { margin: 0; font-family: var(--font-serif); font-size: clamp(15.5px, 1.6vw, 18px); line-height: 1.7; color: var(--ink-2); text-wrap: pretty; }
.about__bio-para-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; text-align: right; font-size: clamp(15px, 1.6vw, 17px); line-height: 1.95; color: var(--ink-2); margin-top: 8px; }
.about__bio-grid { margin: 28px 0 0; padding: 0; display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--line); }
.about__bio-row {
display: grid; grid-template-columns: 190px 1fr; gap: clamp(16px, 2.4vw, 36px);
padding: 18px 0; border-bottom: 1px solid var(--line); align-items: start;
}
.about__bio-term {
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
color: var(--muted); font-weight: 500; line-height: 1.5;
display: flex; flex-direction: column; gap: 4px;
}
.about__bio-term::before { content: ""; width: 22px; height: 2px; background: var(--accent); margin-bottom: 8px; }
.about__bio-term-ar { font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-size: 15px; letter-spacing: 0; text-transform: none; color: var(--ink-2); font-weight: 700; }
.about__bio-defs { display: flex; flex-direction: column; gap: 14px; }
.about__bio-item { display: block; }
.about__bio-item .en { font-family: var(--font-serif); font-size: 16px; line-height: 1.5; color: var(--ink); }
.about__bio-item-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; text-align: right; font-size: 14.5px; line-height: 1.85; color: var(--muted); margin-top: 3px; }
.about__bio-quote {
margin: 30px 0 0; padding: 24px 26px; border: 0; border-radius: 14px;
background: color-mix(in oklab, var(--accent) 7%, var(--surface));
border-inline-start: 3px solid var(--accent);
}
.about__bio-quote-ar {
display: block; direction: rtl; text-align: right;
font-family: "Thmanyah Display", var(--font-serif); font-weight: 700;
font-size: clamp(17px, 1.9vw, 21px); line-height: 1.95; color: var(--ink);
font-feature-settings: "calt" 1, "salt" 1;
}
.about__bio-quote-en {
display: block; font-family: var(--font-serif); font-style: italic;
font-size: 14.5px; line-height: 1.6; color: var(--muted); margin-top: 14px;
padding-top: 14px; border-top: 1px solid color-mix(in oklab, var(--accent) 22%, var(--line));
}
@media (max-width: 600px) {
.about__bio-row { grid-template-columns: 1fr; gap: 8px; padding: 16px 0; }
.about__bio-term::before { display: none; }
}
[data-lang="ar"] .about__bio-quote-en { display: none; }
[data-lang="ar"] .about__bio-quote { border-inline-start: 0; border-inline-end: 3px solid var(--accent); }
.cta-band__media {
width: min(820px, 100%); margin: clamp(36px, 4vw, 56px) auto 0;
aspect-ratio: 16 / 7; border-radius: var(--radius); overflow: hidden;
border: 1px solid var(--line); background: var(--surface);
}
.bkscrim {
position: fixed; top: var(--nav-h); left: 0; right: 0; bottom: 0; z-index: 1350; background: rgba(24,22,19,0.5);
backdrop-filter: blur(3px); opacity: 0; pointer-events: none;
transition: opacity var(--motion-dur) var(--motion-ease);
}
.bkscrim.open { opacity: 1; pointer-events: auto; }
.bkmodal {
position: fixed; z-index: 1360; top: calc(var(--nav-h) + clamp(16px, 3vh, 34px)); left: 50%;
width: min(620px, calc(100vw - 32px)); max-height: calc(100vh - var(--nav-h) - clamp(32px, 6vh, 68px)); overflow: auto;
background: var(--surface); border: 1px solid var(--line); border-radius: calc(var(--radius) + 4px);
box-shadow: 0 40px 90px -40px rgba(24,22,19,0.6);
transform: translateX(-50%) translateY(-8px) scale(0.97); opacity: 0; pointer-events: none;
transition: transform var(--motion-dur) var(--motion-ease), opacity var(--motion-dur) var(--motion-ease);
}
.bkmodal.open { transform: translateX(-50%) translateY(0) scale(1); opacity: 1; pointer-events: auto; }
.bk__close {
position: absolute; top: 16px; right: 16px; z-index: 5;
width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--line);
background: var(--paper); color: var(--ink); font-size: 20px; line-height: 1;
display: grid; place-items: center; cursor: pointer;
transition: background var(--motion-dur) var(--motion-ease);
}
.bk__close:hover { background: var(--paper-2); }
.bk__form { padding: clamp(26px, 4vw, 40px); display: flex; flex-direction: column; gap: 24px; }
.bk__head { display: flex; flex-direction: column; gap: 8px; }
.bk__head .eyebrow { color: var(--muted); }
.bk__title { font-family: var(--font-display); font-weight: 800; font-size: clamp(28px, 4vw, 38px); letter-spacing: -0.02em; line-height: 1; }
.bk__intro { font-size: 15px; line-height: 1.55; color: var(--ink-2); margin: 4px 0 0; max-width: 46ch; }
.bk__priceband {
display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
border: 1px solid color-mix(in oklab, var(--accent) 32%, var(--line));
background: color-mix(in oklab, var(--accent) 9%, var(--surface));
border-radius: 14px; padding: 14px 18px;
}
.bk__priceband--free {
border-color: color-mix(in oklab, var(--c-green) 34%, var(--line));
background: color-mix(in oklab, var(--c-green) 9%, var(--surface));
}
.bk__priceband-amt { font-family: var(--font-display); font-weight: 800; font-size: 22px; letter-spacing: -0.01em; color: var(--ink); }
.bk__priceband--free .bk__priceband-amt { color: var(--c-green); text-transform: capitalize; }
.bk__priceband-dur { font-size: 13px; color: var(--ink-2); }
[data-lang="ar"] .bk__priceband { flex-direction: row-reverse; text-align: right; }
[data-lang="ar"] .bk__priceband-dur { font-family: "Thmanyah Sans", system-ui, sans-serif; }
.bk__payterms { font-size: 12.5px; line-height: 1.55; color: var(--muted); margin: 10px 0 0; }
[data-lang="ar"] .bk__payterms { font-family: "Thmanyah Sans", system-ui, sans-serif; text-align: right; }
.bk__fields { display: flex; flex-direction: column; gap: 18px; }
.bk__two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 540px) { .bk__two { grid-template-columns: 1fr; } }
.bk__field { display: flex; flex-direction: column; gap: 8px; }
.bk__lab { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.bk__lab i { color: var(--accent); font-style: normal; }
.bk__lab-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; letter-spacing: 0; text-transform: none; color: var(--muted); }
.bk__input {
font-family: var(--font-display); font-size: 16px; color: var(--ink);
background: var(--paper); border: 1px solid var(--line); border-radius: 12px;
padding: 13px 15px; width: 100%; transition: border-color var(--motion-dur) var(--motion-ease), background var(--motion-dur) var(--motion-ease);
}
.bk__input:focus { outline: none; border-color: var(--accent); background: var(--surface); }
.bk__area { resize: vertical; min-height: 76px; line-height: 1.5; }
.bk__checks { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
@media (max-width: 540px) { .bk__checks { grid-template-columns: 1fr; } }
.bk__check {
display: flex; align-items: center; gap: 10px; cursor: pointer;
font-size: 14px; color: var(--ink-2); line-height: 1.3;
border: 1px solid var(--line); border-radius: 12px; padding: 11px 13px;
background: var(--paper); transition: border-color var(--motion-dur) var(--motion-ease), background var(--motion-dur) var(--motion-ease), color var(--motion-dur) var(--motion-ease);
}
.bk__check input { accent-color: var(--accent); width: 16px; height: 16px; flex: none; }
.bk__check.is-on { border-color: var(--accent); background: color-mix(in oklab, var(--accent) 9%, var(--surface)); color: var(--ink); }
.bk__one { display: flex; flex-direction: column; gap: 2px; margin: 10px 0 0; font-family: var(--font-mono); font-size: 11px; line-height: 1.5; color: var(--muted); }
.bk__one-ar { direction: rtl; font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12.5px; letter-spacing: 0; }
.bk__one-en { direction: ltr; }
.bk__seg { display: flex; gap: 8px; flex-wrap: wrap; }
.bk__cliq {
margin-top: 12px; border: 1px solid color-mix(in oklab, var(--c-green) 38%, var(--line));
background: color-mix(in oklab, var(--c-green) 7%, var(--surface));
border-radius: 12px; padding: 14px 15px;
}
.bk__cliq-lab {
display: flex; align-items: baseline; gap: 8px;
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-green);
}
.bk__cliq-lab-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12.5px; letter-spacing: 0; text-transform: none; color: var(--muted); }
.bk__cliq-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 9px; }
.bk__cliq-name {
font-family: var(--font-display); font-weight: 800; font-size: 22px; letter-spacing: 0.02em; color: var(--ink);
user-select: all;
}
.bk__cliq-copy {
border: 1px solid var(--line); background: var(--surface); color: var(--ink);
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
padding: 7px 14px; border-radius: 999px; cursor: pointer; transition: background .16s ease, border-color .16s ease; white-space: nowrap;
}
.bk__cliq-copy:hover { background: var(--paper-2); border-color: var(--ink); }
.bk__cliq-note { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12.5px; line-height: 1.6; color: var(--muted); margin: 10px 0 0; }
.bk__pill {
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
border: 1px solid var(--line); background: var(--paper); color: var(--ink-2);
padding: 10px 14px; border-radius: 100px; cursor: pointer;
transition: border-color var(--motion-dur) var(--motion-ease), background var(--motion-dur) var(--motion-ease), color var(--motion-dur) var(--motion-ease);
}
.bk__pill.is-on { border-color: var(--accent); background: var(--accent); color: var(--paper); }
.bk__err { font-family: var(--font-mono); font-size: 12px; color: #c0392b; margin: -6px 0 0; }
.bk__submit { align-self: flex-start; }
.bk__terms {
border: 1px solid var(--line); border-radius: var(--radius);
background: color-mix(in oklab, var(--accent) 7%, var(--surface));
padding: 16px 20px; display: flex; flex-direction: column; gap: 10px;
}
.bk__terms-lab {
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
color: var(--ink); font-weight: 600; display: flex; align-items: baseline; gap: 10px;
}
.bk__terms-lab-ar { font-family: "Thmanyah Display", var(--font-serif); font-size: 13px; letter-spacing: 0; text-transform: none; color: var(--muted); }
.bk__terms-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.bk__terms-list li { display: flex; flex-direction: column; gap: 4px; padding-left: 16px; position: relative; }
.bk__terms-list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.bk__terms-list li > span:first-of-type { font-size: 13.5px; line-height: 1.5; color: var(--ink-2); }
.bk__terms-ar { font-family: "Thmanyah Display", var(--font-serif); font-size: 13px; line-height: 1.7; color: var(--muted); text-align: right; }
.bk__done {
padding: clamp(22px, 3.2vw, 34px) clamp(24px, 4vw, 44px); display: flex; flex-direction: column;
gap: 11px; align-items: center; text-align: center;
}
.bk__done-badge { position: relative; display: inline-flex; margin-bottom: 0; }
.bk__done-logo { width: clamp(46px, 5.2vw, 58px); height: auto; object-fit: contain; display: block; margin: 0; }
.bk__done-check {
position: absolute; right: -6px; bottom: -4px;
width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
background: var(--c-green); color: #fff; font-size: 13px; font-weight: 700;
border: 3px solid var(--surface); box-shadow: 0 4px 12px -3px rgba(0,177,145,0.55);
}
.bk__done-eyebrow {
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
color: var(--c-green); font-weight: 500; display: inline-flex; flex-direction: column; gap: 2px; margin-top: 0;
}
.bk__done-eyebrow-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12.5px; letter-spacing: 0; text-transform: none; color: var(--muted); }
.bk__done-title { font-family: var(--font-display); font-weight: 800; font-size: clamp(22px, 3vw, 28px); letter-spacing: -0.02em; line-height: 1.04; margin: 0; }
.bk__done-title-ar { display: block; font-family: "Thmanyah Display", var(--font-serif); font-weight: 700; font-size: 0.58em; color: var(--muted); margin-top: 4px; }
.bk__done-lead { font-size: 14px; line-height: 1.42; color: var(--ink-2); margin: 0; max-width: 48ch; }
.bk__done-lead-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; font-size: 13px; line-height: 1.55; color: var(--muted); margin-top: 5px; }
.bk__done-foot { display: flex; flex-direction: column; align-items: center; gap: 3px; margin-top: 0; }
.bk__done-foot-lab { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.05em; color: var(--muted); display: flex; flex-direction: column; gap: 2px; line-height: 1.4; }
.bk__done-foot-lab-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; letter-spacing: 0; font-size: 12px; }
.bk__done-mail { font-family: var(--font-display); font-weight: 600; font-size: 15.5px; color: var(--ink); }
.bk__done-mail:hover { color: var(--accent); }
.bk__done-close { margin-top: 6px; align-self: center; min-width: 180px; justify-content: center; }
.bk__wa {
background: #25D366; border-color: #25D366; color: #06291a;
align-self: stretch; justify-content: center; font-weight: 700;
}
.bk__wa:hover { background: #1ebe5b; border-color: #1ebe5b; }
.bk__wa svg { stroke: #06291a; }
.bk__done-or { font-size: 13px !important; color: var(--muted) !important; margin-top: 4px !important; }
.bk__paynote {
align-self: stretch; margin-top: 2px; text-align: start;
border: 1px solid var(--line); border-radius: 12px;
background: color-mix(in oklab, var(--accent) 7%, var(--surface));
padding: 11px 16px; display: flex; flex-direction: column; gap: 5px;
}
.bk__paynote-lab {
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
color: var(--ink); font-weight: 600; display: flex; align-items: baseline; gap: 10px;
}
.bk__paynote-lab-ar { font-family: "Thmanyah Display", var(--font-serif); font-size: 13px; letter-spacing: 0; text-transform: none; color: var(--muted); }
.bk__paynote p { font-size: 12.5px !important; line-height: 1.4 !important; color: var(--ink-2) !important; margin: 0 !important; max-width: none !important; }
.bk__paynote-ar { font-family: "Thmanyah Display", var(--font-serif); text-align: right; color: var(--muted) !important; line-height: 1.45 !important; }
.bk__title-ar {
display: block; font-family: "Thmanyah Display", var(--font-serif);
direction: rtl; font-size: clamp(17px, 2.3vw, 23px); font-weight: 700;
letter-spacing: 0; text-transform: none; color: var(--muted); margin-top: 9px; line-height: 1.2;
}
.bk__intro-ar {
display: block; font-family: "Thmanyah Sans", system-ui, sans-serif;
direction: rtl; font-size: 13.5px; line-height: 1.7; color: var(--muted); margin-top: 8px;
}
.bk__check-txt { display: flex; flex-direction: column; gap: 1px; line-height: 1.25; }
.bk__check-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; font-size: 12.5px; color: var(--muted); }
.bk__check.is-on .bk__check-ar { color: var(--ink-2); }
.bk__pill--bi {
display: inline-flex; flex-direction: column; align-items: center; gap: 2px;
line-height: 1.05; padding-top: 9px; padding-bottom: 9px;
}
.bk__pill-en { display: block; }
.bk__pill-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12px; letter-spacing: 0; text-transform: none; opacity: 0.92; }
.bk__done-ar {
display: block; font-family: "Thmanyah Sans", system-ui, sans-serif;
direction: rtl; color: var(--muted); margin-top: 6px; line-height: 1.7;
}
.bk__done h3 .bk__done-ar { font-family: "Thmanyah Display", var(--font-serif); font-size: 0.6em; font-weight: 700; margin-top: 4px; }
.applyscrim {
position: fixed; top: var(--nav-h); left: 0; right: 0; bottom: 0; background: rgba(20,15,11,0.55); backdrop-filter: blur(3px);
opacity: 0; visibility: hidden; transition: opacity .3s var(--motion-ease), visibility .3s; z-index: 1350;
}
.applyscrim.open { opacity: 1; visibility: visible; }
.applymodal {
position: fixed; top: var(--nav-h); left: 0; right: 0; bottom: 0; z-index: 1360; display: grid; place-items: center; padding: 24px;
opacity: 0; visibility: hidden; transition: opacity .3s var(--motion-ease), visibility .3s;
}
.applymodal.open { opacity: 1; visibility: visible; }
.applycard {
position: relative; width: min(560px, 100%); max-height: calc(100vh - var(--nav-h) - 48px); overflow-y: auto; background: var(--surface);
border: 1px solid var(--line); border-radius: 18px; padding: clamp(28px, 4vw, 44px);
box-shadow: 0 40px 90px -50px rgba(20,15,11,0.7);
transform: translateY(14px) scale(0.985); transition: transform .34s var(--motion-ease);
}
.applymodal.open .applycard { transform: none; }
.apply__title { font-family: var(--font-display); font-weight: 800; font-size: clamp(26px, 4vw, 36px); letter-spacing: -0.02em; line-height: 1; margin: 8px 0 0; }
.apply__title-ar { display: block; font-family: "Thmanyah Display", var(--font-serif); font-size: clamp(16px,2.2vw,21px); font-weight: 700; color: var(--muted); margin-top: 9px; }
.apply__intro { font-size: 14.5px; color: var(--ink-2); margin: 10px 0 0; }
.apply__intro-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; color: var(--muted); font-size: 13px; margin-top: 5px; }
.apply__opts { display: grid; gap: 12px; margin-top: 24px; }
.applyopt {
display: flex; align-items: center; gap: 16px; text-align: start;
background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; cursor: pointer;
transition: border-color .2s var(--motion-ease), background .2s var(--motion-ease), transform .2s var(--motion-ease);
}
.applyopt:hover { border-color: var(--accent); background: color-mix(in oklab, var(--accent) 7%, var(--surface)); transform: translateY(-2px); }
.applyopt__ico { flex: none; width: 56px; height: 56px; border-radius: 12px; display: grid; place-items: center; background: var(--surface); border: 1px solid var(--line); color: var(--ink); }
.applyopt:hover .applyopt__ico { color: var(--accent); border-color: color-mix(in oklab, var(--accent) 40%, var(--line)); }
.applyopt__body { display: flex; flex-direction: column; gap: 3px; flex: 1; }
.applyopt__t { font-family: var(--font-display); font-weight: 700; font-size: 17px; color: var(--ink); display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; }
.applyopt__t-ar { font-family: "Thmanyah Display", var(--font-serif); font-size: 15px; color: var(--muted); font-weight: 700; }
.applyopt__d { font-size: 12.5px; color: var(--ink-2); line-height: 1.45; }
.applyopt__d-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; color: var(--muted); margin-top: 2px; }
.applyopt__go { flex: none; color: var(--muted); transition: transform .2s var(--motion-ease), color .2s; }
.applyopt:hover .applyopt__go { color: var(--accent); transform: translateX(4px); }
[data-lang="ar"] .applyopt { flex-direction: row-reverse; text-align: right; }
[data-lang="ar"] .applyopt__go { transform: scaleX(-1); }
[data-lang="ar"] .applyopt:hover .applyopt__go { transform: scaleX(-1) translateX(4px); }
.contact__socials a {
display: inline-flex; align-items: center; justify-content: center;
width: 40px; height: 40px; border-radius: 50%;
border: 1px solid var(--line); background: var(--surface);
color: var(--ink-2);
transition: color var(--motion-dur) var(--motion-ease), border-color var(--motion-dur) var(--motion-ease), background var(--motion-dur) var(--motion-ease), transform var(--motion-dur) var(--motion-ease);
}
.contact__socials a:hover { color: var(--accent); border-color: var(--accent); transform: translateY(-2px); }
.foot__socials { display: flex; gap: 12px; margin-top: 14px; }
.foot__socials a {
display: inline-flex; align-items: center; justify-content: center;
width: 38px; height: 38px; border-radius: 50%;
border: 1px solid var(--line); color: var(--muted);
transition: color var(--motion-dur) var(--motion-ease), border-color var(--motion-dur) var(--motion-ease), transform var(--motion-dur) var(--motion-ease);
}
.foot__socials a:hover { color: var(--accent); border-color: var(--accent); transform: translateY(-2px); }
.foot__sca a { display: inline-flex; cursor: pointer; transition: transform var(--motion-dur) var(--motion-ease); }
.foot__sca a:hover { transform: scale(1.03); }
.policies__grid {
display: grid; grid-template-columns: repeat(2, 1fr);
gap: clamp(16px, 2vw, 26px); margin-top: clamp(34px, 4vw, 52px);
}
@media (max-width: 760px) { .policies__grid { grid-template-columns: 1fr; } }
.policy {
position: relative; border: 1px solid var(--line); background: var(--surface);
border-radius: var(--radius); padding: clamp(24px, 2.6vw, 34px);
display: flex; flex-direction: column; gap: 10px;
transition: border-color var(--motion-dur) var(--motion-ease), transform var(--motion-dur) var(--motion-ease);
}
.policy:hover { border-color: var(--accent); transform: translateY(-3px); }
.policy__num {
font-family: var(--font-mono); font-size: 13px; letter-spacing: 0.12em;
color: var(--accent); font-weight: 600;
}
.policy__title { font-family: var(--font-display); font-weight: 700; font-size: clamp(19px, 2vw, 23px); letter-spacing: -0.01em; line-height: 1.15; }
.policy__title-ar { display: block; font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-weight: 700; font-size: 17px; color: var(--muted); margin-top: 5px; }
.policy__text { font-size: 15px; line-height: 1.6; color: var(--ink-2); margin: 0; text-wrap: pretty; }
.policy__text-ar { font-family: "Thmanyah Display", var(--font-serif); font-size: 14.5px; line-height: 1.85; color: var(--muted); margin: 2px 0 0; text-align: right; text-wrap: pretty; }
.bk__prereq {
display: flex; gap: 12px; align-items: flex-start; cursor: pointer;
border: 1px solid var(--line); border-radius: var(--radius);
padding: 16px 18px; background: var(--paper);
transition: border-color var(--motion-dur) var(--motion-ease), background var(--motion-dur) var(--motion-ease);
}
.bk__prereq.is-on { border-color: var(--accent); background: color-mix(in oklab, var(--accent) 9%, var(--surface)); }
.bk__prereq input { accent-color: var(--accent); width: 17px; height: 17px; flex: none; margin-top: 2px; }
.bk__prereq-txt { display: flex; flex-direction: column; gap: 4px; }
.bk__prereq-txt b { font-size: 14px; color: var(--ink); line-height: 1.35; }
.bk__prereq-sub { font-size: 12.5px; color: var(--muted); line-height: 1.45; }
.bk__prereq-ar { font-family: "Thmanyah Display", var(--font-serif); font-size: 13px; color: var(--ink-2); line-height: 1.6; }
.bk__bundle {
display: flex; gap: 12px; align-items: flex-start; cursor: pointer; margin-top: 12px;
border: 1px solid color-mix(in oklab, var(--c-green) 40%, var(--line)); border-radius: var(--radius);
padding: 15px 17px; background: color-mix(in oklab, var(--c-green) 7%, var(--surface));
transition: border-color var(--motion-dur) var(--motion-ease), background var(--motion-dur) var(--motion-ease);
}
.bk__bundle.is-on { border-color: var(--c-green); background: color-mix(in oklab, var(--c-green) 13%, var(--surface)); }
.bk__bundle input { accent-color: var(--c-green); width: 17px; height: 17px; flex: none; margin-top: 2px; }
.bk__bundle-txt { display: flex; flex-direction: column; gap: 4px; }
.bk__bundle-txt b { font-size: 14px; color: var(--ink); line-height: 1.35; }
.bk__bundle-ar { font-family: "Thmanyah Display", var(--font-serif); font-size: 13.5px; color: var(--ink-2); line-height: 1.6; }
.bk__bundle-price { font-family: var(--font-display); font-size: 15px; color: var(--ink); margin-top: 4px; }
.bk__bundle-price s { color: var(--muted); font-weight: 500; }
.bk__bundle-price b { color: var(--c-green); }
.contact__v--wa { display: inline-flex; align-items: center; gap: 8px; color: #1f8a4c; }
.contact__row--wa:hover .contact__v--wa { color: #15994f; }
.journal__publish {
margin-top: clamp(26px, 3vw, 40px); padding: 18px 22px;
border: 1px dashed var(--line); border-radius: var(--radius);
background: var(--surface); font-size: 14px; line-height: 1.6; color: var(--ink-2);
display: flex; flex-direction: column; gap: 8px;
}
.journal__publish code { font-family: var(--font-mono); font-size: 12.5px; background: var(--paper-2); padding: 1px 6px; border-radius: 5px; color: var(--ink); }
.journal__publish-ar { font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-size: 14px; line-height: 1.85; color: var(--muted); }
.rdscrim {
position: fixed; top: var(--nav-h); left: 0; right: 0; bottom: 0; background: rgba(20,17,14,0.6); backdrop-filter: blur(3px);
opacity: 0; pointer-events: none; transition: opacity 0.35s var(--motion-ease); z-index: 200;
}
.rdscrim.open { opacity: 1; pointer-events: auto; }
.reader {
position: fixed; top: var(--nav-h); right: 0; height: calc(100% - var(--nav-h)); width: min(720px, 100%);
background: var(--paper); z-index: 201; overflow-y: auto;
transform: translateX(100%); transition: transform 0.42s var(--motion-ease);
box-shadow: -30px 0 80px -40px rgba(0,0,0,0.5);
}
.reader.open { transform: translateX(0); }
.reader__close {
position: absolute; top: 18px; right: 18px; z-index: 3;
width: 42px; height: 42px; border-radius: 50%; border: none; cursor: pointer;
background: rgba(255,255,255,0.85); color: var(--ink); font-size: 26px; line-height: 1;
display: grid; place-items: center; backdrop-filter: blur(4px);
transition: background var(--motion-dur) var(--motion-ease);
}
.reader__close:hover { background: #fff; }
.reader__cover { width: 100%; height: clamp(220px, 32vw, 320px); background: var(--paper-2); border-bottom: 1px solid var(--line); }
.reader__cover image-slot { --slot-bg: var(--paper-2); }
.reader__body { padding: clamp(28px, 4vw, 52px); }
.reader__meta { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.reader__title { font-family: var(--font-display); font-weight: 800; font-size: clamp(28px, 4vw, 42px); line-height: 1.08; letter-spacing: -0.02em; margin: 12px 0 0; text-wrap: balance; }
.reader[dir="rtl"] .reader__title { font-family: "Thmanyah Display", var(--font-serif); letter-spacing: 0; line-height: 1.3; }
.reader__langs { display: inline-flex; gap: 6px; margin-top: 18px; border: 1px solid var(--line); border-radius: 999px; padding: 4px; }
.reader__lang {
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
border: none; background: transparent; color: var(--ink-2); cursor: pointer;
padding: 6px 14px; border-radius: 999px; transition: background var(--motion-dur) var(--motion-ease), color var(--motion-dur) var(--motion-ease);
}
.reader__lang.is-on { background: var(--accent); color: var(--paper); }
.reader__byline { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em; color: var(--muted); margin: 16px 0 0; }
.reader__content { margin-top: 24px; }
.reader__p { font-size: clamp(16px, 1.5vw, 18px); line-height: 1.72; color: var(--ink-2); margin: 0 0 20px; text-wrap: pretty; }
.reader[dir="rtl"] .reader__p { font-family: "Thmanyah Serif", var(--font-serif); font-size: clamp(16px, 1.5vw, 18.5px); line-height: 2.05; color: var(--ink-2); }
.reader__h { font-family: var(--font-display); font-weight: 700; font-size: clamp(20px, 2.4vw, 25px); letter-spacing: -0.01em; margin: 30px 0 14px; }
.reader[dir="rtl"] .reader__h { font-family: "Thmanyah Display", var(--font-serif); letter-spacing: 0; }
.reader__quote {
margin: 26px 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--accent);
font-family: var(--font-display); font-weight: 600; font-size: clamp(19px, 2.2vw, 24px);
line-height: 1.4; letter-spacing: -0.01em; color: var(--ink); text-wrap: pretty;
}
.reader[dir="rtl"] .reader__quote { border-left: none; border-right: 3px solid var(--accent); padding: 4px 22px 4px 0; font-family: "Thmanyah Display", var(--font-serif); }
.method__lead { font-family: var(--font-serif); font-size: clamp(15px, 1.7vw, 19px); line-height: 1.6; color: rgba(244,241,234,0.82); margin: 18px 0 0; max-width: 64ch; }
.method__lead .ar-line { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; color: rgba(244,241,234,0.6); font-size: 0.92em; line-height: 1.9; margin-top: 9px; }
[data-lang="ar"] .method__lead { text-align: right; }
[data-lang="ar"] .method__lead > .en { display: none !important; }
[data-lang="ar"] .method__lead .ar-line { color: rgba(244,241,234,0.86); font-size: 1em; margin-top: 0; }
.cta-poem { margin: 6px auto 0; max-width: 920px; }
.cta-poem__ar {
font-family: "Thmanyah Display", var(--font-serif); font-weight: 700; color: var(--ink);
display: flex; flex-direction: column; gap: 6px; margin: 0; line-height: 1.8;
font-feature-settings: "calt" 1, "salt" 1, "swsh" 1;
}
.cta-poem__bayt { display: flex; justify-content: center; align-items: baseline; column-gap: clamp(18px, 5vw, 60px); row-gap: 2px; flex-wrap: wrap; font-size: clamp(21px, 3vw, 36px); }
.cta-poem__h { white-space: nowrap; }
.cta-poem__en { font-family: var(--font-serif); font-style: italic; color: var(--muted); font-size: clamp(14px, 1.4vw, 17px); line-height: 1.6; max-width: 62ch; margin: 22px auto 0; }
[data-lang="ar"] .cta-poem__en { display: none; }
@media (max-width: 560px) { .cta-poem__bayt { gap: 2px; font-size: clamp(18px, 6vw, 25px); } }
.badge--link { cursor: pointer; text-decoration: none; }
.badge--link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: var(--radius); }
.bk__verse {
font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-weight: 700;
color: var(--accent); text-align: center; font-size: clamp(16px, 2vw, 19px); line-height: 1.4; margin: 2px 0 0;
margin: 6px 0 2px; display: flex; flex-direction: column; align-items: center; gap: 2px;
font-feature-settings: "calt" 1, "salt" 1, "swsh" 1;
}
.bk__verse-sep { color: var(--muted); font-size: 0.66em; }
.bk__verse-en { display: block; direction: ltr; font-family: var(--font-serif); font-style: italic; font-weight: 400; color: var(--muted); font-size: 12.5px; line-height: 1.45; margin-top: 3px; }
[data-lang="ar"] .bk__verse-en { display: none; }
.enrolled {
display: inline-flex; align-items: center; gap: 7px;
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
text-transform: uppercase; color: var(--muted); line-height: 1;
}
.enrolled b { font-weight: 600; color: var(--ink); }
.enrolled__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--c-green); box-shadow: 0 0 0 3px color-mix(in oklab, var(--c-green) 22%, transparent); }
.enrolled__ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12px; letter-spacing: 0; text-transform: none; margin-inline-start: 3px; color: var(--muted); }
.mcard--photo .enrolled--light {
position: absolute; left: 16px; bottom: 16px; z-index: 4;
padding: 7px 11px; border-radius: 999px;
background: rgba(16,14,12,0.62); backdrop-filter: blur(6px);
color: rgba(255,255,255,0.92);
}
.mcard--photo .enrolled--light b { color: #fff; }
.mcard--photo .enrolled--light .enrolled__ar { color: rgba(255,255,255,0.7); }
.mcard--photo .enrolled--light .enrolled__dot { box-shadow: 0 0 0 3px rgba(0,177,145,0.28); }
.drawer__enrolled {
display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius);
background: color-mix(in oklab, var(--c-green) 8%, var(--surface));
font-size: 14px; color: var(--ink-2);
}
.drawer__enrolled b { font-family: var(--font-display); font-weight: 800; }
.drawer__enrolled-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--c-green); box-shadow: 0 0 0 4px color-mix(in oklab, var(--c-green) 20%, transparent); }
.drawer__enrolled-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 14px; color: var(--muted); width: 100%; }
.achieve { background: var(--ink); color: var(--paper); }
.achieve .eyebrow { color: var(--muted-2); }
.achieve h2 { color: var(--paper); }
.achieve__head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; max-width: 720px; margin: 0 auto; }
.achieve__head h2 { max-width: none; }
.achieve__lead { font-family: var(--font-serif); font-size: clamp(16px, 1.8vw, 20px); line-height: 1.5; color: color-mix(in oklab, var(--paper) 78%, transparent); margin: 0; }
.achieve__lead .lead-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: clamp(14px, 1.5vw, 16.5px); line-height: 1.8; color: var(--muted-2); margin-top: 10px; }
.achieve__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(20px, 3vw, 40px); margin-top: clamp(44px, 5vw, 68px); }
.stat { text-align: center; padding: 0 8px; position: relative; }
.stat + .stat::before { content: ""; position: absolute; left: 0; top: 8%; height: 84%; width: 1px; background: rgba(255,255,255,0.12); }
.stat__num { font-family: var(--font-display); font-weight: 800; font-size: clamp(44px, 6.4vw, 80px); line-height: 0.95; letter-spacing: -0.03em; color: var(--accent); font-variant-numeric: tabular-nums; }
.stat__suffix { font-size: 0.5em; vertical-align: super; margin-inline-start: 2px; }
.stat__lab { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: color-mix(in oklab, var(--paper) 72%, transparent); margin-top: 16px; line-height: 1.5; }
.stat__lab-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 14px; letter-spacing: 0; text-transform: none; color: var(--muted-2); margin-top: 4px; }
@media (max-width: 760px) {
.achieve__grid { grid-template-columns: repeat(2, 1fr); gap: 36px 16px; }
.stat:nth-child(3)::before { display: none; }
}
.videogal__head { text-align: center; align-items: center; margin: 0 auto clamp(34px, 4vw, 52px); max-width: 640px; }
.videogal__lead { font-family: var(--font-display); font-weight: 500; font-size: clamp(15px, 1.7vw, 19px); line-height: 1.4; color: var(--ink-2); margin: 14px 0 0; letter-spacing: -0.01em; }
.videogal__lead .lead-ar { display: block; font-family: "Thmanyah Display", var(--font-serif); font-weight: 700; font-size: clamp(15px, 1.6vw, 18px); color: var(--ink-2); margin-top: 8px; font-feature-settings: "calt" 1, "salt" 1, "swsh" 1; }
.videogal__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(16px, 2.4vw, 28px); }
.vcell { margin: 0; }
.vcell--feature { grid-column: 1 / -1; }
.vcell__frame {
position: relative; width: 100%; aspect-ratio: 16 / 9;
border-radius: 18px; overflow: hidden;
background: #100e0c; border: 1px solid var(--line);
box-shadow: 0 30px 64px -44px rgba(38,33,28,0.6);
}
.vcell__frame iframe, .vcell__frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; display: block; }
.vcell__ph {
position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
background:
repeating-linear-gradient(135deg, rgba(255,255,255,0.025) 0 12px, transparent 12px 24px),
radial-gradient(120% 120% at 50% 0%, #2a241f, #100e0c);
color: var(--paper); text-align: center; padding: 20px;
}
.vcell__cover {
position: absolute; inset: 0; width: 100%; height: 100%; cursor: pointer;
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
border: 0; color: var(--paper); text-align: center; padding: 20px;
background:
repeating-linear-gradient(135deg, rgba(255,255,255,0.025) 0 12px, transparent 12px 24px),
radial-gradient(120% 120% at 50% 0%, #2a241f, #100e0c);
background-size: cover, cover; background-position: center;
transition: filter var(--motion-dur, 0.3s) var(--motion-ease, ease);
}
.vcell__cover[style*="url"] { color: var(--paper); }
.vcell__cover[style*="url"]::before {
content: ""; position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(16,14,12,0.15), rgba(16,14,12,0.55));
}
.vcell__cover:hover { filter: brightness(1.06); }
.vcell__cover:hover .vcell__play { transform: scale(1.06); }
.vcell__cover--play {
background:
radial-gradient(120% 120% at 50% 0%, color-mix(in oklab, var(--accent) 20%, transparent), transparent 56%),
linear-gradient(158deg, #2a2521, #14100d);
}
.vcell__cover--play[style*="url"]::before {
content: ""; position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(16,14,12,0.12), rgba(16,14,12,0.5));
}
.vcell__cover-hint {
position: relative; z-index: 1;
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em;
text-transform: uppercase; color: rgba(244,241,234,0.74);
}
.vcell__cover .vcell__play { position: relative; z-index: 1; transition: transform var(--motion-dur, 0.3s) var(--motion-ease, ease); }
.vcell__play {
width: clamp(48px, 5vw, 64px); height: clamp(48px, 5vw, 64px); border-radius: 50%;
display: grid; place-items: center; font-size: clamp(16px, 2vw, 22px);
background: var(--accent); color: var(--accent-ink);
box-shadow: 0 14px 34px -14px color-mix(in oklab, var(--accent) 70%, black);
}
.vcell__ph-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: clamp(13px, 1.4vw, 16px); margin: 0; }
.vcell__ph-en { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; margin: 0; color: rgba(244,241,234,0.6); }
.vcell__cap { display: flex; flex-direction: column; gap: 2px; margin-top: 14px; }
.vcell__cap-en { font-family: var(--font-display); font-weight: 700; font-size: clamp(15px, 1.6vw, 18px); letter-spacing: -0.01em; }
.vcell__cap-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 14px; color: var(--muted); }
@media (max-width: 680px) {
.videogal__grid { grid-template-columns: 1fr; }
}
.consult__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 1.8vw, 22px); margin-top: clamp(36px, 4vw, 52px); }
.cservice {
display: flex; flex-direction: column; gap: 16px; text-align: left;
padding: clamp(22px, 2.4vw, 30px); border: 1px solid var(--line); border-radius: 14px;
background: var(--surface); cursor: pointer; position: relative; overflow: hidden;
transition: transform var(--motion-dur) var(--motion-ease), box-shadow var(--motion-dur) var(--motion-ease), border-color var(--motion-dur) var(--motion-ease);
font: inherit; color: inherit;
}
.cservice::before {
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
background: var(--cc); transform: scaleY(0); transform-origin: top; transition: transform var(--motion-dur) var(--motion-ease);
}
.cservice:hover {
transform: translateY(calc(-1 * var(--motion-lift)));
box-shadow: 0 26px 50px -32px rgba(38,33,28,0.4); border-color: color-mix(in oklab, var(--cc) 45%, var(--line));
}
.cservice:hover::before { transform: scaleY(1); }
.cservice__ico {
width: 64px; height: 64px; border-radius: 12px; display: grid; place-items: center; flex: none;
color: var(--cc); background: color-mix(in oklab, var(--cc) 12%, var(--surface));
}
.cservice__body { display: flex; flex-direction: column; gap: 9px; }
.cservice__title { font-family: var(--font-display); font-weight: 700; font-size: clamp(18px, 1.9vw, 22px); letter-spacing: -0.01em; line-height: 1.15; }
.cservice__title-ar { display: block; font-family: "Thmanyah Display", var(--font-serif); font-weight: 700; font-size: clamp(17px, 1.8vw, 21px); color: var(--ink-2); margin-top: 5px; }
.cservice__text { font-size: 14.5px; line-height: 1.55; color: var(--ink-2); }
.cservice__text-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 14px; line-height: 1.8; color: var(--muted); }
.cservice__go {
position: absolute; right: 18px; bottom: 18px; color: var(--cc); opacity: 0;
transform: translateX(-6px); transition: opacity var(--motion-dur) var(--motion-ease), transform var(--motion-dur) var(--motion-ease);
}
.cservice:hover .cservice__go { opacity: 1; transform: translateX(0); }
@media (max-width: 920px) { .consult__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .consult__grid { grid-template-columns: 1fr; } }
.cservice--media { display: block; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--paper-2); cursor: default; min-height: 220px; }
.cservice--media::before { display: none; }
.cservice--media:hover { transform: none; box-shadow: none; border-color: var(--line); }
.cservice--media image-slot { --slot-bg: var(--paper-2); display: block; width: 100%; height: 100%; }
@media (max-width: 600px) { .cservice--media { min-height: 200px; aspect-ratio: 16 / 11; } }
@media (max-width: 1160px) { .nav__links { gap: 18px; } .nav__links a, .navdrop__trigger { font-size: 11.5px; } }
.navdrop { position: relative; }
.navdrop__trigger { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.navdrop__chev { transition: transform var(--motion-dur) var(--motion-ease); opacity: 0.7; }
.navdrop.is-open .navdrop__chev { transform: rotate(180deg); }
.navdrop__menu {
position: absolute; top: 100%; left: 0; margin-top: 12px; min-width: 232px;
background: var(--surface); border: 1px solid var(--line); border-radius: 12px;
box-shadow: 0 24px 48px -28px rgba(38,33,28,0.42); padding: 7px;
display: flex; flex-direction: column; gap: 2px;
opacity: 0; visibility: hidden; transform: translateY(-6px);
transition: opacity var(--motion-dur) var(--motion-ease), transform var(--motion-dur) var(--motion-ease), visibility var(--motion-dur);
z-index: 60;
}
.navdrop__menu::before { content: ""; position: absolute; bottom: 100%; left: 0; right: 0; height: 14px; }
.navdrop.is-open .navdrop__menu { opacity: 1; visibility: visible; transform: translateY(0); }
.navdrop__menu a {
display: flex; flex-direction: column; gap: 3px; padding: 11px 13px; border-radius: 8px;
text-transform: none; letter-spacing: 0; white-space: normal; padding-bottom: 11px;
transition: background var(--motion-dur) var(--motion-ease);
}
.navdrop__menu a::after { display: none; }
.navdrop__menu a:hover { background: var(--paper-2); }
.navdrop__en { font-family: var(--font-display); font-weight: 700; font-size: 14px; color: var(--ink); letter-spacing: -0.01em; }
.navdrop__sub { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.nav__links--ar .navdrop__menu { left: auto; right: 0; text-align: right; }
.nav__links--ar .navdrop__en { font-family: "Thmanyah Display", var(--font-serif); font-size: 16px; }
.nav__links--ar .navdrop__sub { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12px; letter-spacing: 0; text-transform: none; }
.langfloat {
position: fixed; top: 50%; right: 14px; transform: translateY(-50%);
z-index: 60; display: flex; flex-direction: column; align-items: center; gap: 5px;
padding: 8px 6px; border-radius: 999px;
background: color-mix(in oklab, var(--paper) 58%, transparent);
border: 1px solid color-mix(in oklab, var(--ink) 9%, transparent);
backdrop-filter: blur(10px) saturate(1.1); -webkit-backdrop-filter: blur(10px) saturate(1.1);
box-shadow: 0 12px 32px -18px rgba(38,33,28,0.42);
transition: opacity 0.45s var(--motion-ease), transform 0.45s var(--motion-ease), background 0.3s ease, box-shadow 0.3s ease;
}
.langfloat:hover { background: var(--surface); box-shadow: 0 18px 40px -20px rgba(38,33,28,0.5); }
.langfloat.is-tucked { opacity: 0.32; transform: translateY(-50%) translateX(30px); }
.langfloat.is-tucked:hover { opacity: 1; transform: translateY(-50%) translateX(0); }
.langfloat__opt {
font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em;
width: 34px; height: 30px; border-radius: 999px; border: 0; background: transparent;
color: var(--muted); cursor: pointer; line-height: 1; transition: background 0.2s ease, color 0.2s ease;
}
.langfloat__opt--ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 13.5px; }
.langfloat__opt.is-on { background: var(--ink); color: var(--paper); }
.langfloat__opt:not(.is-on):hover { color: var(--ink); }
.langfloat__div { width: 16px; height: 1px; background: color-mix(in oklab, var(--ink) 13%, transparent); }
@media (max-width: 600px) { .langfloat { right: 9px; padding: 6px 5px; } .langfloat__opt { width: 30px; height: 28px; } }
@media print { .langfloat { display: none; } }
@media (min-width: 821px) { .langfloat { display: none !important; } }
.ar-only { display: none; }
[data-lang="ar"] .ar-only { display: inline; font-family: "Thmanyah Sans", system-ui, sans-serif; }
[data-lang="ar"] .ar-only.ar-block { display: block; }
[data-lang="ar"] .en { display: none !important; }
[data-lang="ar"] .drawer__body { text-align: right; direction: rtl; }
[data-lang="ar"] .drawer__title .ar-only { font-family: "Thmanyah Display", var(--font-serif); }
[data-lang="ar"] .drawer__blurb .ar-only { font-family: "Thmanyah Sans", system-ui, sans-serif; line-height: 1.85; }
[data-lang="ar"] .drawer__learn h4 .ar-only,
[data-lang="ar"] .priceblock h4 .ar-only,
[data-lang="ar"] .syllabus h4 .ar-only { font-family: "Thmanyah Display", var(--font-serif); }
[data-lang="ar"] .drawer__learn li { flex-direction: row-reverse; }
[data-lang="ar"] .drawer__learn li span:last-child { font-family: "Thmanyah Sans", system-ui, sans-serif; line-height: 1.8; }
[data-lang="ar"] .drawer__meta { direction: rtl; }
[data-lang="ar"] .ptable__head, [data-lang="ar"] .ptable__row { direction: rtl; }
[data-lang="ar"] .drawer__enrolled { text-align: right; direction: rtl; }
[data-lang="ar"] .drawer__soon { text-align: right; direction: rtl; font-family: "Thmanyah Sans", system-ui, sans-serif; }
[data-lang="ar"] .scard__body { text-align: right; }
[data-lang="ar"] .scard__name { font-size: 0; }
[data-lang="ar"] .scard__name-ar { font-size: clamp(18px, 2vw, 22px); margin: 0; display: block; color: var(--ink); }
[data-lang="ar"] .scard__blurb .ar-only { font-family: "Thmanyah Sans", system-ui, sans-serif; line-height: 1.8; }
[data-lang="ar"] .scard__meta { direction: rtl; }
.ptable__lvl-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12px; color: var(--muted); font-weight: 500; margin-top: 2px; }
[data-lang="ar"] .ptable__lvl b { font-size: 0; }
[data-lang="ar"] .ptable__lvl-ar { font-size: 15px; color: var(--ink); }
.mcard__label-ar { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 13px; color: var(--muted); margin-top: 2px; }
[data-lang="ar"] .mcard__label { font-size: 0; }
[data-lang="ar"] .mcard__label-ar { font-size: 15px; }
[data-lang="ar"] .head-row > .section-head,
[data-lang="ar"] .head-row > .lead,
[data-lang="ar"] .section-head { min-width: min(100%, 340px); }
[data-lang="ar"] .section-head { display: block; }
[data-lang="ar"] .section-head > * + * { margin-top: 18px; }
[data-lang="ar"] .section-head .lead,
[data-lang="ar"] .head-row > .lead { width: 100%; max-width: none; }
[data-lang="ar"] .lead .lead-ar,
[data-lang="ar"] .achieve__lead .lead-ar,
[data-lang="ar"] .videogal__lead .lead-ar { white-space: normal; width: 100%; max-width: none; }
[data-lang="ar"] .group-offer__text,
[data-lang="ar"] .group-offer__title,
[data-lang="ar"] .mcard__label { max-width: none; }
.ar-line { display: block; font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl; }
.hero__sub .ar-line,
.method__item p .ar-line,
.badges__lead .ar-line,
.contact .lead .ar-line { color: var(--muted); font-size: 0.9em; line-height: 1.9; margin-top: 9px; }
.method__item p .ar-line { color: rgba(244,241,234,0.6); }
[data-lang="ar"] .section-head { text-align: right; }
[data-lang="ar"] .section-head h2 { max-width: none; }
[data-lang="ar"] .achieve__head,
[data-lang="ar"] .videogal__head { align-items: flex-end; text-align: right; }
[data-lang="ar"] .method__item,
[data-lang="ar"] .level,
[data-lang="ar"] .jcard__body,
[data-lang="ar"] .about__ppair,
[data-lang="ar"] .cservice__body,
[data-lang="ar"] .hero__sub { text-align: right; }
[data-lang="ar"] .section-head h2,
[data-lang="ar"] .h-display,
[data-lang="ar"] .cta-band h2 { font-size: 0 !important; }
[data-lang="ar"] .section-head h2 .h-ar { font-size: clamp(30px, 4.6vw, 56px); margin-top: 0; opacity: 1; display: block; text-align: right; direction: rtl; line-height: 1.18; }
[data-lang="ar"] .h-display .h-ar { font-size: clamp(40px, 7vw, 92px); margin-top: 0; opacity: 1; display: block; text-align: right; line-height: 1.1; color: var(--ink); }
[data-lang="ar"] .cta-band h2 .h-ar { font-size: clamp(34px, 5.2vw, 72px); text-align: center; opacity: 1; margin: 0; }
[data-lang="ar"] .achieve h2 .h-ar { color: var(--paper); }
[data-lang="ar"] .eyebrow { font-size: 0 !important; }
[data-lang="ar"] .eyebrow .ar { font-size: 15px; font-weight: 700; color: var(--ink-2); margin: 0; display: inline-block; }
[data-lang="ar"] .achieve .eyebrow .ar,
[data-lang="ar"] .method .eyebrow .ar { color: var(--paper); }
[data-lang="ar"] .badges__head .eyebrow .ar { font-size: 19px; }
[data-lang="ar"] .lead { font-size: 0 !important; }
[data-lang="ar"] .lead .lead-ar { font-size: clamp(16px, 1.7vw, 19px); color: var(--ink-2); margin-top: 0; text-align: right; display: block; }
[data-lang="ar"] .achieve__lead,
[data-lang="ar"] .videogal__lead { font-size: 0 !important; }
[data-lang="ar"] .achieve__lead .lead-ar,
[data-lang="ar"] .videogal__lead .lead-ar { font-size: clamp(15px, 1.6vw, 18px); margin-top: 0; }
[data-lang="ar"] .achieve__lead .lead-ar { color: color-mix(in oklab, var(--paper) 78%, transparent); }
[data-lang="ar"] .policy__text,
[data-lang="ar"] .cservice__text,
[data-lang="ar"] .vcell__cap-en,
[data-lang="ar"] .about__p,
[data-lang="ar"] .cta-band .lead,
[data-lang="ar"] .badges__lead > .en,
[data-lang="ar"] .hero__sub > .en { display: none !important; }
[data-lang="ar"] .cta-band__ar { color: var(--ink-2); font-size: clamp(15px, 1.7vw, 19px); }
[data-lang="ar"] .about__p-ar { color: var(--ink-2); }
[data-lang="ar"] .cservice__text-ar { font-size: 14.5px; color: var(--ink-2); }
[data-lang="ar"] .vcell__cap-ar { font-size: clamp(15px, 1.6vw, 18px); color: var(--ink); }
[data-lang="ar"] .method__item h3,
[data-lang="ar"] .level__name,
[data-lang="ar"] .level__blurb,
[data-lang="ar"] .group-offer__title,
[data-lang="ar"] .group-offer__text,
[data-lang="ar"] .jcard__title,
[data-lang="ar"] .cservice__title,
[data-lang="ar"] .stat__lab,
[data-lang="ar"] .level__pts li { font-size: 0 !important; }
[data-lang="ar"] .method__item h3 { justify-content: flex-end; }
[data-lang="ar"] .method__ar { font-size: 23px; color: var(--c-sensory); margin: 0; }
[data-lang="ar"] .level__name-ar { font-size: 22px; margin: 0; display: block; }
[data-lang="ar"] .level__blurb-ar { font-size: 15px; margin: 0; display: block; }
[data-lang="ar"] .level__pt-ar { font-size: 14px; margin: 0; display: block; }
[data-lang="ar"] .group-offer__title-ar { font-size: clamp(18px,2vw,24px); margin: 0; display: block; }
[data-lang="ar"] .group-offer__text-ar { font-size: 14.5px; margin: 0; display: block; }
[data-lang="ar"] .jcard__title-ar { font-size: 19px; margin: 0; display: block; color: var(--ink); }
[data-lang="ar"] .cservice__title-ar { font-size: clamp(18px,1.9vw,22px); margin: 0; display: block; color: var(--ink); }
[data-lang="ar"] .stat__lab-ar { font-size: 15px; margin: 0; display: block; color: var(--paper); }
[data-lang="ar"] .group-offer__off { font-size: 0 !important; }
[data-lang="ar"] .group-offer__off-ar { font-size: 14px; }
[data-lang="ar"] .drawer__enrolled,
[data-lang="ar"] .drawer__enrolled-ar { text-align: right; }
[data-lang="ar"] .ar-line { color: var(--ink-2); font-size: 1em; margin-top: 0; }
[data-lang="ar"] .hero__sub .ar-line { font-size: clamp(15px, 1.7vw, 19px); }
[data-lang="ar"] .badges__lead { text-align: center; }
[data-lang="ar"] .badges__lead .ar-line { font-size: clamp(17px, 2vw, 22px); }
[data-lang="ar"] .method__item p .ar-line { color: rgba(244,241,234,0.82); font-size: 16px; }
[data-lang="ar"] .btn .ar-only,
[data-lang="ar"] .foot__col a .ar-only,
[data-lang="ar"] .foot__col h4 .ar-only,
[data-lang="ar"] .contact__k .ar-only { font-size: 1.04em; }
.intro {
position: relative;
min-height: 100svh;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
background: #140f0b;
color: var(--paper);
isolation: isolate;
}
#intro-hero {
position: absolute; inset: 0; z-index: 0;
width: 100%; height: 100%; display: block;
--slot-bg: #140f0b; transform: scale(1.04);
filter: brightness(0.90) contrast(1.05) saturate(0.92);
will-change: transform;
}
.intro.is-ready #intro-hero { animation: introZoom 24s cubic-bezier(0.22,0.61,0.36,1) forwards; }
@keyframes introZoom { from { transform: scale(1.12); } to { transform: scale(1.04); } }
@media (prefers-reduced-motion: reduce) {
#intro-hero, .intro.is-ready #intro-hero { animation: none; transform: scale(1.04); }
}
.intro__veil {
position: absolute; inset: 0; z-index: 1;
background:
linear-gradient(180deg, rgba(20,15,11,0.58) 0%, rgba(20,15,11,0.18) 16%, transparent 36%),
linear-gradient(0deg, rgba(20,15,11,0.65) 0%, rgba(20,15,11,0.24) 24%, transparent 52%),
radial-gradient(ellipse 85% 70% at 50% 48%, rgba(20,15,11,0.22) 0%, rgba(20,15,11,0.44) 100%),
linear-gradient(90deg, rgba(20,15,11,0.20) 0%, transparent 20%, transparent 80%, rgba(20,15,11,0.16) 100%);
}
.intro::after {
content: "";
position: absolute; inset: 0; z-index: 3;
pointer-events: none;
opacity: 0.038;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23g)'/%3E%3C/svg%3E");
background-repeat: repeat;
mix-blend-mode: soft-light;
}
.intro__inner {
position: relative; z-index: 2;
display: flex; flex-direction: column; align-items: center;
padding: 0 24px; max-width: 980px;
}
.intro__mark { --ink: #f4f1ea; --paper: #1c1510; display: inline-flex; filter: drop-shadow(0 3px 10px rgba(0,0,0,0.60)) drop-shadow(0 12px 34px rgba(0,0,0,0.45)); }
.videogal__head .h-ar, .achieve__head .h-ar { text-align: center; direction: rtl; }
.videogal__lead .lead-ar, .achieve__lead .lead-ar { text-align: center; }
.intro__name { margin: 10px 0 0; display: flex; flex-direction: column; gap: 50px; }
.intro__name-en {
font-family: "Thmanyah Display", var(--font-serif); font-weight: 700;
font-size: clamp(26px, 5.4vw, 70px); line-height: 1.15; white-space: nowrap;
letter-spacing: 0; text-transform: none; color: #fbf8f1;
text-shadow: 0 2px 6px rgba(0,0,0,0.68), 0 8px 50px rgba(0,0,0,0.52);
}
.intro__name-ar {
font-family: "Thmanyah Display", var(--font-serif); direction: rtl;
font-weight: 700; font-size: clamp(22px, 3.4vw, 46px); line-height: 1.1;
color: color-mix(in oklab, var(--accent) 62%, #fbf8f1);
text-shadow: 0 2px 6px rgba(0,0,0,0.62), 0 6px 32px rgba(0,0,0,0.46);
}
.intro__rule { width: 64px; height: 2px; margin: 22px 0 20px; background: var(--accent); transform-origin: center; }
.intro.is-ready .intro__rule { transform: scaleX(1); }
.intro__slogan { margin: 0; display: flex; flex-direction: column; gap: 4px; align-items: center; }
.intro__slogan-en {
font-family: "Caveat", cursive; font-size: clamp(26px, 3.4vw, 46px);
letter-spacing: 0; text-transform: none; color: var(--accent); white-space: nowrap; line-height: 1;
text-shadow: 0 2px 6px rgba(0,0,0,0.62), 0 6px 30px rgba(0,0,0,0.42);
}
.intro__slogan-ar {
font-family: "Thmanyah Sans", system-ui, sans-serif; direction: rtl;
font-size: clamp(15px, 1.7vw, 20px); color: color-mix(in oklab, var(--paper) 82%, transparent); white-space: nowrap;
text-shadow: 0 2px 8px rgba(0,0,0,0.58), 0 4px 20px rgba(0,0,0,0.38);
}
@keyframes introRise { from { transform: translateY(20px); } to { transform: none; } }
@keyframes introRuleIn { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.intro__mark, .intro__name, .intro__slogan { opacity: 1; }
.intro__rule { opacity: 1; transform: scaleX(1); }
.intro.is-ready .intro__mark { animation: introRise 0.9s var(--motion-ease) 0.15s both; }
.intro.is-ready .intro__name { animation: introRise 0.9s var(--motion-ease) 0.4s both; }
.intro.is-ready .intro__rule { animation: introRuleIn 0.8s var(--motion-ease) 0.7s both; }
.intro.is-ready .intro__slogan { animation: introRise 0.9s var(--motion-ease) 0.85s both; }
.intro__scroll {
position: absolute; left: 50%; bottom: 30px; z-index: 3; transform: translateX(-50%);
display: flex; flex-direction: column; align-items: center; gap: 12px;
color: color-mix(in oklab, var(--paper) 82%, transparent);
opacity: 0; transition: opacity 1s var(--motion-ease);
}
.intro.is-ready .intro__scroll { opacity: 1; transition-delay: 2.1s; }
.intro__scroll-txt { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; }
.intro__scroll-line { width: 1px; height: 46px; background: linear-gradient(180deg, rgba(244,241,234,0.7), rgba(244,241,234,0)); position: relative; overflow: hidden; }
.intro__scroll-line::after { content: ""; position: absolute; top: -50%; left: 0; width: 100%; height: 50%; background: var(--paper); animation: introScroll 2.2s var(--motion-ease) infinite; }
@keyframes introScroll { 0% { top: -50%; } 60%,100% { top: 100%; } }
@media (max-width: 640px) {
.intro__slogan-en { font-size: clamp(24px, 7vw, 34px); }
.intro__name-en { font-size: clamp(20px, 6.3vw, 44px); white-space: nowrap; }
.intro__name { gap: 16px; }
}
@media (max-width: 400px) {
.intro__name-en { white-space: normal; font-size: clamp(22px, 7.2vw, 32px); }
.intro__name-ar { font-size: clamp(18px, 5.5vw, 26px); }
.intro__inner { padding: 0 18px; }
}
@media (prefers-reduced-motion: reduce) {
.intro__video { transform: scale(1.02); animation: none; }
.intro__mark, .intro__name, .intro__slogan, .intro__rule, .intro__scroll { opacity: 1 !important; transform: none !important; transition: none; }
.intro__rule { transform: scaleX(1) !important; }
.intro__scroll-line::after { animation: none; }
}
.nav:not(.stuck) .brand__name,
.nav:not(.stuck) .brand__ar { color: #fbf8f1; text-shadow: 0 1px 14px rgba(0,0,0,0.4); }
.nav:not(.stuck) .nav__links a,
.nav:not(.stuck) .navdrop__trigger { color: rgba(251,248,241,0.86); }
.nav:not(.stuck) .nav__links a:hover,
.nav:not(.stuck) .navdrop__trigger:hover { color: #fff; }
.nav:not(.stuck) .brand svg { --ink: #f4f1ea; --paper: #1c1510; }
.nav:not(.stuck) .navdrop__menu a { color: var(--ink); }
.nav:not(.stuck) .navdrop__en { color: var(--ink); }
[data-lang="ar"] .intro__scroll-txt { font-family: "Thmanyah Sans", system-ui, sans-serif; letter-spacing: 0.04em; }
.page { opacity: 1; transform: none; }
@media (prefers-reduced-motion: no-preference) {
.page { transition: transform 0.5s var(--motion-ease); }
.page.is-entering { transform: translateY(10px); }
}
@media print { .page { opacity: 1 !important; transform: none !important; } }
.nav__tools { display: flex; align-items: center; gap: 12px; flex: none; }
.nav__search {
display: inline-grid; place-items: center; width: 40px; height: 40px;
border-radius: 999px; border: 1px solid var(--line); background: var(--surface);
color: var(--ink-2); cursor: pointer; flex: none;
transition: border-color var(--motion-dur) var(--motion-ease), color var(--motion-dur) var(--motion-ease), transform var(--motion-dur) var(--motion-ease);
}
.nav__search:hover { border-color: var(--accent); color: var(--ink); transform: translateY(-1px); }
.nav__search svg { display: block; }
.nav:not(.stuck) .nav__search { background: color-mix(in oklab, #1c1510 35%, transparent); border-color: rgba(251,248,241,0.3); color: rgba(251,248,241,0.92); }
.nav:not(.stuck) .nav__search:hover { border-color: #fff; color: #fff; }
.nav__lang { display: inline-flex; align-items: center; gap: 2px; padding: 4px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); }
.nav__lang-opt { font-family: var(--font-mono); font-size: 12px; letter-spacing: .03em; min-width: 34px; height: 30px; padding: 0 9px; border-radius: 999px; border: 0; background: transparent; color: var(--muted); cursor: pointer; line-height: 1; transition: background .2s ease, color .2s ease; }
.nav__lang-opt:first-child { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 14px; }
.nav__lang-opt.is-on { background: var(--ink); color: var(--paper); }
.nav__lang-opt:not(.is-on):hover { color: var(--ink); }
.nav__lang-div { width: 1px; height: 16px; background: color-mix(in oklab, var(--ink) 12%, transparent); }
.nav__tools { gap: 9px; }
.nav__links { gap: 22px; }
.nav__shorts { white-space: nowrap; }
.nav:not(.stuck) .nav__lang { background: color-mix(in oklab, #1c1510 35%, transparent); border-color: rgba(251,248,241,0.3); }
.nav:not(.stuck) .nav__lang-opt { color: rgba(251,248,241,0.82); }
.nav:not(.stuck) .nav__lang-opt.is-on { background: var(--paper); color: var(--ink); }
.nav:not(.stuck) .nav__lang-div { background: rgba(251,248,241,0.25); }
.nav:not(.stuck) .nav__shorts { color: #fff; border-color: rgba(251,248,241,0.35); }
.nav:not(.stuck) .nav__shorts:hover { border-color: #fff; background: rgba(251,248,241,0.08); }
.nav__links a.is-current::after { width: 100%; }
.navdrop.is-current .navdrop__trigger { color: var(--ink); }
.navdrop.is-current .navdrop__trigger::after { width: 100%; }
.nav:not(.stuck) .navdrop.is-current .navdrop__trigger,
.nav:not(.stuck) .nav__links a.is-current { color: #fff; }
.nav__burger { display: none; width: 42px; height: 42px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); cursor: pointer; padding: 0; position: relative; flex: none; }
.nav__burger span { position: absolute; left: 11px; right: 11px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform 0.3s var(--motion-ease), opacity 0.2s ease, top 0.3s var(--motion-ease); }
.nav__burger span:nth-child(1) { top: 14px; }
.nav__burger span:nth-child(2) { top: 20px; }
.nav__burger span:nth-child(3) { top: 26px; }
.nav__burger.is-open span:nth-child(1) { top: 20px; transform: rotate(45deg); }
.nav__burger.is-open span:nth-child(2) { opacity: 0; }
.nav__burger.is-open span:nth-child(3) { top: 20px; transform: rotate(-45deg); }
.nav:not(.stuck) .nav__burger { background: color-mix(in oklab, #1c1510 35%, transparent); border-color: rgba(251,248,241,0.3); }
.nav:not(.stuck) .nav__burger span { background: #fbf8f1; }
@media (max-width: 820px) {
.nav__apply, .nav__lang, .nav__shorts { display: none; }
.nav__burger { display: inline-block; }
.nav__in { gap: 14px; }
}
@media (max-width: 460px) {
.nav__search { width: 38px; height: 38px; }
}
.mnav { position: fixed; inset: 0; z-index: 70; pointer-events: none; }
.mnav__scrim { position: absolute; inset: 0; background: rgba(24,22,19,0.5); backdrop-filter: blur(3px); opacity: 0; transition: opacity 0.4s var(--motion-ease); }
.mnav__panel {
position: absolute; top: 0; right: 0; bottom: 0; width: min(380px, 86vw);
background: var(--paper); border-left: 1px solid var(--line);
box-shadow: -30px 0 60px -30px rgba(0,0,0,0.4);
transform: translateX(102%); transition: transform 0.42s var(--motion-ease);
display: flex; flex-direction: column; gap: 14px; padding: 84px 22px 28px; overflow-y: auto;
}
.mnav.open { pointer-events: auto; }
.mnav.open .mnav__scrim { opacity: 1; }
.mnav.open .mnav__panel { transform: none; }
.mnav__search {
display: flex; align-items: center; gap: 11px; width: 100%;
border: 1px solid var(--line); background: var(--surface); border-radius: 999px;
padding: 13px 18px; cursor: pointer; color: var(--muted);
font-family: var(--font-display); font-size: 15px;
}
.mnav__search svg { color: var(--muted); flex: none; }
.mnav__list { display: flex; flex-direction: column; gap: 6px; }
.mnav__group { display: flex; flex-direction: column; gap: 2px; padding: 6px 0; border-top: 1px solid var(--line-2); }
.mnav__group:first-child { border-top: 0; }
.mnav__glabel { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); padding: 4px 8px 6px; }
.mnav__link {
display: flex; flex-direction: column; gap: 2px; padding: 11px 14px; border-radius: 10px;
font-family: var(--font-display); font-weight: 600; font-size: 17px; color: var(--ink);
transition: background var(--motion-dur) var(--motion-ease);
}
.mnav__link:hover, .mnav__link:active { background: var(--paper-2); }
.mnav__link--top { font-size: 18px; }
.mnav__link.is-current { color: var(--accent); }
.mnav__link .mnav__sub { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); font-weight: 400; }
.mnav__apply { margin-top: 6px; justify-content: center; }
.mnav[data-ar="1"] .mnav__panel { right: auto; left: 0; border-left: 0; border-right: 1px solid var(--line); transform: translateX(-102%); }
.mnav[data-ar="1"].open .mnav__panel { transform: none; }
.mnav[data-ar="1"] .mnav__link, .mnav[data-ar="1"] .mnav__glabel { text-align: right; }
.mnav[data-ar="1"] .mnav__link { font-family: "Thmanyah Display", var(--font-serif); }
.srch { position: fixed; inset: 0; z-index: 1360; pointer-events: none; }
.srch__scrim { position: absolute; inset: 0; background: rgba(24,22,19,0.52); backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.32s var(--motion-ease); }
.srch__panel {
position: absolute; top: max(12vh, calc(var(--nav-h) + 16px)); left: 50%; transform: translateX(-50%) translateY(-12px) scale(0.98);
width: min(620px, calc(100vw - 28px));
background: var(--surface); border: 1px solid var(--line); border-radius: 16px;
box-shadow: 0 50px 100px -40px rgba(24,22,19,0.6); overflow: hidden;
opacity: 0; transition: opacity 0.3s var(--motion-ease), transform 0.3s var(--motion-ease);
}
.srch.open { pointer-events: auto; }
.srch.open .srch__scrim { opacity: 1; }
.srch.open .srch__panel { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
.srch__field { display: flex; align-items: center; gap: 13px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.srch__field > svg { color: var(--muted); flex: none; }
.srch__field input {
flex: 1; border: 0; outline: 0; background: transparent; min-width: 0;
font-family: var(--font-display); font-size: 18px; color: var(--ink);
}
.srch__field input::placeholder { color: var(--muted-2); }
.srch__esc { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--line); background: var(--paper); border-radius: 6px; padding: 5px 9px; cursor: pointer; flex: none; }
.srch__esc:hover { color: var(--ink); border-color: var(--ink-2); }
.srch__results { max-height: min(60vh, 460px); overflow-y: auto; padding: 7px; }
.srch__opt {
width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px;
background: none; border: 0; text-align: left; cursor: pointer;
padding: 13px 14px; border-radius: 10px;
transition: background var(--motion-dur) var(--motion-ease);
}
.srch__opt.is-hi { background: var(--paper-2); }
.srch__opt-name { font-family: var(--font-display); font-weight: 600; font-size: 16px; color: var(--ink); display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.srch__opt-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 13.5px; color: var(--muted); font-weight: 500; }
.srch__opt-tag { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); flex: none; border: 1px solid var(--line); padding: 4px 8px; border-radius: 999px; }
.srch__empty { padding: 30px 16px; text-align: center; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; color: var(--muted); text-transform: uppercase; }
@media (max-width: 520px) { .srch__panel { top: 7vh; } .srch__field input { font-size: 16px; } }
.vcell__frame { background: #14100c; }
@media (max-width: 860px) {
.catalog-grid > .reveal:last-child:nth-child(3n + 1) { grid-column: auto !important; }
}
.catalog-grid, .short-grid { min-width: 0; }
.catalog-grid > .reveal, .short-grid > .reveal { min-width: 0; }
.about__trainer--solo { margin-top: 0; padding-top: 0; border-top: 0; }
.cal-section {
--cal-head: #1d5a48;
--cal-paper: #faf7f1;
--cal-paper-out: #f1ece2;
--cal-line: var(--line, #ddd6c8);
}
.cal-intro { max-width: 760px; margin-bottom: clamp(28px, 4vw, 44px); }
.cal-h2 {
font-family: var(--font-display); font-weight: 800;
font-size: clamp(34px, 5vw, 58px); line-height: 1.02; letter-spacing: -0.02em;
margin: 10px 0 0; display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap;
}
.cal-h2-ar {
font-family: "Thmanyah Display", var(--font-serif); font-weight: 700;
font-size: 0.62em; color: var(--c-green); letter-spacing: 0;
}
.cal-lead { color: var(--ink-2); font-size: clamp(15px, 1.5vw, 17px); line-height: 1.6; margin: 16px 0 0; max-width: 62ch; text-wrap: pretty; }
.cal-lead-ar { display: block; direction: rtl; font-family: "Thmanyah Sans", system-ui, sans-serif; color: var(--muted); font-size: 0.94em; margin-top: 7px; }
[data-lang="en"] .cal-lead-ar, [data-lang="en"] .cal-h2-ar { display: none; }
[data-lang="ar"] .cal-lead > br + *, [data-lang="ar"] .cal-lead { }
.cal-bar {
display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px;
margin-bottom: 18px;
}
.cal-bar__nav { display: flex; align-items: center; gap: 8px; justify-self: start; }
.cal-navbtn {
width: 38px; height: 38px; border-radius: 999px; border: 1px solid var(--cal-line);
background: var(--surface); color: var(--ink); font-size: 22px; line-height: 1;
display: grid; place-items: center; cursor: pointer;
transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.cal-navbtn:hover { background: var(--paper-2); border-color: var(--ink); }
.cal-navbtn:active { transform: scale(.94); }
.cal-today {
margin-inline-start: 6px; padding: 0 16px; height: 38px; border-radius: 999px;
border: 1px solid var(--cal-line); background: transparent; color: var(--muted);
font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
cursor: pointer; transition: color .18s ease, border-color .18s ease;
}
.cal-today:hover { color: var(--ink); border-color: var(--ink); }
.cal-title {
justify-self: center; text-align: center; margin: 0;
font-family: var(--font-display); font-weight: 800; font-size: clamp(20px, 2.4vw, 28px);
letter-spacing: -0.01em; color: var(--ink); white-space: nowrap;
}
.cal-bar__views { display: flex; gap: 2px; justify-self: end; background: var(--paper-2); border: 1px solid var(--cal-line); border-radius: 999px; padding: 3px; }
.cal-viewbtn {
padding: 7px 15px; border: none; background: transparent; border-radius: 999px;
color: var(--muted); font-size: 13.5px; font-weight: 600; cursor: pointer;
transition: color .18s ease, background .18s ease;
}
.cal-viewbtn:hover { color: var(--ink); }
.cal-viewbtn.is-on { background: var(--cal-head); color: #fff; }
.cal-stage { border: 1px solid var(--cal-line); border-radius: 16px; overflow: hidden; background: var(--surface); box-shadow: 0 30px 70px -56px rgba(24,22,19,.5); }
.cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); }
.cal-grid--head { background: var(--cal-head); }
.cal-wd {
padding: 13px 10px; text-align: center; color: rgba(255,255,255,.92);
font-family: var(--font-mono); font-size: 12.5px; letter-spacing: .06em; font-weight: 500;
border-inline-start: 1px solid rgba(255,255,255,.12);
}
.cal-wd:first-child { border-inline-start: none; }
.cal-grid--body { min-height: 540px; }
.cal-cell {
position: relative; min-height: 96px; padding: 8px 8px 6px;
border-inline-start: 1px solid var(--cal-line); border-top: 1px solid var(--cal-line);
background: var(--cal-paper); cursor: pointer; transition: background .16s ease;
display: flex; flex-direction: column; gap: 4px; overflow: hidden;
}
.cal-cell:nth-child(7n+1) { border-inline-start: none; }
.cal-cell:hover { background: #fff; }
.cal-cell.is-out { background: var(--cal-paper-out); }
.cal-cell.is-out .cal-cell__num { color: var(--muted); opacity: .55; }
.cal-cell__num { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: var(--ink); align-self: flex-start; }
.cal-cell.is-today { background: color-mix(in oklab, var(--c-roast) 12%, var(--cal-paper)); }
.cal-cell.is-today .cal-cell__num {
background: var(--c-roast); color: #fff; width: 26px; height: 26px; border-radius: 999px;
display: grid; place-items: center; margin: -2px 0 0 -2px;
}
.cal-cell__today {
position: absolute; top: 9px; inset-inline-end: 8px; font-family: var(--font-mono);
font-size: 9px; letter-spacing: .08em; text-transform: uppercase; color: var(--c-roast);
}
.cal-cell__events { display: flex; flex-direction: column; gap: 3px; margin-top: 2px; }
.cal-chip {
display: flex; flex-direction: column; align-items: flex-start; gap: 1px;
text-align: start; width: 100%; border: none; cursor: pointer;
background: var(--chip); color: #fff;
border-radius: 6px; padding: 4px 8px; line-height: 1.2;
box-shadow: 0 2px 6px -3px color-mix(in oklab, var(--chip) 80%, transparent);
transition: transform .14s ease, filter .14s ease;
}
.cal-chip:hover { transform: translateY(-1px); filter: brightness(1.06); }
.cal-chip.is-full { filter: saturate(.5) brightness(.9); }
.cal-chip__name { font-size: 11.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.cal-chip__lvl { font-size: 9.5px; opacity: .92; font-family: var(--font-mono); letter-spacing: .01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.cal-more { font-size: 10.5px; color: var(--muted); font-weight: 600; padding-inline-start: 4px; }
.cal-chip[style*="--c-sensory"], .cal-rowcard[style*="--c-sensory"] .cal-rowcard__bar { }
.cal-section .cal-chip { color: #fff; }
.cal-week { display: grid; grid-template-columns: repeat(7, 1fr); min-height: 460px; }
.cal-wcol { border-inline-start: 1px solid var(--cal-line); background: var(--cal-paper); display: flex; flex-direction: column; }
.cal-wcol:first-child { border-inline-start: none; }
.cal-wcol.is-today { background: color-mix(in oklab, var(--c-roast) 9%, var(--cal-paper)); }
.cal-wcol__head { text-align: center; padding: 12px 6px; background: var(--cal-head); color: #fff; border-inline-start: 1px solid rgba(255,255,255,.12); }
.cal-wcol:first-child .cal-wcol__head { border-inline-start: none; }
.cal-wcol__wd { display: block; font-family: var(--font-mono); font-size: 11px; letter-spacing: .06em; opacity: .85; }
.cal-wcol__num { display: block; font-family: var(--font-display); font-weight: 700; font-size: 19px; margin-top: 3px; }
.cal-wcol__body { padding: 8px 7px; display: flex; flex-direction: column; gap: 5px; flex: 1; }
.cal-wcol__empty { color: var(--muted); opacity: .4; text-align: center; margin-top: 14px; }
.cal-day, .cal-list { display: flex; flex-direction: column; }
.cal-rowcard {
display: grid; grid-template-columns: 6px 130px 1fr auto auto; align-items: center; gap: 18px;
width: 100%; text-align: start; border: none; border-top: 1px solid var(--cal-line);
background: var(--surface); padding: 18px 22px; cursor: pointer;
transition: background .16s ease;
}
.cal-rowcard:first-child { border-top: none; }
.cal-rowcard:hover { background: var(--cal-paper); }
.cal-rowcard__bar { width: 6px; align-self: stretch; border-radius: 999px; background: var(--chip); min-height: 42px; }
.cal-rowcard__date b { display: block; font-family: var(--font-display); font-weight: 800; font-size: 18px; color: var(--ink); }
.cal-rowcard__date small { display: block; color: var(--muted); font-family: var(--font-mono); font-size: 11px; margin-top: 3px; }
.cal-rowcard__name { font-size: 18px; font-weight: 700; color: var(--ink); display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.cal-rowcard__ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: .8em; color: var(--muted); font-weight: 500; }
.cal-rowcard__lvl { display: block; color: var(--muted-2, var(--muted)); font-size: 13px; margin-top: 3px; font-family: var(--font-mono); letter-spacing: .02em; }
.cal-rowcard__seats { font-size: 13px; font-weight: 600; color: var(--c-green); white-space: nowrap; }
.cal-rowcard__seats.is-full { color: var(--muted); }
.cal-rowcard__go { color: var(--muted); font-size: 20px; transition: transform .18s ease; }
.cal-rowcard:hover .cal-rowcard__go { transform: translateX(3px); color: var(--ink); }
.cal-empty { padding: 60px 24px; text-align: center; color: var(--muted); display: flex; flex-direction: column; align-items: center; gap: 14px; }
.cal-empty__cta { border: 1px solid var(--cal-line); background: transparent; color: var(--ink); padding: 9px 18px; border-radius: 999px; cursor: pointer; font-weight: 600; }
.cal-empty__cta:hover { background: var(--paper-2); }
.cal-legend { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 22px; padding-inline-start: 2px; }
.cal-legend__item { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); }
.cal-legend__dot { width: 11px; height: 11px; border-radius: 3px; }
.cal-modal { position: fixed; top: var(--nav-h); left: 0; right: 0; bottom: 0; z-index: 1360; background: rgba(24,22,19,.5); backdrop-filter: blur(3px); display: grid; place-items: center; padding: 24px; animation: calFade .2s ease; }
@keyframes calFade { from { opacity: 0; } to { opacity: 1; } }
.cal-modal__card {
position: relative; width: min(440px, 100%); max-height: calc(100vh - var(--nav-h) - 48px); overflow-y: auto; background: var(--surface);
border-radius: 20px; padding: 30px 30px 26px; border-top: 6px solid var(--chip);
box-shadow: 0 40px 90px -40px rgba(24,22,19,.6); animation: calPop .24s cubic-bezier(.2,.7,.3,1);
}
@keyframes calPop { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
.cal-modal__x { position: absolute; top: 14px; inset-inline-end: 16px; width: 32px; height: 32px; border: none; background: var(--paper-2); border-radius: 999px; font-size: 22px; line-height: 1; color: var(--muted); cursor: pointer; }
.cal-modal__x:hover { background: var(--line); color: var(--ink); }
.cal-modal__tag { display: inline-block; font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #fff; background: var(--chip); padding: 4px 11px; border-radius: 999px; }
.cal-modal__title { font-family: var(--font-display); font-weight: 800; font-size: 26px; line-height: 1.1; letter-spacing: -0.015em; margin: 14px 0 0; color: var(--ink); }
.cal-modal__title-ar { display: block; font-family: "Thmanyah Display", var(--font-serif); font-weight: 700; font-size: .72em; color: var(--muted); margin-top: 6px; }
.cal-modal__meta { display: flex; flex-direction: column; gap: 0; margin: 20px 0 0; border-top: 1px solid var(--cal-line); }
.cal-modal__meta > div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--cal-line); }
.cal-modal__meta dt { font-family: var(--font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin: 0; }
.cal-modal__meta dd { margin: 0; font-size: 15px; font-weight: 600; color: var(--ink); text-align: end; }
.cal-modal__note { font-size: 13px; line-height: 1.55; color: var(--ink-2); background: var(--paper-2); border-radius: 10px; padding: 12px 14px; margin: 16px 0 0; text-wrap: pretty; }
.cal-modal__cta { margin-top: 20px; width: 100%; border: none; background: var(--cal-head); color: #fff; font-size: 16px; font-weight: 700; padding: 15px; border-radius: 12px; cursor: pointer; transition: filter .16s ease, transform .12s ease; }
.cal-modal__cta:hover { filter: brightness(1.08); }
.cal-modal__cta:active { transform: scale(.99); }
.cal-modal__cta.is-full { background: var(--muted); }
.cal-modal__cap { display: block; text-align: center; margin-top: 12px; font-size: 12px; color: var(--muted); }
.cal-modal__sugg { margin-top: 18px; }
.cal-modal__fullmsg { font-size: 13.5px; line-height: 1.55; color: var(--ink-2); margin: 0 0 14px; text-wrap: pretty; }
.cal-modal__suggrow { display: flex; flex-direction: column; gap: 9px; }
.cal-modal__suggbtn {
display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px;
width: 100%; text-align: start; cursor: pointer;
border: 1px solid var(--cal-line); background: var(--paper-2); border-radius: 12px; padding: 13px 16px;
transition: border-color .16s ease, background .16s ease, transform .12s ease;
}
.cal-modal__suggbtn:hover { border-color: var(--chip); background: var(--surface); }
.cal-modal__suggbtn:active { transform: scale(.99); }
.cal-modal__suggdate { font-family: var(--font-display); font-weight: 800; font-size: 16px; color: var(--ink); }
.cal-modal__suggmeta { font-family: var(--font-mono); font-size: 11px; color: var(--muted); }
.cal-modal__sugggo { color: var(--chip); font-size: 18px; font-weight: 700; }
.cal-modal__suggnote { display: block; text-align: center; margin-top: 12px; font-size: 12px; color: var(--muted); }
@media (max-width: 760px) {
.cal-bar { grid-template-columns: 1fr 1fr; row-gap: 14px; }
.cal-bar__nav { grid-row: 2; }
.cal-title { grid-column: 1 / -1; grid-row: 1; justify-self: start; }
.cal-bar__views { grid-row: 2; }
.cal-grid--body { min-height: 0; }
.cal-cell { min-height: 74px; padding: 5px 4px; }
.cal-cell__num { font-size: 13px; }
.cal-chip__name { font-size: 10px; }
.cal-chip__time { display: none; }
.cal-wd { font-size: 10px; padding: 9px 2px; }
.cal-week { grid-template-columns: 1fr; min-height: 0; }
.cal-wcol { flex-direction: row; align-items: stretch; border-inline-start: none; border-top: 1px solid var(--cal-line); }
.cal-wcol__head { width: 84px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; }
.cal-rowcard { grid-template-columns: 5px 96px 1fr; row-gap: 6px; padding: 16px 16px; gap: 12px; }
.cal-rowcard__seats { grid-column: 2 / -1; }
.cal-rowcard__go { display: none; }
}
.nl-form { display: flex; gap: 10px; align-items: stretch; }
.nl-input {
flex: 1; min-width: 0; font: inherit; font-size: 15px;
padding: 13px 16px; border-radius: 999px; border: 1px solid var(--line);
background: var(--surface); color: var(--ink); outline: none;
transition: border-color .16s ease, box-shadow .16s ease;
}
.nl-input::placeholder { color: var(--muted); }
.nl-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 20%, transparent); }
.nl-input.is-err { border-color: var(--c-roast); box-shadow: 0 0 0 3px color-mix(in oklab, var(--c-roast) 18%, transparent); }
.nl-btn {
flex: none; border: none; cursor: pointer; white-space: nowrap;
background: var(--ink); color: var(--surface);
font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;
padding: 0 22px; border-radius: 999px; transition: background .16s ease, transform .12s ease;
}
.nl-btn:hover { background: var(--accent); color: var(--accent-ink, #fff); }
.nl-btn:active { transform: scale(.97); }
.nl-done { display: inline-flex; align-items: center; gap: 10px; color: var(--c-green); font-size: 15px; font-weight: 600; }
.nl-done__tick {
width: 24px; height: 24px; flex: none; border-radius: 999px; background: var(--c-green); color: #fff;
display: grid; place-items: center; font-size: 14px;
}
.nl-bar {
display: grid; grid-template-columns: 1fr minmax(300px, 420px); align-items: center; gap: clamp(24px, 5vw, 64px);
padding: clamp(28px, 4vw, 44px) 0; margin-bottom: clamp(28px, 4vw, 44px);
border-bottom: 1px solid var(--line);
}
.nl-bar__title {
font-family: var(--font-display); font-weight: 800; font-size: clamp(22px, 2.6vw, 30px);
letter-spacing: -0.015em; margin: 0; color: var(--ink);
display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
}
.nl-bar__title-ar { font-family: "Thmanyah Display", var(--font-serif); font-weight: 700; font-size: .68em; color: var(--c-green); }
.nl-bar__sub { color: var(--muted); font-size: 14.5px; line-height: 1.55; margin: 8px 0 0; max-width: 52ch; }
[data-lang="ar"] .nl-bar__title-ar { display: none; }
.nl-toast {
position: fixed; inset-inline-end: 22px; bottom: 22px; z-index: 1200;
width: min(338px, calc(100vw - 30px));
background: var(--surface); border: 1px solid var(--line);
border-top: 4px solid var(--accent);
border-radius: 16px; padding: 20px 20px 18px;
box-shadow: 0 30px 70px -30px rgba(24,22,19,.55);
animation: nlToastIn .42s cubic-bezier(.2,.7,.3,1);
}
@keyframes nlToastIn { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
.nl-toast__x {
position: absolute; top: 10px; inset-inline-end: 10px;
width: 28px; height: 28px; border: none; background: var(--paper-2);
border-radius: 999px; font-size: 18px; line-height: 1; color: var(--muted); cursor: pointer;
transition: background .16s ease, color .16s ease;
}
.nl-toast__x:hover { background: var(--line); color: var(--ink); }
.nl-toast__eyebrow { font-family: var(--font-mono); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); }
.nl-toast__title { font-family: var(--font-display); font-weight: 800; font-size: 18px; line-height: 1.16; letter-spacing: -.01em; margin: 7px 0 0; color: var(--ink); }
.nl-toast__sub { font-size: 12.5px; line-height: 1.5; color: var(--ink-2); margin: 7px 0 14px; }
.nl-form--toast { flex-direction: column; gap: 8px; }
.nl-form--toast .nl-input { padding: 11px 14px; font-size: 14px; }
.nl-form--toast .nl-btn { padding: 11px; font-size: 12px; }
[data-lang="ar"] .nl-toast { text-align: right; }
[data-lang="ar"] .nl-toast__title { font-family: "Thmanyah Display", var(--font-serif); }
[data-lang="ar"] .nl-toast__sub { font-family: "Thmanyah Sans", system-ui, sans-serif; }
@media (max-width: 520px) {
.nl-toast { inset-inline-end: 12px; bottom: 90px; left: 12px; width: auto; }
.nl-toast__x { width: 40px; height: 40px; font-size: 20px; top: 8px; inset-inline-end: 8px; }
}
.nl-pop {
position: fixed; top: var(--nav-h); left: 0; right: 0; bottom: 0; z-index: 1300; background: rgba(24,22,19,.52); backdrop-filter: blur(3px);
display: grid; place-items: center; padding: 24px; animation: nlFade .25s ease;
}
@keyframes nlFade { from { opacity: 0; } to { opacity: 1; } }
.nl-pop__card {
position: relative; width: min(460px, 100%); max-height: calc(100vh - var(--nav-h) - 48px); overflow-y: auto; background: var(--surface);
border-radius: 22px; padding: 38px 36px 30px;
box-shadow: 0 50px 110px -45px rgba(24,22,19,.65);
border-top: 6px solid var(--accent);
animation: nlPop .3s cubic-bezier(.2,.7,.3,1);
}
@keyframes nlPop { from { opacity: 0; transform: translateY(18px) scale(.96); } to { opacity: 1; transform: none; } }
.nl-pop__x {
position: absolute; top: 16px; inset-inline-end: 18px; width: 34px; height: 34px;
border: none; background: var(--paper-2); border-radius: 999px; font-size: 22px; line-height: 1;
color: var(--muted); cursor: pointer; transition: background .16s ease, color .16s ease;
}
.nl-pop__x:hover { background: var(--line); color: var(--ink); }
.nl-pop__eyebrow {
font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent);
}
.nl-pop__title {
font-family: var(--font-display); font-weight: 800; font-size: clamp(26px, 4vw, 32px); line-height: 1.08;
letter-spacing: -0.02em; margin: 12px 0 0; color: var(--ink); white-space: pre-line;
}
.nl-pop__sub { color: var(--ink-2); font-size: 15px; line-height: 1.6; margin: 14px 0 22px; text-wrap: pretty; }
.nl-form--pop { flex-direction: column; }
.nl-form--pop .nl-input { padding: 15px 18px; }
.nl-form--pop .nl-btn { padding: 15px; font-size: 13px; }
.nl-pop__cap { display: block; text-align: center; margin-top: 14px; font-size: 12px; color: var(--muted); }
.nl-pop .nl-done { justify-content: center; margin-top: 6px; }
[dir] .nl-pop__title { text-align: start; }
@media (max-width: 720px) {
.nl-bar { grid-template-columns: 1fr; gap: 20px; }
.nl-form--bar { flex-direction: column; }
.nl-form--bar .nl-btn { padding: 13px; }
}
.pb-add {
margin-top: 16px; border: 1px solid color-mix(in oklab, var(--c-green) 30%, var(--line));
border-radius: var(--radius); background: color-mix(in oklab, var(--c-green) 5%, var(--surface));
padding: 16px;
}
.pb-add__head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; }
.pb-add__title { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-green); font-weight: 600; }
.pb-add__title-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 13px; color: var(--muted); }
.pb-add__lvls { display: flex; flex-wrap: wrap; gap: 8px; }
.pb-add__chip {
display: inline-flex; align-items: baseline; gap: 7px; cursor: pointer;
border: 1px solid var(--line); background: var(--surface); color: var(--ink);
border-radius: 999px; padding: 8px 14px; font-size: 13.5px; font-weight: 600;
transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.pb-add__chip:hover { border-color: var(--c-green); }
.pb-add__chip.is-on { background: var(--c-green); border-color: var(--c-green); color: #fff; }
.pb-add__chip-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12px; opacity: .85; }
.pb-add__cert { display: flex; gap: 6px; margin-top: 10px; }
.pb-add__certbtn {
border: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer;
border-radius: 999px; padding: 6px 13px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .04em; text-transform: uppercase;
transition: color .16s ease, border-color .16s ease, background .16s ease;
}
.pb-add__certbtn.is-on { color: var(--ink); border-color: var(--ink); background: var(--paper-2); }
.pb-add__foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 14px; flex-wrap: wrap; }
.pb-add__total { font-family: var(--font-display); font-size: 19px; color: var(--ink); display: flex; align-items: baseline; gap: 9px; }
.pb-add__total s { color: var(--muted); font-weight: 500; font-size: .85em; }
.pb-add__total b { color: var(--ink); }
.pb-add__off { font-family: var(--font-mono); font-size: 11px; color: #fff; background: var(--c-green); padding: 3px 8px; border-radius: 999px; letter-spacing: .03em; }
.pb-add__hint { font-family: var(--font-mono); font-size: 11.5px; color: var(--muted); letter-spacing: .02em; }
.pb-add__btn {
border: none; cursor: pointer; background: var(--c-green); color: #fff;
font-size: 14px; font-weight: 700; padding: 11px 20px; border-radius: 999px;
transition: filter .16s ease, transform .12s ease, opacity .16s ease;
}
.pb-add__btn:hover { filter: brightness(1.08); }
.pb-add__btn:active { transform: scale(.97); }
.pb-add__btn:disabled { opacity: .4; cursor: not-allowed; }
.pb-add__chip:disabled, .pb-add__chip.is-locked { opacity: .4; cursor: not-allowed; }
.pb-add__chip.is-locked:hover { border-color: var(--line); }
.pb-add__lock { display: block; margin-top: 10px; font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12px; line-height: 1.5; color: var(--muted); }
.cart-fab {
position: fixed; left: 22px; bottom: 22px; z-index: 1150;
width: 56px; height: 56px; border-radius: 999px; border: none; cursor: pointer;
background: var(--ink); color: var(--surface);
display: grid; place-items: center;
box-shadow: 0 16px 34px -14px rgba(24,22,19,.7); transition: transform .18s ease, background .18s ease;
}
.cart-fab:hover { transform: translateY(-2px); background: var(--accent); color: var(--accent-ink, #fff); }
.cart-fab__badge {
position: absolute; top: -4px; right: -4px; min-width: 22px; height: 22px; padding: 0 6px;
border-radius: 999px; background: var(--c-roast); color: #fff; font-size: 12px; font-weight: 700;
display: grid; place-items: center; border: 2px solid var(--surface);
}
.cart-ov { position: fixed; top: var(--nav-h); left: 0; right: 0; bottom: 0; z-index: 1380; background: rgba(24,22,19,.5); backdrop-filter: blur(3px); display: flex; justify-content: center; align-items: center; padding: 24px; animation: cartFade .22s ease; }
@keyframes cartFade { from { opacity: 0; } to { opacity: 1; } }
.cart-panel {
width: min(460px, 100%); max-height: min(calc(100vh - var(--nav-h) - 40px), 900px); background: var(--paper, #f4f1ea);
display: flex; flex-direction: column; border-radius: 18px; overflow: hidden;
box-shadow: 0 50px 130px -35px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.05);
animation: cartSlide .28s cubic-bezier(.2,.7,.3,1);
}
@keyframes cartSlide { from { transform: translateY(16px) scale(.97); opacity: .5; } to { transform: none; opacity: 1; } }
.cart-head { display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-bottom: 1px solid var(--line); flex: none; }
.cart-head h3 { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 21px; letter-spacing: -0.01em; color: var(--ink); }
.cart-x { width: 36px; height: 36px; border: none; background: var(--paper-2); border-radius: 999px; font-size: 24px; line-height: 1; color: var(--muted); cursor: pointer; transition: background .16s ease, color .16s ease; }
.cart-x:hover { background: var(--line); color: var(--ink); }
.cart-body { flex: 1; min-height: 0; overflow-y: auto; padding: 20px 24px 28px; }
.cart-lines { display: flex; flex-direction: column; gap: 12px; }
.cart-line {
position: relative; display: grid; grid-template-columns: 4px 1fr auto auto; gap: 14px; align-items: start;
background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 16px 16px 16px 14px;
}
.cart-line__bar { width: 4px; align-self: stretch; border-radius: 999px; background: var(--chip); min-height: 40px; }
.cart-line__name { font-family: var(--font-display); font-weight: 700; font-size: 16px; color: var(--ink); display: flex; flex-direction: column; gap: 2px; }
.cart-line__ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 13px; color: var(--muted); font-weight: 500; }
.cart-line__lvls { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.cart-line__lvl {
display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--ink-2);
background: var(--paper-2); border: 1px solid var(--line); border-radius: 999px; padding: 4px 6px 4px 10px;
}
.cart-line__rm { border: none; background: none; color: var(--muted); cursor: pointer; font-size: 15px; line-height: 1; width: 16px; height: 16px; border-radius: 999px; }
.cart-line__rm:hover { color: var(--c-roast); background: color-mix(in oklab, var(--c-roast) 14%, transparent); }
.cart-line__cert { font-family: var(--font-mono); font-size: 10px; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); margin-top: 8px; }
.cart-line__price { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.cart-line__price b { font-family: var(--font-display); font-weight: 800; font-size: 16px; color: var(--ink); }
.cart-line__was { font-size: 12px; color: var(--muted); text-decoration: line-through; }
.cart-line__off { font-family: var(--font-mono); font-size: 10px; color: #fff; background: var(--c-green); padding: 2px 6px; border-radius: 999px; }
.cart-line__del { border: none; background: none; color: var(--muted); cursor: pointer; padding: 2px; align-self: start; }
.cart-line__del:hover { color: var(--c-roast); }
.cart-sum { margin-top: 18px; border-top: 1px solid var(--line); padding-top: 14px; display: flex; flex-direction: column; gap: 7px; }
.cart-sum__row { display: flex; justify-content: space-between; align-items: baseline; font-size: 14px; }
.cart-sum__row--save { color: var(--c-green); font-weight: 600; }
.cart-sum__row--total { font-family: var(--font-display); font-weight: 800; font-size: 22px; color: var(--ink); }
.cart-note { font-size: 12px; color: var(--muted); margin: 12px 0 0; text-align: center; }
.cart-cta {
margin-top: 16px; width: 100%; border: none; cursor: pointer; background: var(--ink); color: var(--surface);
font-size: 16px; font-weight: 700; padding: 15px; border-radius: 12px; transition: background .16s ease, transform .12s ease;
}
.cart-cta:hover { background: var(--accent); color: var(--accent-ink, #fff); }
.cart-cta:active { transform: scale(.99); }
.cart-browse {
display: block; width: 100%; margin-top: 12px;
border: none; background: none; cursor: pointer;
font-family: var(--font-mono); font-size: 12px; letter-spacing: .04em;
color: var(--muted); padding: 6px; border-radius: 8px;
transition: color .16s ease, background .16s ease;
}
.cart-browse:hover { color: var(--ink); background: var(--paper-2); }
[data-lang="ar"] .cart-browse { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 13px; }
.cart-empty { text-align: center; padding: 60px 20px; color: var(--muted); }
.cart-empty p { margin: 0; }
.cart-empty__sub { font-size: 13px; margin-top: 8px !important; }
.cart-co-summary { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; margin-bottom: 18px; }
.cart-co-line { display: flex; align-items: center; gap: 10px; padding: 6px 0; font-size: 13.5px; color: var(--ink-2); }
.cart-co-dot { width: 9px; height: 9px; border-radius: 3px; flex: none; }
.cart-co-name { flex: 1; }
.cart-co-price { font-weight: 700; color: var(--ink); }
.cart-co-total { display: flex; justify-content: space-between; border-top: 1px solid var(--line); margin-top: 8px; padding-top: 10px; font-size: 14px; }
.cart-co-total b { font-family: var(--font-display); font-size: 19px; }
.cart-form { display: flex; flex-direction: column; gap: 14px; }
.cart-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cart-field { display: flex; flex-direction: column; gap: 7px; }
.cart-lab { font-family: var(--font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.cart-lab-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; text-transform: none; letter-spacing: 0; font-size: 12px; }
.cart-input { font: inherit; font-size: 15px; padding: 12px 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); outline: none; transition: border-color .16s ease; }
.cart-input:focus { border-color: var(--accent); }
.cart-area { resize: vertical; min-height: 56px; line-height: 1.5; }
.cart-seg { display: flex; gap: 6px; flex-wrap: wrap; }
.cart-pill {
display: inline-flex; flex-direction: column; align-items: center; gap: 1px; cursor: pointer;
border: 1px solid var(--line); background: var(--surface); color: var(--muted);
border-radius: 10px; padding: 8px 13px; font-size: 13px; font-weight: 600; transition: all .16s ease;
}
.cart-pill.is-on { border-color: var(--ink); color: var(--ink); background: var(--paper-2); }
.cart-pill-ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 10.5px; opacity: .8; }
.cart-cliq { border: 1px solid color-mix(in oklab, var(--c-green) 38%, var(--line)); background: color-mix(in oklab, var(--c-green) 7%, var(--surface)); border-radius: 12px; padding: 13px 15px; }
.cart-cliq-lab { font-family: var(--font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--c-green); }
.cart-cliq-row { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }
.cart-cliq-row b { font-family: var(--font-display); font-weight: 800; font-size: 20px; color: var(--ink); user-select: all; }
.cart-cliq-copy { border: 1px solid var(--line); background: var(--surface); color: var(--ink); font-family: var(--font-mono); font-size: 11px; padding: 6px 13px; border-radius: 999px; cursor: pointer; }
.cart-cliq-copy:hover { background: var(--paper-2); }
.cart-cliq-note { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12px; color: var(--muted); margin: 9px 0 0; }
.cart-err { color: var(--c-roast); font-size: 13.5px; margin: 14px 0 0; }
.cart-co-actions { display: flex; gap: 12px; align-items: center; margin-top: 18px; }
.cart-back { flex: none; border: 1px solid var(--line); background: transparent; color: var(--ink); padding: 14px 18px; border-radius: 12px; cursor: pointer; font-weight: 600; }
.cart-back:hover { background: var(--paper-2); }
.cart-co-actions .cart-cta { margin-top: 0; }
.cart-done { text-align: center; padding: 36px 16px; }
.cart-done__tick { width: 60px; height: 60px; margin: 0 auto 18px; border-radius: 999px; background: var(--c-green); color: #fff; display: grid; place-items: center; font-size: 30px; }
.cart-done h4 { font-family: var(--font-display); font-weight: 800; font-size: 22px; margin: 0 0 8px; color: var(--ink); }
.cart-done p { font-size: 14.5px; line-height: 1.6; color: var(--ink-2); margin: 0 auto 18px; max-width: 36ch; }
.cart-wa { display: inline-flex; align-items: center; gap: 8px; color: #1f8a4c; font-weight: 600; text-decoration: none; margin-bottom: 18px; }
.cart-wa:hover { text-decoration: underline; }
.cart-done__ref { font-family: var(--font-mono); font-size: 12.5px; color: var(--c-green); margin: -8px auto 18px; }
.cart-line__cohort { font-family: var(--font-mono); font-size: 11.5px; color: var(--c-green); margin-top: 5px; line-height: 1.4; }
.cart-terms {
position: relative;
border: 1px solid color-mix(in oklab, var(--accent) 34%, var(--line));
border-radius: 14px;
background: color-mix(in oklab, var(--accent) 9%, var(--surface));
padding: 16px 18px; margin-bottom: 18px;
}
.cart-terms__head { display: flex; align-items: center; gap: 11px; margin-bottom: 13px; }
.cart-terms__ic {
flex: none; width: 26px; height: 26px; border-radius: 999px;
background: var(--accent); color: var(--accent-ink, #181613);
display: grid; place-items: center;
font-family: var(--font-display); font-weight: 800; font-size: 15px; line-height: 1;
}
.cart-terms__lab {
font-family: var(--font-display); font-weight: 800; font-size: 15.5px;
letter-spacing: -0.01em; color: var(--ink); display: inline-flex; align-items: baseline; gap: 9px;
}
.cart-terms__lab-ar { font-family: "Thmanyah Display", var(--font-serif); font-weight: 700; font-size: .82em; color: var(--muted); }
.cart-terms__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.cart-terms__list li {
position: relative; padding-inline-start: 18px; color: var(--ink-2);
}
.cart-terms__list li::before {
content: ""; position: absolute; inset-inline-start: 3px; top: 0.5em;
width: 6px; height: 6px; border-radius: 999px;
background: color-mix(in oklab, var(--accent) 80%, var(--ink));
}
.cart-terms__en { display: block; font-size: 13px; line-height: 1.55; }
.cart-terms__ar { display: block; font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-size: 13.5px; line-height: 1.95; color: var(--muted); margin-top: 4px; }
.cart-terms__seats { color: var(--muted) !important; }
[data-lang="ar"] .cart-terms__lab-en { display: none; }
[data-lang="ar"] .cart-terms__en { display: none; }
[data-lang="ar"] .cart-terms__ar { color: var(--ink-2); font-size: 14.5px; margin-top: 0; }
[data-lang="ar"] .cart-terms__lab-ar { color: var(--ink); font-size: 1em; }
.cart-pay { display: flex; flex-direction: column; gap: 10px; }
.cart-pay__head { display: flex; flex-direction: column; gap: 4px; }
.cart-pay__lab { font-family: var(--font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.cart-pay__hint { font-size: 12.5px; line-height: 1.55; color: var(--ink-2); }
[data-lang="ar"] .cart-pay__hint { font-family: "Thmanyah Sans", system-ui, sans-serif; }
.cart-panel.is-wide { width: min(620px, 100%); height: auto; max-height: min(calc(100vh - var(--nav-h) - 36px), 920px); border-radius: 18px; margin: auto; }
.cart-ov:has(.cart-panel.is-wide) { justify-content: center; align-items: center; padding: 20px; }
.cart-head.is-hidden { display: none; }
.cart-done2 { padding: 0; overflow-y: auto; }
.cart-done2 .bk__done-close { width: 100%; margin-top: 10px; }
.cart-line { background: color-mix(in oklab, var(--chip) 5%, var(--surface)); border-color: color-mix(in oklab, var(--chip) 24%, var(--line)); }
.cart-line__lvl { border-color: color-mix(in oklab, var(--chip) 42%, var(--line)); background: color-mix(in oklab, var(--chip) 9%, var(--surface)); color: var(--ink); }
.cart-line__off { color: color-mix(in oklab, var(--chip) 80%, var(--ink)); background: color-mix(in oklab, var(--chip) 14%, var(--surface)); }
.cart-ref { border-top: 1px solid var(--line); padding-top: 14px; margin-top: 4px; }
.cart-refchk { display: flex; align-items: center; gap: 9px; cursor: pointer; font-size: 14px; color: var(--ink); }
.cart-refchk input { width: 16px; height: 16px; accent-color: var(--c-green); flex: none; }
.cart-ref-input { margin-top: 10px; text-transform: uppercase; letter-spacing: 0.06em; }
.cart-ref-note { font-size: 12.5px; line-height: 1.55; color: var(--muted); margin: 8px 0 0; }
.bk__done-wa {
display: flex; align-items: center; justify-content: center; gap: 9px;
width: 100%; margin-top: 10px; margin-bottom: 4px;
border: 1.5px solid #25d366;
background: color-mix(in oklab, #25d366 8%, var(--surface));
color: #1a7a45; padding: 14px; border-radius: 12px;
font-weight: 700; font-size: 15px; text-decoration: none;
transition: background .16s ease, border-color .16s ease;
}
.bk__done-wa:hover { background: color-mix(in oklab, #25d366 15%, var(--surface)); border-color: #1a7a45; }
[data-lang="ar"] .bk__done-wa { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 16px; }
.grp-note {
font-size: 13px; line-height: 1.6; color: var(--ink-2);
background: color-mix(in oklab, var(--accent) 9%, var(--surface));
border: 1px solid color-mix(in oklab, var(--accent) 30%, var(--line));
border-radius: 12px; padding: 13px 15px; margin-bottom: 18px;
}
.grp-note__en { display: block; }
.grp-note__ar { display: block; font-family: "Thmanyah Display", var(--font-serif); direction: rtl; font-size: 13.5px; line-height: 1.9; color: var(--muted); margin-top: 6px; }
[data-lang="ar"] .grp-note__en { display: none; }
[data-lang="ar"] .grp-note__ar { color: var(--ink-2); font-size: 14.5px; margin-top: 0; }
.grp-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.grp-chip {
display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
border: 1px solid var(--line); background: var(--surface); color: var(--ink);
border-radius: 999px; padding: 8px 14px; font-size: 13.5px; font-weight: 600;
transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.grp-chip:hover { border-color: var(--ink); }
.grp-chip.is-on { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.grp-chip__ar { font-family: "Thmanyah Sans", system-ui, sans-serif; font-size: 12px; opacity: .82; }
@media (max-width: 520px) {
.cart-panel { width: 100%; }
.cart-two { grid-template-columns: 1fr; }
.cart-fab { left: 16px; bottom: 16px; }
.cart-x { width: 44px; height: 44px; font-size: 22px; }
}
@supports (bottom: env(safe-area-inset-bottom)) {
.cart-fab {
bottom: max(22px, calc(env(safe-area-inset-bottom) + 14px));
}
@media (max-width: 520px) {
.cart-fab { bottom: max(16px, calc(env(safe-area-inset-bottom) + 10px)); }
}
.cart-ov { bottom: 0; padding-bottom: max(24px, calc(env(safe-area-inset-bottom) + 16px)); }
.nl-toast { bottom: max(22px, calc(env(safe-area-inset-bottom) + 14px)); }
@media (max-width: 520px) {
.nl-toast { bottom: max(90px, calc(env(safe-area-inset-bottom) + 80px)); }
}
}
.cart-cliq{display:flex;flex-direction:column;gap:10px}
.cart-cliq-row{margin-top:0;gap:12px}
.cart-cliq-alias{display:flex;flex-direction:column;gap:2px}.cart-cliq-alias small{font-size:12px;color:var(--muted)}
.cart-cliq-alias b{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:.02em;color:var(--ink);user-select:all}
.cart-cliq-copy{min-height:36px}
.cart-cliq-amt{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cart-cliq-amt span{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:9px;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--muted)}
.cart-cliq-amt b{font-size:16px;color:var(--ink)}
.cart-cliq-alert{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px 12px;border-radius:9px;background:color-mix(in oklab,#ecc811 22%,var(--surface));color:var(--ink);font-size:13.5px;line-height:1.55;font-weight:600}
.cart-cliq-alert>span{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#ecc811;font-size:12px;font-weight:800}
.cart-cliq--later{border-color:var(--line);background:var(--paper-2)}.cart-cliq--later .cart-cliq-lab{color:var(--ink-2)}
.cart-cliq-text{margin:0;font-size:13.5px;line-height:1.65;color:var(--ink-2)}
.cart-cliq--done{text-align:start;margin:4px 0;width:100%;box-sizing:border-box}
[data-lang="ar"] .cart-cliq{direction:rtl;text-align:right}
[data-lang="ar"] .mcard__label > .en,
[data-lang="ar"] .scard__name > .en { display: none; }
[data-lang="ar"] .mcard__label-ar {
font-size: clamp(15px, 1.5vw, 19px);
color: var(--ink);
font-weight: 700;
line-height: 1.3;
}
[data-lang="ar"] .scard__name-ar {
font-size: clamp(18px, 2vw, 22px);
color: var(--ink);
font-weight: 700;
line-height: 1.3;
}
.nav { z-index: 1400; }
[data-lang="ar"] .mcard__index { left: auto; right: 16px; }
[data-lang="ar"] .mcard__tag-pill { left: auto; right: 9%; }
[data-lang="ar"] .mcard--photo .enrolled--light { left: auto; right: 16px; }
.champs__judge{display:flex;align-items:center;gap:14px;margin-top:22px;padding:10px 16px 10px 10px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.champs__judge img{height:54px;width:auto;flex:none}
.champs__judge-txt{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;line-height:1.5;color:var(--ink);text-wrap:pretty}
.champs__price{display:block;margin-top:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:8px}.champs__price::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cc,var(--accent));flex:none}
.champs__formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px 28px;margin-top:40px;align-items:start}
.champs__fmt{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:2px solid var(--ink)}
.champs__fmt-k{font-family:var(--font-mono);font-size:12px;color:var(--muted)}
.champs__fmt-t{margin:0;font-size:22px;line-height:1.2}
.champs__fmt-ar{display:block;font-size:.85em;margin-top:4px}
.champs__fmt-p{margin:0;color:var(--muted);text-wrap:pretty}
.champs__fmt-par{display:block;margin-top:4px}
.champs__cta{justify-self:start;align-self:end}
.ptable__alt{display:block;margin-top:2px;font-family:var(--font-mono);font-size:.9em;color:var(--muted)}
.champs__inc{margin-top:40px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--paper);display:flex;flex-direction:column;gap:18px}
.champs__inc-t{margin:0;font-size:22px;line-height:1.2}
.champs__inc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px 28px}
.champs__inc-list li{display:flex;gap:14px;align-items:baseline;padding-top:12px;border-top:1px solid var(--line)}
.champs__inc-n{font-family:var(--font-mono);font-size:12px;color:var(--ink);font-weight:500;flex:none}
.champs__inc-ar{display:block;margin-top:2px;color:var(--muted)}
[data-lang="ar"] .champs__inc-ar{color:inherit}
.ps{background:var(--paper);padding-top:clamp(28px,4vw,48px)}
.ps .wrap{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,28px)}
.ps-kicker{display:block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.ps-arr{flex:none;transition:transform .25s var(--motion-ease)}
[data-lang="ar"] .ps-arr{transform:scaleX(-1)}
.ps-hero{position:relative;overflow:hidden;border-radius:6px;background:#15120f;color:#f4f1ea;isolation:isolate}
.ps-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.85)}
.ps-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(18,15,12,.94) 0%,rgba(18,15,12,.82) 45%,rgba(18,15,12,.62) 100%)}
[data-lang="ar"] .ps-hero__shade{background:linear-gradient(260deg,rgba(18,15,12,.94) 0%,rgba(18,15,12,.82) 45%,rgba(18,15,12,.62) 100%)}
.ps-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);padding:clamp(28px,4.4vw,60px);align-items:end}
.ps-logos{display:flex;align-items:center;gap:16px;margin-bottom:clamp(36px,5vw,64px)}
.ps-logo--ri{height:46px;width:auto}.ps-logo--sca{height:50px;width:auto}
.ps-logos__div{width:1px;height:34px;background:rgba(244,241,234,.28)}
.ps-eyebrow{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.ps-eyebrow b{font-family:"Thmanyah Sans",system-ui,sans-serif;font-weight:700;font-size:17px;color:#ecc811}
.ps-eyebrow .en{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,241,234,.78)}
.ps-hero__h{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(32px,4vw,54px);line-height:1.04;letter-spacing:-.02em;color:#fff}
.ps-hero__h-ar{display:block;font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:.82em;line-height:1.4;margin-top:14px;direction:rtl;text-align:left;color:#fff}
.ps-hero__sub{margin:18px 0 0;font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:rgba(244,241,234,.86);max-width:44ch}
.ps-index{list-style:none;margin:0;padding:0;border-top:1px solid rgba(244,241,234,.18)}
.ps-index li{border-bottom:1px solid rgba(244,241,234,.18)}
.ps-index__row{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:16px;padding:16px 10px;transition:background .2s}
.ps-index__row:hover,.ps-index__row:focus-visible{background:rgba(244,241,234,.07)}
.ps-index__row:hover .ps-arr{transform:translateX(4px)}
[data-lang="ar"] .ps-index__row:hover .ps-arr{transform:scaleX(-1) translateX(4px)}
.ps-index__n{font-family:var(--font-mono);font-size:15px;color:var(--acc)}
.ps-index__names{display:flex;flex-direction:column;gap:3px;min-width:0}
.ps-index__ar{font-family:"Thmanyah Sans",system-ui,sans-serif;font-weight:700;font-size:17px;color:#fff;direction:rtl;text-align:left}[data-lang="ar"] .ps-index__ar{text-align:right}
.ps-index__en{font-size:13px;color:rgba(244,241,234,.66)}
.ps-index__hrs{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(244,241,234,.78);white-space:nowrap}
.ps-index .ps-arr{color:var(--acc)}
.ps-about{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.8fr);background:var(--surface);border:1px solid var(--line);border-radius:6px}
.ps-about>*{padding:clamp(22px,2.8vw,36px)}
.ps-about>*+*{border-inline-start:1px solid var(--line)}
.ps-about__h{margin:0;font-family:"Thmanyah Display",var(--font-serif);font-weight:600;font-size:clamp(24px,2.4vw,32px);line-height:1.1;letter-spacing:-.01em;color:var(--ink)}
.ps-about__h-ar{display:block;font-family:"Thmanyah Display",var(--font-serif);font-size:.86em;line-height:1.5;margin-top:8px;color:var(--ink-2);direction:rtl;text-align:left}
.ps-about__p{margin:16px 0 0;font-size:15px;line-height:1.7;color:var(--ink-2);text-wrap:pretty}
.ps-cert{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 14px;background:var(--paper);border-radius:4px;font-size:14px;color:var(--ink)}
.ps-cert__mark{flex:none;width:24px;height:24px;border-radius:50%;background:#ecc811;color:var(--ink);display:grid;place-items:center;font-size:13px;font-weight:700}
.ps-who{display:flex;flex-direction:column}.ps-who ul{flex:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ps-who li{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-content:center;flex:1;padding:14px 16px;background:var(--paper);border-radius:4px}
.ps-who__n{grid-row:span 2;font-family:var(--font-mono);font-size:12px;color:var(--muted);padding-top:3px}
.ps-who__t{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink)}
.ps-who__ar{font-family:"Thmanyah Sans",system-ui,sans-serif;font-size:14px;color:var(--muted);direction:rtl;text-align:left}
[data-lang="ar"] .ps-who__ar{display:none}
.ps-stats{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:var(--ink);color:var(--paper);border-start-end-radius:5px;border-end-end-radius:5px}
.ps-stat{display:flex;flex-direction:column;gap:2px}
.ps-stat+.ps-stat{padding-top:18px;border-top:1px solid rgba(244,241,234,.16)}
.ps-stat b{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,3.6vw,50px);line-height:1;color:#ecc811}
.ps-stat>span{font-size:14px;color:rgba(244,241,234,.8)}
.ps-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.ps-card{grid-column:span 2;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;transition:transform var(--motion-dur) var(--motion-ease),box-shadow var(--motion-dur) var(--motion-ease)}
.ps-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(24,22,19,.35)}
.ps-card:nth-child(n+4){grid-column:span 3;flex-direction:row}
.ps-card__media{position:relative;flex:none;aspect-ratio:16/10;background:var(--paper-2);overflow:hidden}
.ps-card:nth-child(n+4) .ps-card__media{aspect-ratio:auto;width:40%}
.ps-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--motion-ease)}
.ps-card:hover .ps-card__media img{transform:scale(1.04)}
.ps-card__tags{position:absolute;bottom:14px;inset-inline-start:14px;display:flex;gap:6px}
.ps-tag{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:3px;background:var(--acc);color:var(--ink);font-weight:600}
.ps-tag--line{background:rgba(255,255,255,.92);color:var(--ink);font-weight:500}
.ps-card__body{flex:1;display:flex;flex-direction:column;padding:clamp(20px,2vw,26px);min-width:0}
.ps-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ps-card__titles{min-width:0}
.ps-card__name{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(19px,1.6vw,22px);line-height:1.18;letter-spacing:-.01em;color:var(--ink)}
.ps-card__sub{display:block;margin-top:5px;font-family:"Thmanyah Sans",system-ui,sans-serif;font-size:15px;color:var(--muted)}
.ps-card__badge{flex:none;height:56px;width:auto;max-width:104px;object-fit:contain}
.ps-card__blurb{margin:14px 0 0;font-size:14.5px;line-height:1.65;color:var(--ink-2);text-wrap:pretty}
.ps-learn{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2)}
.ps-learn__lab{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.ps-learn ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ps-learn li{position:relative;padding-inline-start:18px;font-size:14px;line-height:1.55;color:var(--ink)}
.ps-learn li::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:8px;height:8px;background:var(--acc)}
.ps-card__foot{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ps-card__price{display:flex;align-items:baseline;gap:5px;color:var(--ink)}
.ps-card__price small{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}
.ps-card__price b{font-family:var(--font-display);font-weight:800;font-size:24px}
.ps-card__more{margin-inline-start:auto;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid currentColor;padding-bottom:2px}
.ps-card__book{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;background:#ecc811;color:var(--ink);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:11px 16px;border-radius:999px;font-weight:600;white-space:nowrap;transition:filter .2s}
.ps-card__book:hover{filter:brightness(.95)}
.ps-card__book:hover .ps-arr{transform:translateX(3px)}
[data-lang="ar"] .ps{direction:rtl;text-align:right}
[data-lang="ar"] .ps .ar-only{font-family:"Thmanyah Sans",system-ui,sans-serif}
[data-lang="ar"] .ps-hero__h-ar{font-size:1em;margin-top:0;line-height:1.25}
[data-lang="ar"] .ps-about__h-ar{font-size:1em;margin-top:0;color:var(--ink)}
[data-lang="ar"] .ps-about__h,[data-lang="ar"] .ps-card__name .ar-only{font-family:"Thmanyah Display",var(--font-serif)}
[data-lang="ar"] .ps-card__name{font-size:clamp(21px,1.8vw,25px);line-height:1.35}
[data-lang="ar"] .ps-card__sub .ar-only{font-family:var(--font-display);font-size:13.5px;direction:ltr;unicode-bidi:isolate}
[data-lang="ar"] .ps-tag,[data-lang="ar"] .ps-card__more,[data-lang="ar"] .ps-card__book,[data-lang="ar"] .ps-index__hrs{letter-spacing:0;font-size:13px}
[data-lang="ar"] .ps-tag .ar-only,[data-lang="ar"] .ps-card__book .ar-only,[data-lang="ar"] .ps-card__more .ar-only{font-weight:700}
[data-lang="ar"] .ps-kicker,[data-lang="ar"] .ps-learn__lab{letter-spacing:0;font-size:14px}
[data-lang="ar"] .ps-index__en{direction:ltr;text-align:right}
[data-lang="ar"] .ps-card__blurb,[data-lang="ar"] .ps-about__p{line-height:1.9}
@media (max-width:1100px){
.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ps-card,.ps-card:nth-child(n+4){grid-column:span 1;flex-direction:column}
.ps-card:nth-child(n+4) .ps-card__media{width:auto;aspect-ratio:16/10}
.ps-card:nth-child(5){grid-column:span 2;flex-direction:row}
.ps-card:nth-child(5) .ps-card__media{width:44%;aspect-ratio:auto}
.ps-about{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ps-about__lead{grid-column:span 2;border-bottom:1px solid var(--line)}
.ps-who{border-inline-start:0!important}
.ps-stats{border-radius:0 0 5px 0}
[data-lang="ar"] .ps-stats{border-radius:0 0 0 5px}
}
@media (max-width:900px){.ps-hero__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:680px){
.ps-grid{grid-template-columns:minmax(0,1fr)}
.ps-card,.ps-card:nth-child(n+4),.ps-card:nth-child(5){grid-column:auto;flex-direction:column}
.ps-card:nth-child(n+4) .ps-card__media,.ps-card:nth-child(5) .ps-card__media{width:auto;aspect-ratio:16/10}
.ps-about{grid-template-columns:minmax(0,1fr)}
.ps-about__lead{grid-column:auto}
.ps-about>*+*{border-inline-start:0;border-top:1px solid var(--line)}
.ps-stats{border-radius:0 0 5px 5px!important}
.ps-index__row{grid-template-columns:34px minmax(0,1fr) auto;gap:12px}.ps-index .ps-arr{display:none}
.ps-card__foot{flex-wrap:wrap}
}
[data-lang="ar"] .ps-hero__h-ar,[data-lang="ar"] .ps-about__h-ar{text-align:right}
.drawer__hero--photo{height:clamp(220px,34vh,320px);background:#15120f;align-items:center;justify-content:center}
.drawer__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.drawer__hero--photo::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,rgba(18,15,12,.5) 0%,rgba(18,15,12,.8) 100%)}
.drawer__hero--photo .drawer__close{z-index:3}
.drawer__hero-badge{position:relative;z-index:2;max-height:62%;max-width:min(60%,340px);width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}
.drawer__hero-badge--white{filter:brightness(0) invert(1) drop-shadow(0 8px 24px rgba(0,0,0,.45))}
.drawer__hero-badge--invert{filter:invert(1) brightness(1.12) drop-shadow(0 8px 24px rgba(0,0,0,.45))}.drawer__hero-badge--hide{display:none}
.drawer__hero-badge--none{max-height:90%;max-width:min(70%,380px)}
.drawer__hero-set{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.2vw,14px);height:68%;max-width:92%;direction:ltr}
.drawer__hero-set img{height:100%;width:auto;min-width:0;object-fit:contain;border-radius:3px;background:#fff;box-shadow:0 14px 30px -10px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);transition:transform .3s var(--motion-ease)}
.drawer__hero-set img:hover{transform:translateY(-4px) scale(1.04)}
@media (max-width:600px){.drawer__hero-set{height:auto;width:92%}.drawer__hero-set img{height:auto;width:calc(25% - 6px)}}
.drawer__hero--light::after{background:linear-gradient(180deg,rgba(244,241,234,.86) 0%,rgba(244,241,234,.78) 100%)}
.drawer__hero-art{position:relative;z-index:2;width:min(86%,640px);height:auto;max-height:76%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(24,22,19,.18))}
.drawer__hero--light .drawer__close{background:var(--ink);color:var(--paper)}
.pc-hero__bg{object-position:center 30%}
.pc-logo--csp{height:44px;width:auto}
.pc-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:var(--surface);border:1px solid var(--line);border-radius:6px}
.pc-about>*{padding:clamp(22px,2.8vw,38px)}
.pc-about>*+*{border-inline-start:1px solid var(--line)}
.pc-stairs{display:flex;flex-direction:column;justify-content:flex-end;gap:16px}
.pc-stairs__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;min-height:230px}
.pc-step{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px;border-radius:4px}.pc-step::before{position:absolute;top:14px;inset-inline-start:16px;font-family:var(--font-mono);font-size:12px;opacity:.7}.pc-step--1::before{content:"01"}.pc-step--2::before{content:"02"}.pc-step--3::before{content:"03"}
.pc-step b{font-family:"Thmanyah Display",var(--font-display);font-size:20px;line-height:1.2}
.pc-step span{font-size:13px;line-height:1.45}
.pc-step--1{height:46%;background:#e6e1d6;color:var(--ink)}.pc-step--1>span{color:var(--ink-2)}
.pc-step--2{height:72%;background:#cfc8bb;color:var(--ink)}.pc-step--2>span{color:var(--ink-2)}
.pc-step--3{height:100%;background:var(--ink);color:#fff}.pc-step--3>span{color:rgba(255,255,255,.82)}
.pc-stairs__note{margin:0;font-size:14px;line-height:1.65;color:var(--ink-2);text-wrap:pretty}
.pc-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:clamp(10px,2vw,22px)}
.pc-bar .ps-kicker{margin-bottom:8px}
.pc-bar__h{margin:0;font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.15;color:var(--ink)}
.pc-card,.pc-feature{background:var(--surface);border:1px solid var(--line);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--motion-dur) var(--motion-ease),box-shadow var(--motion-dur) var(--motion-ease),opacity .35s,filter .35s}
.pc-card::before,.pc-feature::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--mc)}
.pc-card:hover,.pc-feature:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(24,22,19,.35)}
.pc-card.is-dim{opacity:.38;filter:grayscale(.85)}
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.pc-card{display:flex;flex-direction:column;padding:clamp(22px,2.2vw,28px)}
.pc-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.pc-card__titles{min-width:0}
.pc-card__kick{display:block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mc);margin-bottom:8px;font-weight:600}
.pc-card__badge{flex:none;width:84px;height:84px;object-fit:contain;margin:-6px -8px 0 0}
[data-lang="ar"] .pc-card__badge{margin:-6px 0 0 -8px}
.pc-card__badge--q{width:110px;height:auto;margin-top:6px}
.pc-card__tag{margin:14px 0 0;font-size:15px;line-height:1.6;color:var(--ink);text-wrap:pretty}
.pc-lvls{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column}
.pc-lvls li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:13px 0;border-top:1px solid var(--line-2);transition:background .25s}
.pc-lvls li.is-hit{background:color-mix(in oklab,var(--mc) 9%,transparent);margin:0 -12px;padding:13px 12px;border-radius:4px}
.pc-lvls p{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink-2)}
.pc-lvl__k{display:flex;flex-direction:column;gap:6px}
.pc-lvl__k b{font-family:var(--font-display);font-size:14px;color:var(--ink)}
.pc-seg{display:flex;gap:3px}.pc-seg i{width:16px;height:3px;background:var(--line)}.pc-seg i.on{background:var(--mc)}
.pc-dot{width:8px;height:8px;background:var(--mc);margin-top:6px}
.pc-card__foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line-2)}
.pc-lvls+.pc-card__foot{margin-top:auto}
.pc-card__go{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-weight:600}
.pc-card:hover .pc-card__go .ps-arr,.pc-feature:hover .pc-card__go .ps-arr{transform:translateX(4px)}
[data-lang="ar"] .pc-card:hover .pc-card__go .ps-arr,[data-lang="ar"] .pc-feature:hover .pc-card__go .ps-arr{transform:scaleX(-1) translateX(4px)}
.pc-soon{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--mc);color:var(--ink)}
.pc-feature{display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;padding:clamp(22px,2.6vw,34px)}
.pc-feature__badge img{display:block;width:clamp(120px,12vw,168px);height:auto}
.pc-feature__tag{font-size:16px}
.pc-feature__lvl{align-self:stretch;display:flex;flex-direction:column;gap:10px;background:var(--paper);border-radius:4px;padding:20px}
.pc-feature__lvl p{margin:0;font-size:14px;line-height:1.65;color:var(--ink-2)}
.pc-feature__lvl .pc-card__foot{border-top:0;padding-top:6px}
.pc-end{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);background:#1c1915;color:var(--paper);border-radius:6px;overflow:hidden}
.pc-end__start{padding:clamp(26px,3.4vw,48px)}
.pc-end__h{margin:0;font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(34px,4vw,54px);line-height:1.1;color:#fff}
.pc-end__p{margin:12px 0 0;font-size:16px;line-height:1.65;color:rgba(244,241,234,.84);max-width:52ch}
.pc-end__badges{display:flex;flex-wrap:wrap;gap:clamp(8px,1.4vw,18px);margin:26px 0;padding-top:24px;border-top:2px solid #ecc811;width:fit-content}
.pc-end__badge{all:unset;cursor:pointer;transition:transform .25s var(--motion-ease)}
.pc-end__badge:hover{transform:translateY(-4px)}
.pc-end__badge img{display:block;width:clamp(64px,6.4vw,84px);height:auto}
.pc-end__quote{margin:0 0 22px;display:flex;flex-direction:column;gap:4px}
.pc-end__quote small{font-size:14px;color:rgba(244,241,234,.7)}
.pc-end__quote b{font-family:"Thmanyah Display",var(--font-serif);font-size:clamp(24px,2.4vw,32px);color:#fff;direction:rtl;text-align:left}
[data-lang="ar"] .pc-end__quote b{text-align:right}
.pc-end__quote .en{font-family:var(--font-serif);font-style:italic;font-size:14px;color:rgba(244,241,234,.66)}
.pc-end__group{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(26px,3.4vw,48px);background:#ecc811;color:var(--ink)}
.pc-end__pct{font-family:var(--font-display);font-weight:900;font-size:clamp(56px,6vw,84px);line-height:.9;display:flex;align-items:baseline;gap:8px}
.pc-end__pct small{font-family:var(--font-mono);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.pc-end__group h4{margin:0;font-family:"Thmanyah Display",var(--font-display);font-size:22px;font-weight:700}
.pc-end__group p{margin:0;font-size:14.5px;line-height:1.6}
.pc-end__cta{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:6px;padding:12px 18px;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.drawer__hero--track{background:radial-gradient(ellipse at center,color-mix(in oklab,var(--mc) 38%,#15120f) 0%,#15120f 72%)}
.drawer__hero--track::after{display:none}
.drawer__hero--track .drawer__hero-badge{max-height:78%;max-width:min(46%,260px);filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}
.drawer__hero--track .drawer__hero-badge--white{filter:brightness(0) invert(1)}
[data-lang="ar"] .pc-card__kick,[data-lang="ar"] .pc-card__go,[data-lang="ar"] .pc-soon{letter-spacing:0;font-size:13px}
[data-lang="ar"] .pc-lvl__k b{font-family:"Thmanyah Sans",system-ui,sans-serif;font-size:15px}
[data-lang="ar"] .pc-lvls p,[data-lang="ar"] .pc-card__tag,[data-lang="ar"] .pc-stairs__note{line-height:1.85}
[data-lang="ar"] .pc-step b .ar-only{font-family:"Thmanyah Display",var(--font-serif)}
@media (max-width:1100px){
.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pc-feature{grid-template-columns:auto minmax(0,1fr)}
.pc-feature__lvl{grid-column:1/-1}
.pc-end{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){
.pc-about{grid-template-columns:minmax(0,1fr)}
.pc-about>*+*{border-inline-start:0;border-top:1px solid var(--line)}
}
@media (max-width:680px){
.pc-grid{grid-template-columns:minmax(0,1fr)}
.pc-feature{grid-template-columns:minmax(0,1fr)}
.pc-feature__badge img{width:110px}
.pc-lvls li{grid-template-columns:minmax(0,1fr);gap:6px}
.pc-stairs__row{min-height:200px}
}
.pc-lvls li.is-plain{grid-template-columns:8px minmax(0,1fr);gap:12px}
.pc-card__foot{flex-wrap:nowrap}
.pc .ps-hero__grid{align-items:stretch}
.pc-hero__intro{display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.pc-hero__intro::after{content:"";height:1px}
.pc .ps-logos{margin:0;gap:22px;padding-top:14px;direction:ltr;justify-content:flex-start}
.pc .pc-logo--csp{height:clamp(50px,4.8vw,62px)}
.pc .ps-logo--sca{height:clamp(62px,6vw,78px)}
.pc .ps-logos__div{height:50px}
.drawer__hero--photo.drawer__hero--trackphoto::after{background:radial-gradient(ellipse at center,rgba(18,15,12,.72) 0%,rgba(18,15,12,.9) 100%)}
.drawer__hero--trackphoto .drawer__hero-badge{max-height:86%;max-width:min(50%,280px);filter:drop-shadow(0 10px 28px rgba(0,0,0,.6))}.drawer__hero--trackphoto .drawer__hero-badge--white{filter:brightness(0) invert(1) drop-shadow(0 10px 30px rgba(0,0,0,.55))}
.pc-card{padding:0}
.pc-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
.pc-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--motion-ease)}
.pc-card:hover .pc-card__media img,.pc-feature:hover .pc-feature__media img{transform:scale(1.04)}
.pc-card::before,.pc-feature::before{z-index:2;height:5px}
.pc-card__body{flex:1;display:flex;flex-direction:column;padding:clamp(20px,2.2vw,26px)}
.pc-card__badge{width:72px;height:72px;margin:0}
[data-lang="ar"] .pc-card__badge{margin:0}
.pc-card__badge--q{width:96px;height:auto;margin-top:4px}
.pc-lvlcount{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pc-feature{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1fr);padding:0;align-items:stretch;gap:0}
.pc-feature__media{position:relative;min-height:260px;overflow:hidden}
.pc-feature__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--motion-ease)}
.pc-feature__main{padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;justify-content:center}
.pc-feature__lvl{margin:clamp(16px,2vw,24px);margin-inline-start:0}
[data-lang="ar"] .pc-lvlcount{letter-spacing:0;font-size:13px}
@media (max-width:1100px){.pc-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pc-feature__lvl{grid-column:1/-1;margin:0 clamp(16px,2vw,24px) clamp(16px,2vw,24px)}}
@media (max-width:680px){.pc-feature{grid-template-columns:minmax(0,1fr)}.pc-feature__media{min-height:0;aspect-ratio:16/9}}
.pc-end__group{position:relative;isolation:isolate;background:#1a1712 url("img/group-bg.webp?v=1") center 40%/cover no-repeat;color:#fff}
.pc-end__group::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,17,12,.35) 0%,rgba(20,17,12,.72) 55%,rgba(20,17,12,.9) 100%)}
.pc-end__group .pc-end__pct{color:#ecc811}
.pc-end__group p{color:rgba(255,255,255,.88)}
.pc-end__group .pc-end__cta{background:#ecc811;color:var(--ink)}
.tp .wrap{gap:clamp(18px,2.4vw,28px)}
.tp-head{display:flex;flex-direction:column}
.tp-h{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.tp-h-ar{display:block;font-family:"Thmanyah Display",var(--font-serif);font-size:.9em;line-height:1.5;margin-top:8px;direction:rtl;text-align:left;color:var(--ink-2)}
.tp-p{margin:16px 0 0;font-size:15.5px;line-height:1.75;color:var(--ink-2);text-wrap:pretty}
.tp-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;min-height:clamp(560px,70vh,720px)}
.tp-hero__photo{position:relative;background:#2a2622;overflow:hidden}
.tp-hero__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.tp-hero__cap{position:absolute;left:0;right:0;bottom:0;padding:22px 26px;background:#181613;color:rgba(244,241,234,.86);display:flex;flex-direction:column;gap:3px;font-size:13px;direction:ltr;text-align:left}
.tp-hero__cap b{font-family:var(--font-serif);font-size:24px;font-weight:600;color:#fff;margin-bottom:2px}
.tp-hero__cap-role{color:#ecc811;font-weight:600}
.tp-hero__body{display:flex;flex-direction:column;padding:clamp(26px,3.6vw,52px)}
.tp-hero__marks{display:flex;gap:16px;align-items:center;justify-content:flex-end}
.tp-hero__marks img{height:54px;width:auto}
.tp-hero__main{margin-top:auto;margin-bottom:auto;padding-top:24px}
.tp-hero__name{margin:0;display:flex;flex-direction:column}
.tp-hero__name-ar{font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(52px,6.4vw,92px);line-height:1.08;color:var(--ink);direction:rtl;text-align:left}
.tp-hero__name .en{font-family:var(--font-serif);font-weight:600;font-size:clamp(22px,2.2vw,30px);color:var(--muted);margin-top:4px}
.tp-roles{list-style:none;margin:26px 0 0;padding:22px 0 0;border-top:2px solid #e5463c;width:min(100%,420px);display:flex;flex-direction:column;gap:9px}
.tp-roles li{font-size:17px;color:var(--ink);font-weight:500}
.tp-roles li.is-lead{color:#c8372d;font-weight:700}
.tp-duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(14px,1.6vw,20px)}
.tp-begin,.tp-first{border-radius:6px;padding:clamp(26px,3.2vw,44px)}
.tp-begin{background:var(--surface);border:1px solid var(--line)}
.tp-quote{margin:0;display:flex;flex-direction:column;gap:10px;padding-bottom:22px;border-bottom:2px solid #ecc811}
.tp-quote-ar{font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(26px,2.8vw,38px);line-height:1.45;color:var(--ink);direction:rtl;text-align:left}
.tp-quote .en{font-family:var(--font-serif);font-style:italic;font-size:17px;line-height:1.55;color:var(--muted)}
.tp-first{background:#5a1c17;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}
.tp-first .ps-kicker{color:rgba(255,255,255,.7)}
.tp-first__h{margin:0;font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.25;color:#fff}
.tp-first__list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.tp-first__list li{display:flex;align-items:center;gap:14px;font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(26px,2.8vw,36px);line-height:1.2}
.tp-first__list li::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--d)}
.tp-first__p{margin:auto 0 0;padding-top:22px;border-top:2px solid #ecc811;font-size:15px;line-height:1.75;color:rgba(255,255,255,.88)}
.tp-first__list+.tp-first__p{margin-top:26px}
.tp-creds{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.tp-creds__side{padding:clamp(26px,3.2vw,44px);display:flex;flex-direction:column}
.tp-soon{margin-top:auto;padding-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tp-soon__lab{font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:20px;color:#c8372d;margin-inline-end:4px}
.tp-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink);background:var(--paper)}
.tp-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--d)}
.tp-creds__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--paper);border-inline-start:1px solid var(--line)}
.tp-cred{display:grid;place-items:center;padding:clamp(20px,2.4vw,34px);min-height:170px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line)}
.tp-cred:nth-child(3n){border-inline-end:0}.tp-cred:nth-child(n+4){border-bottom:0}
.tp-cred img{max-width:100%;max-height:110px;width:auto;height:auto;object-fit:contain}
.tp-record{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:clamp(26px,3.2vw,44px);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:26px clamp(24px,3vw,44px);align-items:center}
.tp-record .tp-h{font-size:clamp(22px,2.1vw,28px)}
.tp-stacks{grid-column:1/-1}
.tp-record__hero{display:block;width:100%;height:auto;border-radius:4px;background:var(--paper)}
.tp-stacks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);padding-top:24px;border-top:1px solid var(--line)}
.tp-stack{display:flex;flex-direction:column;gap:4px}
.tp-stack img{width:100%;height:auto;border-radius:4px;background:var(--paper);margin-bottom:8px}
.tp-stack b{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink)}
.tp-stack b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--d)}
.tp-stack>span{font-size:13px;color:var(--muted);padding-inline-start:16px}
.tp-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:6px}
.tp-col{padding:clamp(24px,2.8vw,38px)}
.tp-col+.tp-col{border-inline-start:1px solid var(--line)}
.tp-col .tp-h{font-size:clamp(21px,1.9vw,26px)}
.tp-list{list-style:none;margin:20px 0 0;padding:0}
.tp-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px 0;border-top:1px solid var(--line-2)}
.tp-list__n{font-family:var(--font-serif);font-size:18px;color:var(--muted)}
.tp-list p{margin:0;font-size:15px;line-height:1.6;color:var(--ink)}
.tp-close{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);background:#1c1915;color:#fff;border-radius:6px;overflow:hidden;align-items:stretch}
.tp-close__text{padding:clamp(30px,4vw,60px);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.tp-close__p{margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.8;color:rgba(244,241,234,.9);padding-bottom:22px;border-bottom:2px solid #ecc811;max-width:58ch}
.tp-close__h{margin:0;display:flex;flex-direction:column}
.tp-close__h-ar{font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(44px,5.4vw,76px);line-height:1.2;direction:rtl;text-align:left}
.tp-close__h .en{font-family:var(--font-serif);font-style:italic;font-size:20px;color:rgba(244,241,234,.7)}
.tp-close__sig{font-size:16px;color:rgba(244,241,234,.75)}
.tp-close__img{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center 30%;background:#efe9df}
[data-lang="ar"] .tp-h{font-family:"Thmanyah Display",var(--font-serif)}
[data-lang="ar"] .tp-h-ar,[data-lang="ar"] .tp-hero__name-ar,[data-lang="ar"] .tp-quote-ar,[data-lang="ar"] .tp-close__h-ar{text-align:right}
[data-lang="ar"] .tp-h-ar{font-size:1em;margin-top:0;color:var(--ink)}
[data-lang="ar"] .tp-p,[data-lang="ar"] .tp-list p{line-height:1.9}
[data-lang="ar"] .tp-hero__marks{justify-content:flex-start}
@media (max-width:1000px){
.tp-hero{grid-template-columns:minmax(0,1fr)}
.tp-hero__photo{aspect-ratio:4/5;max-height:640px}
.tp-duo,.tp-creds,.tp-close,.tp-record{grid-template-columns:minmax(0,1fr)}
.tp-creds__grid{border-inline-start:0;border-top:1px solid var(--line)}
.tp-tri{grid-template-columns:minmax(0,1fr)}
.tp-col+.tp-col{border-inline-start:0;border-top:1px solid var(--line)}
.tp-stacks{grid-template-columns:repeat(3,minmax(0,1fr))}
.tp-close__img{max-height:420px}
}
@media (max-width:560px){.tp-creds__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-cred{border:0!important;min-height:120px}.tp-stacks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tp-begin,.tp-first{position:relative;overflow:hidden;isolation:isolate}
.tp-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.tp-hasbg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.72) 100%)}
[data-lang="ar"] .tp-hasbg::after{background:linear-gradient(270deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.72) 100%)}
.tp-hasbg .tp-bg{object-position:center 30%}
.tp-bg--first{object-position:center 25%;opacity:.28;mix-blend-mode:luminosity}
.tp-tri{overflow:hidden}
.tp-close__img{object-position:center 40%}
.tp-col--img{padding:0;display:flex;flex-direction:column}
.tp-col__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2)}
.tp-col__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--motion-ease)}
.tp-col--img:hover .tp-col__media img{transform:scale(1.04)}
.tp-col__in{padding:clamp(24px,2.8vw,38px)}
.tp .tp-ar{display:block;direction:rtl;text-align:left;font-family:"Thmanyah Sans",system-ui,sans-serif;font-size:.94em;line-height:1.85;color:var(--muted);margin-top:4px}
.tp .ps-kicker .tp-ar{display:inline;margin:0 0 0 10px;font-size:1.1em;letter-spacing:0;text-transform:none}
.tp-chip .tp-ar,.tp-soon__lab .tp-ar,.tp-roles .tp-ar{display:inline;margin:0 0 0 8px;font-size:.92em}
.tp-first .tp-ar,.tp-close .tp-ar{color:rgba(244,241,234,.66)}
.tp-first__h .tp-ar,.tp-first__list .tp-ar{display:block;font-family:"Thmanyah Display",var(--font-serif);font-size:.78em;line-height:1.4;margin-top:2px;color:rgba(255,255,255,.72)}
.tp-first__list li{align-items:flex-start}.tp-first__list li::before{margin-top:.45em}
.tp-stack b .tp-ar{display:inline;margin-inline-start:6px;font-size:.92em}
.tp-close__sig .tp-ar{display:inline;margin-inline-start:10px}
[data-lang="ar"] .tp .tp-ar{text-align:right;color:inherit;font-size:1em;margin:0}
[data-lang="ar"] .tp .ps-kicker .tp-ar,[data-lang="ar"] .tp-chip .tp-ar,[data-lang="ar"] .tp-roles .tp-ar,[data-lang="ar"] .tp-stack b .tp-ar,[data-lang="ar"] .tp-close__sig .tp-ar,[data-lang="ar"] .tp-soon__lab .tp-ar{margin:0}
[data-lang="ar"] .tp-first__h .tp-ar,[data-lang="ar"] .tp-first__list .tp-ar{font-size:1em;color:#fff}
[data-lang="ar"] .tp-first .tp-ar,[data-lang="ar"] .tp-close .tp-ar{color:rgba(244,241,234,.9)}
.tp-close{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:clamp(520px,64vh,680px)}
.tp-close__text{justify-content:center}
.tp-close__img{object-position:62% 84%;min-height:100%}
.tp-close__h .en{margin-top:6px}
@media (max-width:1000px){.tp-close__img{aspect-ratio:4/5;max-height:560px;object-position:62% 86%}}
.tp-close__img{height:0;min-height:100%;object-position:62% 88%}
@media (max-width:1000px){.tp-close__img{height:auto;min-height:0}}
.tp-close__sig .tp-ar{margin-inline-start:12px}
.tp .ps-card__book .tp-ar{display:inline;margin:0 0 0 10px;color:inherit;font-size:1.05em;letter-spacing:0;text-transform:none}
[data-lang="ar"] .tp .ps-card__book .tp-ar{margin:0}
.tp-hasbg::after{background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 60%,rgba(255,255,255,.84) 100%)}
[data-lang="ar"] .tp-hasbg::after{background:linear-gradient(270deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 60%,rgba(255,255,255,.84) 100%)}
.tp-hasbg .tp-ar{color:var(--ink-2)}
.tp-first::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(90,28,23,.82),rgba(90,28,23,.94))}
.tp-bg--first{opacity:.5}
.tp-col__media--posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;background:#2a2622;direction:ltr}
.tp-col__media--posters img{position:static;width:100%;height:100%;object-fit:cover;border-radius:2px;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.tp-col--img:hover .tp-col__media--posters img{transform:none}
.tp-close__sig{direction:ltr;text-align:left}.tp-close__sig .tp-ar{margin:0 0 0 12px!important}
[data-lang="ar"] .tp-close__sig{direction:rtl;text-align:right}
.jr-reader .jr-ar{display:block;direction:rtl;font-family:"Thmanyah Sans",system-ui,sans-serif;color:var(--muted);font-size:.9em;margin-top:4px}
.jr .jr-ar{display:block;direction:rtl;text-align:left;font-family:"Thmanyah Sans",system-ui,sans-serif;color:var(--muted);font-size:.94em;line-height:1.75;margin-top:3px}
.jr-topic .jr-ar,.jr-filter .jr-ar,.jr-card__go .jr-ar,.jr-card__info .jr-ar,.jr-x .jr-ar,.jr-pdf .jr-ar,.jr-reader__crumb .jr-ar,.ps-tag .jr-ar,.ps-index__hrs .jr-ar,.jr .ps-kicker .jr-ar,.jr-reader .ps-kicker .jr-ar,.jr-next__k .jr-ar,.jr-rhead__series .jr-ar,.jr-rhead__facts dt .jr-ar,.jr-rhead__facts dd .jr-ar,.jr-media__ph .jr-ar,.jr-xx{display:inline;margin:0 0 0 8px;font-size:1em;letter-spacing:0;text-transform:none;line-height:inherit;color:inherit;opacity:.8}
.jr .ps-hero .jr-ar,.jr-reader .jr-rhead .jr-ar{color:rgba(244,241,234,.72)}
.jr-reader .jr-rhead h1 .jr-ar{color:#fff}
[data-lang="ar"] .jr .jr-ar,[data-lang="ar"] .jr-reader .jr-ar{text-align:right;color:inherit;font-size:1em;margin:0;opacity:1}
html.jr-lock,html.jr-lock body{overflow:hidden}
.jr-hero .ps-hero__bg{object-position:30% 40%}
.jr-index .ps-index__ar{font-size:18px}
.jr-index .ps-index__n{font-family:var(--font-serif);font-size:26px;font-weight:600;color:#ecc811}
.jr-about .ps-who li{align-items:flex-start}
.jr-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:clamp(8px,1.4vw,16px);border-top:2px solid var(--ink)}
.jr-bar .ps-kicker{margin:0}
.jr-filter{display:flex;flex-wrap:wrap;gap:8px}
.jr-filter button{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:500 13.5px/1 inherit;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.jr-filter button i{width:8px;height:8px;border-radius:50%;background:var(--d)}
.jr-filter button:hover{border-color:var(--ink)}
.jr-filter button.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.jr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.jr-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .35s var(--motion-ease),box-shadow .35s var(--motion-ease),border-color .35s}
.jr-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--d);z-index:2}
.jr-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(28,25,21,.35);border-color:var(--ink)}
.jr-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.jr-media{position:relative;aspect-ratio:1.875;background:rgb(26,94,80);overflow:hidden}
.jr-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--motion-ease)}
.jr-card:hover .jr-media img{transform:scale(1.03)}
.jr-media__ph{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:#1c1915;color:#f4f1ea;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.jr-media__ph>span:first-child{font-family:"Thmanyah Display",var(--font-serif);font-size:46px;font-weight:700;letter-spacing:0;text-transform:none;color:#ecc811}
.jr-media__tags{position:absolute;inset:auto 12px 12px;display:flex;gap:6px;flex-wrap:wrap;direction:ltr;justify-content:flex-end}
[data-lang="ar"] .jr-media__tags{direction:rtl}
.jr-card__body{flex:1;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,24px)}
.jr-topics{display:flex;flex-wrap:wrap;gap:6px 14px}
.jr-topic{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.jr-topic::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--d)}
.jr-card__t{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(20px,1.8vw,24px);line-height:1.2;color:var(--ink);text-wrap:balance}
.jr-card__t .jr-ar{font-family:"Thmanyah Display",var(--font-serif);font-weight:700;color:var(--ink-2);font-size:.94em;line-height:1.45;margin-top:6px}
.jr-card__x{margin:0;font-size:14.5px;line-height:1.65;color:var(--ink-2);text-wrap:pretty}
.jr-card__foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;color:var(--muted)}
.jr-card__info{display:flex;flex-direction:column;gap:2px}
.jr-card__info em{font-style:normal;color:var(--ink-2)}
.jr-card__go{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:600;font-size:13px}
.jr-card:hover .jr-card__go .ps-arr{transform:translateX(3px)}
[data-lang="ar"] .jr-card:hover .jr-card__go .ps-arr{transform:scaleX(-1) translateX(3px)}
[data-lang="ar"] .jr-card__t{font-family:"Thmanyah Display",var(--font-serif)}
[data-lang="ar"] .jr-card__t .jr-ar{color:var(--ink);margin:0}
[data-lang="ar"] .jr-topic{letter-spacing:0;font-size:13px}
.jr-card--big{grid-column:span 3;flex-direction:row}
.jr-card--big .jr-media{flex:0 0 54%;aspect-ratio:auto;min-height:100%}.jr-card--big .jr-media img{object-fit:contain}
.jr-card--big .jr-card__body{padding:clamp(24px,3vw,44px);justify-content:center}
.jr-card--big .jr-card__t{font-size:clamp(28px,3vw,40px)}
.jr-card--big .jr-card__x{font-size:16px;max-width:52ch}
[data-lang="ar"] .jr-card--big{flex-direction:row-reverse}
.jr-reader{position:fixed;inset:0;top:var(--nav-h,72px);z-index:1390;background:var(--paper);display:flex;flex-direction:column;animation:jrIn .3s var(--motion-ease) both}
@keyframes jrIn{from{opacity:0}to{opacity:1}}
.jr-reader__top{position:relative;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px clamp(16px,3vw,32px);background:var(--paper);border-bottom:1px solid var(--line)}
.jr-reader__crumb{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center}
.jr-reader__bar{position:absolute;inset:auto 0 -1px;height:3px;overflow:hidden}
.jr-reader__bar i{display:block;height:100%;background:#c8372d;transform:scaleX(0);transform-origin:left;will-change:transform}
[data-lang="ar"] .jr-reader__bar i{transform-origin:right}
.jr-x,.jr-pdf{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:600 13px/1 inherit;color:var(--ink);cursor:pointer;text-decoration:none;justify-self:start}
.jr-pdf{justify-self:end;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.jr-x i{font-style:normal;font-size:18px;line-height:.6}
.jr-reader__scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateZ(0)}
.jr-rhead{background:#15120f;color:#f4f1ea;padding:clamp(28px,4vw,56px) clamp(20px,4vw,48px) 0}
.jr-rhead__in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center}
.jr-rhead__meta{display:flex;flex-direction:column;gap:14px}
.jr-rhead__meta::before{content:"";width:56px;height:5px;background:var(--d);border-radius:2px}
.jr-rhead__series{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#ecc811}
.jr-rhead .jr-topic{color:rgba(244,241,234,.7)}
.jr-rhead h1{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.jr-rhead h1 .jr-ar{font-family:"Thmanyah Display",var(--font-serif);font-weight:700;color:#fff;font-size:.86em;line-height:1.4;margin-top:10px}
.jr-rhead__dek{margin:0;font-size:16.5px;line-height:1.7;color:rgba(244,241,234,.84)}
.jr-rhead__facts{display:flex;flex-wrap:wrap;margin:6px 0 0;border-top:1px solid rgba(244,241,234,.18)}
.jr-rhead__facts>div{padding:12px 22px 0 0;margin-inline-end:22px;border-inline-end:1px solid rgba(244,241,234,.18)}
.jr-rhead__facts>div:last-child{border:0}
.jr-rhead__facts dt{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,241,234,.6)}
.jr-rhead__facts dd{margin:4px 0 0;font-size:15px;font-weight:600;color:#fff}
.jr-rhead__cover{border-radius:6px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);aspect-ratio:1.875}
.jr-rhead__cover img{display:block;width:100%;height:100%;object-fit:cover}
.jr-rhead__by{max-width:1180px;margin:clamp(24px,3vw,40px) auto 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(244,241,234,.18)}
.jr-rhead__by>div{padding:18px 0 22px}
.jr-rhead__by>div+div{border-inline-start:1px solid rgba(244,241,234,.18);padding-inline-start:24px}
.jr-rhead__by .ps-kicker{color:#ecc811;margin-bottom:6px}
.jr-rhead__by p{margin:0;font-size:14px;line-height:1.6;color:rgba(244,241,234,.86)}
[data-lang="ar"] .jr-rhead h1{font-family:"Thmanyah Display",var(--font-serif)}
[data-lang="ar"] .jr-rhead h1 .jr-ar{margin:0}
[data-lang="ar"] .jr-rhead__facts>div{padding:12px 0 0 22px}
[data-lang="ar"] .jr-reader .jr-ar{color:inherit;font-size:1em;margin:0;text-align:right}
[data-lang="ar"] .jr-rhead__series,[data-lang="ar"] .jr-topic,[data-lang="ar"] .jr-reader__crumb{letter-spacing:0}
.jr-prose{max-width:760px;margin:0 auto;padding:clamp(32px,4vw,56px) clamp(20px,4vw,40px);font-size:18px;line-height:1.85;color:var(--ink)}
.jr-prose::after{content:"";display:table;clear:both}
.jr-prose.is-ar{font-family:"Thmanyah Sans",system-ui,sans-serif;font-size:19px;line-height:2.05;text-align:right}
.jr-prose p{margin:0 0 1.1em;text-wrap:pretty}
.jr-prose>p:first-of-type::first-letter{font-family:"Thmanyah Display",var(--font-serif);font-weight:700}
.jr-prose h3{clear:both;margin:2.2em 0 .7em;padding-top:.9em;border-top:1px solid var(--line);font-family:var(--font-serif);font-weight:600;font-size:26px;line-height:1.35;color:var(--ink)}
.jr-prose.is-ar h3{font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:28px}
.jr-prose blockquote{clear:both;margin:1.8em 0;padding:clamp(20px,2.4vw,30px);background:#15120f;color:#fff;border-radius:6px;font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(22px,2.4vw,28px);line-height:1.6;position:relative}
.jr-prose blockquote::before{content:"”";position:absolute;inset-inline-end:20px;top:-10px;font-family:var(--font-serif);font-size:90px;line-height:1;color:#ecc811}
.jr-note{clear:both;margin:1.8em 0;padding:20px 24px;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.jr-note__k{display:block;font-size:14px;color:#c8372d;margin-bottom:8px;font-weight:700}
.jr-note p{margin:0;font-size:16.5px;line-height:1.95;color:var(--ink-2)}
.jr-list{clear:both;margin:0 0 1.4em;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.jr-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.jr-list__n{font-family:var(--font-serif);font-size:26px;font-weight:600;line-height:1.2;color:#c8372d}
.jr-fig{clear:both;margin:2em calc(-1 * clamp(0px,6vw,90px));display:flex;flex-direction:column;gap:10px}
.jr-fig--strip{margin-inline:calc(-1 * clamp(0px,10vw,160px))}
.jr-fig--side{float:left;clear:left;width:min(46%,340px);margin:.4em 0 1em 28px}
.jr-prose:not(.is-ar) .jr-fig--side{float:right;clear:right;margin:.4em 0 1em 28px}
.jr-fig__tabs{display:flex;gap:6px;align-self:flex-start}
.jr-fig__tabs button{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:500 12.5px/1 inherit;color:var(--ink-2);cursor:pointer}
.jr-fig__tabs button.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.jr-fig__img{all:unset;position:relative;display:block;cursor:zoom-in;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.jr-fig__img img{display:block;width:100%;height:100%;object-fit:contain}
.jr-fig__zoom{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:50%;background:rgba(21,18,15,.72);color:#fff;display:grid;place-items:center;font-size:15px;opacity:0;transition:opacity .2s}
.jr-fig__img:hover .jr-fig__zoom{opacity:1}
.jr-fig figcaption{font-size:14.5px;line-height:1.85;color:var(--muted);padding-inline-start:14px;border-inline-start:3px solid var(--ink)}
.jr-fig figcaption b{color:var(--ink)}
.jr-fig figcaption small{display:block;font-size:12.5px;margin-top:4px}
.jr-zoom{position:absolute;inset:0;z-index:5;background:rgba(15,12,10,.92);display:grid;place-items:center;padding:clamp(16px,4vw,48px);cursor:zoom-out;animation:jrIn .2s both}
.jr-zoom img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:4px}
.jr-zoom__x{position:absolute;top:16px;right:16px}
.jr-prose__lang{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left}
.jr-rights{clear:both;margin-top:2.4em!important;padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.9;color:var(--muted)}
.jr-frame{display:block;width:min(100% - 40px,900px);height:80vh;margin:32px auto;border:1px solid var(--line);border-radius:6px;background:#fff}
.jr-more{background:var(--surface);border-top:1px solid var(--line)}
.jr-more>*{max-width:1180px;margin:0 auto}
.jr-more{padding:clamp(28px,4vw,56px) clamp(20px,4vw,48px) clamp(48px,6vw,80px);display:flex;flex-direction:column;gap:clamp(28px,3vw,44px)}
.jr-next{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.4vw,28px);padding:14px;padding-inline-end:28px;background:#15120f;color:#fff;border-radius:6px;cursor:pointer}
.jr-next img{width:clamp(140px,18vw,220px);aspect-ratio:1.875;object-fit:cover;border-radius:4px}
.jr-next__t{display:flex;flex-direction:column;gap:6px}
.jr-next__k{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#ecc811}
.jr-next b{font-family:var(--font-serif);font-weight:600;font-size:clamp(20px,2.2vw,28px);line-height:1.25}
.jr-next b .jr-ar{font-family:"Thmanyah Display",var(--font-serif);color:rgba(244,241,234,.8);font-size:.88em}
.jr-next .ps-arr{width:22px;height:22px;color:#ecc811}
.jr-next:hover .ps-arr{transform:translateX(5px)}
[data-lang="ar"] .jr-next:hover .ps-arr{transform:scaleX(-1) translateX(5px)}
[data-lang="ar"] .jr-next b{font-family:"Thmanyah Display",var(--font-serif)}
[data-lang="ar"] .jr-next b .jr-ar{color:#fff}
.jr-rel .ps-kicker{margin-bottom:16px}
.jr-rel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.jr-grid,.jr-rel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jr-card--big{grid-column:span 2}.jr-card--big,[data-lang="ar"] .jr-card--big{flex-direction:column}.jr-card--big .jr-media{flex:none}.jr-rhead__in{grid-template-columns:minmax(0,1fr)}.jr-rhead__cover{order:-1}.jr-fig,.jr-fig--strip{margin-inline:0}}
@media (max-width:640px){.jr-grid,.jr-rel__grid{grid-template-columns:minmax(0,1fr)}.jr-card--big{grid-column:auto}.jr-prose{font-size:17px}.jr-prose.is-ar{font-size:18px}.jr-fig--side,.jr-prose:not(.is-ar) .jr-fig--side{float:none;width:auto;margin:1.6em 0}.jr-rhead__by{grid-template-columns:1fr}.jr-rhead__by>div+div{border-inline-start:0;padding-inline-start:0;border-top:1px solid rgba(244,241,234,.18)}.jr-reader__crumb{display:none}.jr-reader__top{grid-template-columns:1fr 1fr}.jr-next{grid-template-columns:minmax(0,1fr) auto}.jr-next img{display:none}}
.jr-media__tags .ps-tag{white-space:nowrap}.jr-media__ph{text-align:center}
.jr-media img[src*="slots/journal"]{object-fit:cover}.jr-card--big .jr-media img[src*="slots/journal"]{object-fit:cover}
.jr-loading p{opacity:.6;text-align:center;padding:48px 0}
.jr-fig,.jr-fig--side,.jr-prose:not(.is-ar) .jr-fig--side,.jr-fig--strip{float:none!important;clear:both!important;width:auto!important;margin:2.2em 0!important;max-width:none}
.jr-fig__img{display:flex!important;align-items:center;justify-content:center;padding:clamp(10px,1.6vw,18px);background:#fff}
.jr-fig__img img{width:100%;height:auto!important;max-height:78vh;object-fit:contain}
.jr-fig figcaption{margin-top:2px}
.jr-fig__tabs{align-self:center}
.jr-gloss{clear:both;margin:2.6em 0 1em;border:1px solid var(--line);border-top:4px solid #ecc811;border-radius:6px;background:var(--surface);overflow:hidden}
.jr-gloss__h{margin:0!important;padding:16px clamp(16px,2.4vw,26px);font-family:"Thmanyah Display",var(--font-serif)!important;font-size:clamp(20px,2vw,26px)!important;background:var(--paper-2);border-bottom:1px solid var(--line)}
.jr-gloss__list{margin:0}
.jr-gloss__row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,2fr);gap:6px 22px;padding:14px clamp(16px,2.4vw,26px)}
.jr-gloss__row+.jr-gloss__row{border-top:1px solid var(--line)}
.jr-gloss__row dt{display:flex;flex-direction:column;gap:3px}
.jr-gloss__row dt b{font-family:"Thmanyah Display",var(--font-serif);font-size:17px;color:var(--ink)}
.jr-gloss__row dt span{font-size:13px;color:var(--muted);text-align:start}
.jr-prose.is-ar .jr-gloss__row dt span{text-align:right}
.jr-gloss__row dd{margin:0;font-size:15.5px;line-height:1.85;color:var(--ink-2)}
@media (max-width:640px){.jr-gloss__row{grid-template-columns:minmax(0,1fr)}}
.jr-about .ps-about__lead{position:relative;isolation:isolate;background:#1a1712 url("img/series-bg.webp?v=1") center 45%/cover no-repeat;color:#fff}
.jr-about .ps-about__lead::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,17,12,.55) 0%,rgba(20,17,12,.78) 50%,rgba(20,17,12,.92) 100%)}
.jr-about .ps-about__lead .ps-kicker{color:#ecc811}
.jr-about .ps-about__lead :is(.ps-about__h,.ps-about__h-ar){color:#fff}
.jr-about .ps-about__lead :is(p,span:not(.ps-cert__mark),.ar-only){color:rgba(255,255,255,.88)}
.jr-about .ps-about__lead .ps-cert{background:rgba(20,17,12,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);color:#fff}
.jr-about{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)!important}
.jr-about .ps-about__lead{grid-column:auto!important;border-bottom:0!important}
.jr-method{display:flex;flex-direction:column;gap:22px;background:#f3eee4}
.jr-method__head .ps-kicker{color:#8a6d1d}
.jr-method__h{margin:0;font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(22px,2.2vw,28px);line-height:1.25;color:var(--ink)}
.jr-method__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.jr-method__list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid rgba(26,23,18,.12)}
.jr-method__n{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;color:#8a6d1d;padding-top:3px}
.jr-method__list b{display:block;font-family:"Thmanyah Display",var(--font-serif);font-size:16.5px;font-weight:700;line-height:1.35;color:var(--ink);margin-bottom:6px}
.jr-method__list p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2);text-wrap:pretty}
@media (max-width:1100px){.jr-about{grid-template-columns:minmax(0,1fr)!important}.jr-about>*+*{border-inline-start:0!important;border-top:1px solid var(--line)}}
@media (max-width:640px){.jr-method__list{grid-template-columns:minmax(0,1fr)}}
.jr-word{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;gap:12px;text-align:right}
.jr-word__k{font-family:"Thmanyah Sans",system-ui,sans-serif;font-size:13px;font-weight:700;color:#ecc811!important}
.jr-about .ps-about__lead .jr-word p{margin:0;font-family:"Thmanyah Sans",system-ui,sans-serif;font-size:15px;line-height:1.95;color:rgba(255,255,255,.84);text-wrap:pretty}
.jr-about .ps-about__lead .jr-word__verse{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-inline-start:2px solid #ecc811;background:rgba(20,17,12,.45)}
.jr-about .ps-about__lead .jr-word__verse span{font-size:13.5px;color:rgba(255,255,255,.7)!important}
.jr-word__verse b{font-family:"Thmanyah Display",var(--font-serif);font-size:clamp(19px,1.8vw,23px);font-weight:700;line-height:1.7;color:#fff}
.jr-about .ps-about__lead .jr-word__end{font-family:"Thmanyah Display",var(--font-serif);font-weight:500;color:#fff}
.jr-about .ps-about__lead .jr-word__sig{font-family:"Thmanyah Display",var(--font-serif);font-size:17px;font-weight:700;color:#ecc811!important}
.ch-hero .ps-hero__grid{min-height:clamp(480px,46vw,620px);align-items:end}
.ch-logos{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:clamp(26px,3vw,40px);padding-top:22px;border-top:1px solid rgba(244,241,234,.18)}
.ch-logos img{height:34px;width:auto}.ch-logos img.is-round{height:52px}
.ch-offer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr);background:var(--surface);border:1px solid var(--line);border-radius:6px}
.ch-offer__lead{padding:clamp(22px,2.8vw,36px);border-inline-end:1px solid var(--line)}
.ch-offer__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ch-offer__list li{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2.2vw,28px);border-bottom:1px solid var(--line)}
.ch-offer__list li:nth-child(n+4){border-bottom:0}
.ch-offer__list li:not(:nth-child(3n)){border-inline-end:1px solid var(--line)}
.ch-offer__n{font-family:var(--font-serif);font-size:24px;font-weight:600;color:#b5367f;line-height:1}
.ch-offer__list b{display:block;font-family:var(--font-display);font-size:17px;line-height:1.3;color:var(--ink)}
.ch-offer__list p{margin:6px 0 0;font-size:14px;line-height:1.65;color:var(--ink-2)}
.ch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.ch-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--acc);border-radius:6px;overflow:hidden;transition:transform var(--motion-dur) var(--motion-ease),box-shadow var(--motion-dur) var(--motion-ease)}
.ch-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(24,22,19,.35)}
.ch-card__media{position:relative;aspect-ratio:16/8;background:#15120f;overflow:hidden;isolation:isolate}
.ch-card__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--motion-ease)}
.ch-card:hover .ch-card__photo{transform:scale(1.04)}
.ch-card__media::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(18,15,12,.86) 0%,rgba(18,15,12,.35) 60%,rgba(18,15,12,.2) 100%)}
.ch-card__tag{position:absolute;top:16px;inset-inline-start:16px}
.ch-card__logo{position:absolute;bottom:18px;inset-inline-start:20px;height:clamp(40px,4vw,52px);width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}
.ch-card__logo--round{height:clamp(68px,6.6vw,88px);bottom:14px}
.ch-card__body{flex:1;display:flex;flex-direction:column;padding:clamp(20px,2.2vw,28px)}
.ch-card__name{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(21px,1.9vw,26px);line-height:1.2;color:var(--ink)}
.ch-card__org{display:block;margin-top:6px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);direction:ltr}
[data-lang="ar"] .ch-card__org{text-align:right}
.ch-card__blurb{margin:14px 0 0;font-size:15px;line-height:1.7;color:var(--ink-2);text-wrap:pretty}
.ch-card__note{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.ch-card__foot{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ch-card__price{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.ch-judge{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;background:var(--paper-2);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.ch-judge__lead{padding:clamp(24px,3vw,40px)}
.ch-jsp{display:flex;align-items:center;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.ch-jsp img{flex:none;height:64px;width:auto}
.ch-jsp p{margin:0;font-size:14.5px;line-height:1.65;color:var(--ink)}
.ch-judge__tiles{display:flex;flex-direction:column;border-inline-start:1px solid var(--line)}
.ch-tile{flex:1;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-content:center;padding:clamp(18px,2.2vw,26px);background:var(--surface)}
.ch-tile+.ch-tile{border-top:1px solid var(--line)}
.ch-tile__n{grid-row:span 2;font-family:var(--font-serif);font-size:24px;font-weight:600;color:#1ea4da;line-height:1.1}
.ch-tile b{font-family:var(--font-display);font-size:17px;color:var(--ink)}
.ch-tile p{margin:4px 0 0;font-size:14px;line-height:1.6;color:var(--ink-2)}
.ch-close{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);background:#15120f;color:#f4f1ea;border-radius:6px;overflow:hidden}
.ch-close__txt{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start}
.ch-close .ps-kicker{color:#ecc811}
.ch-close__h{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(34px,4.4vw,58px);line-height:1.05;color:#fff}
.ch-close__p{margin:18px 0 0;font-size:16px;line-height:1.7;color:rgba(244,241,234,.86);max-width:48ch}
.ch-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;width:100%}
.ch-formats>div{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid rgba(244,241,234,.16);border-radius:4px}
.ch-formats b{font-size:15px;color:#fff}.ch-formats div>span{font-size:13.5px;line-height:1.6;color:rgba(244,241,234,.74)}
.ch-close__motto{align-self:stretch;margin-top:28px;padding-top:18px;border-top:2px solid #ecc811;display:flex;flex-direction:column;gap:4px}
.ch-close__motto>span{font-size:14px;color:rgba(244,241,234,.74)}
.ch-close__motto b{font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(26px,2.6vw,34px);line-height:1.3;color:#fff;direction:rtl;white-space:nowrap}
.ch-close__cta{margin-top:28px}
.ch-close__photo{position:relative;min-height:340px}
.ch-close__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.ch-close__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15120f 0%,rgba(21,18,15,0) 35%)}
[data-lang="ar"] .ch-close__photo::after{background:linear-gradient(270deg,#15120f 0%,rgba(21,18,15,0) 35%)}
[data-lang="ar"] .ch-card__name .ar-only,[data-lang="ar"] .ch-close__h{font-family:"Thmanyah Display",var(--font-serif);font-weight:700}
[data-lang="ar"] .ch-close__h{line-height:1.25}
[data-lang="ar"] .ch-offer__list b .ar-only,[data-lang="ar"] .ch-tile b .ar-only{font-family:"Thmanyah Sans",system-ui,sans-serif;font-weight:700}
[data-lang="ar"] .ch-card__price{letter-spacing:0;font-size:14px}
[data-lang="ar"] .ch-card__blurb,[data-lang="ar"] .ch-offer__list p,[data-lang="ar"] .ch-close__p{line-height:1.9}
[data-lang="ar"] .ch-logos{direction:rtl}
@media (max-width:1100px){.ch-offer{grid-template-columns:minmax(0,1fr)}.ch-offer__lead{border-inline-end:0;border-bottom:1px solid var(--line)}}
@media (max-width:900px){.ch-grid,.ch-judge,.ch-close{grid-template-columns:minmax(0,1fr)}.ch-judge__tiles{border-inline-start:0;border-top:1px solid var(--line)}.ch-close__photo{min-height:300px;order:-1}.ch-close__photo::after{background:linear-gradient(0deg,#15120f 0%,rgba(21,18,15,0) 45%)!important}}
@media (max-width:760px){.ch-offer__list{grid-template-columns:minmax(0,1fr)}.ch-offer__list li{border-inline-end:0!important;border-bottom:1px solid var(--line)!important}.ch-offer__list li:last-child{border-bottom:0!important}.ch-formats{grid-template-columns:minmax(0,1fr)}}
.chq{position:fixed;inset:0;top:var(--nav-h,72px);z-index:1390;background:rgba(10,8,6,.72);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,32px);animation:chqIn .25s ease}
@keyframes chqIn{from{opacity:0}to{opacity:1}}
.chq__box{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);width:min(1080px,100%);height:min(780px,calc(100dvh - var(--nav-h,72px) - 32px));background:#1b1713;color:#f4f1ea;border-radius:8px;overflow:hidden;border-top:4px solid var(--acc);box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.chq__side{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:100%}
.chq__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.chq__side::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(18,15,12,.95) 10%,rgba(18,15,12,.55) 60%,rgba(18,15,12,.35))}
.chq__side-in{padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.chq__side .ps-kicker{color:var(--acc)}
.chq__logo{height:44px;width:auto;margin-top:6px}.chq__logo.is-round{height:76px}
.chq__h{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.4vw,32px);line-height:1.2;color:#fff}
[data-lang="ar"] .chq__h .ar-only{font-family:"Thmanyah Display",var(--font-serif)}
.chq__p{margin:0;font-size:15px;line-height:1.7;color:rgba(244,241,234,.82)}
.chq__price{margin-top:6px;padding:8px 12px;border:1px solid rgba(244,241,234,.22);border-radius:3px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
[data-lang="ar"] .chq__price{letter-spacing:0;font-size:14px;font-family:inherit}
.chq__main{position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(24px,3vw,40px)}
.chq__x{position:absolute;top:14px;inset-inline-end:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(244,241,234,.2);background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.chq__x:hover{background:rgba(244,241,234,.08)}
.chq__form{display:flex;flex-direction:column;gap:14px}
.chq-step{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);padding-bottom:8px;border-bottom:1px solid rgba(244,241,234,.14);margin-top:4px}
.chq-step+*{margin-top:2px}.chq__form>.chq-step:not(:first-child){margin-top:14px}
[data-lang="ar"] .chq-step{letter-spacing:0;font-size:14px;font-family:inherit;font-weight:700}
.chq-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chq-champ{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;background:rgba(244,241,234,.04);border:1px solid rgba(244,241,234,.16);border-inline-start:3px solid var(--acc);border-radius:4px;color:#f4f1ea;text-align:start;cursor:pointer;font:inherit;transition:background .2s,border-color .2s}
.chq-champ:hover{background:rgba(244,241,234,.08)}
.chq-champ.is-on{background:color-mix(in oklch,var(--acc) 22%,#1b1713);border-color:var(--acc)}
.chq-champ__n{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--acc)}
.chq-champ b{font-size:14.5px;font-weight:600}
.chq-lab{display:flex;gap:6px;font-size:13px;color:rgba(244,241,234,.78)}.chq-lab i{color:var(--acc);font-style:normal}
.chq-opts{display:flex;flex-wrap:wrap;gap:8px}
.chq-opt{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid rgba(244,241,234,.2);background:transparent;color:#f4f1ea;font:inherit;font-size:14px;cursor:pointer}
.chq-opt:hover{border-color:rgba(244,241,234,.45)}
.chq-opt.is-on{background:var(--acc);border-color:var(--acc);color:#15120f;font-weight:600}
.chq-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.chq-f{display:flex;flex-direction:column;gap:7px;min-width:0}
.chq-f input,.chq-f textarea{width:100%;box-sizing:border-box;min-height:46px;padding:11px 14px;background:rgba(244,241,234,.06);border:1px solid rgba(244,241,234,.18);border-radius:4px;color:#fff;font:inherit;font-size:15px;color-scheme:dark}
.chq-f textarea{resize:vertical}
.chq-f input:focus,.chq-f textarea:focus{outline:none;border-color:var(--acc);background:rgba(244,241,234,.09)}
.chq-f input::placeholder{color:rgba(244,241,234,.4)}
[data-lang="ar"] .chq-f input[dir="ltr"]{text-align:right}
.chq-err{margin:0;color:#ff8a80;font-size:14px}
.chq-send{align-self:flex-start;margin-top:6px}
.chq__done{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:30px}
.chq__check{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--acc);color:#15120f;font-size:26px;font-weight:700}
.chq__done h3{margin:0;font-family:var(--font-display);font-size:28px;color:#fff}
.chq__done p{margin:0;font-size:15.5px;line-height:1.7;color:rgba(244,241,234,.82);max-width:46ch}
.chq__done-btns{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px}
.chq__mail{color:#f4f1ea;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media (max-width:820px){.chq{align-items:flex-end;padding:0}.chq__box{grid-template-columns:minmax(0,1fr);height:auto;max-height:calc(100dvh - var(--nav-h,64px) - 8px);border-radius:12px 12px 0 0;overflow-y:auto}.chq__side{min-height:0}.chq__side-in{padding:20px 18px 18px}.chq__p{display:none}.chq__logo{height:32px}.chq__logo.is-round{height:54px}.chq__main{overflow:visible;padding:20px 18px 28px}.chq__main{position:static}.chq__x{top:12px;background:rgba(18,15,12,.7);z-index:3}}
@media (max-width:520px){.chq-champs,.chq-row{grid-template-columns:minmax(0,1fr)}.chq-send{align-self:stretch;justify-content:center}}
[data-lang="ar"] .chq__box{direction:rtl}
.ch-card{cursor:pointer}
.ch-card:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.ch-card:hover .ps-card__book{background:var(--acc);border-color:var(--acc);color:#15120f}
.ch-card__photo--blur{filter:blur(22px) brightness(.55) saturate(1.2);transform:scale(1.2)!important}
.ch-card__photo--contain{object-fit:contain;padding:10px 0 0}
.ch-card:hover .ch-card__photo--contain{transform:scale(1.03)}
#champ-wac .ch-card__media::after{background:linear-gradient(0deg,rgba(18,15,12,.7) 0%,rgba(18,15,12,0) 45%)}
.chq__done{gap:12px;padding-top:12px}
.chq__done-badge{position:relative;width:76px;height:76px}.chq__done-badge img{width:76px;height:76px;border-radius:50%;background:#f4f1ea;padding:8px;box-sizing:border-box}
.chq__done-badge .chq__check{position:absolute;bottom:-4px;inset-inline-end:-6px;width:30px;height:30px;font-size:15px;border:3px solid #1b1713}
.chq__done-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
[data-lang="ar"] .chq__done-eyebrow{letter-spacing:0;font-size:14px;font-family:inherit;font-weight:700}
[data-lang="ar"] .chq__done h3 .ar-only{font-family:"Thmanyah Display",var(--font-serif)}
.chq__verse{margin:6px 0 0;padding:14px 0;border-block:1px solid rgba(244,241,234,.14);align-self:stretch;font-family:"Thmanyah Display",var(--font-serif);font-size:19px;color:#fff;text-align:center}
.chq__done-foot{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:rgba(244,241,234,.72)}
.chq__wa{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #25d366;color:#fff;text-decoration:none;font-weight:600}
.chq__wa:hover{background:rgba(37,211,102,.14)}
.cs-hero .ps-hero__grid{min-height:clamp(500px,46vw,640px);align-items:end}
.cs-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(24px,3vw,36px);border-top:1px solid rgba(244,241,234,.18)}
.cs-hero__facts>div{display:flex;flex-direction:column;gap:4px;padding:16px 14px 0 0}
.cs-hero__facts>div+div{padding-inline-start:16px;border-inline-start:1px solid rgba(244,241,234,.18)}
.cs-hero__facts b{font-family:var(--font-serif);font-weight:600;font-size:clamp(22px,2.2vw,30px);line-height:1;color:#ecc811}
.cs-hero__facts>div>span{font-size:13px;color:rgba(244,241,234,.78)}
[data-lang="ar"] .cs-hero__facts b{font-family:"Thmanyah Display",var(--font-serif)}
.cs-how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);background:var(--surface);border:1px solid var(--line);border-radius:6px}
.cs-how__lead{padding:clamp(22px,2.8vw,36px);border-inline-end:1px solid var(--line);display:flex;flex-direction:column}
.cs-who{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:22px}
.cs-who__lab{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-inline-end:4px}
[data-lang="ar"] .cs-who__lab{letter-spacing:0;font-size:14px;font-family:inherit;font-weight:700;color:var(--ink-2)}
.cs-chip{padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:13.5px;color:var(--ink)}
.cs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-steps li{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.4vw,30px)}
.cs-steps li+li{border-inline-start:1px solid var(--line)}
.cs-steps__n{font-family:var(--font-serif);font-size:30px;font-weight:600;line-height:1;color:#e2403b}
.cs-steps li:nth-child(2) .cs-steps__n{color:#14a98b}.cs-steps li:nth-child(3) .cs-steps__n{color:#1ea4da}
.cs-steps b{display:block;font-family:var(--font-display);font-size:17px;line-height:1.3;color:var(--ink)}
.cs-steps p{margin:6px 0 0;font-size:14px;line-height:1.65;color:var(--ink-2)}
.cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.cs-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--acc);border-radius:6px;overflow:hidden;cursor:pointer;transition:transform var(--motion-dur) var(--motion-ease),box-shadow var(--motion-dur) var(--motion-ease)}
.cs-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(24,22,19,.35)}
.cs-card:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.cs-card:hover .ps-card__book{background:var(--acc);border-color:var(--acc);color:#15120f}
.cs-card__media{position:relative;aspect-ratio:16/9;background:#15120f;overflow:hidden;isolation:isolate}
.cs-card__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--motion-ease)}
.cs-card:hover .cs-card__photo{transform:scale(1.04)}
.cs-card__media::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(18,15,12,.7) 0%,rgba(18,15,12,.1) 55%,rgba(18,15,12,.25) 100%)}
.cs-card__tag{position:absolute;white-space:nowrap;unicode-bidi:isolate;top:14px;inset-inline-start:14px;padding:6px 11px;background:var(--acc);color:#15120f;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;border-radius:2px}
[data-lang="ar"] .cs-card__tag{letter-spacing:0;font-size:14px;font-family:"Thmanyah Sans",system-ui,sans-serif;font-weight:700}
.cs-card__ic{position:absolute;bottom:14px;inset-inline-start:16px;color:var(--acc);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.cs-card__body{flex:1;display:flex;flex-direction:column;padding:clamp(18px,2vw,26px)}
.cs-card__name{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(19px,1.6vw,22px);line-height:1.25;color:var(--ink)}
.cs-card__sub{display:none;margin-top:5px;font-size:13px;color:var(--muted);direction:ltr}
[data-lang="ar"] .cs-card__sub{display:block;text-align:right}
[data-lang="ar"] .cs-card__name .ar-only{font-family:"Thmanyah Display",var(--font-serif)}
.cs-card__blurb{margin:12px 0 0;font-size:14.5px;line-height:1.7;color:var(--ink-2);text-wrap:pretty}
.cs-card .ps-learn{margin-top:16px}
.cs-card__foot{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cs-card__dur{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
[data-lang="ar"] .cs-card__dur{letter-spacing:0;font-size:14px;font-family:inherit}
[data-lang="ar"] .cs-card__blurb,[data-lang="ar"] .cs-steps p{line-height:1.9}
[data-lang="ar"] .cs-steps b .ar-only{font-family:"Thmanyah Sans",system-ui,sans-serif;font-weight:700}
@media (max-width:1100px){.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-how{grid-template-columns:minmax(0,1fr)}.cs-how__lead{border-inline-end:0;border-bottom:1px solid var(--line)}}
@media (max-width:760px){.cs-steps{grid-template-columns:minmax(0,1fr)}.cs-steps li+li{border-inline-start:0;border-top:1px solid var(--line)}.cs-steps li{flex-direction:row;align-items:flex-start;gap:16px}}
@media (max-width:680px){.cs-grid{grid-template-columns:minmax(0,1fr)}.cs-hero__facts>div{padding:12px 8px 0 0}.cs-hero__facts>div+div{padding-inline-start:10px}.cs-card__foot{flex-direction:column;align-items:stretch}.cs-card__foot .ps-card__book{justify-content:center;min-height:44px}.cs-how__lead{padding:22px 18px}}
.csq__ic{color:var(--acc);margin-top:4px}
.csq-svcs .chq-champ b{font-size:13.5px}
.csq-cliq{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid color-mix(in oklch,var(--acc) 50%,transparent);border-radius:6px;background:rgba(244,241,234,.05)}
.csq-cliq__row{display:flex;align-items:center;gap:14px}
.csq-cliq__row>div{flex:1;display:flex;flex-direction:column;gap:2px}.csq-cliq__row small{font-size:12px;color:rgba(244,241,234,.6)}
.csq-cliq__row b{font-family:var(--font-display);font-weight:800;font-size:24px;color:#fff;user-select:all}
.csq-cliq__amt{font-family:var(--font-mono);font-size:14px;color:var(--acc);font-weight:600}
.csq-cliq__copy{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(244,241,234,.25);background:transparent;color:#fff;font:inherit;font-size:13px;cursor:pointer}
.csq-cliq__copy:hover{background:rgba(244,241,234,.1)}
.csq-cliq__alert{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px 12px;border-radius:5px;background:#ecc811;color:#15120f;font-size:13.5px;line-height:1.55;font-weight:600}
.csq-cliq__alert>span:first-child{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#15120f;color:#ecc811;font-size:12px;font-weight:800}
.csq-note{margin:0;font-size:13.5px;line-height:1.7;color:rgba(244,241,234,.75)}
.chq__done .csq-cliq{align-self:stretch}
.cs-close .ch-close__photo::after{background:linear-gradient(90deg,#15120f 0%,rgba(21,18,15,0) 18%)}[data-lang="ar"] .cs-close .ch-close__photo::after{background:linear-gradient(270deg,#15120f 0%,rgba(21,18,15,0) 18%)}
.csq-cliq__alert>span:last-child{flex:1;min-width:0;color:#15120f;font-size:14px;line-height:1.6}
.csq-cliq__alert>span:last-child .ar-only,.csq-cliq__alert>span:last-child .en{color:#15120f;font-family:"Thmanyah Sans",system-ui,sans-serif;font-weight:700}
.cs-card__dur--free{color:#14a98b;font-weight:700}
.csq-free{border-color:#14a98b!important;color:#7fe0c8}
.csq-freebox{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding:14px 16px;border-radius:6px;border:1px solid rgba(20,169,139,.5);background:rgba(20,169,139,.1)}
.csq-freebox b{font-size:16px;color:#fff}.csq-freebox p{margin:0;font-size:14px;line-height:1.7;color:rgba(244,241,234,.85)}
.hm{padding-top:clamp(36px,5vw,64px)}
.hm-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.hm-lead__txt{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.hm-eyebrow{color:var(--ink-2)}.hm-eyebrow b{color:#b5367f}
.hm-lead__h{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(38px,5vw,68px);line-height:1.02;color:var(--ink);letter-spacing:-.01em}
[data-lang="ar"] .hm-lead__h{line-height:1.2}
.hm-lead__p{margin:0;font-size:16.5px;line-height:1.75;color:var(--ink-2);max-width:56ch;text-wrap:pretty}
[data-lang="ar"] .hm-lead__p{line-height:1.95}
.hm-lead__btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}
.hm-ghost{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.hm-ghost:hover{background:var(--ink);color:var(--paper)}
.hm-ghost--dark{border-color:rgba(244,241,234,.45);color:#f4f1ea}.hm-ghost--dark:hover{background:#f4f1ea;color:#15120f}
.hm-trainer{position:relative;display:block;min-height:420px;background:#15120f;color:#f4f1ea;text-decoration:none;isolation:isolate}
.hm-trainer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hm-trainer::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(18,15,12,.92) 8%,rgba(18,15,12,.2) 55%,rgba(18,15,12,0))}
.hm-trainer__cap{position:absolute;inset-inline:0;bottom:0;padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:6px}
.hm-trainer__k{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#ecc811}
.hm-trainer b{font-family:var(--font-serif);font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.1;color:#fff}
.hm-trainer__c{font-size:13.5px;color:rgba(244,241,234,.82)}
.hm-trainer__go{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:600;color:#fff}
.hm-trainer:hover .hm-trainer__go{color:#ecc811}
.hm-head{display:flex;flex-direction:column;gap:6px;margin-top:clamp(10px,2vw,22px)}
.hm-paths{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:repeat(2,minmax(280px,auto));gap:clamp(12px,1.4vw,18px)}
.hm-path{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;border-radius:6px;overflow:hidden;isolation:isolate;color:#f4f1ea;text-decoration:none;border-top:4px solid var(--acc);background:#15120f}
.hm-path--big{grid-row:span 2}
.hm-path__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hm-path::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(18,15,12,.95) 20%,rgba(18,15,12,.55) 60%,rgba(18,15,12,.15));transition:background .3s}
.hm-path:hover::after{background:linear-gradient(0deg,rgba(18,15,12,.96) 18%,rgba(18,15,12,.6) 65%,rgba(18,15,12,.3))}
.hm-path__n{position:absolute;top:14px;inset-inline-start:14px;padding:5px 10px;background:var(--acc);color:#15120f;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;border-radius:2px}
.hm-path__body{padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;gap:8px}
.hm-path__sub{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:4px 8px;border-radius:2px;background:rgba(18,15,12,.6);border-inline-start:2px solid var(--acc)}
.hm-path__h{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(21px,1.9vw,26px);line-height:1.2;color:#fff}
.hm-path--big .hm-path__h{font-size:clamp(28px,3vw,40px)}
.hm-path__t{margin:0;font-size:14.5px;line-height:1.65;color:rgba(244,241,234,.86);max-width:46ch}
.hm-path--big .hm-path__t{font-size:16px}
.hm-path__go{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:600;color:#fff}
.hm-path:hover .hm-path__go{color:var(--acc)}
.hm-path:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
[data-lang="ar"] .hm-path__t{line-height:1.85}
.hm-creds{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.hm-creds__lead{padding:clamp(22px,2.8vw,36px);border-inline-end:1px solid var(--line)}
.hm-creds__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hm-creds__grid li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 16px;min-height:150px;text-align:center;border-bottom:1px solid var(--line)}
.hm-creds__grid li:nth-child(n+4){border-bottom:0}
.hm-creds__grid li:not(:nth-child(3n)){border-inline-end:1px solid var(--line)}
.hm-creds__grid img{height:64px;width:auto;max-width:150px;object-fit:contain}
.hm-creds__grid li>span{font-size:13px;line-height:1.4;color:var(--ink-2);font-weight:600}
.hm-close .ch-close__photo::after{background:linear-gradient(90deg,#15120f 0%,rgba(21,18,15,0) 18%)}
[data-lang="ar"] .hm-close .ch-close__photo::after{background:linear-gradient(270deg,#15120f 0%,rgba(21,18,15,0) 18%)}
[data-lang="ar"] .hm-path__sub,[data-lang="ar"] .hm-trainer__k{letter-spacing:.06em}
@media (max-width:1100px){.hm-paths{grid-template-columns:1fr 1fr;grid-template-rows:none}.hm-path--big{grid-row:auto;grid-column:1/-1;min-height:380px}.hm-creds{grid-template-columns:minmax(0,1fr)}.hm-creds__lead{border-inline-end:0;border-bottom:1px solid var(--line)}}
@media (max-width:860px){.hm-lead{grid-template-columns:minmax(0,1fr)}.hm-trainer{min-height:380px}}
@media (max-width:620px){.hm-paths{grid-template-columns:minmax(0,1fr)}.hm-path,.hm-path--big{min-height:300px}.hm-creds__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-creds__grid li{border-inline-end:0!important;border-bottom:1px solid var(--line)!important}.hm-creds__grid li:nth-child(odd){border-inline-end:1px solid var(--line)!important}.hm-creds__grid li:nth-last-child(-n+2){border-bottom:0!important}.hm-lead__txt{padding:24px 18px}.hm-lead__btns>*{flex:1 1 auto;justify-content:center}}
.hm-eyebrow .en{color:var(--ink-2)!important}
.hm-close .hm-lead__btns{margin-top:28px}.hm-close .hm-lead__btns .ch-close__cta{margin-top:0}
.hm-lead__btns .ps-card__book{min-height:44px}
.ct-hero .ps-hero__grid{min-height:clamp(480px,44vw,600px);align-items:end}
.ct-logos{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px;margin-top:clamp(24px,3vw,36px);padding-top:20px;border-top:1px solid rgba(244,241,234,.18)}
.ct-logos img{height:44px;width:auto}
.ct-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);align-items:stretch}
.ct-lvl{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--acc);border-radius:6px;padding:clamp(20px,2.4vw,30px)}
.ct-lvl__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ct-lvl__roman{font-family:var(--font-serif);font-weight:600;font-size:clamp(46px,5vw,68px);line-height:1;color:var(--acc)}
.ct-lvl__tag{padding:6px 11px;border-radius:2px;background:var(--acc);color:#15120f;font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
[data-lang="ar"] .ct-lvl__tag{letter-spacing:0;font-size:14px;font-family:"Thmanyah Sans",system-ui,sans-serif}
.ct-lvl__name{margin:18px 0 0;font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.2vw,30px);line-height:1.2;color:var(--ink)}
.ct-lvl__blurb{margin:10px 0 0;font-size:15px;line-height:1.7;color:var(--ink-2);text-wrap:pretty}
.ct-lvl__pts{list-style:none;margin:auto 0 0;padding:20px 0 0;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.ct-lvl__pts li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14.5px;color:var(--ink)}
.ct-lvl__pts li+li{border-top:1px dashed var(--line)}
.ct-lvl__pts li::before{content:"";flex:none;width:8px;height:8px;background:var(--acc)}
.ct-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.ct-steps li:nth-child(4) .cs-steps__n{color:#b5367f}
.ct-method{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.ct-method__lead{padding:clamp(22px,3vw,40px)}
.ct-prin{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border-inline-start:1px solid var(--line)}
.ct-prin li{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2vw,26px)}
.ct-prin li:nth-child(-n+3){border-bottom:1px solid var(--line)}
.ct-prin li:not(:nth-child(3n)){border-inline-end:1px solid var(--line)}
.ct-prin__n{font-family:var(--font-serif);font-size:24px;font-weight:600;line-height:1;color:#ecc811}
.ct-prin b{font-family:var(--font-display);font-size:17px;color:var(--ink)}
.ct-prin p{margin:0;font-size:14px;line-height:1.65;color:var(--ink-2)}
[data-lang="ar"] .ct-lvl__blurb,[data-lang="ar"] .ct-prin p{line-height:1.9}
@media (max-width:1100px){.ct-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-steps li:nth-child(3){border-inline-start:0}.ct-steps li:nth-child(n+3){border-top:1px solid var(--line)}.ct-method{grid-template-columns:minmax(0,1fr)}.ct-prin{border-inline-start:0;border-top:1px solid var(--line)}}
@media (max-width:860px){.ct-ladder{grid-template-columns:minmax(0,1fr)}.ct-lvl{min-height:0}.ct-prin{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-prin li{border:0!important;border-bottom:1px solid var(--line)!important}.ct-prin li:nth-child(odd){border-inline-end:1px solid var(--line)!important}}
@media (max-width:560px){.ct-steps{grid-template-columns:minmax(0,1fr)}.ct-steps li{border-inline-start:0!important}.ct-steps li+li{border-top:1px solid var(--line)}.ct-prin{grid-template-columns:minmax(0,1fr)}.ct-prin li{border-inline-end:0!important}.ct-logos img{height:34px}}
.ct-close .hm-lead__btns{margin-top:28px}.ct-close .hm-lead__btns .ch-close__cta{margin-top:0;min-height:44px}
.ct-how{grid-template-columns:minmax(0,.8fr) minmax(0,2fr)}
.ct-hero .ps-hero__bg{object-position:center 30%}
.ct-lvl__blurb{min-height:3.4em}
[data-lang="ar"] .ct-lvl__blurb{min-height:3.8em}
.ct-method__lead{display:flex;flex-direction:column;gap:0;padding:0!important}
.ct-method__lead>*:not(.ct-method__img){margin-inline:clamp(22px,3vw,40px)}
.ct-method__lead>.ps-kicker{margin-top:clamp(20px,2.4vw,30px)}
.ct-method__lead>.ps-about__p{margin-bottom:clamp(22px,3vw,36px)}
.ct-method__img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 40%}
.ct-lvl__name{min-height:1.3em}
.ct-lvl__pts{margin-top:auto}
.ct-lvl{display:grid;grid-template-rows:auto auto 1fr auto}
.ct-lvl__blurb{align-self:start}
.ct-index .ps-index__row{display:grid;grid-template-columns:64px minmax(0,1fr) auto 20px;align-items:center;gap:16px;padding:20px 8px}
.ct-index .ps-index__n{font-family:var(--font-serif);font-weight:600;font-size:34px;line-height:1;letter-spacing:0;color:var(--acc);text-align:start}
.ct-index__names{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:start}
.ct-index__names b{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.2;color:#fff}
[data-lang="ar"] .ct-index__names b .ar-only{font-family:"Thmanyah Display",var(--font-serif)}
.ct-index__names small{font-size:13px;color:rgba(244,241,234,.7)}
.ct-index__tag{padding:5px 10px;border-radius:2px;border:1px solid var(--acc);color:var(--acc);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
[data-lang="ar"] .ct-index__tag{letter-spacing:0;font-size:13px;font-family:"Thmanyah Sans",system-ui,sans-serif}
.ct-index .ps-arr{color:var(--acc)}
[data-lang="ar"] .ct-index .ps-arr{transform:scaleX(-1)}
@media (max-width:560px){.ct-index .ps-index__row{grid-template-columns:44px minmax(0,1fr) 18px}.ct-index__tag{display:none}.ct-index .ps-index__n{font-size:28px}}
.ac-hero .ps-hero__grid{min-height:clamp(500px,46vw,640px);align-items:end}
.ac-refs{display:flex;flex-direction:column;gap:10px;margin-top:clamp(24px,3vw,36px);padding-top:18px;border-top:1px solid rgba(244,241,234,.18)}
.ac-refs__k{font-size:13px;color:rgba(244,241,234,.75)}
.ac-refs>div{display:flex;flex-wrap:wrap;gap:8px}
.ac-refs>div span{padding:6px 12px;border:1px solid rgba(244,241,234,.35);border-radius:2px;font-family:var(--font-mono);font-size:12.5px;font-weight:700;letter-spacing:.12em;color:#fff}
.ac-about{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,2fr);background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.ac-about__lead{padding:clamp(22px,3vw,40px);border-inline-end:1px solid var(--line)}
.ac-paras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ac-paras li{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.4vw,30px)}
.ac-paras li:nth-child(-n+2){border-bottom:1px solid var(--line)}
.ac-paras li:nth-child(odd){border-inline-end:1px solid var(--line)}
.ac-paras__n{font-family:var(--font-serif);font-size:26px;font-weight:600;line-height:1;color:#e2403b}
.ac-paras li:nth-child(2) .ac-paras__n{color:#b5367f}.ac-paras li:nth-child(3) .ac-paras__n{color:#14a98b}.ac-paras li:nth-child(4) .ac-paras__n{color:#1ea4da}
.ac-paras p{margin:0;font-size:15px;line-height:1.75;color:var(--ink-2);text-wrap:pretty}
.ac-id{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);background:#15120f;color:#f4f1ea;border-radius:6px;overflow:hidden}
.ac-id__img{position:relative;min-height:420px}
.ac-id__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ac-id__txt{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.ac-id .ps-kicker{color:#b5367f}
.ac-id__h{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(34px,4.2vw,56px);line-height:1.08;color:#fff}
[data-lang="ar"] .ac-id__h{line-height:1.25}
.ac-id__p{margin:0;font-size:16px;line-height:1.8;color:rgba(244,241,234,.86);max-width:52ch}
.ac-id__q{margin:6px 0 0;padding:14px 0 0 0;border-top:2px solid #ecc811;font-family:"Thmanyah Display",var(--font-serif);font-size:clamp(20px,2vw,26px);font-weight:700;color:#fff;align-self:stretch}
.ac-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.ac-goals__col{padding:clamp(22px,3vw,36px)}
.ac-goals__col+.ac-goals__col{border-inline-start:1px solid var(--line);background:var(--paper-2)}
.ac-list{list-style:none;margin:14px 0 0;padding:0}
.ac-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:16px 0;border-top:1px solid var(--line)}
.ac-list li>span{font-family:var(--font-serif);font-size:22px;font-weight:600;line-height:1.2;color:#14a98b}
.ac-list--b li>span{color:#1ea4da}
.ac-list p{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
.ac-edge{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0 clamp(20px,3vw,40px);align-items:center;padding:clamp(24px,3vw,40px);background:var(--surface);border:1px solid var(--line);border-radius:6px}
.ac-mods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ac-mods li{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-inline-start:4px solid var(--acc);border-radius:4px;background:var(--paper)}
.ac-mods i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--acc)}
.ac-mods b{font-family:var(--font-display);font-size:15.5px;color:var(--ink)}
.ac-edge__cta{grid-column:1;justify-self:start;margin-top:18px}
.ac-who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.ac-who__lead{padding:clamp(22px,3vw,40px)}
.ac-who__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border-inline-start:1px solid var(--line)}
.ac-who__grid li{display:flex;align-items:center;justify-content:center;min-height:110px;padding:18px;text-align:center}
.ac-who__grid li:nth-child(-n+3){border-bottom:1px solid var(--line)}
.ac-who__grid li:not(:nth-child(3n)){border-inline-end:1px solid var(--line)}
.ac-who__grid b{font-family:"Thmanyah Display",var(--font-serif);font-size:clamp(19px,1.8vw,24px);color:var(--ink)}
.ac-close__motto{margin-top:18px!important}
.ac-close .hm-lead__btns{margin-top:26px}.ac-close .hm-lead__btns .ch-close__cta{margin-top:0;min-height:44px}
[data-lang="ar"] .ac-paras p,[data-lang="ar"] .ac-list p,[data-lang="ar"] .ac-id__p{line-height:1.95}
@media (max-width:1100px){.ac-about,.ac-who{grid-template-columns:minmax(0,1fr)}.ac-about__lead{border-inline-end:0;border-bottom:1px solid var(--line)}.ac-who__grid{border-inline-start:0;border-top:1px solid var(--line)}.ac-edge{grid-template-columns:minmax(0,1fr)}.ac-mods{margin-top:20px}.ac-edge__cta{grid-column:auto}}
@media (max-width:860px){.ac-id,.ac-goals{grid-template-columns:minmax(0,1fr)}.ac-id__img{min-height:300px}.ac-goals__col+.ac-goals__col{border-inline-start:0;border-top:1px solid var(--line)}.ac-paras{grid-template-columns:minmax(0,1fr)}.ac-paras li{border-inline-end:0!important;border-bottom:1px solid var(--line)}.ac-paras li:last-child{border-bottom:0}}
@media (max-width:560px){.ac-who__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-who__grid li{border:0!important;border-bottom:1px solid var(--line)!important}.ac-who__grid li:nth-child(odd){border-inline-end:1px solid var(--line)!important}.ac-mods{grid-template-columns:minmax(0,1fr)}}
.ac-about__lead{display:flex;flex-direction:column}
.ac-about__img{display:block;width:100%;flex:1;min-height:240px;margin-top:22px;object-fit:cover;object-position:70% 30%;border-radius:4px}
@media (max-width:1100px){.ac-about__img{flex:none;aspect-ratio:16/9;min-height:0}}
.ac-id__q,.ac-id__q .ar-only,.ac-id__q .en{font-family:"Thmanyah Display",var(--font-serif)!important;font-weight:700}
.ac-mods li{padding:10px 14px;gap:14px;min-height:76px}
.ac-mods__badge{flex:none;width:56px;height:56px;object-fit:contain}
.ac-who__grid li{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:start;justify-content:stretch;text-align:start;gap:6px 12px;min-height:0;padding:clamp(18px,2vw,26px);border-top:3px solid transparent;transition:background .2s,border-color .2s}
.ac-who__grid li:hover{background:var(--paper);border-top-color:var(--acc)}
.ac-who__ic{grid-row:1;grid-column:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in oklch,var(--acc) 16%,transparent);color:var(--acc)}
.ac-who__n{grid-row:1;grid-column:2;justify-self:end;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--muted)}
.ac-who__grid li>b{grid-column:1/-1;margin-top:8px;font-size:clamp(18px,1.6vw,22px);line-height:1.25}
.ac-who__grid li>p{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.6;color:var(--ink-2)}
.ac-who__grid li>b .en{font-family:var(--font-display);font-weight:700}
.xa-box{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.xa-lead{padding:clamp(24px,3.2vw,44px);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.xa-h{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(32px,3.8vw,50px);line-height:1.08;color:var(--ink)}
.xa-p{margin:0;font-size:15.5px;line-height:1.75;color:var(--ink-2)}
.xa-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.xa-grid li{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:190px;padding:clamp(20px,2.4vw,30px);border-top:4px solid var(--acc)}
.xa-grid li:nth-child(-n+2){border-bottom:1px solid var(--line)}
.xa-grid li:nth-child(odd){border-inline-end:1px solid var(--line)}
.xa-n{position:absolute;top:16px;inset-inline-end:18px;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--muted)}
.xa-num{font-family:var(--font-serif);font-weight:600;font-size:clamp(52px,6vw,84px);line-height:.95;color:var(--acc);font-variant-numeric:tabular-nums}
[data-lang="ar"] .xa-num{font-family:"Thmanyah Display",var(--font-serif)}
.xa-lab{font-size:15px;font-weight:600;color:var(--ink)}
.xa-cta{position:relative;display:flex;align-items:flex-end;min-height:280px;border-radius:6px;overflow:hidden;isolation:isolate;background:#15120f}
.xa-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:-2}
.xa-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(18,15,12,.92) 15%,rgba(18,15,12,.35) 70%)}
.xa-cta__txt{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:16px}
.xa-cta h3{margin:0;font-family:var(--font-serif);font-weight:600;font-size:clamp(26px,3vw,40px);color:#fff}
.xc-hero .ps-hero__grid{min-height:clamp(520px,48vw,660px);align-items:center}
.xc-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid rgba(244,241,234,.2)}
.xc-rows li{border-bottom:1px solid rgba(244,241,234,.2)}
.xc-rows a,.xc-rows li>div{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;padding:16px 6px;color:#fff;text-decoration:none;border-inline-start:3px solid var(--acc);padding-inline-start:16px;transition:background .2s}
.xc-rows a:hover{background:rgba(244,241,234,.06)}
.xc-k{font-size:12.5px;color:rgba(244,241,234,.7)}
.xc-v{grid-row:2;font-family:var(--font-display);font-size:clamp(16px,1.5vw,19px);font-weight:600;color:#fff;text-align:start;word-break:break-word}
[data-lang="ar"] .xc-v{text-align:right}
.xc-go{grid-row:1/3;grid-column:2;align-self:center;color:var(--acc)}
[data-lang="ar"] .xc-go .ps-arr{transform:scaleX(-1)}
.xc-socli{border-bottom:0!important;padding-top:16px}
.xf-soc{display:flex;flex-wrap:wrap;gap:8px}
.xf-soc a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(244,241,234,.28);color:#f4f1ea;transition:background .2s,border-color .2s,color .2s}
.xf-soc a:hover{background:#ecc811;border-color:#ecc811;color:#15120f}
.xf{background:#15120f;color:#f4f1ea;margin-top:clamp(40px,5vw,72px)}
.xf-bar{display:grid;grid-template-columns:repeat(6,1fr);height:5px}.xf-bar i{display:block}
.xf-in{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)) minmax(0,1.2fr);gap:clamp(20px,3vw,44px);padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(30px,4vw,48px)}
.xf-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.xf-mark{width:58px;height:58px;object-fit:contain}
.xf-name{display:block;font-family:var(--font-serif);font-weight:600;font-size:clamp(20px,1.8vw,24px);line-height:1.2;color:#fff}
.xf-name-ar{display:block;margin-top:4px;font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:clamp(17px,1.5vw,20px);color:rgba(244,241,234,.86)}
.xf-tag{margin:0;font-size:13.5px;line-height:1.65;color:rgba(244,241,234,.7);max-width:34ch}
.xf-motto{padding-top:12px;border-top:2px solid #ecc811}
.xf-motto b{font-family:"Thmanyah Display",var(--font-serif);font-weight:700;font-size:20px;color:#fff}
.xf-cred{display:flex;align-items:center;gap:18px;margin-top:6px}.xf-cred img{height:32px;width:auto;opacity:.9}
.xf-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.xf-col__h{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ecc811;margin-bottom:6px}
[data-lang="ar"] .xf-col__h{letter-spacing:0;font-size:14px;font-family:"Thmanyah Display",var(--font-serif);font-weight:700}
.xf-col a{font-size:14.5px;color:rgba(244,241,234,.86);text-decoration:none;transition:color .2s}
.xf-col a:hover{color:#ecc811}
.xf-contact a[dir="ltr"]{text-align:start;word-break:break-word}
[data-lang="ar"] .xf-contact a[dir="ltr"]{text-align:right}
.xf-apply{align-self:flex-start;margin-top:6px}
.xf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(244,241,234,.14);font-size:12px;color:rgba(244,241,234,.55)}
@media (max-width:1100px){.xf-in{grid-template-columns:repeat(3,minmax(0,1fr))}.xf-brand,.xf-contact{grid-column:span 3}.xf-contact{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 22px}.xf-contact .xf-col__h{flex-basis:100%}.xa-box{grid-template-columns:minmax(0,1fr)}.xa-lead{border-inline-end:0;border-bottom:1px solid var(--line)}}
@media (max-width:620px){.xf-in{grid-template-columns:repeat(2,minmax(0,1fr))}.xf-brand,.xf-contact{grid-column:1/-1}.xf-col:nth-child(4){grid-column:1/-1}.xa-grid li{min-height:150px}.xa-num{font-size:52px}}
.xc-socli .xf-soc{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding-inline-start:19px}
.xc-socli .xf-soc a{flex:none}
.xf-tag{display:block;margin:0 0 6px;max-width:30ch}
.xf-tag>span{display:inline}
.xf-motto{align-self:stretch;max-width:240px}
.xf-name{font-family:var(--font-display)}
.xa-hero{position:relative;isolation:isolate;border-radius:6px;overflow:hidden;background:#15120f;color:#f4f1ea}
.xa-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:-2}
.xa-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,15,12,.78) 0%,rgba(18,15,12,.88) 45%,rgba(18,15,12,.97) 100%)}
.xa-hero__top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 48px;align-items:end;padding:clamp(28px,4vw,56px) clamp(24px,4vw,56px) clamp(24px,3vw,40px)}
.xa-hero .xa-h{color:#fff;margin-top:14px;font-size:clamp(36px,4.6vw,64px)}
.xa-hero .xa-p{color:rgba(244,241,234,.85);font-size:16px;max-width:46ch}
.xa-hero .xa-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(244,241,234,.16)}
.xa-hero .xa-grid li{min-height:0;justify-content:flex-start;gap:10px;padding:clamp(20px,2.4vw,32px);border-top:0;border-bottom:0!important;border-inline-end:1px solid rgba(244,241,234,.16)!important;background:rgba(18,15,12,.35);backdrop-filter:blur(4px)}
.xa-hero .xa-grid li:last-child{border-inline-end:0!important}
.xa-hero .xa-grid li::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--acc)}
.xa-row{display:flex;align-items:center;justify-content:space-between}
.xa-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in oklch,var(--acc) 22%,transparent);color:var(--acc)}
.xa-hero .xa-n{position:static;color:rgba(244,241,234,.5)}
.xa-hero .xa-num{margin-top:8px;font-size:clamp(54px,6vw,88px)}
.xa-hero .xa-lab{color:#fff;font-size:16px}
.xa-note{font-size:13px;line-height:1.55;color:rgba(244,241,234,.66)}
.xa-ms{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.xa-ms__lead,.xa-ms__cta{padding:clamp(22px,2.8vw,36px)}
.xa-ms__cta{display:flex;flex-direction:column;justify-content:center;gap:16px;background:var(--paper-2);border-inline-start:1px solid var(--line)}
.xa-ms__cta>b{font-family:var(--font-serif);font-weight:600;font-size:clamp(22px,2vw,28px);line-height:1.2;color:var(--ink)}
[data-lang="ar"] .xa-ms__cta>b .ar-only{font-family:"Thmanyah Display",var(--font-serif)}
.xa-ms__cta .hm-lead__btns{flex-direction:column;align-items:stretch}.xa-ms__cta .hm-lead__btns>*{justify-content:center}
.xa-ms__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-inline-start:1px solid var(--line)}
.xa-ms__grid li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;min-height:130px;text-align:center}
.xa-ms__grid li:nth-child(-n+2){border-bottom:1px solid var(--line)}.xa-ms__grid li:nth-child(odd){border-inline-end:1px solid var(--line)}
.xa-ms__grid img{height:54px;width:auto;max-width:130px;object-fit:contain}
.xa-ms__grid li>span{font-size:13px;font-weight:600;color:var(--ink-2)}
.xa-box,.xa-cta{display:none}
@media (max-width:1100px){.xa-hero .xa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xa-hero .xa-grid li:nth-child(2){border-inline-end:0!important}.xa-hero .xa-grid li:nth-child(-n+2){border-bottom:1px solid rgba(244,241,234,.16)!important}.xa-ms{grid-template-columns:minmax(0,1fr)}.xa-ms__grid{border-inline-start:0;border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr))}.xa-ms__grid li{border:0!important}.xa-ms__grid li+li{border-inline-start:1px solid var(--line)!important}.xa-ms__cta{border-inline-start:0;border-top:1px solid var(--line)}.xa-ms__cta .hm-lead__btns{flex-direction:row}}
@media (max-width:760px){.xa-hero__top{grid-template-columns:minmax(0,1fr)}.xa-ms__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xa-ms__grid li:nth-child(3){border-inline-start:0!important}.xa-ms__grid li:nth-child(-n+2){border-bottom:1px solid var(--line)!important}}
@media (max-width:520px){.xa-hero .xa-grid{grid-template-columns:minmax(0,1fr)}.xa-hero .xa-grid li{border-inline-end:0!important;border-bottom:1px solid rgba(244,241,234,.16)!important}.xa-ms__cta .hm-lead__btns{flex-direction:column}}
body{overflow-x:clip}
img{max-width:100%}
@media (max-width:600px){
.ps .wrap{gap:16px}
.ps-hero__grid{min-height:0!important;padding:22px 18px!important;gap:20px}
.ps-hero__h{font-size:clamp(30px,9vw,40px)!important;line-height:1.08}
.ps-hero__h-ar{font-size:clamp(26px,7.6vw,34px)!important}
.ps-hero__sub{font-size:15px}
.ps-index__row{padding:12px 10px;gap:10px}
.ps-index__ar{font-size:15px}.ps-index__en{font-size:10.5px}
.ch-logos{gap:14px 18px}.ch-logos img{height:26px}.ch-logos img.is-round{height:40px}
.ch-offer__lead,.ch-judge__lead,.ch-close__txt{padding:22px 18px}
.ch-offer__list li{padding:18px}
.ch-card__body{padding:18px}
.ch-card__media{aspect-ratio:16/9}
.ch-card__logo{height:36px;bottom:14px;inset-inline-start:16px}.ch-card__logo--round{height:60px}
.ch-card__foot{flex-direction:column;align-items:stretch}.ch-card__foot .ps-card__book{justify-content:center}
.ch-jsp{flex-direction:column;align-items:flex-start}
.ch-close__h{font-size:34px}
.ch-close__motto b{white-space:normal;font-size:26px}
.ch-close__cta{align-self:stretch;justify-content:center}
.ps-card__book{min-height:44px}
.drawer__body{padding-inline:18px}
}
@media (max-width:820px){
.langfloat{display:none!important}
.nav .nav__lang{display:inline-flex!important;padding:3px}
.nav .nav__lang-opt{min-width:30px;height:28px;padding:0 7px;font-size:11px}
.nav .nav__lang-opt:first-child{font-size:13px}
.nav__in{gap:10px}
}
@media (max-width:380px){.nav__brand img,.nav__logo img{max-width:150px}}
.cs-card:hover .cs-card__photo,.ch-card:hover .ch-card__photo,.ch-card:hover .ch-card__photo--contain,.ps-card:hover .ps-card__media img,.pc-card:hover .pc-card__media img,.pc-feature:hover .pc-feature__media img,.jr-card:hover .jr-media img,.tp-col--img:hover .tp-col__media img{transform:none!important}
.cs-card__photo,.ch-card__photo{transition:none}
.section.ps{padding-top:clamp(16px,2vw,28px)!important}
.section.ps.hm{padding-top:clamp(28px,3.5vw,48px)!important}
@media (max-width:820px){
.nav__in{display:flex;align-items:center}
.nav__tools{display:contents}
.nav__burger{order:-1;width:44px;height:44px}
.brand{order:0;margin-inline-end:auto;min-width:0}
.nav__tools>*:not(.nav__burger){order:2}
[data-lang="ar"] .nav__in{flex-direction:row-reverse}
[data-lang="ar"] .brand{flex-direction:row-reverse;text-align:right;margin-inline-end:0;margin-inline-start:auto}
[data-lang="ar"] .brand__txt{align-items:flex-end}
}
.mnav .mnav__panel{left:0;right:auto;border-left:0;border-right:1px solid var(--line);transform:translateX(-102%);padding-bottom:calc(28px + env(safe-area-inset-bottom));box-shadow:0 0 40px rgba(24,22,19,.12);visibility:hidden;transition:transform .42s cubic-bezier(.22,.8,.24,1),visibility 0s linear .42s}
.mnav[data-ar="1"] .mnav__panel{left:auto;right:0;border-right:0;border-left:1px solid var(--line);transform:translateX(102%);direction:rtl}
.mnav.open .mnav__panel,.mnav[data-ar="1"].open .mnav__panel{transform:none;visibility:visible;transition-delay:0s}
.mnav[data-ar="1"] .mnav__link,.mnav[data-ar="1"] .mnav__glabel{text-align:right;align-items:flex-start}
.mnav__link{min-height:44px;justify-content:center}
.mnav__link.is-current{background:var(--paper-2)}
@media (prefers-reduced-motion:reduce){.mnav .mnav__panel{transition:none}}
.cart-ov{background:rgba(10,8,6,.72)!important;backdrop-filter:blur(6px)!important}
.cart-panel{background:#1b1713!important;color:#f4f1ea!important;border:0!important;border-top:4px solid #ecc811!important;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)!important}
.cart-head{background:#15120f!important;border-bottom:1px solid rgba(244,241,234,.12)!important}
.cart-head h3{color:#fff!important;font-family:var(--font-display)!important}
[data-lang="ar"] .cart-head h3{font-family:"Thmanyah Display",var(--font-serif)!important}
.cart-x{background:transparent!important;border:1px solid rgba(244,241,234,.22)!important;color:#fff!important;width:44px;height:44px}
.cart-panel .cart-sum,.cart-panel .cart-line,.cart-panel [class*="cart-sum"],.cart-panel [class*="cart-summary"]{background:rgba(244,241,234,.04)!important;border-color:rgba(244,241,234,.14)!important;color:#f4f1ea!important}
.cart-panel b,.cart-panel strong{color:#fff}
.cart-terms{background:rgba(236,200,17,.08)!important;border:1px solid rgba(236,200,17,.4)!important;color:#f4f1ea!important}
.cart-terms__lab-en,.cart-terms__lab-ar{color:#fff!important}
[data-lang="ar"] .cart-terms__lab-ar,.cart-terms__lab-ar{font-family:"Thmanyah Display",var(--font-serif)!important}
.cart-terms__en,.cart-terms__ar,.cart-terms li{color:rgba(244,241,234,.85)!important}
.cart-lab,.cart-lab-ar{color:rgba(244,241,234,.75)!important;letter-spacing:.04em}
.cart-input{background:rgba(244,241,234,.06)!important;border:1px solid rgba(244,241,234,.18)!important;color:#fff!important;border-radius:4px!important;min-height:46px;color-scheme:dark}
.cart-input:focus{border-color:#ecc811!important;outline:none}
.cart-input::placeholder{color:rgba(244,241,234,.4)!important}
.cart-pill{background:transparent!important;border:1px solid rgba(244,241,234,.22)!important;color:#f4f1ea!important;min-height:40px}
.cart-pill.is-on{background:#ecc811!important;border-color:#ecc811!important;color:#15120f!important;font-weight:700}
.cart-pill.is-on .cart-pill-ar{color:#15120f!important}
.cart-cliq{background:rgba(244,241,234,.05)!important;border:1px solid rgba(236,200,17,.45)!important}
.cart-cliq-lab{color:#ecc811!important}
.cart-cliq-alias b{color:#fff!important}.cart-cliq-alias small{color:rgba(244,241,234,.6)!important}
.cart-cliq-copy{background:transparent!important;color:#fff!important;border-color:rgba(244,241,234,.25)!important}
.cart-cliq-amt span{background:rgba(244,241,234,.06)!important;border-color:rgba(244,241,234,.14)!important;color:rgba(244,241,234,.7)!important}
.cart-cliq-amt b{color:#fff!important}
.cart-cliq-alert{background:#ecc811!important;color:#15120f!important}
.cart-cliq-text,.cart-ref-note,.cart-note{color:rgba(244,241,234,.75)!important}
.cart-cliq--later{background:rgba(244,241,234,.04)!important;border-color:rgba(244,241,234,.18)!important}.cart-cliq--later .cart-cliq-lab{color:#fff!important}
.cart-cta{background:#ecc811!important;color:#15120f!important;border-radius:999px!important;min-height:46px;font-weight:700}
.cart-back,.cart-browse{background:transparent!important;color:#f4f1ea!important;border:1px solid rgba(244,241,234,.3)!important;border-radius:999px!important;min-height:44px}
.cart-refchk{color:#f4f1ea!important}
.cart-err{color:#ff8a80!important}
.cart-done2,.cart-done2 .bk__done-title,.cart-done2 .bk__done-lead{color:#f4f1ea!important}
.cart-done2 .bk__done-title{color:#fff!important}
.cart-done2 .bk__paynote{background:rgba(244,241,234,.05)!important;border-color:rgba(244,241,234,.16)!important;color:#f4f1ea!important}
.cart-done2 .bk__verse{color:#fff!important;font-family:"Thmanyah Display",var(--font-serif)!important}
.cart-done2 .bk__done-logo{filter:none!important;background:#f4f1ea;border-radius:50%;padding:8px}
.cart-done2 .bk__done-eyebrow,.cart-done2 .bk__done-foot-lab{color:#ecc811!important}
.cart-done2 .bk__done-mail{color:#fff!important}
.cart-done2 .bk__done-wa{border:1px solid #25d366!important;color:#fff!important;background:transparent!important}
.cart-co-summary,.cart-line,.cart-sum{background:rgba(244,241,234,.05)!important;border-color:rgba(244,241,234,.14)!important}
.cart-co-summary *:not(.cart-co-dot),.cart-co-name,.cart-co-price,.cart-line *,.cart-sum *{color:#f4f1ea!important}
.cart-co-actions{background:transparent!important}
.cart-line__was{color:rgba(244,241,234,.5)!important}.cart-line__off{color:#14a98b!important}
.cart-co-line,.cart-co-name,.cart-co-price,.cart-co-total{background:transparent!important;border:0!important}
.cart-co-total{border-top:1px solid rgba(244,241,234,.14)!important}
.cart-panel .cart-line__lvl{background:rgba(244,241,234,.08)!important;border:1px solid rgba(244,241,234,.28)!important;color:#fff!important;font-weight:600}
.cart-panel .cart-line__lvl *{color:#fff!important}
.cart-panel .cart-line__rm{background:rgba(244,241,234,.16)!important;color:#fff!important;border:0!important}
.cart-panel .cart-line__rm:hover{background:#e2403b!important}
.cart-panel .cart-line__cert,.cart-panel .cart-line__cohort{color:rgba(244,241,234,.75)!important}
.cart-panel .cart-line__del{color:rgba(244,241,234,.75)!important;background:transparent!important;border:0!important}
.cart-panel [class*="cart-total"],.cart-panel [class*="cart-sum"]{background:transparent!important;color:#fff!important}
.cart-panel [class*="cart-total"] *,.cart-panel [class*="cart-sum"] *{background:transparent!important}
.cart-panel .bk__paynote{background:rgba(244,241,234,.05)!important;border:1px solid rgba(244,241,234,.18)!important}
.cart-panel .bk__paynote p,.cart-panel .bk__paynote-ar{color:rgba(244,241,234,.86)!important}
.cart-panel .bk__paynote-lab{color:#ecc811!important}.cart-panel .bk__paynote-lab-ar{color:#fff!important}
.cart-panel .bk__done-lead,.cart-panel .bk__done-lead *{color:rgba(244,241,234,.86)!important}
.cart-panel [style*="color: var(--muted)"],.cart-panel .muted{color:rgba(244,241,234,.7)!important}
.cart-cliq-text--ar{margin-top:6px!important;text-align:right;font-family:"Thmanyah Sans",system-ui,sans-serif}
.cart-cta[disabled]{opacity:.45;cursor:not-allowed}
.cart-panel .cart-err{background:rgba(226,64,59,.12);border:1px solid rgba(226,64,59,.5);border-radius:4px;padding:10px 12px;color:#ffb4ae!important;font-weight:600}
.pcal .wrap{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}
.pcal-hero .ps-hero__grid{align-items:end}
.pcal-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(22px,2.6vw,34px);border-top:1px solid rgba(244,241,234,.18)}
.pcal-facts>div{display:flex;flex-direction:column;gap:4px;padding:16px 16px 0 0}
[data-lang="ar"] .pcal-facts>div{padding:16px 0 0 16px}
.pcal-facts b{font-family:var(--font-serif);font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1;color:#ecc811}
.pcal-facts span{font-size:13px;line-height:1.5;color:rgba(244,241,234,.8)}
.pcal-next{display:flex;flex-direction:column;gap:10px;min-width:0}
.pcal-next__lab{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#ecc811}
[data-lang="ar"] .pcal-next__lab{font-family:"Thmanyah Display",var(--font-serif);letter-spacing:0;font-size:16px;font-weight:700}
.pcal-next__row{grid-template-columns:auto minmax(0,1fr) auto auto!important}
.pcal-next__date{font-family:var(--font-serif);font-weight:600;font-size:17px;color:var(--acc);white-space:nowrap;min-width:64px}
.pcal-next__seats{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border:1px solid rgba(244,241,234,.3);border-radius:3px;color:#f4f1ea;white-space:nowrap}
[data-lang="ar"] .pcal-next__seats{font-family:inherit;letter-spacing:0;font-size:12.5px}
.pcal-next__seats.is-full{border-color:#e2403b;color:#ffb4ae}
.pcal-next__go{color:var(--acc)}
[data-lang="ar"] .pcal-next__go{transform:scaleX(-1)}
.pcal-next__empty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid rgba(244,241,234,.2);border-radius:6px;background:rgba(21,18,15,.55)}.pcal-next__empty p{margin:0;font-size:15px;line-height:1.7;color:rgba(244,241,234,.88)}
.pcal .cal-bar{background:#15120f;color:#f4f1ea;border-radius:6px 6px 0 0;padding:14px clamp(14px,2vw,22px);margin:0;border:0}
.pcal .cal-title{color:#fff;font-family:var(--font-serif);font-weight:600}
[data-lang="ar"] .pcal .cal-title{font-family:"Thmanyah Display",var(--font-serif);font-weight:700}
.pcal .cal-navbtn,.pcal .cal-today{background:transparent;color:#f4f1ea;border:1px solid rgba(244,241,234,.28);border-radius:4px}
.pcal .cal-navbtn:hover,.pcal .cal-today:hover{border-color:#ecc811;color:#ecc811}
.pcal .cal-bar__views{background:rgba(244,241,234,.08);border:0;border-radius:4px;padding:3px}
.pcal .cal-viewbtn{color:rgba(244,241,234,.8);background:transparent;border:0;border-radius:3px}
.pcal .cal-viewbtn.is-on{background:#ecc811;color:#15120f;font-weight:700}
.pcal .cal-stage{margin-top:-16px;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;overflow:hidden}
@media (min-width:0){.pcal .cal-bar+.cal-stage{margin-top:calc(-1 * clamp(16px,2vw,24px))}}
.pcal .cal-wd{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--paper-2)}
[data-lang="ar"] .pcal .cal-wd{font-family:"Thmanyah Sans",system-ui,sans-serif;letter-spacing:0;font-size:13px;font-weight:700;color:var(--ink-2)}
.pcal .cal-cell{background:var(--surface);transition:background var(--motion-dur) var(--motion-ease)}
.pcal .cal-cell:hover{background:var(--paper-2)}
.pcal .cal-cell.is-out{background:var(--paper)}
.pcal .cal-cell.is-today{box-shadow:inset 0 3px 0 #ecc811}
.pcal .cal-cell__num{font-family:var(--font-serif);font-weight:600}
.pcal .cal-chip{background:color-mix(in oklab,var(--chip) 14%,#fff);border:0;border-inline-start:3px solid var(--chip);border-radius:3px;color:var(--ink)}
.pcal .cal-chip:hover{background:color-mix(in oklab,var(--chip) 24%,#fff)}
.pcal .cal-rowcard{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--chip);border-radius:6px}
.pcal .cal-rowcard__bar{display:none}
.pcal .cal-rowcard:hover{box-shadow:0 14px 30px -20px rgba(24,22,19,.35)}
.pcal .cal-rowcard__date b{font-family:var(--font-serif);color:var(--chip)}
[data-lang="ar"] .pcal .cal-rowcard__name,[data-lang="ar"] .pcal .cal-modal__title{font-family:"Thmanyah Display",var(--font-serif);font-weight:700}
.pcal-howto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:6px}
.pcal-howto>div{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;padding:clamp(16px,2vw,24px)}
.pcal-howto>div+div{border-inline-start:1px solid var(--line)}
.pcal-howto__n{grid-row:span 2;font-family:var(--font-serif);font-size:24px;font-weight:600;line-height:1.1;color:#b5367f}
.pcal-howto b{font-family:var(--font-display);font-size:16px;color:var(--ink)}
[data-lang="ar"] .pcal-howto b{font-family:"Thmanyah Display",var(--font-serif)}
.pcal-howto p{margin:4px 0 0;font-size:13.5px;line-height:1.6;color:var(--ink-2)}
.pcal .cal-legend{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:12px 16px;gap:10px 20px}
.pcal .cal-modal__card{border-top:4px solid var(--chip);border-radius:6px}
.pcal .cal-modal__cta{background:#15120f;color:#fff;border-radius:4px}
.pcal .cal-modal__cta:hover{background:var(--chip)}
@media (max-width:760px){.pcal-facts,.pcal-howto{grid-template-columns:minmax(0,1fr)}.pcal-howto>div+div{border-inline-start:0;border-top:1px solid var(--line)}.pcal-next__seats{display:none}.pcal-next__row{grid-template-columns:auto minmax(0,1fr) auto!important}}
.pcal .cal-today{font-family:inherit;font-size:14px;font-weight:700;letter-spacing:0;color:#f4f1ea}
.pcal .cal-cell__today{font-size:11.5px;font-weight:700;color:#b5367f;letter-spacing:0}
.pcal .cal-cell.is-today .cal-cell__num{background:#ecc811;color:#15120f}
.drawer{width:min(1120px,calc(100vw - 40px));max-height:calc(100vh - var(--nav-h) - 28px);top:calc(var(--nav-h) + 14px)}
.drawer__hero{transition:height .35s var(--motion-ease),padding .35s var(--motion-ease)}
.drawer__hero>img:not(.drawer__hero-img),.drawer__hero-set{transition:transform .35s var(--motion-ease),opacity .35s var(--motion-ease)}
.drawer.is-scrolled .drawer__hero{height:64px;padding-top:0;padding-bottom:0}
.drawer.is-scrolled .drawer__hero>img:not(.drawer__hero-img),.drawer.is-scrolled .drawer__hero-set{opacity:0;transform:scale(.6)}
.drawer.is-scrolled .drawer__close{top:12px}
.drawer__body{padding:clamp(24px,4vw,48px) clamp(24px,5vw,64px)}
.lx{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.lx-head h4{margin:0}.lx-head p{margin:4px 0 0;font-size:14px;color:var(--ink-2)}
.lx-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.lx-tab{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-top:3px solid transparent;border-radius:6px;cursor:pointer;text-align:start;font:inherit;color:var(--ink);transition:border-color var(--motion-dur) var(--motion-ease),background var(--motion-dur) var(--motion-ease)}
.lx-tab:hover{border-color:var(--mc)}
.lx-tab.is-on{background:#15120f;color:#f4f1ea;border-color:#15120f;border-top-color:var(--mc)}
.lx-tab__r{font-family:var(--font-serif);font-weight:600;font-size:26px;line-height:1;min-width:30px;color:var(--mc)}
.lx-tab__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.lx-tab__txt b{font-family:var(--font-display);font-size:15px}
.lx-tab__txt small{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;opacity:.75}
.lx-panel{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface);animation:lxIn .35s var(--motion-ease)}
@keyframes lxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lx-band{position:relative;display:flex;gap:18px;padding:28px 30px;background:#15120f;color:#f4f1ea;border-top:4px solid var(--mc);overflow:hidden}
.lx-band__r{position:absolute;inset-inline-end:14px;bottom:-26px;font-family:var(--font-serif);font-weight:600;font-size:120px;line-height:1;color:var(--mc);opacity:.22;pointer-events:none}
.lx-band__main{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}
.lx-band__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lx-band__k{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ecc811}
.lx-band__tag{font-size:11.5px;padding:2px 9px;border:1px solid var(--mc);border-radius:99px;color:#fff}
.lx-band__name{margin:0;font-family:var(--font-serif);font-weight:600;font-size:32px;line-height:1.15;color:#fff}
.lx-band__desc{margin:2px 0 0;font-size:16.5px;line-height:1.75;color:rgba(244,241,234,.86);max-width:60ch}
.lx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:0;border-bottom:1px solid var(--line)}
.lx-stats>div{padding:14px 18px;display:flex;flex-direction:column;gap:4px}
.lx-stats>div+div{border-inline-start:1px solid var(--line)}
.lx-stats dt{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lx-stats dd{margin:0;font-family:var(--font-serif);font-weight:600;font-size:22px;line-height:1.1;color:var(--ink)}
.lx-pre{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 18px;background:var(--paper-2);border-bottom:1px solid var(--line);font-size:14px}
.lx-pre__k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lx-pre__v{color:var(--ink);font-weight:600}
.lx-axes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.lx-axis{padding:24px 26px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.lx-axis:nth-child(odd){border-inline-end:1px solid var(--line)}
.lx-axis:last-child:nth-child(odd){grid-column:1/-1;border-inline-end:0}
.lx-axes>.lx-axis:nth-last-child(-n+2):nth-child(even),.lx-axes>.lx-axis:last-child{border-bottom:0}
.lx-axis__head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:baseline}
.lx-axis__n{grid-row:span 2;font-family:var(--font-serif);font-weight:600;font-size:26px;line-height:1;color:var(--mc)}
.lx-axis__name{font-family:var(--font-display);font-size:18.5px;line-height:1.3;color:var(--ink)}
.lx-axis__c{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.lx-axis__list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.lx-axis__list li{position:relative;padding-inline-start:18px;font-size:16px;line-height:1.6;color:var(--ink)}
.lx-axis__list li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:6px;height:6px;background:var(--mc)}
.lx-axis__refs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:8px;border-top:1px dashed var(--line)}
.lx-axis__refs-k{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lx-ref{font-size:13px;padding:2px 8px;border-radius:3px;background:var(--paper-2);color:var(--ink-2)}
[data-dlang="ar"] .lx,[data-dlang="ar"] .lx-tab{direction:rtl;text-align:right}
[data-dlang="ar"] .lx-tab__txt b,[data-dlang="ar"] .lx-band__name,[data-dlang="ar"] .lx-axis__name,[data-dlang="ar"] .lx-head h4{font-family:"Thmanyah Display",var(--font-serif);font-weight:700}
[data-dlang="ar"] .lx-tab__txt small,[data-dlang="ar"] .lx-stats dt,[data-dlang="ar"] .lx-pre__k,[data-dlang="ar"] .lx-axis__c,[data-dlang="ar"] .lx-band__k{font-family:"Thmanyah Sans",system-ui,sans-serif;letter-spacing:0;text-transform:none;font-size:12.5px}
[data-dlang="ar"] .lx-axis__list li,[data-dlang="ar"] .lx-band__desc{line-height:1.9;font-size:17px}
[data-dlang="ar"] .lx-axis__name{font-size:20px}
.pb-add__certbtn{display:inline-flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2}
.pb-add__certbtn .cb-en{direction:ltr}
.pb-add__certbtn .cb-ar{font-family:"Thmanyah Sans",system-ui,sans-serif;font-size:12.5px;letter-spacing:0;text-transform:none;direction:rtl}
@media (max-width:860px){.lx-axes{grid-template-columns:minmax(0,1fr)}.lx-axis{border-inline-end:0!important}.lx-axes>.lx-axis{border-bottom:1px solid var(--line)!important}.lx-axes>.lx-axis:last-child{border-bottom:0!important}}
@media (max-width:640px){.lx-axis{padding:20px 18px}.lx-axis__list li{font-size:15px}.lx-axes{grid-template-columns:minmax(0,1fr)}.lx-axis{border-inline-end:0!important}.lx-axes>.lx-axis{border-bottom:1px solid var(--line)!important}.lx-axes>.lx-axis:last-child{border-bottom:0!important}.lx-tabs{grid-template-columns:minmax(0,1fr)}}
[data-lang="ar"] :is(h1,h2,h3,h4,h5,h6),
[data-lang="ar"] :is(h1,h2,h3,h4,h5,h6) :is(.ar-only,span:not(.en),b),
[data-lang="ar"] :is(.h-ar,.ps-hero__h-ar,.ps-about__h-ar,.ps-index__ar,.ps-eyebrow b,.ps-kicker,.ps-learn__lab,.chq-step,.chq__done-eyebrow,.ch-close__motto b,.chq__verse,.bk__verse),
[data-lang="ar"] :is(.ps-kicker,.ps-learn__lab,.chq-step,.chq__done-eyebrow) .ar-only,
[data-lang="ar"] :is(.ch-offer__list b,.ch-tile b,.cs-steps b,.pc-step b,.ch-formats b,.chq-champ b,.cs-hero__facts b,.tp-list b),
[data-lang="ar"] :is(.ch-offer__list b,.ch-tile b,.cs-steps b,.pc-step b,.ch-formats b,.chq-champ b,.cs-hero__facts b,.tp-list b) .ar-only{font-family:"Thmanyah Display",var(--font-serif)!important}
[data-lang="ar"] :is(h1,h2,h3,h4) .ar-only,[data-lang="ar"] :is(.ps-hero__h-ar,.ps-about__h-ar,.ch-close__h,.chq__h){font-weight:700}
[data-lang="ar"] :is(.ps-kicker,.ps-learn__lab,.chq-step) {font-weight:700;letter-spacing:0}
[data-lang="ar"] :is(.ch-close__p,.ch-close__p .ar-only){font-family:"Thmanyah Display",var(--font-serif)!important;font-weight:500;font-size:clamp(17px,1.5vw,20px);line-height:1.8}
html:not([data-lang="ar"]) :is(h1,h2,h3) > .ar-only,html:not([data-lang="ar"]) :is(h1,h2,h3) > span > .ar-only{display:block!important;font-family:"Thmanyah Display",var(--font-serif)!important;font-weight:700;font-size:.66em;line-height:1.35;margin-top:.3em;letter-spacing:0;text-transform:none;direction:ltr;opacity:.92}
.drawer[data-dlang="en"] :is(h1,h2,h3) > .ar-only{display:block!important}
[data-lang="ar"] .applyopt__t,[data-lang="ar"] .applyopt__t-ar,.applyopt__t-ar{font-family:"Thmanyah Display",var(--font-serif)!important}
.apply__opts{gap:12px}