body{margin:0;background:#1b1916}*{box-sizing:border-box}a{color:inherit}a:hover{color:#d39a6a}button{font:inherit;cursor:pointer}.lnk{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.collage{position:relative;height:980px;max-width:1440px;margin:0 auto}.cl{position:absolute;display:block;object-fit:cover;border-radius:18px;box-shadow:0 18px 44px #00000073}.cl-title{position:absolute;left:23%;top:0;width:32%;text-align:center}.cl-a{left:-1%;top:12%;width:32%;height:44%;transform:rotate(-4deg)}.cl-b{left:52%;top:0;width:17%;height:22%;transform:rotate(-4deg)}.cl-c{right:-1%;top:11%;width:28%;height:34%;transform:rotate(7deg)}.cl-main{position:absolute;left:26%;top:24%;width:46%;height:38%;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px #00000073}.cl-d{left:2%;top:60%;width:20%;height:23%;transform:rotate(3deg)}.cl-e{left:25%;top:68%;width:22%;height:28%;transform:rotate(-2deg)}.cl-f{right:1%;top:52%;width:25%;height:41%;transform:rotate(-4deg)}.dots{display:flex}@media (max-width:820px){.collage{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px}.cl,.cl-main{position:static;transform:none;width:100%;height:180px}.cl-title{position:static;width:auto;grid-column:1/-1;margin-bottom:12px;order:-2}.cl-main{grid-column:1/-1;height:300px;order:-1}.dots{display:none}}