:root{--bg:#fff;--fg:#000;--grey:#666;--light:#e5e5e5;--serif:"EB Garamond","Times New Roman",Georgia,serif;--sans:"DM Sans","Helvetica Neue",Arial,sans-serif}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}::selection{background:#000;color:#fff}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--fg);font-family:var(--serif)}
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.hi{max-width:1400px;margin:0 auto;padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:baseline}
.wm{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--fg)}
.nl{display:flex;gap:2.2rem;list-style:none}.nl a{font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--fg);opacity:.38;transition:opacity .3s}.nl a:hover,.nl a.active{opacity:1}
.bg{display:none;background:0;border:0;font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:.45}
.mn{display:none;position:fixed;inset:0;z-index:300;background:#fff;flex-direction:column;padding:5.5rem 2.5rem}.mn.o{display:flex}.mt{position:fixed;top:0;left:0;right:0;padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:baseline;background:#fff}.mc{background:0;border:0;font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:.38}.mn a{display:block;padding:1.3rem 0;font-family:var(--sans);font-size:1.4rem;font-weight:600;letter-spacing:.04em;text-decoration:none;color:var(--fg);border-bottom:1px solid var(--light)}.mn a:first-child{border-top:1px solid var(--light)}
article{max-width:740px;margin:0 auto;padding:8rem 2.5rem 5rem}
.meta{font-family:var(--sans);font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);margin-bottom:3rem;display:flex;justify-content:space-between;padding-bottom:.8rem;border-bottom:1px solid var(--light)}
h1{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;font-style:italic;line-height:1.15;margin-bottom:1.2rem}
.subtitle{font-family:var(--serif);font-size:1.15rem;line-height:1.55;color:var(--grey);margin-bottom:3.5rem}
.body p{font-family:var(--serif);font-size:1.1rem;line-height:1.88;color:#333;margin-bottom:1.6rem}
.body p:first-of-type::first-letter{font-size:3.8rem;float:left;line-height:.85;margin-right:.1em;margin-top:.08em;font-weight:500;color:#000}
.body p strong{font-weight:600;color:#000}
.body h2{font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin:3rem 0 1.2rem;color:var(--grey)}
.body code{font-family:monospace;font-size:.94rem;background:#f0f0ee;padding:.15rem .4rem}
.body a{color:#000;text-underline-offset:3px}
.divider{width:50px;height:1px;background:var(--light);margin:3rem 0}
.essay-footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--light);text-align:center}
.essay-footer a{font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#000;text-decoration:none;padding-bottom:3px;border-bottom:2px solid #000;transition:opacity .3s}.essay-footer a:hover{opacity:.5}
footer{border-top:1px solid var(--light);padding:3rem 2.5rem;margin-top:3rem}
.fi{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem}
.fl-n{font-family:var(--sans);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.fl-o{font-family:var(--serif);font-size:.8rem;font-style:italic;color:var(--grey)}
@media(max-width:900px){.hi{padding:1.1rem 1.5rem}.nl{display:none}.bg{display:block}article{padding:6rem 1.5rem 4rem}footer{padding:2rem 1.5rem}.mt{padding:1.1rem 1.5rem}.mn{padding:4.5rem 1.5rem}}