[hideprofile][html]<div id="avr" data-theme="light">
<style>
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@1,500&display=swap');
@font-face { font-family: "fine"; src: url(https://forumstatic.ru/files/001b/73/d1/67460.otf); }

html, body { background: transparent !important; margin: 0; }

#avr {
  --bg: #f4f4f4; --bg2: #eaeaea; --text: #3a3a3a; --muted: #7a7a7a;
  --acc: #75424a; --acc-text: #75424a; --line: rgba(117,66,74,.30); --on-acc: #f4f4f4;
  box-sizing: border-box; width: 100%; max-width: 780px; margin: 0 auto; padding: 4px 0 10px;
  font: 400 12px/1.55 "Mulish", "Manrope", sans-serif; color: var(--text); text-align: left;
}
#avr[data-theme="dark"] {
  --bg: #d7d7d7; --bg2: #cccccc; --text: #333d33; --muted: #5d665d;
  --acc: #415549; --acc-text: #415549; --line: rgba(65,85,73,.40); --on-acc: #e8ece6;
}
#avr *, #avr *::before, #avr *::after { box-sizing: border-box; }

/* шапка */
#avr .avr-head { display: flex; align-items: center; justify-content: center; gap: 28px; margin: 0 0 6px; }
#avr .avr-head img { display: block; width: 190px; max-width: 38%; height: auto; border-radius: 12px; }
#avr .avr-title { text-align: left; }
#avr .avr-title h1 {
  margin: 0; padding: 0; font: italic 500 40px/1.1 "fine", "Playfair Display", "Yeseva One", serif;
  letter-spacing: .32em; color: var(--text); text-transform: uppercase;
}
#avr .avr-title .avr-sub {
  margin-top: 6px; font: italic 500 17px/1.3 "fine", "Playfair Display", serif; color: var(--acc-text);
}
#avr .avr-title .avr-note { margin-top: 12px; font-size: 10px; color: var(--muted); max-width: 320px; }

#avr .avr-sep { display: flex; align-items: center; gap: 14px; margin: 18px 0 20px; }
#avr .avr-sep::before, #avr .avr-sep::after { content: ""; flex: 1; border-top: 1px dashed var(--line); }
#avr .avr-sep i { width: 7px; height: 7px; border-radius: 50%; background: var(--acc); }

/* картки */
#avr .avr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
#avr .avr-card {
  padding: 20px 18px 18px; background: var(--bg); border: 1px solid var(--line); border-radius: 14px; min-width: 0;
}
#avr .avr-top { text-align: center; }
#avr .avr-role {
  display: inline-block; padding: 3px 12px; border-radius: 999px; background: var(--acc); color: var(--on-acc);
  font: 700 9px/1.4 "Mulish", sans-serif; letter-spacing: .6px; text-transform: uppercase;
}
#avr .avr-name { margin: 8px 0 0; font: italic 500 26px/1.1 "fine", "Playfair Display", serif; color: var(--text); text-transform: lowercase; }
#avr .avr-actor { margin-top: 3px; font-size: 10px; color: var(--muted); }
#avr .avr-gif { display: block; width: 100%; max-width: 100%; height: auto; margin: 12px auto 0; border-radius: 10px; }

/* спойлер */
#avr details { margin: 12px 0 0; }
#avr summary {
  display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; list-style: none;
  padding: 6px 14px; border-radius: 999px; background: var(--bg2); color: var(--acc-text);
  font: italic 600 11px/1.3 "Mulish", sans-serif; transition: background .2s ease;
}
#avr summary::-webkit-details-marker { display: none; }
#avr summary::before { content: "▸"; font-style: normal; font-size: 10px; transition: transform .2s ease; }
#avr details[open] summary::before { transform: rotate(90deg); }
#avr summary:hover { background: var(--line); }
#avr details img { display: block; width: 100%; height: auto; margin: 10px 0 0; border-radius: 10px; }

/* факти */
#avr ul { margin: 14px 0 0; padding: 0; list-style: none; }
#avr li {
  position: relative; margin: 0; padding: 5px 0 5px 16px; border-top: 1px dashed var(--line);
  font-size: 11px; line-height: 1.5; text-align: left;
}
#avr li:first-child { border-top: 0; }
#avr li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: var(--acc); }
#avr li i { font-style: italic; color: var(--acc-text); }

@media (max-width: 640px) {
  #avr .avr-head { flex-direction: column; text-align: center; }
  #avr .avr-title { text-align: right; }
  #avr .avr-title h1 { font-size: 30px; }
  #avr .avr-grid { grid-template-columns: 1fr; }
}
</style>
<div class="avr-head">
  <img src="https://upforme.ru/uploads/001c/a5/83/5/335613.png" alt="">
  <div class="avr-title">
    <h1>СВОБОДА СЛОВА</h1>
    <div class="avr-note">будьте аккуратны, когда думаете вслух</div>
  </div>
</div>
<div class="avr-sep"><i></i></div>
<div class="avr-grid">
  <div class="avr-card">
    <div class="avr-top"><span class="avr-role"> главный редактор “ежедневного пророка” </span><div class="avr-name">barnabas cuffe </div><div class="avr-actor"> michael fassbender </div></div>
    <img class="avr-gif" src="https://upforme.ru/uploads/001c/cf/a0/2/10603.png" alt="">
    <details><summary> говорит, что если бы занимался детским журналом, то разницы не было бы </summary><img src="https://upforme.ru/uploads/001c/cf/a0/6/911235.jpg" alt=""></details>
    <ul>
      <li>у нас тут нет свобода слова, нам выпуск нужно сдать к двум ночи </li>
      <li>считает, что дружить с министерством и первым получать информацию - это  замечательно</li>
      <li>даже если эта информация больше похожа на пропаганду, чем на правду</li>
      <li>начинал как журналист, а в итоге выкупил “пророк” и стал владельцем </li>
      <li>нет мании величия, есть только маленькая мечта - чтобы пророк получал каждый британский волшебник </li>

    </ul>
  </div>
  <div class="avr-card">
    <div class="avr-top"><span class="avr-role"> руководитель комитета свободы слова министерства магии </span><div class="avr-name"> r. h. </div><div class="avr-actor"> kieran culkin </div></div>
    <img class="avr-gif" src="https://upforme.ru/uploads/001c/cf/a0/2/701532.png" alt="">
    <details><summary>не волнуйся, я рядом </summary><img src="https://upforme.ru/uploads/001c/cf/a0/6/997174.jpg" alt=""></details>
    <ul>
      <li>каждый должен быть услышан, просто не всем стоит говорить </li>
      <li>появляется, чтобы объяснить, что “сейчас не время говорить об этом”</li>
      <li>как волшебник, может достать из ниоткуда финансирование на вашу писанину</li>
      <li>нет, ну правда, благодаря ему появилось много красочных изданий детской литературы, научпопа и всех видов фэнтази, включая маггловские альтернативные миры </li>
      <li>никто не скажет, сколько хороших изданий пропало (совершенно без его участия)</li>
      <li>аккредитует все издания на чемпионат мира по квиддичу, очень полезный контакт в вашей записной книжке </li>
    </ul>
  </div>
  <div class="avr-card">
    <div class="avr-top"><span class="avr-role">независимая журналистка
</span><div class="avr-name"> rita skiter </div><div class="avr-actor">elizabeth banks </div></div>
    <img class="avr-gif" src="https://upforme.ru/uploads/001c/cf/a0/2/458988.png" alt="">
    <details><summary>мопед не мой </summary><img src="https://upforme.ru/uploads/001c/cf/a0/6/925672.jpg" alt=""></details>
    <ul>
      <li>независимая журналистка, самый честный биограф, принципиальный исследователь, талантливая поэтесса и просто красавица </li>
      <li>идея стать анимагом-жуком ей пришла в голову после того, как ее поймали собирающей сплетни в теплицах хогвартса </li>
      <li>чуть не отказалась от процесса обучения анимагии, потому что этот чертов лист мандрагоры постоянно пытался выпасть из вечно тараторящего рта; пришлось отказаться от интервью на месяц, и это был самый сложный месяц в ее жизни </li>
      <li>сахарные перья - это единственное сладкое, которое она себе позволяет </li>
      <li>если начать торговаться по поводу гонорара, могут быть всплыть нелицеприятные подробности относительно личности самого смельчака</li>
    </ul>
  </div>
  <div class="avr-card">
    <div class="avr-top"><span class="avr-role"> журналистка “квибблера” </span><div class="avr-name"> e. s. </div><div class="avr-actor"> natalie dryer </div></div>
    <img class="avr-gif" src="https://upforme.ru/uploads/001c/a5/83/2/843597.png" alt="">
    <details><summary> наклейка на ежедневнике: не забывать пить водичку </summary><img src="https://i.pinimg.com/1200x/ec/97/d5/ec97d5b1068f3652398111f1535907eb.jpg" alt=""></details>
    <ul>
      <li>племянница лавгудов, поэтому видела еще первые версии журнала на столе у дяди</li>
      <li>никогда не думала, что окажется в журналистике, но ее слишком захватила охота на правду и острое желание социальной справедливости </li>
      <li>и еще, честно говоря, квибблер - единственное издание, которое дало платформу для высказывания молодой двадцатилетней девушке без опыта писательства четыре года назад </li>
      <li>за четыре года успела сделать три масштабных проекта о действительном положении дел в магической британии после войны, однако, несмотря на растущую популярность квибблера, ее голос все еще не был услышан</li>
      <li>у нее лавхейт с ренасцентиумом</li>
      <li>по вашему желанию: оборотень ( у нас намечается женская стая) </li>
    </ul>
  </div>
  <div class="avr-card">
    <div class="avr-top"><span class="avr-role"> радиоведущий </span><div class="avr-name"> m. b. </div><div class="avr-actor">benedict cumberbatch </div></div>
    <img class="avr-gif" src="https://upforme.ru/uploads/001c/cf/a0/2/779355.png" alt="">
    <details><summary>ваша любимая программа на вечер
</summary><img src="
https://upforme.ru/uploads/001c/cf/a0/6 … .jpg" alt=""></details>
    <ul>
      <li>он долго был писателем женских романов, которые продавались так себе, пока однажды сам не озвучил один из них </li>
      <li>теперь всего книги - это признанные бестселлеры (по продажам обогнал локхарта, который так давно ничего не писал) </li>
      <li>его вечерний эфир слушает четверть магической британии, вне зависимости от темы </li>
      <li>эрудированный, образованный и любящий внимание - поэтому сегодня он неподдельным интересом делает образовательную передачу, а завтра просто будет весь вечер наслаждаться вниманием благодарных слушательниц и просто <i>вздыхать</i> в микрофон</li>
      <li>его пытались сделать официальным голосом чемпионата мира, но после первого опыта озвучки матча m. отказался, поняв, что никому все равно нет дела до него </li>
    </ul>
  </div>
  <div class="avr-card">
    <div class="avr-top"><span class="avr-role"> икона желтой прессы </span><div class="avr-name"> m. k. </div><div class=“avr-actor"> jude law         </div></div>
    <img class="avr-gif" src="https://upforme.ru/uploads/001c/cf/a0/2/98883.png" alt="">
    <details><summary> а также весь день</summary><img src="https://upforme.ru/uploads/001c/cf/a0/6/469389.jpg" alt=""></details>
    <ul>
      <li>никто не умеет собирать сплетни лучше него, даже рита скитер ему завидует </li>
      <li>он работает гораздо эффективнее риты именно потому, что не зациклен на собственном авторитете - он ловит кайф от хаоса слухов и сплетен</li>
      <li> сколько сплетен было получено через постель? да. </li>
      <li>проходил свидетелем обвинения по многим делам пожирателей, хотя есть показания и против него (никогда не принимались во внимание) </li>
      <li>существует слух, что министр магии получает свою личную подборку сплетен от m.k., но это не доказано </li>
    </ul>
  </div>
  <div class="avr-card">
    <div class="avr-top"><span class="avr-role"> фотограф </span><div class="avr-name"> p. a. </div><div class="avr-actor"> jeremy allen white </div></div>
    <img class="avr-gif" src="https://upforme.ru/uploads/001c/cf/a0/2/747351.png" alt="">
    <details><summary>выставка из 100 черно-белых статичных фотографий
</summary><img src="https://upforme.ru/uploads/001c/cf/a0/6/320621.jpg
" alt=""></details>
    <ul>
      <li>выгнали из “пророка” за любовь к честной и острой репортажной съемки </li>
      <li>первый на месте любого общественного столкновения, пять раз ломал себе руки, два раза получал в нос, и восемнадцать раз догонял укравших его камеру </li>
      <li>много курит; настолько много, что нет ни одного его собственного портрета без сигареты </li>
      <li>все его бывшие влюблялись после того, как он их фотографировал, и бросали, поняв, что p. любит сам процесс, а не конкретно их </li>
      <li>очень рад чемпионату мира и собирается работать сутки напролет - где еще в одном месте увидишь столько типажей? </li>
    </ul>
  </div>
  <div class="avr-card">
    <div class="avr-top"><span class="avr-role"> иллюстратор </span><div class="avr-name"> m. r. </div><div class="avr-actor"> simone ashley </div></div>
    <img class="avr-gif" src="https://upforme.ru/uploads/001c/cf/a0/2/416668.png" alt="">
    <details><summary>критика be like </summary><img src="https://upforme.ru/uploads/001c/cf/a0/6/887044.jpg" alt=""></details>
    <ul>
      <li>на самом деле художница, которая зарабатывает иллюстрациями на заказ, чтобы содержать свою галерею </li>
      <li>сильно разочарована миром, что все любят только милое, а ее артхаус никому не нужен </li>
      <li>очень мила, пока не откроет рот и не выскажет всю критику</li>
      <li>факт, которым сложно гордиться в магической британии: ее работа висит в королевской галерее (маггловской) </li>
      <li>стала автором серии плакатов команд-участниц к чемпионату мира по квиддичу</li>
    </ul>
  </div>

</div>
<script>
(function () {
  var box = document.getElementById("avr");
  if (!box) return;
  function set(t) {
    var th = t === "dark" ? "dark" : "light";
    box.setAttribute("data-theme", th);
    document.documentElement.style.colorScheme = th;
  }
  try {
    var root = window.parent.document.documentElement;
    set(root.getAttribute("data-forum-theme") || "light");
    new MutationObserver(function () { set(root.getAttribute("data-forum-theme") || "light"); })
      .observe(root, { attributes: true, attributeFilter: ["data-forum-theme"] });
  } catch (e) {}
  window.addEventListener("message", function (e) {
    if (e.data && e.data.forumTheme) set(e.data.forumTheme);
  });
  try { window.parent.postMessage({ lstReady: 1 }, "*"); } catch (e) {}
})();
</script>
</div>[/html]