/* =============================================
   builds.css — builds page styles
   ============================================= */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Geist+Mono:wght@300;400&display=swap');

header {
        justify-content: flex-end;
}

.builds-hero {
    padding: 100px 0 40px;
    animation: fadeUp 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.builds-label {
    font-family: 'Geist Mono', monospace;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
    margin-bottom: 16px;
}

.builds-title {
    font-family: 'EB Garamond', Georgia, serif;
    font-size: clamp(48px, 8vw, 90px);
    font-weight: 400;
    color: white;
    line-height: 1;
    letter-spacing: -0.01em;
}

.builds-footer {
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.builds-footer p {
    font-family: 'Geist Mono', monospace;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.15em;
    color: rgba(255, 255, 255, 0.15);
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (max-width: 768px) {
    .builds-hero {
        padding: 60px 24px 30px;
    }

    .builds-footer {
        padding: 40px 24px;
    }


    header {
        justify-content: center;
    }

    

    .builds-hero .container,
.builds-title {
    text-align: center;
}
}