/*
THE MESKI KITCHEN
MA ZAMITA À MOI

Editorial direction:
- warm, roasted, tactile
- memory first, food second
- long / short reading rhythm
- no recipe-card aesthetic
*/

#meski-kitchen-ma-zamita.ma-zamita-page{
  --mz-ivory:#f7f2e8;
  --mz-paper:#fbf8f1;
  --mz-roast:#eadcc7;
  --mz-roast-deep:#d9c4a4;
  --mz-ink:#1a1713;
  --mz-brown:#675a4d;
  --mz-green:#16281e;
  --mz-green-deep:#08170f;
  --mz-gold:#c3a04e;
  --mz-gold-soft:#e7d191;
  --mz-honey:#b5782e;
  --mz-line:rgba(155,111,55,.20);
  --mz-max:1440px;

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

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

#meski-kitchen-ma-zamita img{
  display:block;
  width:100%;
  height:auto;
}

#meski-kitchen-ma-zamita figure{margin:0}

#meski-kitchen-ma-zamita .ma-zamita-wide{
  width:min(calc(100% - 72px),var(--mz-max));
  margin-inline:auto;
}

#meski-kitchen-ma-zamita .ma-zamita-reading{
  width:min(calc(100% - 44px),900px);
  margin-inline:auto;
}

#meski-kitchen-ma-zamita .ma-zamita-kicker,
#meski-kitchen-ma-zamita .ma-zamita-eyebrow{
  margin:0 0 16px;
  color:var(--mz-gold);
  font-family:"Jost",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.18em;
  text-transform:uppercase;
}

#meski-kitchen-ma-zamita h1,
#meski-kitchen-ma-zamita h2,
#meski-kitchen-ma-zamita blockquote{
  font-family:"Bodoni Moda",Georgia,serif;
}

#meski-kitchen-ma-zamita h2{
  margin:0 0 34px;
  color:var(--mz-green);
  font-size:clamp(47px,5vw,76px);
  font-weight:500;
  line-height:1;
  letter-spacing:-.04em;
}

#meski-kitchen-ma-zamita p{text-wrap:pretty}

#meski-kitchen-ma-zamita .ma-zamita-opening__copy p,
#meski-kitchen-ma-zamita .ma-zamita-memory__copy p,
#meski-kitchen-ma-zamita .ma-zamita-texture__copy p,
#meski-kitchen-ma-zamita .ma-zamita-absence__copy p,
#meski-kitchen-ma-zamita .ma-zamita-return__copy p,
#meski-kitchen-ma-zamita .ma-zamita-secret__copy p,
#meski-kitchen-ma-zamita .ma-zamita-honey__copy p,
#meski-kitchen-ma-zamita .ma-zamita-final__copy p{
  margin:0 0 22px;
  color:var(--mz-brown);
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:20px;
  line-height:1.78;
}

#meski-kitchen-ma-zamita .ma-zamita-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  box-shadow:0 24px 62px rgba(37,24,12,.11);
}


/* HERO */

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

#meski-kitchen-ma-zamita .ma-zamita-hero__veil{
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,13,9,.95) 0%,rgba(11,17,11,.77) 34%,rgba(56,35,15,.18) 68%,rgba(24,14,8,.05) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.38));
}

#meski-kitchen-ma-zamita .ma-zamita-hero__inner{
  min-height:670px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding-top:82px;
  padding-bottom:82px;
}

#meski-kitchen-ma-zamita .ma-zamita-hero h1{
  max-width:950px;
  margin:0 0 31px;
  color:#fffaf0;
  font-size:clamp(80px,8.7vw,134px);
  font-weight:500;
  line-height:.82;
  letter-spacing:-.06em;
}

#meski-kitchen-ma-zamita .ma-zamita-hero__line{
  max-width:760px;
  margin:0 0 22px;
  color:rgba(255,250,240,.96);
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(29px,3vw,43px);
  font-style:italic;
  line-height:1.35;
}

#meski-kitchen-ma-zamita .ma-zamita-hero__note{
  max-width:650px;
  margin:0;
  color:rgba(255,250,240,.72);
  font-family:"Jost",Arial,sans-serif;
  font-size:14px;
  line-height:1.85;
}


/* OPENING */

#meski-kitchen-ma-zamita .ma-zamita-opening{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(66px,8vw,132px);
  align-items:center;
  padding-top:clamp(116px,12vw,182px);
  padding-bottom:clamp(116px,12vw,182px);
}

#meski-kitchen-ma-zamita .ma-zamita-photo--plate img{
  aspect-ratio:4/5;
}


/* MEMORY */

#meski-kitchen-ma-zamita .ma-zamita-memory{
  padding:clamp(112px,11vw,172px) 0;
  background:var(--mz-roast);
  border-top:1px solid var(--mz-line);
  border-bottom:1px solid var(--mz-line);
}

#meski-kitchen-ma-zamita .ma-zamita-memory__grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(66px,8vw,132px);
  align-items:center;
}

#meski-kitchen-ma-zamita .ma-zamita-photo--hands img{
  aspect-ratio:3/2;
}


/* TEXTURE */

#meski-kitchen-ma-zamita .ma-zamita-texture{
  width:min(calc(100% - 72px),var(--mz-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(66px,8vw,132px);
  align-items:center;
  padding-top:clamp(118px,12vw,184px);
  padding-bottom:clamp(118px,12vw,184px);
}

#meski-kitchen-ma-zamita .ma-zamita-texture__lead,
#meski-kitchen-ma-zamita .ma-zamita-honey__lead{
  margin-top:34px!important;
  color:var(--mz-green)!important;
  font-size:clamp(30px,2.9vw,42px)!important;
  font-style:italic;
  line-height:1.42!important;
}

#meski-kitchen-ma-zamita .ma-zamita-photo--texture img{
  aspect-ratio:4/5;
}


/* QUOTE */

#meski-kitchen-ma-zamita .ma-zamita-quote{
  padding:clamp(94px,9vw,138px) 0;
  background:
    radial-gradient(circle at 50% 20%,rgba(231,209,145,.08),transparent 32%),
    var(--mz-green-deep);
}

#meski-kitchen-ma-zamita .ma-zamita-quote blockquote{
  margin:0;
  padding:0;
  border:0;
  color:#fffaf0;
  font-size:clamp(44px,5.2vw,78px);
  font-style:italic;
  line-height:1.18;
  text-align:center;
}


/* ABSENCE */

#meski-kitchen-ma-zamita .ma-zamita-absence{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(66px,8vw,132px);
  align-items:center;
  padding-top:clamp(118px,12vw,184px);
  padding-bottom:clamp(118px,12vw,184px);
}

#meski-kitchen-ma-zamita .ma-zamita-photo--quiet img{
  aspect-ratio:3/2;
}


/* RETURN */

#meski-kitchen-ma-zamita .ma-zamita-return{
  padding:clamp(116px,12vw,182px) 0;
  background:var(--mz-paper);
}

#meski-kitchen-ma-zamita .ma-zamita-return__grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(66px,8vw,132px);
  align-items:center;
}

#meski-kitchen-ma-zamita .ma-zamita-photo--making img{
  aspect-ratio:4/5;
}


/* SECRET */

#meski-kitchen-ma-zamita .ma-zamita-secret{
  width:min(calc(100% - 72px),var(--mz-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(66px,8vw,132px);
  align-items:center;
  padding-top:clamp(118px,12vw,184px);
  padding-bottom:clamp(118px,12vw,184px);
}

#meski-kitchen-ma-zamita .ma-zamita-secret__ingredients{
  margin:30px 0!important;
  color:var(--mz-green)!important;
  font-size:clamp(28px,2.7vw,39px)!important;
  line-height:1.45!important;
}

#meski-kitchen-ma-zamita .ma-zamita-secret__statement{
  margin-top:36px!important;
  color:var(--mz-honey)!important;
  font-size:clamp(32px,3vw,45px)!important;
  font-style:italic;
  line-height:1.38!important;
}

#meski-kitchen-ma-zamita .ma-zamita-photo--ingredients img{
  aspect-ratio:3/2;
}


/* HONEY */

#meski-kitchen-ma-zamita .ma-zamita-honey{
  padding:clamp(116px,12vw,182px) 0;
  background:var(--mz-roast-deep);
  border-top:1px solid var(--mz-line);
  border-bottom:1px solid var(--mz-line);
}

#meski-kitchen-ma-zamita .ma-zamita-honey__grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(66px,8vw,132px);
  align-items:center;
}

#meski-kitchen-ma-zamita .ma-zamita-photo--honey img{
  aspect-ratio:4/5;
}


/* FINAL */

#meski-kitchen-ma-zamita .ma-zamita-final{
  width:min(calc(100% - 72px),var(--mz-max));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(66px,8vw,132px);
  align-items:center;
  padding-top:clamp(122px,12vw,190px);
  padding-bottom:clamp(122px,12vw,190px);
}

#meski-kitchen-ma-zamita .ma-zamita-final__big{
  margin:38px 0 25px!important;
  color:var(--mz-honey)!important;
  font-size:clamp(50px,5.2vw,74px)!important;
  font-style:italic;
  line-height:1!important;
}

#meski-kitchen-ma-zamita .ma-zamita-final__closing{
  margin-top:36px!important;
  color:var(--mz-green)!important;
  font-size:clamp(32px,3vw,45px)!important;
  font-style:italic;
  line-height:1.35!important;
}

#meski-kitchen-ma-zamita .ma-zamita-photo--final img{
  aspect-ratio:4/5;
}


/* ENDING */

#meski-kitchen-ma-zamita .ma-zamita-ending{
  padding:clamp(110px,12vw,170px) 0;
  background:var(--mz-green-deep);
  text-align:center;
}

#meski-kitchen-ma-zamita .ma-zamita-ending__small{
  margin:0 0 24px;
  color:var(--mz-gold);
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

#meski-kitchen-ma-zamita .ma-zamita-ending__line{
  margin:0;
  color:#fffaf0;
  font-family:"Bodoni Moda",Georgia,serif;
  font-size:clamp(39px,4.8vw,66px);
  font-style:italic;
  line-height:1.3;
}

#meski-kitchen-ma-zamita .ma-zamita-cta{
  display:inline-flex;
  align-items:center;
  gap:28px;
  margin-top:54px;
  padding:16px 24px;
  background:transparent;
  border:1px solid var(--mz-gold);
  color:#fffaf0!important;
  font-family:"Jost",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.13em;
  text-decoration:none!important;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease;
}

#meski-kitchen-ma-zamita .ma-zamita-cta:hover,
#meski-kitchen-ma-zamita .ma-zamita-cta:focus{
  background:var(--mz-gold);
  color:var(--mz-green-deep)!important;
}


/* RESPONSIVE */

@media(max-width:1050px){
  #meski-kitchen-ma-zamita .ma-zamita-opening,
  #meski-kitchen-ma-zamita .ma-zamita-memory__grid,
  #meski-kitchen-ma-zamita .ma-zamita-texture,
  #meski-kitchen-ma-zamita .ma-zamita-absence,
  #meski-kitchen-ma-zamita .ma-zamita-return__grid,
  #meski-kitchen-ma-zamita .ma-zamita-secret,
  #meski-kitchen-ma-zamita .ma-zamita-honey__grid,
  #meski-kitchen-ma-zamita .ma-zamita-final{
    grid-template-columns:1fr;
  }

  #meski-kitchen-ma-zamita .ma-zamita-photo--plate,
  #meski-kitchen-ma-zamita .ma-zamita-photo--texture,
  #meski-kitchen-ma-zamita .ma-zamita-photo--making,
  #meski-kitchen-ma-zamita .ma-zamita-photo--honey,
  #meski-kitchen-ma-zamita .ma-zamita-photo--final{
    width:62%;
    margin-inline:auto;
  }

  #meski-kitchen-ma-zamita .ma-zamita-photo--hands,
  #meski-kitchen-ma-zamita .ma-zamita-photo--quiet,
  #meski-kitchen-ma-zamita .ma-zamita-photo--ingredients{
    width:85%;
    margin-inline:auto;
  }
}

@media(max-width:720px){
  #meski-kitchen-ma-zamita .ma-zamita-wide,
  #meski-kitchen-ma-zamita .ma-zamita-texture,
  #meski-kitchen-ma-zamita .ma-zamita-secret,
  #meski-kitchen-ma-zamita .ma-zamita-final{
    width:calc(100% - 30px);
  }

  #meski-kitchen-ma-zamita .ma-zamita-reading{
    width:calc(100% - 34px);
  }

  #meski-kitchen-ma-zamita .ma-zamita-hero,
  #meski-kitchen-ma-zamita .ma-zamita-hero__inner{
    min-height:650px;
  }

  #meski-kitchen-ma-zamita .ma-zamita-hero{
    background-position:56% center;
  }

  #meski-kitchen-ma-zamita .ma-zamita-hero h1{
    font-size:clamp(66px,18vw,92px);
  }

  #meski-kitchen-ma-zamita .ma-zamita-photo--plate,
  #meski-kitchen-ma-zamita .ma-zamita-photo--texture,
  #meski-kitchen-ma-zamita .ma-zamita-photo--making,
  #meski-kitchen-ma-zamita .ma-zamita-photo--honey,
  #meski-kitchen-ma-zamita .ma-zamita-photo--final,
  #meski-kitchen-ma-zamita .ma-zamita-photo--hands,
  #meski-kitchen-ma-zamita .ma-zamita-photo--quiet,
  #meski-kitchen-ma-zamita .ma-zamita-photo--ingredients{
    width:100%;
  }
}