@import url(‘https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Karla:wght@400;500&display=swap’);

.rm-gallery{
–rm-bg:#101A1E;
–rm-line:#24383F;
–rm-text:#EFE9DE;
–rm-soft:#8C9FA5;
–rm-brass:#C79A4B;
background:var(–rm-bg);
color:var(–rm-text);
font-family:’Karla’,system-ui,-apple-system,sans-serif;
padding:0 24px;
margin:0 auto;
}
.rm-gallery *{box-sizing:border-box}
.rm-in{max-width:1040px;margin:0 auto}

.rm-top{
text-align:center;
padding:72px 0 56px;
border-bottom:1px solid var(–rm-line);
}
.rm-gallery h1{
font-family:’Cormorant Garamond’,Georgia,serif;
font-weight:300;
font-size:clamp(2.4rem,6.5vw,4rem);
line-height:1.1;
letter-spacing:.01em;
color:var(–rm-text);
margin:0;
padding:0;
}
.rm-rule{
width:52px;
height:1px;
background:var(–rm-brass);
margin:26px auto 0;
}
.rm-sub{
color:var(–rm-soft);
font-size:15px;
line-height:1.6;
max-width:36em;
margin:22px auto 0;
}

.rm-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
gap:44px 32px;
padding:56px 0 24px;
}
.rm-item video{
width:100%;
height:auto;
display:block;
background:#000;
border-radius:3px;
}
.rm-gallery h2{
font-family:’Cormorant Garamond’,Georgia,serif;
font-weight:400;
font-size:1.5rem;
line-height:1.3;
color:var(–rm-text);
margin:16px 0 6px;
padding:0;
}
.rm-desc{
color:var(–rm-soft);
font-size:14.5px;
line-height:1.55;
margin:0;
}

.rm-foot{
border-top:1px solid var(–rm-line);
margin-top:32px;
padding:44px 0 68px;
text-align:center;
color:var(–rm-soft);
font-size:14.5px;
}
.rm-foot a{
color:var(–rm-text) !important;
text-decoration:none !important;
border-bottom:1px solid var(–rm-line);
}
.rm-foot a:hover{border-bottom-color:var(–rm-brass)}

@media (max-width:600px){
.rm-top{padding:52px 0 40px}
.rm-grid{grid-template-columns:1fr;gap:38px;padding:40px 0 16px}
}