.about-page {
    --about-gold: #d7ab63;
    --about-gold-light: #f1d59a;
    --about-line: rgba(209, 168, 99, .3);
    min-height: 80vh;
    color: #f5ead3;
    font-family: Georgia, 'Times New Roman', serif;
    background: radial-gradient(circle at 85% 12%, rgba(159, 94, 45, .13), transparent 32rem), #151515;
}
.about-shell { width: min(calc(100% - 2rem), 92rem); margin-inline: auto; }
.about-hero {
    position: relative;
    overflow: hidden;
    padding-block: clamp(3.5rem, 7vw, 7rem);
    border-bottom: 1px solid var(--about-line);
    background: linear-gradient(100deg, rgba(10, 12, 14, .96), rgba(31, 24, 18, .82) 62%, rgba(14, 14, 14, .78)), url('../images/map_good.jpg') center 43% / cover;
}
.about-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 23rem); gap: clamp(2rem, 5vw, 6rem); align-items: end; }
.about-eyebrow { margin: 0 0 .8rem; color: var(--about-gold-light); font: 700 .75rem ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .19em; text-transform: uppercase; }
.about-hero h1 { max-width: 15ch; margin: 0; color: #fff1ce; font: 400 clamp(2.8rem, 6vw, 5.8rem)/.97 'MyCustomFont', Georgia, serif; text-wrap: balance; text-shadow: 0 3px 23px #000; }
.about-intro { max-width: 49rem; margin: 1.4rem 0 0; color: #e0d2bc; font-size: clamp(1rem, 1.75vw, 1.2rem); line-height: 1.65; }
.about-founder { display: flex; min-width: 0; align-items: center; gap: 1.25rem; padding: 1.5rem; border: 1px solid rgba(238, 205, 148, .43); border-radius: .3rem; background: rgba(13, 13, 13, .72); box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .2), 0 15px 35px rgba(0, 0, 0, .25); }
.about-founder-mark { display: grid; width: 4.5rem; height: 4.5rem; flex: 0 0 auto; place-items: center; border: 1px solid var(--about-gold); border-radius: 50%; color: var(--about-gold-light); font: 400 1.25rem 'MyCustomFont', Georgia, serif; }
.about-founder p { margin: 0 0 .2rem; color: #c8b89e; font-size: .85rem; }
.about-founder strong { color: #f4d8a4; font: 400 2rem 'MyCustomFont', Georgia, serif; overflow-wrap: anywhere; }
.about-content { padding-block: clamp(2.5rem, 5vw, 5rem) 5rem; }
.about-section + .about-section { margin-top: clamp(3rem, 6vw, 5.5rem); }
.about-section-heading { display: flex; align-items: baseline; gap: .9rem; margin-bottom: 1.4rem; padding-bottom: .8rem; border-bottom: 1px solid var(--about-line); }
.about-section-number { color: var(--about-gold); font: 700 .75rem ui-monospace, monospace; letter-spacing: .14em; }
.about-section-heading h2 { margin: 0; color: #f5dfb4; font: 400 clamp(2rem, 3.5vw, 3.1rem)/1.1 'MyCustomFont', Georgia, serif; }
.about-card-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }
.about-card { min-width: 0; padding: clamp(1.25rem, 2vw, 2rem); border: 1px solid var(--about-line); border-radius: .35rem; background: linear-gradient(145deg, #29221c, #1b1b1a 75%); box-shadow: 0 12px 24px rgba(0, 0, 0, .15); }
.about-card-grid > .about-card { grid-column: span 5; }
.about-card-grid > .about-card-lead, .about-card-grid > .about-card-wide { grid-column: span 7; }
.about-card h3 { margin: 0 0 1.1rem; color: #f1d59a; font: 400 clamp(1.55rem, 2.1vw, 2.15rem)/1.2 'MyCustomFont', Georgia, serif; overflow-wrap: anywhere; }
.about-name-list, .about-text-list { margin: 0; padding: 0; list-style: none; }
.about-name-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.about-name-list li { max-width: 100%; padding: .42rem .7rem; border: 1px solid rgba(215, 171, 99, .22); border-radius: .2rem; color: #eadcc6; background: rgba(0, 0, 0, .22); font-size: .92rem; overflow-wrap: anywhere; }
.about-contribution-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.about-card-index { display: block; margin-bottom: 1.1rem; color: var(--about-gold); font: 700 .75rem ui-monospace, monospace; letter-spacing: .15em; }
.about-contribution p { margin: 0; color: #d1c1aa; font-size: 1rem; line-height: 1.65; overflow-wrap: anywhere; }
.about-acknowledgments-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 1rem; align-items: start; }
.about-text-list { display: grid; gap: .7rem; }
.about-text-list li { padding-left: 1rem; border-left: 2px solid rgba(215, 171, 99, .5); color: #d6c8b3; font-size: .97rem; line-height: 1.5; overflow-wrap: anywhere; }
.about-support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.about-final-thanks { display: flex; align-items: flex-start; gap: 1rem; margin: 1rem 0 0; padding: clamp(1.3rem, 3vw, 2.2rem); border: 1px solid rgba(215, 171, 99, .43); border-radius: .3rem; color: #f1dfc1; background: linear-gradient(120deg, rgba(94, 62, 32, .36), rgba(21, 21, 20, .95)); }
.about-final-thanks > span { color: var(--about-gold-light); font-size: 1.8rem; line-height: 1; }
.about-final-thanks p { margin: 0; font-size: clamp(1rem, 1.6vw, 1.2rem); line-height: 1.6; }
@media (max-width: 900px) { .about-hero-grid { grid-template-columns: 1fr; } .about-founder { max-width: 25rem; } .about-contribution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .about-acknowledgments-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .about-hero { background-image: linear-gradient(90deg, rgba(10, 12, 14, .93), rgba(20, 18, 16, .82)), url('../images/map_good.jpg'); } .about-card-grid, .about-contribution-grid, .about-support-grid { grid-template-columns: 1fr; } .about-card-grid > .about-card, .about-card-grid > .about-card-lead, .about-card-grid > .about-card-wide { grid-column: auto; } .about-founder { width: 100%; } .about-section-heading { gap: .65rem; } }