/* Layout, spacing & containers */

.wrapper {
    padding: 36px;
}

.logo {
    padding: 30px 36px;
}

.container--outer {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    margin: 30px auto;
}

/* Responsive adjustments */
@media screen and (max-width: 900px) {
    .wrapper,
    .logo {
        padding: 24px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper {
        padding: 20px;
    }
}