/* Original local artwork for ICLN. Decorative imagery never represents the construction site. */
:root { --art-gold:#c89b53; --art-cream:#fbf8f1; }
.site-header { border-bottom:3px solid #dbc391; }
.home-hero,.page-heading { background:#062f39; }
.home-hero::before,.page-heading::before {
 content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
 background-image:linear-gradient(90deg,rgba(6,47,57,.98) 0%,rgba(6,47,57,.93) 35%,rgba(6,47,57,.76) 56%,rgba(6,47,57,.12) 100%),url('../images/artwork/teal-mihrab-wallpaper.jpg');
 background-position:center,right 54%; background-size:cover,cover; background-repeat:no-repeat;
}
.home-hero .hero-art,.page-heading .hero-art { display:none; }
.home-hero { min-height:560px; }
.hero-content { padding-block:76px; }
.page-heading { padding-block:72px; }
.page-heading h1,.page-heading .lead { max-width:76%; }
.hero-content h1 { max-width:720px; }
.home-hero .eyebrow::before,.page-heading .eyebrow::before {
 content:""; display:inline-block; width:8px; height:8px; margin-right:12px;
 background:var(--hero-accent); transform:rotate(45deg); vertical-align:1px;
}
.hero-content h1::after,.page-heading h1::after {
 content:""; display:block; width:68px; height:3px; margin-top:26px;
 background:linear-gradient(90deg,#eac178,#eac178 70%,transparent 70%,transparent 82%,#eac178 82%);
}
.section-tint,.campaign-section,.community-panel {
 background-color:#f6f8f4;
 background-image:linear-gradient(rgba(246,248,244,.58),rgba(246,248,244,.58)),url('../images/artwork/geometric-tile.svg');
}
.card,.campaign-card { box-shadow:0 8px 28px rgba(8,62,73,.045); }
.donation-card { border-top:3px solid #d8bd88; }
.donation-card .eyebrow { color:#72501d; }
.calligraphy-band {
 position:relative; padding:40px 20px; text-align:center;
 background:var(--art-cream) url('../images/artwork/geometric-tile.svg') repeat;
 border-block:1px solid #e7d9bd; overflow:hidden;
}
.calligraphy-band::before,.calligraphy-band::after {
 content:""; display:block; height:1px; width:min(160px,35%); margin:0 auto;
 background:linear-gradient(90deg,transparent,#b58a45,transparent);
}
.calligraphy-band .arabic-calligraphy {
 display:block; color:var(--teal); font-family:'Traditional Arabic','Arabic Typesetting','Noto Naskh Arabic','Times New Roman',serif;
 font-size:clamp(1.9rem,4vw,3rem); font-weight:400; line-height:1.9; margin:14px 0 2px;
 text-wrap:balance;
}
.calligraphy-translation { margin:0 auto 20px; color:#5b604f; font-size:.82rem; max-width:36em; }
.hadith-quote { max-width:1000px; margin:22px auto; }
.hadith-intro { margin:16px 0 8px; font-size:.9rem; color:var(--teal); }
.hadith-intro-arabic { font-family:'Traditional Arabic','Arabic Typesetting','Times New Roman',serif; font-size:1.4rem; }
.hadith-quote .arabic-calligraphy { margin:8px auto 20px; }
.hadith-quote .calligraphy-translation { max-width:52em; font-size:1.02rem; color:var(--ink); line-height:1.85; }
.hadith-source { font-size:.8rem; }
.hadith-source a { display:inline-block; min-height:44px; padding:8px 4px; }
.site-footer {
 background-image:linear-gradient(rgba(8,62,73,.94),rgba(8,62,73,.94)),url('../images/artwork/geometric-tile.svg');
}
@media (max-width:900px) {
 .home-hero { min-height:500px; }
 .hero-content { padding-block:60px; }
 .page-heading { padding-block:56px; }
 .page-heading h1,.page-heading .lead { max-width:85%; }
 .home-hero::before,.page-heading::before {
  background-image:linear-gradient(90deg,rgba(6,47,57,.97),rgba(6,47,57,.88) 62%,rgba(6,47,57,.5)),url('../images/artwork/teal-mihrab-wallpaper.jpg');
 }
}
@media (max-width:640px) {
 .home-hero { min-height:0; }
 .hero-content { padding-block:46px; }
 .page-heading { padding-block:42px; }
 .page-heading h1,.page-heading .lead { max-width:100%; }
 .home-hero::before,.page-heading::before {
  background-image:linear-gradient(90deg,rgba(6,47,57,.97),rgba(6,47,57,.9) 65%,rgba(6,47,57,.78)),url('../images/artwork/teal-mihrab-wallpaper.jpg');
  background-position:center,75% center;
 }
 .hero-content h1::after,.page-heading h1::after { margin-top:22px; width:56px; }
 .calligraphy-band { padding:28px 18px; }
 .calligraphy-band .arabic-calligraphy { font-size:clamp(1.65rem,7vw,2.4rem); line-height:2; }
 .calligraphy-translation { font-size:.78rem; }
}
@media print {
 .home-hero,.page-heading { background:#fff; }
 .home-hero::before,.page-heading::before,.calligraphy-band { display:none; }
 .section-tint,.campaign-section,.community-panel { background:#fff; }
 .card,.campaign-card { box-shadow:none; }
}