.hero .hero-archive,.page-hero .hero-archive{left:68%;width:72vw;top:-40px;bottom:-35px;display:block;opacity:1;isolation:isolate;transform:translateX(-50%) translateY(calc(var(--archive-progress,0)*-42px));mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);pointer-events:none}
.hero-archive .inheritance-layer{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:var(--depth);opacity:var(--strength);background:none;overflow:visible;transform:translateY(calc(var(--archive-progress,0)*var(--travel)));transform-origin:center;mask-image:radial-gradient(ellipse 70% 70%,#000 7%,#000d 25%,#0007 45%,#0002 59%,transparent 70%)}
.hero-archive .inheritance-layer img{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;filter:saturate(.52) contrast(.96);opacity:1;mask-image:none;transform:none}
.hero-archive .inheritance-portrait{mask-image:radial-gradient(ellipse 67% 67% at 50% 44%,#000 8%,#000d 28%,#0007 46%,#0002 59%,transparent 70%)}
.hero-archive .inheritance-city img{filter:saturate(.72) contrast(.94)}
.inheritance-filaments{position:absolute;inset:0;width:100%;height:100%;z-index:0;fill:none;stroke:#cad6cc;stroke-width:.6;opacity:.075;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 94%,transparent)}.inheritance-filaments path{vector-effect:non-scaling-stroke}.inheritance-filaments path+path{opacity:.45}
.hero-city,.page-cities .hero-city{opacity:.025;mask-image:none}.hero-city img{opacity:.6}
.hero-shade,.page-cities .hero-shade{background:linear-gradient(90deg,#111719d6 0%,#1117197a 32%,#1117191a 65%,#11171900),linear-gradient(0deg,#111719 0%,#11171966 14%,transparent 35%,#1117191a 86%,#11171955)}
.page-cities .hero-archive{display:block}
.image-credit-link{display:inline-block;margin-top:25px;font-size:11px;color:#586b65;text-decoration:underline;text-underline-offset:4px}
                                                                                               
.masthead .header .menu-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 48px;min-width:48px;width:48px;height:48px;gap:0;padding:0;margin-right:calc(-10px + var(--header-collapse,0)*10px);border-radius:8px;transition:background .2s;color:#edf2ef}.masthead .header .menu-toggle:hover{background:#ffffff0c}.masthead .header .menu-toggle i,.masthead .header .menu-toggle:hover i{display:block;position:relative;width:27px;height:1.5px;background:currentColor;border:0;transition:background .2s}.menu-toggle i:before,.menu-toggle i:after{content:'';position:absolute;left:0;width:27px;height:1.5px;background:currentColor;transition:transform .25s}.menu-toggle i:before{top:-7px}.menu-toggle i:after{top:7px}.menu-toggle[aria-expanded=true] i{background:transparent!important}.menu-toggle[aria-expanded=true] i:before{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:after{transform:translateY(-7px) rotate(-45deg)}.masthead .header .menu-toggle:focus-visible{outline:2px solid #d0e0d4;outline-offset:2px}


@media(min-width:1600px){.hero .hero-archive,.page-hero .hero-archive{width:min(74vw,1320px);left:67%}}
@media(max-width:800px){.hero .hero-archive,.page-hero .hero-archive{left:65%;width:86vw;top:-15px;bottom:-30px}}
@media(max-width:650px){.hero .hero-archive,.page-hero .hero-archive{left:50%;width:116vw;top:29%;height:66%;bottom:auto;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 95%,transparent);transform:translateX(-50%) translateY(calc(var(--archive-progress,0)*-24px))}.hero-archive .inheritance-layer{transform:translateY(calc(var(--archive-progress,0)*var(--travel)*.6))}.hero-shade,.page-cities .hero-shade{background:linear-gradient(0deg,#111719 0%,#11171955 16%,transparent 43%,#11171900 80%,#11171922)}.hero-city{opacity:.015}.inheritance-filaments{opacity:.06}.masthead .header .menu-toggle{width:46px;min-width:46px;flex-basis:46px;height:46px;margin-right:calc(-10px + var(--header-collapse,0)*10px)}.masthead .header .menu-toggle i,.masthead .header .menu-toggle:hover i,.menu-toggle i:before,.menu-toggle i:after{width:25px}}
@media(prefers-reduced-motion:reduce){.hero .hero-archive,.page-hero .hero-archive{transform:translateX(-50%)}.hero-archive .inheritance-layer{transform:none}.masthead .header .menu-toggle,.menu-toggle i,.menu-toggle i:before,.menu-toggle i:after{transition:none}}
.motion-paused .hero .hero-archive{transform:translateX(-50%)}.motion-paused .hero-archive .inheritance-layer{transform:none}.motion-paused .menu-toggle,.motion-paused .menu-toggle i,.motion-paused .menu-toggle i:before,.motion-paused .menu-toggle i:after{transition:none}