Project
#abh-proposal-template--19787780882498__section .abh-footer {
position: relative;
overflow: hidden;
border-top: 1px solid rgba(17, 17, 17, 0.18);
background: var(--abh-background);
color: var(--abh-text);
}
#abh-proposal-template--19787780882498__section .abh-footer__banner {
position: relative;
min-height: 310px;
overflow: hidden;
border-bottom: 1px solid rgba(17, 17, 17, 0.18);
}
#abh-proposal-template--19787780882498__section .abh-footer__banner img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
#abh-proposal-template--19787780882498__section .abh-footer__banner-overlay {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
#abh-proposal-template--19787780882498__section .abh-footer__banner-overlay a,
#abh-proposal-template--19787780882498__section .abh-footer__banner-overlay span {
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(28px, 3vw, 48px);
line-height: 1;
text-decoration: underline;
text-underline-offset: 8px;
}
#abh-proposal-template--19787780882498__section .abh-footer__dot {
position: absolute;
z-index: 3;
top: 50%;
right: 32px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #111111;
transform: translateY(-50%);
}
#abh-proposal-template--19787780882498__section .abh-footer__columns {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
gap: 50px;
min-height: 420px;
padding: 34px 24px 80px;
}
#abh-proposal-template--19787780882498__section .abh-footer__studio {
margin: 0 0 18px;
font-size: 17px;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
}
#abh-proposal-template--19787780882498__section .abh-footer__statement {
max-width: 220px;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
line-height: 1.05;
text-transform: uppercase;
}
#abh-proposal-template--19787780882498__section .abh-footer__statement p {
margin: 0;
}
#abh-proposal-template--19787780882498__section .abh-footer__navigation,
#abh-proposal-template--19787780882498__section .abh-footer__socials {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#abh-proposal-template--19787780882498__section .abh-footer__navigation a,
#abh-proposal-template--19787780882498__section .abh-footer__socials a {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(22px, 1.8vw, 31px);
line-height: 1.3;
}
#abh-proposal-template--19787780882498__section .abh-footer__navigation a:first-child {
opacity: 0.42;
}
#abh-proposal-template--19787780882498__section .abh-footer__contact {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#abh-proposal-template--19787780882498__section .abh-footer__email {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(21px, 1.7vw, 29px);
line-height: 1.2;
word-break: break-word;
}
#abh-proposal-template--19787780882498__section .abh-footer__credit {
margin: 10px 0 0;
color: var(--abh-muted);
font-family: "Courier New", Courier, monospace;
font-size: 11px;
line-height: 1.3;
text-transform: uppercase;
}
#abh-proposal-template--19787780882498__section .abh-footer__credit a {
text-decoration: underline;
text-underline-offset: 3px;
}
#abh-proposal-template--19787780882498__section .abh-footer__wordmark {
margin-bottom: -0.18em;
padding: 0 8px;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(110px, 17vw, 340px);
font-weight: 400;
line-height: 0.7;
letter-spacing: -0.08em;
white-space: nowrap;
}
#abh-proposal-template--19787780882498__section .abh-footer a {
position: relative;
}
#abh-proposal-template--19787780882498__section .abh-footer a:hover {
opacity: 0.55;
}
@media screen and (max-width: 900px) {
#abh-proposal-template--19787780882498__section .abh-footer__columns {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 749px) {
#abh-proposal-template--19787780882498__section .abh-footer__banner {
min-height: 230px;
}
#abh-proposal-template--19787780882498__section .abh-footer__dot {
right: 18px;
width: 15px;
height: 15px;
}
#abh-proposal-template--19787780882498__section .abh-footer__columns {
grid-template-columns: 1fr 1fr;
gap: 45px 25px;
min-height: auto;
padding: 30px 18px 70px;
}
#abh-proposal-template--19787780882498__section .abh-footer__identity,
#abh-proposal-template--19787780882498__section .abh-footer__contact {
grid-column: 1 / -1;
}
#abh-proposal-template--19787780882498__section .abh-footer__navigation a,
#abh-proposal-template--19787780882498__section .abh-footer__socials a {
font-size: 22px;
}
#abh-proposal-template--19787780882498__section .abh-footer__wordmark {
font-size: 26vw;
}
}
alabaster heart studio
Brands are more than identities, they are atmospheres, narratives, and sensorial experiences.
Project
Project
Project
Project
Alabaster Heart Studio creates quiet, intentional visual worlds for brands with soul.
Visual Identity
Art Direction
Editorial Storytelling
Photography