/* Shared editorial refinement: content and layout structure remain intact. */
html{scroll-padding-top:112px}
html body{--ad-ink:#202525;--ad-muted:#626a68;--ad-rule:#dce1dc;-webkit-font-smoothing:antialiased}
html body main#main h1,html body main#main h2,html body main#main h3{text-wrap:balance}
html body main#main p{ text-wrap:pretty }
html body main#main h2{letter-spacing:-.035em!important;line-height:1.15!important}
html body main#main h3{letter-spacing:-.025em!important;line-height:1.3!important}
html body main#main p{line-height:1.8}
html body main#main .section{padding-top:clamp(40px,6vw,84px);padding-bottom:clamp(40px,6vw,84px)}
html body main#main .section-head{gap:28px;align-items:end}
html body main#main .profile-detail-grid article,html body main#main .about-principles article{border:1px solid var(--ad-rule);border-radius:14px;background:#fffefa;padding:clamp(22px,3vw,36px);box-shadow:0 8px 30px #24322904}
html body main#main .profile-detail-grid article p{font-size:14px!important;color:var(--ad-muted)}
html body main#main .pill,html body main#main .text-link,html body main#main summary{transition:background .2s,border-color .2s,box-shadow .2s!important}
html body main#main .pill:hover{box-shadow:0 6px 20px #22312820}
html body main#main a:focus-visible,html body button:focus-visible,html body summary:focus-visible{outline:2px solid #536a5a!important;outline-offset:5px}
html body main#main .story-card:hover,html body main#main .employer-card:hover{border-color:#8d9d91;box-shadow:0 12px 32px #25342a0c}
html body main#main details.insight-detail{border-radius:12px!important;overflow:hidden}
html body main#main details.insight-detail[open]{border-color:#849689!important;background:#fcfdfa!important}
.ad-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:10002;background:#45614e;transform:scaleX(0);transform-origin:left;pointer-events:none}
html body main#main .ad-reveal-pending{opacity:.15!important}
html body main#main .ad-reveal-visible{animation:ad-section-in .7s ease both!important}
@keyframes ad-section-in{from{opacity:.15;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@media(max-width:600px){html body main#main .section{padding-top:40px;padding-bottom:40px}html body main#main .profile-detail-grid article p{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.ad-progress{display:none}html body main#main .ad-reveal-pending{opacity:1!important}html body main#main .ad-reveal-visible{animation:none!important}html{scroll-behavior:auto!important}}
/* Modern navigation and restrained logo animation. */
html body .wrap>header,html body .wrap>header.is-scrolled{height:76px!important;border-radius:16px!important;border:1px solid #d9dfda!important;background:rgba(255,255,252,.94)!important;box-shadow:0 8px 28px #23342b09!important;gap:18px!important}
html body .wrap>header.is-scrolled{background:rgba(255,255,252,.98)!important;box-shadow:0 10px 32px #23342b14!important}
html body .wrap>header .logo{border:0!important;padding-right:12px!important;position:relative;overflow:hidden}
html body .wrap>header .brand-mark{position:relative;overflow:hidden}
html body .wrap>header .brand-mark:after{content:'';position:absolute;inset:-20% -50%;width:35%;background:linear-gradient(100deg,transparent,#ffffffc9,transparent);transform:translateX(-200%) skewX(-18deg);pointer-events:none}
html body .wrap>header .logo:hover .brand-mark:after,html body .wrap>header .logo:focus-visible .brand-mark:after{animation:ad-logo-sheen .9s ease both}
@keyframes ad-logo-sheen{to{transform:translateX(650%) skewX(-18deg)}}
html body .wrap>header nav a{font-size:11px!important;letter-spacing:0!important;font-weight:500!important;padding:10px 13px!important;border-radius:8px!important;color:#59615d!important}
html body .wrap>header nav a[aria-current="page"]{background:#eaf0eb!important;color:#263d2d!important;border-color:transparent!important}
html body .wrap>header nav a:hover{background:#eff3ef!important;color:#263d2d!important}
html body .wrap>header .contact-link{background:#263d2d!important;background-image:none!important;border-color:#263d2d!important;border-radius:10px!important;min-height:44px!important;padding:11px 17px!important;font-size:11px!important;transform:none!important;box-shadow:none!important}
html body .wrap>header .contact-link:hover{background:#3a5342!important;border-color:#3a5342!important}
html body .wrap>header .contact-link span{transition:transform .25s ease}
html body .wrap>header .contact-link:hover span{transform:translate(2px,-2px)}
@media(max-width:1050px) and (min-width:651px){html body .wrap>header nav a{font-size:10px!important;padding:10px 8px!important}}
@media(max-width:650px){html body .wrap>header,html body .wrap>header.is-scrolled{height:68px!important;padding:0 16px!important;border-radius:14px!important}html body .wrap>header .brand-mark{width:172px!important}html body .wrap>header .brand-mark img{width:192px!important}html body .wrap>header .menu{background:#edf1ed!important;border:1px solid #d4ddd5!important;border-radius:9px!important;min-height:42px!important}html body .wrap>header nav.open{top:78px!important;background:#fffffc!important;border:1px solid #dce2dc!important;border-radius:14px!important;box-shadow:0 16px 40px #26382b18!important}html body .wrap>header nav.open a{font-size:14px!important;min-height:46px!important;padding:12px 16px!important}}
@media(prefers-reduced-motion:reduce){html body .wrap>header .brand-mark:after{display:none!important}}
/* Quiet, editorial header refinement. */
html body .wrap>header,html body .wrap>header.is-scrolled{height:72px!important;padding:0 26px!important;border-radius:12px!important;border:1px solid #dedfd9!important;background:rgba(255,255,252,.96)!important;box-shadow:0 5px 22px #26342b05!important;gap:24px!important}
html body .wrap>header.is-scrolled{box-shadow:0 9px 28px #26342b0c!important}
html body .wrap>header .logo{padding-right:24px!important;border-right:1px solid #e4e5df!important}
html body .wrap>header nav{gap:4px!important;padding:0!important}
html body .wrap>header nav a{padding:12px 13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#626963!important;font-size:11px!important;letter-spacing:.015em!important}
html body .wrap>header nav a:hover,html body .wrap>header nav a[aria-current="page"]{background:transparent!important;color:#213a2a!important;border-color:transparent!important;box-shadow:none!important}
html body .wrap>header nav a:after{left:13px!important;right:13px!important;bottom:6px!important;height:1px!important;background:#627969!important;transform:scaleX(0);transition:transform .3s ease!important}
html body .wrap>header nav a:hover:after,html body .wrap>header nav a[aria-current="page"]:after{transform:scaleX(1)!important}
html body .wrap>header .contact-link{border-radius:6px!important;padding:11px 18px!important;min-height:42px!important;gap:18px!important;font-weight:500!important;background:#283d30!important;border-color:#283d30!important}
html body .wrap>header .contact-link span{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;width:auto!important;height:auto!important;padding:0!important}
@media(max-width:1100px) and (min-width:651px){html body .wrap>header{padding:0 18px!important;gap:12px!important}html body .wrap>header .logo{padding-right:14px!important}html body .wrap>header nav a{padding:10px 8px!important;font-size:10px!important}}
@media(max-width:650px){html body .wrap>header,html body .wrap>header.is-scrolled{height:66px!important;padding:0 16px!important;gap:12px!important;border-radius:12px!important}html body .wrap>header .logo{border:0!important;padding-right:0!important}html body .wrap>header .menu{background:transparent!important;border:1px solid #dce0d9!important;border-radius:6px!important;box-shadow:none!important;color:#354238!important}html body .wrap>header nav.open{top:76px!important;padding:10px!important;border-radius:12px!important}html body .wrap>header nav.open a{font-size:14px!important;padding:14px 16px!important;border-radius:6px!important}html body .wrap>header nav.open a:hover{background:#f1f4ef!important}html body .wrap>header nav.open a:after{display:none!important}}
/* Compact translucent navigation surface. */
html body .wrap>header,html body .wrap>header.is-scrolled{height:64px!important;background:rgba(255,255,252,.68)!important;backdrop-filter:blur(20px) saturate(125%)!important;-webkit-backdrop-filter:blur(20px) saturate(125%)!important;border:1px solid rgba(210,218,211,.55)!important;box-shadow:0 4px 20px rgba(32,48,38,.045)!important;border-radius:11px!important}
html body .wrap>header.is-scrolled{background:rgba(255,255,252,.76)!important;box-shadow:0 6px 24px rgba(32,48,38,.07)!important}
html body .wrap>header .contact-link{min-height:38px!important;padding:9px 16px!important}
html body .wrap>header nav a{padding-top:10px!important;padding-bottom:10px!important}
@media(max-width:650px){html body .wrap>header,html body .wrap>header.is-scrolled{height:60px!important}html body .wrap>header nav.open{top:70px!important}html body .wrap>header .menu{min-height:40px!important}}
@supports not (backdrop-filter:blur(1px)){html body .wrap>header,html body .wrap>header.is-scrolled{background:rgba(255,255,252,.95)!important}}
/* Give the biography a distinct portrait-led opening. */
html body main#main .about-biography .about-introduction{grid-template-columns:minmax(220px,.8fr) minmax(0,1.25fr)!important;gap:clamp(30px,6vw,90px)!important;padding:60px 0!important;align-items:center!important}
html body main#main .about-biography .about-introduction>div{grid-column:2;grid-row:1}
html body main#main .about-biography .about-introduction>figure{grid-column:1;grid-row:1;margin:0!important}
html body main#main .about-biography .about-introduction img{height:510px!important;border-radius:100px 100px 8px 8px!important;object-fit:cover!important}
html body main#main .about-biography .about-introduction h1{font-size:clamp(34px,4vw,58px)!important;line-height:1.12!important}
html body main#main .about-biography .about-introduction .about-lead{font-size:17px!important}
html body main#main .about-biography .about-story-copy{border-left:1px solid #cbd6cd;padding-left:30px}
html body .wrap>header nav{gap:0!important}html body .wrap>header nav a{padding-left:10px!important;padding-right:10px!important}
@media(max-width:900px){html body main#main .about-biography .about-introduction{grid-template-columns:1fr!important}html body main#main .about-biography .about-introduction>div{grid-column:1;grid-row:1}html body main#main .about-biography .about-introduction>figure{grid-column:1;grid-row:2;max-width:440px;width:100%}html body main#main .about-biography .about-introduction img{height:380px!important}html body main#main .about-biography .about-story-copy{padding-left:20px}}
/* Floating glass navigation, with a calm editorial hierarchy. */
html body .wrap>header,html body .wrap>header.is-scrolled{padding:0 20px 0 24px!important;border-radius:18px!important;background:rgba(255,255,252,.72)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 0 0 1px #273c2c0a,0 8px 28px #24362b09,inset 0 1px 0 #ffffffb3!important;gap:20px!important}
html body .wrap>header .logo{padding-right:22px!important;border-right:1px solid #25372b14!important}
html body .wrap>header nav{gap:3px!important;align-items:center!important}
html body .wrap>header nav a{padding:10px 12px!important;border-radius:8px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.005em!important;color:#5c655f!important}
html body .wrap>header nav a[aria-current="page"]{color:#243c2d!important;background:rgba(224,233,226,.64)!important}
html body .wrap>header nav a:hover{background:rgba(234,239,234,.7)!important;color:#243c2d!important}
html body .wrap>header nav a:after{left:calc(50% - 2px)!important;right:auto!important;width:4px!important;height:4px!important;border-radius:50%!important;bottom:3px!important;background:#55745e!important}
html body .wrap>header .contact-link{border-radius:9px!important;background:#263b2e!important;border:1px solid #263b2e!important;min-height:38px!important;font-size:11px!important;letter-spacing:.015em!important;box-shadow:inset 0 1px 0 #ffffff18!important;gap:17px!important}
html body .wrap>header .contact-link:hover{background:#3b5543!important;border-color:#3b5543!important}
@media(max-width:1150px) and (min-width:651px){html body .wrap>header{gap:10px!important;padding:0 16px!important}html body .wrap>header .logo{padding-right:12px!important}html body .wrap>header nav a{font-size:10px!important;padding:10px 8px!important}}
@media(max-width:650px){html body .wrap>header,html body .wrap>header.is-scrolled{padding:0 14px!important;gap:10px!important;border-radius:15px!important}html body .wrap>header .logo{border:0!important;padding:0!important}html body .wrap>header .menu{border-radius:9px!important;background:#ffffff65!important;border-color:#263b2e16!important}html body .wrap>header nav.open{padding:12px!important;border-radius:16px!important;background:rgba(255,255,252,.97)!important;backdrop-filter:blur(24px)!important;box-shadow:0 18px 45px #263b2e14!important}html body .wrap>header nav.open a{padding:13px 16px!important;font-size:14px!important;border-radius:9px!important}}
