/* Thara — generated from tokens.json */
:root, [data-theme="paper"] {
  --surface: #FFFFFF;
  --surface-grey: #F4F4F4;
  --card-chrome: #FFFFFA;
  --ink: #2D363A;
  --ink-deep: #001C24;
  --ink-warm: #554B44;
  --night: #062229;
  --thara-teal: #005767;
  --thara-deep: #003644;
  --thara-sand: #DDD5CA;
  --thara-strata-1: #003644;
  --thara-strata-2: #0E4352;
  --thara-strata-3: #1B5161;
  --thara-strata-4: #295E6F;
  --thara-strata-5: #366C7E;
  --thara-strata-6: #44798C;
  --thara-strata-7: #638B98;
  --thara-strata-8: #819EA5;
  --thara-strata-9: #A0B0B1;
  --thara-strata-10: #BEC3BE;
  --thara-strata-11: #DDD5CA;
  --hub-lime: #EAE896;
  --hub-olive: #C2C46F;
  --hub-orange: #F1B56F;
  --hub-brown: #534B45;
  --hub-dark: #342F2C;
  --capital-blue: #78A6E5;
  --capital-lime: var(--hub-lime);
  --capital-navy: #46597D;
  --capital-sky: #B6DFF3;
  --foundation-copper: #C17952;
  --foundation-mint: #9CDCD3;
  --foundation-teal: #42A9A0;
  --foundation-brown: #554B44;
  --x-peach: #FBC1AE;
  --x-lilac: #BE90D8;
  --x-aubergine: #261930;
  --x-umber: #46403D;
  --xperience-cream: #F2EEC7;
  --xperience-green: #79BB95;
  --xperience-navy: #2B3451;
  --xperience-forest: #28393B;
  --star-khaki: #CDCB9B;
  --star-green: #7DAB74;
  --lockup-ink: #2F363A;
  --lockup-ink-hub: #3F393F;
  --lockup-ink-foundation: #242D2C;
  --email-sand: #DCDABF;
  --email-olive: #878258;
  --phase-signal: #00465B;
  --phase-gathering: #435664;
  --phase-yield: #9E6947;
  --artwork-muted: #554B44;
  --phase-text: #DAD5C4;
  --email-button: var(--star-khaki);
  --email-ink: #001D25;
  --email-ground: #F3F3F3;
  --capital-ink: #161616;
  --hub-star: #EBE88A;
  --on-band: #FFF6E7;
  --community-ground: #E6E6E6;
  --community-lime: #D9D98C;
  --community-grid: #5973A9;
  --community-star: var(--hub-olive);
  --community-muted: #B2B2B2;
  --community-strata-1: #DADA86;
  --community-strata-2: #E0E08C;
  --community-strata-3: #EAE896;
  --community-strata-4: #E9E8A5;
  --community-strata-5: #E8E7B6;
  --community-strata-6: #E8E7C6;
  --community-strata-7: #E7E6D5;
  --campaign-ground: #E8E8E8;
  --campaign-star: #B894D4;
  --campaign-night-text: #DAD5C4;
  --campaign-strata-1: #624278;
  --campaign-strata-2: #6D4783;
  --campaign-strata-3: #744D8D;
  --campaign-strata-4: #7F5499;
  --campaign-strata-5: #8C62A8;
  --campaign-strata-6: #986AB2;
  --campaign-strata-7: #A576C0;
  --campaign-strata-8: #B181CC;
  --campaign-strata-9: #BC8CD8;
  --campaign-strata-10: #C78EDA;
  --campaign-strata-11: #D493CF;
  --campaign-strata-12: #E199C6;
  --campaign-strata-13: #EFA4B7;
  --campaign-strata-14: #F8ABA8;
  --campaign-strata-15: #FBB3A2;
  --campaign-strata-16: #FCB7A5;
  --campaign-strata-17: #FFBFAC;
  --campaign-strata-18: #FDC3AE;
  --campaign-strata-19: #FDC8B2;
  --campaign-strata-20: #FECCB5;
  --campaign-strata-21: #FFD0B9;
  --campaign-strata-22: #FDD4BB;
  --campaign-strata-23: #FDD8C3;
  --campaign-strata-24: #FDDECD;
  --campaign-strata-25: #F4E1D8;
  --campaign-strata-26: #F4E3DC;
  --campaign-strata-27: #F2E6E0;
  --campaign-strata-28: #EDE8E4;
}
[data-theme="night"] {
  --surface: #062229;
  --surface-grey: #003644;
  --card-chrome: #FFFFFA;
  --ink: #FFFFFF;
  --ink-deep: #FFFFFF;
  --ink-warm: #DDD5CA;
  --night: #062229;
  --thara-teal: #005767;
  --thara-deep: #003644;
  --thara-sand: #DDD5CA;
  --thara-strata-1: #003644;
  --thara-strata-2: #0E4352;
  --thara-strata-3: #1B5161;
  --thara-strata-4: #295E6F;
  --thara-strata-5: #366C7E;
  --thara-strata-6: #44798C;
  --thara-strata-7: #638B98;
  --thara-strata-8: #819EA5;
  --thara-strata-9: #A0B0B1;
  --thara-strata-10: #BEC3BE;
  --thara-strata-11: #DDD5CA;
  --hub-lime: #EAE896;
  --hub-olive: #C2C46F;
  --hub-orange: #F1B56F;
  --hub-brown: #534B45;
  --hub-dark: #342F2C;
  --capital-blue: #78A6E5;
  --capital-lime: var(--hub-lime);
  --capital-navy: #46597D;
  --capital-sky: #B6DFF3;
  --foundation-copper: #C17952;
  --foundation-mint: #9CDCD3;
  --foundation-teal: #42A9A0;
  --foundation-brown: #554B44;
  --x-peach: #FBC1AE;
  --x-lilac: #BE90D8;
  --x-aubergine: #261930;
  --x-umber: #46403D;
  --xperience-cream: #F2EEC7;
  --xperience-green: #79BB95;
  --xperience-navy: #2B3451;
  --xperience-forest: #28393B;
  --star-khaki: #CDCB9B;
  --star-green: #7DAB74;
  --lockup-ink: #2F363A;
  --lockup-ink-hub: #3F393F;
  --lockup-ink-foundation: #242D2C;
  --email-sand: #DCDABF;
  --email-olive: #878258;
  --phase-signal: #00465B;
  --phase-gathering: #435664;
  --phase-yield: #9E6947;
  --artwork-muted: #554B44;
  --phase-text: #DAD5C4;
  --email-button: var(--star-khaki);
  --email-ink: #001D25;
  --email-ground: #F3F3F3;
  --capital-ink: #161616;
  --hub-star: #EBE88A;
  --on-band: #FFF6E7;
  --community-ground: #E6E6E6;
  --community-lime: #D9D98C;
  --community-grid: #5973A9;
  --community-star: var(--hub-olive);
  --community-muted: #B2B2B2;
  --community-strata-1: #DADA86;
  --community-strata-2: #E0E08C;
  --community-strata-3: #EAE896;
  --community-strata-4: #E9E8A5;
  --community-strata-5: #E8E7B6;
  --community-strata-6: #E8E7C6;
  --community-strata-7: #E7E6D5;
  --campaign-ground: #E8E8E8;
  --campaign-star: #B894D4;
  --campaign-night-text: #DAD5C4;
  --campaign-strata-1: #624278;
  --campaign-strata-2: #6D4783;
  --campaign-strata-3: #744D8D;
  --campaign-strata-4: #7F5499;
  --campaign-strata-5: #8C62A8;
  --campaign-strata-6: #986AB2;
  --campaign-strata-7: #A576C0;
  --campaign-strata-8: #B181CC;
  --campaign-strata-9: #BC8CD8;
  --campaign-strata-10: #C78EDA;
  --campaign-strata-11: #D493CF;
  --campaign-strata-12: #E199C6;
  --campaign-strata-13: #EFA4B7;
  --campaign-strata-14: #F8ABA8;
  --campaign-strata-15: #FBB3A2;
  --campaign-strata-16: #FCB7A5;
  --campaign-strata-17: #FFBFAC;
  --campaign-strata-18: #FDC3AE;
  --campaign-strata-19: #FDC8B2;
  --campaign-strata-20: #FECCB5;
  --campaign-strata-21: #FFD0B9;
  --campaign-strata-22: #FDD4BB;
  --campaign-strata-23: #FDD8C3;
  --campaign-strata-24: #FDDECD;
  --campaign-strata-25: #F4E1D8;
  --campaign-strata-26: #F4E3DC;
  --campaign-strata-27: #F2E6E0;
  --campaign-strata-28: #EDE8E4;
}
:root {
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 48px;
  --space-5: 72px;
  --space-6: 96px;
  --radius-tag: 0.18em;
  --radius-card: 96px;
  --radius-photo: 10px;
  --radius-inset-photo: 198px;
  --radius-button: 4px;
  --radius-web-card: 24px;
  --radius-control: 6px;
  --font-display: "Neue Haas Grotesk Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-text: "Neue Haas Grotesk Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-arabic: "Objektiv Mk1 Arabic", "Geeza Pro", "Noto Sans Arabic", sans-serif;
}
.post-word { font-family: var(--font-display); font-size: 165px; line-height: 177px; font-weight: 400; }
.post-headline { font-family: var(--font-display); font-size: 129px; line-height: 122px; font-weight: 400; letter-spacing: -0.009em; }
.post-headline-photo { font-family: var(--font-display); font-size: 134px; line-height: 144px; font-weight: 400; }
.post-title { font-family: var(--font-display); font-size: 87px; line-height: 91px; font-weight: 400; }
.post-kicker { font-family: var(--font-display); font-size: 70px; line-height: 66px; font-weight: 400; letter-spacing: -0.009em; }
.post-body { font-family: var(--font-display); font-size: 35px; line-height: 43px; font-weight: 300; letter-spacing: 0.03em; }
.post-tag { font-family: var(--font-display); font-size: 37px; line-height: 40px; font-weight: 400; letter-spacing: 0.02em; }
.post-caption { font-family: var(--font-display); font-size: 36px; line-height: 44px; font-weight: 400; }
.post-headline-ar { font-family: var(--font-arabic); font-size: 84px; line-height: 99px; font-weight: 400; }
.post-headline-ar-l { font-family: var(--font-arabic); font-size: 129px; line-height: 152px; font-weight: 400; }
.post-word-ar { font-family: var(--font-arabic); font-size: 165px; line-height: 195px; font-weight: 400; }
.post-body-ar { font-family: var(--font-arabic); font-size: 29px; line-height: 41px; font-weight: 400; }
.post-tag-ar { font-family: var(--font-arabic); font-size: 33px; line-height: 45px; font-weight: 500; }
.camp-value { font-family: var(--font-display); font-size: 64px; line-height: 70px; font-weight: 400; }
.camp-label { font-family: var(--font-text); font-size: 26px; line-height: 32px; font-weight: 400; letter-spacing: 0.14em; }
.email-display { font-family: var(--font-display); font-size: 91.5px; line-height: 98px; font-weight: 400; }
.email-list { font-family: var(--font-display); font-size: 48px; line-height: 51.6px; font-weight: 400; }
.email-body { font-family: var(--font-text); font-size: 21.5px; line-height: 29.3px; font-weight: 400; }
.email-label { font-family: var(--font-text); font-size: 22.2px; line-height: 30px; font-weight: 500; letter-spacing: 0.14em; }
.email-button { font-family: var(--font-text); font-size: 19.9px; line-height: 32px; font-weight: 400; letter-spacing: 0.14em; }
.email-index { font-family: var(--font-display); font-size: 17.7px; line-height: 18.9px; font-weight: 700; }
.specimen { font-family: var(--font-display); font-size: 152px; line-height: 185px; font-weight: 400; }
.specimen-ar { font-family: var(--font-arabic); font-size: 155px; line-height: 214px; font-weight: 400; letter-spacing: -0.04em; }
.web-nav { font-family: var(--font-display); font-size: 20px; line-height: 24px; font-weight: 500; letter-spacing: 0.04em; }
.web-toggle { font-family: var(--font-display); font-size: 28.5px; line-height: 32px; font-weight: 500; letter-spacing: 0.02em; }
.web-breadcrumb { font-family: var(--font-display); font-size: 28.9px; line-height: 34px; font-weight: 400; letter-spacing: 0.06em; }
.record-title { font-family: var(--font-display); font-size: 103px; line-height: 104px; font-weight: 300; letter-spacing: -0.01em; }
.record-name { font-family: var(--font-display); font-size: 103px; line-height: 104px; font-weight: 400; letter-spacing: -0.01em; }
.record-meta { font-family: var(--font-display); font-size: 30.3px; line-height: 36px; font-weight: 400; }
.record-stage { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 400; letter-spacing: 0.12em; }
.record-body { font-family: var(--font-display); font-size: 23.5px; line-height: 30px; font-weight: 300; }
.card-name { font-family: var(--font-display); font-size: 33.9px; line-height: 36px; font-weight: 500; }
.card-meta { font-family: var(--font-display); font-size: 23.6px; line-height: 28px; font-weight: 400; }
.card-quote { font-family: var(--font-display); font-size: 17px; line-height: 20px; font-weight: 400; }
.card-label { font-family: var(--font-display); font-size: 13.3px; line-height: 16px; font-weight: 300; letter-spacing: 0.14em; }
.question-sixsheet { font-family: var(--font-display); font-size: 120px; line-height: 130px; font-weight: 400; letter-spacing: -0.012em; }
.question-screen { font-family: var(--font-display); font-size: 112px; line-height: 121px; font-weight: 400; letter-spacing: -0.012em; }
.question-post { font-family: var(--font-display); font-size: 100px; line-height: 108px; font-weight: 400; letter-spacing: -0.012em; }
.question-facade { font-family: var(--font-display); font-size: 150px; line-height: 162px; font-weight: 400; letter-spacing: -0.012em; }
.film-question { font-family: var(--font-display); font-size: 88px; line-height: 95px; font-weight: 400; letter-spacing: -0.012em; }
.poster-url { font-family: var(--font-display); font-size: 40px; line-height: 40px; font-weight: 300; letter-spacing: 0.01em; }
@font-face { font-family: "Neue Haas Grotesk Display"; src: url("fonts/NeueHaasGrotDisp-45Light-Trial.otf"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Grotesk Display"; src: url("fonts/NeueHaasGrotDisp-55Roman-Trial.otf"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Grotesk Display"; src: url("fonts/NeueHaasGrotDisp-65Medium-Trial.otf"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Grotesk Display"; src: url("fonts/NeueHaasGrotDisp-75Bold-Trial.otf"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Grotesk Text"; src: url("fonts/NeueHaasGrotText-55Roman-Trial.otf"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Grotesk Text"; src: url("fonts/NeueHaasGrotText-65Medium-Trial.otf"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Objektiv Mk1 Arabic"; src: url("fonts/objektiv-mk1-trial-regular.ttf"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Objektiv Mk1 Arabic"; src: url("fonts/objektiv-mk1-trial-medium.ttf"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Objektiv Mk1 Arabic"; src: url("fonts/objektiv-mk1-trial-semibold.ttf"); font-weight: 600; font-style: normal; font-display: swap; }