.moroccan-story { background: #fff; color: #111; padding-bottom: 0; }
.moroccan-story .story-heading { max-width: 850px; padding-block: 2rem 3rem; }
.moroccan-story .story-heading h1 { font-size: clamp(2.8rem,6vw,6rem); }
.moroccan-story .section-description { margin-top: 1.5rem; color: #555; }
.moroccan-story figure { margin: 0; }
.moroccan-story figure a { display: block; }
.moroccan-story img { display: block; width: 100%; height: auto; }
.moroccan-story figcaption { padding: .8rem 0 1.5rem; font-size: .8rem; line-height: 1.5; color: #666; }
.moroccan-hero { max-width: 1000px; margin: 0 auto; }
.moroccan-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; padding-block: 4rem; }
.moroccan-story h2 { font: 400 clamp(2rem,3vw,3.3rem)/1.13 Georgia,serif; letter-spacing: -.03em; margin: 0 0 1.5rem; }
.moroccan-intro p,.moroccan-chapter-copy > p:last-child,.moroccan-end p { font-size: 1.05rem; line-height: 1.85; color: #555; }
.moroccan-intro .moroccan-credit { font-size: .8rem; padding-top: 1rem; border-top: 1px solid #ddd; }
.moroccan-chapter { border-top: 1px solid #ddd; padding-block: 3.5rem; }
.moroccan-chapter-copy { max-width: 720px; margin-bottom: 2.5rem; }
.moroccan-chapter-copy .section-eyebrow { margin-bottom: 1.25rem; color: #666; }
.moroccan-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; align-items: start; }
.moroccan-gallery img { background: #f4f4f4; }
.moroccan-end { padding: 4rem 0 5rem; border-top: 1px solid #ddd; }
.moroccan-end .project-back { display: inline-block; margin: 1.5rem; }
@media(max-width:760px) { .moroccan-intro { grid-template-columns: 1fr; gap: 1rem; } .moroccan-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; } }
@media(max-width:460px) { .moroccan-gallery { grid-template-columns: 1fr; } }