/* ==========================================================================
   Site theme — Royal Navy #163B65 · Sky Blue #3988D4 · White · Soft Gold #F2C66D
   Loaded last on every page. Never targets the home hero (.hv).
   ========================================================================== */

:root{
  --navy:#163B65;--navy-deep:#0F2C4D;--sky:#3988D4;--sky-dark:#2A6FB8;--sky-soft:#E8F1FB;--soft-gold:#F2C66D;
  --bg:#FFFFFF;--surface:#FFFFFF;--ink:#163B65;--muted:#4B6180;--line:#DCE6F2;--wash:#F1F6FC;--mint:#E8F1FB;
  --green:#3988D4;--btn:#3988D4;--band:#163B65;--footer:#163B65;
  --gold:#F2C66D;--gold-ink:#163B65;--rose:#2A6FB8;--rose-soft:#E8F1FB;
  --pg-green:#163B65;
  --fx-emerald:#163B65;--fx-emerald-2:#3988D4;--fx-mint:#3988D4;--fx-sky:#3988D4;--fx-coral:#3988D4;
  --fx-gold:#F2C66D;--fx-gold-2:#F2C66D;
  --grad-brand:linear-gradient(135deg,#2A6FB8 0%,#3988D4 100%);
  --grad-gold:linear-gradient(135deg,#F2C66D 0%,#F2C66D 100%);
  --grad-aurora:linear-gradient(110deg,#163B65 0%,#3988D4 55%,#F2C66D 100%);
  --shadow:0 10px 30px rgba(22,59,101,.10);
  --fx-glow:0 14px 34px rgba(57,136,212,.32);
}
body{background:#fff;color:var(--navy)}
body::before{background:radial-gradient(60vw 50vh at 8% -6%,rgba(57,136,212,.10),transparent 70%),radial-gradient(55vw 55vh at 100% 38%,rgba(242,198,109,.08),transparent 70%)}
::selection{background:var(--soft-gold);color:var(--navy)}
:focus-visible{outline-color:var(--sky)}

/* ---------- top strip: royal navy, white contact info + social icons ---------- */
.topbar{background:var(--navy);animation:none;border-bottom:1px solid rgba(242,198,109,.35)}
.topbar,.topbar .item,.topbar .item a{color:#fff}
.soc{background:rgba(255,255,255,.14);color:#fff}
.soc:hover{background:#fff;color:var(--navy)}
.lang-btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
.lang-menu{border-top-color:var(--soft-gold);color:var(--navy)}
.lang-menu button:hover,.lang-menu button[aria-pressed="true"]{background:var(--sky-soft);color:var(--navy)}
.btn-login{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.btn-login .ic{color:var(--sky)}
.btn-login:hover{background:var(--sky);color:#fff;box-shadow:0 4px 14px rgba(57,136,212,.4)}
.btn-login:hover .ic{color:#fff}
/* thin gold line under the strip replaces the old multicolour ribbon */
.ajrak{height:4px;background:var(--soft-gold)!important;box-shadow:none}

/* ---------- header / navbar: white, navy text, sky active item ---------- */
.chrome-head{background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--line)}
.chrome-head.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 8px 24px rgba(22,59,101,.12)}
.site-head{background:transparent}
.brand b{background:none;-webkit-text-fill-color:var(--navy);color:var(--navy)}
.brand small{color:#5B7090}
.brand .ur-brand{color:var(--sky)}
.nav,.nav>a,.nav-link,.nav-chev{color:var(--navy)}
.nav>a:hover,.nav>a:focus-visible,.nav>a[aria-current="page"],
.nav-item:hover,.nav-item:focus-within,.nav-item.is-on,.nav-item.open{background:var(--sky);box-shadow:0 6px 16px rgba(57,136,212,.3)}
.nav>a:hover,.nav>a:focus-visible,.nav>a[aria-current="page"]{color:#fff}
.nav-item:hover>.nav-link,.nav-item:focus-within>.nav-link,.nav-item.is-on>.nav-link,.nav-item.open>.nav-link,
.nav-item:hover>.nav-chev,.nav-item:focus-within>.nav-chev,.nav-item.is-on>.nav-chev,.nav-item.open>.nav-chev{color:#fff}
.dropdown{background:#fff;border:1px solid var(--line);border-top:3px solid var(--soft-gold);box-shadow:0 18px 40px rgba(22,59,101,.16)}
.dropdown a{color:#3C5578}
.dropdown a:hover,.dropdown a:focus-visible{background:var(--sky);color:#fff}
.dropdown a[aria-current="page"]{color:var(--sky);font-weight:700}
.icon-btn{background:var(--wash);color:var(--navy)}

/* ---------- buttons: sky primary, subtle hover + smooth transitions ---------- */
.btn{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease}
.btn-solid,.ov-btn-primary,.pg-btn-a,.date{background:var(--sky);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(57,136,212,.28)}
.btn-solid:hover,.ov-btn-primary:hover,.pg-btn-a:hover{background:var(--sky-dark);color:#fff;box-shadow:0 12px 26px rgba(57,136,212,.38);transform:translateY(-2px)}
.btn-line,.ov-btn-secondary,.pg-btn-b,.outline-btn{border-color:var(--navy);color:var(--navy);background:transparent}
.btn-line:hover,.ov-btn-secondary:hover,.pg-btn-b:hover,.outline-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 10px 22px rgba(22,59,101,.22)}
.btn-gold{background:var(--soft-gold);color:var(--navy);box-shadow:0 8px 20px rgba(242,198,109,.4)}
.btn-gold:hover{background:#F6D388;box-shadow:0 12px 26px rgba(242,198,109,.55)}
.btn .play{background:var(--sky)}
.pg-step::before,.pg-tab[aria-selected="true"]{color:#fff}
.pg{--pg-a:#3988D4}
[style*="--pg-a"]{--pg-a:#3988D4!important}
.pg-hero,[class*="pg-h-"]{--pg-a:#3988D4}
.pg-card:hover{background:var(--navy);border-color:var(--navy)}

/* ---------- quick links, cards, tiles ---------- */
.q{background:#fff;border-color:var(--line)}
.q::before{background:var(--grad-brand)}
.q .tile,.q .tile.rose{background:var(--sky-soft);color:var(--sky);box-shadow:0 10px 22px rgba(57,136,212,.16)}
.q:hover{border-color:transparent;box-shadow:0 22px 44px rgba(57,136,212,.28)}
.q:hover .tile,.q:hover .tile.rose{background:rgba(255,255,255,.22);color:#fff}
.card{border-color:var(--line);background:#fff}
.card:hover{border-color:rgba(57,136,212,.4);box-shadow:0 26px 50px rgba(22,59,101,.16)}
.card .ico,.card .ico.mint,.card .ico.rose{background:var(--sky-soft);color:var(--sky)}
.card::after{background:linear-gradient(90deg,var(--sky),var(--soft-gold))}
.pg-card .pg-icon{color:var(--sky)}
.ov-tile:hover{border-color:rgba(57,136,212,.45);box-shadow:0 20px 40px rgba(22,59,101,.14)}
.ov-tile:hover .ov-ico{background:var(--sky);color:#fff}
.ov-pill{background:var(--sky-soft);color:var(--navy);border:1px solid rgba(242,198,109,.7)}
.sec-head h2::after,.two h2::after,#gallery .head h2::after,.mission-bar,.pg-sec h2::after{background:var(--soft-gold)}
.sec-head .eyebrow,.mission-programs .eyebrow,.eyebrow{color:var(--sky)}
.sec-head .eyebrow::before{background:var(--soft-gold)}
#gallery .more:hover{background:var(--sky);border-color:var(--sky)}

/* ---------- navy bands: stats, overview stats, CTA, mission, inner-page heroes ---------- */
.stats-band{background:linear-gradient(120deg,var(--navy-deep),var(--navy) 55%,#1F5088)}
.stats-band::after{background:linear-gradient(180deg,rgba(15,44,77,.84),rgba(15,44,77,.9))}
.stats-band::before{background:conic-gradient(from 0deg,transparent 0 70%,rgba(242,198,109,.12) 85%,transparent 100%)}
.stat .disc{background:#fff;color:var(--navy)}
.stat .disc::after{border-color:rgba(242,198,109,.6)}
.stat b{background:none;-webkit-text-fill-color:var(--soft-gold);color:var(--soft-gold);filter:none}
.ov-stats{background:linear-gradient(135deg,var(--navy),#1F5088)}
.ov-seal{background:var(--navy)}
.ov-hl,.ov-title .ov-hl{background-image:linear-gradient(110deg,var(--navy),var(--sky),var(--navy))}
.mission-panel{background:linear-gradient(155deg,var(--navy-deep) 0%,var(--navy) 55%,#1F5088 100%)}
.mission-panel::before{background:radial-gradient(circle,rgba(242,198,109,.28),transparent 65%)}
.mission-panel h2 span{background-image:linear-gradient(110deg,#BFDDF8,var(--soft-gold),#BFDDF8)}
.mission-programs h2 span{background-image:linear-gradient(110deg,var(--navy),var(--sky),var(--navy))}
.mission-ico{background:rgba(255,255,255,.14);color:var(--soft-gold)}
.cta{background:linear-gradient(110deg,var(--navy-deep),var(--navy) 55%,#1F5088)}
.cta::before{background:radial-gradient(40% 80% at 85% 20%,rgba(242,198,109,.2),transparent 70%),radial-gradient(30% 60% at 60% 100%,rgba(57,136,212,.3),transparent 70%)}

html .pg-hero{
  background:linear-gradient(125deg,var(--navy-deep) 0%,var(--navy) 45%,#1F5088 100%)!important;
  background-size:240% 240%!important;
  border-bottom:4px solid var(--soft-gold);border-image:none;
}
html .pg-hero::after{background:conic-gradient(from 0deg,transparent 0 72%,rgba(242,198,109,.1) 86%,transparent 100%)}
html .pg-hero .pg-kicker{color:var(--soft-gold)!important;background:rgba(255,255,255,.12)!important}
html .pg-hero .pg-kicker::before{background:var(--soft-gold);box-shadow:none}
html .pg-hero .pg-h1 em{color:var(--soft-gold)!important}
html .pg-hero .pg-h1 em .fx-w{background:linear-gradient(100deg,var(--soft-gold),#FFF1CB,var(--soft-gold));background-size:240% 100%;-webkit-background-clip:text;background-clip:text}
html .pg-hero .pg-h1 em::after{background:linear-gradient(90deg,var(--soft-gold),#FFF1CB)}
html .pg-hero [class$="-points"] li strong{color:var(--soft-gold)!important}
html .pg-hero [class$="-points"] li:hover{border-color:rgba(242,198,109,.7)!important}
html .pg-hero .pg-btn-a{background:var(--soft-gold)!important;color:var(--navy)!important;box-shadow:0 12px 26px rgba(242,198,109,.35)}
html .pg-hero .pg-btn-b,html .pg-hero .pg-btn-g{color:#fff!important}
.pg-hero .fx-blob.b1,.pg-hero .fx-blob.b2{background:radial-gradient(circle,rgba(57,136,212,.9),rgba(57,136,212,0) 68%)}
.pg-hero .fx-blob.b3{background:radial-gradient(circle,#F2C66D,rgba(242,198,109,0) 70%)}
.pg-h-contact::after{background:linear-gradient(90deg,rgba(15,44,77,.96) 0%,rgba(22,59,101,.88) 40%,rgba(22,59,101,.25) 72%,transparent 90%)!important}
@media (max-width:820px){.pg-h-contact::after{background:linear-gradient(180deg,rgba(15,44,77,.95) 0%,rgba(22,59,101,.82) 60%,rgba(22,59,101,.45) 100%)!important}}
.page-hero{border-bottom:4px solid var(--soft-gold);border-image:none}
.page-hero::after{background:linear-gradient(105deg,rgba(15,44,77,.94) 0%,rgba(22,59,101,.8) 55%,rgba(31,80,136,.4) 100%)}
.page-hero .eyebrow{color:var(--soft-gold)}

/* ---------- forms ---------- */
input,select,textarea{border-color:var(--line);color:var(--navy);background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--sky);box-shadow:0 0 0 3px rgba(57,136,212,.2);outline:none}
.pg-table th{background:var(--sky-soft);color:var(--navy)}

/* ---------- footer ---------- */
.site-foot--ajrak,html .site-foot--ajrak{
  --sf-bg0:#163B65;--sf-bg1:#0F2C4D;--sf-gold:#F2C66D;--sf-mint:#F2C66D;--sf-madder:#2A6FB8;--sf-madder-bright:#3988D4;--sf-indigo:#1F5088;--sf-cream:#E8F1FB;--sf-body:#D6E3F2;--sf-label:#A9C0DA;
  background:linear-gradient(180deg,#163B65 0%,#0F2C4D 100%);
}
.site-foot--ajrak .sf-ajrak-band{background:var(--soft-gold)!important;height:5px}
.site-foot--ajrak .sf-ajrak-pattern{opacity:.06}
.site-foot--ajrak a:hover{color:var(--soft-gold)}
.site-foot--ajrak h3,.site-foot--ajrak h4{color:#fff}

/* ---------- scroll helpers ---------- */
#fx-progress{background:linear-gradient(90deg,var(--sky),var(--soft-gold));box-shadow:0 0 12px rgba(57,136,212,.6)}
#fx-top{background:var(--sky);box-shadow:0 10px 26px rgba(57,136,212,.4)}
#fx-top svg.ring .fg{stroke:var(--soft-gold)}


/* ---------- quick links: four separate full-width boxes with animated colour outlines ---------- */
.quick.quick-full{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);
  width:100%;max-width:none;margin:0;padding:30px clamp(14px,2.2vw,36px) 32px;background:transparent;border:0;position:relative;z-index:2;
}
.quick-full .q{
  --qc:#3988D4;--q2:#F2C66D;--qs:#E8F1FB;--qi:#3988D4;--qh:#fff;
  position:relative;overflow:hidden;isolation:isolate;min-height:116px;padding:24px clamp(16px,1.8vw,28px);gap:16px;
  border:2.5px solid transparent;border-radius:22px;font-size:1.08rem;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,var(--qc),var(--q2),var(--qc)) border-box;
  background-size:100% 100%,300% 100%;box-shadow:0 10px 26px color-mix(in srgb,var(--qc) 16%,transparent);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  animation:q-rise .8s cubic-bezier(.22,1,.36,1) backwards,q-flow 5s linear infinite;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,color .3s;
}
.quick-full .q:nth-child(1){animation-delay:.15s,0s}
.quick-full .q:nth-child(2){--qc:#163B65;--q2:#3988D4;--qs:#E6ECF4;--qi:#163B65;animation-delay:.3s,-1.2s}
.quick-full .q:nth-child(3){--qc:#F2C66D;--q2:#3988D4;--qs:#FDF3DC;--qi:#9A6A12;--qh:#163B65;animation-delay:.45s,-2.4s}
.quick-full .q:nth-child(4){--qc:#2A6FB8;--q2:#F2C66D;--qs:#E3EEF9;--qi:#2A6FB8;animation-delay:.6s,-3.6s}
@keyframes q-rise{0%{opacity:0;transform:translateY(34px) scale(.94)}}
@keyframes q-flow{to{background-position:0 0,-300% 0}}
.quick-full .q::before{background:var(--qc);opacity:0;transform:scale(.6);border-radius:inherit;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.quick-full .q:hover{transform:translateY(-8px);color:var(--qh);box-shadow:0 20px 38px color-mix(in srgb,var(--qc) 34%,transparent)}
.quick-full .q:hover::before{opacity:1;transform:scale(1)}
.quick-full .q .tile,.quick-full .q .tile.rose{width:60px;height:60px;border-radius:18px;font-size:1.5rem;background:var(--qs);color:var(--qi);box-shadow:none}
.quick-full .q:hover .tile,.quick-full .q:hover .tile.rose{background:rgba(255,255,255,.22);color:var(--qh)}
.quick-full .q .q-arrow{margin-left:auto;background:var(--qs);color:var(--qi)}
.quick-full .q:hover .q-arrow{background:rgba(255,255,255,.22);color:var(--qh)}
@media (max-width:820px){
  .quick.quick-full{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:22px 14px 24px}
  .quick-full .q{min-height:92px;padding:16px 14px;gap:12px;font-size:1rem;border-radius:18px}
  .quick-full .q .tile,.quick-full .q .tile.rose{width:46px;height:46px;border-radius:14px;font-size:1.2rem}
}
@media (max-width:480px){.quick.quick-full{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.quick-full .q{animation:none}}


/* ---------- scrolling info band under the quick links ---------- */
.mq-band{
  position:relative;overflow:hidden;background:var(--navy);color:#fff;
  border-top:3px solid var(--soft-gold);border-bottom:3px solid var(--soft-gold);
}
.mq-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.9;
  background:
    radial-gradient(circle at 50% 100%,rgba(255,255,255,.07) 0 15px,transparent 16px) 0 0/60px 34px,
    radial-gradient(circle at 0 0,rgba(57,136,212,.22) 0 2px,transparent 3px) 0 0/30px 34px;
}
.mq-track{position:relative;display:flex;width:max-content;animation:mq-run 48s linear infinite}
.mq-band:hover .mq-track,.mq-band:focus-within .mq-track{animation-play-state:paused}
.mq-group{display:flex;align-items:center;flex:none;margin:0;padding:0;list-style:none}
.mq-group li{
  display:inline-flex;align-items:center;gap:20px;padding:20px 40px 20px 0;white-space:nowrap;
  font:700 clamp(1rem,1.7vw,1.4rem)/1.2 var(--display);letter-spacing:.03em;text-transform:uppercase;color:#fff;
}
.mq-group li i{width:7px;height:7px;border-radius:50%;background:var(--soft-gold);flex:none}
@keyframes mq-run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .mq-track{animation:none;width:100%;flex-wrap:wrap;justify-content:center}
  .mq-group[aria-hidden="true"]{display:none}
  .mq-group{flex-wrap:wrap;justify-content:center}
}

/* the home hero keeps its own focus-ring colour */
.hv{--gold:#E4B65E}