/* ============================================================
   Поръчка на отпечатък: стената и шрифтът на курсива
   Творбата виси на топла сива стена, в мащаб спрямо стол, и се сменя с меко появяване.
   Подредбата на страницата (заглавие, стъпки, бутони) е в CSS на страницата:
   WPBakery → Page settings → Custom CSS.
   ============================================================ */

/* Playfair Display, курсив: само за втория ред на заглавието („по ваш избор.“) */
@font-face {
  font-family: 'Plabo Playfair';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(fonts/playfair-display-cyrillic-wght-italic.woff2) format('woff2-variations'), url(fonts/playfair-display-cyrillic-wght-italic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Plabo Playfair';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(fonts/playfair-display-latin-wght-italic.woff2) format('woff2-variations'), url(fonts/playfair-display-latin-wght-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.po { --po-ease: var(--ease-out, cubic-bezier(.16, 1, .3, 1)); }

/* стената: топло сиво, мека светлина отгоре, линия на пода, стол за мащаб */
.po-wall { position: relative; aspect-ratio: 5 / 4; overflow: clip; background: var(--po-wall, linear-gradient(180deg, #CFCAC1, #BDB7AD 72%, #8E887F 72.2%, #A39D93)); }
.po-light { position: absolute; left: 50%; top: -30%; width: 90%; aspect-ratio: 1; transform: translateX(-50%); background: radial-gradient(circle, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 62%); pointer-events: none; }
.po-floor { position: absolute; left: 0; right: 0; bottom: 28%; height: 1px; background: rgba(0, 0, 0, .12); }
.po-chair { position: absolute; right: 12%; bottom: 6%; width: 20%; height: auto; fill: none; stroke: #3C3833; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* творбата: --k е размерът (0.42 малък, 0.66 среден, 0.9 голям); широките са по-широки */
.po-art {
  position: absolute; left: 50%; top: 36%; width: calc(var(--k, .66) * 46%);
  transform: translate(-50%, -50%);
  box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .55);
  transition: width .9s var(--po-ease), box-shadow .6s, padding .6s, background-color .6s;
}
.po-art.is-wide { width: calc(var(--k, .66) * 62%); }
.po-art.is-in { animation: po-in .8s var(--po-ease); }
.po-art img { display: block; width: 100%; max-width: none; height: auto; margin: 0; filter: grayscale(1); }
/* с рамка: тънка черна рамка и бяло паспарту */
.po-art.is-frame { padding: calc(var(--k, .66) * 26px); background: #FBFAF7; box-shadow: 0 0 0 calc(4px + var(--k, .66) * 4px) #111, 0 26px 50px -18px rgba(0, 0, 0, .6); }
@keyframes po-in { from { opacity: 0; transform: translate(-50%, -46%); } }

@media (prefers-reduced-motion: reduce) {
  .po-art, .po-art.is-in { animation: none; transition: none; }
}