#bannerArea { --ba-deep: #020d1c; --ba-navy: #0b203c; --ba-blue: #003995; --ba-red: #e74525; --ba-white: #fff; --ba-space: clamp(24px,5.75vw,88px); --ba-ease: cubic-bezier(.22,.68,.1,1); --ba-fast: 240ms; position: relative; width: 100%; overflow: hidden; background: var(--ba-deep); color: #fff; font-family: Arial,Helvetica,sans-serif; }
#bannerArea,#bannerArea * { box-sizing: border-box; padding: 0; }
#bannerArea a { color: inherit; text-decoration: none; }
#bannerArea p,#bannerArea h2 { margin: 0; }
#bannerArea .main-slider,#bannerArea .slick-list,#bannerArea .slick-track,#bannerArea .slick-slide { width: 100%; height: 100%; }
#bannerArea{aspect-ratio:20/9;}
#bannerArea .bannerArea-item { position: relative; width: 100%; min-height: 0; overflow: hidden; display: flex!important; align-items: center; color: #fff; background: var(--ba-deep); }
#bannerArea .bannerArea-media-wrap { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }
#bannerArea .bannerArea-media { position: absolute; inset: 0; width: 100%; height: 100%; background-position: center center!important; background-size: cover!important; background-repeat: no-repeat!important; transform: scale(1.035); opacity: .8; transition: transform 1.5s var(--ba-ease),opacity 1.5s var(--ba-ease); }
#bannerArea .bannerArea-media-wrap video { position: absolute!important; top: 50%!important; left: 50%!important; width: 100%!important; height: 100%!important; min-width: 100%!important; min-height: 100%!important; object-fit: cover!important; object-position: center center!important; transform: translate(-50%,-50%)!important; }
#bannerArea .bannerArea-media-wrap iframe { position: absolute; top: 50%; left: 50%; width: 177.77777778vh; min-width: 100%; height: 56.25vw; min-height: 100%; transform: translate(-50%,-50%); border: 0; }
#bannerArea .bannerArea-shade {position: absolute;inset: 0;z-index: 1;pointer-events: none;background: linear-gradient(90deg,rgba(0,6,15,.72) 0%,rgba(0,6,15,.46) 38%,rgba(0,6,15,.10) 68%,rgba(0,6,15,0) 100%);opacity: .2;}
#bannerArea .bannerArea-container {position: relative;z-index: 3;width: min(1360px,calc(100% - var(--ba-space)*2));margin-inline: auto;}
#bannerArea .bannerArea-copy {position: relative;width: 54%;max-width: 650px;padding: 50px 0;}
#bannerArea .bannerArea-eyebrow-wrap { overflow: hidden; }
#bannerArea .bannerArea-eyebrow {color: #c8d6e7;font-size: 14px;line-height: 1.5;letter-spacing: .18em;font-weight: 700;text-transform: uppercase;font-family: "Lato", sans-serif;}
#bannerArea .bannerArea-title-wrap { overflow: hidden; margin-top: 20px; }
#bannerArea .bannerArea-title {color: #fff;font-size: clamp(30px,3.6vw,62px);font-weight: 750;line-height: 1.1;letter-spacing: -.018em;text-transform: uppercase;font-family: "Lato", sans-serif;}
#bannerArea .bannerArea-tagline {margin-top: 18px;color: #fff;font-size: 20px;line-height: 1.5;font-weight: 500;letter-spacing: .025em;text-transform: uppercase;font-family: "Lato", sans-serif;}
#bannerArea .bannerArea-rule {width: 38px;height: 2px;margin: 22px 0;background: var(--ba-white);}
#bannerArea .bannerArea-desc-wrap { overflow: hidden; }
#bannerArea .bannerArea-description {max-width: 450px;color: #ffffff;font-size: 19px;line-height: 1.6;font-family: "Lato", sans-serif;}
#bannerArea .bannerArea-actions {position: relative;z-index: 5;display: flex;flex-wrap: wrap;gap: 18px;margin-top: 30px;}
#bannerArea .bannerArea-btn {position: relative;z-index: 6;display: inline-flex;justify-content: center;align-items: center;min-height: 50px;padding: 14px 28px;border: 1px solid var(--ba-blue);background: var(--ba-blue);color: #fff;font-size: 12px;line-height: 1.4;font-weight: 700;letter-spacing: .025em;text-transform: uppercase;transition: background var(--ba-fast),border-color var(--ba-fast),transform var(--ba-fast);-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px);}
#bannerArea .bannerArea-btn:hover { background: #0750bd; border-color: #0750bd; transform: translateY(-2px); }
#bannerArea .bannerArea-btn-secondary {background: transparent;border-color: #ffffff;}
#bannerArea .bannerArea-btn-secondary:hover { background: rgba(255,255,255,.09); border-color: #fff; }
#bannerArea .bannerArea-bottom {position: absolute;z-index: 4;left: var(--ba-space);right: var(--ba-space);bottom: 40px;display: flex;justify-content: space-between;align-items: center;gap: 20px;pointer-events: auto;}
#bannerArea .bannerArea-scroll{display:flex;align-items:center;gap:13px;color:#fff;font-size: 12px;line-height:1.4;letter-spacing:.22em;overflow: hidden;-webkit-animation: scrollAni 1.5s ease-in-out infinite alternate;animation: scrollAni 1.5s ease-in-out infinite alternate;}
@-webkit-keyframes scrollAni {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

#bannerArea .bannerArea-scroll::before{content:"";width:1px;height:30px;background: rgb(198 208 223 / 60%);transform:scaleY(0);transform-origin:bottom;animation:bannerScrollLineIn .8s var(--ba-ease) .85s forwards;}

#bannerArea .bannerArea-scroll::after {content: "";position: absolute;left: 0;top: -100%;width: 1px;height: 30px;background: rgb(198 208 223 / 60%);animation: lineDown 1.8s ease-in-out infinite;}
@keyframes lineDown {
  0% { top: -100%; }
  100% { top: 100%; }
}

#bannerArea .bannerArea-scroll span{display:inline-block;width:4px;height:4px;margin-left:4px;border-radius:50%;background:#e74525;box-shadow:0 0 0 0 rgba(231,69,37,.45);animation:bannerScrollPulse 2s ease-in-out 1.7s infinite;}
#bannerArea .bannerArea-scroll:hover{opacity:1;}
#bannerArea .bannerArea-scroll:hover::before{background:#fff;}
@keyframes bannerScrollTextIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes bannerScrollLineIn{from{transform:scaleY(0);opacity:0;}to{transform:scaleY(1);opacity:1;}}
@keyframes bannerScrollPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(231,69,37,.35);}50%{transform:scale(1.25);box-shadow:0 0 0 6px rgba(231,69,37,0);}}
@media (max-width:768px){#bannerArea .bannerArea-scroll{animation-delay:.7s;}#bannerArea .bannerArea-scroll::before{animation-delay:.58s;}#bannerArea .bannerArea-scroll span{animation-delay:1.2s;}}
@media (prefers-reduced-motion:reduce){#bannerArea .bannerArea-scroll{opacity:1;transform:none;animation:none;}#bannerArea .bannerArea-scroll::before{transform:none;animation:none;}#bannerArea .bannerArea-scroll span{animation:none;}}



#bannerArea .bannerArea-note {color: #fff;font-size: 1rem;line-height: 1.4;letter-spacing: .06em;opacity: .68;text-align: right;}
#bannerArea .bannerArea-link { position: absolute; inset: 0; z-index: 2; }
#bannerArea .bannerArea-copy{pointer-events:none;}
#bannerArea .bannerArea-actions,#bannerArea .bannerArea-btn{pointer-events:auto;}
#bannerArea .bannerArea-eyebrow,#bannerArea .bannerArea-title,#bannerArea .bannerArea-tagline,#bannerArea .bannerArea-rule,#bannerArea .bannerArea-description,#bannerArea .bannerArea-actions { opacity: 0; transform: translateX(-18px); }
#bannerArea .bannerArea-enter .bannerArea-media { transform: scale(1); opacity: 1; }
#bannerArea .bannerArea-enter .bannerArea-eyebrow { animation: bannerArea-copy-in .9s var(--ba-ease) .05s both; }
#bannerArea .bannerArea-enter .bannerArea-title { animation: bannerArea-copy-in .9s var(--ba-ease) .12s both; }
#bannerArea .bannerArea-enter .bannerArea-tagline { animation: bannerArea-copy-in .9s var(--ba-ease) .18s both; }
#bannerArea .bannerArea-enter .bannerArea-rule { animation: bannerArea-rule-in .8s var(--ba-ease) .23s both; }
#bannerArea .bannerArea-enter .bannerArea-description { animation: bannerArea-copy-in .9s var(--ba-ease) .28s both; }
#bannerArea .bannerArea-enter .bannerArea-actions { animation: bannerArea-copy-in .9s var(--ba-ease) .36s both; }
@keyframes bannerArea-copy-in {
  from { opacity: 0; transform: translateX(-18px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes bannerArea-rule-in {
  from { opacity: 0; transform: scaleX(.15); transform-origin: left; }
  to { opacity: 1; transform: scaleX(1); transform-origin: left; }
}
@media (min-width:1600px) {
  #bannerArea .bannerArea-media { background-position: center 60%!important; }
}
@media (max-width:1280px) {
  #bannerArea .bannerArea-copy { width: 56%; }
  #bannerArea .bannerArea-title { font-size: clamp(40px,4.2vw,56px); }
}
@media (max-width:1024px) {
  #bannerArea .bannerArea-copy { width: 62%; }
  #bannerArea .bannerArea-media { background-position: 57% center!important; }
  #bannerArea .bannerArea-media-wrap video { object-position: 57% center!important; }
  #bannerArea .bannerArea-shade { background: linear-gradient(90deg,rgba(2,11,23,.78),rgba(2,11,23,.38) 58%,transparent 95%); }
  #bannerArea .bannerArea-title { font-size: 43px; }
  #bannerArea .bannerArea-tagline { font-size: 16px; }
  #bannerArea .bannerArea-description { max-width: 340px; }
  #bannerArea .bannerArea-actions { gap: 12px; }
  #bannerArea .bannerArea-btn { padding: 13px 20px; }
}
@media (max-width:768px) {
  #bannerArea { --ba-space: 30px; }
  #bannerArea .bannerArea-item { aspect-ratio: auto; min-height: 760px; align-items: flex-start; }
  #bannerArea .bannerArea-copy {width: 100%;max-width: 600px;padding: 10px 0 160px;}
  #bannerArea .bannerArea-title { max-width: 570px; font-size: 46px; }
  #bannerArea .bannerArea-tagline { font-size: 16px; }
  #bannerArea .bannerArea-description { max-width: 390px; }
  #bannerArea .bannerArea-actions { margin-top: 27px; }
  #bannerArea .bannerArea-media { inset: 0; width: 100%; height: 100%; background-position: 80% 60%!important; }
  #bannerArea .bannerArea-media-wrap video { top: 50%!important; left: 50%!important; width: 100%!important; height: 100%!important; min-width: 100%!important; min-height: 100%!important; object-fit: cover!important; object-position: 80% 60%!important; transform: translate(-50%,-50%)!important; }
  #bannerArea .bannerArea-shade { background: linear-gradient(#020c19 0%,#020c19 25%,rgba(2,12,25,.70) 47%,rgba(2,12,25,0) 75%); }
  #bannerArea .bannerArea-bottom { bottom: 19px; }
  #bannerArea .bannerArea-note {font-size: 10px;}
  #bannerArea .bannerArea-scroll { font-size: 9px; }
  #bannerArea .bannerArea-eyebrow { font-size: 10px; }
#bannerArea{aspect-ratio:auto;height:760px;}#bannerArea .bannerArea-item{height:100%!important;min-height:0!important;}}

@media (max-width:560px) {
  #bannerArea { --ba-space: 25px; }
  #bannerArea .bannerArea-item { min-height: 745px; }
  #bannerArea .bannerArea-copy {padding-top: 46px;}
  #bannerArea .bannerArea-title {font-size: 30px;line-height: 1.14;}
  #bannerArea .bannerArea-tagline { font-size: 13px; }
  #bannerArea .bannerArea-description { max-width: 315px; font-size: 13px; }
  #bannerArea .bannerArea-actions { gap: 10px; }
  #bannerArea .bannerArea-btn { min-height: 46px; padding: 12px 17px; font-size: 10px; }
  #bannerArea .bannerArea-media { width: 100%; height: 100%; background-position: 82% 60%!important; }
  #bannerArea .bannerArea-media-wrap video {width: 100%!important;height: 100%!important;object-position: 67% 50%!important;}
  #bannerArea .bannerArea-shade { background: linear-gradient(#020c19 0%,#020c19 37%,rgba(2,12,25,.80) 53%,rgba(2,12,25,0) 75%); }
  #bannerArea .bannerArea-note {max-width: 220px;}
  #bannerArea { height: 700px; }
  #bannerArea .bannerArea-item { height: 100%!important; min-height: 0!important; }
}
@media (max-width:390px) {
  #bannerArea { height: 680px; }
}
@media (prefers-reduced-motion:reduce) {
  #bannerArea *,#bannerArea *::before,#bannerArea *::after { animation: none!important; transition: none!important; }
  #bannerArea .bannerArea-eyebrow,#bannerArea .bannerArea-title,#bannerArea .bannerArea-tagline,#bannerArea .bannerArea-rule,#bannerArea .bannerArea-description,#bannerArea .bannerArea-actions { opacity: 1; transform: none; }
}
#bannerArea::before { content: ""; position: absolute; inset: 0; z-index: 30; background: #020d1c; transform: translateX(0); transition: transform 1.15s cubic-bezier(.77,0,.18,1) .12s; pointer-events: none; }
#bannerArea::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; z-index: 31; background: linear-gradient(180deg,#003995 0%,#0750bd 68%,#e74525 100%); box-shadow: 0 0 28px rgba(0,57,149,.55); transform: translateX(-8px); opacity: 0; pointer-events: none; }
#bannerArea.bannerArea-loaded::before { transform: translateX(101%); }
#bannerArea.bannerArea-loaded::after { animation: bannerArea-opening-line 1.15s cubic-bezier(.77,0,.18,1) .12s both; }
#bannerArea:not(.bannerArea-loaded) .bannerArea-media { transform: scale(1.09); filter: brightness(.58) saturate(.82); }
#bannerArea.bannerArea-loaded .bannerArea-media { filter: brightness(1) saturate(1); }
#bannerArea .bannerArea-media { transition: transform 1.8s var(--ba-ease),opacity 1.5s var(--ba-ease),filter 1.8s var(--ba-ease); }
#bannerArea .bannerArea-shade::after { content: ""; position: absolute; inset: 0; background: linear-gradient(112deg,transparent 25%,rgba(59,105,158,.18) 43%,rgba(255,255,255,.08) 49%,transparent 57%); transform: translateX(-120%); opacity: 0; pointer-events: none; }
#bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-shade::after { animation: bannerArea-metal-sweep 1.35s cubic-bezier(.22,.68,.1,1) .55s both; }
#bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-eyebrow { animation: bannerArea-copy-in-premium .95s var(--ba-ease) .42s both; }
#bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-title { animation: bannerArea-copy-in-premium 1s var(--ba-ease) .52s both; }
#bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-tagline { animation: bannerArea-copy-in-premium .9s var(--ba-ease) .64s both; }
#bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-rule { animation: bannerArea-rule-premium .85s var(--ba-ease) .73s both; }
#bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-description { animation: bannerArea-copy-in-premium .9s var(--ba-ease) .80s both; }
#bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-actions { animation: bannerArea-actions-in .9s var(--ba-ease) .92s both; }
#bannerArea.bannerArea-loaded .bannerArea-bottom { animation: bannerArea-bottom-in .9s var(--ba-ease) 1.02s both; }

#bannerArea{position:relative;width:100%;aspect-ratio: 18.9/9;min-height:0;overflow:hidden;background:#020d1c;}
#bannerArea .main-slider{position:absolute;inset:0;width:100%;height:100%;}
#bannerArea .slick-list{position:absolute!important;inset:0;width:100%;height:100%!important;}
#bannerArea .slick-track{height:100%!important;}
#bannerArea .slick-slide{height:100%!important;}
#bannerArea .slick-slide>div{}
#bannerArea .bannerArea-item{width:100%;height:100%!important;min-height:0!important;aspect-ratio:auto!important;display:flex!important;align-items:center;}

@keyframes bannerArea-opening-line {
  0% { left: 0; opacity: 0; transform: translateX(-8px); }
  12% { opacity: 1; }
  88% { opacity: 1; }
  100% { left: 101%; opacity: 0; transform: translateX(0); }
}
@keyframes bannerArea-metal-sweep {
  0% { transform: translateX(-120%); opacity: 0; }
  18% { opacity: 1; }
  100% { transform: translateX(120%); opacity: 0; }
}
@keyframes bannerArea-copy-in-premium {
  0% { opacity: 0; transform: translate3d(-34px,18px,0); filter: blur(5px); }
  100% { opacity: 1; transform: translate3d(0,0,0); filter: blur(0); }
}
@keyframes bannerArea-rule-premium {
  0% { opacity: 0; transform: scaleX(0); transform-origin: left; }
  100% { opacity: 1; transform: scaleX(1); transform-origin: left; }
}
@keyframes bannerArea-actions-in {
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes bannerArea-bottom-in {
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}

#bannerArea .bannerArea-container{pointer-events:none;}
#bannerArea .bannerArea-copy{pointer-events:none;}
#bannerArea .bannerArea-actions{pointer-events:auto;}
#bannerArea .bannerArea-btn{pointer-events:auto;}
#bannerArea .bannerArea-link{position:absolute;inset:0;z-index:2;display:block;pointer-events:auto;cursor:pointer;}

@media (max-width:1280px) {
    #bannerArea{
    aspect-ratio: 14 / 9;
}
}
@media (max-width:960px) {
        #bannerArea{
    aspect-ratio: 11 / 9;
}
}
@media (max-width:768px) {
  #bannerArea::after { width: 3px; }
  #bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-shade::after { animation-duration: 1.05s; }
  #bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-eyebrow { animation-delay: .28s; }
  #bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-title { animation-delay: .36s; }
  #bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-tagline { animation-delay: .46s; }
  #bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-rule { animation-delay: .54s; }
  #bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-description { animation-delay: .60s; }
  #bannerArea.bannerArea-loaded .bannerArea-enter .bannerArea-actions { animation-delay: .70s; }
  #bannerArea.bannerArea-loaded .bannerArea-bottom { animation-delay: .78s; }
}

@media (max-width:480px) {
            #bannerArea{
    aspect-ratio: 9 / 9;
}
}

@media (prefers-reduced-motion:reduce) {
  #bannerArea::before,#bannerArea::after { display: none!important; }
  #bannerArea .bannerArea-shade::after { display: none!important; }
  #bannerArea .bannerArea-media { filter: none!important; }
  #bannerArea .bannerArea-bottom { opacity: 1!important; transform: none!important; }
}