:root{--portal-height:680px;--original-research-height:373px;--portal-section-shift:calc(var(--portal-height) - var(--original-research-height))}
.research-home-section{left:50%;transform:translateX(-50%);width:100vw;min-width:var(--page-width);height:var(--portal-height)}
:root{--inline-banner-scale:.625;--inline-banner-height:480px;--inline-banner-gap:50px;--inline-banner-space:calc(var(--inline-banner-height) + var(--inline-banner-gap));--inline-banner-copy-left:307px}
.home-main{height:calc(var(--main-height) + var(--portal-section-shift) + var(--inline-banner-space))}
.recommendations{top:var(--portal-height)}
.resources{top:calc(var(--resources-top) + var(--portal-section-shift) + var(--inline-banner-space))}
.main-content>.banner{--inline-banner-scale:.5;--feature-max-width:2200px;--feature-width:min(50vw,1100px);--feature-height:420px;--feature-side-height:340px;--feature-gap:16px;--feature-arrow-offset:72px;--feature-speed:300ms;--feature-arrow-size:48px;--feature-arrow-icon:24px;--feature-indicator-gap:20px;--feature-border:4px;--feature-shadow:0 0 20px color-mix(in srgb,var(--brand) 20%,transparent);position:absolute;left:50%;transform:translateX(-50%);top:calc(var(--portal-height) + var(--recommendation-section-height) + var(--inline-banner-gap));width:100vw;max-width:var(--feature-max-width);height:var(--inline-banner-height);background:none}
.banner-track{position:absolute;left:calc(50% - var(--feature-width) / 2);top:var(--s3);height:var(--feature-height);display:flex;align-items:center;gap:var(--feature-gap);transform:translateX(calc(var(--feature-index) * (var(--feature-width) + var(--feature-gap)) * -1));transition:transform var(--feature-speed) ease}
.banner-track .banner-slide{position:relative;inset:auto;flex:0 0 var(--feature-width);width:var(--feature-width);height:var(--feature-side-height);opacity:1;visibility:visible;border:var(--feature-border) solid var(--paper);border-radius:var(--radius-sm);box-shadow:var(--feature-shadow);transition:height var(--feature-speed) ease}
.banner-track .banner-slide.is-active{height:var(--feature-height)}
.banner-track .banner-slide-original{background:url('./images/hall.png') center / cover}
.banner-track .banner-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,var(--page-bg),color-mix(in srgb,var(--page-bg) 30%,transparent));opacity:1;pointer-events:none;transition:opacity var(--feature-speed) ease}
.banner-track .banner-slide.is-before::after{background:linear-gradient(90deg,var(--page-bg),color-mix(in srgb,var(--page-bg) 30%,transparent))}
.banner-track .banner-slide.is-active::after{opacity:0}
.banner-track.is-resetting,.banner-track.is-resetting .banner-slide,.banner-track.is-resetting .banner-slide::after{transition:none}
.banner-arrow{position:absolute;z-index:2;top:calc(var(--s3) + var(--feature-height) / 2);transform:translateY(-50%);width:var(--feature-arrow-size);height:var(--feature-arrow-size);display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--active);font-size:var(--s9);box-shadow:var(--card-shadow)}
.banner-arrow svg{display:block;width:var(--feature-arrow-icon);height:var(--feature-arrow-icon)}
.main-content>.banner .banner-dots{top:calc(var(--s3) + var(--feature-height) + var(--feature-indicator-gap));bottom:auto}
.banner-arrow:hover{background:var(--subtle)}
.banner-arrow-prev{left:calc(50% - var(--feature-width) / 2 - var(--feature-arrow-offset))}
.banner-arrow-next{right:calc(50% - var(--feature-width) / 2 - var(--feature-arrow-offset))}
.main-content>.banner .banner-dot::before{background:var(--heading-line)}
.main-content>.banner .banner-dot.selected::before{background:var(--primary)}
.main-content>.banner .banner-dot:focus-visible{outline-color:var(--primary)}
@media(prefers-reduced-motion:reduce){.banner-track,.banner-track .banner-slide,.banner-track .banner-slide::after{transition:none}}
.main-content>.banner .banner-art{min-width:0;width:100%;height:100%;object-fit:cover}
.main-content>.banner :is(.banner-slide-original,.banner-slide-native) .content{width:100%;height:var(--banner-art-height);top:50%;transform:translateY(-50%)}
.banner-slide-native{--banner-native-title-size:65px;--banner-native-title-line:87px}
.banner-slide-research{--banner-native-title-size:70px}
.banner-slide-resources{--inline-banner-copy-left:277px}
.banner-slide-native::before{content:'';position:absolute;inset:0;z-index:1;background:var(--banner-tint);pointer-events:none}
.banner-slide-native .content{z-index:2}
.banner-slide-native .banner-trails{z-index:1}
.banner-slide-native .banner-title{font-size:var(--banner-native-title-size);font-weight:700;line-height:var(--banner-native-title-line);white-space:nowrap;color:var(--paper);text-shadow:var(--text-shadow)}
.banner-slide-native .banner-title em{font-style:normal;background:var(--banner-emphasis);color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}
.banner-track .banner-slide-native::after{z-index:3}
.main-content>.banner .banner-copy{left:calc(var(--inline-banner-copy-left) * var(--inline-banner-scale))}
.main-content>.banner .banner-trails{width:calc(1414px * var(--inline-banner-scale));height:calc(283px * var(--inline-banner-scale));left:calc(-10px * var(--inline-banner-scale));top:calc(229px * var(--inline-banner-scale))}
.home-main::before{top:var(--portal-height);mask-image:linear-gradient(transparent,black 20%,black 67%,transparent 92%)}