#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
MELBOURNE