/* =========================================================
   Page personality - subtle decorative variations
   All pages stay in navy+gold; each gets a unique Hero accent
   ========================================================= */

/* ---------- RETIREMENT: Roman numeral watermark + horizon line ---------- */
body[data-active="retirement"] .page-hero{
  position:relative;overflow:hidden;
}
body[data-active="retirement"] .page-hero .wrap{position:relative;z-index:2}
body[data-active="retirement"] .page-hero::before{
  /* gentle radial glow shifted lower-right */
  background:
    radial-gradient(60% 80% at 80% 60%, rgba(184,150,87,.18), transparent 60%),
    radial-gradient(50% 70% at 20% 30%, rgba(184,150,87,.10), transparent 65%),
    var(--mesh-deep) !important;
}
body[data-active="retirement"] .page-hero .wrap > *{position:relative}
body[data-active="retirement"] .page-hero .wrap::after{
  /* large outline serif "M" watermark - Roman, classic, calm */
  content:"M";
  position:absolute;
  inset-inline-end:-3vw;bottom:-4vw;
  font-family:'Noto Sans Hebrew',sans-serif;
  font-size:clamp(20rem,38vw,42rem);
  line-height:.78;
  font-weight:700;
  color:transparent;
  -webkit-text-stroke:1px rgba(184,150,87,.18);
  text-stroke:1px rgba(184,150,87,.18);
  pointer-events:none;
  z-index:1;
  letter-spacing:-.04em;
}
@media(max-width:760px){
  body[data-active="retirement"] .page-hero .wrap::after{
    inset-inline-end:-8vw;bottom:-8vw;
    -webkit-text-stroke:1px rgba(184,150,87,.12);
  }
}
/* horizon line under hero for "long-view" feeling */
body[data-active="retirement"] .page-hero::after{
  background:
    linear-gradient(180deg,transparent 78%,rgba(184,150,87,.18) 78.2%,rgba(184,150,87,.18) 78.4%,transparent 78.6%),
    var(--grain) !important;
}

/* ---------- INVESTORS: rising trendline + corner mark ---------- */
body[data-active="investors"] .page-hero{
  position:relative;overflow:hidden;
}
body[data-active="investors"] .page-hero .wrap{position:relative;z-index:2}
body[data-active="investors"] .page-hero::before{
  background:
    radial-gradient(45% 70% at 12% 28%, rgba(184,150,87,.20), transparent 60%),
    radial-gradient(55% 70% at 92% 75%, rgba(21,37,64,.6), transparent 60%),
    var(--mesh-deep) !important;
}
/* Crisp upward trendline as background SVG */
body[data-active="investors"] .page-hero::after{
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' x2='1' y1='1' y2='0'><stop offset='0' stop-color='%23C8A951' stop-opacity='0'/><stop offset='1' stop-color='%23C8A951' stop-opacity='.6'/></linearGradient></defs><polyline points='0,520 120,500 240,470 360,440 480,395 600,360 720,290 840,250 960,180 1080,140 1200,80' fill='none' stroke='url(%23g)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/><circle cx='1080' cy='140' r='5' fill='%23C8A951'/><circle cx='1080' cy='140' r='12' fill='none' stroke='%23C8A951' stroke-opacity='.4' stroke-width='1.5'/></svg>") no-repeat center/cover,
    var(--grain) !important;
  opacity:.85;
}
/* Decorative corner cross-mark like financial print */
body[data-active="investors"] .page-hero .wrap::after{
  content:"";
  position:absolute;
  top:1rem;inset-inline-start:0;
  width:42px;height:42px;
  background:
    linear-gradient(var(--gold),var(--gold)) center/100% 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) center/1px 100% no-repeat;
  opacity:.4;
  pointer-events:none;
}

/* ---------- ULTIMATE: precision crosshair + ticker-style label ---------- */
body[data-active="ultimate"] .page-hero{
  position:relative;overflow:hidden;
}
body[data-active="ultimate"] .page-hero .wrap{position:relative;z-index:2}
body[data-active="ultimate"] .page-hero::before{
  background:
    radial-gradient(40% 60% at 50% 40%, rgba(184,150,87,.12), transparent 65%),
    var(--mesh-deep) !important;
}
/* Subtle dot grid - references trader screens without screaming */
body[data-active="ultimate"] .page-hero::after{
  background:
    radial-gradient(circle at center,rgba(184,150,87,.18) 1px,transparent 1.5px) 0 0/44px 44px,
    var(--grain) !important;
  mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 30%,transparent 85%);
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 30%,transparent 85%);
  opacity:.65;
}
/* Crosshair brackets framing the headline area */
body[data-active="ultimate"] .page-hero .wrap::after{
  content:"";
  position:absolute;
  inset:-1.4rem;
  pointer-events:none;
  background:
    /* top-left */
    linear-gradient(var(--gold),var(--gold)) top left/22px 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) top left/1px 22px no-repeat,
    /* top-right */
    linear-gradient(var(--gold),var(--gold)) top right/22px 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) top right/1px 22px no-repeat,
    /* bottom-left */
    linear-gradient(var(--gold),var(--gold)) bottom left/22px 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) bottom left/1px 22px no-repeat,
    /* bottom-right */
    linear-gradient(var(--gold),var(--gold)) bottom right/22px 1px no-repeat,
    linear-gradient(var(--gold),var(--gold)) bottom right/1px 22px no-repeat;
  opacity:.45;
}
@media(max-width:760px){
  body[data-active="ultimate"] .page-hero .wrap::after{display:none}
}

/* ---------- ABOUT: column rule + small ornament ---------- */
body[data-active="about"] .page-hero{
  position:relative;overflow:hidden;
}
body[data-active="about"] .page-hero .wrap{position:relative;z-index:2}
body[data-active="about"] .page-hero::before{
  background:
    radial-gradient(50% 70% at 50% 100%, rgba(184,150,87,.18), transparent 60%),
    var(--mesh-deep) !important;
}
/* Center vertical thin line - editorial / magazine */
body[data-active="about"] .page-hero::after{
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(184,150,87,.22) calc(50% - .5px),rgba(184,150,87,.22) calc(50% + .5px),transparent calc(50% + .5px)),
    var(--grain) !important;
}
/* Small diamond ornament centered in the hero top */
body[data-active="about"] .page-hero .wrap::after{
  content:"";
  position:absolute;
  top:-1.6rem;left:50%;
  width:14px;height:14px;
  transform:translateX(-50%) rotate(45deg);
  background:var(--gold);
  opacity:.65;
  box-shadow:0 0 0 6px rgba(21,37,64,1);
  pointer-events:none;
}

/* ---------- KNOWLEDGE: dotted serif underline accent ---------- */
body[data-active="knowledge"] .page-hero::before{
  background:
    radial-gradient(50% 70% at 30% 80%, rgba(184,150,87,.16), transparent 60%),
    radial-gradient(40% 60% at 80% 20%, rgba(184,150,87,.10), transparent 65%),
    var(--mesh-deep) !important;
}

/* ---------- CONTACT: minimal - focused conversation ---------- */
body[data-active="contact"] .page-hero::before{
  background:
    radial-gradient(80% 60% at 50% 100%, rgba(184,150,87,.18), transparent 60%),
    var(--mesh-deep) !important;
}