@view-transition { navigation: auto; }html[data-brx-theme="light"] { background: #f9f5ec; }html[data-brx-theme="dark"] { background: #1b1915; }main { min-height: calc(100vh - var(--header-height) - var(--footer-height)); }@media (max-width:650px) {:where(body.layout-intro:not(.page-auth)) .site-wordmark {font-size:26px}}@media (max-width:380px) {:where(body.layout-intro:not(.page-auth)) .site-wordmark {font-size:24px}}@media (max-width:380px) {:where(body.layout-intro:not(.page-auth)) .layout-feature .site-wordmark {font-size:24px}}@media (max-width:650px) {:where(body.layout-intro:not(.page-auth)) .site-header .site-wordmark {font-size:24px; letter-spacing:-.5px}}@media (hover:hover) and (pointer:fine) {:where(body.layout-intro:not(.page-auth)) .site-wordmark:hover span {}}@media (prefers-reduced-motion:reduce) {:where(body.layout-intro:not(.page-auth)) .site-wordmark span {transition:none!important; transform:none!important}}@media (max-width:760px) {:where(body.layout-intro:not(.page-auth)) #brx-header .site-wordmark {font-size:24px}}@media (max-width:360px) {:where(body.layout-intro:not(.page-auth)) #brx-header .site-wordmark {font-size:22px; padding-right:8px}}@media (max-width:650px) {:where(body.page-about) .site-wordmark {font-size:26px}}@media (max-width:380px) {:where(body.page-about) .site-wordmark {font-size:24px}}@media (max-width:380px) {:where(body.page-about) .layout-feature .site-wordmark {font-size:24px}}@media (max-width:650px) {:where(body.page-about) .site-header .site-wordmark {font-size:24px; letter-spacing:-.5px}}@media (hover:hover) and (pointer:fine) {:where(body.page-about) .site-wordmark:hover span {}}@media (prefers-reduced-motion:reduce) {:where(body.page-about) .site-wordmark span {transition:none!important; transform:none!important}}@media (max-width:760px) {:where(body.page-about) #brx-header .site-wordmark {font-size:24px}}@media (max-width:360px) {:where(body.page-about) #brx-header .site-wordmark {font-size:22px; padding-right:8px}}@media (max-width:650px) {:where(body.layout-reading) .site-header .site-wordmark {font-size:24px; letter-spacing:-.5px}}@media (hover:hover) and (pointer:fine) {:where(body.layout-reading) .site-wordmark:hover span {}}@media (prefers-reduced-motion:reduce) {:where(body.layout-reading) .site-wordmark span {transition:none!important; transform:none!important}}@media (max-width:760px) {:where(body.layout-reading) #brx-header .site-wordmark {font-size:24px}}@media (max-width:360px) {:where(body.layout-reading) #brx-header .site-wordmark {font-size:22px; padding-right:8px}}@media (max-width:650px) {:where(body.page-auth) .site-wordmark {font-size:26px}}@media (max-width:380px) {:where(body.page-auth) .site-wordmark {font-size:24px}}@media (max-width:380px) {:where(body.page-auth) .layout-feature .site-wordmark {font-size:24px}}@media (max-width:650px) {:where(body.page-auth) .site-header .site-wordmark {font-size:24px; letter-spacing:-.5px}}@media (hover:hover) and (pointer:fine) {:where(body.page-auth) .site-wordmark:hover span {}}@media (prefers-reduced-motion:reduce) {:where(body.page-auth) .site-wordmark span {transition:none!important; transform:none!important}}@media (max-width:760px) {:where(body.page-auth) #brx-header .site-wordmark {font-size:24px}}@media (max-width:360px) {:where(body.page-auth) #brx-header .site-wordmark {font-size:22px; padding-right:8px}}:where(body.layout-intro:not(.page-auth)) .site-wordmark { font: 500 34px "Newsreader",serif; letter-spacing: -1px; text-decoration: none; white-space: nowrap;}:where(body.layout-intro:not(.page-auth)) .site-wordmark span { color: var(--accent);}:where(body.layout-intro:not(.page-auth)) .layout-feature .site-wordmark { font-size: 31px;}:where(body.layout-intro:not(.page-auth)) .site-header .site-wordmark { font: 400 29px/1.1 "DM Serif Display",Georgia,serif; letter-spacing: -.65px;}:where(body.layout-intro:not(.page-auth)) .site-wordmark span { display: inline-block; transform-origin: center 78%; transition: transform 220ms ease;}:where(body.layout-intro:not(.page-auth)) .site-wordmark:focus-visible span { transition: none;}:where(body.layout-intro:not(.page-auth)) .site-wordmark:not(.animated-wordmark) span { transform: none!important; transition: none!important;}:where(body.layout-intro:not(.page-auth)) #brx-header .site-wordmark { font-family: "DM Serif Display",Georgia,serif; font-size: 29px; font-weight: 400; line-height: 1.1; letter-spacing: -.65px;}:where(body.layout-intro:not(.page-auth)) #brx-header .site-wordmark { flex-shrink: 0;}:where(body.page-about) .site-wordmark { font: 500 34px "Newsreader",serif; letter-spacing: -1px; text-decoration: none; white-space: nowrap;}:where(body.page-about) .site-wordmark span { color: var(--accent);}:where(body.page-about) .layout-feature .site-wordmark { font-size: 31px;}:where(body.page-about) .site-header .site-wordmark { font: 400 29px/1.1 "DM Serif Display",Georgia,serif; letter-spacing: -.65px;}:where(body.page-about) .site-wordmark span { display: inline-block; transform-origin: center 78%; transition: transform 220ms ease;}:where(body.page-about) .site-wordmark:focus-visible span { transition: none;}:where(body.page-about) .site-wordmark:not(.animated-wordmark) span { transform: none!important; transition: none!important;}:where(body.page-about) #brx-header .site-wordmark { font-family: "DM Serif Display",Georgia,serif; font-size: 29px; font-weight: 400; line-height: 1.1; letter-spacing: -.65px;}:where(body.page-about) #brx-header .site-wordmark { flex-shrink: 0;}:where(body.layout-reading) .site-header .site-wordmark { font: 400 29px/1.1 "DM Serif Display",Georgia,serif; letter-spacing: -.65px;}:where(body.layout-reading) .site-wordmark span { display: inline-block; transform-origin: center 78%; transition: transform 220ms ease;}:where(body.layout-reading) .site-wordmark:focus-visible span { transition: none;}:where(body.layout-reading) .site-wordmark:not(.animated-wordmark) span { transform: none!important; transition: none!important;}:where(body.layout-reading) #brx-header .site-wordmark { font-family: "DM Serif Display",Georgia,serif; font-size: 29px; font-weight: 400; line-height: 1.1; letter-spacing: -.65px;}:where(body.layout-reading).layout-reading .site-wordmark { font-family: "DM Serif Display",Georgia,serif;}:where(body.layout-reading) #brx-header .site-wordmark { flex-shrink: 0;}:where(body.page-auth) .site-wordmark { font: 500 34px "Newsreader",serif; letter-spacing: -1px; text-decoration: none; white-space: nowrap;}:where(body.page-auth) .site-wordmark span { color: var(--accent);}:where(body.page-auth) .layout-feature .site-wordmark { font-size: 31px;}:where(body.page-auth) .site-header .site-wordmark { font: 400 29px/1.1 "DM Serif Display",Georgia,serif; letter-spacing: -.65px;}:where(body.page-auth) .site-wordmark span { display: inline-block; transform-origin: center 78%; transition: transform 220ms ease;}:where(body.page-auth) .site-wordmark:focus-visible span { transition: none;}:where(body.page-auth) .site-wordmark:not(.animated-wordmark) span { transform: none!important; transition: none!important;}:where(body.page-auth) #brx-header .site-wordmark { font-family: "DM Serif Display",Georgia,serif; font-size: 29px; font-weight: 400; line-height: 1.1; letter-spacing: -.65px;}:where(body.page-auth) #brx-header .site-wordmark { flex-shrink: 0;}:where(body.page-auth).page-auth .site-header .site-wordmark { font-family: "DM Serif Display",Georgia,serif;}@font-face { font-family: "Aref Ruqaa"; src: url("/wp-content/uploads/2026/10/ArefRuqaa-700-sharaf-subset.woff2") format("woff2"); font-weight: 700; font-display: swap; }@media (max-width:360px) {:where(body.layout-intro:not(.page-auth)) #brx-header .site-nav .brx-nav-nested-items {gap:8px}}@media (min-width: 651px) { html body.layout-intro:not(.x):not(.y) .home-intro { display: grid !important; grid-template-columns: minmax(0, 1fr) 154px; grid-template-rows: auto auto 1fr auto; column-gap: 48px; } html body.layout-intro:not(.x):not(.y) .home-intro h1 { grid-column: 1; grid-row: 1; } html body.layout-intro:not(.x):not(.y) .home-intro .home-intro-copy { grid-column: 1; grid-row: 2; } html body.layout-intro:not(.x):not(.y) .home-intro .personal-portrait { grid-column: 2; grid-row: 1 / 4; float: none; margin: 0 !important; } html body.layout-intro:not(.x):not(.y) .home-intro .hand-note { grid-column: 2; grid-row: 4; float: none; width: auto; }}@media (max-width: 600px) { html body:not(.x):not(.y) #brx-footer .site-footer-links { margin-left: 0 !important; }}@media (max-width: 1023px) { html .page-lift:not(.x) { display: none; }}@media (hover: hover) { html body :is(p, li, figcaption, .now-links) a:not(.home-essay-art):not(#brx-footer a):not(#brx-header a):not(#wpadminbar a):hover, html body :is(.read-link, .more-link, .article-back, .read-button):hover { background-image: var(--ul-hover), var(--hl) !important; background-size: 180px 6px, 100% .62em !important; } html body main :is(h1, h2, h3) a:not(.x):hover { background-size: 100% .5em !important; text-decoration: none !important; } html body :is(#brx-footer, #brx-header nav) a:not(.x):hover { background-image: var(--ul-hover) !important; background-size: 180px 6px !important; background-repeat: repeat-x !important; background-position: 0 100% !important; }}@media (prefers-reduced-motion: reduce) { html body :is(main, #brx-content) a:not(.x) { transition: none !important; }}@keyframes sig-write { from { -webkit-mask-size: 0% 100%; mask-size: 0% 100%; } to { -webkit-mask-size: 130% 100%; mask-size: 130% 100%; } }@media (max-width: 760px) { html body .site-wordmark:not(.x):not(.y) .sig-lat { font-size: 29px !important; } html body .site-wordmark:not(.x):not(.y) .sig-ar { font-size: 31px !important; }}@media (hover: hover) { html body:not(#zz) .article-toc a:not(.x):hover .toc-t { background-size: 100% .62em; } html body:not(#zz) .article-toc a[aria-current="true"]:not(.x):hover .toc-t { background-image: var(--ul-hover), var(--hl); background-size: 180px 6px, 100% .62em; }}@media (hover: hover) { html body:not(#zz) .article-toc a:not(.x):not(.y):hover .toc-t { background-size: 100% .55em; } html body:not(#zz) .article-toc a[aria-current="true"]:not(.x):not(.y):hover .toc-t { background-size: 180px 6px, 100% .55em; }}@media (min-width: 761px) { html body.layout-intro:not(.a):not(.b):not(.c):not(.d) .home-essay { grid-template-columns: minmax(0, 430px) 200px !important; justify-content: start !important; column-gap: 40px !important; }}@media (max-width: 760px) { html body.layout-intro:not(.a):not(.b):not(.c):not(.d) .home-intro-title { font-size: 56px !important; line-height: 64px !important; } html body.layout-intro:not(.a):not(.b):not(.c):not(.d) .home-intro-copy { font-size: 19px !important; } html body.layout-intro:not(.a):not(.b):not(.c):not(.d) .home-essay .home-essay-title { font-size: 30px !important; }}@media (max-width: 760px) { html body.layout-intro:not(.a):not(.b):not(.c):not(.e):not(.f) .home-intro-title { top: 8.5px !important; } html body.layout-intro:not(.a):not(.b):not(.c):not(.e):not(.f) .home-intro-copy { position: relative; top: -.5px !important; } html body.layout-intro:not(.a):not(.b):not(.c):not(.e):not(.f) .home-essay .home-essay-title { top: -1px !important; } html body.layout-intro:not(.a):not(.b):not(.c):not(.e):not(.f) .home-essay .home-essay-deck { top: 0 !important; } html body.layout-intro:not(.a):not(.b):not(.c):not(.e):not(.f) .home-intro .personal-portrait { margin-top: 64px !important; }}@media (min-width: 761px) { html body.layout-intro:not(.a):not(.b):not(.c):not(.d):not(.e) .home-essay { grid-template-columns: minmax(0, 400px) 256px !important; } html body.layout-intro:not(.a):not(.b):not(.c):not(.d):not(.e) .home-essay .home-essay-art { width: 256px !important; height: 192px !important; padding: 16px 18px !important; }}@media (min-width: 761px) { html body.layout-intro:not(.a):not(.b):not(.c):not(.d):not(.e):not(.f) .home-essay:nth-of-type(even) { grid-template-columns: 256px minmax(0, 400px) !important; } html body.layout-intro:not(.a):not(.b):not(.c):not(.d):not(.e):not(.f) .home-essay:nth-of-type(even) .home-essay-art { grid-column: 1 !important; grid-row: 1 !important; } html body.layout-intro:not(.a):not(.b):not(.c):not(.d):not(.e):not(.f) .home-essay:nth-of-type(even) .home-essay-copy { grid-column: 2 !important; grid-row: 1 !important; }}@media (max-width: 760px) { html body.page-writing:not(.a):not(.b):not(.c):not(.d) .writing-masthead h1 { font-size: 56px !important; line-height: 64px !important; } html body.page-writing:not(.a):not(.b):not(.c):not(.d) .writing-list > article { padding-left: 0 !important; } html body.page-writing:not(.a):not(.b):not(.c):not(.d) .writing-list .year-mark { position: static; display: block; } html body.page-writing:not(.a):not(.b):not(.c):not(.d) .writing-list > article h2 { font-size: 30px !important; }}@media (max-width: 480px) { html body:not(#zz) #brx-header nav ul { column-gap: 12px !important; gap: 12px !important; } html body:not(#zz) #brx-header nav a { font-size: 12px !important; letter-spacing: 0 !important; } html body:not(#zz) #brx-header .site-wordmark .sig-svg { width: 118px !important; height: 37px !important; margin: -7px -5px -6px !important; }}@media (max-width: 760px) { html body:not(.x):not(.y):not(.z):not(.v):not(.u):not(.t):not(.s) .home-intro { padding-top: 0 !important; margin-bottom: 64px !important; } html body:not(.x):not(.y):not(.z):not(.v):not(.u):not(.t):not(.s) .home-intro-title { font-size: 46px !important; line-height: 64px !important; top: 11px !important; }}@media (min-width: 761px) {html body:not(#zz):not(#zy):not(#zx) .home-essay h2.brxe-heading { font-size: 29px !important; top: -1px !important; }html body:not(#zz):not(#zy):not(#zx) .home-essay .home-essay-deck { top: 0 !important; }}@media (min-width: 761px) { html:not(#u1):not(#u2):not(#u3) body #brx-header .site-header { padding-left: 64px !important; padding-right: 64px !important; }}@media (min-width: 761px) { html:not(#u1):not(#u2):not(#u3) body #brx-content > :is(section, div, main, article) { padding-left: 88px !important; padding-right: 88px !important; } html:not(#u1):not(#u2):not(#u3) body #brx-header .site-header { padding-left: 88px !important; padding-right: 88px !important; }}@media (min-width: 761px) { html:not(#u1):not(#u2):not(#u3) body #brx-content > :is(section, div, main, article) { width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }}@media (min-width: 761px) { html:not(#u1):not(#u2):not(#u3) body #brx-content > :first-child { padding-top: 64px !important; }}@media (min-width: 761px) { html:not(#u1):not(#u2):not(#u3) body #brx-content { padding-left: 0 !important; padding-right: 0 !important; }}@media (max-width: 760px) { html:not(#u1):not(#u2):not(#u3) body.page-writing .writing-list h2, html:not(#u1):not(#u2):not(#u3) body.page-writing .writing-list h2 a { font-size: 26px !important; line-height: 32px !important; } html:not(#u1):not(#u2):not(#u3) body.layout-reading #brx-content h1 { font-size: 42px !important; line-height: 48px !important; }}@media (max-width: 760px) { html:not(#u1):not(#u2):not(#u3):not(#u4) body.page-writing .writing-list h2, html:not(#u1):not(#u2):not(#u3):not(#u4) body.page-writing .writing-list h2 a { font-size: 26px !important; line-height: 32px !important; } html:not(#u1):not(#u2):not(#u3):not(#u4) body.layout-reading #brx-content h1 { font-size: 42px !important; line-height: 48px !important; }}@media (max-width: 480px) { html:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5) body #brx-header .site-header { column-gap: 10px !important; padding-left: 20px !important; padding-right: 16px !important; } html:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5) body #brx-header .site-nav, html:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5) body #brx-header .site-nav ul { column-gap: 12px !important; gap: 12px !important; } html:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5) body #brx-header .site-wordmark svg { width: 100px !important; height: auto !important; } html:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5) body #brx-header .moon-switch { width: 28px !important; height: 28px !important; flex: 0 0 28px; }}@media (max-width: 760px) { html:not(#f1):not(#f2):not(#f3):not(#f4) body #brx-footer:not(#f5) { padding: 32px 24px 40px !important; gap: 12px 32px !important; margin-top: 48px !important; }}@media (max-width: 760px) { html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6) body .photo-section .masthead-title { font-size: calc((100vw - 72px) / 5) !important; line-height: .8 !important; }}@media (min-width: 1100px) { html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7) body .photo-section .masthead-title { width: auto !important; margin: 0.06em 0 0 0 !important; padding: 0 !important; font-size: 175px !important; }}@media (max-width: 760px) { html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8) body:not(#r9) #brx-footer { margin-top: 64px !important; }}@media (min-width: 1100px) { html:not(#m1):not(#m2):not(#m3):not(#m4):not(#m5):not(#m6):not(#m7):not(#m8) body:not(#m9) .masthead-title { font-size: 175px !important; }}@media (max-width: 480px) { html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body:not(#h7) #brx-header nav a { font-size: 16px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body:not(#h7) #brx-header nav ul, html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body:not(#h7) #brx-header .site-nav { gap: 14px !important; column-gap: 14px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body:not(#h7) #brx-header .site-wordmark svg { width: 92px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body:not(#h7) #brx-header .moon-switch { width: 26px !important; height: 26px !important; flex: 0 0 26px; }}@media (max-width: 380px) { html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8) body #brx-header .site-header { padding-left: 16px !important; padding-right: 12px !important; column-gap: 8px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8) body #brx-header nav a { font-size: 15px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8) body #brx-header nav ul, html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8) body #brx-header .site-nav { gap: 10px !important; column-gap: 10px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8) body #brx-header .site-wordmark svg { width: 80px !important; }}@media (max-width: 340px) { html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9) body #brx-header .site-header { padding-left: 12px !important; padding-right: 8px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9) body #brx-header nav a { font-size: 14px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9) body #brx-header nav ul, html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9) body #brx-header .site-nav { gap: 8px !important; column-gap: 8px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9) body #brx-header .site-wordmark svg { width: 68px !important; } html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6):not(#h7):not(#h8):not(#h9) body #brx-header .moon-switch { width: 22px !important; height: 22px !important; flex: 0 0 22px; }}@media (min-width: 761px) { html:not(#s1):not(#s2):not(#s3):not(#s4):not(#s5):not(#s6):not(#s7):not(#s8):not(#s9):not(#s10):not(#s11) body #brx-footer { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; column-gap: 40px !important; } html:not(#s1):not(#s2):not(#s3):not(#s4):not(#s5):not(#s6):not(#s7):not(#s8):not(#s9):not(#s10):not(#s11) body #brx-footer > nav.site-footer-links { grid-column: 1; grid-row: 1; justify-self: end; } html:not(#s1):not(#s2):not(#s3):not(#s4):not(#s5):not(#s6):not(#s7):not(#s8):not(#s9):not(#s10):not(#s11) body #brx-footer > div.site-footer-links { grid-column: 3; grid-row: 1; justify-self: start; } html:not(#s1):not(#s2):not(#s3):not(#s4):not(#s5):not(#s6):not(#s7):not(#s8):not(#s9):not(#s10):not(#s11) body #brx-footer::after { grid-column: 2; grid-row: 1; order: 0 !important; margin: 0 !important; }}@media (max-width: 760px) { html:not(#s1):not(#s2):not(#s3):not(#s4):not(#s5):not(#s6):not(#s7):not(#s8):not(#s9):not(#s10):not(#s11) body #brx-footer:not(#s12) { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 16px !important; } html:not(#s1):not(#s2):not(#s3):not(#s4):not(#s5):not(#s6):not(#s7):not(#s8):not(#s9):not(#s10):not(#s11) body #brx-footer:not(#s12)::after { order: -1 !important; margin: 0 !important; }}@media (min-width: 761px) { html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9) body #brx-content .masthead { padding-top: 64px !important; }}@media (max-width: 760px) { html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9) body #brx-content .photo-section .masthead { padding-top: 16px !important; }}@media (min-width: 761px) { html:not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10) body #brx-content > .masthead:first-child { padding-top: 128px !important; }}@media (min-width: 761px) { html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) body.layout-reading .article-heading { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px; column-gap: 56px; align-items: center; padding-top: 48px !important; } html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) body.layout-reading .article-heading > .article-art { grid-column: 2; grid-row: 1 / span 3; width: 320px !important; height: auto !important; margin: 0 !important; justify-self: end; } html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) body.layout-reading .article-heading > .article-art svg { width: 100% !important; height: auto !important; } html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) body.layout-reading .article-heading > :not(.article-art) { grid-column: 1; }}@media (max-width: 760px) { html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) body.layout-reading:not(#e7) #brx-content > .article-back { margin-left: 0 !important; padding-top: 32px !important; } html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) body.layout-reading:not(#e7) .article-heading > .article-art { width: 220px !important; height: auto !important; margin: 24px 0 24px !important; } html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) body.layout-reading:not(#e7) .article-heading > .article-art svg { width: 100% !important; height: auto !important; }}@media (max-width: 760px) { html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body:not(#w12) #brx-header nav a { padding: 10px 0 !important; margin: -10px 0 !important; } html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body:not(#w12) #brx-header .moon-switch { position: relative; } html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body:not(#w12) #brx-header .moon-switch::after { content: ""; position: absolute; inset: -9px; }}@media (max-width: 1099px) { html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body:not(#w12):not(#w13) .photo-section .masthead-title { font-size: calc((100vw - 56px) / 4.95) !important; padding-left: 24px !important; }}#brx-header .site-nav .brx-nav-nested-items { flex-wrap: nowrap;}html:not(.x)::after { mix-blend-mode: normal !important; opacity: .035 !important;}html body .essay-art :is(text, tspan) { font-variation-settings: "SOFT" 0, "WONK" 0, "opsz" 144 !important;}html body .article-art :is(text, tspan) { font-variation-settings: "SOFT" 0, "WONK" 0, "opsz" 144 !important;}html:has(body:is([data-brx-theme="light"] *)) { background-color: #e9e3d4 !important; background-image: radial-gradient(1100px 820px at calc(50% + 540px) -140px, rgba(255,232,190,.55), rgba(255,232,190,.18) 45%, transparent 70%), radial-gradient(ellipse 120% 90% at 50% 40%, transparent 55%, rgba(30,25,15,.10)), url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.9'%20numOctaves%3D'3'%20seed%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%200.15%20%200%200%200%200%200.15%20%200%200%200%200%200.1%20%200%200%200%200.06%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%2F%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat, no-repeat, repeat !important; background-size: auto !important; background-position: 0 0 !important;}html:has(body:not(:is([data-brx-theme="light"] *))) { background-color: #1b1a16 !important; background-image: radial-gradient(ellipse 110% 85% at 50% 35%, transparent 45%, rgba(0,0,0,.45)), url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.9'%20numOctaves%3D'3'%20seed%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%200.85%20%200%200%200%200%200.85%20%200%200%200%200%200.8%20%200%200%200%200.03%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%2F%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat, repeat !important; background-size: auto !important; background-position: 0 0 !important;}html body:is([data-brx-theme="light"] *):not(.x) { --paper: #f9f5ec;}html body:not(.x):not(.y) { --sheet-shadow: 0 1px 1px rgba(0,0,0,.10), 0 2px 4px rgba(0,0,0,.06);}html body:not(:is([data-brx-theme="light"] *)):not(.x):not(.y) { --sheet-shadow: 0 1px 2px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.25);}.page-lift { position: absolute; z-index: -1; pointer-events: none;}.page-lift i { position: absolute; bottom: 14px; width: 46%; height: 24px; box-shadow: 0 16px 14px rgba(15,18,25,.28);}.page-lift i:first-child { left: 12px; transform: rotate(-2.2deg);}.page-lift i:last-child { right: 12px; transform: rotate(2.2deg);}html:has(body:not(:is([data-brx-theme="light"] *))) .page-lift i { box-shadow: 0 16px 16px rgba(0,0,0,.6);}html body:is([data-brx-theme="light"] *) { --ul: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='6' viewBox='0 0 180 6'%3E%3Cpath d='M0 3.2 C14 2.3 30 3.9 47 3.1 S80 2.2 98 3.4 S133 4 151 2.8 S172 2.9 180 3.2' fill='none' stroke='%232a2621' stroke-opacity='0.45' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E"); --ul-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='6' viewBox='0 0 180 6'%3E%3Cpath d='M0 3.2 C14 2.3 30 3.9 47 3.1 S80 2.2 98 3.4 S133 4 151 2.8 S172 2.9 180 3.2' fill='none' stroke='%23bc5634' stroke-opacity='1' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");}html body:not(:is([data-brx-theme="light"] *)) { --ul: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='6' viewBox='0 0 180 6'%3E%3Cpath d='M0 3.2 C14 2.3 30 3.9 47 3.1 S80 2.2 98 3.4 S133 4 151 2.8 S172 2.9 180 3.2' fill='none' stroke='%23f1ebdf' stroke-opacity='0.5' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E"); --ul-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='6' viewBox='0 0 180 6'%3E%3Cpath d='M0 3.2 C14 2.3 30 3.9 47 3.1 S80 2.2 98 3.4 S133 4 151 2.8 S172 2.9 180 3.2' fill='none' stroke='%23e8845c' stroke-opacity='1' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");}html body:not(.x) :is(#brx-header nav, #brx-footer) a:not([aria-current]):not(:hover) { background-image: none !important; text-decoration: none !important;}html body:not(.x) #brx-footer { position: relative; justify-content: flex-start !important;}html body:not(.x) #brx-footer .site-footer-links { margin-left: 32px !important;}html body:not(.x) #brx-footer::after { content: "شرف"; position: absolute; right: 7%; top: 50%; transform: translateY(-62%) rotate(-5deg); font: 700 30px/1 "Aref Ruqaa", serif; color: var(--accent); pointer-events: none;}html body:not(.x) #brx-footer::before { content: "Charaf"; position: absolute; right: calc(7% + 54px); top: 50%; transform: translateY(-38%) rotate(-4deg); font: 500 21px/1 var(--hand); color: var(--accent); pointer-events: none;}html body.layout-intro:not(.x):not(.y) .home-essays::before { content: none !important;}html body.layout-intro:not(.x):not(.y) .home-essays::after { content: none !important;}html body:not(.x) .home-essays .home-essay-deck { color: var(--chm-body) !important;}html:has(body:is([data-brx-theme="light"] *)) { transition: background-color .65s ease;}html:has(body.layout-reading) { transition: background-color .65s ease;}html:has(body.layout-feature) { transition: background-color .65s ease;}html body:is([data-brx-theme="light"] *):not(.x):not(.y) { --hl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 7C38 4 78 6 118 5S178 3 196 6c3 4 1 9-1 12-35 2-83 0-121 1S22 21 5 19c-3-4-4-9-1-12Z' fill='%23bc5634' fill-opacity='.26'/%3E%3Cpath d='M8 13c52-2 132-1 186-2' stroke='%23bc5634' stroke-opacity='.07' stroke-width='5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");}html body:not(:is([data-brx-theme="light"] *)):not(.x):not(.y) { --hl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 7C38 4 78 6 118 5S178 3 196 6c3 4 1 9-1 12-35 2-83 0-121 1S22 21 5 19c-3-4-4-9-1-12Z' fill='%23e8845c' fill-opacity='.3'/%3E%3Cpath d='M8 13c52-2 132-1 186-2' stroke='%23e8845c' stroke-opacity='.08' stroke-width='5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");}html body :is(p, li, figcaption, .now-links) a:not(.home-essay-art):not(#brx-footer a):not(#brx-header a):not(#wpadminbar a) { background-image: var(--ul), var(--hl) !important; background-repeat: repeat-x, no-repeat !important; background-size: 180px 6px, 0% .62em !important; background-position: 0 100%, 0 82% !important; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .38s cubic-bezier(.3,.7,.3,1) !important;}html body :is(.read-link, .more-link, .article-back, .read-button) { background-image: var(--ul), var(--hl) !important; background-repeat: repeat-x, no-repeat !important; background-size: 180px 6px, 0% .62em !important; background-position: 0 100%, 0 82% !important; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .38s cubic-bezier(.3,.7,.3,1) !important;}html body main :is(h1, h2, h3) a:not(.x) { background-image: var(--hl) !important; background-repeat: no-repeat !important; background-size: 0% .5em !important; background-position: 0 80% !important; -webkit-box-decoration-break: clone; box-decoration-break: clone; text-decoration: none !important; transition: background-size .42s cubic-bezier(.3,.7,.3,1) !important;}html body .site-wordmark:not(.x) { display: inline-flex !important; align-items: baseline !important; gap: .28em !important; transform: rotate(-2deg); background: none !important; text-decoration: none !important; white-space: nowrap;}html body .site-wordmark:not(.x) .sig-lat { font: 500 34px/1 var(--hand, "Caveat"), cursive !important; color: currentColor !important; display: inline-block; padding: .18em .22em .2em .1em; margin: -.18em -.22em -.2em -.1em; -webkit-mask: linear-gradient(90deg, #000 78%, transparent) 0 0 / 130% 100% no-repeat; mask: linear-gradient(90deg, #000 78%, transparent) 0 0 / 130% 100% no-repeat;}html body .site-wordmark:not(.x) .sig-ar { font: 700 36px/1 "Aref Ruqaa", serif !important; color: var(--accent) !important; display: inline-block; position: relative; top: 2px; padding: .2em .1em .25em .22em; margin: -.2em -.1em -.25em -.22em; -webkit-mask: linear-gradient(270deg, #000 78%, transparent) 100% 0 / 130% 100% no-repeat; mask: linear-gradient(270deg, #000 78%, transparent) 100% 0 / 130% 100% no-repeat;}html body .site-wordmark.write:not(.x) :is(.sig-lat, .sig-ar) { animation: sig-write .4s cubic-bezier(.45,.1,.35,1) both;}html body #brx-footer:not(.x):not(.y)::before { content: none !important; display: none !important;}html body #brx-footer:not(.x):not(.y)::after { content: "ش" !important; order: 10 !important; margin-left: auto !important; align-self: center !important; display: inline-grid !important; place-items: center !important; width: 38px !important; height: 38px !important; border: 1.5px solid var(--accent) !important; border-radius: 50% !important; box-shadow: inset 0 0 0 2px var(--paper), inset 0 0 0 2.8px color-mix(in srgb, var(--accent) 60%, transparent) !important; font: 700 19px/1 "Aref Ruqaa", serif !important; color: var(--accent) !important; transform: rotate(-8deg) !important; padding: 0 0 3px !important; position: static !important; opacity: .92;}html body .hand-arrow:not(.x) { display: inline-block; width: .62em; height: .95em; vertical-align: -.12em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Cpath d='M11.2 28.2C8.4 21.4 7.6 13.6 9.9 3.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M4.9 9.6C6.9 7.6 8.5 5.6 9.9 3.4c1.3 2.3 2.9 4.1 5 5.4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Cpath d='M11.2 28.2C8.4 21.4 7.6 13.6 9.9 3.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M4.9 9.6C6.9 7.6 8.5 5.6 9.9 3.4c1.3 2.3 2.9 4.1 5 5.4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;}html body .hand-arrow.down:not(.x) { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Cpath d='M7.6 1.8c3.4 6.6 4.4 14.6 2.2 24.6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M4.6 20.2c2 2 3.6 3.9 5.1 6.3 1.4-2.4 3-4.2 5.4-5.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Cpath d='M7.6 1.8c3.4 6.6 4.4 14.6 2.2 24.6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M4.6 20.2c2 2 3.6 3.9 5.1 6.3 1.4-2.4 3-4.2 5.4-5.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); vertical-align: -.22em;}html body:not(#zz) .article-toc a:not(.x):not(.y) { background: none !important; text-decoration: none !important;}html body:not(#zz) .article-toc a:not(.x):not(.y):hover { background: none !important; text-decoration: none !important;}html body:not(#zz) .article-toc a:not(.x) .toc-t { background-image: var(--hl); background-repeat: no-repeat; background-size: 0% .62em; background-position: 0 82%; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .38s cubic-bezier(.3,.7,.3,1);}html body:not(#zz) .article-toc a[aria-current="true"]:not(.x) .toc-t { background-image: var(--ul), var(--hl); background-repeat: repeat-x, no-repeat; background-size: 180px 6px, 0% .62em; background-position: 0 100%, 0 82%;}html body:not(#zz) .article-toc a:not(.x):not(.y) .toc-t { background-size: 0% .55em; background-position: 0 104%; padding-bottom: 1px;}html body:not(#zz) .article-toc a[aria-current="true"]:not(.x):not(.y) .toc-t { background-size: 180px 6px, 0% .55em; background-position: 0 100%, 0 104%;}html body:is(.layout-intro, .page-about):not(.x):not(.y):not(.z)::before { display: none !important;}html body.layout-intro:not(.a):not(.b):not(.c) .home-intro-title { font-size: 88px !important; line-height: 96px !important; letter-spacing: -.012em !important;}html body.layout-intro:not(.a):not(.b):not(.c) .home-intro-copy { font-size: 21px !important; line-height: 32px !important; max-width: 30ch !important;}html body.layout-intro:not(.a):not(.b):not(.c) .home-intro .personal-portrait { align-self: start !important;}html body.layout-intro:not(.a):not(.b):not(.c) .eyebrow { font-size: 11px !important; letter-spacing: .14em !important;}html body.layout-intro:not(.a):not(.b):not(.c) .home-essay .article-meta { font-size: 11px !important; letter-spacing: .06em !important;}html body.layout-intro:not(.a):not(.b):not(.c) .home-essay .home-essay-title { font-size: 36px !important; line-height: 32px !important;}html body.layout-intro:not(.a):not(.b):not(.c) .home-essay .home-essay-art { position: relative !important; justify-self: start !important; box-sizing: border-box !important; padding: 14px 16px !important;}html body.layout-intro:not(.a):not(.b):not(.c) .home-essay .home-essay-art .charaf-visual { width: 100% !important; height: 100% !important;}html body.layout-intro:not(.a):not(.b):not(.c) .home-essay .home-essay-art svg { width: 100% !important; height: 100% !important;}html body.layout-intro:not(.a):not(.b):not(.c) .home-essay .home-essay-art::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: color-mix(in srgb, var(--ink) 55%, transparent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='1.3' d='M1.5 3.2C28 1.6 66 2.8 98.6 2.1M97.8 1C98.8 30 97.6 68 98.4 98.6M99 97.6C70 98.8 31 97.4 1.2 98.3M2.4 99C1.4 70 2.6 32 1.8 1.4'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='.8' stroke-opacity='.5' d='M3 1.8C35 3 70 1.4 97 3.4M96.6 3C97.6 40 96.8 72 97.4 97M97 96.6C64 97.4 30 96.4 3.2 97.2'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='1.3' d='M1.5 3.2C28 1.6 66 2.8 98.6 2.1M97.8 1C98.8 30 97.6 68 98.4 98.6M99 97.6C70 98.8 31 97.4 1.2 98.3M2.4 99C1.4 70 2.6 32 1.8 1.4'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='.8' stroke-opacity='.5' d='M3 1.8C35 3 70 1.4 97 3.4M96.6 3C97.6 40 96.8 72 97.4 97M97 96.6C64 97.4 30 96.4 3.2 97.2'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;}html body.layout-intro:not(.a):not(.b):not(.c):not(.e) .home-intro-title { top: 17px !important;}html body.layout-intro:not(.a):not(.b):not(.c):not(.e) .eyebrow { top: 2px !important;}html body.layout-intro:not(.a):not(.b):not(.c):not(.e) .home-essay .article-meta { top: 2px !important;}html body.layout-intro:not(.a):not(.b):not(.c):not(.e) .home-essay .home-essay-title { top: -2.5px !important;}html body.layout-intro:not(.a):not(.b):not(.c):not(.e) .home-essay .home-essay-deck { position: relative; top: -1.5px !important;}html body.layout-intro:not(.a):not(.b):not(.c):not(.e) .home-essay .home-essay-art::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%20100'%20preserveAspectRatio%3D'none'%3E%3Cpath%20vector-effect%3D'non-scaling-stroke'%20d%3D'M3%204.5C30%202.2%2064%203.6%2096.5%202.6C98%2032%2096.4%2066%2097.8%2096.4C66%2098.4%2034%2096.2%202.4%2097.6C3.6%2066%201.6%2034%203%204.5Z'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.1'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%20100'%20preserveAspectRatio%3D'none'%3E%3Cpath%20vector-effect%3D'non-scaling-stroke'%20d%3D'M3%204.5C30%202.2%2064%203.6%2096.5%202.6C98%2032%2096.4%2066%2097.8%2096.4C66%2098.4%2034%2096.2%202.4%2097.6C3.6%2066%201.6%2034%203%204.5Z'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.1'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") !important; rotate: -.6deg;}html body .sketch-art:not(.x) text { font-family: var(--hand, "Caveat"), cursive !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0 !important;}html body .sketch-art:not(.x) tspan { font-family: var(--hand, "Caveat"), cursive !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0 !important;}html body .sketch-art:not(.x) text:not([fill]) { fill: inherit !important;}html body .sketch-art:not(.x) [fill="var(--ink)"] { fill: var(--ink) !important;}html body .sketch-art:not(.x) [fill="var(--accent)"] { fill: var(--accent) !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-masthead .page-kicker { font: 500 11px/32px var(--mono) !important; letter-spacing: .14em !important; text-transform: uppercase; margin: 0 !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-masthead h1 { font-size: 88px !important; line-height: 96px !important; letter-spacing: -.012em !important; margin: 0 0 32px !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-masthead p:not(.page-kicker) { font-size: 21px !important; line-height: 32px !important; max-width: 30ch !important; margin: 0 !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list { display: block !important; margin: 32px 0 0 !important; padding: 0 !important; counter-reset: none !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list>article { display: block !important; position: relative !important; margin: 0 0 64px !important; padding: 0 0 0 128px !important; border: 0 !important; background: none !important; min-height: 0 !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list>article::before { content: none !important; display: none !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list>article::after { content: none !important; display: none !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list h2::before { content: none !important; display: none !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list h2::after { content: none !important; display: none !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list h2 a::after { content: none !important; display: none !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list>article>p:first-of-type { font: 500 11px/32px var(--mono) !important; letter-spacing: .06em !important; color: var(--muted) !important; margin: 0 !important; position: relative; float: none !important; text-align: left !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list>article h2 { font-size: 36px !important; line-height: 32px !important; margin: 0 !important; position: relative; display: block !important;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list>article>p:last-of-type { font-size: 18px !important; line-height: 32px !important; max-width: 34em !important; margin: 0 !important; position: relative; color: var(--chm-body) !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}html body.page-writing:not(.a):not(.b):not(.c) .writing-list .year-mark { position: absolute; left: 0; top: 0; font: 500 30px/32px var(--hand, "Caveat"), cursive; color: var(--accent); rotate: -4deg;}html body.page-writing:not(.a):not(.b):not(.c):not(.e) .writing-masthead .page-kicker { position: relative; top: 2px !important;}html body.page-writing:not(.a):not(.b):not(.c):not(.e) .writing-masthead h1 { position: relative; top: 17px !important;}html body.page-writing:not(.a):not(.b):not(.c):not(.e) .writing-masthead p:not(.page-kicker) { position: relative; top: -1.5px !important;}html body.page-writing:not(.a):not(.b):not(.c):not(.e) .writing-list>article>p:first-of-type { top: 10px !important;}html body.page-writing:not(.a):not(.b):not(.c):not(.e) .writing-list>article h2 { top: 5.5px !important;}html body.page-writing:not(.a):not(.b):not(.c):not(.e) .writing-list>article>p:last-of-type { top: 8px !important;}html body.page-writing:not(.a):not(.b):not(.c):not(.e) .writing-list .year-mark { top: 2px !important;}html body:not(.x):not(.y):not(.z):not(.v):not(.u):not(.t) .home-intro { padding-top: 32px !important; margin-bottom: 96px !important;}html body:not(.x):not(.y):not(.z):not(.v):not(.u):not(.t) .home-intro-title { font-size: 64px !important; line-height: 64px !important; top: 6.5px !important;}html { overflow-x: clip;}html:not(#u1):not(#u2):not(#u3) body { width: auto !important; max-width: none !important; margin: 0 !important; box-shadow: none !important; border-radius: 0 !important;}html:not(#u1):not(#u2):not(#u3) body>:is(#brx-header, #brx-content, #brx-footer) { max-width: 1040px; margin-inline: auto;}html:not(#u1):not(#u2):not(#u3) body .page-lift { display: none !important;}html:not(#u1):not(#u2):not(#u3) body>:is(#brx-header, #brx-content, #brx-footer) { max-width: 1040px !important; margin-inline: auto !important;}:root:not([data-brx-theme="dark"]):not(#b1):not(#b2):not(#b3) :is(.sketch-art, .essay-art, .charaf-visual>svg) { --ink: #263b86;}:root:not([data-brx-theme="dark"]):not(#b1):not(#b2):not(#b3) body .photo-section :is(.masthead-title, .photo-chapter-head h2) { color: #263b86 !important;}html:not(#u1):not(#u2):not(#u3) body #brx-content .masthead { margin-bottom: 0 !important;}html:not(#u1):not(#u2):not(#u3) body #brx-content>:first-child:has(>.masthead) { row-gap: 96px !important;}html:not(#u1):not(#u2) body { transition-duration: .25s !important;}html:not(#u1):not(#u2):not(#u3) body.page-writing .writing-list h2 { font-size: 32px !important; line-height: 40px !important; top: 0 !important;}html:not(#u1):not(#u2):not(#u3) body.page-writing .writing-list h2 a { font-size: 32px !important; line-height: 40px !important; top: 0 !important;}html:not(#u1):not(#u2):not(#u3) body.layout-reading #brx-content h1 { font-size: 64px !important; line-height: 68px !important; letter-spacing: -.015em;}html:not(#f1):not(#f2):not(#f3):not(#f4) body #brx-footer { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 16px 48px !important; padding: 40px 88px 56px !important; margin-top: 64px !important; border-top: 1px solid color-mix(in srgb, var(--chm-text) 12%, transparent);}html:not(#f1):not(#f2):not(#f3):not(#f4) body #brx-footer>.site-footer-links { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 8px 24px !important; margin: 0 !important; width: auto !important;}html:not(#f1):not(#f2):not(#f3):not(#f4) body #brx-footer a { font: 500 12px/24px var(--mono) !important; letter-spacing: .04em;}html:not(#f1):not(#f2):not(#f3):not(#f4) body #brx-footer::before { display: none !important;}html:not(#f1):not(#f2):not(#f3):not(#f4) body #brx-footer::after { margin-left: auto !important;}:root[data-brx-theme="dark"]:not(#b1):not(#b2):not(#b3) :is(.sketch-art, .essay-art, .charaf-visual>svg) { --ink: #9fb0e6;}html:not(#c1):not(#c2):not(#c3) body .photo-chapter .photo-chapter-head::before { color: var(--chm-accent-text) !important;}html:not(#c1):not(#c2):not(#c3) body.page-about .about-chapter h2::before { color: var(--chm-accent-text) !important;}html:not(#c1):not(#c2):not(#c3) body pre.wp-block-kevinbatdorf-code-block-pro { background-color: #2a2621 !important;}html:not(#c1):not(#c2):not(#c3) body .wp-block-kevinbatdorf-code-block-pro pre { background-color: #2a2621 !important;}html:not(#c1):not(#c2):not(#c3) body :is(.photo-print img, .home-photo img, .about-prints img, .about-fig-wide img, .about-fig-side img) { outline: 1px solid rgba(42, 38, 33, .12); outline-offset: -1px;}html:not(#c1):not(#c2):not(#c3) body #brx-footer::after { color: var(--chm-text) !important;}:root[data-brx-theme="dark"]:not(#c1):not(#c2):not(#c3) body .wp-block-kevinbatdorf-code-block-pro pre { background-color: #26231e !important;}html:not(#c1):not(#c2):not(#c3) body #brx-footer::after { border-color: currentColor !important; box-shadow: inset 0 0 0 2px var(--paper), inset 0 0 0 2.8px color-mix(in srgb, currentColor 60%, transparent) !important;}html:not(#t1):not(#t2):not(#t3):not(#t4) body .photo-section .masthead { container-type: normal; border-bottom: 0; padding-bottom: 0;}html:not(#t1):not(#t2):not(#t3):not(#t4) body .photo-section .masthead-title { width: calc(100vw - 24px) !important; max-width: none !important; margin: 0.07em 0 0 calc(50% - 50vw) !important; padding: 0 0 0 24px !important; font-size: calc((100vw - 72px) / 5) !important; line-height: .8 !important; letter-spacing: -.045em !important; white-space: nowrap;}html:not(#t1):not(#t2):not(#t3):not(#t4) body .photo-section .masthead-deck { margin-top: 32px !important; padding-bottom: 24px; border-bottom: 1px solid color-mix(in srgb, var(--chm-text) 14%, transparent);}:root:not([data-brx-theme="dark"]):not(#k1):not(#k2):not(#k3):not(#k4) body .photo-section .masthead-title { color: var(--chm-text) !important;}:root:not([data-brx-theme="dark"]):not(#k1):not(#k2):not(#k3):not(#k4) body .photo-section .photo-chapter { --chap: #263b86;}:root:not([data-brx-theme="dark"]):not(#k1):not(#k2):not(#k3):not(#k4) body .photo-section .photo-chapter[data-term="17"] { --chap: #9e2a2b;}:root:not([data-brx-theme="dark"]):not(#k1):not(#k2):not(#k3):not(#k4) body .photo-section .photo-chapter[data-term="22"] { --chap: #1f6359;}:root[data-brx-theme="dark"]:not(#k1):not(#k2):not(#k3):not(#k4) body .photo-section .photo-chapter { --chap: #9fb0e6;}:root[data-brx-theme="dark"]:not(#k1):not(#k2):not(#k3):not(#k4) body .photo-section .photo-chapter[data-term="17"] { --chap: #e07a72;}:root[data-brx-theme="dark"]:not(#k1):not(#k2):not(#k3):not(#k4) body .photo-section .photo-chapter[data-term="22"] { --chap: #7fc0b2;}:root:not(#k1):not(#k2):not(#k3):not(#k4) body .photo-section .photo-chapter .photo-chapter-head h2 { color: var(--chap) !important;}:root:not(#k1):not(#k2):not(#k3):not(#k4) body .photo-section .photo-chapter .photo-chapter-head::before { color: var(--chap) !important;}html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8) body .masthead { border-bottom: 0 !important;}html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8) body .masthead-deck { border-bottom: 0 !important;}html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8) body #brx-footer { border-top: 0 !important; margin-top: 96px !important; padding-top: 32px !important;}html:not(#r1):not(#r2):not(#r3):not(#r4):not(#r5):not(#r6):not(#r7):not(#r8) body #brx-footer::after { order: -1 !important; margin-left: 0 !important; margin-right: 8px !important;}html:not(#m1):not(#m2):not(#m3):not(#m4):not(#m5):not(#m6):not(#m7):not(#m8) body .masthead-title { font-size: calc((100vw - 72px) / 5) !important; line-height: .8 !important; letter-spacing: -.04em !important; margin-top: .06em !important;}html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body #brx-header nav a { font: 400 19px/24px "Sorts Mill Goudy", Georgia, serif !important; letter-spacing: 0 !important; text-transform: none !important;}html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body #brx-header nav ul { gap: 28px !important; column-gap: 28px !important;}html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body #brx-header .site-nav { gap: 28px !important; column-gap: 28px !important;}html:not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body #brx-header .site-wordmark svg { width: 140px !important; height: auto !important;}:root:not([data-brx-theme="dark"]):not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body .moon-switch::before { background-color: var(--chm-text) !important;}:root:not([data-brx-theme="dark"]):not(#h1):not(#h2):not(#h3):not(#h4):not(#h5):not(#h6) body .moon-switch .moon-shadow { background-color: var(--chm-text) !important;}html:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) body #brx-footer { justify-content: center !important; text-align: center; row-gap: 20px !important;}html:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) body #brx-footer::after { order: -1 !important; margin: 0 calc(50% - 19px) 4px !important;}html:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) body #brx-footer>.site-footer-links { justify-content: center !important;}html:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) body #brx-footer::after { order: -1 !important; margin: 0 calc(50% - 19px) 4px !important;}html body { font-variant-numeric: lining-nums;}html body :is(h1, h2, h3, h4, h5, h6) { font-variant-numeric: lining-nums !important; font-feature-settings: "lnum" 1 !important;}html body :is(h1, h2, h3, h4, h5, h6, .masthead-title, .home-essay-title) { font-variant-numeric: lining-nums !important; font-feature-settings: "lnum" 1 !important;}html body :is(h1, h2, h3, h4, h5, h6, .masthead-title, .home-essay-title) * { font-variant-numeric: lining-nums !important; font-feature-settings: "lnum" 1 !important;}html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) body.layout-reading #brx-content>.article-back { margin: 0 0 0 88px !important; padding: 64px 0 0 !important; display: inline-block !important; height: auto !important; line-height: 24px !important;}html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6):not(#e7):not(#e8) body.layout-reading .article-heading:not(:has(.article-art :is(svg, img))) { grid-template-columns: minmax(0, 1fr) !important;}html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6):not(#e7):not(#e8) body.layout-reading .article-heading:not(:has(.article-art :is(svg, img)))>.article-art { display: none !important;}html body .charaf-interactive { font-variant-numeric: lining-nums tabular-nums !important; font-feature-settings: "lnum" 1, "tnum" 1 !important;}html body .charaf-interactive * { font-variant-numeric: lining-nums tabular-nums !important; font-feature-settings: "lnum" 1, "tnum" 1 !important;}html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6):not(#e7):not(#e8):not(#e9) body.layout-reading .article-heading>.article-art { height: auto !important; min-height: 0 !important;}html:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6):not(#e7):not(#e8):not(#e9) body.layout-reading .article-heading>.article-art>.charaf-visual { height: auto !important; min-height: 0 !important;}html:not(#w1):not(#w2) { transition-duration: .25s !important;}html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body :is(a, .read-link, .read-button, .article-toc a, .moon-switch, .moon-switch *, .home-essay-title a) { transition-duration: .2s !important;}::view-transition-group(*) { animation-duration: .25s !important;}::view-transition-old(*) { animation-duration: .25s !important;}::view-transition-new(*) { animation-duration: .25s !important;}html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body :is(h1, h2, h3, .masthead-title, .home-essay-title, .article-title) { text-wrap: balance;}html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body p { text-wrap: pretty;}html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body.layout-reading .brxe-post-content>:is(p, ul, ol, h2, h3, h4, blockquote, .wp-block-quote, .wp-block-list) { max-width: 680px;}html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body .year-mark { font: 400 30px/1 "Sorts Mill Goudy", Georgia, serif !important; font-feature-settings: "lnum" 1 !important; font-variant-numeric: lining-nums !important; rotate: none !important; color: var(--accent) !important;}html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body .reading-end { justify-content: flex-start !important; gap: 12px 24px !important; max-width: none !important; margin-left: 0 !important; flex-wrap: wrap; align-items: baseline !important;}html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body .reading-end>span { font: 500 11px/16px var(--mono) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--muted) !important;}html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11) body .reading-end .read-button { font-feature-settings: "lnum" 1 !important; font-variant-numeric: lining-nums !important; translate: none !important; transform: none !important;}html body .charaf-interactive span:not([class]) { font-family: "IBM Plex Mono", ui-monospace, monospace !important;}html body .charaf-interactive .neighbor-dot b { font-family: "IBM Plex Mono", ui-monospace, monospace !important;}:where(body.layout-intro:not(.page-auth)) .site-header {display:flex; align-items:center; justify-content:space-between; padding:30px 5%; gap:25px}:where(body.layout-intro:not(.page-auth)) .site-header nav {display:flex; align-items:center; gap:28px; font-size:12px}:where(body.layout-intro:not(.page-auth)) .site-header nav>a {text-decoration:none}:where(body.layout-intro:not(.page-auth)) .site-header {position:relative; z-index:2}@media (max-width:650px) {:where(body.layout-intro:not(.page-auth)) .site-header {padding:22px 6%; gap:15px}}@media (max-width:650px) {:where(body.layout-intro:not(.page-auth)) .site-header nav {gap:var(--chm-gap-s); font-size:11px}}@media (max-width:380px) {:where(body.layout-intro:not(.page-auth)) .site-header {padding-left:6%; padding-right:6%; gap:10px}}@media (max-width:380px) {:where(body.layout-intro:not(.page-auth)) .site-header nav {gap:10px}}:where(body.layout-intro:not(.page-auth)) .site-header nav {position:relative}:where(body.layout-intro:not(.page-auth)) #brx-header>.site-header {width:100%}:where(body.layout-intro:not(.page-auth)) #brx-header .site-header {padding:34px 0 0}:where(body.layout-intro:not(.page-auth)) #brx-header>.site-header {max-width:1500px; margin:auto; padding:34px 7% 0}:where(body.layout-intro:not(.page-auth)) #brx-header .site-header {display:flex; justify-content:space-between; align-items:center; gap:28px}@media (max-width:650px) {:where(body.layout-intro:not(.page-auth)) #brx-header>.site-header {gap:var(--chm-gap-xs); padding:28px 7% 0}}@media (max-width:360px) {body:where(.layout-intro:not(.page-auth)) #brx-header>.site-header {padding-left:20px; padding-right:20px; gap:8px}}:where(body.page-about) .site-header {display:flex; align-items:center; justify-content:space-between; padding:30px 5%; gap:25px}:where(body.page-about) .site-header nav {display:flex; align-items:center; gap:28px; font-size:12px}:where(body.page-about) .site-header nav>a {text-decoration:none}:where(body.page-about) .site-header {position:relative; z-index:2}@media (max-width:650px) {:where(body.page-about) .site-header {padding:22px 6%; gap:15px}}@media (max-width:650px) {:where(body.page-about) .site-header nav {gap:var(--chm-gap-s); font-size:11px}}@media (max-width:380px) {:where(body.page-about) .site-header {padding-left:6%; padding-right:6%; gap:10px}}@media (max-width:380px) {:where(body.page-about) .site-header nav {gap:10px}}:where(body.page-about) .site-header nav {position:relative}:where(body.page-about) #brx-header>.site-header {width:100%}:where(body.page-about) #brx-header .site-header {padding:34px 0 0}:where(body.page-about) #brx-header>.site-header {max-width:1500px; margin:auto; padding:34px 7% 0}:where(body.page-about) #brx-header .site-header {display:flex; justify-content:space-between; align-items:center; gap:28px}@media (max-width:650px) {:where(body.page-about) #brx-header>.site-header {gap:var(--chm-gap-xs); padding:28px 7% 0}}@media (max-width:360px) {body:where(.page-about) #brx-header>.site-header {padding-left:20px; padding-right:20px; gap:8px}}:where(body.layout-reading) #brx-header>.site-header {width:100%}:where(body.layout-reading) #brx-header .site-header {padding:34px 0 0}:where(body.layout-reading).layout-reading #brx-header .site-header {max-width:1400px; margin:auto; padding:34px 6% 0}@media (max-width:760px) {:where(body.layout-reading).layout-reading #brx-header .site-header {padding:28px 24px 0}}:where(body.layout-reading) #brx-header>.site-header {max-width:1500px; margin:auto; padding:34px 7% 0}:where(body.layout-reading) #brx-header .site-header {display:flex; justify-content:space-between; align-items:center; gap:28px}@media (max-width:650px) {:where(body.layout-reading) #brx-header>.site-header {gap:var(--chm-gap-xs); padding:28px 7% 0}}@media (max-width:360px) {body:where(.layout-reading) #brx-header>.site-header {padding-left:20px; padding-right:20px; gap:8px}}@media (max-width:360px) {body:where(.layout-reading).layout-reading #brx-header>.site-header {padding-left:20px; padding-right:20px; gap:8px}}:where(body.page-auth) .site-header {display:flex; align-items:center; justify-content:space-between; padding:30px 5%; gap:25px}:where(body.page-auth) .site-header nav {display:flex; align-items:center; gap:28px; font-size:12px}:where(body.page-auth) .site-header nav>a {text-decoration:none}:where(body.page-auth) .site-header {position:relative; z-index:2}@media (max-width:650px) {:where(body.page-auth) .site-header {padding:22px 6%; gap:15px}}@media (max-width:650px) {:where(body.page-auth) .site-header nav {gap:var(--chm-gap-s); font-size:11px}}@media (max-width:380px) {:where(body.page-auth) .site-header {padding-left:6%; padding-right:6%; gap:10px}}@media (max-width:380px) {:where(body.page-auth) .site-header nav {gap:10px}}:where(body.page-auth) .site-header nav {position:relative}:where(body.page-auth) #brx-header>.site-header {width:100%}:where(body.page-auth) #brx-header .site-header {padding:34px 0 0}:where(body.page-auth) #brx-header>.site-header {max-width:1500px; margin:auto; padding:34px 7% 0}:where(body.page-auth) #brx-header .site-header {display:flex; justify-content:space-between; align-items:center; gap:28px}@media (max-width:650px) {:where(body.page-auth) #brx-header>.site-header {gap:var(--chm-gap-xs); padding:28px 7% 0}}@media (max-width:360px) {body:where(.page-auth) #brx-header>.site-header {padding-left:20px; padding-right:20px; gap:8px}}@font-face { font-family: "Fraunces"; src: url("/wp-content/uploads/2026/10/Fraunces-normal-400-600-latin.woff2") format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: "Fraunces"; src: url("/wp-content/uploads/2026/10/Fraunces-italic-400-600-latin.woff2") format("woff2"); font-weight: 400 600; font-style: italic; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: "Source Serif 4"; src: url("/wp-content/uploads/2026/10/SourceSerif4-normal-v2.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: "Source Serif 4"; src: url("/wp-content/uploads/2026/10/SourceSerif4-italic-v2.woff2") format("woff2"); font-weight: 400 700; font-style: italic; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: "IBM Plex Mono"; src: url("/wp-content/uploads/2026/10/IBMPlexMono-normal-400-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: "IBM Plex Mono"; src: url("/wp-content/uploads/2026/10/IBMPlexMono-normal-500-latin.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: "Caveat"; src: url("/wp-content/uploads/2026/10/Caveat-v2.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@media (min-width: 1024px) { html body { width: calc(100% - 64px); max-width: 1360px; margin: 32px auto 64px; box-shadow: var(--sheet-shadow); border-radius: 2px; }}@media (max-width: 650px) { html body.layout-intro:not(.x) main { padding-top: 64px !important; padding-bottom: 64px !important; } html body.layout-intro:not(.x) .home-intro { margin-bottom: 64px !important; grid-template-columns: 1fr 102px !important; } html body.layout-intro:not(.x) .home-intro h1 { margin-bottom: 0 !important; } html body.layout-intro:not(.x) .home-intro .home-intro-copy { font-size: 16px !important; } html body.layout-intro:not(.x) .personal-portrait { width: 102px !important; margin: 0 !important; } html body.layout-intro:not(.x) .personal-portrait .portrait-stack { height: 128px; } html body.layout-intro:not(.x) .home-intro .hand-note { grid-column: 2; margin: 0 0 0 4px; font-size: 21px; } html body.layout-intro:not(.x) .now-lead { margin-bottom: 96px !important; } html body.layout-intro:not(.x) .home-essays article { margin-bottom: 64px !important; } html body.layout-intro:not(.x) .home-essays .home-essay-art { height: 256px !important; } html body.layout-intro:not(.x) .home-essays { padding-bottom: 32px !important; }}@media (max-width: 760px) { html body.page-about:not(.x) .about-chapter { min-height: 0 !important; padding: 32px 0 !important; } html body.page-about:not(.x) .about-present { padding: 32px 0 64px !important; }}@media (hover: hover) { html body main :is(p, li, h1, h2, h3, .now-links, .writing-list) a:hover { text-decoration-color: transparent !important; background: linear-gradient(transparent 52%, color-mix(in srgb, var(--accent) 34%, transparent) 52%, color-mix(in srgb, var(--accent) 34%, transparent) 90%, transparent 90%); }}@media (max-width: 900px) { html body.single-post .article-prose h2:not(figure h2):not(.shift-lab h2):not(.number-lab h2)::before { position: static; display: inline-block; margin-right: .45em; }}@media (max-width: 650px) { html body .writing-list article { grid-template-columns: 30px minmax(0, 1fr); } html body .writing-list article::after { display: none; } html body .writing-list article > p:first-of-type { grid-column: 2; grid-row: 2; } html body .writing-list article > p:last-of-type { grid-column: 2; grid-row: 3; }}body { --rule: color-mix(in srgb, var(--ink) 9%, transparent); --margin-rule: color-mix(in srgb, var(--accent) 55%, transparent); --pitch: 32px; --serif: "Source Serif 4", Georgia, serif; --display: "Fraunces", Georgia, serif; --mono: "IBM Plex Mono", ui-monospace, monospace; --hand: "Caveat", cursive; --desk: #d8d1c1; --sheet-shadow: 0 1px 2px rgb(40 30 10 / .10), 0 40px 70px -40px rgb(40 30 10 / .45); --tape: rgb(233 223 192 / .78); --card: #fffdf8;}body:is([data-brx-theme="light"] *) { --paper: #fbf9f3;}body:not(:is([data-brx-theme="light"] *)) { --desk: #141210; --sheet-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 40px 80px -30px rgb(0 0 0 / .7); --tape: rgb(58 53 45 / .8); --card: #26231e;}#brx-header { position: relative; z-index: 1;}#brx-content { position: relative; z-index: 1;}#brx-footer { position: relative; z-index: 1;}html::after { content: ""; position: fixed; inset: 0; z-index: 2147483000; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='240'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.85'%20numOctaves='3'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.9%200'/%3E%3C/filter%3E%3Crect%20width='100%'%20height='100%'%20filter='url(%23n)'/%3E%3C/svg%3E"); opacity: .04; mix-blend-mode: multiply;}html:has(body:not(:is([data-brx-theme="light"] *)))::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='240'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.85'%20numOctaves='3'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.9%200'/%3E%3C/filter%3E%3Crect%20width='100%'%20height='100%'%20filter='url(%23n)'/%3E%3C/svg%3E"); opacity: .04; mix-blend-mode: screen;}html body { font-family: var(--serif) !important;}html body :is(p, li, dd, dt, blockquote, td, th, .article-prose, .now-more, .home-intro-copy, .home-essay-deck, .article-deck, .page-deck) { font-family: var(--serif) !important;}html body :is(h1, h2, h3, h4, .site-wordmark, .read-button, .home-essay-title, .now-text, .part-bits, .part-value, .binary-point, .diagram-equation, .shift-result, .moving-bits span, .new-bits span, .leading-zeroes span, .float-fields strong, .essay-art text, .essay-art tspan) { font-family: var(--display) !important; font-variation-settings: "SOFT" 100, "WONK" 1;}html body :is(h1, h2, h3, h4, .site-wordmark, .home-essay-title, .read-button) { font-weight: 500 !important; letter-spacing: -.02em !important;}html body :is(.now-text, .site-wordmark .wm-last) { font-style: italic !important; font-weight: 400 !important;}html body :is(.eyebrow, .page-kicker, .article-meta, .read-link, .article-back, .more-link, .now-links, #brx-header nav, #brx-header nav a, #brx-footer, #brx-footer a, figcaption, .bricks-image-caption, .diagram-label, .part-label, .diagram-note, .part-explanation, .shift-guide, .shift-weights, .shift-footnote, .shift-caption, .shift-controls button, .number-lab summary, .number-comparison span, .true-third b, .float-notes, .float-fields span, .article-toc, .article-toc a, .article-toc span, code, pre, kbd, samp, output, .essay-art .art-tail, .essay-art .art-small, .writing-list article>p:first-of-type) { font-family: var(--mono) !important; font-variation-settings: normal;}html body :is(.eyebrow, .page-kicker) { letter-spacing: .06em !important; font-weight: 500 !important;}html body #brx-header nav a { font-size: 13px !important; letter-spacing: .02em;}.hand-note { font-family: var(--hand) !important; font-weight: 500; font-size: 23px; line-height: 1; color: var(--accent); text-transform: none; letter-spacing: 0; transform: rotate(-3deg); white-space: nowrap;}html { background: var(--desk);}html:has(body:not(:is([data-brx-theme="light"] *))) { background: #1b1915;}html body:is(.layout-intro, .page-about) { position: relative;}html body:is(.layout-intro, .page-about)::after { display: none !important;}html body:is(.layout-intro, .page-about)::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 1; background: linear-gradient(90deg, transparent calc(max(0px, (100% - 1500px) / 2) + min(100%, 1500px) * .07 - 30px), var(--margin-rule) 0, var(--margin-rule) calc(max(0px, (100% - 1500px) / 2) + min(100%, 1500px) * .07 - 29px), transparent 0);}html body:is(.layout-intro, .page-about) :is(.home-intro-copy, .now-more, .home-essay-deck, .about-chapter p, .about-present p, .place-photo+p) { font-size: 18px !important; line-height: 32px !important; margin: 0 !important;}html body:is(.layout-intro, .page-about) .home-intro-copy { font-size: 17px !important;}html body:is(.layout-intro, .page-about) :is(.eyebrow, .page-kicker, .article-meta, .read-link, .more-link, .now-links) { font-size: 13px !important; line-height: 32px !important; margin: 0 !important; position: relative; top: 1px;}html body:is(.layout-intro, .page-about) .now-text { font-size: 26px !important; line-height: 32px !important; margin: 0 !important; position: relative; top: -3.5px;}html body:is(.layout-intro, .page-about) .home-essay-title { font-size: 27px !important; line-height: 32px !important; margin: 0 !important;}html body:is(.layout-intro, .page-about) .home-essay-title a { font-size: 27px !important; line-height: 32px !important; margin: 0 !important;}html body:is(.layout-intro, .page-about) .home-essay-title { position: relative; top: -3.5px; max-width: 420px !important;}html body:is(.layout-intro, .page-about) h1 { font-size: 51px !important; line-height: 64px !important; margin: 0 !important; position: relative; top: 3.5px; letter-spacing: -.025em !important;}html body:is(.layout-intro, .page-about) :is(.about-chapter, .about-present) h2 { font-size: 46px !important; line-height: 64px !important; margin: 0 !important; position: relative; top: 5.5px;}html body.layout-intro main { padding-top: 96px !important; padding-bottom: 96px !important;}html body.layout-intro .home-intro { position: static !important; top: auto !important; padding-top: 0 !important;}html body.layout-intro .home-intro h1 { margin-bottom: 32px !important;}html body.layout-intro .personal-portrait { width: 154px !important; margin: 32px 0 0 !important;}html body.layout-intro .personal-portrait .portrait-stack { height: 192px; aspect-ratio: auto;}html body.layout-intro .home-intro .hand-note { display: block; width: fit-content; line-height: 32px; margin: 0 0 0 14px;}html body.layout-intro .now-lead { margin: 0 0 128px !important;}html body.layout-intro .now-lead .now-more { margin-top: 32px !important;}html body.layout-intro .now-links { display: flex; flex-wrap: wrap; column-gap: 22px; margin-top: 32px !important;}html body.layout-intro .home-essays { padding-bottom: 96px !important;}html body.layout-intro .home-essays .eyebrow { margin-bottom: 32px !important;}html body.layout-intro .home-essays .eyebrow .hand-note { position: absolute; margin: -4px 0 0 18px; font-size: 24px;}html body.layout-intro .home-essays article { margin: 0 0 96px !important;}html body.layout-intro .home-essays article:nth-last-child(2) { margin-bottom: 32px !important;}html body.layout-intro .home-essays .home-essay-art { height: 320px !important; width: auto !important; max-width: 100% !important; aspect-ratio: 520 / 390 !important; margin: 0 !important;}html body.layout-intro .home-essays .home-essay-copy { margin: 32px 0 0 !important; padding: 0 !important; line-height: 32px;}html body.layout-intro .home-essays .read-link { display: inline-block;}html body.layout-intro .home-essays .more-link { display: inline-block; font-size: 13px !important;}html body.page-about main { max-width: 1500px; padding: 0 7% 64px; margin: 0 auto;}html body.page-about .about-intro { padding: 64px 0 32px !important;}html body.page-about .about-chapters { padding-top: 32px !important; counter-reset: entry;}html body.page-about .about-chapter { min-height: 640px !important; padding: 32px 0 !important; justify-content: flex-start !important;}html body.page-about .about-present { padding: 64px 0 96px !important;}html body.page-about .about-present p+p { margin-top: 32px !important;}html body.page-about :is(.about-chapter, .about-present) { counter-increment: entry;}html body.page-about :is(.about-chapter, .about-present) h2::before { content: counter(entry, decimal-leading-zero); display: block; position: relative; top: -4.5px; font: 500 13px/32px var(--mono); letter-spacing: .08em; color: var(--accent);}.tape-host { position: relative;}html body.layout-intro .personal-portrait { position: relative; transform: rotate(-2deg); box-shadow: 0 12px 20px -12px rgb(20 15 5 / .45);}html body.layout-intro .personal-portrait::before { content: ""; position: absolute; top: -12px; left: 50%; width: 80px; height: 24px; z-index: 3; pointer-events: none; transform: translateX(-50%) rotate(3deg); background: var(--tape); clip-path: polygon(0 12%, 3% 0, 7% 9%, 11% 0, 15% 8%, 20% 0, 100% 0, 97% 14%, 100% 30%, 96% 46%, 100% 62%, 97% 80%, 100% 100%, 0 100%, 3% 82%, 0 64%, 4% 47%, 0 30%);}html body.page-about .about-globe::before { content: ""; position: absolute; top: -12px; left: 50%; width: 80px; height: 24px; z-index: 3; pointer-events: none; transform: translateX(-50%) rotate(3deg); background: var(--tape); clip-path: polygon(0 12%, 3% 0, 7% 9%, 11% 0, 15% 8%, 20% 0, 100% 0, 97% 14%, 100% 30%, 96% 46%, 100% 62%, 97% 80%, 100% 100%, 0 100%, 3% 82%, 0 64%, 4% 47%, 0 30%);}html body.page-about .place-photo::before { content: ""; position: absolute; top: -12px; left: 50%; width: 80px; height: 24px; z-index: 3; pointer-events: none; transform: translateX(-50%) rotate(3deg); background: var(--tape); clip-path: polygon(0 12%, 3% 0, 7% 9%, 11% 0, 15% 8%, 20% 0, 100% 0, 97% 14%, 100% 30%, 96% 46%, 100% 62%, 97% 80%, 100% 100%, 0 100%, 3% 82%, 0 64%, 4% 47%, 0 30%);}html body.page-about .about-globe { background: var(--card); padding: 22px 22px 6px !important; box-shadow: 0 1px 2px rgb(20 15 5 / .08), 0 18px 34px -20px rgb(20 15 5 / .45);}html body.page-about .about-globe::after { content: "Fig. 1 — Algeria, Qatar, Turkey, Malaysia"; display: block; margin: 10px 0 8px; text-align: center; font: 400 12px/1.5 var(--mono); letter-spacing: .02em; color: var(--muted);}html body.page-about .place-photo { position: relative; height: 256px; display: flex; flex-direction: column; margin: 32px 0 0 !important; padding: 12px 12px 0; background: var(--card); box-shadow: 0 1px 2px rgb(20 15 5 / .08), 0 16px 28px -18px rgb(20 15 5 / .45); transform: rotate(-1deg);}html body.page-about .about-chapter:nth-child(even) .place-photo { transform: rotate(1.2deg);}html body.page-about .place-photo>.charaf-visual { flex: 1; min-height: 0; overflow: hidden;}html body.page-about .place-photo>.charaf-visual>* { height: 100%;}html body.page-about .place-photo svg { width: 100%; height: 100%;}html body.page-about .place-photo>p { font: 400 12px/34px var(--mono) !important; margin: 0 !important; color: var(--muted); top: 0 !important;}body .page-kicker { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--accent); margin: 0 0 14px;}html body :is(.photo-section, .writing-masthead) h1 { font-size: var(--chm-type-3xl); line-height: 1.12; letter-spacing: -.025em; margin: 0;}body.single-post .article-prose { counter-reset: sec fig;}body.single-post .article-prose h2:not(figure h2):not(.shift-lab h2):not(.number-lab h2) { position: relative; counter-increment: sec;}body.single-post .article-prose h2:not(figure h2):not(.shift-lab h2):not(.number-lab h2)::before { content: counter(sec); position: absolute; right: calc(100% + 22px); top: .12em; font: italic 400 .78em/1 var(--display); color: var(--accent);}body.single-post .article-prose figure.charaf-interactive { counter-increment: fig;}body.single-post .article-prose figure.charaf-interactive figcaption::before { content: "Fig. " counter(fig) " "; font-weight: 600; color: var(--ink);}body.single-post .article-prose>p:first-of-type::first-letter { -webkit-initial-letter: 2; initial-letter: 2; font-family: var(--display); font-weight: 500; color: var(--accent); margin-right: .12em;}body.single-post .article-prose>section:first-of-type>p:first-of-type::first-letter { -webkit-initial-letter: 2; initial-letter: 2; font-family: var(--display); font-weight: 500; color: var(--accent); margin-right: .12em;}body .writing-list { counter-reset: entry; row-gap: 34px;}body .writing-list article { display: grid; grid-template-columns: 34px minmax(0, max-content) minmax(28px, 1fr) auto; column-gap: 14px; row-gap: 6px; align-items: baseline; counter-increment: entry;}body .writing-list article::before { content: counter(entry, decimal-leading-zero); grid-column: 1; grid-row: 1; font: 500 13px var(--mono); letter-spacing: .04em; color: var(--accent);}body .writing-list article::after { content: ""; grid-column: 3; grid-row: 1; border-bottom: 2px dotted color-mix(in srgb, var(--ink) 32%, transparent); transform: translateY(-6px);}body .writing-list article>h2 { grid-column: 2; grid-row: 1; margin: 0; font-size: 27px; line-height: 1.25;}body .writing-list article>h2 a { text-decoration: none;}body .writing-list article>h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; text-decoration-color: var(--accent);}body .writing-list article>p:first-of-type { grid-column: 4; grid-row: 1; margin: 0; font-size: 14px; white-space: nowrap; color: var(--muted);}body .writing-list article>p:last-of-type { grid-column: 2 / 4; grid-row: 2; margin: 0; font-size: 15px; color: var(--muted); max-width: 60ch;}@media (hover: hover) { html body :is(p, li, figcaption, .now-links, #brx-footer, .writing-list h2, .article-toc) a:not(.home-essay-art):hover, html body :is(.read-link, .more-link, .article-back, .read-button):hover, html body #brx-header nav a:hover { text-decoration: none !important; background-image: var(--ul-hover), linear-gradient(transparent 52%, color-mix(in srgb, var(--accent) 28%, transparent) 52%, color-mix(in srgb, var(--accent) 28%, transparent) 90%, transparent 90%) !important; background-size: 180px 6px, 100% 100% !important; background-repeat: repeat-x, no-repeat !important; }}@media (min-width: 1024px) { html body:not(.x) { max-width: 920px; } html body.page-about:not(.x) { max-width: 1440px; }}@media (min-width: 651px) { html body.layout-intro:not(.x) .home-intro { display: flow-root !important; margin-bottom: 64px !important; } html body.layout-intro:not(.x) .home-intro .personal-portrait { float: right; margin: 0 0 0 48px !important; } html body.layout-intro:not(.x) .home-intro .hand-note { float: right; clear: right; width: 154px; margin: 0 !important; padding-left: 14px; } html body.layout-intro:not(.x) .home-essays article { display: grid !important; grid-template-columns: minmax(0, 1fr) 213px; column-gap: 48px; margin-bottom: 64px !important; max-width: none !important; } html body.layout-intro:not(.x) .home-essays article:nth-last-child(2) { margin-bottom: 32px !important; } html body.layout-intro:not(.x) .home-essays .home-essay-art { grid-column: 2; grid-row: 1; height: 160px !important; justify-self: end; } html body.layout-intro:not(.x) .home-essays .home-essay-copy { grid-column: 1; grid-row: 1; margin: 0 !important; }}@media (max-width: 650px) { html body.layout-intro:not(.x):not(.y) .home-essays .home-essay-art { height: 160px !important; }}@media (min-width: 1024px) { html body.page-about:not(.x) { background-image: linear-gradient(90deg, transparent calc(50% - 44px), rgb(40 30 10 / .05) calc(50% - 2px), rgb(40 30 10 / .11) 50%, rgb(40 30 10 / .05) calc(50% + 2px), transparent calc(50% + 44px)); } html body.page-about:not(:is([data-brx-theme="light"] *)):not(.x) { background-image: linear-gradient(90deg, transparent calc(50% - 44px), rgb(0 0 0 / .22) calc(50% - 2px), rgb(0 0 0 / .4) 50%, rgb(0 0 0 / .22) calc(50% + 2px), transparent calc(50% + 44px)); } html body.page-about:not(.x)::before { background: linear-gradient(90deg, transparent calc(7% - 30px), var(--margin-rule) calc(7% - 30px), var(--margin-rule) calc(7% - 29px), transparent calc(7% - 29px), transparent calc(57% - 30px), var(--margin-rule) calc(57% - 30px), var(--margin-rule) calc(57% - 29px), transparent calc(57% - 29px)) !important; } html body.page-about:not(.x) main { max-width: none !important; padding-left: 7% !important; padding-right: 7% !important; } html body.page-about:not(.x) .about-journey { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 16.28% !important; } html body.page-about:not(.x) .about-globe { max-width: 440px; margin: 0 auto !important; } html body.page-about:not(.x) .about-chapters, html body.page-about:not(.x) .about-chapter p { max-width: none !important; }}@media (max-width: 650px) { html body.single-post:not(.x) .article-toc { grid-template-columns: 1fr; }}body { --ul: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='6' viewBox='0 0 180 6'%3E%3Cpath d='M0 3.2 C14 2.3 30 3.9 47 3.1 S80 2.2 98 3.4 S133 4 151 2.8 S172 2.9 180 3.2' fill='none' stroke='%232a2621' stroke-opacity='0.45' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"); --ul-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='6' viewBox='0 0 180 6'%3E%3Cpath d='M0 3.2 C14 2.3 30 3.9 47 3.1 S80 2.2 98 3.4 S133 4 151 2.8 S172 2.9 180 3.2' fill='none' stroke='%23d9793e' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");}body:not(:is([data-brx-theme="light"] *)) { --ul: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='6' viewBox='0 0 180 6'%3E%3Cpath d='M0 3.2 C14 2.3 30 3.9 47 3.1 S80 2.2 98 3.4 S133 4 151 2.8 S172 2.9 180 3.2' fill='none' stroke='%23f1ebdf' stroke-opacity='0.5' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E"); --ul-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='6' viewBox='0 0 180 6'%3E%3Cpath d='M0 3.2 C14 2.3 30 3.9 47 3.1 S80 2.2 98 3.4 S133 4 151 2.8 S172 2.9 180 3.2' fill='none' stroke='%23fb923c' stroke-opacity='1' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");}html body :is(p, li, figcaption, .now-links, #brx-footer) a:not(.home-essay-art) { text-decoration: none !important; background-image: var(--ul); background-repeat: repeat-x; background-size: 180px 6px; background-position: 0 100%; -webkit-box-decoration-break: clone; box-decoration-break: clone;}html body :is(.read-link, .more-link, .article-back, .read-button) { text-decoration: none !important; background-image: var(--ul); background-repeat: repeat-x; background-size: 180px 6px; background-position: 0 100%; -webkit-box-decoration-break: clone; box-decoration-break: clone;}html body .article-toc a[aria-current] { text-decoration: none !important; background-image: var(--ul); background-repeat: repeat-x; background-size: 180px 6px; background-position: 0 100%; -webkit-box-decoration-break: clone; box-decoration-break: clone;}html body :is(.read-link, .more-link) { background-position: 0 21px;}html body .now-links a { background-position: 0 21px;}html body #brx-header nav a[aria-current] { background-image: var(--ul-hover); background-repeat: repeat-x; background-size: 180px 6px; background-position: 0 100%;}html body.layout-intro:not(.x) main { display: block !important; max-width: none !important; padding-left: 7% !important; padding-right: 7% !important;}html body.layout-intro:not(.x) .now-lead { max-width: none !important;}html body.layout-intro:not(.x) .home-essays { max-width: none !important;}html body.layout-intro:not(.x) .now-lead .now-text { max-width: 30em;}html body.layout-intro:not(.x) .now-lead .now-more { max-width: 34em;}html body.layout-intro:not(.x) .home-intro .home-intro-copy { max-width: 30em !important;}html body.single-post .article-layout>.charaf-visual:has(.article-toc) { position: static !important; width: 100% !important; height: auto !important; margin-bottom: 48px;}html body.single-post .article-toc { position: static !important; display: grid !important; grid-template-columns: 1fr 1fr; gap: 6px 24px;}html body.single-post .article-toc>span { grid-column: 1 / -1; margin-bottom: 6px;}html body.single-post .toc-marker { display: none !important;}@font-face { font-family: "Sorts Mill Goudy"; src: url("/wp-content/uploads/2026/10/SortsMillGoudy-normal-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }@font-face { font-family: "Sorts Mill Goudy"; src: url("/wp-content/uploads/2026/10/SortsMillGoudy-italic-latin.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }@media (min-width: 1200px) { html body.page-about:not(.x):not(.y):not(.z):not(.w) .about-globe { position: fixed !important; top: 50% !important; transform: translateY(-50%) !important; width: min(250px, calc((100vw - 920px) / 2 - 40px)) !important; left: calc(((100vw - 920px) / 2 - min(250px, calc((100vw - 920px) / 2 - 40px))) / 2) !important; margin: 0 !important; }}@media (max-width: 1199px) { html body.page-about:not(.x):not(.y):not(.z):not(.w) .about-globe { position: sticky !important; top: calc(var(--wp-admin--admin-bar--height, 0px) + 12px) !important; width: 128px !important; margin: 0 auto 32px !important; z-index: 3; border-radius: 50%; background: var(--paper) !important; box-shadow: 0 0 0 10px var(--paper) !important; }}html body:not(.x) { --display: "Sorts Mill Goudy", Georgia, serif;}html body:not(.x) :is(h1, h2, h3, h4, .site-wordmark, .site-wordmark span, .home-essay-title, .read-button, .now-text) { font-weight: 400 !important; letter-spacing: -.005em !important; font-variation-settings: normal !important; font-synthesis: none;}html body:not(.x) :is(.now-text, .site-wordmark .wm-last) { font-style: normal !important;}html body:not(.x) #brx-header .site-wordmark { font-size: 31px !important;}html body:is(.layout-intro, .page-about):not(.x) h1 { font-size: 54px !important; top: 9px;}html body:is(.layout-intro, .page-about):not(.x) :is(.about-chapter, .about-present) h2 { font-size: 48px !important; top: 10.5px;}html body.page-about:not(.x) :is(.about-chapter, .about-present) h2::before { top: -9.5px;}html body:is(.layout-intro, .page-about):not(.x) .home-essay-title { font-size: 29px !important;}html body:is(.layout-intro, .page-about):not(.x) .home-essay-title a { font-size: 29px !important;}html body:is(.layout-intro, .page-about):not(.x) .home-essay-title { top: -1px;}html body:is(.layout-intro, .page-about):not(.x) .now-text { font-size: 28px !important; top: -.5px;}html body.single-post:not(.x) .article-prose>p:first-of-type::first-letter { font-weight: 400;}html body.single-post:not(.x) .article-prose>section:first-of-type>p:first-of-type::first-letter { font-weight: 400;}html body #wpadminbar a { background-image: none !important;}html body #wpadminbar a:hover { background-image: none !important;}html body.page-about:not(.x):not(.y):not(.z) :is(.about-chapter, .about-present) h2::before { content: counter(entry, decimal-leading-zero) "0a020140a0" !important;}html body:not(.x):not(.w) #brx-footer { flex-direction: row !important; flex-wrap: wrap; align-items: baseline !important; column-gap: 32px; row-gap: 12px;}html body:not(.x):not(.w) #brx-footer::before { position: static !important; order: 9; margin-left: auto; transform: rotate(-4deg) !important;}html body:not(.x):not(.w) #brx-footer::after { position: static !important; order: 10; margin-left: -20px; transform: rotate(-5deg) !important;}html body.single-post:not(.x) .article-art { position: static !important; left: auto !important; top: auto !important; width: 128px !important; height: auto !important; margin: 0 0 16px !important;}html body.single-post:not(.x) .article-back { width: fit-content !important; margin-left: max(0px, calc(50% - 330px)) !important; margin-right: auto !important;}html body.single-post:not(.x) .article-toc a { width: fit-content;}html body.single-post:not(.x) .article-toc a:not([aria-current="true"]):not(:hover) { background-image: none !important;}@media (min-width: 900px) { html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5) body #writing { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 64px; align-items: start; } html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5) body #writing > :not(.home-essay), html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5) body #writing > .home-essay:nth-child(1 of .home-essay) { grid-column: 1 / -1; } html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5) body #writing > .home-essay:not(:nth-child(1 of .home-essay)) { max-width: none !important; margin-bottom: 64px !important; }}@media (max-width: 760px) { html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6) body .home-intro { display: flex !important; flex-direction: column !important; align-items: flex-start !important; } html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6) body .home-intro .personal-portrait { order: -1; position: relative !important; inset: auto !important; float: none !important; width: 120px !important; height: auto !important; margin: 8px 0 32px 4px !important; } html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6) body .home-intro .personal-portrait .portrait-stack { width: 120px !important; height: 146px !important; } html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6) body .home-intro :is(.home-intro-title, .home-intro-copy) { max-width: none !important; width: auto !important; } html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6) body #brx-content > :first-child:has(> .masthead) { row-gap: 48px !important; }}html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6):not(#k7):not(#k8):not(#k9):not(#k10):not(#k11):not(#k12) body #brx-footer { margin-top: 0 !important; }html:not(#k1):not(#k2):not(#k3):not(#k4):not(#k5):not(#k6) body #writing > :is(.more-link, .eyebrow) { justify-self: start; }html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6) body .charaf-interactive { border-top: 1px solid color-mix(in srgb, var(--chm-text) 16%, transparent) !important; border-bottom: 1px solid color-mix(in srgb, var(--chm-text) 16%, transparent) !important; padding: 32px 0 28px !important; margin-top: 48px !important; margin-bottom: 48px !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; }html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6) body .charaf-interactive .fixed-part { background: none !important; border-radius: 0 !important; box-shadow: none !important; padding: 4px 24px !important; }html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6) body .charaf-interactive .fixed-part ~ .fixed-part { border-left: 1px solid color-mix(in srgb, var(--chm-text) 16%, transparent) !important; }html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6) body .charaf-interactive :is(summary, button) { background: none !important; color: var(--chm-text) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 8px 0 !important; font: 500 12px/16px "IBM Plex Mono", ui-monospace, monospace !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 6px !important; text-decoration-color: color-mix(in srgb, var(--chm-text) 35%, transparent) !important; transition: color .2s ease, text-decoration-color .2s ease !important; cursor: pointer; transform: none !important; }html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6) body .charaf-interactive :is(summary, button):is(:hover, :focus-visible) { color: var(--chm-accent-text) !important; text-decoration-color: var(--accent) !important; }html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6) body .charaf-interactive .changed-bit { background: none !important; border-radius: 0 !important; color: var(--accent) !important; box-shadow: inset 0 -2px 0 var(--accent) !important; }html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6) body pre.wp-block-code { border-radius: 0 !important; padding: 20px 24px !important; background: color-mix(in srgb, var(--chm-text) 5%, transparent) !important; border-left: 2px solid color-mix(in srgb, var(--chm-text) 22%, transparent) !important; font: 400 14px/1.7 "IBM Plex Mono", ui-monospace, monospace !important; overflow-x: auto; max-width: 680px; }html:not(#f1):not(#f2):not(#f3):not(#f4):not(#f5):not(#f6) body pre.wp-block-code code { background: none !important; padding: 0 !important; font: inherit !important; }html body:not(#zz):not(#zy):not(#zx) .photo-chapter .photo-chapter-note { font-size: 12px !important; line-height: 18px !important; }html:not(#m1):not(#m2):not(#m3):not(#m4):not(#m5):not(#m6):not(#m7) body .charaf-interactive .fixed-parts { grid-template-rows: repeat(4, auto) !important; row-gap: 0 !important; align-items: start !important; }html:not(#m1):not(#m2):not(#m3):not(#m4):not(#m5):not(#m6):not(#m7) body .charaf-interactive .fixed-part { display: grid !important; grid-row: 1 / span 4 !important; grid-template-rows: subgrid !important; align-items: start; }html:not(#m1):not(#m2):not(#m3):not(#m4):not(#m5):not(#m6):not(#m7) body .charaf-interactive .binary-point { grid-row: 1 !important; grid-column: 2 !important; align-self: end !important; padding: 0 !important; }html body.single-post:not(.x):not(.y) .article-prose > p:first-of-type:has(> em:only-child)::first-letter { initial-letter: normal; -webkit-initial-letter: normal; float: none; font: inherit; color: inherit; margin: 0; }html body.single-post:not(.x):not(.y) .article-prose > p:first-of-type:has(> em:only-child) + p::first-letter { -webkit-initial-letter: 2; initial-letter: 2; font-family: var(--display); font-weight: 400; color: var(--accent); margin-right: .12em; }html body.single-post .article-prose > p:first-of-type:has(> em:only-child) { color: var(--muted); }html body.single-post .article-prose :is(h2, h3) { text-wrap: balance; }html:not(#w1):not(#w2):not(#w3):not(#w4):not(#w5):not(#w6):not(#w7):not(#w8):not(#w9):not(#w10):not(#w11):not(#w12) body .reading-end { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }html:not(#m1):not(#m2):not(#m3) body .brxe-m59gc9 { font-size: 12px !important; margin-bottom: 6px !important; }@media (max-width: 650px) {  html:not(#m1):not(#m2):not(#m3):not(#m4) body.error404 #brx-content > .brxe-section { padding: 64px 24px 0 !important; box-sizing: border-box; }  html:not(#m1):not(#m2):not(#m3):not(#m4) body .home-intro .home-intro-title { margin-bottom: 12px !important; }  html:not(#m1):not(#m2):not(#m3):not(#m4) body.page-about .about-journey { margin-top: 48px !important; }  html:not(#m1):not(#m2):not(#m3):not(#m4) body .about-prints.about-prints-wide { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; } html:not(#m1):not(#m2):not(#m3):not(#m4) body .about-prints.about-prints-wide > :first-child { grid-column: 1 / -1; } html:not(#m1):not(#m2):not(#m3):not(#m4) body .about-prints.about-prints-wide > * { width: auto !important; height: auto !important; flex: none !important; max-width: none !important; } html:not(#m1):not(#m2):not(#m3):not(#m4) body .about-prints.about-prints-wide img { width: 100% !important; height: auto !important; aspect-ratio: 3 / 2; object-fit: cover; }  html:not(#m1):not(#m2):not(#m3):not(#m4) body .float-notes p { margin: 0 0 10px !important; }}html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .masthead { padding-bottom: 0 !important; }html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .masthead .masthead-deck { margin-top: 20px !important; padding-bottom: 0 !important; }html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .masthead + .writing-list { margin-top: 0 !important; }html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body.page-about .masthead + .about-journey { margin-top: 96px !important; }@media (min-width: 761px) { html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .article-heading { grid-template-rows: 1fr auto auto auto 1fr !important; } html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .article-heading > .article-art { grid-row: 1 / -1 !important; } html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .article-heading > .article-meta { grid-row: 2 !important; } html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .article-heading > .article-title { grid-row: 3 !important; } html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .article-heading > .article-deck { grid-row: 4 !important; }}@media (max-width: 650px) { html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body.page-about .masthead + .about-journey { margin-top: 48px !important; }  html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .article-art, html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .article-art .charaf-visual { width: min(100%, 300px) !important; } html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8) body .article-art svg { width: 100% !important; height: auto !important; }}@media (max-width: 760px) {  html:not(#t1):not(#t2):not(#t3):not(#t4) body .photo-chapter .photo-print[data-slot~="solo"] { grid-column: 3 / -1 !important; } html:not(#t1):not(#t2):not(#t3):not(#t4) body .photo-chapter .photo-print[data-slot~="solo-l"] { grid-column: 1 / 5 !important; }}