/* A quiet closing page: one book, a horizon, and the words themselves. */
#journey {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: max(740px, 100svh);
  padding: clamp(108px, 15vh, 180px) max(60px, 7vw) 90px;
  background: linear-gradient(180deg, rgba(4,12,25,.22), rgba(4,12,25,.04) 55%, rgba(4,12,25,.13)), url('../images/closing/quiet-horizon.webp') center center / cover no-repeat;
  isolation: isolate;
}
#journey::before { content: none; }
#journey p { margin: 0; color: #edf1f5; text-shadow: 0 2px 16px rgba(2,8,17,.2); }
#journey p > span { display: block; }
#journey p > span + span { color: #d0dce7; }
#journey .ar { max-width: 1120px; font-size: clamp(42px, 4.7vw, 76px); font-weight: 400; line-height: 1.55; text-wrap: balance; }
#journey .en { max-width: 980px; font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(38px, 4.2vw, 68px); font-weight: 400; line-height: 1.22; text-wrap: balance; }
#journey .button {
  margin-top: 36px;
  min-height: 52px;
  padding: 10px 27px;
  border: 1px solid rgba(205,219,233,.5);
  border-radius: 999px;
  background: rgba(5,17,32,.34);
  color: #e4ebf2;
  font-family: 'Amiri', Georgia, serif;
  font-size: 20px;
  line-height: 1.4;
  backdrop-filter: blur(6px);
  transition: background .25s, border-color .25s;
}
#journey .button:hover { background: rgba(12,29,48,.75); border-color: #d9e4ee; }
#journey .button:focus-visible { outline: 2px solid #e4edf5; outline-offset: 5px; }
[data-language='en'] #journey .button { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 21px; }
#contact { background: #08172b; background-image: none; }
@media (max-width: 600px) {
  #journey { min-height: max(760px, 100svh); padding: 118px 28px 100px; background-position: 18% center; }
  #journey .ar { font-size: clamp(34px, 9.5vw, 48px); line-height: 1.6; }
  #journey .en { font-size: clamp(33px, 9vw, 46px); line-height: 1.25; }
  #journey .button { margin-top: 30px; min-height: 48px; padding: 9px 24px; font-size: 19px; }
}