/* Global site menu, proportioned to the BC FORGED reference navigation. */
.navigation{
  width:min(815px,100vw);background:linear-gradient(45deg,#b8272d -12%,#000 15%);
  overflow-x:hidden;scrollbar-color:#777 #050505;
}
.navigation::backdrop{background:#000d;backdrop-filter:blur(2px)}
.navigation[open]{animation:site-menu-in .42s cubic-bezier(.22,1,.36,1)}
.menu-close{right:40px;top:55px;width:40px;height:40px}
.menu-close span{top:19px;left:0;width:40px;height:1px}
.nav-content{box-sizing:border-box;min-height:100%;padding:80px 0 40px;display:flex;flex-direction:column}
.nav-list{display:flex;flex-direction:column;gap:0;flex:0 0 auto}
.nav-list a{
  position:relative;display:flex;align-items:center;box-sizing:border-box;height:auto;min-height:0;
  padding:2.5vh 55px;color:#ebebeb;text-decoration:none;text-align:left;
  background:linear-gradient(90deg,#333 0,transparent 55%);transition:color .22s,filter .22s;
}
.nav-list a::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:10px;
  border-top:1px solid #ffffffb5;background:linear-gradient(90deg,#ba272c44 0,transparent 33%);pointer-events:none;
}
.nav-list a:nth-child(1){width:70.6%}.nav-list a:nth-child(2){width:65.3%}.nav-list a:nth-child(3){width:60%}.nav-list a:nth-child(4){width:54.7%}.nav-list a:nth-child(5){width:49.4%}.nav-list a:nth-child(6){width:44.1%}.nav-list a:nth-child(7){width:38.8%}
.nav-list a:hover,.nav-list a:focus-visible{color:#fff;filter:brightness(1.25);outline:none}
.nav-title{font-size:24px;font-weight:500;line-height:1.15;letter-spacing:.5px;white-space:nowrap;transform:scaleX(1.3);transform-origin:left center}
.double-arrow{position:absolute;right:-70px;top:50%;width:42px;height:40px;transform:translateY(-50%);transition:transform .25s}
.double-arrow::before,.double-arrow::after{content:'';position:absolute;top:8px;width:21px;height:21px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:rotate(45deg)}
.double-arrow::before{left:0}.double-arrow::after{left:13px}
.nav-list a:hover .double-arrow,.nav-list a:focus-visible .double-arrow{transform:translate(12px,-50%)}
.nav-footer{margin:20px 0 0;padding:47px 62px;display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:20px 70px;color:#f3f3f3}
.nav-contact,.nav-follow{display:flex;align-items:center;font-size:20px;letter-spacing:1px;white-space:nowrap}
.nav-contact{gap:12px}.nav-contact strong,.nav-contact a,.nav-follow strong{display:inline-block}
.nav-contact a{margin-left:20px;color:inherit;text-decoration:none}.nav-contact a:hover{text-decoration:underline;text-underline-offset:5px}
.nav-contact-caret{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #ddd}
.nav-follow{justify-self:end;gap:54px;font-size:19px}.nav-socials{display:flex;gap:10px}.nav-socials a{display:block;width:28px;height:28px;color:#f4f4f4}
.nav-socials svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3}.nav-socials path:not(.nav-social-fill){fill:currentColor;stroke:none}.nav-socials .nav-social-fill{fill:currentColor;stroke:none}
.nav-socials a:hover{opacity:.68}
.nav-footer .nav-copyright{grid-column:1/-1;margin:0;color:#e7e7e7;font-size:14px;font-weight:300;letter-spacing:1px}
@keyframes site-menu-in{from{translate:100% 0;opacity:.7}to{translate:0 0;opacity:1}}

@media(max-width:1199px) and (min-width:1026px){
  .nav-content{padding-top:60px}.menu-close{top:41px;right:52px;width:34px;height:34px}.menu-close span{top:16px;width:34px}
  .nav-title{font-size:18px}.double-arrow{scale:.75}.nav-footer{padding:18px 67px 47px}.nav-contact,.nav-follow{font-size:16px}.nav-footer .nav-copyright{font-size:12px}
}
@media(max-width:1025px){
  .navigation{width:100vw}.nav-content{padding:8vh 0 34px}.menu-close{right:20px;top:20px;width:30px;height:30px}.menu-close span{top:14px;width:30px}
  .nav-list a{padding:18px 36px}.nav-list a:nth-child(1){width:100%}.nav-list a:nth-child(2){width:97.5%}.nav-list a:nth-child(3){width:95%}.nav-list a:nth-child(4){width:92.5%}.nav-list a:nth-child(5){width:90%}.nav-list a:nth-child(6){width:87.5%}.nav-list a:nth-child(7){width:85%}
  .nav-title{font-size:16px}.double-arrow{right:26px;width:34px;height:34px;scale:.75}.double-arrow::before,.double-arrow::after{width:19px;height:19px}
  .nav-footer{margin-top:40px;padding:18px 40px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
  .nav-contact,.nav-follow{font-size:14px}.nav-contact a{margin-left:10px}.nav-follow{justify-self:auto;gap:35px}.nav-footer .nav-copyright{font-size:10px;line-height:1.6}
}
@media(max-width:640px){
  .nav-list a{font-size:14px}.nav-title{font-size:14px}.double-arrow{right:12px;scale:.62}
  .nav-footer{padding:18px 26px 28px}.nav-contact,.nav-follow{font-size:12px}.nav-socials a{width:25px;height:25px}.nav-footer .nav-copyright{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.navigation[open]{animation:none}}
