/*
حصن الذكريات
فنّ المائدة كما أحب أن أشاركها
نسخة عربية مرآة RTL من The Art of the Table
*/

#meski-memory-table-editorial-ar.table-editorial-ar-page{
  --tear-ivory:#f7f2e8;
  --tear-paper:#efe6d8;
  --tear-paper-light:#fbf8f1;
  --tear-ink:#191713;
  --tear-brown:#695d50;
  --tear-green:#16281e;
  --tear-green-deep:#0b1811;
  --tear-gold:#c3a04e;
  --tear-gold-soft:#e7d191;
  --tear-line:rgba(154,106,32,.21);
  --tear-max:1380px;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:hidden;
  direction:rtl;
  text-align:right;
  background:var(--tear-ivory);
  color:var(--tear-ink);
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","Tahoma",sans-serif;
}

#meski-memory-table-editorial-ar,
#meski-memory-table-editorial-ar *{box-sizing:border-box;}

#meski-memory-table-editorial-ar img{
  display:block;
  width:100%;
  height:auto;
}

#meski-memory-table-editorial-ar .table-editorial-ar-wide{
  width:min(calc(100% - 72px),var(--tear-max));
  margin-inline:auto;
}

#meski-memory-table-editorial-ar .table-editorial-ar-kicker,
#meski-memory-table-editorial-ar .table-editorial-ar-eyebrow{
  margin:0 0 18px;
  color:var(--tear-gold);
  font-size:11px;
  font-weight:600;
  line-height:1.7;
  letter-spacing:.03em;
}

#meski-memory-table-editorial-ar .table-editorial-ar-kicker--gold,
#meski-memory-table-editorial-ar .table-editorial-ar-kicker--light{
  color:var(--tear-gold-soft);
}

#meski-memory-table-editorial-ar h1,
#meski-memory-table-editorial-ar h2,
#meski-memory-table-editorial-ar h3,
#meski-memory-table-editorial-ar strong{
  font-family:"Amiri","Noto Naskh Arabic","Times New Roman",serif;
}

#meski-memory-table-editorial-ar h2{
  margin:0 0 28px;
  color:var(--tear-green);
  font-size:clamp(50px,5.6vw,80px);
  font-weight:400;
  line-height:1.18;
}

#meski-memory-table-editorial-ar p{
  text-wrap:pretty;
}


/* HEADER */

#meski-memory-table-editorial-ar .table-editorial-ar-header{
  width:100%;
  background:var(--tear-ivory);
  border-bottom:1px solid var(--tear-line);
}

#meski-memory-table-editorial-ar .table-editorial-ar-header__inner{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

#meski-memory-table-editorial-ar .table-editorial-ar-brand{
  display:flex;
  flex-direction:column;
  color:var(--tear-green);
  text-decoration:none;
}

#meski-memory-table-editorial-ar .table-editorial-ar-brand strong{
  color:var(--tear-green);
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:26px;
  font-weight:500;
  line-height:1;
  letter-spacing:.16em;
}

#meski-memory-table-editorial-ar .table-editorial-ar-brand span{
  margin-top:5px;
  color:#887967;
  font-family:"IBM Plex Sans Arabic","Tahoma",sans-serif;
  font-size:10px;
}

#meski-memory-table-editorial-ar .table-editorial-ar-return{
  color:var(--tear-green);
  font-size:11px;
  font-weight:600;
  text-decoration:none;
}


/* HERO */

#meski-memory-table-editorial-ar .table-editorial-ar-hero{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  min-height:720px;
  background:var(--tear-paper-light);
}

#meski-memory-table-editorial-ar .table-editorial-ar-hero__copy{
  order:2;
  display:flex;
  align-items:center;
  padding:clamp(70px,7vw,110px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-hero__copy-inner{
  width:min(590px,100%);
  margin-right:auto;
}

#meski-memory-table-editorial-ar .table-editorial-ar-hero h1{
  margin:0 0 30px;
  color:var(--tear-green);
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:clamp(72px,7.3vw,116px);
  font-weight:400;
  line-height:1.03;
}

#meski-memory-table-editorial-ar .table-editorial-ar-deck{
  max-width:560px;
  margin:0;
  color:var(--tear-brown);
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:clamp(25px,2.5vw,35px);
  line-height:1.7;
}

#meski-memory-table-editorial-ar .table-editorial-ar-hero__image{
  order:1;
  min-height:720px;
  margin:0;
  overflow:hidden;
}

#meski-memory-table-editorial-ar .table-editorial-ar-hero__image img{
  width:100%;
  height:100%;
  object-fit:cover;
}


/* COMMON COPY */

#meski-memory-table-editorial-ar .table-editorial-ar-hands__copy p,
#meski-memory-table-editorial-ar .table-editorial-ar-together__copy p,
#meski-memory-table-editorial-ar .table-editorial-ar-bread__copy p,
#meski-memory-table-editorial-ar .table-editorial-ar-details__copy p,
#meski-memory-table-editorial-ar .table-editorial-ar-preserve__copy p,
#meski-memory-table-editorial-ar .table-editorial-ar-floor__copy p,
#meski-memory-table-editorial-ar .table-editorial-ar-hand__copy p,
#meski-memory-table-editorial-ar .table-editorial-ar-koul__copy,
#meski-memory-table-editorial-ar .table-editorial-ar-modern__copy p,
#meski-memory-table-editorial-ar .table-editorial-ar-value__copy p,
#meski-memory-table-editorial-ar .table-editorial-ar-value__item p,
#meski-memory-table-editorial-ar .table-editorial-ar-final__content p{
  margin:0 0 20px;
  color:var(--tear-brown);
  font-size:18px;
  line-height:2;
}

#meski-memory-table-editorial-ar .table-editorial-ar-lead{
  color:var(--tear-green)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:clamp(29px,3vw,41px)!important;
  line-height:1.68!important;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo{
  margin:0;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo img{
  object-fit:cover;
  box-shadow:0 24px 60px rgba(38,27,16,.11);
}


/* HANDS */

#meski-memory-table-editorial-ar .table-editorial-ar-hands{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(60px,7vw,110px);
  align-items:center;
  padding-top:clamp(110px,13vw,170px);
  padding-bottom:clamp(110px,13vw,170px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-hands__copy{
  order:2;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--hands{
  order:1;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--hands img{
  aspect-ratio:4/3;
}

#meski-memory-table-editorial-ar .table-editorial-ar-hands__last{
  margin-top:34px!important;
  color:var(--tear-green)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:30px!important;
  line-height:1.65!important;
}


/* TOGETHER */

#meski-memory-table-editorial-ar .table-editorial-ar-together{
  background:var(--tear-green);
}

#meski-memory-table-editorial-ar .table-editorial-ar-together__inner{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  min-height:650px;
}

#meski-memory-table-editorial-ar .table-editorial-ar-together__copy{
  order:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(70px,8vw,110px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-together__copy h2{
  color:#fffaf0;
}

#meski-memory-table-editorial-ar .table-editorial-ar-together__copy p{
  color:rgba(255,250,240,.79);
}

#meski-memory-table-editorial-ar .table-editorial-ar-together__last{
  margin-top:28px!important;
  color:var(--tear-gold-soft)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:30px!important;
  line-height:1.62!important;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--shared{
  order:1;
  min-height:650px;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--shared img{
  width:100%;
  height:100%;
  min-height:650px;
  box-shadow:none;
}


/* BREAD */

#meski-memory-table-editorial-ar .table-editorial-ar-bread{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:clamp(60px,7vw,110px);
  align-items:center;
  padding-top:clamp(105px,12vw,160px);
  padding-bottom:clamp(105px,12vw,160px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--bread{
  order:2;
}

#meski-memory-table-editorial-ar .table-editorial-ar-bread__copy{
  order:1;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--bread img{
  aspect-ratio:4/5;
}

#meski-memory-table-editorial-ar .table-editorial-ar-bread__last{
  margin-top:34px!important;
  color:var(--tear-green)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:29px!important;
  line-height:1.65!important;
}


/* DETAILS */

#meski-memory-table-editorial-ar .table-editorial-ar-details{
  padding:clamp(100px,12vw,150px) 0;
  background:var(--tear-paper);
}

#meski-memory-table-editorial-ar .table-editorial-ar-details__inner{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:clamp(60px,7vw,110px);
  align-items:center;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--tea{
  order:2;
}

#meski-memory-table-editorial-ar .table-editorial-ar-details__copy{
  order:1;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--tea img{
  aspect-ratio:4/5;
}

#meski-memory-table-editorial-ar .table-editorial-ar-details__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 30px;
  margin-top:40px;
  border-top:1px solid var(--tear-line);
}

#meski-memory-table-editorial-ar .table-editorial-ar-details__grid > div{
  padding:18px 0;
  border-bottom:1px solid var(--tear-line);
}

#meski-memory-table-editorial-ar .table-editorial-ar-details__grid span{
  display:block;
  margin-bottom:5px;
  color:var(--tear-gold);
  font-size:10px;
  font-weight:600;
}

#meski-memory-table-editorial-ar .table-editorial-ar-details__grid strong{
  color:var(--tear-green);
  font-size:21px;
  font-weight:400;
}


/* PRESERVE */

#meski-memory-table-editorial-ar .table-editorial-ar-preserve{
  padding:clamp(95px,11vw,145px) 0;
  border-bottom:1px solid var(--tear-line);
}

#meski-memory-table-editorial-ar .table-editorial-ar-preserve__inner{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:clamp(70px,9vw,130px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-preserve__title{
  order:2;
}

#meski-memory-table-editorial-ar .table-editorial-ar-preserve__copy{
  order:1;
}

#meski-memory-table-editorial-ar .table-editorial-ar-preserve__strong{
  margin-top:34px!important;
  color:var(--tear-green)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:31px!important;
  line-height:1.62!important;
}


/* FLOOR */

#meski-memory-table-editorial-ar .table-editorial-ar-floor{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(60px,7vw,110px);
  align-items:center;
  padding-top:clamp(110px,13vw,170px);
  padding-bottom:clamp(110px,13vw,170px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-floor__copy{
  order:2;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--majlis{
  order:1;
}

#meski-memory-table-editorial-ar .table-editorial-ar-photo--majlis img{
  aspect-ratio:4/3;
}

#meski-memory-table-editorial-ar .table-editorial-ar-floor__last{
  margin-top:34px!important;
  color:var(--tear-green)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:30px!important;
  line-height:1.65!important;
}


/* HAND */

#meski-memory-table-editorial-ar .table-editorial-ar-hand{
  padding:clamp(90px,10vw,135px) 0;
  background:var(--tear-green-deep);
}

#meski-memory-table-editorial-ar .table-editorial-ar-hand__inner{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:clamp(60px,8vw,120px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-hand__title{
  order:2;
}

#meski-memory-table-editorial-ar .table-editorial-ar-hand__copy{
  order:1;
}

#meski-memory-table-editorial-ar .table-editorial-ar-hand__title h2{
  color:#fffaf0;
}

#meski-memory-table-editorial-ar .table-editorial-ar-hand__copy p{
  color:rgba(255,250,240,.78);
}

#meski-memory-table-editorial-ar .table-editorial-ar-hand__quote{
  margin-top:35px!important;
  color:var(--tear-gold-soft)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:32px!important;
  line-height:1.62!important;
}


/* KOUL */

#meski-memory-table-editorial-ar .table-editorial-ar-koul{
  padding:clamp(105px,13vw,175px) 0;
  background:var(--tear-ivory);
  text-align:center;
}

#meski-memory-table-editorial-ar .table-editorial-ar-koul__inner{
  width:min(calc(100% - 44px),900px);
  margin-inline:auto;
}

#meski-memory-table-editorial-ar .table-editorial-ar-koul__word{
  margin:0;
  color:var(--tear-green);
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:clamp(88px,11vw,154px);
  line-height:1;
}

#meski-memory-table-editorial-ar .table-editorial-ar-koul__translation{
  margin:22px 0 30px;
  color:var(--tear-gold);
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:27px;
}

#meski-memory-table-editorial-ar .table-editorial-ar-koul__copy{
  max-width:650px;
  margin-inline:auto!important;
}


/* MODERN */

#meski-memory-table-editorial-ar .table-editorial-ar-modern{
  padding:clamp(95px,11vw,145px) 0;
  background:var(--tear-green);
}

#meski-memory-table-editorial-ar .table-editorial-ar-modern__inner{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:clamp(60px,8vw,120px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-modern__title{
  order:2;
}

#meski-memory-table-editorial-ar .table-editorial-ar-modern__copy{
  order:1;
}

#meski-memory-table-editorial-ar .table-editorial-ar-modern__title h2{
  color:#fffaf0;
}

#meski-memory-table-editorial-ar .table-editorial-ar-modern__copy p{
  color:rgba(255,250,240,.78);
}

#meski-memory-table-editorial-ar .table-editorial-ar-modern__last{
  margin-top:34px!important;
  color:var(--tear-gold-soft)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:30px!important;
  line-height:1.62!important;
}


/* VALUE */

#meski-memory-table-editorial-ar .table-editorial-ar-value{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:clamp(70px,8vw,120px);
  align-items:start;
  padding-top:clamp(110px,13vw,170px);
  padding-bottom:clamp(110px,13vw,170px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-value__copy{
  order:2;
}

#meski-memory-table-editorial-ar .table-editorial-ar-value__list{
  order:1;
  border-top:1px solid var(--tear-line);
}

#meski-memory-table-editorial-ar .table-editorial-ar-value__strong{
  margin-top:34px!important;
  color:var(--tear-green)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:31px!important;
  line-height:1.62!important;
}

#meski-memory-table-editorial-ar .table-editorial-ar-value__item{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:24px;
  padding:22px 0;
  border-bottom:1px solid var(--tear-line);
}

#meski-memory-table-editorial-ar .table-editorial-ar-value__item > span{
  color:var(--tear-gold);
  font-size:12px;
  padding-top:6px;
}

#meski-memory-table-editorial-ar .table-editorial-ar-value__item h3{
  margin:0 0 5px;
  color:var(--tear-green);
  font-size:27px;
  font-weight:400;
}

#meski-memory-table-editorial-ar .table-editorial-ar-value__item p{
  margin:0!important;
  font-size:15px;
  line-height:1.8;
}


/* FINAL */

#meski-memory-table-editorial-ar .table-editorial-ar-final{
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:flex-end;
  isolation:isolate;
  color:#fff;
  background:
    var(--table-editorial-ar-final) center/cover no-repeat,
    var(--tear-green-deep);
}

#meski-memory-table-editorial-ar .table-editorial-ar-final__veil{
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(270deg,
      rgba(6,15,10,.95),
      rgba(6,15,10,.70) 50%,
      rgba(6,15,10,.18) 82%),
    linear-gradient(180deg,
      rgba(0,0,0,.03),
      rgba(0,0,0,.72));
}

#meski-memory-table-editorial-ar .table-editorial-ar-final__content{
  padding-top:clamp(88px,10vw,140px);
  padding-bottom:clamp(88px,10vw,140px);
}

#meski-memory-table-editorial-ar .table-editorial-ar-final__content h2{
  color:#fffaf0;
}

#meski-memory-table-editorial-ar .table-editorial-ar-final__content p{
  width:min(700px,72vw);
  color:rgba(255,250,240,.86);
}

#meski-memory-table-editorial-ar .table-editorial-ar-final__quote{
  margin-top:42px!important;
  color:var(--tear-gold-soft)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:clamp(34px,4.4vw,54px)!important;
  line-height:1.6!important;
}


/* FOOTER */

#meski-memory-table-editorial-ar .table-editorial-ar-footer{
  width:100%;
  background:var(--tear-green-deep);
}

#meski-memory-table-editorial-ar .table-editorial-ar-footer__inner{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid rgba(231,209,145,.15);
}

#meski-memory-table-editorial-ar .table-editorial-ar-footer__back{
  display:grid;
  text-decoration:none;
}

#meski-memory-table-editorial-ar .table-editorial-ar-footer__back span{
  color:var(--tear-gold);
  font-size:10px;
}

#meski-memory-table-editorial-ar .table-editorial-ar-footer__back strong{
  margin-top:4px;
  color:#fffaf0;
  font-size:26px;
  font-weight:400;
}

#meski-memory-table-editorial-ar .table-editorial-ar-footer__note{
  margin:0;
  color:rgba(255,250,240,.52);
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:16px;
}


/* TABLET */

@media(max-width:1080px){

  #meski-memory-table-editorial-ar .table-editorial-ar-preserve__inner,
  #meski-memory-table-editorial-ar .table-editorial-ar-hand__inner,
  #meski-memory-table-editorial-ar .table-editorial-ar-modern__inner{
    grid-template-columns:1fr;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-preserve__title,
  #meski-memory-table-editorial-ar .table-editorial-ar-hand__title,
  #meski-memory-table-editorial-ar .table-editorial-ar-modern__title{
    order:1;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-preserve__copy,
  #meski-memory-table-editorial-ar .table-editorial-ar-hand__copy,
  #meski-memory-table-editorial-ar .table-editorial-ar-modern__copy{
    order:2;
  }
}


/* MOBILE */

@media(max-width:900px){

  #meski-memory-table-editorial-ar .table-editorial-ar-hero,
  #meski-memory-table-editorial-ar .table-editorial-ar-hands,
  #meski-memory-table-editorial-ar .table-editorial-ar-together__inner,
  #meski-memory-table-editorial-ar .table-editorial-ar-bread,
  #meski-memory-table-editorial-ar .table-editorial-ar-details__inner,
  #meski-memory-table-editorial-ar .table-editorial-ar-floor,
  #meski-memory-table-editorial-ar .table-editorial-ar-value{
    grid-template-columns:1fr;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-hero{
    min-height:auto;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-hero__image{
    order:1;
    min-height:0;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-hero__image img{
    aspect-ratio:4/5;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-hero__copy{
    order:2;
    padding:55px 26px 65px;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-hands__copy,
  #meski-memory-table-editorial-ar .table-editorial-ar-together__copy,
  #meski-memory-table-editorial-ar .table-editorial-ar-bread__copy,
  #meski-memory-table-editorial-ar .table-editorial-ar-details__copy,
  #meski-memory-table-editorial-ar .table-editorial-ar-floor__copy,
  #meski-memory-table-editorial-ar .table-editorial-ar-value__copy{
    order:2;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-photo--hands,
  #meski-memory-table-editorial-ar .table-editorial-ar-photo--shared,
  #meski-memory-table-editorial-ar .table-editorial-ar-photo--bread,
  #meski-memory-table-editorial-ar .table-editorial-ar-photo--tea,
  #meski-memory-table-editorial-ar .table-editorial-ar-photo--majlis,
  #meski-memory-table-editorial-ar .table-editorial-ar-value__list{
    order:1;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-photo--shared,
  #meski-memory-table-editorial-ar .table-editorial-ar-photo--shared img{
    min-height:0;
  }
}


/* SMALL MOBILE */

@media(max-width:820px){

  #meski-memory-table-editorial-ar .table-editorial-ar-wide{
    width:min(calc(100% - 30px),var(--tear-max));
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-header__inner{
    min-height:78px;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-brand strong{
    font-size:21px;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-return{
    max-width:145px;
    font-size:10px;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-hero h1{
    font-size:clamp(66px,17vw,98px);
  }

  #meski-memory-table-editorial-ar h2{
    font-size:clamp(44px,12vw,61px);
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-details__grid{
    grid-template-columns:1fr;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-final{
    min-height:92svh;
    background-position:42% center;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-final__content p{
    width:100%;
  }

  #meski-memory-table-editorial-ar .table-editorial-ar-footer__inner{
    min-height:0;
    padding:28px 0;
    flex-direction:column;
    align-items:flex-start;
  }
}