:root {
    --heading: "Playfair Display", Georgia, serif;
    --text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1,h2,h3{ font-family: var(--heading); font-weight: 700; }
body{ font-family: var(--text); line-height: 1.6; }

html,body {
    background: no-repeat linear-gradient(135deg, #94908B 0%, #eaeaea 100%);
}
#main > .container {
    padding: 2rem;
}
.logo img {
    width: 100%;
    max-width: 24rem;
}

.guys {
    max-width: 24rem;
    width: 100%;
}

.card {
    background: rgba(255,255,255,.6);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-radius: 10px;
    box-shadow:
            0 30px 60px rgba(0,0,0,.08),
            0 2px 8px rgba(0,0,0,.04),
            inset 0 1px 0 hsla(0,0%,100%,.6);
    border: 1px solid rgba(0,0,0,.06);
    padding: clamp(20px, 4vw, 48px);
}

.mr-de-haviland-regular {
    font-family: "Mr De Haviland", cursive;
    font-weight: 400;
    font-style: normal;
}