/* A quiet portrait and an open, illuminated chronology. */
#the-mentor{--mentor-tone:#e5c3a5;--mentor-progress:0;isolation:isolate}
#the-mentor .hu-founder-copy{min-width:0}
#the-mentor .hu-founder-copy>.eyebrow{display:flex;align-items:center;gap:15px}
#the-mentor .hu-founder-copy>.eyebrow:before{content:'';width:30px;height:1px;background:#e5c3a5;box-shadow:0 0 12px #e5c3a560}
#the-mentor .hu-founder-copy>p:not(.eyebrow){max-width:65ch}
#the-mentor .hu-founder-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 86% 76%,#e5c3a50b,transparent 58%)}
#the-mentor .hu-founder-photo>span{padding-top:15px}
#the-mentor .hu-founder-photo>span:before{content:'';position:absolute;top:0;left:0;width:45px;height:1px;background:linear-gradient(90deg,#e5c3a5,transparent)}
#the-mentor .hu-timeline{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0 0;isolation:isolate}
#the-mentor .hu-timeline:before,#the-mentor .hu-timeline:after{content:'';position:absolute;left:0;top:64px;height:1px;pointer-events:none}
#the-mentor .hu-timeline:before{right:0;background:linear-gradient(90deg,#e5c3a54d,#a6d6c53d,#c8b4df3d)}
#the-mentor .hu-timeline:after{width:calc((100% + 22px) * var(--mentor-progress) / 3);background:linear-gradient(90deg,#e5c3a5,var(--mentor-tone));box-shadow:0 0 13px var(--mentor-tone);transition:width .65s ease}
#the-mentor .hu-timeline li{position:relative;min-width:0;padding:0;border:0}
#the-mentor .hu-year{display:block;position:relative;min-width:0;width:auto;height:65px;padding:0 0 19px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:clamp(30px,3.2cqw,46px);font-weight:300;line-height:1;letter-spacing:-.065em;color:#818477;text-align:left;transition:color .5s,text-shadow .5s}
#the-mentor .hu-year:after{content:'';position:absolute;bottom:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#757768;box-shadow:0 0 0 5px #1a1914;transition:background .5s,box-shadow .5s}
#the-mentor .hu-year[aria-pressed=true]{color:var(--mentor-tone);border:0;background:transparent;box-shadow:none;text-shadow:0 0 30px color-mix(in srgb,var(--mentor-tone) 22%,transparent)}
#the-mentor .hu-year[aria-pressed=true]:after{background:var(--mentor-tone);box-shadow:0 0 0 5px #1a1914,0 0 20px var(--mentor-tone)}
#the-mentor .hu-year:hover{color:#f0e8de}
#the-mentor .hu-year:focus-visible{outline:1px solid var(--mentor-tone);outline-offset:6px}
#the-mentor .hu-timeline li>div{margin-top:20px}
#the-mentor .hu-timeline h3{font-size:13px;line-height:1.4;color:#cbcbbf;margin-bottom:7px;transition:color .5s}
#the-mentor .hu-timeline li:has([aria-pressed=true]) h3{color:#f0ece3}
#the-mentor .hu-timeline p{font-size:11px;line-height:1.65;color:#92968e}
#the-mentor .hu-milestone-detail{position:relative;isolation:isolate;min-height:148px;margin-top:25px;padding:24px 34% 14px 0;border:0;background:radial-gradient(ellipse at 78% 65%,color-mix(in srgb,var(--mentor-tone) 7%,transparent),transparent 65%)}
#the-mentor .hu-milestone-detail:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--mentor-tone) 28%,transparent),transparent)}
#the-mentor .hu-milestone-detail:after{content:attr(data-year);position:absolute;right:0;top:6px;font-size:clamp(65px,7cqw,100px);font-weight:300;line-height:1;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--mentor-tone) 15%,transparent);z-index:-1;pointer-events:none}
#the-mentor .hu-milestone-detail .hu-meta{color:var(--mentor-tone);font-size:9px;letter-spacing:.12em;line-height:1.6}
#the-mentor .hu-milestone-detail h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:12px 0 9px}
#the-mentor .hu-milestone-detail p{font-size:12px;line-height:1.7}
#the-mentor .mentor-story-art{position:absolute;right:0;bottom:0;width:30%;max-width:165px;color:var(--mentor-tone);opacity:.65;pointer-events:none}
#the-mentor .mentor-story-art svg{display:block;width:100%;height:auto}
#the-mentor .mentor-story-art g{display:none}
#the-mentor[data-mentor-era="0"] [data-era="0"],#the-mentor[data-mentor-era="1"] [data-era="1"],#the-mentor[data-mentor-era="2"] [data-era="2"]{display:block}
#the-mentor .mentor-draw{stroke-dasharray:500;stroke-dashoffset:0;animation:mentor-ink 1.3s ease both}
@keyframes mentor-ink{from{stroke-dashoffset:500;opacity:.2}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:700px){
 #the-mentor .hu-founder-copy>.eyebrow{gap:7px;letter-spacing:.14em}
 #the-mentor .hu-founder-copy>.eyebrow:before{width:15px;flex:none}
 #the-mentor .hu-timeline{gap:9px;margin-top:23px}
 #the-mentor .hu-timeline:before,#the-mentor .hu-timeline:after{top:48px}
 #the-mentor .hu-timeline:after{width:calc((100% + 9px) * var(--mentor-progress) / 3)}
 #the-mentor .hu-year{height:49px;font-size:clamp(21px,5.1vw,30px);padding-bottom:15px}
 #the-mentor .hu-timeline li>div{margin-top:16px}
 #the-mentor .hu-timeline h3{font-size:10px;line-height:1.45}
 #the-mentor .hu-milestone-detail{margin-top:18px;padding:18px 0 63px;min-height:170px}
 #the-mentor .hu-milestone-detail .hu-meta{font-size:8px}
 #the-mentor .hu-milestone-detail h3{font-size:21px}
 #the-mentor .hu-milestone-detail p{font-size:11px}
 #the-mentor .hu-milestone-detail:after{top:auto;bottom:0;font-size:60px;right:0}
 #the-mentor .mentor-story-art{width:85px;right:auto;left:0;bottom:0}
}
@media(prefers-reduced-motion:reduce){#the-mentor *,#the-mentor *:before,#the-mentor *:after{animation:none!important;transition:none!important}}