[html]<style>
  .sk-wrap{
    --wrap-max:1200px;
    --panel: rgba(245, 240, 235, 0.75);
    --panel-border: rgba(180,160,140,0.35);
    --muted:#2b4f61;
    --text-card:#2b4f61;
    --radius:14px;
    --gap:22px;
    --title-size:72px;
    --card-h:160px;
    --img-main-h:120px;

    box-sizing:border-box;
    width:100%;
    max-width:var(--wrap-max);
    border-radius:32px;
    padding:40px;
    box-shadow:0 18px 48px rgba(0,0,0,0.15);
    overflow:hidden;
    position:relative;
    margin:0 auto;

    font-family:"Segoe UI", Roboto, sans-serif;
    color:#2b4f61;

    background-image:url("https://upforme.ru/uploads/001c/b8/7c/4/13951.webp");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }

  .sk-wrap *{
    box-sizing:border-box;
  }

  .sk-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0.55);
    backdrop-filter:blur(6px);
    z-index:-1;
  }

  .sk-header{
    display:flex;
    justify-content:flex-end;
    margin-bottom:18px;
  }

  .sk-poster-title{
    font-family:"Oswald",sans-serif;
    font-weight:700;
    font-size:var(--title-size);
    line-height:0.9;
    text-transform:uppercase;
    color:#2b4f61;
    letter-spacing:2px;
    padding:18px 36px;
    background:rgba(255,255,255,0.45);
    border-radius:20px;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
  }

  .sk-lead{
    font-size:15px;
    color:var(--muted);
    max-width:1100px;
    margin:12px 0 26px;
    line-height:1.55;
    text-align:left;
  }

  .sk-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:var(--gap);
    align-items:start;
  }

  .sk-cards article:nth-child(8){
    grid-column:2 / 3;
  }

  .sk-card{
    background:var(--panel);
    border-radius:var(--radius);
    padding:14px;
    min-height:var(--card-h);
    display:flex;
    flex-direction:column;
    gap:2px;
    border:1px solid var(--panel-border);
    transition:transform .16s ease, box-shadow .16s ease;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
  }

  .sk-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(0,0,0,0.12);
  }

  .sk-card .text{
    font-size:14px;
    color:var(--text-card);
    line-height:1.45;
    min-height:10px;
    overflow:hidden;
    font-weight:600;
    text-align:center;
  }

  .sk-img-main{
    margin-top:2px;
    border-radius:12px;
    height:var(--img-main-h);
    display:block;
    overflow:hidden;
    background:rgba(240,230,220,0.6);
    position:relative;
    border:1px solid rgba(180,160,140,0.35);
  }

  .sk-img-main img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    filter:brightness(0.95) saturate(0.9);
  }

  .sk-img-main.is-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(80,60,50,0.35);
    font-weight:700;
    font-size:14px;
  }
</style>

<div class="sk-wrap" role="main">
  <header class="sk-header">
    <h1 class="sk-poster-title">STRAY KIDS</h1>
  </header>

  <p class="sk-lead">
Наш уютный уголок для поклонников Stray Kids на форуме ищет новых участников, чтобы вместе погрузиться в мир нашей любимой группы.
Мы в активном поиске тех, кто готов взять на себя роль одного из мемберов и оживить нашу ролевую.
  </p>

  <p class="sk-lead">
Каждому, кто возьмет внешность из данной акции, в подарок дополнительная валюта и тринька в профиль!
<br>Обязательно смотрите на бронь ролей в <a href="https://mantra.rusff.me/viewtopic.php?id=6">гостевой</a>
<br>Обращайте внимание на кликабельные лица, это значит, что на него есть акция.
  </p>

  <section class="sk-cards" aria-label="Карточки">

    <article class="sk-card">
      <div class="text"><s>Felix Yongbok Lee</s></div>
      <div class="sk-img-main">
        <img src="https://upforme.ru/uploads/001c/b8/7c/5/519474.png">
      </div>
    </article>

    <article class="sk-card">
      <div class="text"><s>Hwang Hyunjin</s></div>
      <div class="sk-img-main">
        <img src="https://upforme.ru/uploads/001c/b8/7c/5/350101.png">
      </div>
    </article>

    <article class="sk-card">
      <div class="text"><a href="https://mantra.rusff.me/viewtopic.php?id=12#p4217"><s>Seo Changbin</s></a></div>
      <div class="sk-img-main">
        <a href="https://mantra.rusff.me/viewtopic.php?id=12#p4217">
          <img src="https://upforme.ru/uploads/001c/b8/7c/5/341865.png">
        </a>
      </div>
    </article>

    <article class="sk-card">
      <div class="text"><s>Lee Minho</s></div>
      <div class="sk-img-main">
        <img src="https://upforme.ru/uploads/001c/b8/7c/5/969261.png">
      </div>
    </article>

    <article class="sk-card">
      <div class="text"><a href="https://mantra.rusff.me/viewtopic.php?id=11#p1570"><s>Bang Chan</s></a></div>
      <div class="sk-img-main">
        <a href="https://mantra.rusff.me/viewtopic.php?id=11#p1570">
          <img src="https://upforme.ru/uploads/0010/7e/dd/2/917736.png">
        </a>
      </div>
    </article>

    <article class="sk-card">
      <div class="text"><a href="https://mantra.rusff.me/viewtopic.php?id=12#p3968">Han Jisung</a></div>
      <div class="sk-img-main">
        <a href="https://mantra.rusff.me/viewtopic.php?id=12#p3968">
          <img src="https://upforme.ru/uploads/001c/b8/7c/5/252228.png">
        </a>
      </div>
    </article>

    <article class="sk-card">
      <div class="text"><s>Yang Jeongin</s></div>
      <div class="sk-img-main">
        <img src="https://upforme.ru/uploads/001c/b8/7c/5/886813.png">
      </div>
    </article>

    <article class="sk-card">
      <div class="text">Kim Seungmin</div>
      <div class="sk-img-main">
        <img src="https://upforme.ru/uploads/001c/b8/7c/5/606504.png">
      </div>
    </article>

  </section>
</div>
[/html]

[html]
<div class="enhypen-box">
<style>
.enhypen-box *{ box-sizing:border-box; }

.enhypen-box{
  width:100%;
  max-width:820px; /* меньше, чем раньше */
  margin:0 auto;
  padding:24px 10px; /* уменьшили паддинги */
}

.enhypen-box .wrap{
  width:100%;
  background: rgba(255,255,255,0.55);
  border-radius:32px;
  padding:28px; /* тоже компактнее */
  box-shadow: 0 18px 48px rgba(0,0,0,0.15);
  backdrop-filter: blur(6px);
  overflow:hidden;

  background-image: url("https://upforme.ru/uploads/001c/b8/7c/4/13951.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.enhypen-box .header{ display:flex; justify-content:flex-end; margin-bottom:18px; }

.enhypen-box .poster-title{
  font-family:"Oswald",sans-serif;
  font-weight:700;
  font-size:64px; /* чуть меньше заголовок */
  line-height:0.9;
  text-transform:uppercase;
  color:#2b4f61;
  letter-spacing:2px;
  padding:16px 28px;
  background:rgba(255,255,255,0.45);
  border-radius:20px;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

.enhypen-box .lead{
  font-size:15px;
  color:#2b4f61;
  margin:12px 0 22px;
  line-height:1.55;
  text-align:left;
}

/* СЕТКА — фиксированная, но компактнее */
.enhypen-box .cards{
  display:grid;
  grid-template-columns: repeat(3, 220px); /* было 240 */
  gap:18px; /* было 22 */
  justify-content:center;
}

/* Карточки */
.enhypen-box .card{
  background: rgba(245, 240, 235, 0.75);
  border-radius:14px;
  padding:12px;
  min-height:150px;
  display:flex;
  flex-direction:column;
  gap:2px;
  border:1px solid rgba(180,160,140,0.35);
  transition: transform .16s ease, box-shadow .16s ease;
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

.enhypen-box .card:hover{
  transform: translateY(-4px);
  box-shadow:0 12px 28px rgba(0,0,0,0.12);
}

.enhypen-box .card .text{
  font-size:14px;
  color:#2b4f61;
  line-height:1.45;
  font-weight:600;
  text-align:center;
}

.enhypen-box .img-main{
  margin-top:2px;
  border-radius:12px;
  height:110px;
  overflow:hidden;
  background: rgba(240,230,220,0.6);
  border:1px solid rgba(180,160,140,0.35);
}

.enhypen-box .img-main img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter: grayscale(100%) sepia(80%) hue-rotate(180deg) saturate(40%);
}
</style>

<div class="wrap" role="main">
  <header class="header">
    <h1 class="poster-title">ENHYPEN</h1>
  </header>

  <p class="lead">
Наш уютный уголок для поклонников Enhypen на форуме ищет новых участников, чтобы вместе погрузиться в мир нашей любимой группы.
Мы в активном поиске тех, кто готов взять на себя роль одного из мемберов и оживить нашу ролевую.

<p>Каждому, кто возьмет внешность из данной акции, в подарок дополнительная валюта и тринька в профиль!
<br>Обязательно смотрите на бронь ролей в <a href="https://mantra.rusff.me/viewtopic.php?id=6">гостевой</a>
<br>Обращайте внимание на кликабельные лица, это значит, что на него есть акция.
  </p>

  <section class="cards" aria-label="Карточки">

    <article class="card"><div class="text">Park Jongseong</div><div class="img-main"><img src="https://i.pinimg.com/736x/57/7a/c2/577ac2f9f3f3d74fa550af5eebadf3fe.jpg"></div></article>

    <article class="card"><div class="text">Sim Jaeyun</div><div class="img-main"><img src="https://i.pinimg.com/736x/72/2c/81/722c81b38d216f88de9cad1a5ac718c7.jpg"></div></article>

    <article class="card"><div class="text"><s>Park Sunghoon</s></div><div class="img-main"><img src="https://i.pinimg.com/736x/f4/b8/07/f4b807a3783d305928a52145e7a3b603.jpg"></div></article>

    <article class="card"><div class="text"><s>Kim Sunoo</s></div><div class="img-main"><img src="https://i.pinimg.com/736x/61/66/51/616651992d6f3fba5ddf188f895f8180.jpg"></div></article>

    <article class="card"><div class="text"><s>Yang Jungwon</s></div><div class="img-main"><img src="https://i.pinimg.com/736x/ae/b8/30/aeb830c34faf1eda7555c7b3c047cab3.jpg"></div></article>

    <article class="card"><div class="text">Nishimura Riki</div><div class="img-main"><img src="https://i.pinimg.com/736x/3c/6d/4a/3c6d4a0f4b83f424803287d911aed2ae.jpg"></div></article>

  </section>
</div>
</div>
[/html]