/* ══════════════ FONTS ══════════════ */
@font-face { font-family:'Acumin Pro'; src:url('../brand_assets/Acumin-RPro.otf') format('opentype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Acumin Pro'; src:url('../brand_assets/Acumin-BdPro.otf') format('opentype'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Acumin Pro'; src:url('../brand_assets/Acumin-ItPro.otf') format('opentype'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Acumin Pro'; src:url('../brand_assets/Acumin-BdItPro.otf') format('opentype'); font-weight:700; font-style:italic; font-display:swap; }

/* ══════════════ BASE ══════════════ */
:root { --c-bg:#0D0F1E; --c-orange:#E84618; --c-yellow:#F49735; --grain-opacity:0.045; }

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }

body {
  background:var(--c-bg);
  color:var(--c-yellow);
  font-family:'Acumin Pro',sans-serif;
  font-weight:400;
  overflow-x:hidden;
}

/* Grain overlay */
body::after {
  content:'';
  position:fixed; inset:0; z-index:9999; pointer-events:none;
  background-image:url('../brand_assets/dark-stone-desk-texture-with-concrete-background-high-resolution-top-view-table-with-copy-space-idea-advertising-banner-product-article.jpg');
  background-repeat:repeat; background-size:260px;
  opacity:var(--grain-opacity); mix-blend-mode:overlay;
}

/* ══════════════ NAV ══════════════ */
#nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 3vw; height:60px;
  background:#0D0F1E;
  border-bottom:1px solid rgba(232,70,24,0.15);
}
#nav-home {
  height:36px; display:flex; align-items:center;
  opacity:0; pointer-events:none;
  transition:opacity 0.4s ease; text-decoration:none;
}
#nav-home.visible { opacity:1; pointer-events:auto; }
#nav-home img { height:36px; width:auto; mix-blend-mode:screen; }
.nav-links { display:flex; gap:clamp(0.6rem,1.6vw,1.6rem); align-items:center; }
.nav-btn {
  font-family:'Acumin Pro',sans-serif; font-weight:700;
  font-size:0.95rem; letter-spacing:0.12em; text-transform:uppercase;
  text-decoration:none; color:var(--c-yellow);
  padding:0.3em 0; position:relative; transition:opacity 0.2s;
}
.nav-btn::before {
  content:''; position:absolute; bottom:-3px; left:0; right:0;
  height:1.5px; background:var(--c-yellow); opacity:0.15;
}
.nav-btn::after {
  content:''; position:absolute; bottom:-3px; left:0; right:0;
  height:1.5px; background:var(--c-orange);
  transform:scaleX(0); transform-origin:left; transition:transform 0.25s ease;
}
.nav-btn:hover { opacity:0.75; }
.nav-btn:hover::after, .nav-btn.active::after { transform:scaleX(1); }
.nav-img { height:22px; width:auto; display:block; }

@media (max-width:768px) {
  #nav { padding:0 2vw; }
  #nav-home img { height:28px; }
  .nav-links { gap:clamp(0.4rem,1vw,0.8rem); }
  .nav-btn { font-size:0.75rem; }
  .nav-img { height:16px; }
}

@media (max-width:480px) {
  #nav-home img { height:24px; }
  .nav-links { gap:0.3rem; }
  .nav-btn { font-size:0.65rem; }
  .nav-img { height:14px; }
}

/* ══════════════ WAVE DIVIDER ══════════════ */
.wave-divider { width:100%; line-height:0; overflow:hidden; }
.wave-divider svg { width:100%; display:block; }

/* ══════════════ SHARED HEADINGS ══════════════ */
.section-heading {
  font-family:'Acumin Pro',sans-serif; font-weight:400;
  font-size:clamp(1.3rem,2.6vw,1.85rem); letter-spacing:0.2em;
  text-transform:uppercase; text-align:center; margin-bottom:2.5rem;
  background:linear-gradient(90deg, #F49735 0%, #E84618 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}

/* ══════════════ PAGE HEADER (subpages) ══════════════ */
.page-header {
  position:relative; min-height:50vh; padding-top:60px;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.page-header::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:45%;
  background:linear-gradient(to bottom, transparent, var(--c-bg));
  pointer-events:none; z-index:8;
}
.header-aurora { position:absolute; inset:0; z-index:1; overflow:hidden; }
.hband { position:absolute; border-radius:50%; }
.hb-1 {
  width:120vw; height:38vw; bottom:-2%; left:-10%;
  background:radial-gradient(ellipse at 50% 55%, rgba(232,70,24,0.44) 0%, rgba(244,151,53,0.18) 40%, transparent 70%);
  filter:blur(60px); animation:aurora-flow 10s ease-in-out infinite alternate;
}
.hb-2 {
  width:95vw; height:24vw; bottom:30%; left:5%;
  background:radial-gradient(ellipse at 50% 50%, rgba(244,151,53,0.30) 0%, rgba(232,70,24,0.10) 48%, transparent 72%);
  filter:blur(50px); animation:aurora-flow 16s ease-in-out 2s infinite alternate-reverse;
}
.hb-3 {
  width:60vw; height:50vw; bottom:-8%; right:-8%;
  background:radial-gradient(ellipse at 50% 50%, rgba(232,70,24,0.20) 0%, transparent 65%);
  filter:blur(62px); animation:aurora-pulse 9s ease-in-out 1s infinite alternate;
}
@keyframes aurora-flow {
  from { transform:translateX(0%) scaleY(1);    opacity:0.52; }
  to   { transform:translateX(7%) scaleY(1.20); opacity:0.96; }
}
@keyframes aurora-pulse {
  from { transform:scale(1);    opacity:0.30; }
  to   { transform:scale(1.16); opacity:0.72; }
}
.header-content { position:relative; z-index:10; text-align:center; padding:2rem; }
.page-header-img { height:clamp(80px,9vw,130px); width:auto; display:block; margin:0 auto; }

/* ══════════════ MERKBAND ══════════════ */
#merkband { overflow:hidden; width:100%; border-top:1px solid rgba(232,70,24,0.1); }
.merkband-track { display:flex; width:max-content; animation:merkband-scroll 28s linear infinite; }
.merkband-track img { height:57px; width:auto; display:block; flex-shrink:0; }
@keyframes merkband-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }