.pb4r-page-leadership{
--g-dark:#022c1f;
--g-dark2:#031f15;
--g-mid:#045c3a;
--g-bright:#12c670;
--g-light:#6ee7b7;
--amber:#f59c1a;
--amber2:#fbbf24;
--amber-soft:#fef3c7;
--cream:#faf7f0;
--paper:#f3ede2;
--white:#fff;
--ink:#0a1a12;
--ink-soft:#1a3025;
--muted:#5a7264;
--border:rgba(10,26,18,.08);
--border-md:rgba(10,26,18,.12);
--radius-sm:12px;
--radius-md:20px;
--radius-xl:28px;
--radius-2xl:40px;
--shadow-sm:0 2px 8px rgba(10,26,18,.04);
--shadow-card:0 14px 38px rgba(10,26,18,.07);
--shadow-hover:0 28px 65px rgba(10,26,18,.12);
--font-display:"Playfair Display",Georgia,serif;
--font-body:"DM Sans",Arial,sans-serif;
--transition:.25s cubic-bezier(.4,0,.2,1);
--container:1300px;
}
.pb4r-page-leadership *, .pb4r-page-leadership *::before, .pb4r-page-leadership *::after{box-sizing:border-box;margin:0;padding:0}
.pb4r-page-leadership{scroll-behavior:smooth;scroll-padding-top:88px}
.pb4r-page-leadership{
min-width:320px;
overflow-x:hidden;
background:var(--cream);
color:var(--ink);
font-family:var(--font-body);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
.pb4r-page-leadership::after{
content:"";
position:fixed;
inset:0;
z-index:998;
pointer-events:none;
opacity:.018;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size:200px;
}
.pb4r-page-leadership img{display:block;max-width:100%}
.pb4r-page-leadership a{color:inherit;text-decoration:none}
.pb4r-page-leadership button{font:inherit}
.pb4r-page-leadership :focus-visible{outline:2px solid var(--g-bright);outline-offset:3px}
.pb4r-page-leadership .container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}
.pb4r-page-leadership .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ==========================================================
NAVIGATION — MATCHES THE LANDING PAGE
========================================================== */
.pb4r-page-leadership .nav{
position:fixed;
top:0;
left:0;
width:100%;
z-index:100;
transition:background var(--transition),box-shadow var(--transition),border-color var(--transition);
}
.pb4r-page-leadership .nav.scrolled{
background:rgba(250,247,240,.97);
backdrop-filter:blur(20px) saturate(1.8);
-webkit-backdrop-filter:blur(20px) saturate(1.8);
border-bottom:1px solid var(--border);
box-shadow:0 2px 16px rgba(10,26,18,.04);
}
.pb4r-page-leadership .nav-inner{
max-width:1300px;
margin:0 auto;
padding:1.1rem 2rem;
display:flex;
align-items:center;
gap:1.5rem;
justify-content:space-between;
}
.pb4r-page-leadership .nav-logo{display:inline-flex;align-items:center;min-width:140px}
.pb4r-page-leadership .nav-logo img{height:36px;width:auto;object-fit:contain}
.pb4r-page-leadership .nav-links{
display:flex;
align-items:center;
gap:1.15rem;
list-style:none;
}
.pb4r-page-leadership .nav-links > li{
position:relative;
list-style:none;
}
/* Keep the parent hovered while the pointer travels to the dropdown.
This invisible bridge removes the dead-zone between link and submenu. */
.pb4r-page-leadership .nav-links > li.has-submenu::after{
content:"";
position:absolute;
z-index:119;
top:100%;
left:-12px;
right:-12px;
height:22px;
background:transparent;
}
.pb4r-page-leadership .nav-links a{
position:relative;
font-size:.80rem;
font-weight:600;
color:rgba(255,255,255,.82);
transition:color var(--transition);
padding-bottom:4px;
white-space:nowrap;
}
.pb4r-page-leadership .nav-links .has-submenu > a{
display:inline-flex;
align-items:center;
gap:.38rem;
}
.pb4r-page-leadership .nav-links .has-submenu > a .nav-chevron{
font-size:.62rem;
opacity:.72;
transition:transform var(--transition);
}
.pb4r-page-leadership .nav-links a::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:2px;
border-radius:99px;
background:var(--g-bright);
transform:scaleX(0);
transform-origin:right;
transition:transform .25s ease;
}
.pb4r-page-leadership .nav-links a:hover::after, .pb4r-page-leadership .nav-links a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.pb4r-page-leadership .nav.scrolled .nav-links a{color:var(--ink)}
.pb4r-page-leadership .nav-links a:hover, .pb4r-page-leadership .nav-links a:focus-visible{color:var(--g-bright)}
/* Desktop dropdown menus */
.pb4r-page-leadership .nav-links .sub-menu{
position:absolute;
top:calc(100% + 12px);
left:50%;
z-index:120;
min-width:245px;
padding:.55rem;
list-style:none;
border:1px solid var(--border-md);
border-radius:18px;
background:rgba(255,255,255,.985);
box-shadow:0 22px 55px rgba(10,26,18,.16);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translate(-50%,10px);
transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
}
.pb4r-page-leadership .nav-links .sub-menu::before{
content:"";
position:absolute;
top:-8px;
left:50%;
width:14px;
height:14px;
border-top:1px solid var(--border-md);
border-left:1px solid var(--border-md);
background:#fff;
transform:translateX(-50%) rotate(45deg);
}
.pb4r-page-leadership .nav-links .sub-menu li{list-style:none}
.pb4r-page-leadership .nav-links .sub-menu a{
display:flex;
align-items:center;
min-height:42px;
padding:.72rem .85rem;
border-radius:12px;
color:var(--ink)!important;
font-size:.80rem;
font-weight:600;
line-height:1.35;
white-space:normal;
transition:background var(--transition),color var(--transition),padding-left var(--transition);
}
.pb4r-page-leadership .nav-links .sub-menu a::after{display:none}
.pb4r-page-leadership .nav-links .sub-menu a:hover, .pb4r-page-leadership .nav-links .sub-menu a:focus-visible{
background:#edf9f3;
color:var(--g-mid)!important;
padding-left:1rem;
}
.pb4r-page-leadership .nav-links .has-submenu:hover > .sub-menu, .pb4r-page-leadership .nav-links .has-submenu:focus-within > .sub-menu{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate(-50%,0);
transition-delay:0s;
}
.pb4r-page-leadership .nav-links .has-submenu:hover > a .nav-chevron, .pb4r-page-leadership .nav-links .has-submenu:focus-within > a .nav-chevron{transform:rotate(180deg)}
.pb4r-page-leadership .nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.pb4r-page-leadership .nav-phone{
display:flex;
align-items:center;
gap:.4rem;
color:var(--g-bright);
font-size:.88rem;
font-weight:600;
transition:opacity var(--transition),color var(--transition);
}
.pb4r-page-leadership .nav.scrolled .nav-phone{color:var(--g-mid)}
.pb4r-page-leadership .nav-phone:hover{opacity:.78}
.pb4r-page-leadership .btn-nav-cta{
display:inline-flex;
align-items:center;
justify-content:center;
background:var(--amber);
color:#fff;
font-size:.85rem;
font-weight:700;
padding:.65rem 1.3rem;
border:none;
border-radius:100px;
cursor:pointer;
white-space:nowrap;
transition:background var(--transition),transform var(--transition),box-shadow var(--transition);
}
.pb4r-page-leadership .btn-nav-cta:hover{
background:var(--amber2);
transform:translateY(-1px);
box-shadow:0 8px 20px rgba(245,156,26,.25);
}
.pb4r-page-leadership .mob-toggle{
display:none;
background:none;
border:none;
cursor:pointer;
color:#fff;
font-size:1.3rem;
padding:.25rem;
border-radius:8px;
transition:color var(--transition),background var(--transition);
}
.pb4r-page-leadership .nav.scrolled .mob-toggle{color:var(--ink)}
.pb4r-page-leadership .mob-menu{
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
background:var(--cream);
border-bottom:1px solid var(--border);
padding:1.2rem 2rem 1.5rem;
box-shadow:0 4px 16px rgba(10,26,18,.08);
}
.pb4r-page-leadership .mob-menu.open{display:block}
.pb4r-page-leadership .mob-menu > a, .pb4r-page-leadership .mob-parent-row > a{
display:block;
flex:1;
padding:.75rem 0;
border-bottom:1px solid var(--border);
color:var(--ink);
font-size:.95rem;
font-weight:600;
transition:color var(--transition),padding-left var(--transition);
}
.pb4r-page-leadership .mob-menu > a:hover, .pb4r-page-leadership .mob-parent-row > a:hover{color:var(--g-mid);padding-left:.4rem}
.pb4r-page-leadership .mob-group{border-bottom:1px solid var(--border)}
.pb4r-page-leadership .mob-parent-row{display:flex;align-items:center;gap:.75rem}
.pb4r-page-leadership .mob-parent-row > a{border-bottom:0}
.pb4r-page-leadership .mob-subtoggle{
flex:0 0 38px;
width:38px;
height:38px;
display:grid;
place-items:center;
border:1px solid var(--border);
border-radius:10px;
background:#fff;
color:var(--g-mid);
cursor:pointer;
transition:background var(--transition),transform var(--transition);
}
.pb4r-page-leadership .mob-subtoggle i{transition:transform var(--transition)}
.pb4r-page-leadership .mob-group.expanded .mob-subtoggle i{transform:rotate(180deg)}
.pb4r-page-leadership .mob-submenu{
display:grid;
grid-template-rows:0fr;
transition:grid-template-rows .25s ease;
}
.pb4r-page-leadership .mob-group.expanded .mob-submenu{grid-template-rows:1fr}
.pb4r-page-leadership .mob-submenu-inner{overflow:hidden}
.pb4r-page-leadership .mob-submenu a{
display:block;
padding:.68rem 1rem;
margin:.1rem 0 .35rem .55rem;
border-left:2px solid #d7eee2;
color:var(--muted);
font-size:.86rem;
font-weight:600;
line-height:1.35;
}
.pb4r-page-leadership .mob-submenu a:hover{color:var(--g-mid);background:#edf9f3;border-radius:0 10px 10px 0}
.pb4r-page-leadership .mob-menu .mobile-call{border-bottom:none!important}
/* ==========================================================
HERO
========================================================== */
.pb4r-page-leadership .team-hero{
position:relative;
min-height:760px;
display:flex;
align-items:center;
overflow:hidden;
padding:145px 0 105px;
isolation:isolate;
background:var(--g-dark);
}
.pb4r-page-leadership .hero-photo{
position:absolute;
inset:0;
z-index:-4;
background:url("https://www.palmbeach4rent.com/wp-content/uploads/2025/06/bg-3.webp") center/cover no-repeat;
transform:scale(1.04);
animation:heroZoom 10s ease-out forwards;
}
.pb4r-page-leadership .hero-overlay{
position:absolute;
inset:0;
z-index:-3;
background:
radial-gradient(circle at 80% 28%,rgba(18,198,112,.21),transparent 28%),
radial-gradient(circle at 12% 88%,rgba(245,156,26,.13),transparent 26%),
linear-gradient(104deg,rgba(2,44,31,.96) 0%,rgba(2,44,31,.88) 48%,rgba(2,44,31,.68) 100%);
}
.pb4r-page-leadership .hero-grid{
position:absolute;
inset:0;
z-index:-2;
opacity:.14;
background-image:
linear-gradient(rgba(110,231,183,.15) 1px,transparent 1px),
linear-gradient(90deg,rgba(110,231,183,.15) 1px,transparent 1px);
background-size:64px 64px;
mask-image:radial-gradient(ellipse 85% 88% at 52% 48%,#000,transparent);
}
@keyframes heroZoom{to{transform:scale(1)}}
.pb4r-page-leadership .hero-layout{
display:grid;
grid-template-columns:minmax(0,1.12fr) minmax(370px,.72fr);
align-items:center;
gap:74px;
}
.pb4r-page-leadership .eyebrow{
display:inline-flex;
align-items:center;
gap:.6rem;
margin-bottom:1.55rem;
padding:.48rem .95rem;
border:1px solid rgba(255,255,255,.16);
border-radius:999px;
background:rgba(255,255,255,.08);
color:rgba(255,255,255,.9);
font-size:.72rem;
font-weight:700;
letter-spacing:.09em;
text-transform:uppercase;
backdrop-filter:blur(10px);
}
.pb4r-page-leadership .eyebrow-dot{
width:8px;height:8px;border-radius:50%;
background:var(--g-bright);
box-shadow:0 0 0 6px rgba(18,198,112,.13);
}
.pb4r-page-leadership .hero-copy h1{
max-width:760px;
color:#fff;
font-family:var(--font-display);
font-size:clamp(3.65rem,6.6vw,5.75rem);
font-weight:900;
line-height:1.01;
letter-spacing:-.035em;
}
.pb4r-page-leadership .hero-copy h1 em{
font-style:italic;
background:linear-gradient(135deg,#a7f3d0 0%,var(--amber2) 60%,#a7f3d0 100%);
background-size:200% auto;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
animation:shimmer 5s linear infinite;
}
@keyframes shimmer{to{background-position:200% center}}
.pb4r-page-leadership .hero-copy>p{
max-width:650px;
margin-top:1.5rem;
color:rgba(255,255,255,.72);
font-size:1.05rem;
line-height:1.82;
}
.pb4r-page-leadership .hero-actions{
display:flex;
flex-wrap:wrap;
gap:.8rem;
margin-top:2rem;
}
.pb4r-page-leadership .button{
min-height:54px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:.65rem;
padding:0 1.45rem;
border-radius:100px;
font-size:.9rem;
font-weight:700;
transition:transform .23s ease,background .23s ease,border-color .23s ease,box-shadow .23s ease;
}
.pb4r-page-leadership .button-primary{
background:var(--amber);
color:#fff;
box-shadow:0 16px 38px rgba(245,156,26,.24);
}
.pb4r-page-leadership .button-primary:hover{background:var(--amber2);transform:translateY(-2px);box-shadow:0 21px 46px rgba(245,156,26,.34)}
.pb4r-page-leadership .button-ghost{
border:1px solid rgba(255,255,255,.25);
background:rgba(255,255,255,.09);
color:#fff;
backdrop-filter:blur(10px);
}
.pb4r-page-leadership .button-ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.44);transform:translateY(-2px)}
.pb4r-page-leadership .hero-note{
display:flex;
flex-wrap:wrap;
gap:1.1rem;
margin-top:1.45rem;
color:rgba(255,255,255,.48);
font-size:.78rem;
font-weight:600;
}
.pb4r-page-leadership .hero-note span{display:inline-flex;align-items:center;gap:.42rem}
.pb4r-page-leadership .hero-note i{color:var(--g-light)}
.pb4r-page-leadership .hero-team-preview{
position:relative;
min-height:470px;
}
.pb4r-page-leadership .preview-shell{
position:absolute;
inset:36px 24px 26px;
border:1px solid rgba(255,255,255,.16);
border-radius:42px;
background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
box-shadow:0 34px 100px rgba(2,44,31,.3);
backdrop-filter:blur(16px);
}
.pb4r-page-leadership .preview-shell::after{
content:"Leadership";
position:absolute;
right:24px;
bottom:20px;
color:rgba(255,255,255,.22);
font-size:.68rem;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
}
.pb4r-page-leadership .preview-card{
position:absolute;
width:260px;
padding:14px;
border:1px solid rgba(255,255,255,.26);
border-radius:26px;
background:rgba(255,255,255,.96);
box-shadow:0 26px 64px rgba(2,44,31,.28);
transition:transform .35s ease;
}
.pb4r-page-leadership .preview-card:hover{z-index:4}
.pb4r-page-leadership .preview-card:first-of-type{top:0;left:0;transform:rotate(-3.5deg)}
.pb4r-page-leadership .preview-card:first-of-type:hover{transform:rotate(-1deg) translateY(-5px)}
.pb4r-page-leadership .preview-card:last-of-type{right:0;bottom:0;transform:rotate(3.5deg)}
.pb4r-page-leadership .preview-card:last-of-type:hover{transform:rotate(1deg) translateY(-5px)}
.pb4r-page-leadership .preview-status{
position:absolute;top:24px;right:24px;z-index:2;
width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:var(--g-bright);
}
.pb4r-page-leadership .preview-image{aspect-ratio:1/.84;overflow:hidden;border-radius:18px;background:var(--paper)}
.pb4r-page-leadership .preview-image img{width:100%;height:100%;object-fit:cover}
.pb4r-page-leadership .preview-card:first-of-type .preview-image img{object-position:center 24%}
.pb4r-page-leadership .preview-meta{padding:14px 4px 4px}
.pb4r-page-leadership .preview-meta strong{
display:block;
color:var(--g-dark);
font-family:var(--font-display);
font-size:1.3rem;
font-weight:900;
line-height:1.12;
}
.pb4r-page-leadership .preview-meta span{
display:block;
margin-top:5px;
color:var(--muted);
font-size:.68rem;
font-weight:800;
letter-spacing:.07em;
text-transform:uppercase;
}
/* ==========================================================
TRUST
========================================================== */
.pb4r-page-leadership .trust-strip{
position:relative;
z-index:2;
background:var(--g-dark);
border-top:1px solid rgba(255,255,255,.06);
border-bottom:1px solid rgba(255,255,255,.06);
}
.pb4r-page-leadership .trust-items{
min-height:82px;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:18px 50px;
}
.pb4r-page-leadership .trust-item{
display:inline-flex;
align-items:center;
gap:.55rem;
color:rgba(255,255,255,.67);
font-size:.75rem;
font-weight:700;
letter-spacing:.055em;
text-transform:uppercase;
}
.pb4r-page-leadership .trust-item i{color:var(--g-bright);font-size:.77rem}
/* ==========================================================
SHARED SECTION HEADING
========================================================== */
.pb4r-page-leadership .section-heading{
max-width:790px;
margin:0 auto 3.4rem;
text-align:center;
}
.pb4r-page-leadership .section-label{
display:inline-flex;
align-items:center;
gap:.5rem;
margin-bottom:1.15rem;
padding:.45rem 1rem;
border-radius:999px;
background:#e6f9f0;
color:var(--g-mid);
font-size:.75rem;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
}
.pb4r-page-leadership .section-heading h2{
color:var(--ink);
font-family:var(--font-display);
font-size:clamp(2.6rem,5.1vw,4.25rem);
font-weight:900;
line-height:1.05;
letter-spacing:-.03em;
}
.pb4r-page-leadership .section-heading h2 em{color:var(--g-mid);font-style:italic}
.pb4r-page-leadership .section-heading p{
max-width:640px;
margin:1.15rem auto 0;
color:var(--muted);
font-size:1rem;
line-height:1.8;
}
/* ==========================================================
LEADERSHIP CARDS
========================================================== */
.pb4r-page-leadership .team-section{
position:relative;
overflow:hidden;
padding:7.4rem 0 7.8rem;
background:var(--cream);
}
.pb4r-page-leadership .team-section::before{
content:"";
position:absolute;
top:-250px;right:-190px;
width:590px;height:590px;border-radius:50%;
background:radial-gradient(circle,rgba(18,198,112,.09),transparent 68%);
}
.pb4r-page-leadership .team-section::after{
content:"";
position:absolute;
bottom:-240px;left:-190px;
width:540px;height:540px;border-radius:50%;
background:radial-gradient(circle,rgba(245,156,26,.07),transparent 68%);
}
.pb4r-page-leadership .team-grid{
position:relative;z-index:2;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:2rem;
align-items:stretch;
}
.pb4r-page-leadership .member-card{
position:relative;
min-width:0;
overflow:hidden;
display:flex;
flex-direction:column;
border:1px solid var(--border);
border-radius:var(--radius-2xl);
background:#fff;
box-shadow:var(--shadow-card);
transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;
}
.pb4r-page-leadership .member-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}
.pb4r-page-leadership .member-card::before{
content:"";
position:absolute;top:0;left:0;right:0;z-index:4;height:4px;
background:linear-gradient(90deg,var(--g-bright),var(--amber));
}
.pb4r-page-leadership .member-visual{
position:relative;
min-height:445px;
overflow:hidden;
background:linear-gradient(145deg,var(--g-dark),var(--g-mid));
}
.pb4r-page-leadership .member-visual::before{
content:"";
position:absolute;inset:0;z-index:1;
background:
linear-gradient(180deg,transparent 38%,rgba(2,44,31,.9) 100%),
radial-gradient(circle at 72% 16%,rgba(18,198,112,.2),transparent 26%);
}
.pb4r-page-leadership .member-visual::after{
content:"";
position:absolute;inset:0;z-index:1;opacity:.17;
background-image:
linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
background-size:48px 48px;
mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
.pb4r-page-leadership .member-photo{
width:100%;height:445px;object-fit:cover;object-position:center top;
transition:transform .8s cubic-bezier(.22,1,.36,1);
}
.pb4r-page-leadership .member-card:hover .member-photo{transform:scale(1.04)}
.pb4r-page-leadership .member-number{
position:absolute;top:27px;left:28px;z-index:2;
color:rgba(255,255,255,.78);
font-family:var(--font-display);
font-size:1.1rem;font-weight:800;
}
.pb4r-page-leadership .member-badge{
position:absolute;top:25px;right:26px;z-index:2;
display:inline-flex;align-items:center;gap:.45rem;
padding:.48rem .8rem;
border:1px solid rgba(255,255,255,.23);
border-radius:999px;
background:rgba(2,44,31,.56);
color:#fff;
font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
backdrop-filter:blur(10px);
}
.pb4r-page-leadership .member-badge span{
width:7px;height:7px;border-radius:50%;background:var(--g-bright);
box-shadow:0 0 0 5px rgba(18,198,112,.14);
}
.pb4r-page-leadership .visual-caption{
position:absolute;right:30px;bottom:27px;left:30px;z-index:2;
display:flex;align-items:end;justify-content:space-between;gap:20px;color:#fff;
}
.pb4r-page-leadership .visual-caption small{
display:block;margin-bottom:6px;color:var(--g-light);
font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
}
.pb4r-page-leadership .visual-caption strong{
display:block;font-family:var(--font-display);
font-size:2rem;font-weight:900;line-height:1.02;
}
.pb4r-page-leadership .caption-monogram{
flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;
border:1px solid rgba(255,255,255,.25);border-radius:17px;
background:rgba(255,255,255,.11);color:var(--amber2);
font-family:var(--font-display);font-size:1.2rem;font-weight:900;
backdrop-filter:blur(10px);
}
.pb4r-page-leadership .member-body{
flex:1;
display:flex;
flex-direction:column;
padding:2.1rem 2.15rem 2.2rem;
}
.pb4r-page-leadership .member-role{
display:inline-flex;align-items:center;gap:.55rem;align-self:flex-start;
margin-bottom:1.05rem;color:var(--g-mid);
font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.pb4r-page-leadership .member-role::before{
content:"";width:26px;height:2px;border-radius:8px;
background:linear-gradient(90deg,var(--g-bright),var(--amber));
}
.pb4r-page-leadership .member-body h3{
color:var(--g-dark);
font-family:var(--font-display);
font-size:2.1rem;font-weight:900;line-height:1.08;letter-spacing:-.025em;
}
.pb4r-page-leadership .member-body>p{
margin-top:.75rem;color:var(--muted);font-size:.94rem;line-height:1.75;
}
.pb4r-page-leadership .contact-list{display:grid;gap:.65rem;margin-top:1.55rem}
.pb4r-page-leadership .contact-row{
min-height:54px;
display:flex;align-items:center;gap:.8rem;
padding:.6rem .8rem;
border:1px solid var(--border);
border-radius:15px;
background:#fbfcfa;
color:var(--ink);
transition:border-color .22s ease,background .22s ease,transform .22s ease;
}
.pb4r-page-leadership .contact-row:hover{
border-color:rgba(18,198,112,.42);
background:#f0fdf4;
transform:translateX(4px);
}
.pb4r-page-leadership .contact-icon{
flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;
border-radius:11px;
background:linear-gradient(135deg,var(--g-dark),var(--g-mid));
color:var(--g-light);
}
.pb4r-page-leadership .contact-copy{min-width:0}
.pb4r-page-leadership .contact-copy small{
display:block;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
.pb4r-page-leadership .contact-copy strong{
display:block;max-width:100%;margin-top:2px;overflow:hidden;
color:var(--g-dark);font-size:.8rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap;
}
.pb4r-page-leadership .member-actions{
display:flex;flex-wrap:wrap;gap:.7rem;
margin-top:auto;padding-top:1.65rem;
}
.pb4r-page-leadership .member-action{
min-height:48px;
display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
padding:0 1rem;border-radius:100px;font-size:.76rem;font-weight:800;
transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.pb4r-page-leadership .member-action-primary{
background:linear-gradient(135deg,var(--g-bright),var(--g-mid));
color:#fff;
box-shadow:0 12px 28px rgba(18,198,112,.18);
}
.pb4r-page-leadership .member-action-primary:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(18,198,112,.28)}
.pb4r-page-leadership .member-action-secondary{border:1px solid var(--border);background:#fff;color:var(--g-dark)}
.pb4r-page-leadership .member-action-secondary:hover{border-color:var(--amber);background:#fffaf0;color:#a96100;transform:translateY(-2px)}
/* ==========================================================
CONNECT SECTION
========================================================== */
.pb4r-page-leadership .connect-section{
padding:7rem 0;
background:var(--paper);
border-top:1px solid var(--border);
}
.pb4r-page-leadership .connect-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
}
.pb4r-page-leadership .connect-card{
position:relative;
overflow:hidden;
min-height:230px;
padding:1.75rem;
border:1px solid var(--border);
border-radius:var(--radius-xl);
background:#fff;
box-shadow:var(--shadow-sm);
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.pb4r-page-leadership .connect-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);border-color:rgba(18,198,112,.23)}
.pb4r-page-leadership .connect-card::after{
content:"";
position:absolute;right:-50px;bottom:-70px;width:160px;height:160px;border-radius:50%;
background:radial-gradient(circle,rgba(18,198,112,.09),transparent 68%);
}
.pb4r-page-leadership .connect-icon{
width:50px;height:50px;display:grid;place-items:center;
border-radius:16px;
background:#e6f9f0;color:var(--g-mid);font-size:1rem;
}
.pb4r-page-leadership .connect-card h3{
margin-top:1.25rem;
color:var(--g-dark);
font-family:var(--font-display);
font-size:1.55rem;font-weight:900;
}
.pb4r-page-leadership .connect-card p{
margin-top:.65rem;color:var(--muted);font-size:.88rem;line-height:1.7;
}
.pb4r-page-leadership .connect-card a{
display:inline-flex;align-items:center;gap:.45rem;
margin-top:1rem;color:var(--g-mid);font-size:.8rem;font-weight:800;
}
.pb4r-page-leadership .connect-card a:hover{color:var(--amber)}
/* ==========================================================
CTA
========================================================== */
.pb4r-page-leadership .contact-cta{
position:relative;
overflow:hidden;
padding:6.5rem 0;
background:var(--ink);
}
.pb4r-page-leadership .contact-cta::before{
content:"";
position:absolute;top:-260px;right:-170px;width:620px;height:620px;border-radius:50%;
background:radial-gradient(circle,rgba(18,198,112,.16),transparent 68%);
}
.pb4r-page-leadership .contact-cta::after{
content:"";
position:absolute;bottom:-220px;left:-150px;width:490px;height:490px;border-radius:50%;
background:radial-gradient(circle,rgba(245,156,26,.1),transparent 68%);
}
.pb4r-page-leadership .cta-inner{position:relative;z-index:2;max-width:900px;margin:auto;text-align:center}
.pb4r-page-leadership .cta-inner h2{
color:#fff;font-family:var(--font-display);
font-size:clamp(2.6rem,5.4vw,4.35rem);font-weight:900;line-height:1.05;letter-spacing:-.035em;
}
.pb4r-page-leadership .cta-inner h2 em{color:var(--amber2);font-style:italic}
.pb4r-page-leadership .cta-inner p{
max-width:640px;margin:1.15rem auto 0;color:rgba(255,255,255,.6);font-size:1rem;line-height:1.8;
}
.pb4r-page-leadership .cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.pb4r-page-leadership .cta-white{background:#fff;color:var(--g-dark)}
.pb4r-page-leadership .cta-white:hover{background:var(--amber2);color:#fff;transform:translateY(-2px)}
/* ==========================================================
FOOTER — ALIGNED WITH HOMEPAGE STYLE
========================================================== */
.pb4r-page-leadership .footer{background:var(--ink);padding:5rem 2rem 2.5rem;border-top:1px solid rgba(255,255,255,.05)}
.pb4r-page-leadership .footer-inner{max-width:1300px;margin:0 auto}
.pb4r-page-leadership .footer-grid{
display:grid;
grid-template-columns:1.8fr 1fr 1fr 1fr;
gap:3rem;
margin-bottom:3.5rem;
}
.pb4r-page-leadership .footer-brand img{height:38px;width:auto}
.pb4r-page-leadership .footer-brand p{
max-width:320px;margin-top:1rem;
color:rgba(255,255,255,.45);font-size:.88rem;line-height:1.8;
}
.pb4r-page-leadership .footer-col h4{
margin-bottom:1.2rem;
color:rgba(255,255,255,.3);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.pb4r-page-leadership .footer-links{display:flex;flex-direction:column;gap:.8rem}
.pb4r-page-leadership .footer-links a{color:rgba(255,255,255,.55);font-size:.88rem;transition:.2s}
.pb4r-page-leadership .footer-links a:hover{color:#fff}
.pb4r-page-leadership .footer-contact-item{
display:flex;align-items:center;gap:.7rem;
margin-bottom:.8rem;color:rgba(255,255,255,.55);font-size:.88rem;
}
.pb4r-page-leadership .footer-contact-item i{width:16px;color:var(--g-bright)}
.pb4r-page-leadership .footer-bottom{
display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
padding-top:2rem;border-top:1px solid rgba(255,255,255,.07);
}
.pb4r-page-leadership .footer-bottom p{color:rgba(255,255,255,.28);font-size:.8rem}
/* ==========================================================
REVEAL / RESPONSIVE
========================================================== */
.pb4r-page-leadership .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.pb4r-page-leadership .reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){
.pb4r-page-leadership .hero-layout{grid-template-columns:1fr;gap:3.8rem}
.pb4r-page-leadership .hero-copy{text-align:center}
.pb4r-page-leadership .hero-copy h1, .pb4r-page-leadership .hero-copy>p{margin-inline:auto}
.pb4r-page-leadership .hero-actions, .pb4r-page-leadership .hero-note{justify-content:center}
.pb4r-page-leadership .hero-team-preview{width:min(100%,500px);margin-inline:auto}
.pb4r-page-leadership .footer-grid{grid-template-columns:1fr 1fr}
.pb4r-page-leadership .footer-brand{grid-column:1/-1}
}
@media(max-width:1180px){
.pb4r-page-leadership .nav-links{display:none}
.pb4r-page-leadership .nav-actions .nav-phone{display:none}
.pb4r-page-leadership .mob-toggle{display:block}
.pb4r-page-leadership .team-hero{min-height:auto;padding:132px 0 92px}
.pb4r-page-leadership .team-grid{grid-template-columns:1fr}
.pb4r-page-leadership .member-card{width:min(100%,690px);margin-inline:auto}
.pb4r-page-leadership .connect-grid{grid-template-columns:1fr}
.pb4r-page-leadership .connect-card{min-height:0}
}
@media(max-width:700px){
.pb4r-page-leadership .container{width:min(calc(100% - 28px),var(--container))}
.pb4r-page-leadership .nav-inner{padding:1rem 1.2rem}
.pb4r-page-leadership .nav-logo img{height:32px}
.pb4r-page-leadership .team-hero{padding:118px 0 76px}
.pb4r-page-leadership .hero-copy h1{font-size:clamp(2.9rem,14vw,4.3rem)}
.pb4r-page-leadership .hero-copy>p{font-size:.95rem}
.pb4r-page-leadership .hero-actions{flex-direction:column}
.pb4r-page-leadership .button{width:100%}
.pb4r-page-leadership .hero-team-preview{min-height:550px}
.pb4r-page-leadership .preview-shell{inset:28px 8px}
.pb4r-page-leadership .preview-card{width:min(82%,275px)}
.pb4r-page-leadership .preview-card:first-of-type{left:2px}
.pb4r-page-leadership .preview-card:last-of-type{right:2px}
.pb4r-page-leadership .trust-items{padding:1.25rem 0;gap:1rem 1.5rem}
.pb4r-page-leadership .team-section{padding:5.2rem 0 5.6rem}
.pb4r-page-leadership .section-heading{margin-bottom:2.6rem}
.pb4r-page-leadership .section-heading h2{font-size:clamp(2.35rem,12vw,3.35rem)}
.pb4r-page-leadership .member-visual, .pb4r-page-leadership .member-photo{height:355px;min-height:355px}
.pb4r-page-leadership .visual-caption{right:22px;bottom:22px;left:22px}
.pb4r-page-leadership .visual-caption strong{font-size:1.7rem}
.pb4r-page-leadership .member-body{padding:1.7rem 1.35rem 1.75rem}
.pb4r-page-leadership .member-body h3{font-size:1.85rem}
.pb4r-page-leadership .member-actions{flex-direction:column}
.pb4r-page-leadership .member-action{width:100%}
.pb4r-page-leadership .connect-section{padding:5.2rem 0}
.pb4r-page-leadership .contact-cta{padding:5.2rem 0}
.pb4r-page-leadership .cta-actions{flex-direction:column}
.pb4r-page-leadership .footer{padding:4rem 1.2rem 2rem}
.pb4r-page-leadership .footer-grid{grid-template-columns:1fr;gap:2.2rem}
.pb4r-page-leadership .footer-brand{grid-column:auto}
.pb4r-page-leadership .footer-bottom{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
.pb4r-page-leadership *, .pb4r-page-leadership *::before, .pb4r-page-leadership *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.pb4r-page-leadership{scroll-behavior:auto}
.pb4r-page-leadership .reveal{opacity:1;transform:none}
}

.pb4r-page-leadership{position:relative;isolation:isolate;overflow:hidden}
.pb4r-page-leadership .pb4r-referral-consent{display:flex;align-items:flex-start;gap:.65rem;font-size:.78rem;line-height:1.55;color:var(--muted);text-align:left}
.pb4r-page-leadership .pb4r-referral-consent input{margin-top:.18rem;accent-color:var(--g-bright)}