/* A browsable network showcase, scoped apart from customer proof and hiring UI. */
.np-home .ht-showcase{position:relative;padding:72px max(4.4vw,calc((100vw - 1440px)/2)) 64px;color:#20362a;background:#f8f7f1;scroll-margin-top:90px;font:400 17px/1.45 var(--sans)}
.ht-showcase *{box-sizing:border-box}
.ht-showcase img{display:block;max-width:100%}
.np-home .ht-showcase p,.np-home .ht-showcase h2,.np-home .ht-showcase h3{margin:0}
.ht-showcase a{color:inherit;text-decoration:none}
.ht-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:34px}
.np-home .ht-showcase h2{font:400 clamp(52px,5.1vw,76px)/.98 var(--display);letter-spacing:-.025em}
.ht-intro-side{padding-bottom:4px}
.ht-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid #7c8878;padding:8px 0 10px;font-size:17px;min-height:44px}
.ht-text-link>span{font-size:23px}
.ht-gallery{display:block;overflow-x:auto;scrollbar-width:none;scroll-snap-type:none;margin:0 calc(-1 * max(4.4vw,calc((100vw - 1440px)/2)));padding:0 max(4.4vw,calc((100vw - 1440px)/2)) 8px;scroll-padding-left:max(4.4vw,calc((100vw - 1440px)/2))}
.ht-gallery::-webkit-scrollbar{display:none}
.ht-gallery-track{display:flex;gap:26px;width:max-content}
.ht-person{min-width:0;flex:0 0 clamp(260px,23.2vw,320px);width:clamp(260px,23.2vw,320px)}
.ht-gallery-copy{display:none}.ht-is-looping .ht-gallery-copy{display:block}
.ht-portrait{aspect-ratio:1/1.12;overflow:hidden;background:#e7e7df}
.ht-portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .45s ease,transform .6s ease}
.ht-bio{padding-top:20px}
.np-home .ht-showcase h3{font:400 25px/1.12 var(--sans);letter-spacing:-.025em;min-height:28px}
.np-home .ht-showcase .ht-specialty{font-size:16px;color:#47594c;margin-top:7px;min-height:46px}
.np-home .ht-showcase .ht-school{font-size:14px;color:#677464;margin-top:4px;min-height:41px}
.ht-experience{margin-top:12px;padding-top:14px;border-top:1px solid #cbd0c4}
.np-home .ht-showcase .ht-experience>p{font-size:13px;color:#6e7a6e;margin-bottom:10px}
.ht-marks{height:36px;display:flex;align-items:center;gap:24px}
.ht-employer{opacity:.72;transform:scale(.88);transform-origin:left center;position:relative;display:block;flex:0 0 auto;height:24px;width:88px}
.ht-employer img{width:100%;height:100%;object-fit:contain;object-position:left;filter:grayscale(1) brightness(.12)}
.ht-skadden{height:30px;width:87px}.ht-skadden img,.ht-salesforce img,.ht-gap img{filter:grayscale(1)}
.ht-bumble,.ht-coinbase{width:90px}.ht-doordash{width:104px}.ht-cooley{width:75px}
.ht-tiktok{width:90px;height:26px;overflow:hidden}.ht-tiktok img{max-width:none;position:absolute;width:125px;height:52px;top:-15px;left:-17px;object-fit:fill}
.ht-lyft{width:54px;height:40px}.ht-unilever{width:96px}
.ht-google{width:90px;height:29px}.ht-cisco{width:66px;height:35px}.ht-disney{width:83px;height:39px}.ht-gap{width:41px;height:37px}
.ht-meta{width:87px;height:32px}.ht-pinterest{width:27px;height:27px}.ht-adobe{width:95px;height:27px}.ht-salesforce{width:68px;height:41px}
.ht-greenberg-traurig{width:145px;height:28px}.ht-thomson-reuters{width:128px;height:33px}.ht-deepjudge{width:98px;height:30px}
.ht-person[data-person="victoria-malone"] .ht-portrait img{object-position:50% 27%}
.ht-person[data-person="cody-duncan"] .ht-portrait img{transform:scale(1.035)}
.ht-person[data-person="jacqueline-johansen"] .ht-portrait{position:relative}
.ht-person[data-person="jacqueline-johansen"] .ht-portrait img{position:absolute;width:247%;max-width:none;height:auto;left:-14%;top:-7.4%;transform:none}
.ht-showcase a:focus-visible,.ht-showcase button:focus-visible,.ht-gallery:focus-visible{outline:3px solid #7066b3;outline-offset:5px}.ht-gallery:focus-visible{outline-offset:-3px}
@media(hover:hover){.ht-person:hover .ht-portrait img{filter:grayscale(.1)}}
@media(min-width:751px){.ht-person[data-person="victoria-malone"] .ht-portrait img{transform:scale(1.45);transform-origin:50% 20%}}
@media(min-width:1700px){.ht-portrait{aspect-ratio:1/1.02}}
@media(max-width:1100px){.ht-marks{gap:14px}.np-home .ht-showcase h3{font-size:23px}.np-home .ht-showcase .ht-specialty{font-size:15px}}
@media(max-width:750px){
 .np-home .ht-showcase{padding:42px 0 38px;scroll-margin-top:70px}
 .ht-intro{padding:0 24px;display:block;margin:0 0 28px}
 .np-home .ht-showcase h2{font-size:51px;line-height:1}
 .ht-intro-side{padding-top:20px}.ht-intro-side .ht-text-link{font-size:16px;gap:50px;padding:5px 0;min-height:44px}
 .ht-gallery{margin:0;padding:0 24px 6px;scroll-snap-type:x mandatory;scroll-padding-left:24px}
 .ht-gallery-track{gap:17px}.ht-person{width:calc(100vw - 73px);flex-basis:calc(100vw - 73px);scroll-snap-align:start}
 .ht-portrait{aspect-ratio:1.15/1}.ht-bio{padding-top:16px}
 .np-home .ht-showcase h3{font-size:27px;min-height:0}.np-home .ht-showcase .ht-specialty{font-size:16px;min-height:0}.np-home .ht-showcase .ht-school{min-height:0;margin-top:3px}
 .ht-experience{margin-top:16px;padding-top:12px}.np-home .ht-showcase .ht-experience>p{margin-bottom:7px}.ht-marks{height:32px;gap:25px}
 .ht-person[data-person="jacqueline-johansen"] .ht-portrait img{width:222.222%;left:-7.407%;top:-8.7%}
}
@media(hover:none),(prefers-reduced-motion:reduce){.ht-gallery{scroll-snap-type:x mandatory}.ht-person{scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.ht-showcase *{scroll-behavior:auto!important;transition:none!important}}

.ht-motion-toggle{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ht-motion-toggle[hidden]{display:none}
.ht-motion-toggle:focus-visible{z-index:2;top:12px;right:24px;width:auto;height:auto;min-height:44px;padding:10px 16px;clip-path:none;background:#f8f7f1;color:#20362a;font:400 15px/1.3 var(--sans);border:1px solid #7c8878}
