:root {
 --breadcrumb-arrow-width: 24px;
}

.site-top-atmosphere {
 position: fixed;
 inset: 0 0 auto 0;
 z-index: 60;
 height: var(--breadcrumb-visual-layer-space);
 pointer-events: none;
 background:
 radial-gradient(ellipse at 11% 18%, rgba(var(--champagne-rgb), .080), transparent 34rem),
 radial-gradient(ellipse at 45% 0%, rgba(255, 251, 234, .052), transparent 34rem),
 radial-gradient(ellipse at 22% 64%, rgba(var(--brand-blue-rgb), .038), transparent 28rem),
 linear-gradient(180deg, rgba(8, 10, 8, .62) 0%, rgba(8, 10, 8, .34) 48%, rgba(8, 10, 8, .12) 78%, transparent 100%);
 -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .96) 64%, rgba(0, 0, 0, .42) 86%, transparent 100%);
 mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .96) 64%, rgba(0, 0, 0, .42) 86%, transparent 100%);
}

body.no-breadcrumb .site-top-atmosphere {
 height: calc(var(--top-menu-space) + clamp(22px, 3vh, 42px));
}

.site-breadcrumb-slot {
 position: fixed;
 inset: var(--breadcrumb-layer-top) 0 auto 0;
 z-index: 70;
 padding: 0 var(--page-gutter) var(--breadcrumb-content-gap);
 pointer-events: none;
}

.site-breadcrumb {
 position: relative;
 z-index: 1;
 margin: 0;
 padding: 0;
 font-family: var(--font-menu);
 pointer-events: none;
}

.site-breadcrumb-list {
 position: relative;
 display: inline-flex;
 align-items: center;
 width: fit-content;
 max-width: 100%;
 margin: 0;
 padding: 0 0 7px;
 list-style: none;
 color: rgba(255, 248, 232, .94);
 pointer-events: auto;
 overflow: visible;
}

.site-breadcrumb-list::after {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 1px;
 border-radius: 999px;
 background: linear-gradient(90deg, transparent, rgba(var(--brand-blue-rgb), .34) 18%, rgba(var(--brand-blue-rgb), .17) 68%, transparent);
 box-shadow: 0 0 4px rgba(var(--brand-blue-rgb), .06);
 opacity: .68;
 transform: scaleY(.58);
 transform-origin: center;
 pointer-events: none;
}

.site-breadcrumb-item {
 display: inline-flex;
 align-items: center;
 min-width: 0;
 color: rgba(255, 248, 232, .9);
 font-size: clamp(.96rem, .98vw, 1.13rem);
 font-weight: 850;
 line-height: 1.2;
 letter-spacing: .07em;
 text-transform: uppercase;
 white-space: nowrap;
 text-shadow: 0 1px 14px rgba(0, 0, 0, .86), 0 0 24px rgba(var(--champagne-rgb), .13);
}

.site-breadcrumb-separator {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: var(--breadcrumb-arrow-width);
 height: 12px;
 margin: 0 13px;
 color: rgba(var(--champagne-rgb), .72);
 transform: translateY(-1px);
 opacity: .92;
 pointer-events: none;
}

.site-breadcrumb-separator-line {
 display: block;
 width: 17px;
 height: 1px;
 border-radius: 999px;
 background: linear-gradient(90deg, rgba(var(--champagne-rgb), .18), rgba(var(--champagne-rgb), .68));
 box-shadow: 0 0 5px rgba(var(--champagne-rgb), .10);
}

.site-breadcrumb-separator-head {
 display: block;
 width: 6px;
 height: 6px;
 margin-left: -5px;
 border-top: 1px solid currentColor;
 border-right: 1px solid currentColor;
 transform: rotate(45deg);
 transform-origin: center;
 filter: drop-shadow(0 0 3px rgba(var(--champagne-rgb), .12));
}

.site-breadcrumb-link,
.site-breadcrumb-label {
 display: inline-block;
 min-width: 0;
 max-width: 32ch;
 padding-block: 2px;
 overflow: hidden;
 text-overflow: ellipsis;
 vertical-align: middle;
}

.site-breadcrumb-link {
 color: rgba(255, 248, 232, .9);
 text-decoration: none;
 border-radius: 6px;
 transition: color .2s var(--ease), text-shadow .2s var(--ease), opacity .2s var(--ease), outline-color .2s var(--ease);
}

.site-breadcrumb-link:hover {
 color: rgba(255, 251, 234, 1);
 text-shadow: 0 1px 16px rgba(0, 0, 0, .92), 0 0 24px rgba(var(--champagne-rgb), .22), 0 0 20px rgba(var(--brand-blue-rgb), .10);
}

.site-breadcrumb-link:focus-visible {
 color: rgba(255, 251, 234, 1);
 outline: 1px solid rgba(var(--champagne-rgb), .58);
 outline-offset: 5px;
 text-shadow: 0 1px 16px rgba(0, 0, 0, .92), 0 0 24px rgba(var(--champagne-rgb), .22), 0 0 20px rgba(var(--brand-blue-rgb), .10);
}

.site-breadcrumb-item.is-current .site-breadcrumb-label {
 color: rgba(var(--champagne-rgb), .99);
 font-weight: 900;
 text-shadow: 0 1px 16px rgba(0, 0, 0, .92), 0 0 30px rgba(var(--champagne-rgb), .28);
}

.site-breadcrumb.is-root .site-breadcrumb-list {
 opacity: 1;
}

.site-breadcrumb.is-root .site-breadcrumb-list::after {
 opacity: .68;
}

@media (max-width: 980px) {
 .site-breadcrumb-item {
 font-size: .9rem;
 letter-spacing: .062em;
 }

 .site-breadcrumb-separator {
 width: 21px;
 margin-inline: 10px;
 }

 .site-breadcrumb-separator-line {
 width: 15px;
 }

 .site-breadcrumb-separator-head {
 width: 5px;
 height: 5px;
 margin-left: -4px;
 }

 .site-breadcrumb-link,
 .site-breadcrumb-label {
 max-width: 24ch;
 }
}

@media (max-width: 620px) {
 :root {
 --top-menu-offset: 10px;
 --breadcrumb-menu-gap: 10px;
 --breadcrumb-content-gap: 20px;
 --breadcrumb-row-height: 27px;
 --breadcrumb-layer-top: calc(var(--top-menu-space) + var(--breadcrumb-menu-gap));
 --breadcrumb-layer-space: calc(var(--top-menu-space) + var(--breadcrumb-menu-gap) + var(--breadcrumb-row-height) + var(--breadcrumb-content-gap));
 --breadcrumb-visual-layer-space: calc(var(--breadcrumb-layer-space) + 20px);
 --content-start-with-breadcrumb: 36px;
 --home-start-with-breadcrumb: 42px;
 --home-sticky-top-with-breadcrumb: auto;
 }

 .site-breadcrumb-slot {
 padding-left: 10px;
 padding-right: 10px;
 }

 .site-breadcrumb-list {
 max-width: 100%;
 padding-bottom: 6px;
 overflow-x: auto;
 overflow-y: visible;
 scrollbar-width: none;
 }

 .site-breadcrumb-list::-webkit-scrollbar {
 display: none;
 }

 .site-breadcrumb-item {
 flex: 0 0 auto;
 font-size: .8rem;
 letter-spacing: .052em;
 }

 .site-breadcrumb-separator {
 width: 18px;
 margin-inline: 8px;
 }

 .site-breadcrumb-separator-line {
 width: 13px;
 }

 .site-breadcrumb-separator-head {
 width: 5px;
 height: 5px;
 margin-left: -4px;
 }

 .site-breadcrumb-link,
 .site-breadcrumb-label {
 max-width: 19ch;
 }
}