@font-face {
font-family: "Alexandria";
src: url("../assets/fonts/alexandria-500.woff2") format("woff2");
font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Alexandria";
src: url("../assets/fonts/alexandria-600.woff2") format("woff2");
font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
font-family: "IBM Plex Sans Arabic";
src: url("../assets/fonts/ibmplexsansarabic-400.woff2") format("woff2");
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
font-family: "IBM Plex Sans Arabic";
src: url("../assets/fonts/ibmplexsansarabic-500.woff2") format("woff2");
font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
font-family: "IBM Plex Sans Arabic";
src: url("../assets/fonts/ibmplexsansarabic-700.woff2") format("woff2");
font-weight: 700; font-style: normal; font-display: swap;
}
:root {
--ar-display: "Alexandria", "Cabinet Grotesk", sans-serif;
--ar-body: "IBM Plex Sans Arabic", "General Sans", sans-serif;
}
body,
p, a, li, blockquote, figcaption, label, input, select, textarea, button, summary, option {
font-family: var(--ar-body);
}
h1, h2, h3, h4, .hero-title, .num-v {
font-family: var(--ar-display);
font-weight: 500;
}
body, h1, h2, h3, h4, p, a, li, blockquote, button, summary, .mono,
.chapter, .hero-terms, .hero-annot, .wh-tags, .team-role, .team-meta,
.prj-meta, .prj-state, .prj-toggle, .scene-tag, .vis-phase, .vis-note,
.section-note, .form-title, .form-privacy, .footer-bottom {
letter-spacing: 0 !important;
}
.mono { font-family: "Space Mono", "IBM Plex Sans Arabic", monospace; }
h1, h2 { line-height: 1.22; }
h3 { line-height: 1.35; }
.hero-title { line-height: 1.18; }
p { line-height: 1.75; }
.story-text { line-height: 1.7; }
.serif-it, em { font-style: normal; }
.cmp-ic { margin-right: 0; margin-left: 10px; }
.wa-link svg, .wa-ic { margin-right: 0; margin-left: 10px; }
.btn-arrow { transform: scaleX(-1); display: inline-block; }
.grev-nav { direction: ltr; }
.header-phone, .contact-tel, .phone-field,
a[href^="tel:"], a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }
.phone-field input { text-align: right; }
.rail i, .plan-steps i, .wh-no, .scene-num { font-family: "Space Mono", monospace; }
.sheet-line { left: auto; right: 10px; }
.plan-steps { padding-left: 0; padding-right: 46px; }
.plan-steps li::before { left: auto; right: -41px; }
.verify-stamp { right: auto; left: 18px; }
@media (max-width: 768px) {
.plan-steps { padding-right: 34px; }
.plan-steps li::before { right: -29px; }
}
.grev-owner { border-left: 0; border-right: 2px solid var(--copper); }
.legal li { padding-left: 0; padding-right: 20px; }
.legal li::before { left: auto; right: 2px; }
.lang-link {
font-size: 12px; letter-spacing: .14em !important;
color: inherit; text-decoration: none; opacity: .75;
border: 1px solid currentColor; border-radius: 999px;
padding: 7px 14px; transition: opacity .2s ease;
}
.lang-link:hover { opacity: 1; }
@media (min-width: 761px) {
.vis-caption, .scene-caption { inset-inline-start: calc(var(--pad) + 92px); }
}