.portfolio-index{position:fixed;z-index:15;left:max(20px,calc((100vw - 1510px)/2));top:105px;width:190px;max-height:calc(100vh - 125px);overflow-y:auto;scrollbar-width:thin}
.portfolio-index-inner{border-left:1px solid #bbc9e1;padding:7px 0 7px 18px}
.portfolio-index-home{display:block;font-size:11px;font-weight:750;color:#70809d;line-height:1.5;margin-bottom:24px}
.portfolio-index-home[aria-current]{color:#315fc0;font-weight:850}
.portfolio-index-group+.portfolio-index-group{border-top:1px solid #cbd6e9;margin-top:19px;padding-top:17px}
.portfolio-index-title{display:block;font-size:11px;line-height:1.5;letter-spacing:.06em;font-weight:850;color:#425778;margin-bottom:11px}
body.in-agent .portfolio-index-agent>.portfolio-index-title,body.in-museum .portfolio-index-museum>.portfolio-index-title{color:#315fc0}
.portfolio-index nav{display:flex;flex-direction:column;align-items:stretch}
.portfolio-index nav a{position:relative;display:block;padding:7px 0;font-size:12px;font-weight:750;color:#60718e;transition:color .2s}
.portfolio-index nav a:hover,.portfolio-index nav a[aria-current]{color:#3e62ad}
.portfolio-index nav a[aria-current]:before{content:"";position:absolute;left:-20px;top:5px;bottom:5px;width:3px;border-radius:3px;background:#5571bf}
@media(min-width:1101px){.hero-v2 .hero-copy{margin-left:190px;width:calc(62% - 120px)}}
@media(max-width:1100px){.portfolio-index{top:67px;left:0;width:100%;max-height:none;overflow:visible;background:#f7f9ffef;border-bottom:1px solid #cbd6e9;backdrop-filter:blur(15px)}.portfolio-index-inner{border:0;padding:5px 28px}.portfolio-index-home{display:none}.portfolio-index-group{display:flex;align-items:center;gap:14px}.portfolio-index-group+.portfolio-index-group{border-top:1px solid #dce6f2;margin:0;padding:0}.portfolio-index-title{flex:0 0 145px;margin:0;padding:6px 0;font-size:11px}.portfolio-index nav{min-width:0;flex:1;display:flex;flex-direction:row;gap:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.portfolio-index nav::-webkit-scrollbar{display:none}.portfolio-index nav a{flex:none;padding:6px 0;font-size:11px}.portfolio-index nav a[aria-current]:before{left:0;right:0;top:auto;bottom:0;width:auto;height:2px}}
@media(max-width:570px){.portfolio-index{top:61px}.portfolio-index-inner{padding:4px 20px}.portfolio-index-group{gap:8px}.portfolio-index-title{flex-basis:95px;font-size:10px}.portfolio-index nav{gap:14px}}
@media(max-width:1100px){.agent-story [id],.museum-story [id]{scroll-margin-top:165px}}
@media(max-width:1100px){.hero-v2 .hero-copy{padding-top:165px}}