/* LOVE RULES — Cami Fluid palette applied */
.lr-wrap {
max-width: 1000px;
margin: 0 auto;
padding: 60px 20px;
}
/* HERO */
.lr-hero {
position: relative;
min-height: 65vh;
display: grid;
place-items: center;
overflow: hidden;
}
.lr-hero__bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transform: scale(1.05);
}
.lr-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0.45), rgba(0,0,0,0.25));
}
.lr-hero__inner {
position: relative;
text-align: center;
color: #fff;
padding: 56px 20px;
}
.lr-title {
margin: 0 0 12px;
font-size: clamp(36px, 7vw, 72px);
font-weight: 600;
line-height: 1.1;
color: #fff;
}
.lr-subtitle {
margin: 0 0 12px;
font-size: clamp(18px, 3vw, 24px);
opacity: 0.9;
}
.lr-meta {
margin: 0 0 24px;
font-size: clamp(14px, 2.2vw, 18px);
opacity: 0.85;
}
.lr-cta {
display: inline-block;
padding: 14px 22px;
border-radius: 999px;
background: #E94235; /* Bright red */
color: #fff;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.lr-cta:hover {
background: #4B1E1A; /* Deep brown */
}
/* BODY */
.lr-about {
background: #F5E5E3; /* Blush */
}
.lr-about p {
font-size: 18px;
line-height: 1.7;
max-width: 75ch;
color: #000; /* Black for contrast */
}
/* Credits / list sections */
.lr-credits {
background: #fff;
}
.lr-list {
padding-left: 1.2em;
margin: 0;
color: #4B1E1A; /* Deep brown */
}
.lr-list li {
margin: 8px 0;
}
/* Gallery */
.lr-gallery .lr-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.lr-card {
overflow: hidden;
border-radius: 12px;
border: 2px solid #E94235; /* Red accent border */
}
.lr-card img {
width: 100%;
height: auto;
display: block;
}
/* Responsive */
@media (max-width: 900px) {
.lr-gallery .lr-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.lr-gallery .lr-grid { grid-template-columns: 1fr; }
.lr-hero { min-height: 50vh; }
}