/* Abdi's 16 typography annotations, isolated 4419 preview only.
   Hill V5 Tonnelier; white #FFFFFF, purple #533AFD, ink #141318.
   Small labels: 17px -> 24px. Two-step headings: about 12-16px larger.
   Four-step headings: about 24-32px larger. Responsive caps prevent clipping. */
.hill-type-purple{color:#533AFD}
#about .about__figs .about__t{font-size:24px;font-weight:700;line-height:1.22;color:#fff;max-width:100%;display:block;margin-top:12px;overflow-wrap:break-word}
#about .about__lead{max-width:none;font-size:clamp(48px,6vw,88px);font-weight:700;line-height:1.04;letter-spacing:-.025em;color:#fff;overflow-wrap:break-word}
.hill-portfolio-intro{background:#141318;color:#fff}
.hill-portfolio-intro__label{color:#B9B9F9}
.hill-portfolio-intro h2{font-size:clamp(44px,5.25vw,78px);font-weight:700;line-height:1.04;color:#fff}
.hill-portfolio-intro__copy p{color:#D0CCD8}
.hill-portfolio-intro__sectors{border-top-color:#ffffff30;color:#fff}
#contact .end__h{font-size:clamp(48px,5.6vw,80px);font-weight:700;max-width:none;line-height:1.04;color:#fff;overflow-wrap:break-word}
.hill-chapter-title{margin:6px 0 0;font-size:clamp(58px,7.4vw,112px);font-weight:700;letter-spacing:-.025em;line-height:1;color:#fff;max-width:100%;overflow-wrap:break-word}
.pw--refined .pw__p{font-size:clamp(44px,6.1vw,88px);font-weight:700;max-width:none;line-height:1.04;overflow-wrap:break-word}
.pw--refined .pw__emphasis{white-space:normal}
.cosw .cos__h{font-size:clamp(42px,5.2vw,76px);font-weight:700;line-height:1.05}
#about .about__vision-heading{font-size:clamp(26px,2.5vw,36px);font-weight:700;line-height:1.18;letter-spacing:-.015em}
@media(max-width:767px){
 #about .about__figs .about__t{font-size:22px;line-height:1.2}
 #about .about__lead{font-size:clamp(42px,10.3vw,64px);line-height:1.05}
 .hill-portfolio-intro h2{font-size:clamp(40px,9.6vw,62px)}
 #contact .end__h{font-size:clamp(44px,10.8vw,64px)}
 .hill-chapter-title{font-size:clamp(52px,11.8vw,82px)}
 .pw--refined .pw__p{font-size:clamp(40px,9.6vw,64px)}
 .cosw .cos__h{font-size:clamp(40px,9.5vw,60px)}
 #about .about__vision-heading{font-size:26px}
}

/* 4419: contact information grid and direct client/company transition. */
#contact .abroad{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:22px;background:#ffffff05;border:1px solid #ffffff24;margin-top:24px}
#contact .abroad h3{font-size:clamp(26px,2.5vw,34px);line-height:1.15;font-weight:600;margin-bottom:12px}
#contact .abroad p{font-size:17px;line-height:1.5;max-width:none;margin-bottom:0}
#contact .abroad__btn{justify-self:start;min-height:48px;font-size:17px;padding:12px 18px}
#contact .abroad p.abroad__time{margin:0;font-size:12px}
#contact .end__of{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:16px;padding:0;border:1px solid #ffffff24;max-width:none}
#contact .end__of>div{padding:18px;min-width:0;border-bottom:1px solid #ffffff18}
#contact .end__of>div:nth-child(odd){border-right:1px solid #ffffff18}
#contact .end__of>div:nth-last-child(-n+2){border-bottom:0}
#contact .end__of .end__ad{grid-column:auto}
#contact .end__of .end__lb{color:#B9B9F9;margin-bottom:10px}
#contact .end__of b,#contact .end__of a{font-size:17px;line-height:1.4}
#contact .end__of a.end__map{font-size:11px}
.pw.pw--refined{padding-bottom:0}
@media(max-width:767px){#contact .abroad{padding:18px;gap:12px}#contact .abroad h3{font-size:27px}#contact .abroad__btn{width:100%;box-sizing:border-box}#contact .end__of>div{padding:14px}#contact .end__of b,#contact .end__of a{font-size:16px}#contact .end__of a.end__map{font-size:10px}}

/* 4419: two-line desktop About title and centered client headline. */
@media(min-width:768px){#about .about__lead{font-size:clamp(30px,4.4vw,66px);line-height:1.08}}
.pw--refined .pw__p{text-align:center;margin-left:auto;margin-right:auto}

/* Explicit browser annotations: centered About and logo-purple markers. */
#about .about__lead{text-align:center}
#about .about__vals .about__n,#about .about__how .about__n,#about .about__year--today{color:#533AFD}