Files
falah-ft-theme/design-proposals/direction-1-falah-gazette.html
T

1015 lines
40 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Direction 1: The Falah Gazette & Monocle — Iqra Editorial Design System</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;800&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;0,6..72,700;1,6..72,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
/* === FT & MONOCLE DESIGN SYSTEM TOKENS === */
:root {
--ft-paper: #FFF1E5; /* Signature FT warm salmon paper */
--ft-surface: #F6E6D8; /* Subtle tonal paper fill */
--ft-card-bg: #FCF5EE; /* Inset paper box */
--ft-ink-heavy: #111111; /* Primary carbon ink */
--ft-ink-body: #242220; /* Editorial reading ink */
--ft-ink-muted: #666059; /* Secondary caption & dateline */
--ft-accent-spruce: #0E4D36; /* Imperial Ottoman spruce green */
--ft-accent-crimson: #9E2A2B;/* Archival wax seal crimson */
--ft-accent-gold: #B4833E; /* Antique bronze gold */
--ft-hairline: #E4D5C7; /* Razor-sharp 1px paper divider */
--ft-hairline-dark: #C9B8A7; /* Structural rule */
--font-masthead: 'Cinzel', Georgia, serif;
--font-headline: 'Newsreader', Georgia, serif;
--font-body: 'Newsreader', Georgia, serif;
--font-meta: 'Inter', -apple-system, sans-serif;
--font-mono: 'JetBrains Mono', monospace;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
background-color: var(--ft-paper);
color: var(--ft-ink-body);
font-family: var(--font-body);
font-size: 17px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--ft-accent-spruce); }
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
}
/* === 1. TOP SUQ & INTELLIGENCE TICKER === */
.ticker-bar {
background-color: #211D1A;
color: #E6D8CA;
font-family: var(--font-meta);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.04em;
border-bottom: 1px solid #332D28;
padding: 7px 0;
}
.ticker-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
.ticker-left {
display: flex;
align-items: center;
gap: 18px;
}
.ticker-date {
color: #C0B0A0;
display: flex;
align-items: center;
gap: 6px;
}
.ticker-badge {
background: var(--ft-accent-spruce);
color: #fff;
padding: 2px 6px;
font-size: 9px;
font-weight: 700;
border-radius: 2px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ticker-stream {
display: flex;
gap: 20px;
font-family: var(--font-mono);
font-size: 10.5px;
}
.ticker-item {
display: flex;
gap: 6px;
}
.ticker-val {
color: #4ADE80;
}
/* === 2. MASTHEAD === */
.masthead {
border-bottom: 3px double var(--ft-hairline-dark);
padding: 24px 0 16px;
text-align: center;
background: var(--ft-paper);
}
.masthead-meta {
display: flex;
justify-content: space-between;
align-items: center;
font-family: var(--font-meta);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--ft-ink-muted);
border-bottom: 1px solid var(--ft-hairline);
padding-bottom: 10px;
margin-bottom: 18px;
}
.masthead-title {
font-family: var(--font-masthead);
font-size: 64px;
font-weight: 800;
letter-spacing: 0.14em;
color: var(--ft-ink-heavy);
line-height: 1;
margin-bottom: 8px;
position: relative;
display: inline-block;
}
.masthead-arabic {
font-family: 'Amiri', serif;
font-size: 26px;
color: var(--ft-accent-spruce);
letter-spacing: 0;
margin-left: 12px;
vertical-align: middle;
font-weight: 400;
}
.masthead-subtitle {
font-family: var(--font-headline);
font-style: italic;
font-size: 16px;
color: var(--ft-ink-muted);
letter-spacing: 0.02em;
margin-bottom: 16px;
}
/* NAVIGATION BAR */
.main-nav {
border-top: 1px solid var(--ft-hairline-dark);
border-bottom: 1px solid var(--ft-hairline-dark);
padding: 8px 0;
margin-top: 12px;
}
.nav-list {
list-style: none;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 24px;
font-family: var(--font-meta);
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.nav-list a {
color: var(--ft-ink-heavy);
padding: 4px 0;
position: relative;
}
.nav-list a.active {
color: var(--ft-accent-spruce);
border-bottom: 2px solid var(--ft-accent-spruce);
}
.nav-list a:hover {
color: var(--ft-accent-spruce);
}
.nav-dot {
color: var(--ft-hairline-dark);
font-size: 10px;
}
/* === 3. EDITORIAL LEAD GRID (ASYMMETRIC TRIO) === */
.lead-grid {
display: grid;
grid-template-columns: 5.5fr 3.5fr 3fr;
gap: 28px;
padding: 32px 0 40px;
border-bottom: 1px solid var(--ft-hairline-dark);
}
/* Col 1: Lead Story */
.lead-story {
padding-right: 14px;
border-right: 1px solid var(--ft-hairline);
}
.lead-kicker {
font-family: var(--font-meta);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--ft-accent-spruce);
display: block;
margin-bottom: 8px;
}
.lead-title {
font-family: var(--font-headline);
font-size: 40px;
font-weight: 700;
line-height: 1.15;
color: var(--ft-ink-heavy);
letter-spacing: -0.015em;
margin-bottom: 16px;
}
.lead-image-frame {
position: relative;
margin-bottom: 16px;
border: 1px solid var(--ft-hairline-dark);
background: #000;
overflow: hidden;
}
.lead-image-frame img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
opacity: 0.95;
transition: opacity 0.3s;
}
.lead-caption {
font-family: var(--font-meta);
font-size: 10.5px;
color: var(--ft-ink-muted);
padding: 6px 4px 0;
border-top: 1px solid var(--ft-hairline);
}
.lead-excerpt {
font-size: 17.5px;
line-height: 1.55;
color: var(--ft-ink-body);
margin-bottom: 14px;
}
.byline-row {
display: flex;
align-items: center;
gap: 12px;
font-family: var(--font-meta);
font-size: 11.5px;
color: var(--ft-ink-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
font-weight: 500;
}
.byline-author {
font-weight: 700;
color: var(--ft-ink-heavy);
}
/* Col 2: Secondary Investigations */
.secondary-column {
display: flex;
flex-direction: column;
gap: 24px;
padding-right: 14px;
border-right: 1px solid var(--ft-hairline);
}
.story-card-compact {
display: flex;
flex-direction: column;
padding-bottom: 22px;
border-bottom: 1px solid var(--ft-hairline);
}
.story-card-compact:last-child {
border-bottom: none;
padding-bottom: 0;
}
.story-title-sub {
font-family: var(--font-headline);
font-size: 22px;
font-weight: 700;
line-height: 1.25;
color: var(--ft-ink-heavy);
margin-bottom: 10px;
}
.story-excerpt-sub {
font-size: 14.5px;
line-height: 1.5;
color: #444;
margin-bottom: 12px;
}
/* Col 3: The Wire / Fast Intelligence */
.wire-column {
background: var(--ft-surface);
padding: 20px 18px;
border: 1px solid var(--ft-hairline-dark);
height: fit-content;
}
.wire-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2px solid var(--ft-accent-crimson);
padding-bottom: 8px;
margin-bottom: 16px;
}
.wire-title {
font-family: var(--font-meta);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--ft-accent-crimson);
}
.wire-pulse {
width: 8px;
height: 8px;
background: var(--ft-accent-crimson);
border-radius: 50%;
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.3; }
100% { opacity: 1; }
}
.wire-item {
padding: 12px 0;
border-bottom: 1px solid var(--ft-hairline);
}
.wire-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.wire-time {
font-family: var(--font-mono);
font-size: 10px;
color: var(--ft-accent-spruce);
font-weight: 600;
margin-bottom: 4px;
}
.wire-headline {
font-family: var(--font-headline);
font-size: 15px;
font-weight: 600;
line-height: 1.35;
color: var(--ft-ink-heavy);
}
/* === 4. VOICES OF IQRA: EDITORIAL FELLOWS === */
.fellows-section {
padding: 40px 0;
border-bottom: 1px solid var(--ft-hairline-dark);
}
.section-eyebrow-bar {
display: flex;
justify-content: space-between;
align-items: flex-end;
border-bottom: 1px solid var(--ft-hairline-dark);
padding-bottom: 8px;
margin-bottom: 24px;
}
.section-heading {
font-family: var(--font-headline);
font-size: 26px;
font-weight: 700;
color: var(--ft-ink-heavy);
}
.section-view-all {
font-family: var(--font-meta);
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--ft-accent-spruce);
}
/* 5 Fellows Columns */
.fellows-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.fellow-card {
background: var(--ft-card-bg);
border: 1px solid var(--ft-hairline);
padding: 18px;
display: flex;
flex-direction: column;
position: relative;
transition: all 0.2s ease;
}
.fellow-card:hover {
border-color: var(--ft-accent-spruce);
box-shadow: 0 4px 12px rgba(14, 77, 54, 0.06);
}
.fellow-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.fellow-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
border: 1px solid var(--ft-hairline-dark);
filter: grayscale(25%);
}
.fellow-meta {
display: flex;
flex-direction: column;
}
.fellow-name {
font-family: var(--font-headline);
font-size: 16px;
font-weight: 700;
color: var(--ft-ink-heavy);
line-height: 1.2;
}
.fellow-role {
font-family: var(--font-meta);
font-size: 9.5px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--ft-accent-spruce);
margin-top: 2px;
}
.fellow-column-tag {
font-family: var(--font-meta);
font-size: 10px;
font-weight: 600;
background: #EFE4D6;
color: #554A40;
padding: 3px 6px;
border-radius: 2px;
display: inline-block;
margin-bottom: 10px;
width: fit-content;
}
.fellow-latest-title {
font-family: var(--font-headline);
font-size: 14.5px;
font-weight: 600;
line-height: 1.35;
color: var(--ft-ink-heavy);
margin-bottom: auto;
padding-bottom: 12px;
}
.fellow-footer-link {
font-family: var(--font-meta);
font-size: 10.5px;
font-weight: 600;
color: var(--ft-accent-spruce);
border-top: 1px solid var(--ft-hairline);
padding-top: 8px;
margin-top: 8px;
display: flex;
align-items: center;
justify-content: space-between;
}
/* === 5. QUANTITATIVE SUITE & SHARIAH TOOLS STRIP === */
.tools-strip {
background: #211D1A;
color: #FFF;
padding: 32px 0;
margin: 20px 0 40px;
border-top: 2px solid var(--ft-accent-gold);
border-bottom: 1px solid #332D28;
}
.tools-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
}
.tool-card {
background: #2A2522;
border: 1px solid #3F3730;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tool-badge {
font-family: var(--font-mono);
font-size: 10px;
color: var(--ft-accent-gold);
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 8px;
}
.tool-title {
font-family: var(--font-headline);
font-size: 20px;
font-weight: 700;
color: #FFF;
margin-bottom: 8px;
}
.tool-desc {
font-family: var(--font-meta);
font-size: 12px;
color: #AAA;
line-height: 1.5;
margin-bottom: 16px;
}
.tool-btn {
font-family: var(--font-meta);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
background: var(--ft-accent-spruce);
color: #FFF;
padding: 8px 14px;
text-align: center;
border-radius: 2px;
display: inline-block;
}
.tool-btn:hover {
background: #156A4B;
color: #FFF;
}
/* === 6. CURATED DOSSIERS (TOPIC MATRIX) === */
.dossier-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
padding-bottom: 60px;
}
.dossier-col {
border-right: 1px solid var(--ft-hairline);
padding-right: 20px;
}
.dossier-col:last-child {
border-right: none;
padding-right: 0;
}
.dossier-title {
font-family: var(--font-meta);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--ft-ink-heavy);
border-bottom: 2px solid var(--ft-ink-heavy);
padding-bottom: 6px;
margin-bottom: 18px;
}
.dossier-card {
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid var(--ft-hairline);
}
.dossier-headline {
font-family: var(--font-headline);
font-size: 17px;
font-weight: 700;
line-height: 1.3;
color: var(--ft-ink-heavy);
margin-bottom: 6px;
}
.dossier-meta {
font-family: var(--font-meta);
font-size: 10.5px;
color: var(--ft-ink-muted);
}
/* FOOTER */
.site-footer {
background: #1A1614;
color: #C2B4A6;
padding: 48px 0 32px;
border-top: 4px solid var(--ft-accent-spruce);
font-family: var(--font-meta);
font-size: 12px;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 32px;
margin-bottom: 36px;
}
.footer-col h4 {
font-family: var(--font-headline);
font-size: 16px;
color: #FFF;
margin-bottom: 14px;
}
.footer-col ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.footer-col a {
color: #AAA;
}
.footer-col a:hover {
color: #FFF;
}
.footer-bottom {
border-top: 1px solid #2B2521;
padding-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 11px;
color: #888;
}
</style>
</head>
<body>
<!-- 1. LIVE SUQ & INTELLIGENCE TICKER -->
<div class="ticker-bar">
<div class="container ticker-inner">
<div class="ticker-left">
<span class="ticker-badge">Live Suq</span>
<span class="ticker-date">28 Rabi' al-Awwal 1448 · Saturday, 10 October 2026</span>
</div>
<div class="ticker-stream">
<div class="ticker-item">
<span>GOLD NISAB:</span>
<span class="ticker-val">RM 32,450.00 / 85g</span>
</div>
<div class="ticker-item">
<span>SILVER NISAB:</span>
<span class="ticker-val">RM 2,890.00 / 595g</span>
</div>
<div class="ticker-item">
<span>TOKENISED SUKUK 5Y:</span>
<span class="ticker-val">4.82% (+0.04)</span>
</div>
<div class="ticker-item">
<span>USD/MYR:</span>
<span class="ticker-val">4.215</span>
</div>
</div>
</div>
</div>
<!-- 2. MASTHEAD -->
<header class="masthead">
<div class="container">
<div class="masthead-meta">
<span>Issue No. 1,448 · Vol. IV</span>
<span>The Journal of Islamic Wealth, Shifa & Civilizational Statecraft</span>
<span>Kuala Lumpur &middot; London &middot; Abu Dhabi</span>
</div>
<h1 class="masthead-title">
IQRA TIMES
<span class="masthead-arabic">« إقرأ »</span>
</h1>
<p class="masthead-subtitle">First with the Intelligence. Deepest in the Classical Heritage.</p>
<nav class="main-nav">
<ul class="nav-list">
<li><a href="#" class="active">Front Page</a></li>
<li class="nav-dot">&bull;</li>
<li><a href="#">Family Office & Succession</a></li>
<li class="nav-dot">&bull;</li>
<li><a href="#">Tibb & Shifa Desk</a></li>
<li class="nav-dot">&bull;</li>
<li><a href="#">Geopolitical Corridors</a></li>
<li class="nav-dot">&bull;</li>
<li><a href="#">Classical Polymath</a></li>
<li class="nav-dot">&bull;</li>
<li><a href="#">Faraid & Zakat Engine</a></li>
<li class="nav-dot">&bull;</li>
<li><a href="#">The Monograph Archive</a></li>
</ul>
</nav>
</div>
</header>
<!-- 3. EDITORIAL LEAD GRID -->
<main class="container">
<section class="lead-grid">
<!-- Col 1: Lead Investigation -->
<article class="lead-story">
<span class="lead-kicker">Sovereign Debt &middot; Special Report</span>
<h2 class="lead-title">
<a href="#">Malaysia Just Priced Its First Tokenised Sukuk. Here's What Actually Changed.</a>
</h2>
<div class="lead-image-frame">
<img src="https://iqra.falahos.my/content/images/2026/08/cover.png" alt="Sukuk Terminal and Sovereign Ledger">
</div>
<div class="lead-caption">
Kuala Lumpur financial district. Settlement rails moving onto institutional EVM subnets backed by Khazanah and CIMB.
</div>
<p class="lead-excerpt">
RM100 million, priced this week, backed by Khazanah, CIMB, Maybank, and sovereign pension funds. The underlying Wakalah contract remains classical, but the secondary settlement layer eliminates three days of counterparty friction. Here is the legal, financial, and Shariah architecture of what actually moved.
</p>
<div class="byline-row">
<span>By <span class="byline-author">Dr. Tariq Al-Amiri</span></span>
<span>&middot;</span>
<time>8 min read</time>
<span>&middot;</span>
<span>Juridical Estate & Capital Desk</span>
</div>
</article>
<!-- Col 2: Secondary Essays -->
<section class="secondary-column">
<article class="story-card-compact">
<span class="lead-kicker">Integrative Tibb &middot; Clinical Treatise</span>
<h3 class="story-title-sub">
<a href="#">The Neurobiology of Tahajjud: Circadian Synchronization, Melatonin and Vagal Tone in Prophetic Medicine</a>
</h3>
<p class="story-excerpt-sub">
Clinical evidence bridging chronobiology and the authentic third-of-the-night vigilance. How parasympathetic reset counteracts chronic cortisol load in modern executives.
</p>
<div class="byline-row">
<span class="byline-author">Dr. Hakim Zainur Rahman</span>
<span>&middot;</span>
<time>6 min read</time>
</div>
</article>
<article class="story-card-compact">
<span class="lead-kicker">Manuscript Studies &middot; Nusantara</span>
<h3 class="story-title-sub">
<a href="#">Hang Tuah: The Ultimate Crucible of Loyalty, Justice, and Istikhlaf</a>
</h3>
<p class="story-excerpt-sub">
Beyond romantic folklore: A juristic dissection of the confrontation between Tuah and Jebat through the lens of Al-Mawardi's Al-Ahkam al-Sultaniyyah.
</p>
<div class="byline-row">
<span class="byline-author">Maryam Al-Andalusi</span>
<span>&middot;</span>
<time>11 min read</time>
</div>
</article>
<article class="story-card-compact">
<span class="lead-kicker">Geopolitics &middot; Maritime Corridors</span>
<h3 class="story-title-sub">
<a href="#">Strait of Malacca & The De-Dollarised Gold Dinar Settlement Rail</a>
</h3>
<p class="story-excerpt-sub">
Bilateral trade settlements between ASEAN and the Gulf bypass SWIFT through physical vault-clearing mechanisms.
</p>
<div class="byline-row">
<span class="byline-author">Farhan Idris</span>
<span>&middot;</span>
<time>7 min read</time>
</div>
</article>
</section>
<!-- Col 3: The Iqra Wire / Fast Briefs -->
<aside class="wire-column">
<div class="wire-header">
<span class="wire-title">The Iqra Wire</span>
<div class="wire-pulse"></div>
</div>
<div class="wire-item">
<div class="wire-time">14m ago &middot; Shariah Governance</div>
<div class="wire-headline">
<a href="#">UAE Central Bank Issues Updated Standard on AI Fatwa Verification for Robo-Advisors</a>
</div>
</div>
<div class="wire-item">
<div class="wire-time">1h ago &middot; Family Office</div>
<div class="wire-headline">
<a href="#">Cross-Border Waqf Ahli Structures Gain Traction Among Singaporean & Malaysian High-Net-Worth Dynasties</a>
</div>
</div>
<div class="wire-item">
<div class="wire-time">3h ago &middot; Prophetic Health</div>
<div class="wire-headline">
<a href="#">Intermittent Fasting & Autophagy: Meta-Analysis Affirms Monday-Thursday Sunnah Rhythm</a>
</div>
</div>
<div class="wire-item">
<div class="wire-time">5h ago &middot; Geopolitics</div>
<div class="wire-headline">
<a href="#">BRICS+ Expansion: New Shariah-Compliant Liquidity Pooling Mechanism Proposed in Riyadh</a>
</div>
</div>
<div class="wire-item">
<div class="wire-time">7h ago &middot; Civilizational Philosophy</div>
<div class="wire-headline">
<a href="#">Ibn Khaldun's Asabiyyah and the Fragility of Modern Venture Capital Coalitions</a>
</div>
</div>
</aside>
</section>
<!-- 4. VOICES OF IQRA: THE EDITORIAL BOARD -->
<section class="fellows-section">
<div class="section-eyebrow-bar">
<h2 class="section-heading">Voices of Iqra &middot; Senior Fellows</h2>
<a href="#" class="section-view-all">The Full Editorial Board &rarr;</a>
</div>
<div class="fellows-grid">
<!-- Fellow 1 -->
<div class="fellow-card">
<div class="fellow-header">
<img src="https://iqra.falahos.my/content/images/authors/jauhari-che-wan.png" class="fellow-avatar" alt="Jauhari Che Wan">
<div class="fellow-meta">
<h3 class="fellow-name">Jauhari Che Wan</h3>
<span class="fellow-role">Publisher & EIC</span>
</div>
</div>
<span class="fellow-column-tag">The Jauhari Column</span>
<p class="fellow-latest-title">Sovereign Technology and the Custodianship of Wealth in Nusantara</p>
<a href="#" class="fellow-footer-link"><span>Read Column</span> <span>&rarr;</span></a>
</div>
<!-- Fellow 2 -->
<div class="fellow-card">
<div class="fellow-header">
<img src="https://iqra.falahos.my/content/images/authors/tariq-al-amiri.png" class="fellow-avatar" alt="Dr. Tariq Al-Amiri">
<div class="fellow-meta">
<h3 class="fellow-name">Dr. Tariq Al-Amiri</h3>
<span class="fellow-role">Senior Jurist</span>
</div>
</div>
<span class="fellow-column-tag">Wealth & Succession</span>
<p class="fellow-latest-title">Structuring the Islamic Family Office: Faraid Shields & Hibah Governance</p>
<a href="#" class="fellow-footer-link"><span>Read Column</span> <span>&rarr;</span></a>
</div>
<!-- Fellow 3 -->
<div class="fellow-card">
<div class="fellow-header">
<img src="https://iqra.falahos.my/content/images/authors/hakim-zainur.png" class="fellow-avatar" alt="Dr. Hakim Zainur Rahman">
<div class="fellow-meta">
<h3 class="fellow-name">Dr. Hakim Zainur</h3>
<span class="fellow-role">Integrative Clinician</span>
</div>
</div>
<span class="fellow-column-tag">The Shifa Desk</span>
<p class="fellow-latest-title">Fiqh an-Nafs: Addressing Modern Anxiety via Classical Tazkiyah</p>
<a href="#" class="fellow-footer-link"><span>Read Column</span> <span>&rarr;</span></a>
</div>
<!-- Fellow 4 -->
<div class="fellow-card">
<div class="fellow-header">
<img src="https://iqra.falahos.my/content/images/authors/maryam-al-andalusi.png" class="fellow-avatar" alt="Maryam Al-Andalusi">
<div class="fellow-meta">
<h3 class="fellow-name">Maryam Al-Andalusi</h3>
<span class="fellow-role">Manuscript Fellow</span>
</div>
</div>
<span class="fellow-column-tag">The Classical Polymath</span>
<p class="fellow-latest-title">Ibn Rushd vs Al-Ghazali: The Enduring Crisis of Reason and Revelation</p>
<a href="#" class="fellow-footer-link"><span>Read Column</span> <span>&rarr;</span></a>
</div>
<!-- Fellow 5 -->
<div class="fellow-card">
<div class="fellow-header">
<img src="https://iqra.falahos.my/content/images/authors/darul-falah-research.png" class="fellow-avatar" alt="Darul Falah Research Desk">
<div class="fellow-meta">
<h3 class="fellow-name">Darul Falah Desk</h3>
<span class="fellow-role">Quantitative Research</span>
</div>
</div>
<span class="fellow-column-tag">Nisab & Engines</span>
<p class="fellow-latest-title">The 2026 Gold-to-Silver Ratio: Recalibrating Historical Nisab Metrics</p>
<a href="#" class="fellow-footer-link"><span>View Feeds</span> <span>&rarr;</span></a>
</div>
</div>
</section>
<!-- 5. QUANTITATIVE SUITE & SHARIAH TOOLS STRIP -->
<section class="tools-strip">
<div class="container">
<div class="tools-grid">
<div class="tool-card">
<span class="tool-badge">Proprietary Engine 01</span>
<h3 class="tool-title">Interactive Faraid Estate Solver</h3>
<p class="tool-desc">Institutional-grade inheritance partition algorithm compliant with Shafii, Hanafi, and Maliki jurisprudential matrices.</p>
<a href="/calculator/" class="tool-btn">Launch Calculator</a>
</div>
<div class="tool-card">
<span class="tool-badge">Proprietary Engine 02</span>
<h3 class="tool-title">Corporate & Asset Zakat Engine</h3>
<p class="tool-desc">Automated Nisab pegging against real-time gold fixings with balance-sheet deduction rules for working capital.</p>
<a href="/zakat/" class="tool-btn">Calculate Zakat</a>
</div>
<div class="tool-card">
<span class="tool-badge">Proprietary Engine 03</span>
<h3 class="tool-title">Sadaqah & Waqf Ahli Registry</h3>
<p class="tool-desc">Perpetual endowment distribution modeling for family trusts, educational endowments, and healthcare waqf.</p>
<a href="/sadaqah/" class="tool-btn">Explore Registry</a>
</div>
</div>
</div>
</section>
<!-- 6. CURATED DOSSIERS (TOPIC MATRIX) -->
<section class="dossier-grid">
<div class="dossier-col">
<h3 class="dossier-title">Wealth & Succession</h3>
<article class="dossier-card">
<h4 class="dossier-headline"><a href="#">Musaffa's US Halal Investing Platform Is Built on Someone Else's Brokerage Rail</a></h4>
<span class="dossier-meta">Analysis by Tariq Al-Amiri &middot; Oct 4</span>
</article>
<article class="dossier-card">
<h4 class="dossier-headline"><a href="#">An Egyptian SME Lender Is Raising $189M Through a Sukuk, Not a Bond. Here's Why That's the Point.</a></h4>
<span class="dossier-meta">Intelligence &middot; Oct 1</span>
</article>
<article class="dossier-card">
<h4 class="dossier-headline"><a href="#">Cusp Wealth Says It's the First AI Robo-Advisor in the UAE With a Fatwa. Here's What That Actually Covers.</a></h4>
<span class="dossier-meta">Investigation &middot; Sep 29</span>
</article>
</div>
<div class="dossier-col">
<h3 class="dossier-title">Tibb & Integrative Shifa</h3>
<article class="dossier-card">
<h4 class="dossier-headline"><a href="#">Islamic Cognitive Reframing: Overcoming Anxiety, Grief, and Waswas through Classical Fiqh an-Nafs</a></h4>
<span class="dossier-meta">Clinical Treatise by Dr. Hakim Zainur &middot; Oct 2</span>
</article>
<article class="dossier-card">
<h4 class="dossier-headline"><a href="#">The Science of Prophetic Medicine: Evidence-Based Tibb Nabawi, Fasting Biology & The Falah Plate</a></h4>
<span class="dossier-meta">Medical Research &middot; Sep 28</span>
</article>
<article class="dossier-card">
<h4 class="dossier-headline"><a href="#">The Sunnah Sleep Routine: Melatonin Suppression, Wudu Temperature Drops & Cardiovascular Stability</a></h4>
<span class="dossier-meta">Wellness &middot; Oct 10</span>
</article>
</div>
<div class="dossier-col">
<h3 class="dossier-title">Philosophy & Civilizational Mind</h3>
<article class="dossier-card">
<h4 class="dossier-headline"><a href="#">Ihya Hamka: The Heart and Its Spiritual Purification in the Malay World</a></h4>
<span class="dossier-meta">Monograph by Maryam Al-Andalusi &middot; Oct 1</span>
</article>
<article class="dossier-card">
<h4 class="dossier-headline"><a href="#">Wisdom: Between Divine Light and Reason in the Thought of Al-Farabi</a></h4>
<span class="dossier-meta">Philosophical Essay &middot; Oct 1</span>
</article>
<article class="dossier-card">
<h4 class="dossier-headline"><a href="#">Maimonides: Guide for the Perplexed and the Shared Mediterranean Mind</a></h4>
<span class="dossier-meta">Falah Cast Archive &middot; Sep 28</span>
</article>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="site-footer">
<div class="container">
<div class="footer-grid">
<div class="footer-col">
<h4>IQRA TIMES</h4>
<p style="color: #999; line-height: 1.6; max-width: 320px;">
The intellectual journal of record for Islamic Family Office, Halal Wealth, Integrative Tibb, and Civilizational Statecraft. Published by Darul Falah.
</p>
</div>
<div class="footer-col">
<h4>Pillars</h4>
<ul>
<li><a href="#">Wealth & Succession</a></li>
<li><a href="#">Tibb & Shifa Desk</a></li>
<li><a href="#">Geopolitical Corridors</a></li>
<li><a href="#">Classical Philosophy</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Quantitative Tools</h4>
<ul>
<li><a href="/calculator/">Faraid Inheritance Engine</a></li>
<li><a href="/zakat/">Real-Time Zakat Engine</a></li>
<li><a href="#">Nisab Benchmark Index</a></li>
<li><a href="/sadaqah/">Waqf Ahli Registry</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Institutional</h4>
<ul>
<li><a href="#">Editorial Board</a></li>
<li><a href="#">Submissions & Peer Review</a></li>
<li><a href="#">Syndication & API Feeds</a></li>
<li><a href="#">Contact the Publisher</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span>&copy; 2026 Iqra Times. All rights reserved. Sovereign publishing on FalahOS.</span>
<span>Powered by Ghost &bull; Styled in FT-Gazette Editorial System</span>
</div>
</div>
</footer>
</body>
</html>