* {
        box-sizing: border-box;
}

body {
        margin: 0;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        background: #050505;
        color: #f5f5f5;
}

.site-header {
        padding: 24px 16px;
        text-align: center;
}

.site-header h1 {
        margin: 0;
        font-size: 2.2rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
}

.site-header .tagline {
        margin-top: 8px;
        font-size: 0.95rem;
        opacity: 0.7;
}

.gallery {
        padding: 8px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 8px;
}

.gallery-item {
        margin: 0;
        overflow: hidden;
}

.gallery-item img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease-out;
}

.gallery-item img:hover {
        transform: scale(1.03);
}

.site-footer {
        padding: 24px 16px;
        text-align: center;
        font-size: 0.8rem;
        opacity: 0.5;
}