#club-dar-nour-home .goals-section {position:relative;overflow:clip;isolation:isolate}
#club-dar-nour-home .goals-section .goal-grid {position:relative;isolation:isolate}
#club-dar-nour-home .goals-section .gallery-atmosphere {background:var(--paper)}
#club-dar-nour-home .goals-section .gallery-atmosphere-light {opacity:.65}
#club-dar-nour-home .goals-section .gallery-atmosphere-gold {opacity:.22}
#club-dar-nour-home .goals-motion .goal-grid {display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}
#club-dar-nour-home .goals-motion .goal,
#club-dar-nour-home .goals-motion .goal:nth-child(even) {
  grid-area:1/1;margin:0;min-width:0;opacity:0;visibility:hidden;
}
#club-dar-nour-home .goals-motion .goal:first-of-type {opacity:1;visibility:visible}
#club-dar-nour-home .goals-motion .goal figure {background:transparent}
#club-dar-nour-home .goals-motion .goal img {
  max-height:calc(100svh - 190px);width:auto;max-width:100%;object-fit:contain;
}
/* Show the section introduction only with the first photograph, without layout shifts. */
#club-dar-nour-home .goals-motion[data-goal-index="2"] .section-top,
#club-dar-nour-home .goals-motion[data-goal-index="3"] .section-top {visibility:hidden}
/* Align the introduction with the first photograph. */
@media(min-width:768px) {
  #club-dar-nour-home .goals-motion .section-top {
    display:grid;grid-template-columns:1.1fr 1fr;gap:100px;
  }
  #club-dar-nour-home .goals-motion .section-top>div {min-width:0;grid-column:1}
}
@media(min-width:768px) and (max-width:1199px) {
  #club-dar-nour-home .goals-motion .section-top {gap:50px}
}
/* Keep portrait images and full copy together on phones without tiny type. */
@media(max-width:767px) {
  #club-dar-nour-home .goals-motion .goal img {height:auto;width:100%;max-height:none}
  #club-dar-nour-home .goals-motion .goal,
  #club-dar-nour-home .goals-motion .goal:nth-child(even) {gap:25px}
}