/* ---- 404 COWBOY VERSION ---- */
body {
    background-color: #000000;
    color: #ffffff;
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: hidden;
}

/* Landscape Settings (Top 65-70%) */
.error-bg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vh;
    z-index: 1;
}

.error-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 75%; /* Shifts mountain peaks upward beautifully */
}

.error-bg-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30vh;
    background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

/* Cowboy & Horse Placement (33% Offset) */
.error-character-wrap {
    position: absolute;
    bottom: -15vh; /* Adjusted lower down to ground the horse hooves safely */
    left: 30%;
    transform: translateX(-50%);
    height: 110vh; /* Extra vertical size to maximize the horse profile impact */
    z-index: 10;
}

.error-character-img {
    height: 100%;
    width: auto;
    display: block;
}

/* Stylized Typography Layout */
.error-text-overlay {
    position: absolute;
    bottom: 12vh;
    left: 48%; /* Slightly wider horizontal shift to clear the horse head asset bounds */
    width: 42%;
    z-index: 20;
}

.error-headline {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: clamp(48px, 6vw, 76px);
    font-weight: 800;
    color: #f7e1b5; /* Warm vintage desert gold tone */
    margin: 0 0 10px 0;
    line-height: 0.9;
}

.error-subheading {
    font-family: 'DM Sans', sans-serif;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 500;
    color: #e2dfd9;
    margin: 0 0 20px 0;
}

.error-body {
    font-family: 'DM Sans', sans-serif;
    font-size: clamp(14px, 1.2vw, 16px);
    font-weight: 300;
    line-height: 1.6;
    color: #b0afaa;
    margin: 0 0 30px 0;
}