:root{color-scheme:dark;--yellow:#ffd51f;--red:#ff3f4b;--purple:#4f38bd}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:Arial,"Malgun Gothic",sans-serif}
body{overflow-x:hidden}
.page{width:min(100%,1000px);margin:0 auto;padding:38px 20px 72px}
.intro{text-align:center;margin:0 0 42px}
.intro__line{margin:0 0 20px;font-size:clamp(20px,2.15vw,30px);font-weight:900;line-height:1.35;text-decoration:underline;text-underline-offset:4px;letter-spacing:-.055em}
.intro__line--yellow{color:var(--yellow)}
.intro__line--red{color:var(--red)}
.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 15px;align-items:start}
.card{position:relative;display:block;aspect-ratio:9/13;overflow:hidden;background:#151515;color:#fff;text-decoration:none;isolation:isolate}
.card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease,filter .28s ease}
a.card:hover img{transform:scale(1.035);filter:brightness(.86)}
.card__label{position:absolute;z-index:2;left:50%;bottom:10px;transform:translateX(-50%);min-width:66%;max-width:88%;padding:8px 14px;border-radius:999px;background:#050505e8;color:#725cff;text-align:center;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 0 1px #ffffff2b,0 4px 14px #0008;pointer-events:none}
.empty{min-height:260px;display:grid;place-items:center;border:1px dashed #333;color:#888}
@media(max-width:780px){.page{padding:26px 13px 50px}.intro{margin-bottom:30px}.intro__line{font-size:clamp(16px,4.5vw,22px);margin-bottom:14px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}}
@media(max-width:480px){.page{padding-inline:9px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card__label{font-size:12px;padding:6px 9px}}