/* The agency's opening statement and its people. */
.agency-page .page-intro{text-align:center;padding-top:76px;padding-bottom:100px}
.agency-page .page-intro h1{font-size:clamp(44px,7.6vw,116px);line-height:1.04;letter-spacing:-.05em;max-width:1340px;margin:0 auto 42px;text-wrap:balance}
.agency-page .page-intro h1>span{display:block}
.agency-page .postura-highlight{display:inline-block;background:#7bb5a8;color:#062223;padding:.015em .035em .055em;line-height:1.08;white-space:nowrap}
.agency-page .page-intro .lead{max-width:920px;margin-inline:auto;font-size:clamp(18px,1.5vw,22px);line-height:1.7;text-wrap:pretty}
.agency-page .method-step-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px}
.agency-page .method-icon{display:block;width:36px;height:36px;color:var(--ink);flex:none}
.agency-page .steps h3{margin:26px 0 18px}
.agency-page .directors article{position:relative}
.agency-page .director-number{display:block;margin-bottom:20px}
.agency-page .director-heading{display:flex;align-items:center;gap:24px;margin-bottom:28px}
.agency-page .director-identity{min-width:0}
.agency-page .director-identity>.eyebrow{margin:0}
.agency-page .director-portrait{width:100px;flex:0 0 100px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0;background:var(--surface);isolation:isolate}
.agency-page .director-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.agency-page .director-portrait{-webkit-user-select:none;user-select:none}
.agency-page .director-portrait img{-webkit-user-drag:none;pointer-events:none}
.agency-page .director-portrait--laura img{transform:scale(1.3);transform-origin:50% 15%}
.agency-page .director-portrait--raul img{transform:scale(1.55);transform-origin:32% 10%}
.agency-page .directors h3{font-size:clamp(28px,2.8vw,40px);margin:0 0 12px}
@media(max-width:800px){
 .agency-page .page-intro{padding-top:54px;padding-bottom:72px}
 .agency-page .page-intro h1{font-size:clamp(44px,7.6vw,64px);margin-bottom:32px}
 .agency-page .page-intro .lead{font-size:18px;max-width:640px}
 .agency-page .directors{gap:42px}
 .agency-page .director-heading{gap:16px}
 .agency-page .director-portrait{width:80px;flex-basis:80px}
}
@media(max-width:520px){
 .agency-page .page-intro{padding-top:42px}
 .agency-page .page-intro h1{font-size:clamp(39px,10.4vw,54px);letter-spacing:-.045em;line-height:1.08}
 .agency-page .page-intro .lead{font-size:17px;line-height:1.7}
 .agency-page .steps h3{margin:20px 0 14px}
 .agency-page .director-portrait{width:76px;flex-basis:76px}
 .agency-page .directors h3{font-size:clamp(25px,7vw,32px);margin-bottom:8px}
 .agency-page .director-identity>.eyebrow{font-size:10px;letter-spacing:.08em}
}