/*
THE MESKI KITCHEN
ENGLISH LANDING

Visual principle:
- institutional hero, not an article hero
- no visible categories
- irregular editorial mosaic
- more air than a conventional card grid
- subtle image zoom only
*/

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

  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:hidden;
  background:var(--mk-ivory);
  color:var(--mk-ink);
  font-family:"Jost",Arial,sans-serif;
}

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

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

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

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


/* HERO */

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

#meski-kitchen-home .meski-kitchen-home__hero-shade{
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg,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 .meski-kitchen-home__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 .meski-kitchen-home__eyebrow{
  margin:0 0 18px;
  color:var(--mk-gold);
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.20em;
}

#meski-kitchen-home .meski-kitchen-home__hero h1{
  max-width:830px;
  margin:0 0 28px;
  color:#fffaf0;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(82px,9vw,138px);
  font-weight:500;
  line-height:.82;
  letter-spacing:-.06em;
}

#meski-kitchen-home .meski-kitchen-home__hero-line{
  max-width:690px;
  margin:0 0 20px;
  color:rgba(255,250,240,.96);
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(28px,3vw,43px);
  font-style:italic;
  line-height:1.35;
}

#meski-kitchen-home .meski-kitchen-home__hero-copy{
  max-width:610px;
  margin:0;
  color:rgba(255,250,240,.72);
  font-size:14px;
  line-height:1.85;
}


/* MANIFESTO */

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

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

#meski-kitchen-home .meski-kitchen-home__manifesto p{
  margin:0;
  color:var(--mk-ink);
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(32px,3.6vw,53px);
  font-style:italic;
  line-height:1.34;
  letter-spacing:-.025em;
}

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


/* ARCHIVE */

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

#meski-kitchen-home .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 .meski-kitchen-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:var(--mk-green-deep);
  box-shadow:0 22px 60px rgba(28,22,14,.08);
}

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

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

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

#meski-kitchen-home .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 .meski-kitchen-card:hover .meski-kitchen-card__media img,
#meski-kitchen-home .meski-kitchen-card:focus-within .meski-kitchen-card__media img{
  transform:scale(1.035);
}

#meski-kitchen-home .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(90deg,rgba(2,8,5,.28),transparent 58%);
}

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

#meski-kitchen-home .meski-kitchen-card__title{
  max-width:720px;
  color:#fffaf0;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(30px,3.1vw,49px);
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.035em;
}

#meski-kitchen-home .meski-kitchen-card__excerpt{
  max-width:570px;
  margin-top:18px;
  color:rgba(255,250,240,.84);
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(16px,1.55vw,23px);
  font-style:italic;
  line-height:1.48;
}

#meski-kitchen-home .meski-kitchen-card__read{
  margin-top:24px;
  color:var(--mk-gold-soft);
  font-size:9px;
  font-weight:700;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}

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


/* EMPTY STATE */

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

#meski-kitchen-home .meski-kitchen-empty__title{
  margin:0 0 13px;
  color:var(--mk-green);
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(32px,3vw,46px);
  font-style:italic;
}

#meski-kitchen-home .meski-kitchen-empty p:last-child{
  margin:0;
  color:var(--mk-brown);
  font-size:14px;
  line-height:1.8;
}


/* PAGINATION */

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

#meski-kitchen-home .meski-kitchen-pagination__edge{
  color:var(--mk-ink)!important;
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
  text-decoration:none!important;
  text-transform:uppercase;
}

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

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

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

#meski-kitchen-home .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(--mk-ink)!important;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:14px;
  text-decoration:none!important;
}

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

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


/* RESPONSIVE */

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

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

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

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

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

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

  #meski-kitchen-home .meski-kitchen-home__hero{
    background-position:58% center;
  }

  #meski-kitchen-home .meski-kitchen-home__hero h1{
    font-size:clamp(68px,19vw,96px);
  }

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

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

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

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

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

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

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

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