/* Add custom CSS styles below */ 

.caf-page{font-family:'Noto Serif Arabic',serif;font-weight:300;line-height:1.9;color:#1e1812;overflow-x:hidden;direction:rtl}
.caf-page *,.caf-page *::before,.caf-page *::after{box-sizing:border-box;margin:0;padding:0}
.caf-page img{max-width:100%;display:block}

/* HERO */
.caf-hero{display:grid;grid-template-columns:1fr 1fr;min-height:88vh}
.caf-hero__img{overflow:hidden;position:relative}
.caf-hero__img img{width:100%;height:100%;object-fit:cover}
.caf-hero__text{background:#1e1812;display:flex;flex-direction:column;justify-content:center;padding:5rem 4rem;position:relative;overflow:hidden}
.caf-hero__title{font-size:clamp(2rem,4vw,3.5rem);font-weight:600;color:#f7f2ea;line-height:1.2;margin:.5rem 0}
.caf-hero__title span{color:#c9a84c;display:block;font-style:italic;font-size:1.1em}
.caf-hero__desc{font-size:.92rem;color:rgba(247,242,234,.6);margin-top:1.2rem;line-height:2}
.caf-eyebrow{font-size:.65rem;letter-spacing:.4em;text-transform:uppercase;color:#c9a84c;display:block;margin-bottom:.8rem}
.caf-badge{margin-top:2rem;display:inline-flex;align-items:center;gap:.7rem;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.25);padding:.7rem 1.2rem;width:fit-content}
.caf-badge__icon{font-size:1.2rem}
.caf-badge span:last-child{font-size:.76rem;color:#c9a84c;line-height:1.5}

/* DIVIDER */
.caf-divider{display:flex;align-items:center;gap:1.2rem;padding:3rem 5vw;color:#8b5e3c}
.caf-divider::before,.caf-divider::after{content:'';flex:1;height:1px;background:linear-gradient(to right,transparent,#d4b896,transparent)}
.caf-divider span{font-size:.6rem;letter-spacing:.5em;text-transform:uppercase;white-space:nowrap}

/* CHAPTER HEADER */
.caf-ch-header{padding:3rem 5vw 1.2rem;display:flex;align-items:baseline;gap:1.5rem;border-bottom:1px solid rgba(139,94,60,.12);margin:0 5vw}
.caf-ch-label{font-size:.58rem;letter-spacing:.45em;text-transform:uppercase;color:#c9a84c;white-space:nowrap;flex-shrink:0}
.caf-ch-title{font-size:clamp(1.4rem,3vw,2.5rem);font-weight:600;line-height:1.2}

/* GRIDS */
.caf-grid{display:grid;padding:2.5rem 5vw 4rem;gap:2rem}
.caf-grid--asym{grid-template-columns:5fr 4fr}
.caf-grid--asym-r{grid-template-columns:4fr 5fr}
.caf-grid--3{grid-template-columns:repeat(3,1fr)}

/* IMAGES */
.caf-img{overflow:hidden;position:relative}
.caf-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.caf-img:hover img{transform:scale(1.05)}
.caf-img--tall{aspect-ratio:3/4}
.caf-img--square{aspect-ratio:1}
.caf-img--wide{aspect-ratio:4/3}

/* TEXT BLOCKS */
.caf-txt{display:flex;flex-direction:column;justify-content:center;padding:2rem 2.5rem}
.caf-txt--warm{background:#f0e8d8}
.caf-txt h3{font-size:clamp(1.2rem,2.5vw,1.9rem);font-weight:600;line-height:1.3;margin:.6rem 0 1rem}
.caf-txt p{font-size:.9rem;color:rgba(30,24,18,.7);line-height:2;margin-bottom:.7rem}

/* TIMELINE */
.caf-timeline{padding:4rem 5vw;background:#1e1812}
.caf-timeline__header{text-align:center;margin-bottom:3.5rem}
.caf-tl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.caf-tl-grid::before{content:'';position:absolute;top:1.5rem;right:0;left:0;height:1px;background:linear-gradient(to left,transparent,#c9a84c,transparent)}
.caf-tl-item{padding:0 1.2rem;text-align:center}
.caf-tl-dot{width:12px;height:12px;background:#c9a84c;border-radius:50%;margin:1rem auto 1.2rem;position:relative;z-index:1;box-shadow:0 0 0 4px rgba(201,168,76,.15)}
.caf-tl-era{font-style:italic;font-size:1rem;color:#c9a84c;margin-bottom:.3rem}
.caf-tl-title{font-weight:600;font-size:.85rem;color:#f7f2ea;margin-bottom:.6rem}
.caf-tl-desc{font-size:.76rem;color:rgba(247,242,234,.5);line-height:1.7}

/* QUOTE */
.caf-quote{text-align:center;padding:5rem 5vw;background:#1e1812}
.caf-quote blockquote{font-size:clamp(1.1rem,2.5vw,1.9rem);color:#f7f2ea;max-width:750px;margin:0 auto 1.2rem;line-height:1.8;font-weight:300}
.caf-quote cite{font-style:italic;color:#c9a84c;font-size:.72rem;letter-spacing:.25em}

/* UNESCO */
.caf-unesco{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:5rem 5vw;background:#f0e8d8}
.caf-unesco__text h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1.2;margin:.5rem 0 1.2rem}
.caf-unesco__text p{font-size:.9rem;color:rgba(30,24,18,.7);line-height:2;margin-bottom:.8rem}
.caf-facts{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}
.caf-fact{background:#fdfaf5;padding:1.2rem;border-right:3px solid #c9a84c}
.caf-fact__num{font-style:italic;font-size:1.8rem;color:#8b5e3c;line-height:1;margin-bottom:.3rem}
.caf-fact__label{font-size:.76rem;color:rgba(30,24,18,.6);line-height:1.5}

/* CRAFTS */
.caf-crafts{padding:5rem 5vw;background:#f7f2ea}
.caf-crafts__header{text-align:center;margin-bottom:3rem}
.caf-crafts__header h2{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600;margin-top:.4rem}
.caf-crafts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.caf-craft{text-align:center}
.caf-craft .caf-img{margin-bottom:1rem}
.caf-craft__name{font-weight:600;font-size:.95rem;margin-bottom:.4rem}
.caf-craft__desc{font-size:.8rem;color:rgba(30,24,18,.6);line-height:1.8}

/* GALLERY */
.caf-gallery{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5vw 4rem}

/* CTA */
.caf-cta{background:#1e1812;padding:5rem 5vw;text-align:center}
.caf-cta h2{font-size:clamp(1.4rem,3vw,2.5rem);font-weight:600;color:#f7f2ea;margin-bottom:.8rem}
.caf-cta p{font-size:.9rem;color:rgba(247,242,234,.55);margin-bottom:2rem}
.caf-btn{display:inline-block;background:#c9a84c;color:#1e1812;font-weight:600;font-size:.88rem;padding:.9rem 2.8rem;text-decoration:none;letter-spacing:.05em;transition:background .25s,transform .25s}
.caf-btn:hover{background:#8b5e3c;color:#fdfaf5;transform:translateY(-2px)}

/* RESPONSIVE */
@media(max-width:900px){
  .caf-hero{grid-template-columns:1fr}
  .caf-hero__img{height:60vw}
  .caf-hero__text{padding:3rem 1.5rem}
  .caf-ch-header{margin:0 3vw;flex-direction:column;gap:.4rem}
  .caf-grid--asym,.caf-grid--asym-r,.caf-grid--3{grid-template-columns:1fr}
  .caf-grid--3{grid-template-columns:1fr 1fr}
  .caf-txt{padding:1.5rem 0}
  .caf-tl-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .caf-tl-grid::before{display:none}
  .caf-gallery{grid-template-columns:1fr 1fr}
  .caf-unesco{grid-template-columns:1fr;gap:2rem;padding:3rem 4vw}
  .caf-crafts__grid{grid-template-columns:1fr}
  .caf-facts{grid-template-columns:1fr}
}
@media(max-width:560px){
  .caf-grid--3{grid-template-columns:1fr}
  .caf-tl-grid{grid-template-columns:1fr}
}