/* page styles: visit-egypt.html */
/* This page's hero line is a full sentence rather than the usual
       one- or two-word place name every other .mast page carries, so
       the shared clamp(34px,6.4vw,96px) reads oversized here. Scoped to
       .mast__title--sm so every other page's masthead is untouched. */
    .mast__title--sm{font-size:clamp(24px,4vw,56px)}

    /* lighter dark overlay on this page's four region cards, so more of each
       photo shows; a soft text-shadow keeps the white title readable */
    .gate__veil{background:linear-gradient(180deg,rgb(var(--ink-rgb) / 0) 55%,rgb(var(--ink-rgb) / .3) 78%,rgb(var(--ink-rgb) / .65) 100%)}
    .gate:hover .gate__veil{background:linear-gradient(180deg,rgb(var(--ink-rgb) / 0) 45%,rgb(var(--ink-rgb) / .38) 74%,rgb(var(--ink-rgb) / .75) 100%)}
    .gate__title,.gate__desc{text-shadow:0 1px 10px rgb(var(--ink-rgb) / .55)}
    /* five destination cards: one row of five on desktop; in the two-column
       layout the last card runs full width so nothing sits alone */
    .gateGrid--five{grid-template-columns:repeat(5,minmax(0,1fr))}
    @media (max-width:1100px) and (min-width:901px){
      .gateGrid--five{grid-template-columns:repeat(6,minmax(0,1fr));max-width:960px}
      .gateGrid--five .gate{grid-column:span 2}
      .gateGrid--five .gate:nth-child(n+4){grid-column:span 3;aspect-ratio:16/10}
    }
    @media (max-width:900px){
      .gateGrid--five{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
      .gateGrid--five .gate:last-child{grid-column:1 / -1;aspect-ratio:16/9}
    }
    /* card image slot until the real photo arrives */
    .gate__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#27474a,#0f2224)}
    .gate__ph span{font-size:clamp(11px,1vw,14px);font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.35)}