@font-face {
	font-family: "Alexandria";
	src: url("../fonts/Alexandria-Variable.ttf") format("truetype");
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

:root {
	--sy-crimson: #d31e45;
	--sy-crimson-dark: #a90f31;
	--sy-ink: #111820;
	--sy-slate: #26313d;
	--sy-gold: #d7a33d;
	--sy-cream: #fcfaf6;
	--sy-mist: #f1f3f5;
	--sy-muted: #64707c;
	--sy-line: #dce0e4;
	--sy-radius-sm: 8px;
	--sy-radius-md: 14px;
	--sy-radius-lg: 22px;
	--sy-shadow-sm: 0 8px 24px rgba(17, 24, 32, .07);
	--sy-shadow-md: 0 18px 48px rgba(17, 24, 32, .11);
	--oh-paper: var(--sy-cream);
	--oh-ink: var(--sy-ink);
	--oh-red: var(--sy-crimson);
	--oh-blue: var(--sy-crimson);
	--oh-blue-dark: var(--sy-crimson-dark);
	--oh-muted: var(--sy-muted);
	--oh-line: var(--sy-line);
	--oh-soft: var(--sy-mist);
	--oh-serif: "Alexandria", Tahoma, Arial, sans-serif;
	--oh-sans: "Alexandria", Tahoma, Arial, sans-serif;
	--oh-shadow: var(--sy-shadow-sm);
}

html[data-oh-theme="dark"] {
	--oh-paper: #0e141b;
	--oh-ink: #f5f7f9;
	--oh-muted: #acb6c0;
	--oh-line: #313b46;
	--oh-soft: #19212b;
	--sy-cream: #0e141b;
	--sy-mist: #19212b;
	--sy-line: #313b46;
	--sy-muted: #acb6c0;
}

html,
body,
button,
input,
select,
textarea {
	font-family: "Alexandria", Tahoma, Arial, sans-serif !important;
}

body.wp-child-theme-onehundred {
	background:
		linear-gradient(180deg, rgba(211, 30, 69, .025), transparent 320px),
		var(--oh-paper) !important;
	color: var(--oh-ink) !important;
	font-weight: 430;
	letter-spacing: -.012em;
}

.wp-child-theme-onehundred :is(h1, h2, h3, h4, .oh-main h1, .oh-main h2, .oh-main h3, .oh-main h4) {
	font-family: "Alexandria", Tahoma, Arial, sans-serif !important;
	font-weight: 780 !important;
	letter-spacing: -.045em !important;
	line-height: 1.22 !important;
}

.oh-prose,
.oh-prose--page { font-family: "Alexandria", Tahoma, Arial, sans-serif !important; }

.oh-prose { line-height: 2; }
.oh-prose p { color: color-mix(in srgb, var(--oh-ink) 90%, transparent); }

.oh-kicker,
.oh-news-kicker {
	color: var(--sy-crimson) !important;
	font-weight: 850 !important;
	letter-spacing: .02em !important;
	text-transform: none !important;
}

.oh-kicker::after { height: 3px; border-radius: 99px; }

/* Branded wordmark lockup: geometric road mark + Arabic name + promise. */
.wp-child-theme-onehundred .oh-brand {
	display: grid !important;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	column-gap: 11px;
	align-items: center;
	justify-content: start;
	font-family: "Alexandria", Tahoma, Arial, sans-serif !important;
	font-size: 2.05rem !important;
	font-weight: 850 !important;
	letter-spacing: -.055em !important;
	line-height: .95;
}

.wp-child-theme-onehundred .oh-brand::before {
	grid-column: 1;
	grid-row: 1 / span 2;
	width: 48px;
	height: 48px;
	background: url("../images/sayarati-mark.svg") center / contain no-repeat;
	content: "";
	filter: drop-shadow(0 7px 14px rgba(17, 24, 32, .16));
}

.wp-child-theme-onehundred .oh-brand b {
	grid-column: 2;
	grid-row: 1;
	color: var(--sy-crimson) !important;
	font-weight: 880 !important;
}

.wp-child-theme-onehundred .oh-brand small {
	grid-column: 2;
	grid-row: 2;
	margin-top: 6px;
	color: var(--oh-muted) !important;
	font-size: .56rem !important;
	font-weight: 620 !important;
	letter-spacing: 0 !important;
	line-height: 1.2;
}

.oh-masthead {
	border-bottom: 1px solid var(--oh-line) !important;
	background: color-mix(in srgb, var(--oh-paper) 94%, #fff 6%) !important;
	box-shadow: 0 10px 30px rgba(17, 24, 32, .035);
}

.oh-masthead__main { min-height: 88px !important; }
.oh-tagline { color: var(--oh-muted); font-size: .76rem !important; font-weight: 550; }

.oh-publisher-bar {
	border-bottom-color: color-mix(in srgb, var(--oh-line) 76%, transparent) !important;
	background: var(--sy-ink) !important;
	color: #dce2e8 !important;
}

.oh-publisher-bar a,
.oh-publisher-bar__inner b { color: #fff !important; }
.oh-publisher-bar__inner b { color: #ff6d88 !important; }

.oh-primary-band { background: var(--sy-ink) !important; }
.oh-section-nav__list a { color: #e8edf1 !important; font-weight: 720 !important; letter-spacing: 0 !important; }
.oh-section-nav__list a:hover { color: #fff !important; box-shadow: inset 0 -4px var(--sy-crimson) !important; }

.oh-theme-toggle,
.oh-search {
	border-radius: 999px !important;
}

.oh-button,
button:not(.oh-theme-toggle):not(.oh-app-nav__item):not(.oh-app-sheet__close),
input[type="submit"] {
	border-color: var(--sy-crimson) !important;
	border-radius: 8px !important;
	background: var(--sy-crimson) !important;
	box-shadow: 0 8px 18px rgba(211, 30, 69, .17);
	color: #fff !important;
	font-weight: 760 !important;
	transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.oh-button:hover,
button:not(.oh-theme-toggle):not(.oh-app-nav__item):not(.oh-app-sheet__close):hover,
input[type="submit"]:hover {
	background: var(--sy-crimson-dark) !important;
	box-shadow: 0 12px 24px rgba(169, 15, 49, .24);
	transform: translateY(-2px);
}

.oh-button--outline { background: transparent !important; color: var(--sy-crimson) !important; }

.oh-primary-story__media,
.oh-support-story__media,
.oh-home-section__media,
.oh-card__media,
.oh-article__featured,
.oh-magazine-cover > a {
	border-radius: var(--sy-radius-md);
	box-shadow: var(--sy-shadow-sm);
}

.oh-primary-story__media img,
.oh-support-story__media img,
.oh-home-section__media img,
.oh-card__media img {
	transition: transform .45s cubic-bezier(.2, .8, .2, 1), filter .45s ease;
}

:is(.oh-primary-story, .oh-support-story, .oh-home-section__lead, .oh-card):hover img {
	filter: saturate(1.06) contrast(1.02);
	transform: scale(1.035);
}

.oh-top-headlines h2,
.oh-module-heading,
.oh-home-section { border-color: var(--sy-crimson) !important; }

.oh-top-headlines h2,
.oh-module-heading h2,
.oh-home-section > header h2 { font-weight: 800 !important; }

.oh-more-stories__icon {
	border-radius: 8px;
	background: linear-gradient(145deg, var(--sy-crimson), var(--sy-crimson-dark));
}

.oh-home-discovery__form {
	border: 1px solid var(--oh-line) !important;
	border-radius: var(--sy-radius-md) !important;
	background: color-mix(in srgb, var(--oh-paper) 88%, #fff 12%) !important;
	box-shadow: var(--sy-shadow-sm);
	overflow: hidden;
}

.oh-home-discovery__brand b { background: var(--sy-crimson) !important; }
.oh-home-discovery__suggestions a { border-radius: 999px; }

.oh-reader-promise {
	border-top-color: var(--sy-crimson) !important;
	border-radius: 0 0 var(--sy-radius-md) var(--sy-radius-md);
	background:
		linear-gradient(135deg, rgba(211, 30, 69, .19), transparent 46%),
		var(--sy-ink) !important;
}

.wp-child-theme-onehundred .oh-manifesto {
	border-top-color: var(--sy-crimson) !important;
	border-radius: var(--sy-radius-md);
	background: linear-gradient(135deg, #fff3f5, #f7f2e9) !important;
	box-shadow: var(--sy-shadow-sm);
}

.oh-panel,
.oh-widget,
.oh-about-proof,
.oh-page--standard .oh-prose--page > .wp-block-group {
	border-radius: var(--sy-radius-md);
}

.oh-newsletter {
	border: 0 !important;
	border-top: 6px solid var(--sy-crimson) !important;
	border-radius: var(--sy-radius-lg) var(--sy-radius-lg) 0 0;
	background:
		linear-gradient(120deg, rgba(211, 30, 69, .09), transparent 48%),
		color-mix(in srgb, var(--oh-paper) 88%, #fff 12%) !important;
	box-shadow: var(--sy-shadow-md);
}

.oh-newsletter h2 { color: var(--sy-ink) !important; font-weight: 820 !important; }

.oh-article__header h1,
.oh-page__header h1 { text-wrap: balance; }

.oh-article__header h1::after,
.oh-page__header h1::after {
	display: block;
	width: 72px;
	height: 6px;
	margin-top: 24px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--sy-crimson), var(--sy-gold));
	content: "";
}

.oh-prose :is(a, blockquote) { color: var(--sy-crimson-dark); }
.oh-prose blockquote { border-right: 4px solid var(--sy-crimson); border-left: 0; background: #fff5f7; }

.oh-prose table {
	border-radius: var(--sy-radius-sm);
	overflow: hidden;
	box-shadow: 0 0 0 1px var(--oh-line);
}

.oh-prose th { background: var(--sy-ink); color: #fff; font-weight: 700; }

.oh-app-nav__item.is-current,
.oh-app-nav__item[aria-current="page"] { color: var(--sy-crimson) !important; }

.sayarati-footer__brand .oh-brand { font-size: 1.8rem !important; }
.sayarati-footer__brand .oh-brand::before { width: 52px; height: 52px; }
.sayarati-footer__brand .oh-brand small { color: #aeb8c4 !important; }

::selection { background: var(--sy-crimson); color: #fff; }

@media (max-width: 720px) {
	.wp-child-theme-onehundred .oh-brand { font-size: 1.62rem !important; column-gap: 8px; }
	.wp-child-theme-onehundred .oh-brand::before { width: 40px; height: 40px; }
	.wp-child-theme-onehundred .oh-brand small { margin-top: 4px; font-size: .48rem !important; }
	.oh-masthead__main { min-height: 70px !important; }
	.oh-tagline { display: none; }
	.oh-newsletter { border-radius: var(--sy-radius-md) var(--sy-radius-md) 0 0; }
	.oh-primary-story__media,
	.oh-support-story__media,
	.oh-home-section__media,
	.oh-card__media { border-radius: 10px; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}