/* ===== Reset & Base Styles ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

 

body {
    font-family: "Georgia", serif;
    line-height: 1.7;
    background-color: #e9dfd2; /* soft sand */
   /* background-color: #f5f1eb; /* warm off-white */
    color: #2e2a26; /* deep warm charcoal */
    padding: 0 20px;
}

h1 .subtitle {
    display: block;
    font-size: 1.5rem; /* smaller than the main h1 */
    font-weight: normal; /* optional, so it’s less bold */
}

a {
    color: inherit;
    text-decoration: none;
}

/* ===== Layout ===== */
main {
    max-width: 900px;
    margin: 0 auto;
    padding: 5px 0;
}




/* ===== Header ===== */
header {
    position: relative;
    text-align: center;
    padding: 25px 0 10px;
}


 




header h1 {
    font-size: 2.8rem;
    letter-spacing: 1px;
    font-weight: normal;
}

/* ===== Headings ===== */
h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    border-left: 3px solid #a67c52; /* wood-inspired accent */
    padding-left: 12px;
}

/* ===== Paragraphs ===== */
p {
    margin-bottom: 18px;
    font-size: 1.05rem;
}

/* ===== Strong Text ===== */
strong {
    color: #5a3e2b; /* darker wood tone */
}

/* ===== List Styling ===== */
ul {
    list-style: none;
    padding-left: 0;
}

ul li {
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
}

ul li::before {
    content: "•";
    color: #a67c52;
    position: absolute;
    left: 0;
}

/* ===== Footer ===== */
footer {
    text-align: center;
    padding: 40px 0;
    font-size: 0.9rem;
    border-top: 1px solid #ddd;
    color: #777;
}

/* ===== Subtle Section Divider ===== */
section {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e4ded7;
}



 

 

/* ===== Founder Intro square ===== */
#founder-intro {
    text-align: center;
    margin-bottom: 60px;
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}
#founder-intro img {
    width: 80%;
    max-width: 400px;
    height: auto;
    display: block;
    margin: 0 auto 25px;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

/*#founder-intro img {
    width: 80vw;
    max-width: 80vw;
    margin-bottom: 25px;
    border-radius: 0;
    padding: 0;
    background-color: none;
    box-shadow: none;
}*/

 

/* Remove left accent for centered intro heading */
.no-accent {
    border-left: none;
    padding-left: 0;
}

.language-toggle {
    position: absolute;
    top: 15px;
    right: 20px;

    display: inline-block;

    font-family: Georgia, serif;
    text-decoration: none;

    color: #2e2a26;
    font-weight: normal;

    border: 1px solid #a67c52;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;

    transition: all 0.2s ease;
    font-size: 0.95rem;
}

/* kill default link styles properly */
.language-toggle:link,
.language-toggle:visited {
    color: #2e2a26;
    text-decoration: none;
}

.language-toggle:hover {
    background-color: #a67c52;
    color: #fff;
}

a:link,
a:visited {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: none;
}