
/* Premium Editorial Theme */
:root {
–brand-blue: #003893;
–brand-red: #d21034;
–text-main: #2b2b2b;
–text-muted: #555555;
–bg-main: #f4f5f7;
–bg-card: #ffffff;
}
physique {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
line-height: 1.7;
shade: var(–text-main);
background-color: var(–bg-main);
margin: 0;
padding: 60px 4%;
box-sizing: border-box;
}
/* 3-COLUMN CONTAINER */
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
/* Editorial Header Styling */
.header-section {
margin: 0 auto 70px auto;
max-width: 900px;
text-align: middle;
background: clear;
padding: 0 20px;
}
.header-section h2 {
font-family: “Georgia”, “Occasions New Roman”, serif;
font-size: 2.8rem;
font-weight: 400;
shade: #111;
margin-top: 0;
margin-bottom: 1rem;
line-height: 1.2;
letter-spacing: -0.5px;
}
/* Crimson ornamental line */
.header-section::after {
content material: ”;
show: block;
width: 80px;
top: 3px;
background-color: var(–brand-red);
margin: 30px auto;
border-radius: 2px;
}
.header-section p {
font-size: 1.15rem;
shade: var(–text-muted);
text-align: left;
}
.intro-meta {
text-transform: uppercase;
font-weight: 700;
shade: var(–brand-blue);
font-size: 0.9rem;
letter-spacing: 1px;
}
/* 3-COLUMN GRID LAYOUT */
.author-grid {
show: grid;
grid-template-columns: repeat(3, 1fr);
hole: 45px;
}
/* Load-in Animation */
@keyframes fadeUp {
from { opacity: 0; remodel: translateY(30px); }
to { opacity: 1; remodel: translateY(0); }
}
/* Particular person Creator Card */
.author-card {
background: var(–bg-card);
padding: 0;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0,0,0,0.04);
show: flex;
flex-direction: column;
overflow: hidden;
transition: remodel 0.4s ease, box-shadow 0.4s ease;
place: relative;
animation: fadeUp 0.8s ease-out backwards;
}
.author-card:nth-child(3n+1) { animation-delay: 0.1s; }
.author-card:nth-child(3n+2) { animation-delay: 0.2s; }
.author-card:nth-child(3n) { animation-delay: 0.3s; }
/* High border accent on hover */
.author-card::earlier than {
content material: ”;
place: absolute;
prime: 0;
left: 0;
width: 100%;
top: 4px;
background: var(–brand-blue);
remodel: scaleX(0);
transform-origin: left;
transition: remodel 0.4s ease;
z-index: 2;
}
.author-card:hover::earlier than {
remodel: scaleX(1);
background: var(–brand-red);
}
.author-card:hover {
remodel: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
.author-card determine {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
place: relative;
}
.author-card img {
width: 100%;
aspect-ratio: 3 / 4;
object-fit: cowl;
show: block;
transition: remodel 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.author-card:hover img {
remodel: scale(1.05);
}
.card-content {
padding: 30px;
flex-grow: 1;
show: flex;
flex-direction: column;
}
/* ONLY TARGET FIGCAPTIONS INSIDE AUTHOR CARDS */
.author-card figcaption {
font-size: 0.75rem;
shade: #fff;
background: rgba(0,0,0,0.6);
place: absolute;
backside: 15px;
proper: 15px;
padding: 4px 10px;
border-radius: 4px;
backdrop-filter: blur(4px);
text-transform: uppercase;
letter-spacing: 0.5px;
z-index: 5;
}
.author-card h3 {
font-family: “Georgia”, “Occasions New Roman”, serif;
font-size: 1.6rem;
font-weight: 400;
shade: var(–brand-blue);
margin: 0 0 15px 0;
line-height: 1.2;
}
.author-card p {
font-size: 0.95rem;
shade: var(–text-muted);
margin-bottom: 1.5rem;
flex-grow: 1;
}
.author-card a {
shade: var(–brand-blue);
text-decoration: none;
font-weight: 600;
font-size: 0.9rem;
show: inline-block;
border-bottom: 1px stable clear;
transition: border-color 0.2s ease, shade 0.2s ease;
}
.author-card a:hover {
shade: var(–brand-red);
border-bottom: 1px stable var(–brand-red);
}
/* ———————————-
LIBRARY SLIDER SECTION
———————————- */
.book-slider-wrapper {
grid-column: 1 / -1;
background: #111111;
border-radius: 12px;
padding: 60px 0;
margin: 20px 0;
overflow: hidden;
place: relative;
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
.slider-title {
text-align: middle;
font-family: “Georgia”, “Occasions New Roman”, serif;
font-size: 2rem;
shade: #ffffff;
margin: 0 0 40px 0;
font-weight: 400;
}
.slider-title::after {
content material: ”;
show: block;
width: 60px;
top: 2px;
background-color: var(–brand-red);
margin: 15px auto 0;
}
.marquee {
show: flex;
overflow: hidden;
white-space: nowrap;
place: relative;
}
.marquee::earlier than, .marquee::after {
place: absolute;
prime: 0;
width: 150px;
top: 100%;
content material: “”;
z-index: 2;
pointer-events: none;
}
.marquee::earlier than {
left: 0;
background: linear-gradient(to proper, #111111 0%, clear 100%);
}
.marquee::after {
proper: 0;
background: linear-gradient(to left, #111111 0%, clear 100%);
}
.marquee-content {
show: flex;
animation: scrollBooks 35s linear infinite;
}
.marquee-content.reverse {
animation: scrollBooksReverse 35s linear infinite;
}
.marquee:hover .marquee-content {
animation-play-state: paused;
}
.book-item {
width: 180px;
top: 270px;
margin: 0 25px;
border-radius: 4px;
box-shadow: 0 10px 20px rgba(0,0,0,0.4);
object-fit: cowl;
transition: remodel 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease;
cursor: pointer;
background-color: #222;
}
.book-item:hover {
remodel: translateY(-12px) scale(1.05);
box-shadow: 0 20px 30px rgba(0,0,0,0.6);
}
@keyframes scrollBooks {
0% { remodel: translateX(0); }
100% { remodel: translateX(-50%); }
}
@keyframes scrollBooksReverse {
0% { remodel: translateX(-50%); }
100% { remodel: translateX(0); }
}
.library-cta-container {
text-align: middle;
margin-top: 50px;
place: relative;
z-index: 3;
}
.library-cta {
show: inline-block;
padding: 14px 35px;
background-color: var(–brand-red);
shade: #ffffff;
text-transform: uppercase;
font-weight: 700;
font-size: 0.9rem;
letter-spacing: 1.5px;
border-radius: 30px;
text-decoration: none;
transition: background-color 0.3s ease, remodel 0.2s ease, box-shadow 0.3s ease;
}
.library-cta:hover {
background-color: #b00d2b;
remodel: translateY(-3px);
box-shadow: 0 8px 20px rgba(210, 16, 52, 0.4);
shade: #ffffff;
}
/* ———————————-
BONUS BOOKS SHOWCASE (2×2 Grid with 12 months Badges)
———————————- */
.bonus-books-showcase {
grid-column: span 2;
background: var(–bg-card);
border-radius: 12px;
padding: 40px;
box-shadow: 0 10px 30px rgba(0,0,0,0.04);
show: flex;
flex-direction: column;
justify-content: middle;
align-items: middle;
animation: fadeUp 0.8s ease-out backwards;
animation-delay: 0.4s;
}
.bonus-books-showcase h3 {
font-family: “Georgia”, “Occasions New Roman”, serif;
font-size: 1.8rem;
shade: var(–brand-blue);
margin: 0 0 35px 0;
font-weight: 400;
text-align: middle;
}
.bonus-books-flex {
show: grid;
grid-template-columns: repeat(2, 1fr);
hole: 25px;
width: 100%;
max-width: 380px;
margin: 0 auto;
}
.bonus-book-wrapper {
place: relative;
width: 100%;
border-radius: 4px;
transition: remodel 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
}
.bonus-book-wrapper:hover {
remodel: translateY(-8px);
box-shadow: 0 15px 25px rgba(0,0,0,0.25);
}
.bonus-book-wrapper img {
width: 100%;
aspect-ratio: 2 / 3;
object-fit: cowl;
border-radius: 4px;
show: block;
box-shadow: 0 8px 15px rgba(0,0,0,0.15);
}
/* Glossy badge overlay to categorize by yr */
.year-badge {
place: absolute;
prime: 8px;
proper: 8px;
background: var(–brand-blue);
shade: #ffffff;
font-size: 0.75rem;
font-weight: 700;
padding: 4px 8px;
border-radius: 4px;
z-index: 10;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
letter-spacing: 0.5px;
}
/* Spotlight the 2025 badge in Crimson to make it pop */
.year-badge.upcoming {
background: var(–brand-red);
}
/* Responsive Design Changes */
@media (max-width: 950px) {
.author-grid {
grid-template-columns: repeat(2, 1fr);
}
.bonus-books-showcase {
grid-column: span 1;
padding: 25px;
}
}
@media (max-width: 600px) {
.author-grid {
grid-template-columns: 1fr;
}
.bonus-books-showcase {
grid-column: span 1;
}
}
.footer-note {
margin-top: 80px;
text-align: middle;
padding: 40px 0;
font-size: 1.05rem;
shade: var(–text-muted);
border-top: 1px stable #e0e0e0;
}
.footer-note a {
shade: var(–brand-blue);
text-decoration: none;
font-weight: 600;
}
— From historians and poets to novelists and young-adult authors, Haitian ladies writers are persevering with a robust custom of storytelling throughout Haiti and the diaspora. Publishing works between 2024 and 2026 that discover Haitian historical past, migration, identification and on a regular basis life, the books seem in lecture rooms, bookstores and literary festivals in Haiti, the US, Canada and France — serving to convey Haitian tales to a wider viewers.
Right here’s a number of authors, each rising and enduring voices, with their current works famous.
The publish Haitian authors telling our tales to know this Ladies’s Historical past Month appeared first on The Haitian Occasions.


























