.merrow-plate{
  --paper:#F2EDE1; --ink:#3B3228; --ink-soft:#6E6153; --accent:#8C5A2B;
  --ms-header:84px; --reveal:0%;
  --f-display:'Fraunces',Georgia,serif;
  --f-body:'IBM Plex Sans',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',monospace;
  background:var(--paper); color:var(--ink);
  font-family:var(--f-body); font-size:17px; line-height:1.62;
}
.merrow-plate *,.merrow-plate *::before{box-sizing:border-box}
.merrow-plate p{margin:0 0 1.1em}

.pl-hero,.pl-outro{max-width:1180px;margin:0 auto;padding:0 28px}
.pl-hero{padding-top:clamp(70px,11vw,140px);padding-bottom:clamp(36px,6vw,80px)}
.pl-eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent);margin:0 0 26px}
.pl-title{font-family:var(--f-display);font-weight:400;letter-spacing:-.025em;
  font-size:clamp(42px,7.5vw,92px);line-height:1;margin:0 0 26px}
.pl-title em{font-style:italic;font-weight:300;color:var(--accent)}
.pl-lead{font-size:clamp(17px,2.1vw,21px);max-width:52ch;color:var(--ink-soft)}

.pl-wrap{height:400vh;position:relative}
.pl-stage{position:sticky;top:var(--ms-header);height:calc(100vh - var(--ms-header));
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}

.pl-fig{position:relative;margin:0;height:74%;aspect-ratio:374/615}
.pl-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}

/* spodni vrstva: perovka */
.pl-sketch{filter:grayscale(1) brightness(2.45) contrast(4) sepia(.55);opacity:.9}

/* horni vrstva: barva, odkryva se maskou */
.pl-color{
  -webkit-mask-image:linear-gradient(96deg,
    #000 calc(var(--reveal) - 9%), rgba(0,0,0,.45) calc(var(--reveal) - 2%),
    transparent calc(var(--reveal) + 6%));
  mask-image:linear-gradient(96deg,
    #000 calc(var(--reveal) - 9%), rgba(0,0,0,.45) calc(var(--reveal) - 2%),
    transparent calc(var(--reveal) + 6%));
}

.pl-notes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pl-lead-line{fill:none;stroke:var(--ink-soft);stroke-width:.8;opacity:.75}
.pl-lbl{font-family:var(--f-mono);font-size:11px;fill:var(--ink)}
.pl-sub{font-family:var(--f-mono);font-size:8.5px;fill:var(--ink-soft)}
.pl-r{text-anchor:end}
.pl-note{opacity:0;transition:opacity .5s ease}
.pl-note.is-on{opacity:1}

.pl-caps{width:100%;max-width:46ch;height:2.4em;position:relative;text-align:center;padding:0 20px}
.pl-cap{position:absolute;inset:0;margin:0;font-family:var(--f-mono);font-size:13px;
  color:var(--ink-soft);opacity:0;transition:opacity .45s ease}
.pl-cap.is-on{opacity:1}

.pl-outro{padding-bottom:clamp(80px,12vw,150px)}
.pl-h{font-family:var(--f-display);font-weight:400;font-size:clamp(28px,3.8vw,42px);
  line-height:1.1;margin:0 0 20px}
.pl-body{max-width:46ch;color:var(--ink-soft)}

@media (max-width:860px){ .pl-wrap{height:330vh} .pl-fig{height:62%} }
@media (prefers-reduced-motion:reduce){
  .pl-color{-webkit-mask-image:none;mask-image:none}
  .pl-note{opacity:1}
}

/* ---- integrace do sablony, jen na strance /piemont/ ---- */

body.in-piemont { background: #F2EDE1; }

body.in-piemont .overall-wrapper { overflow: visible; }

/* Shoptet vypisuje nadpis stranky bez tridy; nas vlastni h1 tridu ma */
body.in-piemont h1:not([class]) { display: none; }

/* sekce vyplni prostor az k paticce */
body.in-piemont .merrow-plate { margin-bottom: 0; }

/* sablona vesi na kazdy h1 a na nektere obaly bilou dekoraci ::before,
   ktera presahuje za okraje obsahu — na teto strance ji vypneme */
body.in-piemont .pl-title::before,
body.in-piemont .instagram-widget::before { display: none; }

/* cely pruh s drobecky vcetne jeho bileho pozadi */
body.in-piemont .breadcrumbs-wrapper { display: none; }