.fi { opacity: 0; transform: translateY(22px); transition: opacity 0.65s ease, transform 0.65s ease; } .fi.visible { opacity: 1; transform: translateY(0); } .btn-primary { display: inline-block; background: var(--turmeric); color: var(--soil); padding: 0.95rem 2rem; font-size: 0.82rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; transition: background 0.2s, transform 0.15s; border: none; cursor: pointer; } .btn-primary:hover { background: var(--gold); transform: translateY(-2px); } .page-hero { background: var(--soil); padding: 140px 8vw 80px; position: relative; overflow: hidden; } .page-hero-dots { position: absolute; inset: 0; opacity: 0.035; background-image: radial-gradient(circle at 2px 2px, var(--gold) 1px, transparent 0); background-size: 28px 28px; } .page-hero-inner { max-width: 800px; position: relative; z-index: 2; } .page-eyebrow { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--turmeric); margin-bottom: 1.2rem; display: flex; align-items: center; gap: 0.8rem; } .page-eyebrow::before { content: ''; display: block; width: 24px; height: 1px; background: var(--turmeric); } .page-h1 { font-family: var(--font-serif); font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 300; line-height: 1.1; color: var(--cream); margin-bottom: 1.2rem; } .page-h1 em { font-style: italic; color: var(--gold); } .page-sub { font-family: var(--font-serif); font-size: 1.15rem; font-weight: 300; font-style: italic; color: var(--sand); max-width: 580px; line-height: 1.55; } h2.st { font-family: var(--font-serif); font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 300; line-height: 1.15; color: var(--soil); margin-bottom: 1rem; } h2.st em { font-style: italic; color: var(--clay); } .section-eyebrow { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--turmeric); margin-bottom: 0.8rem; display: flex; align-items: center; gap: 0.8rem; } .section-eyebrow::before { content: ''; display: block; width: 24px; height: 1px; background: var(--turmeric); } .inner { max-width: 1100px; margin: 0 auto; }
Articles by Dr. Harish on gut health, Agni, Prakriti, and the Charaka sequencing principle. Written for people who want to understand, not just follow instructions.