html {
    scroll-behavior: smooth;
    scroll-padding-top: 4rem;
}

[id] {
    scroll-margin-top: 4rem;
}

::selection {
    background: rgba(201, 169, 110, 0.2);
    color: #2D3748;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Portrait responsive sizing */
.portrait-wrap img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: top center;
}

/* Spinner animation */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.animate-spin {
    animation: spin 0.8s linear infinite;
}

/* Smooth nav hide */
.nav-hidden {
    transform: translateY(-100%);
}