:root{--bone: #faf6ef;--bone-2: #f3ece0;--sand: #e7dcc8;--ink: #1d1813;--ink-soft: #4a4138;--muted: #837665;--line: #e6ddcf;--clay: #c0492b;--clay-deep: #9c3620;--teal: #0f6b72;--teal-deep: #0a4d52;--saffron: #e2a32c;--saffron-soft: #f4cf86;--night: #15110d;--night-2: #1f1a14;--bg: var(--bone);--fg: var(--ink);--accent: var(--clay);--accent-2: var(--teal);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--step--1: clamp(.83rem, .8rem + .15vw, .92rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);--step-3: clamp(2rem, 1.6rem + 2vw, 3.2rem);--step-4: clamp(2.6rem, 1.9rem + 3.4vw, 4.8rem);--step-5: clamp(3.2rem, 2rem + 6vw, 7rem);--container: 1180px;--reading: 720px;--radius: 14px;--radius-lg: 26px;--shadow-sm: 0 2px 10px rgba(29, 24, 19, .06);--shadow: 0 18px 50px -20px rgba(29, 24, 19, .28);--shadow-lg: 0 40px 90px -30px rgba(29, 24, 19, .4);--ease: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--saffron);color:var(--night)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:460;line-height:1.08;letter-spacing:-.015em}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}.display{font-size:var(--step-5);font-weight:500;line-height:.98}.eyebrow{font-family:var(--font-sans);font-size:var(--step--1);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--clay)}.lead{font-size:var(--step-1);line-height:1.5;color:var(--ink-soft);font-weight:350}.muted{color:var(--muted)}.container{width:min(100% - 2.5rem,var(--container));margin-inline:auto}.container--reading{width:min(100% - 2.5rem,var(--reading));margin-inline:auto}.section{padding-block:clamp(3.5rem,8vw,8rem);position:relative}.section--tight{padding-block:clamp(2.5rem,5vw,4.5rem)}.section--dark{background:var(--night);color:#efe7da}.section--sand{background:var(--bone-2)}.section--teal{background:var(--teal-deep);color:#e9f3f2}.stack>*+*{margin-top:1.1em}.center{text-align:center}.measure{max-width:60ch}.text-balance{text-wrap:balance}.divider{height:1px;background:var(--line);border:0}.pill{display:inline-flex;align-items:center;gap:.4em;padding:.3em .8em;border-radius:999px;background:#c0492b1a;color:var(--clay);font-size:var(--step--1);font-weight:600}.section--dark .pill,.section--teal .pill{background:#ffffff1f;color:var(--saffron-soft)}.zellige{--z-color: rgba(192, 73, 43, .07);background-image:radial-gradient(var(--z-color) 1.5px,transparent 1.6px),radial-gradient(var(--z-color) 1.5px,transparent 1.6px);background-size:26px 26px;background-position:0 0,13px 13px}.btn{display:inline-flex;align-items:center;gap:.55em;padding:.85em 1.5em;border-radius:999px;font-weight:600;font-size:var(--step--1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,color .3s}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--clay);color:#fff;box-shadow:0 10px 24px -10px #c0492bb3}.btn--primary:hover{background:var(--clay-deep)}.btn--ghost{border:1.5px solid currentColor}.btn--ghost:hover{background:var(--ink);color:var(--bone);border-color:var(--ink)}.btn .arrow{transition:transform .35s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.25rem,4vw,2.5rem);transition:background .4s var(--ease-soft),padding .4s var(--ease-soft),box-shadow .4s,color .4s;color:#fff}.nav.scrolled{background:#faf6efd9;backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px);color:var(--ink);padding-block:.7rem;box-shadow:0 1px 0 var(--line)}.nav__brand{font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:.5rem}.nav__brand .mark{width:28px;height:28px;flex:0 0 28px}.nav__links{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2rem)}.nav__links a{font-size:var(--step--1);font-weight:500;position:relative}.nav__links a:after{content:"";position:absolute;left:0;bottom:-4px;height:1.5px;width:0;background:currentColor;transition:width .35s var(--ease)}.nav__links a:hover:after{width:100%}.nav__toggle{display:none}@media(max-width:720px){.nav__links{position:fixed;inset:0;flex-direction:column;justify-content:center;background:var(--night);color:var(--bone);font-size:var(--step-2);gap:1.5rem;transform:translateY(-100%);transition:transform .5s var(--ease);font-family:var(--font-display)}body.menu-open .nav__links{transform:translateY(0)}.nav__toggle{display:inline-flex;z-index:101;flex-direction:column;gap:5px}.nav__toggle span{width:26px;height:2px;background:currentColor;transition:transform .4s var(--ease),opacity .3s}body.menu-open .nav__toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.menu-open .nav__toggle span:nth-child(2){opacity:0}body.menu-open .nav__toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body.menu-open .nav__toggle{color:var(--bone)}}.hero{position:relative;min-height:100svh;display:grid;align-items:end;color:#fff;overflow:hidden;isolation:isolate}.hero__bg{position:absolute;inset:-10% 0 0;z-index:-2;background:linear-gradient(135deg,var(--teal-deep),var(--night) 55%,var(--clay-deep))}.hero__bg img{width:100%;height:120%;object-fit:cover;opacity:.55}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#14100c40,#14100c1a 40%,#14100cbf)}.hero__inner{padding-bottom:clamp(3rem,8vh,7rem);padding-top:7rem}.hero .display{max-width:16ch}.hero__lead{max-width:46ch;margin-top:1.2rem;color:#ffffffdb;font-size:var(--step-1)}.hero__cta{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.hero__scroll{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);z-index:1;font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;opacity:.8;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero__scroll .line{width:1px;height:40px;background:#fff9;animation:scrollline 2s var(--ease) infinite;transform-origin:top}@keyframes scrollline{0%{transform:scaleY(0)}40%{transform:scaleY(1)}to{transform:scaleY(0);transform-origin:bottom}}.pagehero{position:relative;padding:9rem 0 3rem;color:#fff;overflow:hidden;isolation:isolate;background:linear-gradient(140deg,var(--teal-deep),var(--clay-deep))}.pagehero__bg{position:absolute;inset:0;z-index:-2}.pagehero__bg img{width:100%;height:100%;object-fit:cover;opacity:.5}.pagehero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#14100c59,#14100cb3)}.pagehero .crumbs{font-size:var(--step--1);opacity:.85;margin-bottom:1rem}.pagehero h1{max-width:18ch;margin-top:.6rem}.pagehero__meta{margin-top:1rem;display:flex;gap:1.2rem;flex-wrap:wrap;font-size:var(--step--1);opacity:.85}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(1rem,2vw,1.6rem)}.card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--night);color:#fff;min-height:360px;display:flex;align-items:flex-end;box-shadow:var(--shadow-sm);transition:transform .5s var(--ease),box-shadow .5s var(--ease);isolation:isolate}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card__bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(150deg,var(--teal),var(--clay))}.card__bg img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.card:hover .card__bg img{transform:scale(1.07)}.card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(15,17,16,.85))}.card__body{padding:1.6rem}.card__kicker{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--saffron-soft);font-weight:600}.card__title{font-size:var(--step-2);margin-top:.35rem}.card__desc{margin-top:.5rem;font-size:var(--step--1);color:#ffffffd1}.card--sm{min-height:240px}.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}.feature__media{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(150deg,var(--teal),var(--saffron));box-shadow:var(--shadow)}.feature__media img{width:100%;height:100%;object-fit:cover}.feature:nth-child(2n) .feature__media{order:2}@media(max-width:820px){.feature{grid-template-columns:1fr}.feature:nth-child(2n) .feature__media{order:0}}.layout-article{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem}@media(min-width:1000px){.layout-article{grid-template-columns:240px minmax(0,720px);justify-content:center;gap:clamp(2rem,5vw,5rem)}}.toc{position:sticky;top:6rem;align-self:start;font-size:var(--step--1);display:none}@media(min-width:1000px){.toc{display:block}}.toc__title{text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--muted);font-size:.72rem;margin-bottom:.9rem}.toc a{display:block;padding:.35rem 0 .35rem .8rem;color:var(--muted);border-left:2px solid var(--line);transition:color .3s,border-color .3s}.toc a:hover,.toc a.active{color:var(--clay);border-color:var(--clay)}.prose{font-size:var(--step-0)}.prose>*+*{margin-top:1.15em}.prose h2{font-size:var(--step-2);margin-top:2.4em;scroll-margin-top:6rem}.prose h3{font-size:var(--step-1);margin-top:1.8em;scroll-margin-top:6rem}.prose p{color:var(--ink-soft)}.prose strong{color:var(--ink);font-weight:650}.prose a{color:var(--clay);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{padding-left:1.3em;color:var(--ink-soft)}.prose li+li{margin-top:.5em}.prose ul li::marker{color:var(--clay)}.prose blockquote{border-left:3px solid var(--saffron);padding-left:1.2rem;font-style:italic;color:var(--ink-soft)}.prose img{border-radius:var(--radius);margin-block:1.5em}.prose table{width:100%;border-collapse:collapse;font-size:var(--step--1);margin-block:1.5em}.prose th,.prose td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line)}.prose thead th{background:var(--bone-2);font-weight:700}.answer{background:linear-gradient(135deg,var(--bone-2),#fff);border:1px solid var(--line);border-left:4px solid var(--saffron);border-radius:var(--radius);padding:1.2rem 1.4rem;box-shadow:var(--shadow-sm)}.answer .answer__tag{font-size:var(--step--1);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--clay)}.answer .answer__body,.answer p{margin-top:.4rem;color:var(--ink)}.infobox{background:var(--bone-2);border-radius:var(--radius);padding:1.2rem 1.4rem;border:1px solid var(--line)}.infobox__title{font-family:var(--font-display);font-size:var(--step-1);margin-bottom:.5rem}.faq{display:grid;gap:.6rem}.faq details{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;transition:box-shadow .3s}.faq details[open]{box-shadow:var(--shadow-sm)}.faq summary{padding:1.1rem 1.3rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.4rem;color:var(--clay);transition:transform .3s var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>div{padding:0 1.3rem 1.2rem;color:var(--ink-soft)}.aff{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;justify-content:space-between;background:linear-gradient(135deg,var(--teal-deep),var(--night));color:#fff;border-radius:var(--radius-lg);padding:1.4rem 1.6rem;margin-block:1.8em;box-shadow:var(--shadow);position:relative;overflow:hidden;isolation:isolate}.aff:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;background:radial-gradient(circle at 85% 20%,var(--saffron),transparent 45%)}.aff__text{flex:1 1 260px}.aff__kicker{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--saffron-soft);font-weight:700}.aff__title{font-family:var(--font-display);font-size:var(--step-1);margin-top:.2rem}.aff__desc{font-size:var(--step--1);color:#fffc;margin-top:.35rem}.aff .btn--primary{background:var(--saffron);color:var(--night);white-space:nowrap}.aff .btn--primary:hover{background:var(--saffron-soft)}.news{display:grid;gap:1rem;max-width:540px}.news form{display:flex;gap:.6rem;flex-wrap:wrap}.news input{flex:1 1 220px;padding:.9em 1.1em;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit}.news input:focus{outline:none;border-color:var(--clay)}.footer{background:var(--night);color:#cfc3b2;padding-block:clamp(3rem,6vw,5rem) 2rem}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}@media(max-width:720px){.footer__grid{grid-template-columns:1fr 1fr}}.footer h4{font-family:var(--font-sans);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--saffron);margin-bottom:1rem;font-weight:700}.footer a{color:#cfc3b2;transition:color .3s;font-size:var(--step--1);display:block;padding:.25rem 0}.footer a:hover{color:#fff}.footer__brand{font-family:var(--font-display);font-size:1.6rem;color:#fff}.footer__disclosure{font-size:.8rem;color:#9d917f;max-width:60ch;margin-top:1rem}.footer__bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#9d917f;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--reveal-delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal=fade]{transform:none}[data-reveal=scale]{transform:scale(.96)}[data-reveal=scale].is-visible{transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}}.langswitch{position:relative}.langswitch>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4em;font-size:var(--step--1);font-weight:500}.langswitch>summary::-webkit-details-marker{display:none}.langswitch>summary svg{width:16px;height:16px}.langswitch__menu{position:absolute;top:150%;inset-inline-end:0;background:var(--bone);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:.4rem;min-width:170px;z-index:120}.langswitch__menu a{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .7rem;border-radius:8px;font-size:var(--step--1);color:var(--ink)}.langswitch__menu a:hover,.langswitch__menu a[aria-current=true]{background:var(--bone-2);color:var(--clay)}.langswitch__menu a span{color:var(--muted);font-size:.8em}@media(max-width:720px){.langswitch__menu{inset-inline-end:auto;inset-inline-start:0}}[dir=rtl]{font-family:"Cairo","Noto Naskh Arabic",var(--font-sans)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] .display,[dir=rtl] .nav__brand,[dir=rtl] .card__title,[dir=rtl] .aff__title,[dir=rtl] .infobox__title,[dir=rtl] .footer__brand{font-family:Cairo,Noto Naskh Arabic,sans-serif;letter-spacing:0}[dir=rtl] .eyebrow,[dir=rtl] .card__kicker,[dir=rtl] .aff__kicker,[dir=rtl] .toc__title,[dir=rtl] .footer h4,[dir=rtl] .answer__tag,[dir=rtl] .hero__scroll,[dir=rtl] .pill,[dir=rtl] .nav__links a{letter-spacing:0;text-transform:none}[dir=rtl] .nav__links a:after{left:auto;right:0}[dir=rtl] .answer{border-left:none;border-right:4px solid var(--saffron)}[dir=rtl] .toc a{border-left:none;border-right:2px solid var(--line);padding-left:0;padding-right:.8rem}[dir=rtl] .toc a:hover,[dir=rtl] .toc a.active{border-right-color:var(--clay)}[dir=rtl] .prose blockquote{border-left:none;border-right:3px solid var(--saffron);padding-left:0;padding-right:1.2rem}[dir=rtl] .prose ul,[dir=rtl] .prose ol{padding-left:0;padding-right:1.3em}[dir=rtl] .btn .arrow,[dir=rtl] .aboutBrowse{display:inline-block;transform:scaleX(-1)}
