/* Original art-directed sample story planes: deliberately fictional illustrated portraits */
.people{background:#ddeadb;padding:125px max(25px,5vw);overflow:hidden}
.people-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:65px}
.people-heading>div{flex:1}
.people h2{font-size:clamp(62px,7.5vw,120px);letter-spacing:-.09em;font-weight:840;line-height:.97;margin:25px 0 0}
.people h2 em{font-family:Georgia,serif;font-weight:400;color:#5d35b8}
.people-heading>p{max-width:350px;font-size:16px;line-height:1.65;color:#637567;margin:0}
.people-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:32px;padding:40px 15px 65px;position:relative}
.person-card{min-width:0;background:#f2f7eb;border:1px solid #344139;border-radius:9px;box-shadow:10px 14px 0 #455b4a39;overflow:hidden;position:relative}
.person-card-one{transform:rotate(-5deg);z-index:2}.person-card-two{transform:rotate(6deg);z-index:1;margin-top:38px}.person-card-three{transform:rotate(-4deg);z-index:3;margin-top:16px}
.person-card>img{height:330px;width:100%;object-fit:cover;display:block;background:#c9d4c5}
.person-copy{padding:25px 22px 29px;min-height:250px;display:flex;flex-direction:column;align-items:start}
.person-copy>span{font:700 11px "Courier New",monospace;color:#507357}
.person-copy blockquote{margin:22px 0 17px;font-size:clamp(19px,2vw,29px);line-height:1.2;font-weight:740;letter-spacing:-.05em;flex:1}
.person-copy small{font:700 9px "Courier New",monospace;color:#778a79;line-height:1.4}
.people-annotation{position:absolute;z-index:5;background:#f9eeaa;padding:20px 22px;left:28%;top:-2%;transform:rotate(8deg);border:1px solid #654d40;border-radius:6px;box-shadow:6px 8px 0 #7b695a55;display:flex;align-items:flex-end;gap:25px;pointer-events:none}
.people-annotation span{font-size:22px;line-height:1.05;font-weight:800;letter-spacing:-.065em}.people-annotation b{font-size:41px;line-height:1}
.people-note{border-top:1px solid #94a694;display:flex;justify-content:space-between;gap:45px;padding-top:24px}
.people-note>span{font:700 10px "Courier New",monospace;color:#4d6c56;white-space:nowrap}
.people-note p{max-width:600px;font-size:12px;line-height:1.65;color:#6c7a6d;margin:0}
.hero-phone,.hero-card-yellow,.hero-sticker{translate:var(--pointer-shift,0 0);transition:translate .18s ease-out}
@media(max-width:1000px){
.people-heading{display:block}.people-heading>p{margin-top:23px;max-width:600px}
.people-collage{gap:17px;padding-top:38px}
.person-card>img{height:270px}.person-copy{padding:18px 15px;min-height:240px}
.people-annotation{left:24%}.people-annotation span{font-size:17px}
}
@media(max-width:700px){
.people{padding:85px 20px}
.people h2{font-size:clamp(45px,11vw,70px)}
.people-heading{margin-bottom:30px}.people-heading>p{font-size:13px}
.people-collage{display:flex;flex-direction:column;align-items:center;gap:26px;padding:45px 12px 35px}
.person-card{width:min(100%,420px)}.person-card-one{transform:rotate(-4deg)}.person-card-two{transform:rotate(3deg);margin-top:0}.person-card-three{transform:rotate(-3deg);margin-top:0}
.person-card>img{height:310px}.person-copy{min-height:170px}.person-copy blockquote{font-size:23px}
.people-annotation{left:auto;right:1%;top:0;transform:rotate(7deg);padding:10px}
.people-annotation span{font-size:13px}.people-annotation b{font-size:23px}
.people-note{display:block}.people-note p{margin-top:12px}
}

@media(max-width:360px){.close h2{font-size:45px}.hero h1{font-size:44px}.hero-phone{right:8%;width:52%}.hero-ticker{right:8%;overflow:hidden}.hero-card-yellow{left:6%}}