/* Shared material, a separate optical composition for every destination. */
.site-header .public-nav-links{background:#08162cfb;border:1px solid #a4bed42a;border-radius:0 0 24px 24px;box-shadow:0 26px 60px #0007;isolation:isolate}
.site-header .public-nav-links::before,.site-header .public-nav-links::after,.public-nav-toggle::after,.nav-selection{display:none}
.site-header .public-nav-links:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.8fr);gap:20px 48px;padding:28px 36px 20px;min-height:0}
.nav-link-list{min-width:0;align-self:center}
.site-header #navigation .nav-link-list>a{display:flex;align-items:center;min-height:52px;padding:9px 12px;border:0;gap:12px;border-radius:8px;animation:none}
.site-header #navigation .nav-link-list>a::before{display:none}
.site-header #navigation .nav-link-list>a::after{margin-left:auto;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
.site-header #navigation .nav-link-list>a.nav-target::after{opacity:1;transform:none}
.site-header #navigation .nav-link-list>a.nav-target{background:#8dbaff0c!important}
.nav-link-list .nav-destination{gap:2px}
.nav-link-list .nav-destination-title{font-size:19px;font-weight:400}
.nav-link-list .nav-destination small{max-width:none;font-size:13px;color:#9dacc1;line-height:1.5}
.nav-art{position:relative;overflow:hidden;min-height:265px;border-radius:16px;background:#08162c;align-self:stretch;pointer-events:auto;transform:perspective(850px) rotateX(var(--art-x,0deg)) rotateY(var(--art-y,0deg)) rotateZ(var(--art-z,0deg));transition:transform .65s cubic-bezier(.2,.75,.25,1);will-change:transform}
.nav-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.95) translateY(8px);transition:opacity .45s ease,transform .8s cubic-bezier(.2,.7,.2,1);mix-blend-mode:lighten}
.nav-art-image.is-active{opacity:1;transform:scale(1) translateY(0);animation:nav-ribbon-arrive 1.4s cubic-bezier(.16,1,.3,1) both,nav-optic-drift 8s 1.4s ease-in-out infinite alternate}
@keyframes nav-ribbon-arrive{from{transform:perspective(850px) rotateY(-18deg) rotateZ(-5deg) scale(.89) translateY(10px)}to{transform:perspective(850px) rotateY(0deg) rotateZ(0deg) scale(1) translateY(0)}}
@keyframes nav-optic-drift{from{transform:rotate(-1deg) scale(1) translateY(0)}to{transform:rotate(2deg) scale(1.035) translateY(-4px)}}
.nav-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 22px;padding-top:8px}
.site-header #navigation .nav-socials>a{display:inline-flex;padding:8px 0;min-height:44px;border:0;font-size:13px;color:#9eafc5;animation:none;gap:0}
.site-header #navigation .nav-socials>a::before,.site-header #navigation .nav-socials>a::after{display:none}
.site-header #navigation .nav-socials>a:hover{color:white}
.site-header #navigation .nav-socials{gap:8px}
.site-header #navigation .nav-socials>a{width:44px;height:44px;padding:0;align-items:center;justify-content:center;border-radius:50%;color:#b8c9df;transition:color .2s,transform .2s}
.site-header #navigation .nav-socials>a svg{display:block;width:20px;height:20px;flex:none}
.site-header #navigation .nav-socials>a:hover{color:#fff;transform:translateY(-2px)}
.site-header #navigation .nav-socials>a:focus-visible{outline:2px solid #c5e4ff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.site-header #navigation .nav-socials>a{transition:none;transform:none}}
@media(min-width:1101px){.site-header .public-nav-links{max-width:940px;margin-left:auto;margin-right:auto;max-height:calc(100dvh - 110px)}}
@media(max-width:1100px){.site-header .public-nav-links:not([hidden]){padding:16px;gap:12px 20px;grid-template-columns:minmax(0,1fr) minmax(110px,.55fr)}.nav-art{min-height:180px;max-height:280px}.nav-art-image.is-active{animation:none}.nav-link-list .nav-destination-title{font-size:17px}.nav-link-list .nav-destination small{font-size:13px}.nav-socials{gap:2px 16px}}
@media(max-width:560px){.site-header .public-nav-links:not([hidden]){grid-template-columns:1fr;padding:12px}.nav-art{display:none}.nav-link-list .nav-destination-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){.nav-art-image,.nav-art-image.is-active{animation:none;transition:none;transform:none}}
.motion-paused .nav-art-image,.motion-paused .nav-art-image.is-active{animation:none;transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.nav-art{transform:none;transition:none;will-change:auto}}
.motion-paused .nav-art{transform:none;transition:none;will-change:auto}
@media(hover:none){.nav-art{transform:none;transition:none;will-change:auto}.nav-art-image.is-active{animation:none}}