/* About uses the same type, spacing and neutral / forest palette as the homepage. */
.about-design{background:#f6f5f2;color:#14271e;font-family:var(--font-inter),Inter,Arial,sans-serif}
.about-design *{box-sizing:border-box}
.about-design .wrap{width:100%;max-width:1440px;margin:0 auto;padding-left:clamp(24px,6vw,80px);padding-right:clamp(24px,6vw,80px)}
.about-design .people-intro{padding-top:96px;padding-bottom:64px}
.about-design .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.16em;font-weight:500;color:#6c706b;margin:0 0 26px}
.about-design h1{font-size:clamp(42px,6vw,88px);font-weight:300;line-height:1.08;letter-spacing:-.05em;margin:0}
.about-design h1 em,.about-design h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.about-design h2{font-size:clamp(28px,3.2vw,44px);font-weight:400;line-height:1.18;letter-spacing:-.035em;margin:0}
.about-design .team-section{padding-top:16px;padding-bottom:88px}
.about-design .section-top{margin-bottom:32px}
.about-design .leaders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-design .person{min-width:0}
.about-design .leaders .person{background:#fff;border:1px solid #dedfd9;border-radius:18px;padding:32px 24px}
.about-design .portrait{display:block;overflow:hidden;background:#e9e9e5;border-radius:50%;flex-shrink:0}
.about-design .portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1);transition:filter .25s}
.about-design .portrait:hover img{filter:grayscale(0)}
.about-design .leaders .portrait{width:180px;height:180px;margin:0 auto 28px}
.about-design .leaders .portrait img{filter:none}
.about-design .leaders .portrait img[alt="Eliron Amir"]{filter:grayscale(1)}
.about-design .leaders .person-info{text-align:center;border-top:1px solid #dedfd9;padding-top:24px}
.about-design .person-role{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6c706b;line-height:1.5;margin:0 0 8px}
.about-design .person h3{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.025em;margin:0 0 10px}
.about-design .person h3 a{color:inherit;text-decoration:none}
.about-design .person h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.about-design .person-sub{font-size:14px;line-height:1.6;color:#6c706b;margin:0}
.about-design .leaders .person-sub{max-width:280px;margin:auto}
.about-design .advisor-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding-top:64px;padding-bottom:88px;border-top:1px solid #dedfd9}
.about-design .advisors{display:grid;grid-template-columns:1fr}
.about-design .advisors .person{display:flex;align-items:center;gap:24px;border-bottom:1px solid #dedfd9;padding:24px 0}
.about-design .advisors .person:first-child{padding-top:0}
.about-design .advisors .portrait{width:88px;height:88px}
.about-design .advisors h3{font-size:20px;margin-bottom:6px}
.about-design .portrait-initials{display:grid;place-items:center;width:100%;height:100%;font-size:24px}
.about-design a:focus-visible{outline:2px solid #14271e;outline-offset:5px}
@media(max-width:800px){.about-design .people-intro{padding-top:64px;padding-bottom:48px}.about-design .leaders{gap:16px}.about-design .leaders .person{padding:24px 16px}.about-design .leaders .portrait{width:140px;height:140px}.about-design .person h3{font-size:20px}.about-design .advisor-section{grid-template-columns:1fr;gap:36px;padding-top:48px;padding-bottom:56px}.about-design .team-section{padding-bottom:56px}}
@media(max-width:600px){.about-design .leaders{grid-template-columns:1fr;gap:20px}.about-design .leaders .portrait{width:180px;height:180px}.about-design .people-intro{padding-top:48px}.about-design .eyebrow{font-size:10px}.about-design .advisors .person{gap:18px}.about-design .advisors .portrait{width:72px;height:72px}.about-design .advisors h3{font-size:19px}.about-design .person-sub{font-size:13px}}
@media(prefers-reduced-motion:reduce){.about-design .portrait img{transition:none}}