/* PLACE YOU CUSTOM STYLES IN THIS FILE */

/* ===== Gods of Atlantis ===== */

/* Hidden while in development. Remove the class from the markup to restore an element. */
.goa-hidden {
    display: none !important;
}

/* Navbar logo */
.nk-navbar.nk-navbar-top .nk-nav-logo img {
    width: 130px;
    max-width: none;
}
@media (max-width: 420px) {
    .nk-navbar.nk-navbar-top .nk-nav-logo {
        display: table-cell;
    }
    .nk-navbar.nk-navbar-top .nk-nav-logo img {
        width: 96px;
    }
}

/* Note shown in the navbar while the menu is hidden */
.nk-navbar .nk-nav-table > .goa-nav-note {
    padding-left: 20px;
    text-align: right;
    line-height: 1.4;
}
.goa-nav-note-title {
    font-family: "Marcellus SC", serif;
    font-size: 1.05rem;
    color: #fff;
}
.goa-nav-note-text {
    font-size: .9rem;
    opacity: .8;
}
.goa-nav-note-text a {
    overflow: visible;
    font-family: inherit;
    font-weight: 400;
    color: inherit;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .goa-nav-note-title {
        font-size: .9rem;
    }
    .goa-nav-note-text {
        font-size: .78rem;
    }
}
.goa-nav-note {
    overflow-wrap: anywhere;
}


/* Footer: technologies used in development */
.goa-tech {
    padding: 10px 0 20px;
}
.goa-tech-note {
    font-family: "Marcellus SC", serif;
    font-size: 1rem;
    letter-spacing: .04em;
    color: #fff;
    opacity: .8;
}
.goa-tech-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 36px;
    margin-top: 18px;
}
.goa-tech-logos img {
    width: auto;
    max-width: 100%;
}
.goa-tech-epic {
    height: 64px;
}
.goa-tech-ue {
    height: 64px;
    filter: brightness(0) invert(1);
}
.goa-tech-claude {
    height: 28px;
}

/* ===== Hero ===== */
.goa-hero .bg-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 70% 60% at 50% 48%, rgba(4, 14, 28, .62) 0%, rgba(4, 14, 28, .35) 55%, rgba(4, 14, 28, .1) 100%),
        linear-gradient(to bottom, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 70%, rgba(14, 14, 14, .95) 100%);
    pointer-events: none;
}
.goa-hero-content {
    text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
}
.goa-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-family: "Marcellus SC", serif;
    font-size: .95rem;
    letter-spacing: .35em;
    text-transform: uppercase;
    color: #a9e6ff;
}
.goa-hero-eyebrow::before,
.goa-hero-eyebrow::after {
    content: "";
    width: 48px;
    height: 1px;
    background: linear-gradient(to right, transparent, #a9e6ff);
}
.goa-hero-eyebrow::after {
    background: linear-gradient(to left, transparent, #a9e6ff);
}
.goa-hero-logo {
    margin: 18px 0 6px;
    line-height: 1;
}
.goa-hero-logo img {
    width: min(560px, 82vw);
    height: auto;
    filter: drop-shadow(0 6px 24px rgba(0, 0, 0, .7));
}
.goa-hero-tagline {
    margin: 0;
    font-family: "Marcellus SC", serif;
    font-size: clamp(1.6rem, 3.6vw, 2.8rem);
    color: #f3dfa6;
    letter-spacing: .02em;
}
.goa-hero-sub {
    margin: 14px auto 0;
    max-width: 640px;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, .9);
}
.goa-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-top: 34px;
    padding: 20px 44px;
    font-family: "Marcellus SC", serif;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 600;
    letter-spacing: .04em;
    color: #1b1306;
    text-shadow: none;
    background: linear-gradient(180deg, #f7e2a1 0%, #d9ac55 55%, #b88634 100%);
    border: 1px solid #fff1c4;
    border-radius: 4px;
    box-shadow: 0 0 0 4px rgba(247, 226, 161, .18), 0 10px 30px rgba(0, 0, 0, .55), 0 0 40px rgba(120, 220, 255, .35);
    transition: transform .2s ease, box-shadow .2s ease;
    animation: goa-cta-glow 2.8s ease-in-out infinite;
}
.goa-hero-cta:hover,
.goa-hero-cta:focus {
    color: #1b1306;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 0 0 6px rgba(247, 226, 161, .28), 0 14px 36px rgba(0, 0, 0, .6), 0 0 60px rgba(120, 220, 255, .55);
}
.goa-hero-cta-arrow {
    font-size: 1.3em;
    transition: transform .2s ease;
}
.goa-hero-cta:hover .goa-hero-cta-arrow {
    transform: translateX(4px);
}
@keyframes goa-cta-glow {
    0%, 100% { box-shadow: 0 0 0 4px rgba(247, 226, 161, .18), 0 10px 30px rgba(0, 0, 0, .55), 0 0 30px rgba(120, 220, 255, .25); }
    50%      { box-shadow: 0 0 0 7px rgba(247, 226, 161, .26), 0 10px 30px rgba(0, 0, 0, .55), 0 0 56px rgba(120, 220, 255, .55); }
}
@media (prefers-reduced-motion: reduce) {
    .goa-hero-cta { animation: none; }
}
.goa-hero-secondary {
    display: inline-block;
    margin-top: 18px;
    font-size: 1rem;
    color: rgba(255, 255, 255, .85);
    text-decoration: underline;
    text-underline-offset: 4px;
}
.goa-hero-secondary:hover {
    color: #f3dfa6;
}
@media (max-width: 575px) {
    .goa-hero-eyebrow { font-size: .75rem; letter-spacing: .25em; }
    .goa-hero-eyebrow::before, .goa-hero-eyebrow::after { width: 24px; }
    .goa-hero-sub { font-size: 1rem; }
    .goa-hero-cta { padding: 18px 28px; }
}
/* Clear the gallery cards that overlap the bottom of the hero */
.goa-hero-content {
    padding-bottom: 110px;
}

/* ===== Atlantis blue: recolor the template's red fire effects ===== */
/* Page background (YouTube ember video + fallback image) */
.nk-page-background {
    filter: hue-rotate(185deg) saturate(1.15);
}
/* Opening preloader fire sprite */
.nk-preloader-bg {
    filter: hue-rotate(185deg) saturate(1.15);
}