.ly-contact-page {
max-width: 900px;
margin: 0 auto;
padding: 56px 24px;
background: #f5f4f0;
color: #533A59;
font-family: inherit;
}
.ly-contact-page h1,
.ly-contact-page h2 {
font-family: "Playfair Display", Georgia, serif;
color: #533A59;
font-weight: 400;
margin: 0;
}
.ly-contact-page h1 {
text-align: center;
font-size: clamp(38px, 5vw, 58px);
line-height: 1.1;
margin-bottom: 18px;
}
.ly-contact-intro {
max-width: 720px;
margin: 0 auto 42px;
text-align: center;
}
.ly-contact-page p {
font-size: 16px;
line-height: 1.75;
margin: 0 0 16px;
color: #533A59;
}
.ly-contact-lead {
font-size: 18px !important;
font-weight: 600;
margin-bottom: 12px !important;
}
.ly-contact-card {
background: #ffffff;
border-radius: 18px;
padding: 34px;
margin: 24px 0;
box-shadow: 0 10px 30px rgba(83, 58, 89, 0.08);
border: 1px solid rgba(83, 58, 89, 0.08);
}
.ly-contact-card h2 {
font-size: 30px;
line-height: 1.2;
margin-bottom: 14px;
}
.ly-contact-details {
margin-top: 22px;
padding: 22px;
background: #f5f4f0;
border-radius: 14px;
}
.ly-contact-details p {
margin-bottom: 10px;
}
.ly-contact-details strong {
color: #533A59;
font-weight: 700;
}
.ly-contact-page a {
color: #533A59;
text-decoration: underline;
text-underline-offset: 4px;
}
.ly-contact-note {
display: inline-block;
margin-top: 10px;
padding: 10px 16px;
background: #f7b2a3;
color: #533A59;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
}
.ly-contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 24px;
}
.ly-contact-small-card {
background: #ffffff;
border-radius: 18px;
padding: 28px;
border: 1px solid rgba(83, 58, 89, 0.08);
}
.ly-contact-small-card h2 {
font-size: 26px;
margin-bottom: 12px;
}
.ly-contact-signoff {
text-align: center;
margin-top: 42px;
font-family: "Playfair Display", Georgia, serif;
font-size: 24px;
color: #533A59;
}
@media screen and (max-width: 749px) {
.ly-contact-page {
padding: 42px 18px;
}
.ly-contact-card,
.ly-contact-small-card {
padding: 24px;
}
.ly-contact-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.ly-contact-page p {
font-size: 15px;
}
}
Contact Us
With love,
Luna & Yara x
