/* 7k343.buzz — шаблон polaroid, namespace .po*
   Перекраска: --h:40 (янтарь), --h2:220 (дополнительный, +180°).
   Шрифты: Sofia Sans Condensed (дисплей) / Alegreya (текст, он же рукописный курсив).
   Правки против банка: --tx3 темнее (мелкая мета читается), тёмный текст на светлых
   лотках .potray, тач-цели .pologo/.pofoot a доведены до 44 px. */

:root{
  --h:40;                 /* accent_hue — основной акцент */
  --h2:220;               /* второй акцент: дополнительный (+180°) */

  --acc:hsl(var(--h) 64% 34%);
  --acc-br:hsl(var(--h) 62% 44%);
  --acc-dk:hsl(var(--h) 66% 24%);
  --acc-soft:hsl(var(--h) 64% 34% / .12);
  --acc2:hsl(var(--h2) 68% 42%);
  --acc2-soft:hsl(var(--h2) 68% 42% / .12);

  --bg:hsl(var(--h) 14% 88%);          /* стол */
  --bg2:hsl(var(--h) 16% 82%);
  --paper:hsl(var(--h) 22% 99%);       /* рамка снимка */
  --paper2:hsl(var(--h) 18% 96%);
  --print:hsl(var(--h) 24% 96%);       /* область отпечатка */
  --print2:hsl(var(--h) 26% 93%);
  --edge:hsl(var(--h) 16% 86%);
  --line:hsl(var(--h) 14% 84%);
  --tx:hsl(var(--h) 22% 14%);
  --tx2:hsl(var(--h) 12% 30%);
  --tx3:hsl(var(--h) 12% 40%);
  --ink:hsl(var(--h2) 52% 32%);        /* цвет «чернил» подписи */
  --metal:hsl(var(--h) 8% 58%);
  --warn:hsl(4 68% 42%);

  --fd:"Sofia Sans Condensed",system-ui,"Segoe UI",Arial,sans-serif;
  --fb:"Alegreya",Georgia,"Times New Roman",serif;
  --fh:"Alegreya",Georgia,"Times New Roman",serif;
  --fm:ui-monospace,"Cascadia Mono",Consolas,monospace;

  --col:1120px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;overflow-x:hidden;
  background:var(--bg);color:var(--tx);
  font:400 17px/1.66 var(--fb);
  -webkit-text-size-adjust:100%;
}
/* сукно стола: слабое волокно + два цветных пятна от лампы */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(92deg,transparent 0 6px,hsl(var(--h) 18% 40% / .035) 6px 7px),
    radial-gradient(760px 420px at 88% -6%,var(--acc-soft),transparent 66%),
    radial-gradient(640px 380px at 4% 34%,var(--acc2-soft),transparent 70%);
}
h1,h2,h3,h4{font-family:var(--fd);font-weight:700;line-height:1.14;margin:0 0 12px;color:var(--tx);letter-spacing:.005em}
p{margin:0 0 14px}
a{color:var(--acc2);text-decoration:none}
a:hover{text-decoration:underline}

.po-em{color:var(--acc-dk);font-weight:700}
.po-em2{color:var(--acc2);font-weight:700}
.po-num{font-family:var(--fm);font-weight:600;color:var(--acc-dk);letter-spacing:.01em}
.po-mark{background:var(--acc-soft);border-bottom:1px solid var(--acc-br);padding:0 3px;border-radius:2px}
.po-hand{font-family:var(--fh);font-style:italic;color:var(--ink)}

/* ── кнопки ─────────────────────────────────────────────────── */
.pobtn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:50px;padding:13px 26px;border-radius:2px;
  font-family:var(--fb);font-weight:700;font-size:16px;letter-spacing:.015em;
  background:var(--acc);color:hsl(var(--h) 30% 99%);border:2px solid var(--acc-dk);
  box-shadow:3px 3px 0 hsl(var(--h) 40% 22% / .22);
}
.po-desk .pobtn,.pobar .pobtn,.pofoot .pobtn{color:hsl(var(--h) 30% 99%)}
.pobtn:hover{text-decoration:none;background:var(--acc-dk);box-shadow:1px 1px 0 hsl(var(--h) 40% 22% / .3)}
.pobtn--ghost{
  background:transparent;color:var(--acc2);border-color:var(--acc2);
  box-shadow:3px 3px 0 hsl(var(--h2) 40% 30% / .16);
}
.po-desk .pobtn--ghost,.pofoot .pobtn--ghost{color:var(--acc2)}
.pobtn--ghost:hover{background:var(--acc2-soft);color:var(--acc2)}
.pobtn--sm{min-height:44px;padding:10px 17px;font-size:14.6px}

/* ── корешок альбома: верхняя панель ────────────────────────── */
.pobar{
  position:sticky;top:0;z-index:40;
  background:hsl(var(--h) 16% 84% / .95);backdrop-filter:blur(7px);
  border-bottom:2px solid hsl(var(--h) 14% 72%);
}
.pobar__in{display:flex;align-items:center;gap:14px;max-width:var(--col);margin:0 auto;padding:9px 20px}
.pologo{
  display:inline-flex;align-items:center;gap:11px;min-height:44px;
  font-family:var(--fd);font-weight:700;font-size:23px;color:var(--tx);letter-spacing:.02em;
}
.pologo:hover{text-decoration:none;color:var(--acc-dk)}
.pologo s{
  width:26px;height:30px;flex:none;text-decoration:none;border-radius:2px;
  background:var(--paper);border:1px solid var(--edge);
  box-shadow:inset 0 -8px 0 var(--paper),inset 0 0 0 4px var(--paper),0 1px 2px hsl(var(--h) 20% 30% / .3);
  position:relative;
}
.pologo s::before{
  content:"";position:absolute;left:4px;right:4px;top:4px;height:16px;border-radius:1px;
  background:linear-gradient(150deg,var(--acc-br),var(--acc2));
}
.pobar__meta{
  font-family:var(--fm);font-size:12.4px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);
  display:flex;gap:14px;align-items:center;
}
.pobar__meta em{font-style:normal;color:var(--acc-dk)}
.pobar__cta{margin-left:auto}

/* ── стол со снимками ───────────────────────────────────────── */
.po-desk{position:relative;z-index:1;max-width:var(--col);margin:0 auto;padding:26px 20px 10px}

.pofoto{
  position:relative;margin:0 auto 40px;
  background:var(--paper);border-radius:3px;
  padding:15px 15px 0;
  box-shadow:0 1px 1px hsl(var(--h) 20% 20% / .18),0 14px 26px hsl(var(--h) 24% 24% / .16);
  transition:transform .25s ease;
}
.pofoto::before{
  content:"";position:absolute;inset:8px -6px -7px 10px;z-index:-1;border-radius:3px;
  background:var(--paper2);box-shadow:0 8px 16px hsl(var(--h) 24% 24% / .14);
  transform:rotate(1.1deg);
}
.pofoto__shot{
  position:relative;
  background:linear-gradient(168deg,var(--print),var(--print2));
  border:1px solid var(--edge);
  padding:28px 32px 24px;
}
.pofoto__shot::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 40%,transparent 58%,hsl(var(--h) 24% 40% / .13));
}
.pofoto__band{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  padding:18px 10px 26px;
}
.pocap{
  margin:0;font-family:var(--fh);font-style:italic;font-weight:500;
  font-size:19.5px;line-height:1.35;color:var(--ink);
  transform:rotate(-.9deg);transform-origin:left center;max-width:74%;
}
.pocap__meta{
  flex:none;font-family:var(--fm);font-size:11.6px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--tx3);text-align:right;line-height:1.6;
}
.pocap__meta u{display:block;text-decoration:none;color:var(--acc-dk)}

.pofoto--a{transform:rotate(-.85deg)}
.pofoto--b{transform:rotate(.7deg)}
.pofoto--c{transform:rotate(-.4deg)}
.pofoto--l{max-width:95%;margin-left:0;margin-right:auto}
.pofoto--r{max-width:95%;margin-left:auto;margin-right:0}
.pofoto:hover{transform:rotate(0)}

/* крепёж */
.poclip{
  position:absolute;top:-17px;left:38px;width:17px;height:46px;z-index:3;
  border:3px solid var(--metal);border-radius:9px;background:transparent;
  transform:rotate(-9deg);text-decoration:none;
}
.poclip::before{
  content:"";position:absolute;left:3px;right:3px;top:7px;bottom:11px;
  border:2px solid var(--metal);border-radius:6px;border-top-color:transparent;
}
.popin{
  position:absolute;top:-11px;right:44px;width:22px;height:22px;z-index:3;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,hsl(var(--h2) 74% 62%),var(--acc2) 70%);
  box-shadow:0 2px 4px hsl(var(--h) 24% 24% / .4);text-decoration:none;
}
.potape{
  position:absolute;top:-13px;left:50%;width:104px;height:27px;z-index:3;margin-left:-52px;
  background:hsl(var(--h) 20% 86% / .82);border-left:1px dashed hsl(var(--h) 14% 68%);
  border-right:1px dashed hsl(var(--h) 14% 68%);
  box-shadow:0 1px 2px hsl(var(--h) 20% 30% / .18);
  transform:rotate(-2deg);text-decoration:none;
}
.pocorner{position:absolute;width:30px;height:30px;z-index:3;text-decoration:none}
.pocorner::before{content:"";position:absolute;inset:0;background:hsl(var(--h) 18% 38% / .32)}
.pocorner--tl{top:9px;left:9px}
.pocorner--tl::before{clip-path:polygon(0 0,100% 0,0 100%)}
.pocorner--tr{top:9px;right:9px}
.pocorner--tr::before{clip-path:polygon(0 0,100% 0,100% 100%)}
.pocorner--bl{bottom:64px;left:9px}
.pocorner--bl::before{clip-path:polygon(0 0,0 100%,100% 100%)}
.pocorner--br{bottom:64px;right:9px}
.pocorner--br::before{clip-path:polygon(100% 0,100% 100%,0 100%)}

/* ── hero-кадр ──────────────────────────────────────────────── */
.pohero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}
.pohero>div{min-width:0}
.pohero__tag{
  display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;padding:6px 14px;
  border:1px solid var(--acc-br);border-radius:2px;background:var(--acc-soft);
  font-family:var(--fm);font-size:11.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-dk);
}
.pohero h1{font-size:clamp(30px,4.4vw,50px);line-height:1.06;margin-bottom:16px}
.pohero__lede{font-size:clamp(16.4px,1.5vw,19px);color:var(--tx2);max-width:56ch;margin-bottom:20px}
.pohero__cta{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:12px}
.pohero__fine{margin:0;font-size:13.6px;color:var(--tx3)}

/* пирамида колышков с лотками множителей */
.poboard{
  position:relative;background:linear-gradient(172deg,hsl(var(--h) 26% 18%),hsl(var(--h) 30% 12%));
  border:1px solid hsl(var(--h) 26% 26%);border-radius:3px;padding:14px 14px 12px;min-width:0;
}
.poboard__pegs{
  position:relative;height:170px;
  background-image:
    radial-gradient(circle,hsl(var(--h) 20% 80%) 2.2px,transparent 2.8px),
    radial-gradient(circle,hsl(var(--h) 20% 80% / .6) 2.2px,transparent 2.8px);
  background-size:26px 24px,26px 24px;
  background-position:1px 10px,14px 22px;
  clip-path:polygon(50% 0,100% 100%,0 100%);
}
.poball{
  position:absolute;top:-5px;left:50%;width:13px;height:13px;margin-left:-6px;z-index:2;
  border-radius:50%;text-decoration:none;
  background:radial-gradient(circle at 34% 30%,hsl(var(--h2) 82% 72%),var(--acc2) 68%);
  box-shadow:0 0 0 4px hsl(var(--h2) 68% 42% / .22);
}
.potrail{
  position:absolute;top:8px;left:50%;width:2px;height:150px;z-index:1;text-decoration:none;
  background:repeating-linear-gradient(180deg,hsl(var(--h2) 68% 62% / .7) 0 5px,transparent 5px 11px);
  transform:rotate(7deg);transform-origin:top center;
}
.potrays{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;margin-top:9px}
.potray{
  font-family:var(--fm);font-size:10.4px;font-weight:600;text-align:center;letter-spacing:-.03em;
  padding:8px 0 9px;border-radius:0 0 3px 3px;color:hsl(var(--h) 40% 10%);
  background:hsl(var(--h) 24% 74%);
}
.potray:nth-child(5){background:hsl(var(--h) 16% 52%);color:hsl(var(--h) 26% 99%)}
.potray:nth-child(4),.potray:nth-child(6){background:hsl(var(--h) 22% 64%)}
.potray:nth-child(3),.potray:nth-child(7){background:var(--acc-br);color:hsl(var(--h) 44% 9%)}
.potray:nth-child(2),.potray:nth-child(8){background:var(--acc);color:hsl(var(--h) 30% 99%)}
.potray:nth-child(1),.potray:nth-child(9){background:var(--acc2);color:hsl(var(--h2) 30% 99%)}
.poboard__cap{
  margin:10px 2px 0;font-family:var(--fm);font-size:11px;letter-spacing:.07em;
  text-transform:uppercase;color:hsl(var(--h) 16% 76%);text-align:center;
}

/* KPI-наклейки */
.pokpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 0}
.pokpi div{
  position:relative;background:var(--paper);border:1px solid var(--edge);
  padding:14px 15px 13px;border-radius:2px;min-width:0;
  box-shadow:0 3px 8px hsl(var(--h) 24% 24% / .12);
}
.pokpi div::before{
  content:"";position:absolute;top:-8px;left:14px;width:34px;height:15px;
  background:hsl(var(--h) 22% 92% / .8);border-left:1px dashed var(--line);border-right:1px dashed var(--line);
  transform:rotate(-4deg);
}
.pokpi div:nth-child(even)::before{left:auto;right:14px;transform:rotate(5deg)}
.pokpi i{display:block;font-style:normal;font-family:var(--fd);font-weight:700;font-size:29px;line-height:1.06;margin-bottom:4px;color:var(--acc-dk)}
.pokpi div:nth-child(even) i{color:var(--acc2)}
.pokpi span{font-size:13.6px;color:var(--tx3);line-height:1.45;display:block}

/* ── типовые блоки внутри отпечатка ─────────────────────────── */
.pohead{margin:0 0 16px;padding-bottom:12px;border-bottom:2px dotted var(--edge)}
.pohead h2{font-size:clamp(24px,3vw,36px);margin-bottom:6px}
.pohead p{margin:0;font-family:var(--fh);font-style:italic;font-size:15.6px;color:var(--ink)}
.potext{max-width:74ch}
.posub{font-size:20px;margin:22px 0 8px}
.pogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 6px}
.pogrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pogrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pocard{
  background:var(--paper);border:1px solid var(--edge);border-radius:2px;padding:16px 18px;min-width:0;
  box-shadow:0 2px 6px hsl(var(--h) 24% 24% / .1);
}
.pocard h3{font-size:18.6px;margin-bottom:7px}
.pocard p{margin:0;font-size:15px;color:var(--tx2)}
.pocard u{
  display:block;margin-top:9px;padding-top:8px;border-top:1px dotted var(--edge);
  text-decoration:none;font-family:var(--fm);font-size:12.2px;color:var(--acc-dk);letter-spacing:.03em;
}
.pocard:nth-child(even) u{color:var(--acc2)}

.polist{margin:8px 0 0;padding:0;list-style:none}
.polist li{position:relative;padding:9px 0 9px 32px;border-bottom:1px dotted var(--edge);font-size:15.8px;color:var(--tx2)}
.polist li:last-child{border-bottom:0}
.polist li::before{
  content:"";position:absolute;left:5px;top:16px;width:13px;height:13px;border-radius:50%;
  background:var(--acc-br);box-shadow:0 0 0 3px var(--acc-soft);
}
.polist li:nth-child(even)::before{background:var(--acc2);box-shadow:0 0 0 3px var(--acc2-soft)}

.poscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 6px;max-width:100%}
table.potable{width:100%;min-width:560px;border-collapse:collapse;font-size:15.4px;background:var(--paper)}
table.potable th,table.potable td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--edge)}
table.potable th{
  font-family:var(--fm);font-size:11.8px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--tx3);font-weight:600;background:var(--paper2);
}
table.potable td:first-child{color:var(--tx)}
table.potable tr:last-child td{border-bottom:0}
table.potable .v{font-family:var(--fm);color:var(--acc-dk)}

/* ── галерея мини-отпечатков (каталог) ──────────────────────── */
.pominis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 18px;margin:18px 0 6px}
.pomini{
  background:var(--paper);border-radius:2px;padding:9px 9px 0;min-width:0;
  box-shadow:0 2px 3px hsl(var(--h) 20% 20% / .14),0 9px 16px hsl(var(--h) 24% 24% / .12);
  transition:transform .22s ease;
}
.pomini:nth-child(3n+1){transform:rotate(-1.1deg)}
.pomini:nth-child(3n+2){transform:rotate(.5deg)}
.pomini:nth-child(3n){transform:rotate(1.3deg)}
.pomini:hover{transform:rotate(0) translateY(-3px)}
.pomini__shot{
  position:relative;padding:14px 14px 13px;min-height:118px;
  background:linear-gradient(150deg,hsl(var(--h) 30% 22%),hsl(var(--h) 34% 14%));
  border:1px solid hsl(var(--h) 26% 28%);
}
.pomini:nth-child(even) .pomini__shot{background:linear-gradient(150deg,hsl(var(--h2) 30% 24%),hsl(var(--h2) 36% 15%))}
.pomini__shot h3{font-size:18px;margin-bottom:6px;padding-right:64px;color:hsl(var(--h) 24% 98%)}
.pomini__shot p{margin:0;font-size:14.2px;color:hsl(var(--h) 14% 84%)}
.pomini__shot em{
  position:absolute;top:10px;right:11px;font-style:normal;font-family:var(--fm);
  font-size:10.6px;letter-spacing:.08em;color:hsl(var(--h) 18% 78%);
}
.pomini__cap{
  margin:0;padding:10px 5px 15px;font-family:var(--fh);font-style:italic;
  font-size:14.6px;line-height:1.35;color:var(--ink);
}
.pomini__cap span{display:block;font-family:var(--fm);font-style:normal;font-size:11px;letter-spacing:.07em;color:var(--tx3);margin-top:4px}

/* ── створы уровней ────────────────────────────────────────── */
.pogates{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0 6px}
.pogate{
  background:var(--paper);border:1px solid var(--edge);border-radius:2px;padding:11px 11px 13px;text-align:center;
  min-width:0;box-shadow:0 2px 6px hsl(var(--h) 24% 24% / .11);
}
.pogate:nth-child(odd){transform:rotate(-.9deg)}
.pogate:nth-child(even){transform:rotate(.8deg)}
.pogate__ap{
  position:relative;height:52px;margin:0 0 10px;overflow:hidden;
  background:linear-gradient(180deg,hsl(var(--h) 26% 18%),hsl(var(--h) 30% 13%));
  border:1px solid hsl(var(--h) 24% 30%);
}
.pogate__ap::before,.pogate__ap::after{
  content:"";position:absolute;top:0;bottom:0;width:44%;
  background:repeating-linear-gradient(180deg,var(--metal) 0 4px,hsl(var(--h) 8% 48%) 4px 8px);
}
.pogate__ap::before{left:0;border-right:1px solid hsl(var(--h) 20% 34%)}
.pogate__ap::after{right:0;border-left:1px solid hsl(var(--h) 20% 34%)}
.pogate:nth-child(2) .pogate__ap::before,.pogate:nth-child(2) .pogate__ap::after{width:37%}
.pogate:nth-child(3) .pogate__ap::before,.pogate:nth-child(3) .pogate__ap::after{width:30%}
.pogate:nth-child(4) .pogate__ap::before,.pogate:nth-child(4) .pogate__ap::after{width:22%}
.pogate:nth-child(5) .pogate__ap::before,.pogate:nth-child(5) .pogate__ap::after{width:14%}
.pogate:nth-child(6) .pogate__ap::before,.pogate:nth-child(6) .pogate__ap::after{width:6%}
.pogate__ap i{
  position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5px 0 0 -5px;border-radius:50%;
  background:var(--acc2);box-shadow:0 0 0 4px hsl(var(--h2) 68% 42% / .3);
}
.pogate h3{font-size:18px;margin-bottom:4px}
.pogate span{display:block;font-size:12.8px;color:var(--tx3);line-height:1.5}
.pogate em{display:block;margin-top:7px;font-style:normal;font-family:var(--fm);font-size:15px;color:var(--acc-dk)}
.pogate:nth-child(n+5) em{color:var(--acc2)}

/* ── записки на обороте снимков (отзывы) ───────────────────── */
.pomemos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 6px}
.pomemo{
  position:relative;padding:16px 20px 14px;border:1px solid var(--edge);border-radius:2px;min-width:0;
  background:
    repeating-linear-gradient(180deg,transparent 0 25px,hsl(var(--h2) 30% 70% / .22) 25px 26px),
    var(--paper);
  box-shadow:0 3px 9px hsl(var(--h) 24% 24% / .12);
}
.pomemo:nth-child(odd){transform:rotate(-.7deg)}
.pomemo:nth-child(even){transform:rotate(.6deg)}
.pomemo::before{
  content:"";position:absolute;left:34px;top:0;bottom:0;width:1px;background:hsl(var(--h2) 46% 60% / .35);
}
.pomemo__ink{
  margin:0 0 10px;padding-left:20px;font-family:var(--fh);font-style:italic;font-size:16.4px;
  line-height:1.6;color:var(--ink);
}
.pomemo footer{
  padding-left:20px;font-family:var(--fm);font-size:11.8px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--tx3);
}
.pomemo footer u{text-decoration:none;color:var(--acc-dk)}

/* ── справочные карточки ───────────────────────────────────── */
.poqa{display:flex;gap:14px;padding:15px 0;border-bottom:1px dotted var(--edge)}
.poqa:last-child{border-bottom:0}
.poqa>div{min-width:0}
.poqa s{
  flex:none;width:30px;height:30px;border-radius:50%;text-decoration:none;
  display:grid;place-items:center;background:var(--acc-soft);border:1px solid var(--acc-br);
  font-family:var(--fm);font-size:12.4px;color:var(--acc-dk);
}
.poqa:nth-child(even) s{background:var(--acc2-soft);border-color:var(--acc2);color:var(--acc2)}
.poqa h3{font-size:19px;margin-bottom:6px}
.poqa p{margin:0;font-size:15.4px;color:var(--tx2)}

/* ── кадр-проявка: заметка автора ──────────────────────────── */
.ponote .pofoto__shot{background:linear-gradient(150deg,hsl(var(--h) 28% 92%),hsl(var(--h2) 24% 94%))}
.ponote h3{font-size:clamp(23px,2.7vw,32px);margin-bottom:14px}
.ponote p{color:var(--tx2);font-size:15.8px;max-width:72ch}
.ponote__sign{
  margin:16px 0 0;font-family:var(--fh);font-style:italic;font-size:21px;color:var(--ink);
  transform:rotate(-1.4deg);transform-origin:left center;
}
.ponote__by{
  margin:12px 0 0;padding-top:11px;border-top:1px dotted var(--edge);
  font-family:var(--fm);font-size:12.2px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);
}

/* ── задняя обложка ────────────────────────────────────────── */
.pofoot{
  position:relative;z-index:1;margin-top:16px;padding:28px 0 36px;
  background:var(--bg2);border-top:2px solid hsl(var(--h) 14% 72%);
}
.pofoot__in{
  max-width:var(--col);margin:0 auto;padding:0 20px;
  display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:24px;
}
.pofoot>div,.pofoot__in>div{min-width:0}
.pofoot h4{font-family:var(--fm);font-size:11.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);margin-bottom:10px}
.pofoot p,.pofoot li{font-size:14.2px;color:var(--tx2);line-height:1.62}
.pofoot ul{margin:0;padding:0;list-style:none}
.pofoot a{display:inline-flex;align-items:center;min-height:44px;color:var(--acc2)}
.poage{
  display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:29px;padding:0 10px;
  border:2px solid var(--warn);border-radius:2px;color:var(--warn);
  font-family:var(--fm);font-weight:700;font-size:14.4px;margin-right:10px;
}
.poend{
  max-width:var(--col);margin:22px auto 0;padding:11px 20px 0;
  border-top:1px dotted hsl(var(--h) 14% 72%);text-align:center;
  font-family:var(--fm);font-size:11.4px;letter-spacing:.13em;text-transform:uppercase;color:var(--tx3);
}

/* ── адаптив ───────────────────────────────────────────────── */
@media (max-width:980px){
  .pohero{grid-template-columns:minmax(0,1fr);gap:24px}
  .pokpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pogrid,.pogrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pominis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pogates{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pofoot__in{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  body{font-size:16px}
  .po-desk{padding:16px 12px 8px}
  .pobar__in{padding:8px 12px;gap:9px}
  .pobar__meta{display:none}
  .pologo{font-size:19px;min-height:44px}
  .pofoto,.pofoto--a,.pofoto--b,.pofoto--c,.pofoto--l,.pofoto--r{
    transform:none;max-width:100%;margin-left:0;margin-right:0;margin-bottom:26px;padding:10px 10px 0;
  }
  .pofoto::before{display:none}
  .pomini,.pomini:nth-child(3n+1),.pomini:nth-child(3n+2),.pomini:nth-child(3n),
  .pogate:nth-child(odd),.pogate:nth-child(even),
  .pomemo:nth-child(odd),.pomemo:nth-child(even){transform:none}
  .pofoto__shot{padding:18px 15px 16px}
  .pofoto__band{padding:14px 6px 18px;flex-direction:column;align-items:flex-start;gap:9px}
  .pocap{font-size:17.6px;max-width:100%;transform:none}
  .pocap__meta{text-align:left}
  .pocorner{display:none}
  .pohero h1{font-size:29px}
  .pohero__cta .pobtn{flex:1 1 100%}
  .poboard__pegs{height:136px}
  .potrays{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
  .potray:nth-child(n+6){display:none}
  .pokpi,.pogrid,.pogrid--2,.pogrid--4,.pominis,.pomemos{grid-template-columns:minmax(0,1fr)}
  .pogates{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poqa{gap:10px}
  .pofoot__in{grid-template-columns:1fr}
  .pofoot a{min-height:44px}
  .po-desk .pobtn,.pofoot .pobtn{width:100%}
}