/* Gemeinsame Utility-Klassen, die in den Stitch-HTMLs mehrfach inline verwendet wurden. */

html, body { height: 100%; }

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.bg-gold-gradient {
    background: linear-gradient(45deg, #775a19, #c5a059);
}

.glass-header {
    backdrop-filter: blur(20px);
    background: rgba(252, 249, 248, 0.7);
}

/* Signature Quote – Portfolio-Seite */
.signature-quote-box {
    position: relative;
}
.signature-quote-box::before {
    content: "";
    position: absolute;
    left: -2rem;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #775a19;
}

.scroll-mt-32 { scroll-margin-top: 8rem; }