.essay-art { display:block; width:100%; height:100%; overflow:visible; font-family:"Newsreader",Georgia,serif; color:var(--ink)}.art-ink { fill:var(--ink)}.art-accent { fill:var(--accent)}.art-tail { font:11px "Instrument Sans",sans-serif; letter-spacing:7px}.art-small { font:13px "Instrument Sans",sans-serif; letter-spacing:1.5px}.essay-art .arithmetic,.essay-art .free-sheet { transform-box:fill-box; transform-origin:center}.arithmetic .art-accent { transform-box:fill-box; transform-origin:center; transform:rotate(-9deg); transition:transform 220ms ease}.multiplication .art-accent { transform-box:fill-box; transform-origin:center; transition:transform 220ms ease}.free-sheet { transform:translate(0,0) rotate(-7deg); transition:transform 220ms ease}.ownership-frame { transition:opacity 220ms ease}@media (prefers-reduced-motion:reduce) {.essay-art * { transition:none!important}}:root { }body:is([data-brx-theme="light"] *) { }body { transition:background-color .65s,color .65s}.moon-switch { display:grid; place-items:center; width:44px; height:44px; border:0; background:transparent; padding:0; border-radius:50%}.moon { width:23px; height:23px; position:relative; overflow:hidden; border-radius:50%; background:radial-gradient(ellipse at 29% 35%,#a5a7a780 0 9%,transparent 11%),radial-gradient(ellipse at 64% 64%,#858a8b60 0 13%,transparent 16%),radial-gradient(circle at 60% 18%,#9a9b9b70 0 7%,transparent 10%),radial-gradient(circle at 32% 30%,#fff9e8,#c9c7b9 65%,#737a80); box-shadow:inset -2px -1px 3px #18234260; transform:rotate(-25deg); transition:transform .65s ease}.moon-shadow { position:absolute; inset:-2px; border-radius:50%; background:#202a3e; transform:translateX(9px); transition:transform .65s ease,opacity .65s ease}:is([data-brx-theme="light"] *) .moon-shadow { transform:translateX(26px)}:is([data-brx-theme="light"] *) .moon { transform:rotate(5deg)}h1 { font-weight:400}footer { position:relative; z-index:2}.layout-feature { background:var(--paper)}.layout-feature:is([data-brx-theme="light"] *) { }.layout-feature .moon-shadow { background:#111c32}@media (max-width:650px) {.moon-switch { width:32px; height:40px}footer { font-size:11px}}@media (prefers-reduced-motion:reduce) {.moon,.moon-shadow { transition:none}}@media (max-width:380px) {.moon-switch { width:30px}}.layout-feature main { max-width:1500px; margin:auto; padding:0 7%}.layout-feature footer { max-width:1500px; margin:auto}.free-sheet { fill:var(--paper)}.layout-feature main { display:grid; grid-template-columns:280px minmax(0,1fr); gap:0 12%; align-items:start; padding-top:125px}@media (max-width:1050px) {.layout-feature main { grid-template-columns:230px minmax(0,1fr); gap:8%}}@media (max-width:650px) {.layout-feature main { padding:0 7%}.layout-feature main { display:block; padding-top:65px}}.layout-intro { isolation:isolate}.layout-intro:is([data-brx-theme="light"] *) { }.layout-intro:before { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; background:linear-gradient(120deg,#56888a0c,transparent 55%,#d0a17208); opacity:0; transition:opacity .65s}.layout-intro main,.layout-intro header,.layout-intro footer { position:relative; z-index:1}.personal-portrait { margin:30px 0 0; width:170px}.portrait-stack { position:relative; aspect-ratio:4/5; overflow:hidden; border-radius:3px}.portrait-stack img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 41%}.portrait-stack .portrait-real { position:absolute; inset:0; opacity:0; transition:opacity 350ms ease}.layout-intro .moon-shadow { background:#182330}@media (hover:hover) and (pointer:fine) {.personal-portrait:not(.locked):hover .portrait-real { opacity:1}}@media (max-width:650px) {.personal-portrait { grid-column:2; grid-row:2; width:100px; margin:0}}@media (prefers-reduced-motion:reduce) {.portrait-stack .portrait-real { transition:none}}.layout-intro .personal-portrait { width:145px; margin-top:27px}.tonal-print,.tonal-print>span { position:absolute; inset:0; display:block}.tonal-print>span { background:url("/wp-content/plugins/charaf-site/assets/imprint/portraits/portrait-print-320.webp") center 41%/cover no-repeat; transition:opacity .65s ease}.print-day { filter:url("#print-day")}.print-night { filter:url("#print-night"); opacity:0}:is([data-brx-theme="light"] *) .print-night { opacity:1}:is([data-brx-theme="light"] *) .print-day { opacity:0}.layout-intro .portrait-stack .portrait-real { transition:opacity 400ms ease}@media (max-width:650px) {.layout-intro .personal-portrait { width:95px; margin:0}}@media (prefers-reduced-motion:reduce) {.tonal-print>span,.layout-intro .portrait-stack .portrait-real { transition:none}}.layout-feature { --lettering:Georgia,serif}.layout-feature[data-lettering=source] { --lettering:"Source Serif 4",serif}.layout-feature[data-lettering=garamond] { --lettering:"EB Garamond",serif}.layout-feature .arithmetic .art-accent,.layout-feature .free-sheet,.layout-feature .compiler-bits { transition:transform 220ms ease}.layout-feature .compiler-bits { transform:translateX(0)}.layout-feature .multiplication .art-accent { transform:none!important}.layout-feature .arithmetic .art-tail { transition:opacity 220ms ease; opacity:.65}.layout-feature a:focus-visible,.layout-feature button:focus-visible { outline:2px solid var(--accent); outline-offset:6px}@media (prefers-reduced-motion:reduce) {.layout-feature .compiler-bits { transform:none!important; transition:none}.layout-feature .arithmetic .art-tail { transition:none}}.layout-feature[data-lettering=dm] { --lettering:"DM Serif Display",Georgia,serif}.layout-feature[data-lettering=fraunces] { --lettering:"Fraunces",Georgia,serif}.layout-feature.layout-feature main { padding-top:105px}@media (max-width:650px) {.layout-feature.layout-feature main { padding-top:65px}}.layout-feature.layout-feature .ownership-frame { opacity:.65}.layout-feature.layout-feature .free-sheet { filter:drop-shadow(0 5px 0 #00000008)}body.layout-intro:is([data-brx-theme="light"] *) { }.moon-switch { position:relative; isolation:isolate}.detail-stars { position:absolute; inset:0; pointer-events:none}.detail-stars i { position:absolute; width:3px; height:3px; border-radius:50%; background:var(--ink); opacity:0; transform:translateY(2px); transition:opacity 220ms ease,transform 220ms ease}.detail-stars i:first-child { left:6px; top:9px}.detail-stars i:last-child { right:5px; bottom:9px; width:2px; height:2px}@media (hover:hover) and (pointer:fine) {.moon-switch:hover .detail-stars i { opacity:.85; transform:translateY(0)}.moon-switch:hover .detail-stars i:last-child { transition-delay:60ms}}@media (prefers-reduced-motion:reduce) {.detail-stars i { transition:none!important; transform:none!important}}.detail-stars i { border-radius:0; width:5px; height:5px; clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); transform:translate(0,2px) rotate(-12deg); transition:opacity 220ms ease,transform 700ms ease}.detail-stars i:first-child { left:4px; top:7px}.detail-stars i:last-child { right:3px; bottom:8px; width:4px; height:4px}@media (hover:hover) and (pointer:fine) {.moon-switch:hover .detail-stars i:first-child { opacity:.8; transform:translate(-1px,-2px) rotate(8deg)}.moon-switch:hover .detail-stars i:last-child { opacity:.6; transform:translate(2px,-1px) rotate(-8deg); transition-delay:80ms}}@media (prefers-reduced-motion:reduce) {.moon-switch .detail-stars i,.moon-switch:hover .detail-stars i { transform:none!important; transition:none!important}}.animated-wordmark { display:inline-flex; align-items:baseline; overflow:visible; padding-right:12px}.animated-wordmark .wm-first,.animated-wordmark .wm-last { color:inherit}.animated-wordmark span.wm-first,.animated-wordmark span.wm-last,.animated-wordmark span.wm-dot { transition:none!important}.animated-wordmark .wm-dot { color:var(--accent); transform-origin:50% 85%}.animated-wordmark span { transform:none}.animated-wordmark:hover span,.animated-wordmark:focus-visible span { transform:none}a.animated-wordmark,a.animated-wordmark:hover,a.animated-wordmark:focus-visible { text-decoration:none!important; position:relative}a.animated-wordmark::after { content:""; position:absolute; left:0; right:0; bottom:-5px; height:1px; background:currentColor; opacity:0; pointer-events:none; transition:opacity 180ms ease}@media (hover:hover) and (pointer:fine) {a.animated-wordmark:hover::after { opacity:.65}}a.animated-wordmark:focus-visible::after { opacity:.65}a.animated-wordmark::after { display:none}a.animated-wordmark .wm-rule { position:absolute; left:0; bottom:-5px; height:2px; background:currentColor; opacity:0; transform-origin:left center; pointer-events:none; transition:opacity 180ms ease}@media (hover:hover) and (pointer:fine) {a.animated-wordmark:hover .wm-rule { opacity:.8}}a.animated-wordmark:focus-visible .wm-rule { opacity:.8}body.layout-intro.layout-feature main { padding-bottom:96px}@media (max-width:650px) {body.layout-intro.layout-feature main { padding-bottom:64px}}body.layout-intro.layout-feature main { row-gap:0; padding-bottom:96px}@media (max-width:650px) {body.layout-intro.layout-feature main { padding-bottom:80px}}@view-transition{navigation:auto}::view-transition-old(root) { animation:page-away 180ms ease both}::view-transition-new(root) { animation:page-arrive 240ms ease both}@keyframes page-away{to{opacity:0}}@keyframes page-arrive{from{opacity:0}to{opacity:1}}::view-transition-group(*) { animation-duration:420ms; animation-timing-function:cubic-bezier(.23,1,.32,1)}.toc-marker { position:absolute; left:-14px; top:0; width:4px; height:14px; border-radius:3px; background:var(--accent); opacity:0; pointer-events:none; transition:transform 220ms ease,opacity 150ms ease}@media (max-width:850px) {.toc-marker { display:none}}@media (prefers-reduced-motion:reduce) {::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important}.toc-marker { transition:none}}body.layout-intro { background:var(--paper); color:var(--ink); color-scheme:dark}body.layout-intro:is([data-brx-theme="light"] *) { --bit-sign:var(--chm-bit-sign); --bit-exponent:var(--chm-bit-exponent); --bit-fraction:var(--chm-bit-fraction); background:var(--paper); color:var(--ink); color-scheme:light}body .moon-switch .moon-shadow { background:var(--paper); transform:translate(27px,-9px)}body:is([data-brx-theme="light"] *) .moon-switch .moon { background:radial-gradient(circle at 32% 28%,#6172a6,#263b86 65%,#182858); box-shadow:inset -2px -2px 5px #15204555}body:is([data-brx-theme="light"] *) .moon-switch .moon-shadow { background:var(--paper); transform:translate(8px,-4px)}body:is([data-brx-theme="light"] *) .print-night { filter:grayscale(1); mix-blend-mode:multiply; opacity:1}body:is([data-brx-theme="light"] *) .portrait-stack { background:var(--paper)}body:is([data-brx-theme="light"] *) .moon-switch .moon { background:radial-gradient(circle at 32% 28%,#faf4dc,#c4c3ad 65%,#7c897f); box-shadow:inset 1px 0 2px #49544880,inset -2px -2px 5px #27364666; filter:drop-shadow(-1px 1px 1px #39463555)}body:is([data-brx-theme="light"] *) .moon-switch { position:relative; isolation:isolate}body:is([data-brx-theme="light"] *) .moon-switch::before { content:""; position:absolute; width:23px; height:23px; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:#273c91; z-index:-1}body:is([data-brx-theme="light"] *) .moon-switch .moon { filter:none; background:radial-gradient(circle at 32% 28%,#faf4dc,#c4c3ad 65%,#7c897f); box-shadow:inset -2px -2px 5px #27364666}body:is([data-brx-theme="light"] *) .moon-switch .moon .moon-shadow { background:#273c91; transform:translate(8px,-4px)}body .moon-switch .moon .moon-shadow { transition:transform .65s ease,background-color .65s ease}html { font-size:16px!important}body { font-size:16px; line-height:1.5}body:is(.layout-intro,.page-about,.layout-reading) { font-family:"Instrument Sans",Arial,sans-serif; min-height:100vh}body[data-lettering],body.layout-feature { font-feature-settings:normal}#brx-header { position:relative; background:transparent}h1.brxe-heading,h2.brxe-heading,h3.brxe-heading { color:inherit; font-weight:400}body .brxe-text-basic { color:inherit}body .brxe-text-link { color:inherit; gap:0}.charaf-visual:has(>.moon-switch) { display:contents}.charaf-visual:has(>.personal-portrait) { width:fit-content}.layout-intro #brx-footer { display:none}@media (prefers-reduced-motion:reduce) {*,*::before,*::after { scroll-behavior:auto!important}}body.layout-feature { --lettering:"DM Serif Display",Georgia,serif}.charaf-visual:has(>.personal-portrait) { display:contents}#brx-header nav { display:flex; align-items:center; gap:28px; font:12px/1.5 "Instrument Sans",Arial,sans-serif}#brx-header a { text-decoration:none}#brx-header .moon-switch { flex:none}#brx-header nav { width:auto; margin-left:auto}#brx-header .wm-last { white-space:pre}@media (max-width:650px) {body.layout-intro #brx-content { display:block}.layout-intro .personal-portrait { grid-column:2; grid-row:2}#brx-header nav { gap:16px}}#brx-footer>a { white-space:nowrap}#brx-header nav { font-size:14px; line-height:1.5}body #brx-footer a { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.22em; text-decoration-color:currentColor; transition:text-decoration-color .18s ease}body #brx-footer a:hover { text-decoration-color:var(--accent)}body #brx-footer { display:flex; flex-direction:row; align-items:center; justify-content:space-between}body #brx-footer>a { width:auto; flex:none}@media (max-width:600px) {body #brx-footer { align-items:flex-start; flex-direction:column; gap:28px}}@media (prefers-reduced-motion:no-preference) {::view-transition-old(root) { animation:page-away 200ms ease both}::view-transition-new(root) { animation:page-arrive 320ms ease both}}html[data-brx-theme="light"] body:is(.layout-intro,.layout-reading,.page-about) { }.changed-bit { color:var(--accent); background:color-mix(in srgb,var(--accent) 12%,transparent); border-radius:4px}html[data-brx-theme="light"] body:is(.layout-intro,.layout-reading,.page-about) { }html[data-brx-theme="light"] .changed-bit { color:#983f29}body.layout-intro>a.skip-link[href="#brx-footer"] { display:none}body :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--ink); outline-offset:5px}body>a.skip-link:focus { z-index:100000; background:var(--ink); color:var(--paper); padding:12px 18px}@media (prefers-reduced-motion:reduce) {::view-transition-old(root),::view-transition-new(root) { animation:none!important}}html[data-brx-theme="light"] body:is(.layout-intro,.layout-reading,.page-about,.page-auth) { --bit-sign:var(--chm-bit-sign); --bit-exponent:var(--chm-bit-exponent); --bit-fraction:var(--chm-bit-fraction); color-scheme:light;}html[data-brx-theme="dark"] body:is(.layout-intro,.layout-reading,.page-about,.page-auth) { color-scheme:dark;}@media (max-width:360px) {#brx-header nav { gap:8px}}