:root {
    --ink: #203b4a;
    --muted: #2f3a3;
    --paper: #fffaf3;
    --card: #ffffff;
    --accent: #2f7568;
    --accent-dark: #24594f;
    --line: #e7ddd2;
    --soft: #f2eee5;
    --shadow: 0 12px 30px rgba(45, 55, 48, .08);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { min-width: 320px; scroll-behavior: smooth; }
body {
    min-width: 320px;
    background: var(--paper);
    color: var(--ink);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.7;
    overflow-x: hidden;
}
img { display: block; max-width: 100%; }
.container { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
/* Top menu: see css/header.css */


.eyebrow { margin-bottom: 9px; color: #9a684f; font-size: 16px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; line-height: 1.2; font-weight: 700; }
h1 { font-size: clamp(32px, 4vw, 50px); }
h2 { font-size: clamp(26px, 2.7vw, 38px); margin-bottom: 22px; }
h3 { font-size: clamp(22px, 2vw, 29px); margin-bottom: 14px; }
.section-space { padding-block: clamp(18px, 5vw, 28px); background: #fff}

.story-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); align-items: center; gap: clamp(30px, 5vw, 72px); }
.story-content { min-width: 0; }
.story-content p, .founder-content p { color: var(--muted); font-size: clamp(16px, 1.05vw, 16px); line-height: 1.75; margin-bottom: 15px; }
.story-content h2 { max-width: 700px; }
.story-visual { width: 95%; max-width: 600px; justify-self: end; }
.story-visual img { width: 100%; height: auto; border-radius: 18px; box-shadow: var(--shadow); }

.founders { background: #f5eee5; }
.section-heading { max-width: 90%; margin-bottom: 30px; }
.founders-grid { display: grid; grid-template-columns: 1fr; gap: clamp(22px, 3vw, 34px); align-items: start; }
.founder-card {
    display: grid;
    grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
    align-items: stretch;
    gap: clamp(22px, 3vw, 34px);
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: clamp(18px, 2.5vw, 28px);
    overflow: hidden;
    box-shadow: var(--shadow);
}
.founder-image-wrap {
    width: 100%;
    aspect-ratio: 4 / 5;
    min-height: 250px;
    overflow: hidden;
    border-radius: 10px;
    background: #e9ded2;
}
.founder-image-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
.founder-content { min-width: 0; padding: 0; }
.founder-role { color: var(--accent-dark) !important; font-weight: 700; font-size: 14px !important; margin-bottom: 8px !important; }

@media (max-width: 900px) {
    .story-layout { grid-template-columns: 1fr; }
    .story-visual { max-width: 50%; justify-self: center; }
}

@media (max-width: 700px) {
    .container { width: min(100% - 32px, 620px); }
    .founders-grid { grid-template-columns: 1fr; }
    .founder-card { grid-template-columns: minmax(180px, 230px) minmax(0, 1fr); }
}

@media (max-width: 480px) {
    .container { width: calc(100% - 28px); }
    .story-content p, .founder-content p { font-size: 14px; }
    .founder-card { grid-template-columns: 1fr; gap: 18px; }
    .founder-image-wrap { max-width: 260px; min-height: 0; aspect-ratio: 4 / 5; margin-inline: auto; }
}

/* Final founder layout adjustments */
.founders-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: clamp(22px, 3vw, 34px);
}

.founder-card {
    grid-template-columns: minmax(200px, 230px) minmax(0, 1fr);
    align-items: start;
    min-width: 0;
    height: 100%;
}

.founder-image-wrap {
    width: 100%;
    height: 310px;
    min-height: 310px;
    aspect-ratio: auto;
}

.founder-content p {
    font-size: clamp(14px, 1.05vw, 16px);
    line-height: 1.72;
}

@media (max-width: 900px) {
    .founders-grid {
        grid-template-columns: 1fr;
    }

    .founder-card {
        grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .founder-card {
        grid-template-columns: 1fr;
    }

    .founder-image-wrap {
        width: min(100%, 260px);
        height: 300px;
        min-height: 300px;
        margin-inline: auto;
    }
}

/* Founder profiles: stacked vertically on desktop and mobile */
.founders-grid {
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: stretch;
}

.founder-card {
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    gap: clamp(26px, 4vw, 52px);
    align-items: center;
}

.founder-image-wrap {
    max-width: 300px;
    justify-self: center;
}

@media (max-width: 700px) {
    .founders-grid {
        grid-template-columns: 1fr;
    }

    .founder-card {
        grid-template-columns: 1fr;
    }

    .founder-image-wrap {
        max-width: 300px;
        width: 100%;
    }
}