html { scroll-behavior: smooth; }
body { font-feature-settings: "ss01", "ss02"; }
.hairline { border-color: rgba(26,26,26,0.12); }
.hairline-light { border-color: rgba(250,247,241,0.18); }
.steam {
background:
radial-gradient(1200px 500px at 20% 10%, rgba(168,52,31,0.18), transparent 60%),
radial-gradient(900px 600px at 85% 90%, rgba(139,111,71,0.22), transparent 60%),
linear-gradient(180deg, #141210 0%, #1a1715 100%);
}
.grain { position: relative; }
.grain::after {
content: "";
position: absolute; inset: 0;
background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);
background-size: 3px 3px;
pointer-events: none;
mix-blend-mode: overlay;
}
.drop-cap::first-letter {
font-family: Fraunces, Georgia, serif;
float: left; font-size: 72px; line-height: 0.85;
padding-right: 10px; padding-top: 6px; color: #A8341F;
} .entry-content p { font-size: 18px; line-height: 1.75; color: #1A1A1A; margin: 1.25em 0; max-width: 68ch; }
.entry-content p.has-drop-cap::first-letter,
.entry-content p:first-of-type::first-letter { }
.entry-content h2 { font-family: Fraunces, Georgia, serif; font-size: 32px; letter-spacing: -0.02em; margin-top: 2.2em; margin-bottom: 0.6em; font-weight: 500; }
.entry-content h3 { font-family: Fraunces, Georgia, serif; font-size: 24px; letter-spacing: -0.02em; margin-top: 1.8em; margin-bottom: 0.4em; font-weight: 500; }
.entry-content a { color: #A8341F; text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:hover { color: #1A1A1A; }
.entry-content blockquote { font-family: Fraunces, Georgia, serif; font-style: italic; font-size: 26px; line-height: 1.4; border-left: 2px solid #A8341F; padding: 0.4em 0 0.4em 1.2em; margin: 1.8em 0; max-width: 68ch; color: #1A1A1A; }
.entry-content ul, .entry-content ol { max-width: 68ch; margin: 1.2em 0; padding-left: 1.4em; }
.entry-content ul li { list-style-type: disc; margin: 0.4em 0; font-size: 18px; line-height: 1.75; }
.entry-content ol li { list-style-type: decimal; margin: 0.4em 0; font-size: 18px; line-height: 1.75; }
.entry-content strong { color: #1A1A1A; font-weight: 600; }
.entry-content em { font-style: italic; }
.entry-content img { max-width: 100%; height: auto; border-radius: 2px; margin: 1.8em 0; }
.entry-content hr { border: 0; border-top: 1px solid rgba(26,26,26,0.15); margin: 3em 0; } .card-grad-1 { background: linear-gradient(135deg, #2D3E2C 0%, #8B6F47 100%); }
.card-grad-2 { background: linear-gradient(135deg, #1A1A1A 0%, #A8341F 100%); }
.card-grad-3 { background: linear-gradient(135deg, #8B6F47 0%, #EFEBE3 100%); }
.card-grad-4 { background: linear-gradient(135deg, #1A1A1A 0%, #5C5751 100%); }
.card-grad-5 { background: linear-gradient(135deg, #2D3E2C 0%, #1A1A1A 100%); } html { scroll-padding-top: 90px; }