/* --- Global Styles --- */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #F8F8F8; /* Light background */
    font-family: 'Montserrat', sans-serif; /* Clean font similar to 'Registered Office' text */
    color: #333;
    display: flex;
    flex-direction: column;
}

/* --- Border & Container --- */
.outer-border {
    border: 2px solid #D4AF37; /* Gold color */
    margin: 20px;
    padding: 20px;
    flex: 1; /* Allow to expand */
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 10;
    background-color: rgba(248, 248, 248, 0.9); /* Slight opacity for background overlay */
}

/* --- Header --- */
header {
    width: 100%;
    text-align: center;
}

.crafting-tag {
    font-family: 'Cinzel', serif; /* Or similar stylish serif/calligraphy */
    color: #D4AF37; /* Gold */
    font-size: 1.1rem;
    letter-spacing: 1px;
}

/* --- Main Content --- */
.main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 700px; /* Constraints width for readability */
    margin-top: 20px;
}

.main-logo {
    width: 150px; /* Adjust size as needed */
    height: auto;
    margin-bottom: 20px;
}

/* --- Headings --- */
.company-name {
    font-family: 'Cinzel', serif; /* Seris/Calligraphy style */
    color: #333;
    font-size: 2.2rem;
    font-weight: 400;
    margin: 0;
}

.tagline {
    font-size: 1.2rem;
    font-weight: 300;
    margin: 5px 0;
}

.website-url {
    font-family: 'Cinzel', serif;
    color: #333;
    font-size: 1.1rem;
    margin-top: 0;
    margin-bottom: 20px;
}

/* --- Creative Description --- */
.coming-soon-block {
    margin-bottom: 30px;
    line-height: 1.6;
    font-size: 1rem;
}

/* --- Contact Section --- */
.contact-info {
    font-size: 0.9rem;
    color: #555;
    line-height: 1.5;
}

.contact-info h3 {
    margin-bottom: 5px;
    font-weight: 700;
    color: #333;
}

.contact-info p {
    margin: 3px 0;
}

.contact-methods {
    margin-top: 15px;
}

.contact-methods a {
    color: #333;
    text-decoration: none;
    font-weight: 700;
}

.contact-methods a:hover {
    color: #D4AF37;
}

/* --- Footer Mountain Area --- */
.footer-mountains {
    background-image: url('footer-mountain.png'); 
    background-repeat: no-repeat;
    background-position: center bottom;
    
    /* The key changes are here: */
    background-size: 100%;
    width: 100%;
    left: 0; /* Ensures it starts flush against the left edge */
    
    height: 100vh; /* You can increase this if the mountains look too cropped */
    position: fixed;
    bottom: 0;
    z-index: 1; 
}