@font-face {
    font-family: 'Lumanosimo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Lumanosimo-Regular.ttf');
}

/* Attach title properties straight to the layout semantic heading tag */
.about-title {
    font-family: 'Lumanosimo', sans-serif;
    font-size: 20pt;
    font-weight: bold;
    line-height: 1.5;
    color: #000000;
    margin: 0; /* Let flex-gap handle row spacing parameters */
}

/* Targets clean paragraph text elements sequentially */
.about-text {
    font-family: 'Lumanosimo', sans-serif;
    font-size: 16pt;
    line-height: 1.5;
    color: #000000;
    margin: 0; /* Clears default browser heights to let the common layout-container gap manage the margins */
}

/* Custom modifier layout for the final sign-off line */
.about-text.signature {
    margin-top: 20px; /* Gives the signature line extra breathing space above 'The Chair' */
    font-weight: bold;
}
/* ==========================================================================
   We are overriding Layout Container for About pages
   ========================================================================== */
.layout-container {
    width: 100%;
    max-width: 900px;         /* Sharp text-readability width layout restriction */
    margin: 40px auto;        /* Perfectly centers the container with clean top/bottom breathing space */
    padding: 0 25px;          /* Prevents text from smashing against screen edges on mobile devices */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;                /* Consistent layout separation between headings and paragraphs */
}


/* Structural cleanup for responsive viewports */
@media (max-width: 767px) {
    .layout-container {
        margin: 20px auto;    
        padding: 0 12px;      /* CHANGED: Reclaims precious horizontal pixels so text spreads out */
        width: 100%;
        box-sizing: border-box;
    }
}