/* ======================================================== */
/* ARTOBER 2026 — SIMPLIFIED JAPANESE OVERRIDES              */
/* ======================================================== */

:root {
    /* Explicitly mapping the fonts to ensure Noto Sans JP takes over your headers */
    --font-header: 'Noto Sans JP', sans-serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;
}

/* --- CLEAN, HIGH-IMPACT TYPOGRAPHY --- */
h1, h2, h3, h4 {
    font-family: var(--font-header);
    font-weight: 900 !important;
    line-height: 1.2 !important; 
    letter-spacing: -0.01em !important;
    text-transform: none !important;
}

/* Main Hero Title */
.hero h1 {
    font-size: 5.5rem;
    margin-bottom: 1.5rem;
}

/* Feature Block Split Headers */
.media-feature-text h2 {
    font-size: 3.0rem;
    margin-bottom: 0.8rem;
}

/* --- HISTORY LEAD TEXT ADJUSTMENT --- */
.history-lead {
    font-size: 1.32rem !important; /* Adjust this value up or down as you see fit */
    line-height: 1.5;
    max-width: 800px; /* Keeps the reading line length comfortable */
    margin-left: auto;
    margin-right: auto;
}

/* Rest of your responsive scaling code... */
@media (max-width: 991px) {
    .media-feature-text,
    .media-feature-display {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* --- PREVENT FORM HEADER FROM WRAPPING --- */
.form-block-inner .form-header h2 {
    font-size: 3.6rem !important; /* Pulls the size down just enough to sit comfortably on one line */
    white-space: nowrap;          /* Hard-locks the text so it absolutely cannot wrap */
}

/* Ensure it drops back to normal wrapping on mobile screens so it doesn't clip off the edges */
@media (max-width: 768px) {
    .form-block-inner .form-header h2 {
        font-size: 2.4rem !important;
        white-space: normal;
    }
}

/* Mobile responsive sizing for the main title */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 2.1rem; /* Scales down smoothly for phone screens */
        margin-bottom: 1rem;
    }
    .hero-eyebrow {
    font-size: 1.7rem;
    }
    /* Scales down the giant section intro titles nicely on mobile devices */
    .history-intro h2,
    .highlights-intro h2 {
        font-size: 2.2rem !important; /* Prevents text from breaking or looking massive */
        line-height: 1.3 !important;
        margin-bottom: 1rem;
    }
}

/* Hide the line break by default on desktop screens */
.mobile-only-break {
    display: none;
}

/* Activate the line break on mobile screens */
@media (max-width: 768px) {
    .mobile-only-break {
        display: inline;
    }
}