/* Halden Branwyn North - Stylesheet */

:root {
    --bg-color: #fdf8f2;
    --logo-size: 450px;
    --anim-duration: 2.5s;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-color);
    background-image: 
        radial-gradient(circle at center, rgba(255, 255, 255, 0.45) 0%, transparent 70%),
        linear-gradient(to bottom, #fdf8f2, #f9f1e8);
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.placeholder-container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 2rem;
}

#main-logo {
    width: var(--logo-size);
    height: auto;
    object-fit: contain;
    will-change: transform, opacity, filter;
    transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); /* Bounce effect for interactivity */
}

#main-logo:hover {
    transform: scale(1.05); /* Subtle hover micro-animation */
}

.animate-entrance {
    animation: fadeInGrow var(--anim-duration) cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes fadeInGrow {
    0% {
        opacity: 0;
        transform: scale(0.5) translateY(30px);
        filter: blur(12px) brightness(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0) brightness(1);
    }
}

/* Responsive adjustments */

@media (max-width: 600px) {
    :root {
        --logo-size: 300px;
    }
}

@media (max-width: 400px) {
    :root {
        --logo-size: 240px;
    }
}