.rph{width:min(1416px,calc(100vw - 112px));margin:24px auto 0;overflow:hidden;background:#07111b;color:#fff;border-radius:14px}.rph__stage{position:relative;overflow:hidden;width:100%;aspect-ratio:1920/500;background:#07111b}.rph__bg,.rph__ghost,.rph__portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rph__bg{filter:saturate(.8) brightness(var(--bb)) blur(var(--blur));opacity:.92;transform:scale(1.06)}.rph__ghost{object-fit:contain;object-position:center bottom;left:var(--gx);width:52%;height:112%;top:auto;bottom:calc(-5% + var(--gy));opacity:var(--go);filter:blur(var(--gblur)) brightness(.58) saturate(.38) contrast(1.12);transform:translateX(-50%) scale(var(--gs));transform-origin:center bottom;z-index:2;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 82%,transparent 100%)}.rph__portrait{object-fit:contain;object-position:center bottom;left:var(--px);width:49%;height:108%;top:auto;bottom:calc(-4% + var(--py));transform:translateX(-50%) scale(var(--ps));transform-origin:center bottom;z-index:4}.rph__cyan,.rph__magenta{position:absolute;border-radius:50%;filter:blur(70px);z-index:2;transform:translate(-50%,-50%);pointer-events:none}.rph__cyan{width:36%;height:72%;left:var(--cyan-x);top:var(--cyan-y);background:#00bce8;opacity:var(--cyan);scale:var(--cyan-size)}.rph__magenta{width:40%;height:80%;left:var(--magenta-x);top:var(--magenta-y);background:#d10a78;opacity:var(--magenta);scale:var(--magenta-size)}.rph__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,10,17,.88) 0%,rgba(4,10,17,.38) 38%,rgba(4,10,17,.06) 68%,rgba(15,5,22,.30) 100%)}.rph__neon{position:absolute;z-index:3;left:var(--neon-x);top:var(--neon-y);width:42%;height:92%;overflow:visible;transform:translate(-50%,-50%) rotate(var(--neon-rot)) scale(var(--neon-scale));transform-origin:center;pointer-events:none;opacity:var(--neon)}.rph__neon path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-width:calc(var(--neon-width)*1px);filter:drop-shadow(0 0 calc(2px + 14px*var(--neon-glow)) currentColor)}.rph__neon .n-cyan{stroke:#20d7ff;color:#20d7ff}.rph__neon .n-violet{stroke:#774bff;color:#774bff;opacity:.78}.rph__neon .n-pink{stroke:#ff2f7d;color:#ff2f7d}.rph__neon [data-neon-shape]{display:none}.rph__neon[data-variant=loop] [data-neon-shape=loop],.rph__neon[data-variant=orbit] [data-neon-shape=orbit],.rph__neon[data-variant=wave] [data-neon-shape=wave],.rph__neon[data-variant=arc] [data-neon-shape=arc],.rph__neon[data-variant=broken] [data-neon-shape=broken],.rph__neon[data-variant=diagonal] [data-neon-shape=diagonal]{display:block}.rph__brand{position:absolute;z-index:5;right:4%;top:27%;text-align:right;color:rgba(255,255,255,.42)}.rph__brand strong{display:block;font-family:Georgia,serif;font-size:26px;font-style:italic;font-weight:400;line-height:.9;transform:rotate(-5deg)}.rph__brand span{display:block;margin-top:34px;font-size:9px;font-weight:800;letter-spacing:.2em;line-height:1.45}.rph__copy{position:absolute;z-index:5;left:5%;top:50%;transform:translateY(-50%);max-width:42%}.rph__copy>span{font-size:11px;letter-spacing:.22em;color:#72e6ff;font-weight:900}.rph__copy h1{margin:12px 0 14px;font-size:clamp(34px,4.1vw,64px);line-height:.82;letter-spacing:-.055em;color:#fff}.rph__copy p{font-size:13px;letter-spacing:.12em;font-weight:800}.rph__meta{display:flex;align-items:center;gap:8px;margin:10px 0 0;color:#a8b6c5;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rph__cta{display:flex;gap:10px;margin-top:16px}.rph__cta a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:10px;font-weight:800;text-decoration:none;color:#fff}.rph__cta .primary{background:#ff2f7d}.rph__cta .secondary{border:1px solid rgba(255,255,255,.35);background:rgba(8,14,22,.35)}.rph__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));min-height:72px;background:linear-gradient(90deg,rgba(8,22,34,.96),rgba(7,14,24,.98));border-top:1px solid rgba(255,255,255,.06)}.rph__fact{display:flex;align-items:center;gap:13px;padding:14px 20px;border-right:1px solid rgba(255,255,255,.07)}.rph__fact:last-child{border-right:0}.rph__fact-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;color:#20d4ff;font-size:1.2rem;line-height:1}.rph__fact small,.rph__fact strong{display:block}.rph__fact small{margin-bottom:3px;color:#93a3b5;font-size:.61rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.rph__fact strong{color:#fff;font-size:.77rem;line-height:1.35}@media(max-width:720px){.rph__stage{aspect-ratio:390/520}.rph__copy{left:7%;top:18%;max-width:86%;transform:none}.rph__copy h1{font-size:44px}.rph__portrait{width:88%;height:78%;bottom:calc(-2% + var(--py))}.rph__ghost{width:80%;height:82%;bottom:calc(2% + var(--gy))}.rph__neon{width:72%;height:54%}.rph__brand{display:none}.rph__facts{grid-template-columns:repeat(2,1fr)}.rph__facts>div{min-height:58px}.rph__cta{flex-wrap:wrap}}

@media(max-width:1180px){.rph{width:min(1080px,calc(100vw - 48px));margin-top:18px}}
@media(max-width:600px){.rph{width:calc(100vw - 28px);margin-top:14px;border-radius:10px}}

/* Resident hero variant 2: restrained full-width atmosphere, constrained content */
.rph-bleed{
  position:relative;
  margin-top:0;
  overflow:clip;
  isolation:isolate;
  background:
    linear-gradient(90deg,
      rgba(4,43,54,.32) 0%,
      rgba(4,20,27,.18) 18%,
      rgba(5,8,13,0) 34%,
      rgba(5,8,13,0) 66%,
      rgba(42,5,28,.18) 82%,
      rgba(70,5,42,.30) 100%);
}
.rph-bleed::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(55% 95% at 0% 45%, rgba(0,188,232,.12), transparent 68%),
    radial-gradient(55% 95% at 100% 42%, rgba(209,10,120,.13), transparent 68%);
}
.rph{
  position:relative;
  z-index:1;
  width:min(1416px,calc(100vw - 112px));
  margin:0 auto;
  overflow:hidden;
  background:#07111b;
  color:#fff;
  border-radius:0 0 14px 14px;
}
.rph__stage{border-radius:0;overflow:hidden}
.rph__facts{border-radius:0 0 14px 14px;overflow:hidden}
.fm-page--resident,.fm-resident-page{overflow-x:clip}
@supports not (overflow:clip){.fm-page--resident,.fm-resident-page{overflow-x:hidden}}
@media(max-width:1180px){
  .rph{width:min(100% - 48px,1080px)}
}
@media(max-width:600px){
  .rph{width:calc(100% - 28px)}
  .rph-bleed{
    background:linear-gradient(90deg,rgba(4,43,54,.22),transparent 34%,transparent 66%,rgba(70,5,42,.22));
  }
  .rph-bleed::before{opacity:.75}
}

@media(max-width:720px){.rph__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.rph__fact{min-height:68px;padding:12px 14px}.rph__fact:nth-child(2n){border-right:0}}
@media(max-width:520px){.rph__facts{grid-template-columns:1fr}.rph__fact{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.rph__fact:last-child{border-bottom:0}}


/* Hero Maker v2: dynamic ring layer. Browser-rendered, no server-side animation frames. */
.rph__rings{position:absolute;z-index:3;left:var(--px);top:54%;width:29%;aspect-ratio:1;transform:translate(-50%,-50%) scale(var(--ring-scale));pointer-events:none;opacity:var(--ring-opacity)}
.rph__ring{position:absolute;inset:0;border:1.5px solid rgba(32,215,255,.84);border-radius:50%;filter:drop-shadow(0 0 calc(3px + 14px*var(--ring-glow)) rgba(32,215,255,.56));animation:rph-ring-spin var(--ring-speed) linear infinite}
.rph__ring:nth-child(2){inset:calc(var(--ring-gap)*-1);border-color:rgba(255,47,125,.76);animation-duration:calc(var(--ring-speed) + 4s);animation-direction:reverse;filter:drop-shadow(0 0 calc(5px + 19px*var(--ring-glow)) rgba(255,47,125,.62))}
.rph__ring:nth-child(3){inset:calc(var(--ring-gap)*-2);border-color:rgba(119,75,255,.68);animation-duration:calc(var(--ring-speed) + 8s)}
.rph__rings[data-count="1"] .rph__ring:nth-child(n+2),.rph__rings[data-count="2"] .rph__ring:nth-child(3){display:none}
.rph__rings[data-direction="counterclockwise"] .rph__ring:first-child,.rph__rings[data-direction="counterclockwise"] .rph__ring:nth-child(3){animation-direction:reverse}.rph__rings[data-direction="counterclockwise"] .rph__ring:nth-child(2){animation-direction:normal}
.rph__rings[data-style="clean"] .rph__ring{filter:none;border-width:1px}.rph__rings[data-style="broken"] .rph__ring{border-style:dashed;border-width:3px}
@keyframes rph-ring-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.rph__rings{width:68%;top:62%}}
@media(prefers-reduced-motion:reduce){.rph__ring{animation:none!important}}