/*
THE MESKI KITCHEN
ARABIC LANDING

Arabic editorial mirror.
Same living archive system; no visible categories.
*/

#meski-kitchen-home-ar.meski-kitchen-home-ar{
  --mka-ivory:#f7f2e8;
  --mka-paper:#fbf8f1;
  --mka-ink:#191713;
  --mka-brown:#65594c;
  --mka-green:#16281e;
  --mka-green-deep:#08170f;
  --mka-gold:#c3a04e;
  --mka-gold-soft:#e7d191;
  --mka-line:rgba(195,160,78,.28);
  --mka-max:1480px;

  direction:rtl;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:hidden;
  background:var(--mka-ivory);
  color:var(--mka-ink);
  font-family:"Amiri","Noto Naskh Arabic",serif;
  text-align:right;
}

#meski-kitchen-home-ar,
#meski-kitchen-home-ar *{box-sizing:border-box}

#meski-kitchen-home-ar img{
  display:block;
  width:100%;
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__wide{
  width:min(calc(100% - 96px),var(--mka-max));
  margin-inline:auto;
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__reading{
  width:min(calc(100% - 40px),900px);
  margin-inline:auto;
}


/* HERO */

#meski-kitchen-home-ar .meski-kitchen-home-ar__hero{
  position:relative;
  min-height:690px;
  display:flex;
  isolation:isolate;
  color:#fffaf0;
  background:var(--mka-hero) center/cover no-repeat,var(--mka-green-deep);
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__hero-shade{
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(270deg,rgba(4,15,10,.94) 0%,rgba(4,15,10,.76) 32%,rgba(5,18,12,.28) 61%,rgba(5,18,12,.08) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.35));
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__hero-inner{
  min-height:690px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding-top:84px;
  padding-bottom:84px;
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__eyebrow{
  margin:0 0 18px;
  color:var(--mka-gold);
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1.3;
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__hero h1{
  max-width:830px;
  margin:0 0 28px;
  color:#fffaf0;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:clamp(86px,9vw,140px);
  font-weight:500;
  line-height:.98;
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__hero-line{
  max-width:700px;
  margin:0 0 20px;
  color:rgba(255,250,240,.96);
  font-size:clamp(31px,3vw,45px);
  line-height:1.55;
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__hero-copy{
  max-width:650px;
  margin:0;
  color:rgba(255,250,240,.72);
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Arial,sans-serif;
  font-size:14px;
  line-height:1.95;
}


/* MANIFESTO */

#meski-kitchen-home-ar .meski-kitchen-home-ar__manifesto{
  padding:clamp(90px,9vw,132px) 0 clamp(82px,8vw,118px);
  background:var(--mka-paper);
  text-align:center;
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__ornament{
  display:block;
  margin:0 0 25px;
  color:var(--mka-gold);
  font-size:22px;
  line-height:1;
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__manifesto p{
  margin:0;
  color:var(--mka-ink);
  font-size:clamp(35px,3.7vw,56px);
  line-height:1.6;
}

#meski-kitchen-home-ar .meski-kitchen-home-ar__rule{
  display:block;
  width:54px;
  height:1px;
  margin:31px auto 0;
  background:var(--mka-gold);
}


/* ARCHIVE */

#meski-kitchen-home-ar .meski-kitchen-home-ar__archive{
  padding:clamp(28px,4vw,55px) 0 clamp(100px,11vw,160px);
  background:var(--mka-paper);
}

#meski-kitchen-home-ar .meski-kitchen-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:16px;
  grid-auto-flow:dense;
  gap:30px 28px;
}

#meski-kitchen-home-ar .meski-kitchen-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:var(--mka-green-deep);
  box-shadow:0 22px 60px rgba(28,22,14,.08);
}

#meski-kitchen-home-ar .meski-kitchen-card--1{grid-column:span 7;grid-row:span 31}
#meski-kitchen-home-ar .meski-kitchen-card--2{grid-column:span 5;grid-row:span 38}
#meski-kitchen-home-ar .meski-kitchen-card--3{grid-column:span 5;grid-row:span 29}
#meski-kitchen-home-ar .meski-kitchen-card--4{grid-column:span 7;grid-row:span 35}
#meski-kitchen-home-ar .meski-kitchen-card--5{grid-column:span 6;grid-row:span 31}
#meski-kitchen-home-ar .meski-kitchen-card--6{grid-column:span 6;grid-row:span 27}

#meski-kitchen-home-ar .meski-kitchen-card__link{
  position:absolute;
  inset:0;
  display:block;
  overflow:hidden;
  color:#fffaf0!important;
  text-decoration:none!important;
}

#meski-kitchen-home-ar .meski-kitchen-card__media{
  position:absolute;
  inset:0;
  overflow:hidden;
}

#meski-kitchen-home-ar .meski-kitchen-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1);
  transition:transform .85s cubic-bezier(.2,.6,.3,1);
}

#meski-kitchen-home-ar .meski-kitchen-card:hover .meski-kitchen-card__media img,
#meski-kitchen-home-ar .meski-kitchen-card:focus-within .meski-kitchen-card__media img{
  transform:scale(1.035);
}

#meski-kitchen-home-ar .meski-kitchen-card__shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(2,8,5,.03) 15%,rgba(2,8,5,.18) 47%,rgba(2,8,5,.89) 100%),
    linear-gradient(270deg,rgba(2,8,5,.28),transparent 58%);
}

#meski-kitchen-home-ar .meski-kitchen-card__content{
  position:absolute;
  right:clamp(24px,3.1vw,46px);
  left:clamp(24px,3.1vw,46px);
  bottom:clamp(25px,3.3vw,48px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:right;
}

#meski-kitchen-home-ar .meski-kitchen-card__title{
  max-width:720px;
  color:#fffaf0;
  font-size:clamp(34px,3.2vw,52px);
  font-weight:500;
  line-height:1.22;
}

#meski-kitchen-home-ar .meski-kitchen-card__excerpt{
  max-width:590px;
  margin-top:18px;
  color:rgba(255,250,240,.84);
  font-size:clamp(18px,1.6vw,25px);
  line-height:1.65;
}

#meski-kitchen-home-ar .meski-kitchen-card__read{
  margin-top:24px;
  color:var(--mka-gold-soft);
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1;
}

#meski-kitchen-home-ar .meski-kitchen-card__read b{
  margin-right:8px;
  font-size:13px;
  font-weight:400;
}


/* EMPTY */

#meski-kitchen-home-ar .meski-kitchen-empty{
  width:min(100%,940px);
  margin:15px auto 25px;
  padding:74px 40px;
  border-top:1px solid var(--mka-line);
  border-bottom:1px solid var(--mka-line);
  text-align:center;
}

#meski-kitchen-home-ar .meski-kitchen-empty__title{
  margin:0 0 13px;
  color:var(--mka-green);
  font-size:clamp(35px,3vw,49px);
  line-height:1.45;
}

#meski-kitchen-home-ar .meski-kitchen-empty p:last-child{
  margin:0;
  color:var(--mka-brown);
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Arial,sans-serif;
  font-size:14px;
  line-height:1.9;
}


/* PAGINATION */

#meski-kitchen-home-ar .meski-kitchen-pagination{
  direction:rtl;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  margin-top:58px;
  padding-top:32px;
  border-top:1px solid var(--mka-line);
}

#meski-kitchen-home-ar .meski-kitchen-pagination__edge{
  color:var(--mka-ink)!important;
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  text-decoration:none!important;
}

#meski-kitchen-home-ar .meski-kitchen-pagination__next{
  justify-self:end;
}

#meski-kitchen-home-ar .meski-kitchen-pagination .is-disabled{
  opacity:.30;
}

#meski-kitchen-home-ar .meski-kitchen-pagination__pages{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
}

#meski-kitchen-home-ar .meski-kitchen-pagination__number{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(195,160,78,.50);
  border-radius:50%;
  color:var(--mka-ink)!important;
  font-family:"Amiri","Noto Naskh Arabic",serif;
  font-size:16px;
  text-decoration:none!important;
}

#meski-kitchen-home-ar .meski-kitchen-pagination__number.is-current{
  background:var(--mka-green);
  border-color:var(--mka-green);
  color:#fffaf0!important;
}

#meski-kitchen-home-ar .meski-kitchen-pagination__ellipsis{
  color:var(--mka-brown);
}


/* RESPONSIVE */

@media(max-width:1100px){
  #meski-kitchen-home-ar .meski-kitchen-home-ar__wide{
    width:min(calc(100% - 52px),var(--mka-max));
  }

  #meski-kitchen-home-ar .meski-kitchen-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:auto;
    gap:26px;
  }

  #meski-kitchen-home-ar .meski-kitchen-card,
  #meski-kitchen-home-ar .meski-kitchen-card--1,
  #meski-kitchen-home-ar .meski-kitchen-card--2,
  #meski-kitchen-home-ar .meski-kitchen-card--3,
  #meski-kitchen-home-ar .meski-kitchen-card--4,
  #meski-kitchen-home-ar .meski-kitchen-card--5,
  #meski-kitchen-home-ar .meski-kitchen-card--6{
    grid-column:auto;
    grid-row:auto;
    min-height:520px;
  }

  #meski-kitchen-home-ar .meski-kitchen-card:nth-child(3n+2){
    min-height:620px;
  }
}

@media(max-width:720px){
  #meski-kitchen-home-ar .meski-kitchen-home-ar__wide{
    width:calc(100% - 30px);
  }

  #meski-kitchen-home-ar .meski-kitchen-home-ar__hero,
  #meski-kitchen-home-ar .meski-kitchen-home-ar__hero-inner{
    min-height:650px;
  }

  #meski-kitchen-home-ar .meski-kitchen-home-ar__hero{
    background-position:42% center;
  }

  #meski-kitchen-home-ar .meski-kitchen-home-ar__hero h1{
    font-size:clamp(72px,19vw,100px);
  }

  #meski-kitchen-home-ar .meski-kitchen-home-ar__manifesto{
    padding:74px 0 70px;
  }

  #meski-kitchen-home-ar .meski-kitchen-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  #meski-kitchen-home-ar .meski-kitchen-card,
  #meski-kitchen-home-ar .meski-kitchen-card:nth-child(3n+2){
    min-height:510px;
  }

  #meski-kitchen-home-ar .meski-kitchen-card__title{
    font-size:40px;
  }

  #meski-kitchen-home-ar .meski-kitchen-pagination{
    grid-template-columns:1fr 1fr;
    row-gap:26px;
  }

  #meski-kitchen-home-ar .meski-kitchen-pagination__pages{
    grid-column:1/-1;
    grid-row:1;
  }

  #meski-kitchen-home-ar .meski-kitchen-pagination__previous{
    grid-column:1;
    grid-row:2;
  }

  #meski-kitchen-home-ar .meski-kitchen-pagination__next{
    grid-column:2;
    grid-row:2;
  }
}