body.mese-page main{
  padding-top:0;
  margin-bottom:0;
  text-align:left;
}
body.mese-page .site-footer-v2{margin-top:0}

.mese-oldal{
  background:#f8f3ec;
  color:#1c2b22;
  overflow:clip;
}

.mese-eyebrow{
  display:block;
  font-family:Quicksand,-apple-system,sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#7a4d6e;
}

.mese-jelenet{
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:center;
  overflow:clip;
  background-size:cover;
  background-position:center;

  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 46px, #000 calc(100% - 46px), transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 46px, #000 calc(100% - 46px), transparent 100%);
}
.mese-jelenet--bal{justify-content:flex-start}
.mese-jelenet--jobb{justify-content:flex-end}
.mese-jelenet--kozep{justify-content:center}
.mese-jelenet--fent{align-items:flex-start}
.mese-veil{
  position:absolute;inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 140px rgba(35,25,45,.18);
}
.mese-jelenet--erdoszel{background-image:url('mese/mese-erdoszel.webp');background-color:#e6dcea}
.mese-jelenet--tukor{background-image:url('mese/mese-tukor.webp');background-color:#d9d3df}
.mese-jelenet--probak{background-image:url('mese/mese-probak.webp');background-color:#c3c2cf}
.mese-jelenet--sarkany{background-image:url('mese/mese-sarkany.webp');background-color:#b9aecb}
.mese-jelenet--segito{background-image:url('mese/mese-segito.webp');background-color:#ecdcc4}
.mese-jelenet--kincs{background-image:url('mese/mese-kincs.webp');background-color:#e9e2c8}

.mese-kartya{
  position:relative;z-index:3;
  text-align:left;
  max-width:33rem;
  margin:2rem;
  padding:2.1rem 2.3rem;
  background:rgba(251,246,233,.87);
  color:#352a3b;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(80,60,90,.14);
  border-radius:14px;
  box-shadow:0 18px 50px -22px rgba(45,28,55,.5);
}
.mese-kartya--szeles{max-width:37rem}
.mese-kartya--keskeny{max-width:28rem}
.mese-kartya--kozep{text-align:center}
.mese-kartya .mese-eyebrow{opacity:.72}
.mese-kartya h2{
  text-align:left;
  font-family:'EB Garamond',serif;
  font-weight:600;
  font-size:clamp(1.8rem,3.6vw,2.5rem);
  line-height:1.1;
  margin:.4rem 0 1rem;
  color:#2b2135;
  text-wrap:balance;
}
.mese-kartya--kozep h2{text-align:center}
.mese-kartya p{
  font-family:Quicksand,-apple-system,sans-serif;
  line-height:1.68;
  margin:0 0 .9rem;
  color:#3a3040;
}
.mese-kartya p:last-child{margin-bottom:0}

.mese-fejezet-cim{margin-bottom:.9rem}
.mese-fejezet-cim .mese-eyebrow::before{
  content:"";
  display:inline-block;
  width:9px;height:9px;
  margin-right:.55rem;
  border-radius:50%;
  background:#7a4d6e;
  vertical-align:baseline;
}

.mese-sor{
  font-family:'EB Garamond',serif;
  font-style:italic;
  font-size:clamp(1.25rem,2.3vw,1.6rem);
  line-height:1.5;
  color:inherit;
  margin:0 0 1rem;
  text-wrap:balance;
}

.mese-kartya--nyito{max-width:36rem}
.mese-holvolt{
  font-family:'EB Garamond',serif;
  font-style:italic;
  font-weight:500;
  font-size:clamp(1.4rem,3vw,2rem);
  color:#7a4d6e;
  margin:.9rem 0 .3rem;
}
.mese-kartya--nyito h1{
  font-family:'EB Garamond',serif;
  font-weight:600;
  font-size:clamp(2.4rem,5.2vw,3.7rem);
  line-height:1.06;
  margin:0 0 1rem;
  color:#2b2135;
  text-wrap:balance;
}
.mese-kartya--nyito h1 em{font-style:italic;color:#7a4d6e}
.mese-kartya--nyito .mese-lead{margin-bottom:1.4rem}
.mese-cue{
  margin-top:1.4rem;
  font-family:Quicksand,-apple-system,sans-serif;
  font-size:.85rem;
  color:#6b7872;
  animation:mese-bob 2.6s ease-in-out infinite;
}
@keyframes mese-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

.mese-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:15px 30px;
  background:#1c2b22;
  color:#fff;
  font-family:Quicksand,-apple-system,sans-serif;
  font-weight:600;
  font-size:1rem;
  text-decoration:none;
  border-radius:10px;
  transition:background .25s, transform .25s;
}
.mese-btn:hover{background:#2d4a3e;transform:translateY(-2px);color:#fff}
.mese-btn--terra{background:#c4714a}
.mese-btn--terra:hover{background:#a95c38}

.mese-ut{
  display:flex;
  justify-content:center;
  height:clamp(100px,16vh,160px);
  overflow:visible;
}
.mese-ut svg{height:100%;width:auto;overflow:visible}
.mese-ut .ut-alap{
  fill:none;
  stroke:#7a4d6e;
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:1 13;
  opacity:.16;
}
.mese-ut .ut-labnyom{
  fill:#7a4d6e;
  opacity:0;
  transform:scale(.2);
  transform-origin:center;
  transform-box:fill-box;
  transition:opacity .5s ease, transform .5s cubic-bezier(.34,1.56,.64,1);
}
.mese-ut .ut-labnyom--kesz{
  opacity:.6;
  transform:scale(1);
}

.mese-probak{
  list-style:none;
  margin:0;padding:0;
  display:flex;flex-direction:column;gap:1.05rem;
}
.mese-probak li{display:flex;gap:1.1rem;align-items:flex-start}
.mese-proba-n{
  flex:none;
  width:2.4rem;height:2.4rem;
  display:flex;align-items:center;justify-content:center;
  border:2px dashed rgba(122,77,110,.55);
  border-radius:50%;
  font-family:'EB Garamond',serif;
  font-weight:600;
  font-size:1.05rem;
  color:#7a4d6e;
}
.mese-probak h3{
  text-align:left;
  font-family:'EB Garamond',serif;
  font-weight:600;
  font-size:1.15rem;
  margin:.15rem 0 .25rem;
  color:#2b2135;
}
.mese-probak p{
  margin:0;
  font-size:.93rem;
  line-height:1.5;
  color:rgba(58,48,64,.85);
}

.mese-sarkany-idezet{
  font-family:'EB Garamond',serif;
  font-style:italic;
  font-size:clamp(1.3rem,2.6vw,1.75rem);
  line-height:1.5;
  margin:.4rem 0 0;
  color:#2b2135;
  text-wrap:balance;
}
.mese-sarkany-idezet + cite{
  display:block;
  margin-top:.9rem;
  font-style:normal;
  font-family:Quicksand,-apple-system,sans-serif;
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b7872;
}

.mese-aside{
  font-style:italic;
  border-left:3px solid #7a4d6e;
  padding-left:1rem;
  color:#5c3a52;
}

.mese-fejezet{
  position:relative;
  max-width:42rem;
  margin:0 auto;
  padding:2.5rem 1.5rem 3.5rem;
}
.mese-fejezet::before{
  content:"";
  position:absolute;
  inset:-8% -22%;
  background:url('illustrations/wash-tale.webp') center/contain no-repeat;
  opacity:.9;
  pointer-events:none;
}
.mese-fejezet > *{position:relative;z-index:2}
.mese-fejezet .mese-fejezet-cim{text-align:center;margin-bottom:1.4rem}
.mese-fejezet .mese-sor{text-align:center;color:rgba(28,43,34,.88)}
.mese-fejezet h2{
  text-align:center;
  font-family:'EB Garamond',serif;
  font-weight:600;
  font-size:clamp(1.8rem,3.6vw,2.4rem);
  line-height:1.1;
  margin:0 0 1.2rem;
  color:#2b2135;
  text-wrap:balance;
}

.mese-cedula{
  max-width:34rem;
  margin:1.4rem auto 0;
  padding:1.8rem 2rem;
  background:rgba(251,246,233,.72);
  border:2px dashed rgba(122,77,110,.42);
  border-radius:14px;
  transform:rotate(-.6deg);
  box-shadow:0 14px 40px -24px rgba(45,28,55,.4);
}
.mese-cedula .mese-jegyzet{text-align:center}
.mese-tarisznya-lista{
  list-style:none;
  margin:0;padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 2rem;
  font-family:Quicksand,-apple-system,sans-serif;
  font-size:.97rem;
  line-height:1.5;
}
.mese-tarisznya-lista li{
  padding:.55em 0;
  border-bottom:1px solid rgba(122,77,110,.18);
}
.mese-tarisznya-lista li:nth-last-child(-n+2){border-bottom:0}
@media (max-width:480px){
  .mese-tarisznya-lista{grid-template-columns:1fr}
  .mese-tarisznya-lista li:nth-last-child(2){border-bottom:1px solid rgba(122,77,110,.18)}
  .mese-tarisznya-lista li:last-child{border-bottom:0}
}
.mese-jegyzet{font-size:.9rem;font-style:italic;color:#6b7872;margin-top:1.1rem}

.mese-x{
  width:54px;height:54px;
  border:2.5px dashed rgba(122,77,110,.6);
  border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  margin-bottom:.8rem;
}
.mese-x svg{display:block}
.mese-kincs-meta{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:.4rem 1.4rem;
  margin:.4rem 0 1rem;
  font-family:Quicksand,-apple-system,sans-serif;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#6b7872;
}
.mese-kincs-meta span+span::before{content:"·";margin-right:1.4rem;opacity:.6}
.mese-kincs-email{
  display:block;
  margin-top:1rem;
  font-family:Quicksand,-apple-system,sans-serif;
  font-size:.9rem;
  color:#6b7872;
}
.mese-kincs-email a{color:#c4714a;text-decoration:none}
.mese-kincs-email a:hover{text-decoration:underline}

@media (max-width:640px){
  .mese-jelenet{align-items:flex-end}
  .mese-jelenet--fent{align-items:flex-end}
  .mese-kartya{margin:1rem;padding:1.5rem 1.4rem}
}

.mese-js .mese-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .8s ease, transform .8s ease;
}
.mese-js .mese-reveal.mese-lathato{
  opacity:1;
  transform:none;
}
@media (prefers-reduced-motion: reduce){
  .mese-js .mese-reveal{opacity:1;transform:none;transition:none}
  .mese-cue{animation:none}
}