@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500&family=Noto+Naskh+Arabic:wght@400;500&family=Source+Sans+3:wght@400;500;600&display=swap');
    :root {
      color-scheme: light;
      --bg:#F9F7F2;
      --ink:#30352D;
      --muted:#696E65;
      --quiet:#85877F;
      --rule:#E4E1D9;
      --accent:#AF9360;
      --gutter:clamp(22px,5.5vw,90px);
      font-family:"Source Sans 3","Helvetica Neue",Arial,sans-serif;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
      background:var(--bg);
      color:var(--ink);
    }
    *, *::before, *::after {box-sizing:border-box}
    html {scroll-behavior:smooth;scroll-padding-top:46px}
    body {margin:0;background:var(--bg);min-width:280px}
    a {color:inherit;text-decoration:none}
    button,input,textarea {font:inherit}
    button {cursor:pointer}
    :focus-visible {outline:2px solid var(--accent);outline-offset:4px}
    ::selection {background:#DED8CA;color:var(--ink)}
    [hidden] {display:none!important}
    .skip-link {position:absolute;inset-inline-start:18px;top:-100px;z-index:10;background:var(--ink);color:var(--bg);padding:10px 16px}
    .skip-link:focus {top:12px}
    .site-shell {max-width:1200px;padding-inline:var(--gutter);margin-inline:auto}
    .site-header {border-bottom:1px solid var(--rule)}
    .header-inner {display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:24px}
    .logo,.footer-brand {font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:21px;line-height:1.1;white-space:nowrap}
    .site-nav,.footer-nav {display:flex;align-items:center;justify-content:center;gap:clamp(17px,3vw,35px);font-size:14px;color:var(--muted)}
    .site-nav a,.footer-nav a,.language-toggle {transition:color .15s ease}
    .site-nav a:hover,.footer-nav a:hover,.language-toggle:hover {color:var(--ink)}
    .language-toggle {border:0;background:transparent;padding:4px 0;color:var(--ink);font-size:14px;font-weight:500}

    main {overflow:clip}
    .hero {max-width:800px;margin-inline:auto;text-align:center;padding-top:clamp(132px,14vw,220px);padding-bottom:clamp(150px,18vw,290px)}
    .measure-ring {display:block;position:relative;width:78px;height:78px;border-radius:50%;background:var(--accent);margin:0 auto 40px}
    .measure-ring::after {content:"";position:absolute;inset:22px;border-radius:50%;background:var(--bg)}
    .hero-wordmark {font-family:"Newsreader",Georgia,serif;font-size:clamp(78px,10vw,123px);font-weight:400;line-height:1.13;letter-spacing:-.012em;margin:0;direction:ltr;white-space:nowrap}
    .wordmark-domain {font-family:"Newsreader",Georgia,serif;font-size:.7em;color:#6C6F68;color:color-mix(in srgb,var(--ink) 70%,var(--bg) 30%)}
    .section {max-width:780px;margin-inline:auto;border-top:1px solid var(--rule);padding-top:clamp(118px,13vw,190px);padding-bottom:clamp(126px,15vw,205px);text-align:center}
    .section h2 {font-family:"Newsreader",Georgia,serif;font-size:clamp(38px,4vw,49px);line-height:1.22;font-weight:400;letter-spacing:-.006em;margin:0 0 26px}
    .section p {font-size:clamp(17px,1.5vw,18px);line-height:1.85;color:var(--muted);max-width:590px;margin:0 auto 17px}
    .section p:last-child {margin-bottom:0}
    .section-content {display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:clamp(42px,6vw,90px);max-width:780px;margin:56px auto 0;align-items:center;text-align:start}
    .section-copy {min-width:0;text-align:start}
    .section-copy p {text-align:start;max-width:unset;margin:0 0 17px;line-height:1.82}
    .section-copy p:last-of-type {margin-bottom:0}
    .section-copy .source-link {margin-top:18px}
    .motif {width:220px;height:162px;display:flex;align-items:center;justify-content:center;gap:14px;justify-self:center;overflow:hidden;flex:none}
    .motif .disc {display:block;position:relative;border-radius:50%;background:var(--accent);width:55px;height:55px;flex:none}
    .motif .disc::after {position:absolute;content:"";inset:16px;border-radius:50%;background:var(--bg)}
    .motif .disc:nth-child(2){width:75px;height:75px}
    .motif .disc:nth-child(2)::after{inset:21px}
    .motif .disc:nth-child(3){width:55px;height:55px}
    .motif-bars {flex-direction:column;gap:12px}
    .motif-bars .bar {display:block;height:24px;background:var(--accent);flex:none}
    .motif-bars .bar:nth-child(1){width:128px}
    .motif-bars .bar:nth-child(2){width:161px}
    .motif-bars .bar:nth-child(3){width:194px}
    .section h2 {text-align:center}
    .section-content .motif {direction:ltr}
    .gold-section {padding-bottom:clamp(138px,16vw,220px)}
    .ownership-section {padding-bottom:clamp(138px,16vw,220px)}
    .source-link {display:inline-block;color:var(--quiet);font-size:13px;margin-top:17px;border-bottom:1px solid var(--rule);padding-bottom:3px;transition:color .15s ease}
    .source-link:hover {color:var(--ink)}
    .contact-section {padding-bottom:clamp(145px,17vw,230px)}
    .form {max-width:560px;margin:39px auto 0;text-align:start}
    .contact-form {max-width:480px}
    .field {display:flex;flex-direction:column;gap:9px;min-width:0}
    .field + .field {margin-top:22px}
    .field label {font-size:14px;font-weight:500;color:var(--ink)}
    .field input,.field textarea {width:100%;background:transparent;color:var(--ink);border:1px solid #D4D1C8;border-radius:0;outline-offset:2px;padding:13px 15px;min-height:51px;appearance:none}
    .field textarea {resize:vertical;min-height:132px;line-height:1.65}
    .field input:focus,.field textarea:focus {border-color:var(--ink)}
    .actions {display:flex;align-items:center;flex-direction:column;gap:17px;margin-top:27px;text-align:center}
    .submit {min-width:175px;min-height:50px;padding:13px 28px;background:var(--ink);border:1px solid var(--ink);border-radius:0;color:var(--bg);font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}
    .submit:hover {background:transparent;color:var(--ink)}
    .submit:disabled {opacity:.55;cursor:progress}
    .small-print {color:var(--quiet)!important;font-size:13px!important;line-height:1.65!important;margin:16px auto 0!important;text-align:center}
    .form-status {color:var(--muted);font-size:14px;line-height:1.65;max-width:460px;margin:0 auto;text-align:center}
    .form-status:empty {display:none}
    .honeypot {position:absolute!important;inset-inline-start:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}

    .reveal {transition:opacity .8s ease, transform .8s cubic-bezier(.22,1,.36,1)}
    .js .reveal:not(.is-visible) {opacity:0;transform:translateY(34px)}
    .reveal.is-visible {opacity:1;transform:none}
    .privacy-view {text-align:center;max-width:780px;margin:0 auto}
    .privacy-view .privacy-header {padding:clamp(105px,10vw,150px) 0 95px}
    .privacy-view h1 {font-family:"Newsreader",Georgia,serif;font-size:clamp(60px,8vw,89px);line-height:1.15;font-weight:400;margin:0}
    .privacy-view .section {padding-bottom:180px}

    .site-footer {border-top:1px solid var(--rule);text-align:center}
    .footer-inner {display:flex;flex-direction:column;align-items:center;gap:23px;padding-top:51px;padding-bottom:62px}
    .footer-nav {font-size:13px;flex-wrap:wrap}

    html[dir="rtl"] {font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}
    html[dir="rtl"] .logo,html[dir="rtl"] .footer-brand {direction:ltr;unicode-bidi:isolate;font-family:"Newsreader",Georgia,serif}
    html[dir="rtl"] .hero-wordmark {font-family:"Noto Naskh Arabic",serif;font-size:clamp(84px,11vw,132px);line-height:1.5;letter-spacing:0;margin-bottom:12px}
    html[dir="rtl"] .hero-heading {line-height:1.65}
    html[dir="rtl"] .section h2 {font-family:"Noto Naskh Arabic",serif;font-size:clamp(37px,4.2vw,48px);line-height:1.6;letter-spacing:0;margin-bottom:20px}
    html[dir="rtl"] .section p {line-height:2.05}
    html[dir="rtl"] .section-copy {text-align:start}
    html[dir="rtl"] .section-copy p {text-align:start}
    html[dir="rtl"] .privacy-view h1 {font-family:"Noto Naskh Arabic",serif;line-height:1.5}

    @media(max-width:680px) {
      :root {--gutter:24px}
      .header-inner {min-height:78px;flex-direction:column;justify-content:center;gap:17px;padding-top:21px;padding-bottom:21px}
      .site-nav {gap:clamp(13px,4vw,27px);flex-wrap:wrap;font-size:13px}
      .logo {font-size:20px}
      .hero {padding-top:100px;padding-bottom:142px}
      .measure-ring {width:66px;height:66px;margin-bottom:35px}
      .measure-ring::after {inset:18px}
      .hero-wordmark {font-size:clamp(65px,14.7vw,91px);margin-bottom:0}
      .section {padding-top:88px;padding-bottom:108px}
      .section h2 {font-size:36px;margin-bottom:18px}
      .section p {font-size:16.5px;line-height:1.8}
      .section-content {display:flex;flex-direction:column;gap:21px;margin-top:31px;align-items:stretch}
      .section-copy {width:100%}
      .section-content .motif {align-self:center;transform:scale(.86);margin:4px auto -9px}
      .motif-bars {transform:scale(.8)}
      .form {margin-top:31px}
      .field + .field {margin-top:20px}
      html[dir="rtl"] .hero-wordmark {font-size:clamp(81px,19vw,113px);line-height:1.5;margin-bottom:10px}
      html[dir="rtl"] .section h2 {font-size:36px}
    }
    @media(max-width:380px) {.hero-wordmark {font-size:16.5vw}html[dir="rtl"] .hero-wordmark {font-size:min(81px,23.5vw)}}
    @media(max-width:359px) {.site-nav {gap:13px}}
    @media(prefers-reduced-motion:reduce) {.reveal,.reveal.is-visible {opacity:1!important;transform:none!important}html {scroll-behavior:auto}*,*::before,*::after {transition:none!important}}