:root{--ink:#1F2421;--ink-soft:#3A4038;--paper:#F5F2EA;--paper-deep:#ECE7DA;--sage:#5F6E52;--sage-deep:#3A4433;--brass:#B8863B;--line:#DCD6C8;--white:#FFF;--radius:2px}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;line-height:1.6}h1,h2,h3,.display{font-family:'Fraunces',serif;font-weight:500;color:var(--ink)}.mono{font-family:'IBM Plex Mono',monospace;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}.about-hero{padding:100px 0 90px; padding-box,repeating-linear-gradient(0deg,transparent,transparent 39px,var(--line) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--line) 40px); border-bottom: 1px solid #c7c7c7;}.about-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.eyebrow,.section-label{color:var(--brass);display:block;margin-bottom:18px}.about-hero h1{font-size:3.6rem;line-height:1.08;max-width:760px}.about-hero h1 em{color:var(--sage-deep);font-style:italic}.hero-copy{font-size:1.1rem;color:var(--ink-soft);max-width:650px;margin-top:28px}.hero-note{background:var(--white);padding:34px;box-shadow:0 18px 40px -20px rgba(31,36,33,.2)}.hero-note:before,.hero-note:after,.vision-box:before,.vision-box:after{content:'';position:absolute;width:18px;height:18px;border:1.5px solid var(--brass);z-index:2}.bracket{position:relative}.hero-note:before,.vision-box:before{top:-8px;left:-8px;border-right:none;border-bottom:none}.hero-note:after,.vision-box:after{bottom:-8px;right:-8px;border-left:none;border-top:none}.hero-note .mono{color:var(--brass);margin-bottom:12px}.hero-note p{font-family:'Fraunces',serif;font-size:1.35rem;line-height:1.35}.about-story{padding:100px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.story-grid h2,.section-head h2{font-size:2.45rem;line-height:1.15}.story-copy{font-size:1rem;color:var(--ink-soft)}.story-copy p+p{margin-top:18px}.about-points{padding:96px 0;background:var(--paper-deep)}.section-head{margin-bottom:48px}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.about-card{background:var(--white);border:1px solid var(--line);padding:30px 26px;min-height:245px}.card-number{font-family:'IBM Plex Mono',monospace;color:var(--brass);font-size:.72rem}.about-card h3{font-size:1.45rem;margin:38px 0 10px}.about-card p{font-size:.9rem;color:var(--ink-soft)}.about-vision{padding:110px 0}.vision-box{max-width:900px;margin:auto;text-align:center;background:var(--white);border:1px solid var(--line);padding:64px 70px}.vision-box .mono{color:var(--brass)}.vision-box h2{font-size:2.7rem;line-height:1.15;margin:14px auto 16px}.vision-box p{color:var(--ink-soft);max-width:650px;margin:auto}.about-join{padding:72px 0;background:var(--sage-deep);color:var(--paper)}.join-grid{display:flex;align-items:center;justify-content:space-between;gap:40px}.join-grid .mono{color:#D7B77B}.join-grid h2{font-size:2rem;color:var(--paper);margin-top:8px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-size:.9rem;font-weight:600;border-radius:var(--radius)}.btn-primary{background:var(--sage-deep);color:var(--white);border:1px solid var(--sage-deep)}.about-join .btn-primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}@media(max-width:900px){.about-hero{padding:70px 0}.about-hero-grid,.story-grid{grid-template-columns:1fr;gap:45px}.about-hero h1{font-size:2.7rem}.about-grid{grid-template-columns:1fr 1fr}.join-grid{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.wrap{padding:0 20px}.about-hero h1{font-size:2.3rem}.about-grid{grid-template-columns:1fr}.about-story,.about-points,.about-vision{padding:70px 0}.vision-box{padding:40px 24px}.vision-box h2{font-size:2rem}.join-grid h2{font-size:1.7rem}}

.about-hero{
    background-color:#3A4433;
    background-image: url(../images/background-architect-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.about-hero h1, .about-hero em, .about-hero .hero-copy{
    color:var(--paper) !important;
}