Contact information
.ft-contact {
--bg: #f5efe7;
--surface: #fbf8f3;
--ink: #251b15;
--muted: #766b63;
--accent: #9b5b32;
--gold: #b28a45;
--line: rgba(62, 43, 29, 0.22);
background: var(--bg);
padding: 70px 30px;
}
.ft-contact * {
box-sizing: border-box;
}
.ft-contact__box {
max-width: 1180px;
margin: auto;
padding: 80px 9%;
background: var(--surface);
border: 1px solid rgba(62, 43, 29, 0.08);
box-shadow: 0 18px 50px rgba(45, 29, 17, 0.05);
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: 100px;
}
/* LEFT */
.ft-contact__eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
color: var(--gold);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.ft-contact__eyebrow::before {
content: "";
width: 28px;
height: 1px;
background: var(--gold);
}
.ft-contact h1 {
margin: 0 0 22px;
color: var(--ink);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(42px, 5vw, 68px);
font-weight: 400;
line-height: 1;
letter-spacing: -0.04em;
}
.ft-contact__subtitle {
margin: 0 0 24px;
color: var(--ink);
font-family: Georgia, serif;
font-size: 16px;
}
.ft-contact__description {
max-width: 310px;
color: var(--muted);
font-size: 14px;
line-height: 1.8;
}
.ft-contact__details {
margin-top: 75px;
}
.ft-contact__email {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 26px;
color: var(--ink);
font-size: 14px;
text-decoration: none;
}
.ft-contact__email-icon {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
color: var(--gold);
}
.ft-contact__email-icon svg {
width: 18px;
height: 18px;
}
.ft-contact__socials {
display: flex;
align-items: center;
gap: 10px;
}
.ft-contact__socials a {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--line);
border-radius: 50%;
color: var(--ink);
text-decoration: none;
font-size: 12px;
transition: all 0.25s ease;
}
.ft-contact__socials a:hover {
background: var(--ink);
color: #fff;
border-color: var(--ink);
}
/* RIGHT FORM */
.ft-contact__form {
padding-top: 45px;
}
.ft-contact__form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.ft-contact__field {
margin-bottom: 20px;
}
.ft-contact label {
display: block;
margin-bottom: 8px;
color: var(--ink);
font-size: 10px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ft-contact input,
.ft-contact textarea {
width: 100%;
padding: 14px 15px;
background: transparent;
border: 1px solid var(--line);
border-radius: 0;
outline: none;
color: var(--ink);
font-family: inherit;
font-size: 14px;
transition: border-color 0.2s ease;
}
.ft-contact input {
height: 48px;
}
.ft-contact textarea {
min-height: 135px;
resize: vertical;
}
.ft-contact input:focus,
.ft-contact textarea:focus {
border-color: var(--gold);
}
.ft-contact__button-wrap {
display: flex;
justify-content: flex-end;
margin-top: 8px;
}
.ft-contact button {
min-width: 155px;
padding: 15px 25px;
border: 1px solid var(--accent);
background: var(--accent);
color: #fff;
cursor: pointer;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
transition: all 0.25s ease;
}
.ft-contact button:hover {
background: transparent;
color: var(--accent);
}
.ft-contact__success {
margin-bottom: 22px;
padding: 14px 18px;
border: 1px solid rgba(77, 109, 65, 0.3);
background: rgba(77, 109, 65, 0.08);
color: #45623b;
font-size: 14px;
}
.ft-contact__errors {
margin-bottom: 22px;
padding: 14px 18px;
background: rgba(140, 42, 42, 0.06);
border: 1px solid rgba(140, 42, 42, 0.18);
}
.ft-contact__errors ul {
margin: 0;
padding-left: 18px;
color: #9b3737;
font-size: 13px;
}
/* MOBILE */
@media screen and (max-width: 749px) {
.ft-contact {
padding: 30px 14px;
}
.ft-contact__box {
grid-template-columns: 1fr;
gap: 20px;
padding: 45px 24px 40px;
}
.ft-contact h1 {
font-size: 46px;
}
.ft-contact__details {
margin-top: 45px;
}
.ft-contact__form {
padding-top: 25px;
}
.ft-contact__form-row {
grid-template-columns: 1fr;
gap: 0;
}
.ft-contact__button-wrap {
justify-content: stretch;
}
.ft-contact button {
width: 100%;
}
}
Get in
We'd love to hear from you
Get in
Touch
A conversation can begin with something simple.
Have a question about an order, gifting, or one of our stories? Write to us and our team will be happy to help.
{% form 'contact' %}
{% if form.posted_successfully? %}
Thank you for reaching out. We’ll get back to you soon.
{% endif %}
{% if form.errors %}
{{ form.errors | default_errors }}
{% endif %}
First Name
Last Name
Email
Message
{% endform %}