html{scroll-behavior:smooth}
body{background-color:#0f0e0c;background-image:radial-gradient(ellipse at 20% 0%,rgba(196,92,38,0.12),transparent 50%),radial-gradient(ellipse at 90% 100%,rgba(232,168,124,0.06),transparent 40%);}
#mobile-nav:not(.hidden){display:block}
.grain::before{content:'';pointer-events:none;position:fixed;inset:0;opacity:.03;z-index:50}
.prose a{color:#e8a87c;text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:#f3ebe0}

.author-portrait{position:relative;overflow:hidden;isolation:isolate;background:#1a1814;min-height:240px;}
.author-portrait img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;object-position:center top;mix-blend-mode:normal !important;filter:contrast(1.05) brightness(1.08) saturate(1.02);opacity:1;transition:filter .25s ease;}
.author-portrait:hover img{filter:contrast(1.08) brightness(1.12) saturate(1.05);}
.author-portrait::after{content:'';position:absolute;inset:0;pointer-events:none;mix-blend-mode:normal;box-shadow:inset 0 -36px 42px rgba(15,14,12,.28),inset 0 0 0 1px rgba(196,92,38,.12);background:linear-gradient(180deg,rgba(196,92,38,.04),transparent 42%,rgba(15,14,12,.12) 100%);}
.author-portrait-label{position:absolute;left:12px;bottom:12px;z-index:2;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#e8a87c;background:rgba(15,14,12,.72);border:1px solid #2e2a24;padding:4px 8px;border-radius:4px;}

/* Share-ready accents */
.mark-accent{display:inline-block;width:2.75rem;height:2rem;vertical-align:middle;opacity:.9}
.section-rule{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.section-rule::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#2e2a24,transparent)}
.joined-banner{border:1px solid rgba(196,92,38,.45);background:rgba(196,92,38,.12);color:#e8e0d4;border-radius:.5rem;padding:1rem 1.25rem;margin-bottom:1.5rem}
.joined-banner strong{color:#e8a87c}