/* =========================================================
   DR. FASELI — WEBSITE BACKGROUND
   Keep the original portrait proportions.
   Avoid duplicate background layers.
   ========================================================= */

html {
    background-color: #1a1a1a;
}

body.site {
    background-color: #1a1a1a !important;
    background-image: url('/images/faseli_office4.png') !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;

    /* Fill the available width without distorting the image. */
    background-size: 100% auto !important;

    /* Let the page scroll naturally. */
    background-attachment: scroll !important;
}

body.site .body-wrapper {
    background: transparent !important;
}

/* Mobile: preserve the image without forcing an extreme crop. */
@media (max-width: 768px) {
    body.site {
        background-position: center top !important;
        background-size: auto 100vh !important;
        background-attachment: scroll !important;
    }
}