.walker-highlighted-team-member,
.walker-highlighted-team-member *{
box-sizing:border-box;
}
.walker-highlighted-team-member{
width:100%;
max-width:var(--whtm-max-width,920px);
position:relative;
color:#25353d;
font-family:inherit;
container-type:inline-size;
}
.walker-highlighted-team-member.whtm--container-left{
margin-left:0;
margin-right:auto;
}
.walker-highlighted-team-member.whtm--container-center{
margin-left:auto;
margin-right:auto;
}
.walker-highlighted-team-member.whtm--container-right{
margin-left:auto;
margin-right:0;
}
.walker-highlighted-team-member .whtm-card{
position:relative;
isolation:isolate;
overflow:hidden;
border:1px solid rgba(16,32,39,.12);
border-radius:34px;
background:linear-gradient(145deg,#fff,rgba(255,255,255,.76));
box-shadow:0 28px 84px rgba(16,32,39,.12);
}
.walker-highlighted-team-member .whtm-card::before{
content:"";
position:absolute;
inset:0;
z-index:-2;
background:
radial-gradient(circle at 88% 10%, color-mix(in srgb,var(--person-accent,#18a8b5) 18%,transparent), transparent 32%),
radial-gradient(circle at 12% 94%, rgba(183,163,106,.12), transparent 34%);
}
.walker-highlighted-team-member .whtm-card::after{
content:"";
position:absolute;
top:0;
left:clamp(24px,3vw,48px);
right:clamp(24px,3vw,48px);
height:3px;
border-radius:0 0 999px 999px;
background:var(--person-accent,#18a8b5);
opacity:.95;
z-index:3;
}
.walker-highlighted-team-member.whtm--feature .whtm-card{
display:grid;
grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);
min-height:500px;
}
.walker-highlighted-team-member.whtm--compact .whtm-card{
display:grid;
grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);
min-height:330px;
}
.walker-highlighted-team-member.whtm--image-right .whtm-media-panel{
order:2;
}
.walker-highlighted-team-member.whtm--image-right .whtm-content{
order:1;
padding-left:clamp(30px,4.2vw,68px);
padding-right:0;
}
.walker-highlighted-team-member .whtm-media-panel{
position:relative;
min-height:100%;
padding:clamp(22px,2.4vw,34px);
}
.walker-highlighted-team-member .whtm-photo{
position:relative;
min-height:100%;
height:100%;
border-radius:28px;
overflow:hidden;
background:
linear-gradient(180deg,rgba(15,27,34,.00),rgba(15,27,34,.72)),
radial-gradient(circle at 48% 22%, color-mix(in srgb,var(--person-accent,#18a8b5) 32%,transparent), transparent 38%),
linear-gradient(145deg,#d6ddde,#7b8d95 58%,#52656d);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.34), 0 20px 52px rgba(16,32,39,.14);
}
.walker-highlighted-team-member .whtm-photo::before{
content:"";
position:absolute;
inset:0;
z-index:2;
background:
linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%),
repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 18px);
opacity:.42;
pointer-events:none;
}
.walker-highlighted-team-member .whtm-photo img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
z-index:1;
filter:saturate(.96) contrast(1.02);
}
.walker-highlighted-team-member .whtm-photo-shade{
position:absolute;
inset:auto 0 0 0;
height:42%;
z-index:3;
background:linear-gradient(180deg,transparent,rgba(15,27,34,.72));
}
.walker-highlighted-team-member .whtm-initials{
position:absolute;
left:22px;
bottom:22px;
z-index:4;
width:72px;
height:72px;
border-radius:24px;
display:grid;
place-items:center;
background:rgba(255,255,255,.92);
color:#0f1b22;
font-size:23px;
line-height:1;
font-weight:900;
letter-spacing:-.06em;
box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.walker-highlighted-team-member .whtm-specialty-card{
position:absolute;
z-index:5;
right:clamp(8px,1.4vw,18px);
bottom:clamp(36px,4vw,58px);
width:min(78%,280px);
padding:16px 18px;
border-radius:20px;
border:1px solid rgba(255,255,255,.34);
background:rgba(255,255,255,.82);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
box-shadow:0 20px 54px rgba(16,32,39,.18);
}
.walker-highlighted-team-member .whtm-specialty-kicker{
display:block;
margin:0 0 7px;
color:var(--person-accent,#18a8b5);
text-transform:uppercase;
letter-spacing:.15em;
font-size:10px;
line-height:1;
font-weight:900;
}
.walker-highlighted-team-member .whtm-specialty-card strong{
display:block;
color:#20323b;
font-size:17px;
line-height:1.12;
letter-spacing:-.035em;
font-weight:900;
}
.walker-highlighted-team-member .whtm-content{
align-self:center;
padding:clamp(30px,4vw,58px) clamp(30px,4.2vw,68px) clamp(30px,4vw,58px) 0;
min-width:0;
}
.walker-highlighted-team-member.whtm--compact .whtm-content{
padding:30px 34px 30px 0;
}
.walker-highlighted-team-member .whtm-kicker{
margin:0 0 12px;
color:#B7A36A;
text-transform:uppercase;
letter-spacing:.16em;
font-size:11px;
line-height:1.2;
font-weight:900;
}
.walker-highlighted-team-member .whtm-content h3{
margin:0 0 8px;
color:#1f2f38;
font-size:clamp(42px,5vw,82px);
line-height:var(--whtm-heading-line-height,1.02);
letter-spacing:-.07em;
font-weight:900;
}
.walker-highlighted-team-member.whtm--compact .whtm-content h3{
font-size:clamp(34px,4vw,58px);
}
.walker-highlighted-team-member .whtm-role{
margin:0 0 20px;
color:var(--person-accent,#18a8b5);
font-size:clamp(14px,1vw,16px);
line-height:1.25;
font-weight:900;
letter-spacing:.02em;
}
.walker-highlighted-team-member .whtm-summary{
margin:0 0 24px;
max-width:720px;
color:rgba(37,53,61,.74);
font-size:clamp(16px,1.16vw,20px);
line-height:1.5;
}
.walker-highlighted-team-member .whtm-summary p{
margin:0;
}
.walker-highlighted-team-member .whtm-summary p + p{
margin-top:.8em;
}
.walker-highlighted-team-member.whtm--compact .whtm-summary{
font-size:16px;
margin-bottom:22px;
}
.walker-highlighted-team-member .whtm-proof-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin:0 0 26px;
}
.walker-highlighted-team-member .whtm-proof-grid span{
min-height:42px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:10px 12px;
border-radius:16px;
border:1px solid rgba(16,32,39,.10);
background:rgba(255,255,255,.62);
color:rgba(37,53,61,.76);
font-size:12px;
line-height:1.2;
font-weight:900;
letter-spacing:.035em;
}
.walker-highlighted-team-member .whtm-bottom-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:24px;
align-items:end;
}
.walker-highlighted-team-member .whtm-bottom-row blockquote{
margin:0;
padding:17px 20px 17px 22px;
border-left:3px solid var(--person-accent,#18a8b5);
border-radius:0 18px 18px 0;
background:rgba(16,32,39,.045);
color:#25353d;
font-size:clamp(17px,1.2vw,21px);
line-height:1.32;
font-weight:900;
letter-spacing:-.025em;
}
.walker-highlighted-team-member .whtm-bottom-row blockquote span{
color:var(--person-accent,#18a8b5);
}
.walker-highlighted-team-member .whtm-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
justify-content:flex-start;
}
.walker-highlighted-team-member .whtm-button,
.walker-highlighted-team-member .whtm-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:13px 18px;
border-radius:999px;
text-decoration:none !important;
font-size:11px;
line-height:1;
font-weight:900;
letter-spacing:.11em;
text-transform:uppercase;
white-space:nowrap;
transition:transform 220ms ease, box-shadow 220ms ease, background 220ms ease;
}
.walker-highlighted-team-member .whtm-button{
background:#0f1b22;
color:#fff !important;
box-shadow:0 18px 42px rgba(16,32,39,.20);
}
.walker-highlighted-team-member .whtm-secondary{
color:#0f1b22 !important;
background:rgba(255,255,255,.78);
border:1px solid rgba(16,32,39,.12);
}
.walker-highlighted-team-member .whtm-button:hover,
.walker-highlighted-team-member .whtm-button:focus,
.walker-highlighted-team-member .whtm-secondary:hover,
.walker-highlighted-team-member .whtm-secondary:focus{
transform:translateY(-2px);
box-shadow:0 22px 50px rgba(16,32,39,.18);
}
@container (max-width: 740px){
.walker-highlighted-team-member.whtm--feature .whtm-card,
.walker-highlighted-team-member.whtm--compact .whtm-card{
grid-template-columns:1fr;
}
.walker-highlighted-team-member.whtm--image-right .whtm-media-panel,
.walker-highlighted-team-member.whtm--image-left .whtm-media-panel{
order:1;
}
.walker-highlighted-team-member.whtm--image-right .whtm-content,
.walker-highlighted-team-member.whtm--image-left .whtm-content{
order:2;
padding:0 clamp(26px,4vw,42px) clamp(30px,4vw,46px);
}
.walker-highlighted-team-member .whtm-media-panel{
min-height:360px;
}
.walker-highlighted-team-member .whtm-bottom-row{
grid-template-columns:1fr;
}
}
@media (max-width:760px){
.walker-highlighted-team-member .whtm-card{
border-radius:28px;
}
.walker-highlighted-team-member .whtm-media-panel{
padding:20px;
min-height:330px;
}
.walker-highlighted-team-member .whtm-photo{
border-radius:24px;
}
.walker-highlighted-team-member .whtm-content h3,
.walker-highlighted-team-member.whtm--compact .whtm-content h3{
font-size:clamp(40px,13vw,60px);
line-height:var(--whtm-heading-line-height,1.03);
}
.walker-highlighted-team-member .whtm-specialty-card{
right:30px;
left:30px;
width:auto;
bottom:34px;
}
.walker-highlighted-team-member .whtm-proof-grid{
grid-template-columns:1fr;
}
.walker-highlighted-team-member .whtm-actions{
display:grid;
grid-template-columns:1fr;
}
.walker-highlighted-team-member .whtm-button,
.walker-highlighted-team-member .whtm-secondary{
width:100%;
}
}
@media (max-width:460px){
.walker-highlighted-team-member .whtm-media-panel{
min-height:300px;
}
.walker-highlighted-team-member .whtm-initials{
width:62px;
height:62px;
border-radius:20px;
font-size:20px;
}
.walker-highlighted-team-member .whtm-summary{
font-size:15px;
}
} .walker-highlighted-team-member.whtm--circle-medium,
.walker-highlighted-team-member.whtm--circle-small{
container-type:inline-size;
}
.walker-highlighted-team-member .whtm-circle-card{
position:relative;
isolation:isolate;
overflow:hidden;
border:1px solid rgba(16,32,39,.12);
background:linear-gradient(145deg,#fff,rgba(255,255,255,.84));
box-shadow:0 18px 54px rgba(16,32,39,.10);
}
.walker-highlighted-team-member .whtm-circle-card::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:
radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--person-accent,#18a8b5) 12%,transparent),transparent 36%),
radial-gradient(circle at 8% 100%,rgba(183,163,106,.09),transparent 36%);
pointer-events:none;
}
.walker-highlighted-team-member .whtm-circle-card::after{
content:"";
position:absolute;
top:0;
left:20px;
right:20px;
height:3px;
border-radius:0 0 999px 999px;
background:var(--person-accent,#18a8b5);
opacity:.94;
}
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-card{
border-radius:26px;
padding:22px;
}
.walker-highlighted-team-member.whtm--circle-small .whtm-circle-card{
border-radius:22px;
padding:17px;
}
.walker-highlighted-team-member .whtm-circle-head{
display:flex;
align-items:center;
min-width:0;
}
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-head{
gap:18px;
}
.walker-highlighted-team-member.whtm--circle-small .whtm-circle-head{
gap:14px;
}
.walker-highlighted-team-member .whtm-circle-photo{
position:relative;
flex:0 0 auto;
overflow:hidden;
border-radius:50%;
background:
radial-gradient(circle at 42% 28%,color-mix(in srgb,var(--person-accent,#18a8b5) 26%,transparent),transparent 44%),
linear-gradient(145deg,#d6ddde,#7b8d95 58%,#52656d);
box-shadow:0 12px 30px rgba(16,32,39,.14);
}
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-photo{
width:104px;
height:104px;
box-shadow:0 0 0 5px rgba(24,168,181,.10),0 12px 30px rgba(16,32,39,.14);
}
.walker-highlighted-team-member.whtm--circle-small .whtm-circle-photo{
width:72px;
height:72px;
}
.walker-highlighted-team-member .whtm-circle-photo img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
filter:saturate(.98) contrast(1.02);
}
.walker-highlighted-team-member .whtm-circle-initials{
display:grid;
place-items:center;
width:100%;
height:100%;
color:#fff;
font-weight:900;
letter-spacing:-.06em;
line-height:1;
}
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-initials{
font-size:28px;
}
.walker-highlighted-team-member.whtm--circle-small .whtm-circle-initials{
font-size:20px;
}
.walker-highlighted-team-member .whtm-circle-copy{
min-width:0;
flex:1 1 auto;
}
.walker-highlighted-team-member .whtm-circle-kicker{
margin:0;
color:#B7A36A;
font-size:10px;
font-weight:900;
letter-spacing:.16em;
line-height:1.2;
text-transform:uppercase;
}
.walker-highlighted-team-member .whtm-circle-copy h3{
margin:0;
color:#1f2f38;
font-weight:900;
letter-spacing:-.055em;
line-height:1.04;
}
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-copy h3{
margin-top:8px;
font-size:clamp(24px,3.4vw,34px);
}
.walker-highlighted-team-member.whtm--circle-small .whtm-circle-copy h3{
margin-top:5px;
font-size:clamp(19px,2.7vw,24px);
}
.walker-highlighted-team-member .whtm-circle-role{
margin:0;
color:var(--person-accent,#18a8b5);
font-weight:900;
letter-spacing:.005em;
}
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-role{
margin-top:5px;
font-size:14px;
line-height:1.35;
}
.walker-highlighted-team-member.whtm--circle-small .whtm-circle-role{
margin-top:4px;
font-size:12px;
line-height:1.34;
}
.walker-highlighted-team-member .whtm-circle-summary{
margin-top:17px;
color:rgba(37,53,61,.76);
font-size:14px;
line-height:1.58;
}
.walker-highlighted-team-member .whtm-circle-summary p{
margin:0;
}
.walker-highlighted-team-member .whtm-circle-summary p + p{
margin-top:.7em;
}
.walker-highlighted-team-member .whtm-circle-chips{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:15px;
}
.walker-highlighted-team-member .whtm-circle-chips span{
display:inline-flex;
align-items:center;
min-height:26px;
padding:6px 10px;
border-radius:999px;
background:rgba(24,168,181,.09);
color:color-mix(in srgb,var(--person-accent,#18a8b5) 82%,#0f1b22);
font-size:11px;
font-weight:850;
letter-spacing:.015em;
line-height:1.2;
}
.walker-highlighted-team-member .whtm-circle-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:16px;
padding-top:13px;
border-top:1px solid rgba(16,32,39,.08);
}
.walker-highlighted-team-member .whtm-circle-location,
.walker-highlighted-team-member .whtm-circle-link{
display:inline-flex;
align-items:center;
gap:6px;
font-size:12px;
font-weight:800;
line-height:1.25;
}
.walker-highlighted-team-member .whtm-circle-location{
min-width:0;
color:rgba(37,53,61,.64);
}
.walker-highlighted-team-member .whtm-circle-link{
flex:0 0 auto;
color:color-mix(in srgb,var(--person-accent,#18a8b5) 78%,#0f1b22) !important;
text-decoration:none !important;
transition:transform 180ms ease,color 180ms ease;
}
.walker-highlighted-team-member .whtm-circle-link:hover,
.walker-highlighted-team-member .whtm-circle-link:focus{
color:#0f1b22 !important;
transform:translateX(2px);
}
.walker-highlighted-team-member .whtm-circle-location svg,
.walker-highlighted-team-member .whtm-circle-link svg{
width:15px;
height:15px;
fill:none;
stroke:currentColor;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:1.8;
}
@container (max-width: 430px){
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-card{
padding:18px;
}
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-head{
gap:14px;
}
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-photo{
width:84px;
height:84px;
}
.walker-highlighted-team-member.whtm--circle-medium .whtm-circle-copy h3{
font-size:24px;
}
.walker-highlighted-team-member .whtm-circle-footer{
align-items:flex-start;
flex-direction:column;
}
}
@container (max-width: 340px){
.walker-highlighted-team-member.whtm--circle-small .whtm-circle-photo{
width:60px;
height:60px;
}
.walker-highlighted-team-member.whtm--circle-small .whtm-circle-head{
gap:11px;
}
.walker-highlighted-team-member.whtm--circle-small .whtm-circle-copy h3{
font-size:19px;
}
}