:root {
      --bar-color: #111;
      --bar-color-open: #fff;
      --overlay-bg: #111;
      --link-color: #fff;
      --accent: #ff6a3d;
      --speed: 0.4s;
      --ease: cubic-bezier(0.77, 0, 0.175, 1);
    }
    
body { font-family: "Inter", sans-serif; font-size: 18px; line-height: 1.6; color: #000; font-weight: normal; }
html, body { height:100%; }

.home { height: 100vh; background-image: url(assets/sky-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; position: relative; padding: 14px 0; }

a { color: #314f9b; text-decoration: none; }
a:hover, a:active { color: #333; text-decoration: none; }
a:focus { outline:none; color: #232e4b; text-decoration: none; }

h1 { font-family: "Oswald", sans-serif; font-size: 60px; line-height: 1; font-weight: 700; margin-bottom: 40px; }

.bold { font-weight: 700; }
.italic { font-style: italic; }

.quote-wrapper { background-color: #8ca2dc; padding: 30px; border-radius: 14px; margin: 30px 0; }
.quote { font-size: 22px; }
.quote-indent { font-size: 22px; padding: 0 30px; }

.container-full { width: 100%; max-width: 1250px; margin-right: auto; margin-left: auto; padding-left: 30px; padding-right: 30px; }

.content-wrapper { background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(161, 178, 222, 1) 95%, rgba(161, 178, 222, 1) 100%); padding: 14px 0;  }

header { background-color: rgba(255,255,255,.6); border-radius: 14px; padding: 14px 30px; }
.brand img { width: 34px; }
.menu-open .brand img { filter: invert(100%); position: relative; z-index: 9999; }

.nav-link { color: #000 !important; font-weight: 700; }
.nav-link:hover { color: #314f9b !important; }

#billboard-wrapper { position: relative; margin-top: 80px; height: 100vh; overflow: hidden; }
.billboard-top { background: #fff; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%); width: 100%; height: 280px; padding: 30px 24px 0 24px; }

.swiper { width: 100%; height: 100%; position: relative; }
.swiper-slide { display: flex !important; /*justify-content: center;*/ align-items: center; font-family: "Oswald", sans-serif; font-size: 76px; line-height: 1; letter-spacing: -.025em; font-weight: 700; text-align: left; }




#content { margin-top: 60px; }

.ns-logo { margin-top: 80px; padding: 0 60px; }


footer { border-top: 1px solid #ccc; margin-top: 40px; padding: 24px 30px; }


.menu-toggle { position: relative; width: 44px; height: 44px; background: none; border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; z-index: 9999; }

.menu-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 6px; }

.menu-toggle .bar { position: absolute; left: 10px; width: 24px; height: 2px; border-radius: 2px; background: var(--bar-color); transition: transform var(--speed) var(--ease), opacity calc(var(--speed) / 2) ease, top var(--speed) var(--ease), background-color var(--speed) var(--ease); }

.menu-toggle .bar:nth-child(1) { top: 14px; }
.menu-toggle .bar:nth-child(2) { top: 21px; }
.menu-toggle .bar:nth-child(3) { top: 28px; }
.menu-toggle[aria-expanded="true"] .bar { background: var(--bar-color-open); }
.menu-toggle[aria-expanded="true"] .bar:nth-child(1) { top: 21px; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] .bar:nth-child(2) { opacity: 0; transform: translateX(-12px); }
.menu-toggle[aria-expanded="true"] .bar:nth-child(3) { top: 21px; transform: rotate(-45deg); }
.menu-overlay { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,1); clip-path: circle(0% at calc(100% - 42px) 32px); visibility: hidden; transition: clip-path calc(var(--speed) * 1.5) var(--ease), visibility 0s linear calc(var(--speed) * 1.5); }
.menu-overlay.is-open { clip-path: circle(150% at calc(100% - 42px) 32px); visibility: visible; transition: clip-path calc(var(--speed) * 1.5) var(--ease), visibility 0s; }
.menu-overlay ul { list-style: none; text-align: center; padding: 0; }
.menu-overlay li { opacity: 0; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease; }
.menu-overlay.is-open li { opacity: 1; transform: none; transition-delay: calc(0.25s + var(--i) * 0.07s); }
.menu-overlay a { display: inline-block; padding: 12px 20px; font-size: clamp(1.75rem, 8vw, 2.5rem); font-weight: 600; color: var(--link-color); text-decoration: none; transition: color 0.2s; }
.menu-overlay a:hover, .menu-overlay a:focus-visible { color: var(--accent); outline: none; }


@media only screen and (max-width: 1240px) {
.swiper-slide br { display: none; }
}

@media only screen and (max-width: 991px) {
.brand img { width: 20px; }
.menu-button { font-size: 36px; }
.swiper-slide { font-size: 75px; }
}

@media only screen and (max-width: 768px) {
.billboard-top { height: 200px; padding: 0 24px; }
.swiper-slide { font-size: 46px; }
.quote, .quote-indent { font-size: 20px; }
}

@media only screen and (max-width: 576px) {
.swiper-slide { font-size: 44px; }
}

@media only screen and (max-width: 576px) {
.swiper-slide { font-size: 30px; }
}