:root{
  --navy:#0b1436;
  --navy2:#0f1d4d;
  --ink:#101828;
  --muted:#5f6b7a;
  --gold:#C9A876;
  --gold2:#E2C492;
  --mint:#5CC7B0;
  --paper:#ffffff;
  --soft:#F6F3EC;
  --line:rgba(16,24,40,.10);
  --line2:rgba(255,255,255,.12);
  --shadow:0 26px 70px -44px rgba(11,20,54,.55);

  --head:'Josefin Sans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --ui:'Nunito',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --body:'Nunito Sans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;

  --r12:12px;
  --r16:16px;
  --r20:20px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit}

.skip{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.6rem 1rem;background:#fff;border:1px solid var(--line);border-radius:999px;z-index:1000}

.wrap{max-width:1180px;margin:0 auto;padding:0 1.1rem}

.topbar{
  position:sticky;top:0;z-index:90;
  background:linear-gradient(90deg, rgba(11,20,54,1), rgba(11,20,54,.88));
  color:#fff;
  transition:.18s ease;
}

/* Shrink the top blue bar after scrolling a bit */
body.scrolled .topbar{padding:0}
/* Use size changes only via padding (avoid transform affecting sticky overlap math) */
body.scrolled .topbar__inner{padding:.18rem 0;transform:none;transform-origin:center}

.topbar__inner{
  display:flex;align-items:center;gap:1rem;
  padding:.65rem 0;
}
.topbar__dot{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(201,168,118,.2)}
.topbar__text{flex:1;min-width:0;font-family:var(--ui);font-weight:700;letter-spacing:.01em}
.topbar__link{font-family:var(--ui);font-weight:800;color:var(--gold2);white-space:nowrap;display:inline-flex;gap:.4rem;align-items:center}
.topbar__link:hover{filter:brightness(1.05)}

.hdr{
  position:sticky;
  top:56px;
  z-index:80;

  background:rgba(255,255,255,.8);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(16,24,40,.08);
  transition:top .18s ease;
}
body.scrolled .hdr{top:28px}

/* Mobile: keep topbar full size + snug header */
@media(max-width:718px){
  body.scrolled .topbar{padding:unset}
  body.scrolled .topbar__inner{padding:.55rem 0}
  body.scrolled .hdr{top:0}
  .hdr{top:0;position:sticky}
  .topbar{position:static}
}

.hdr__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}

.brand{display:flex;align-items:center;gap:.7rem;min-width:0}
.brand__logo{height:44px;width:auto;flex:0 0 auto}
.brand__text{font-family:var(--head);font-weight:600;line-height:1.05;color:var(--navy);text-transform:none}
.brand__text em{font-style:normal;color:var(--gold);font-weight:700}

.nav{position:relative}
.nav__toggle{
  display:none;
  border:1px solid var(--line);
  background:#fff;
  border-radius:12px;
  padding:.55rem .7rem;
  font-size:1.3rem;
  cursor:pointer;
}

.nav__panel{display:flex;align-items:center;gap:1rem}
.nav__item{
  font-family:var(--ui);
  font-weight:700;
  letter-spacing:.01em;
  font-size:.92rem;
  color:rgba(11,20,54,.9);
  padding:.4rem .35rem;
  border-radius:10px;
}
.nav__item:hover{background:rgba(201,168,118,.12)}
.nav__item--btn{
  background:transparent;border:0;cursor:pointer;display:flex;align-items:center;gap:.55rem
}
.chev{opacity:.7;font-size:.9rem;transform:translateY(-1px)}

.nav__group{position:relative}
.nav__submenu{
  position:absolute;left:-10px;top:calc(100% + 10px);
  background:#fff;border:1px solid rgba(16,24,40,.12);
  border-radius:14px;box-shadow:var(--shadow);
  padding:.55rem 0;min-width:240px;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.18s ease;
}
.nav__group:hover .nav__submenu{opacity:1;visibility:visible;transform:none}
.nav__subitem{
  display:block;padding:.55rem 1rem;
  font-family:var(--body);
  color:rgba(16,24,40,.9);
  font-weight:600;font-size:.92rem;
}
.nav__subitem:hover{background:var(--soft);color:var(--navy)}

.nav__cta{display:none}

.hero{
  position:relative;
  padding:3.2rem 0 2.1rem;
  overflow:hidden;
  background:radial-gradient(1000px 500px at 70% 10%, rgba(201,168,118,.22), transparent 60%),
             radial-gradient(850px 520px at 10% 20%, rgba(92,199,176,.18), transparent 58%),
             linear-gradient(180deg, #fff, var(--soft));
}
.hero__bg{position:absolute;left:-20px;right:-20px;top:-40px;bottom:-140px;background:linear-gradient(90deg, rgba(11,20,54,.08), transparent);pointer-events:none}


.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2.2rem;position:relative}
.hero__copy{max-width:620px}
.pill{
  display:inline-flex;gap:.65rem;align-items:center;
  font-family:var(--ui);font-weight:900;
  border-radius:999px;
  padding:.55rem .95rem;
  background:rgba(11,20,54,.06);
  border:1px solid rgba(11,20,54,.08);
  color:var(--navy);
}

h1{font-family:var(--head);font-weight:700;letter-spacing:-.03em;font-size:clamp(2.2rem,4.7vw,4.2rem);line-height:1.03;margin-top:1rem}
.accent{color:var(--gold)}
.lead{margin-top:1.05rem;color:rgba(16,24,40,.8);font-size:1.07rem;max-width:52ch}

.hero__actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.5rem}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.88rem 1.2rem;
  border-radius:14px;
  border:1px solid transparent;
  font-family:var(--ui);
  font-weight:900;
  letter-spacing:.01em;
  cursor:pointer;
  transition:.18s ease;
}
.btn--gold{background:var(--gold);color:#0b1436;box-shadow:0 16px 50px -22px rgba(201,168,118,.55)}
.btn--gold:hover{transform:translateY(-2px);filter:brightness(1.02)}
.btn--ghost{background:rgba(255,255,255,.75);border-color:rgba(11,20,54,.18);color:var(--navy)}
.btn--ghost:hover{background:#fff;border-color:rgba(201,168,118,.55)}

.hero__quick{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.35rem}
.chip{
  font-family:var(--ui);
  font-weight:800;
  padding:.6rem .85rem;
  border-radius:999px;
  border:1px solid rgba(11,20,54,.12);
  background:rgba(255,255,255,.7);
  color:rgba(11,20,54,.9);
}
.chip:hover{border-color:rgba(201,168,118,.7);background:#fff}

.hero__visual{position:relative;display:flex;justify-content:center;align-items:center}
.hero__img{
  width:min(420px, 90%);
  height:auto;
  filter: drop-shadow(0 28px 60px rgba(11,20,54,.28));
  transform: translateY(6px);
}
.hero__orbit{position:absolute;inset:0;pointer-events:none}
.hero__orbit span{
  position:absolute;
  width:10px;height:10px;border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 0 8px rgba(92,199,176,.18);
  top:18%;left:22%;
  animation:floaty 6.5s ease-in-out infinite;
}
.hero__orbit span:nth-child(2){top:62%;left:68%;background:var(--gold);box-shadow:0 0 0 8px rgba(201,168,118,.22);animation-duration:8s}
.hero__orbit span:nth-child(3){top:34%;left:70%;background:#7FA8D8;box-shadow:0 0 0 8px rgba(127,168,216,.18);animation-duration:7.3s}
@keyframes floaty{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,14px)}}

.scrollHint{display:none}

.sec{padding:5.2rem 0}
.sec--soft{background:linear-gradient(180deg, #fff, var(--soft))}
.sec--paper{background:#fff}
.sec--navy{background:radial-gradient(900px 420px at 50% 0%, rgba(201,168,118,.18), transparent 55%), linear-gradient(180deg, var(--navy2), var(--navy));color:#fff}
.sec--bridge{background:linear-gradient(120deg, rgba(11,20,54,.95), rgba(11,20,54,.85))}

.secHead{max-width:680px;margin:0 auto;text-align:center}
.eyebrow{font-family:var(--ui);font-weight:1000;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:rgba(201,168,118,.95);display:inline-flex;align-items:center;gap:.6rem}
.secHead h2{font-family:var(--head);font-weight:800;letter-spacing:-.02em;margin-top:.9rem;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.1}
.secHead p{margin-top:1rem;color:rgba(16,24,40,.72);font-size:1.05rem}
.sec--navy .secHead p{color:rgba(255,255,255,.78)}

.cards{margin-top:2.2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.tcard{
  background:#fff;border:1px solid var(--line);
  border-radius:20px;overflow:hidden;
  box-shadow:0 1px 0 rgba(16,24,40,.02);
  transition:.2s ease; position:relative;
}
.tcard:hover{transform:translateY(-6px);box-shadow:0 36px 80px -60px rgba(11,20,54,.45)}
.tcard:focus{outline:3px solid rgba(201,168,118,.45);outline-offset:2px}

.tcard__media{position:relative;aspect-ratio:4/3;overflow:hidden}
.tcard__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:.45s ease}
.tcard:hover .tcard__media img{transform:scale(1.08)}
.tcard__glow{position:absolute;inset:auto -40px -40px -40px;height:120px;background:radial-gradient(circle at 30% 0%, rgba(201,168,118,.35), transparent 55%);pointer-events:none}

.tcard__body{padding:1.25rem 1.1rem}
.tcard__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.9rem}
.tcard__tags span{font-family:var(--ui);font-weight:900;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(201,168,118,.14);color:rgba(11,20,54,.9);padding:.35rem .55rem;border-radius:999px}
.tcard h3{font-family:var(--head);font-weight:800;letter-spacing:-.015em;font-size:1.18rem;line-height:1.2}
.tcard p{margin-top:.7rem;color:rgba(16,24,40,.72);min-height:4.2em}

.tcard__more{
  margin-top:1rem;
  background:transparent;
  border:1px solid rgba(11,20,54,.16);
  color:var(--navy);
  border-radius:14px;
  padding:.72rem .95rem;
  width:100%;
  font-family:var(--ui);
  font-weight:1000;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:.55rem;
  transition:.18s ease;
}
.tcard__more:hover{border-color:rgba(201,168,118,.65);background:rgba(201,168,118,.12)}
.tcard__more--link{text-decoration:none}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;text-align:center;padding:0 0}
.stat__n{font-family:var(--head);font-weight:900;font-size:clamp(2rem,3.8vw,3.2rem);color:var(--gold2)}
.stat__l{margin-top:.55rem;color:rgba(255,255,255,.72);font-family:var(--ui);font-weight:800}

.manifest{display:grid;grid-template-columns:1.15fr .85fr;gap:1.4rem;align-items:center}
.manifest__left blockquote{font-family:var(--head);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.manifest__left .accent{color:var(--gold)}
.manifest__note{margin-top:1rem;color:rgba(16,24,40,.65);font-weight:700}

.pulseCard{
  border-radius:22px;
  background:linear-gradient(180deg, rgba(11,20,54,.04), rgba(11,20,54,.02));
  border:1px solid rgba(11,20,54,.10);
  padding:1.4rem;
  box-shadow:0 20px 60px -40px rgba(11,20,54,.35);
}
.pulseCard h3{font-family:var(--head);font-weight:900;letter-spacing:-.02em;font-size:1.35rem}
.pulseCard p{margin-top:.55rem;color:rgba(16,24,40,.7)}
.pulseCard__actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1rem}
.mini{margin-top:1rem;color:rgba(16,24,40,.55);font-weight:800;font-size:.92rem}

.newsGrid{margin-top:2.1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.ncard{
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.85);
  padding:1.2rem;
  box-shadow:0 1px 0 rgba(16,24,40,.02);
  transition:.2s ease;
}
.ncard:hover{transform:translateY(-4px);border-color:rgba(201,168,118,.6)}
.ncard__kicker{font-family:var(--ui);font-weight:1000;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;color:var(--gold)}
.ncard h3{margin-top:.65rem;font-family:var(--head);font-weight:900;letter-spacing:-.02em}
.ncard p{margin-top:.7rem;color:rgba(16,24,40,.7)}
.ncard__more{
  margin-top:1rem;width:100%;
  display:flex;align-items:center;justify-content:center;gap:.55rem;
  border-radius:14px;
  padding:.75rem .95rem;
  background:rgba(11,20,54,.04);
  border:1px solid rgba(11,20,54,.14);
  font-family:var(--ui);font-weight:1000;cursor:pointer
}
.ncard__more:hover{background:rgba(201,168,118,.12);border-color:rgba(201,168,118,.6)}
.ncard__more--link{text-decoration:none;color:var(--navy)}

.bridge{display:grid;grid-template-columns:1fr 1.05fr;gap:1.4rem;align-items:center;padding:2.2rem 0}
.bridge__img{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.bridge__img img{width:100%;height:100%;object-fit:cover;min-height:260px;filter:saturate(1.05)}
.bridge__copy{color:#fff}
.bridge__copy h2{font-family:var(--head);font-weight:900;letter-spacing:-.02em;font-size:clamp(1.8rem,3.2vw,2.6rem)}
.bridge__copy p{margin-top:.8rem;color:rgba(255,255,255,.78)}
.meta{margin-top:1rem;font-family:var(--ui);font-weight:900;color:rgba(201,168,118,.95)}

.member{display:grid;grid-template-columns:1.05fr .95fr;gap:1.4rem;align-items:start}
.member h2{font-family:var(--head);font-weight:900;letter-spacing:-.02em;font-size:clamp(1.8rem,3.1vw,2.5rem);margin-top:.6rem}
.member p{margin-top:1rem;color:rgba(16,24,40,.72)}
.member__facts{margin-top:1.2rem;display:grid;grid-template-columns:repeat(1,1fr);gap:.7rem}
.fact{border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:16px;padding:.85rem 1rem;display:flex;gap:.75rem;align-items:flex-start}
.fact strong{font-family:var(--ui);font-weight:1000}
.fact span{color:rgba(16,24,40,.66);font-weight:800}

.form{
  border-radius:22px;
  border:1px solid var(--line);
  background:rgba(11,20,54,.02);
  padding:1.25rem;
}
.form__title{font-family:var(--head);font-weight:900;letter-spacing:-.02em;font-size:1.35rem}
.form__hint{margin-top:.4rem;color:rgba(16,24,40,.65);font-weight:800}
.form label{display:flex;flex-direction:column;gap:.35rem;margin-top:.9rem}
.form span{font-family:var(--ui);font-weight:900;color:rgba(16,24,40,.78);font-size:.9rem}
input,select{
  border:1px solid rgba(16,24,40,.18);
  background:#fff;
  border-radius:14px;
  padding:.75rem .85rem;
  outline:none;
  font-family:inherit;
}
input:focus,select:focus{border-color:rgba(201,168,118,.9);box-shadow:0 0 0 4px rgba(201,168,118,.18)}
.form button{margin-top:1rem;width:100%}
.form__small{margin-top:.75rem;font-weight:800;color:rgba(16,24,40,.6)}
.form__small a{color:var(--navy);text-decoration:underline;text-decoration-color:rgba(201,168,118,.7)}

.contact{display:grid;grid-template-columns:1.05fr .95fr;gap:1.2rem;align-items:start;padding:1.2rem 0}

/* Keep consistent left/right spacing for key sections */
.sec--bridge{padding-left:1.1rem;padding-right:1.1rem}
.sec--navy#kontakt{padding-left:1.1rem;padding-right:1.1rem}

.contact h2{font-family:var(--head);font-weight:900;letter-spacing:-.02em;font-size:clamp(1.8rem,3.1vw,2.5rem)}
.contact p{margin-top:1rem;color:rgba(255,255,255,.78)}
.contact__actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.2rem}

.contact__aside{display:flex;flex-direction:column;gap:.9rem}
.asideBox{display:flex;gap:.85rem;align-items:flex-start;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:18px;padding:1rem}
.asideBox__icon{width:40px;height:40px;border-radius:14px;background:rgba(201,168,118,.16);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.asideBox__k{font-family:var(--ui);font-weight:1000;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;color:rgba(255,255,255,.72)}
.asideBox__v{margin-top:.25rem;font-weight:900;color:#fff}
.asideBox--hint .asideBox__icon{background:rgba(92,199,176,.16)}

.ftr{background:#06102f;color:rgba(255,255,255,.78);padding:2.8rem 0 1.6rem;margin-top:0}
.ftr__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem;align-items:start}
.ftr__brand .brand__text{color:#fff}
.brand--footer .brand__text em{color:var(--gold)}
.ftr__lead{margin-top:1rem;max-width:46ch;color:rgba(255,255,255,.68);font-weight:800}
.ftr__h{font-family:var(--ui);font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-size:.72rem;margin-bottom:.9rem}
.ftr__col a{display:block;padding:.35rem 0;color:rgba(255,255,255,.68);font-weight:800}
.ftr__col a:hover{color:var(--gold)}

.ftr__bar{margin-top:2.2rem;border-top:1px solid rgba(255,255,255,.10);padding-top:1.25rem;display:flex;gap:1rem;align-items:center;justify-content:center;flex-direction:column}
.tricolor{height:6px;width:100%;max-width:680px;background:linear-gradient(90deg,#1A2A6C 33.3%, var(--gold) 33.3% 66.6%, var(--mint) 66.6%)}

.modal{
  position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.55);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:.18s ease;
  padding:1.1rem;
}
.modal[aria-hidden="false"]{opacity:1;visibility:visible;pointer-events:auto}
.modal__panel{
  width:min(720px, 100%);
  background:#fff;border-radius:22px;overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 40px 120px -60px rgba(0,0,0,.6);
}
.modal__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid rgba(16,24,40,.10);background:linear-gradient(90deg, rgba(201,168,118,.16), rgba(92,199,176,.10))}
.modal__title{font-family:var(--ui);font-weight:1000;color:var(--navy)}
.modal__close{border:1px solid rgba(16,24,40,.14);background:#fff;border-radius:14px;padding:.5rem .7rem;cursor:pointer;font-weight:900}
.modal__body{padding:1rem 1.1rem;color:rgba(16,24,40,.82);font-weight:800}

@media(max-width:980px){
  .nav__toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav__panel{
    position:absolute;right:0;top:calc(100% + 10px);
    background:#fff;border:1px solid rgba(16,24,40,.12);
    border-radius:18px;box-shadow:var(--shadow);
    padding:1rem;
    width:min(360px, calc(100vw - 2rem));
    flex-direction:column;align-items:stretch;gap:.4rem;
    transform-origin:top right;transform:scale(.98);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:.18s ease;
  }
  .nav[data-open="true"] .nav__panel{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}
  .nav__group:hover .nav__submenu{opacity:0;visibility:hidden;transform:translateY(8px)}
  .nav__submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:14px;margin:.35rem 0 0;border:1px solid rgba(16,24,40,.10);padding:.4rem .2rem;display:none}
  .nav__group[data-open="true"] .nav__submenu{display:block}
  .nav__item{padding:.55rem .5rem}
  .nav__item--btn{justify-content:space-between}
  .nav__cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.4rem}

  .hero__grid{grid-template-columns:1fr;gap:1.5rem}
  .hero__visual{order:-1}
  .cards{grid-template-columns:1fr;}
  .newsGrid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .manifest{grid-template-columns:1fr}
  .bridge{grid-template-columns:1fr}
  .member{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .ftr__grid{grid-template-columns:1fr;gap:1.2rem}
}

@media(prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}