@font-face{font-family:'DM Sans';src:url('/blog/dm-sans.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/blog/cormorant-garamond.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#e9e7df;background:#111210;font-synthesis:none;--gold:#c6ad81;--border:#ffffff20;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}body{margin:0}a{color:var(--gold);text-underline-offset:5px}a:hover{color:#f0d9b1}a:focus-visible{outline:2px solid #dbc398;outline-offset:5px}img{max-width:100%}.wrap{max-width:1180px;margin:auto;padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px)}.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}nav{display:flex;flex-wrap:wrap;gap:12px 24px}nav a{display:inline-block;padding:12px 0;font-size:14px}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:3px;text-decoration:none;color:#e9e7df}.brand img{flex-shrink:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.12;margin:0 0 20px}h1{font-size:clamp(42px,6.5vw,76px);letter-spacing:-1px}h2{font-size:clamp(29px,3.6vw,40px)}p,li{line-height:1.8}p{margin:0 0 20px;color:#b8b9ae}em{color:var(--gold)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);line-height:1.6}.intro{padding:70px 0 48px;max-width:730px}.lede{font-size:clamp(17px,2.3vw,20px);line-height:1.65}.article-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-grid>li{display:flex;min-width:0}.card{padding:28px;background:#191a17;border:1px solid var(--border);border-radius:4px;width:100%;display:flex;flex-direction:column}.card h2{font-size:30px}.card h2 a{color:#e9e7df;text-decoration:none}.card h2 a:hover{text-decoration:underline}.card p{font-size:14px}.card .meta{font-size:12px;margin-top:auto}.meta{color:#b1b3a7;font-size:13px;line-height:1.8}.read{font-size:14px;display:inline-block;padding:10px 0}.cta{margin:56px 0;padding:32px;border:1px solid #bfa27345;border-radius:4px;background:linear-gradient(120deg,#24261e,#171914)}.cta p{max-width:660px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 22px;background:#bfa273;color:#111210;border-radius:3px;text-decoration:none;font-size:14px;line-height:1.6}.button:hover{background:#dbc398;color:#111210}.site-footer{padding-top:30px;padding-bottom:max(40px,env(safe-area-inset-bottom));border-top:1px solid var(--border)}.motto{font:italic 22px/1.5 var(--serif);color:#b8b9ae}.site-footer nav a{font-size:13px}.article{max-width:760px;margin:auto}.article-header{padding:32px 0 20px}.back{display:inline-block;padding:12px 0;margin-bottom:35px;font-size:14px}.article-header h1{font-size:clamp(40px,5.7vw,64px)}.contents{display:block;padding:24px;border:1px solid var(--border);margin:12px 0 36px}.contents .eyebrow{margin-bottom:8px}.contents ul{margin:0;padding-left:20px}.contents a{padding:7px 0;font-size:14px}.prose{font-size:17px;overflow-wrap:anywhere}.prose p,.prose li{color:#c6c7bc}.prose h2{margin-top:42px;scroll-margin-top:24px}.prose ul{padding-left:25px;margin-bottom:28px}.prose li{margin-bottom:12px}.reflection{margin:40px 0;padding:30px;border-left:3px solid var(--gold);background:#191a17}.reflection h2,.cta h2{margin-top:0}.reflection p:last-child{margin-bottom:0}.sources{border-top:1px solid var(--border);margin-top:40px}.sources p{font-size:14px}.sources a{overflow-wrap:anywhere}.related{margin:64px 0}.pagination{justify-content:space-between;align-items:center;margin:36px 0}.pagination span{font-size:14px}.empty{max-width:650px}.skip{position:absolute;top:8px;left:16px;transform:translateY(-200%);z-index:10;padding:12px;background:#111210}.skip:focus{transform:none}#main:focus{outline:none}
@media(max-width:850px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{padding-top:18px;padding-bottom:18px;flex-wrap:wrap}.intro{padding-top:48px}.site-header nav{gap:20px}}
@media(max-width:560px){.article-grid{grid-template-columns:1fr}.card{padding:24px}.intro{padding-bottom:28px}.cta{padding:24px;margin:36px 0}.reflection{padding:24px}.site-header{gap:8px}.site-header nav{width:100%;justify-content:space-between}.article-header{padding-top:20px}.back{margin-bottom:25px}.prose{font-size:16px}.related{margin:44px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
