@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#050506;--ink:#f5f1eb;--muted:#918b89;--red:#d51f3c;--deep:#730b1e;--line:rgba(255,255,255,.10);--gold:#b99b6b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)!important;color:var(--ink)!important;font-family:Inter,Arial,sans-serif!important;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 75% 10%,rgba(213,31,60,.12),transparent 26%),radial-gradient(circle at 15% 55%,rgba(115,11,30,.08),transparent 32%)}
.nav{height:78px!important;padding:0 4vw!important;background:rgba(5,5,6,.72)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(20px);z-index:100!important}.brand{font-family:Cinzel,serif!important;letter-spacing:.10em!important}.brand-mark{color:var(--red)!important;text-shadow:0 0 18px rgba(213,31,60,.35)}.nav nav{gap:25px!important}.nav nav a{font-size:9px!important;letter-spacing:.18em!important;color:#aaa!important}.nav nav a:hover,.nav nav a.active{color:#fff!important}.staff-link{border:1px solid rgba(213,31,60,.55)!important;padding:10px 13px!important}.sound{font-size:9px!important;letter-spacing:.18em!important;background:transparent!important;border:0!important;color:#aaa!important}
.rm17-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:0 8vw 11vh;overflow:hidden;background:#060608}.rm17-hero-media{position:absolute;inset:-5%;background:linear-gradient(90deg,rgba(5,5,6,.98) 0%,rgba(5,5,6,.62) 42%,rgba(5,5,6,.18) 100%),linear-gradient(0deg,rgba(5,5,6,.98),transparent 40%),url('../assets/loading-v10.jpg') center/cover;filter:saturate(.85) contrast(1.08);transform:scale(1.04);transition:transform 1.5s ease}.rm17-hero:hover .rm17-hero-media{transform:scale(1.08)}.rm17-moon{position:absolute;right:9vw;top:17vh;width:min(32vw,430px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff5b68,#bd1029 46%,#4d0611 73%,transparent 74%);box-shadow:0 0 100px rgba(213,31,60,.25);animation:rmMoon 7s ease-in-out infinite}.rm17-moon:after{content:"";position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 50px rgba(0,0,0,.4)}.rm17-fog{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 75%,rgba(255,255,255,.08),transparent 28%),radial-gradient(ellipse at 65% 68%,rgba(255,255,255,.06),transparent 32%);filter:blur(18px);animation:rmFog 14s ease-in-out infinite alternate}.rm17-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,transparent,black 30%,transparent)}.rm17-hero-content{position:relative;z-index:4;max-width:850px}.rm17-kicker,.rm17-label{font-size:9px;letter-spacing:.3em;color:var(--red);font-weight:700}.rm17-title{font:800 clamp(70px,13vw,190px)/.78 Cinzel;letter-spacing:-.065em;margin:25px 0 30px}.rm17-title em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(245,241,235,.7)}.rm17-title small{display:block;font:700 clamp(15px,2vw,25px) Inter;letter-spacing:.42em;margin:20px 0 0;color:#f5f1eb}.rm18-copy{max-width:570px;color:#c3bdbc;line-height:1.8;font-size:15px}.rm17-actions{display:flex;gap:12px;margin-top:30px}.rm17-btn{display:inline-flex;align-items:center;gap:18px;padding:15px 19px;border:1px solid var(--line);color:#fff;text-decoration:none;font-size:9px;letter-spacing:.2em;transition:.35s}.rm17-btn.red{background:var(--red);border-color:var(--red)}.rm17-btn:hover{transform:translateY(-3px);border-color:rgba(213,31,60,.8);box-shadow:0 15px 45px rgba(213,31,60,.15)}.rm17-scroll{position:absolute;right:4vw;bottom:5vh;writing-mode:vertical-rl;font-size:8px;letter-spacing:.3em;color:#777;z-index:4}.rm17-scroll:after{content:"";display:block;height:70px;width:1px;background:linear-gradient(var(--red),transparent);margin:15px auto 0}
.rm17-strip{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;background:#08080a}.rm17-strip-track{display:flex;width:max-content;will-change:transform;animation:rmMarquee 28s linear infinite}.rm17-strip-track span{display:block;flex:0 0 auto;padding:17px 2.5vw 17px 0;font:600 10px Inter;letter-spacing:.32em;color:#9c9695}.rm17-strip b{color:var(--red);font-weight:600}
.rm17-section{padding:125px 8vw;position:relative;z-index:2}.rm17-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.rm17-section h2{font:600 clamp(42px,6vw,86px)/.9 Cinzel;letter-spacing:-.04em;margin:14px 0}.rm17-section h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(245,241,235,.62)}.rm17-lead{color:#aaa2a1;line-height:1.9;max-width:650px}.rm17-story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.rm17-story-art{min-height:570px;position:relative;background:url('../assets/red-moon-cinematic.png') center/cover;border:1px solid var(--line);overflow:hidden}.rm17-story-art:after{content:"RED MOON / AFTER DARK";position:absolute;left:25px;bottom:22px;font-size:8px;letter-spacing:.25em;color:#ddd}.rm17-story-art:before{content:"月";position:absolute;right:35px;top:20px;font:120px Cinzel;color:rgba(213,31,60,.35)}.rm17-story-copy p{color:#9e9795;line-height:1.95}.rm17-rule{height:1px;background:linear-gradient(90deg,var(--red),transparent);margin:35px 0}.rm17-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rm17-stat{border:1px solid var(--line);padding:22px;background:#09090b}.rm17-stat strong{display:block;font:600 30px Cinzel;color:#fff}.rm17-stat span{font-size:8px;letter-spacing:.18em;color:#777;margin-top:7px;display:block}
.rm17-drinks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rm17-drink{min-height:390px;border:1px solid var(--line);background:#09090b;position:relative;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:end;transition:.45s}.rm17-drink:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 30%,rgba(213,31,60,.24),transparent 32%),linear-gradient(145deg,transparent 35%,rgba(255,255,255,.03));transition:.45s}.rm17-drink:hover{transform:translateY(-8px);border-color:rgba(213,31,60,.55)}.rm17-drink:hover:before{transform:scale(1.1)}.rm17-drink .symbol{position:absolute;right:24px;top:18px;font:90px Cinzel;color:rgba(213,31,60,.26)}.rm17-drink .no{position:absolute;left:25px;top:24px;font-size:8px;letter-spacing:.2em;color:#777}.rm17-drink h3,.rm17-drink p,.rm17-drink strong{position:relative;z-index:1}.rm17-drink h3{font:600 28px Cinzel;margin:0 0 9px}.rm17-drink p{font-size:10px;color:#938b8b;margin:0 0 15px}.rm17-drink strong{font:600 18px Cinzel;color:var(--red)}
.rm17-event{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:65px 8vw;background:linear-gradient(90deg,#12070a,#08080a 55%);border-block:1px solid #35151c;position:relative;overflow:hidden}.rm17-event:after{content:"25";position:absolute;right:4vw;top:-50px;font:900 220px Cinzel;color:rgba(213,31,60,.05)}.rm17-event h2{font:600 clamp(40px,6vw,80px) Cinzel;margin:12px 0}.rm17-event h2 em{font-style:normal;color:var(--red)}.rm17-countdown{display:flex;gap:12px;align-items:end}.rm17-countdown div{min-width:65px;text-align:center}.rm17-countdown b{font:600 30px Cinzel;display:block}.rm17-countdown span{font-size:7px;letter-spacing:.18em;color:#777}.rm17-event .rm17-btn{position:relative;z-index:3}
.rm17-events-list{display:grid;gap:12px}.rm17-event-card{display:grid;grid-template-columns:130px 1fr auto;gap:30px;align-items:center;padding:28px;border:1px solid var(--line);background:#09090b;transition:.35s}.rm17-event-card:hover{border-color:rgba(213,31,60,.5);transform:translateX(5px)}.rm17-date strong{font:700 52px Cinzel;color:var(--red)}.rm17-date span{display:block;font-size:8px;letter-spacing:.2em;color:#777}.rm17-event-card h3{font:600 27px Cinzel;margin:5px 0}.rm17-event-card p{color:#8f8887;font-size:11px;line-height:1.7;margin:0}.rm17-tag{font-size:8px;letter-spacing:.2em;color:var(--red)}
.rm17-owners{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.rm17-owner{min-height:360px;border:1px solid var(--line);background:#09090b;position:relative;padding:30px;display:flex;flex-direction:column;justify-content:end;overflow:hidden}.rm17-owner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(213,31,60,.24),transparent 32%)}.rm17-avatar{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:160px;height:160px;border-radius:50%;border:1px solid rgba(213,31,60,.5);display:grid;place-items:center;font:600 35px Cinzel;color:#eee;background:radial-gradient(circle,#250811,#09090b 70%);box-shadow:0 0 60px rgba(213,31,60,.12)}.rm17-owner span{position:relative;font-size:8px;letter-spacing:.25em;color:var(--red)}.rm17-owner h3{position:relative;font:600 29px Cinzel;margin:10px 0 5px}.rm17-owner p{position:relative;color:#7f7978;font-size:10px}
.rm17-gallery{display:grid;grid-template-columns:1.35fr .65fr .65fr;grid-auto-rows:230px;gap:12px}.rm17-shot{position:relative;overflow:hidden;border:1px solid var(--line);background-position:center;background-size:cover;transition:.5s}.rm17-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 55%)}.rm17-shot:hover{transform:scale(.985);border-color:rgba(213,31,60,.55)}.rm17-shot span{position:absolute;bottom:16px;left:18px;z-index:2;font-size:8px;letter-spacing:.2em;color:#ddd}.shot-a{grid-row:span 2;background-image:url('../assets/red-moon-cinematic.png')}.shot-b{background-image:url('../assets/loading-v10.jpg');background-position:65% center}.shot-c{background-image:url('../assets/red-moon-cinematic.png');background-position:25% center}.shot-d{grid-column:2/4;background-image:url('../assets/loading-v10.jpg');background-position:center 70%}.shot-e{background-image:url('../assets/red-moon-cinematic.png');background-position:75% center}.shot-f{background-image:url('../assets/loading-v10.jpg');background-position:20% center}
.rm17-journal{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.rm17-journal-card{border:1px solid var(--line);padding:35px;background:#09090b;min-height:250px}.rm17-journal-card.feature{background:linear-gradient(140deg,#16070b,#09090b)}.rm17-journal-card h3{font:600 27px Cinzel;margin:12px 0}.rm17-journal-card p{color:#8d8584;line-height:1.8;font-size:11px}.rm17-journal-side{display:grid;gap:12px}.rm17-journal-side .rm17-journal-card{min-height:0}
.rm17-location{display:grid;grid-template-columns:.65fr 1.35fr;gap:14px}.rm17-location-info,.rm17-map{border:1px solid var(--line);background:#09090b}.rm17-location-info{padding:38px}.rm17-location-info h2{font-size:55px}.rm17-coords{font-family:monospace;font-size:11px;color:#aaa;line-height:2}.rm17-map{min-height:480px;background:url('../assets/red-moon-map-v8.png') center/cover;position:relative;overflow:hidden}.rm17-map:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 44.6% 18%,transparent 0 28px,rgba(213,31,60,.12) 29px,transparent 75px),linear-gradient(90deg,rgba(0,0,0,.4),transparent 55%)}.rm17-pin{position:absolute;left:44.6%;top:18%;width:22px;height:22px;border-radius:50%;background:var(--red);box-shadow:0 0 0 8px rgba(213,31,60,.16),0 0 35px rgba(213,31,60,.7);z-index:2;animation:rmPulse 1.8s infinite}.rm17-pin-label{position:absolute;left:calc(44.6% + 35px);top:calc(18% - 10px);z-index:3;background:rgba(5,5,6,.92);border:1px solid rgba(213,31,60,.55);padding:10px 13px;font-size:8px;letter-spacing:.14em}
.rm17-vip{border-block:1px solid var(--line);background:#070709}.rm17-vip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rm17-vip-card{padding:27px;border:1px solid var(--line);background:#0a0a0c;min-height:190px}.rm17-vip-card h3{font:600 20px Cinzel;margin:0 0 12px}.rm17-vip-card p{font-size:10px;line-height:1.8;color:#827b7a}.rm17-vip-card .vip-no{font-size:8px;letter-spacing:.2em;color:var(--red)}
.rm17-footer{padding:70px 8vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:35px;align-items:end}.rm17-footer-brand{font:700 22px Cinzel;letter-spacing:.1em}.rm17-footer p{font-size:8px;letter-spacing:.2em;color:#706a69}.rm17-footer a{color:#898281;text-decoration:none;font-size:8px;letter-spacing:.14em;margin-left:18px}.rm17-footer a:hover{color:#fff}
.rm17-page{padding-top:78px}.rm17-page-hero{min-height:570px;padding:180px 8vw 70px;display:flex;align-items:end;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,5,6,.96),rgba(5,5,6,.5)),url('../assets/loading-v10.jpg') center/cover}.rm17-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050506,transparent 45%)}.rm17-page-hero>div{position:relative;z-index:2}.rm17-page-hero h1{font:700 clamp(70px,12vw,150px)/.8 Cinzel;margin:20px 0}.rm17-page-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(245,241,235,.65)}.rm17-page-hero p{max-width:560px;color:#aaa;line-height:1.8}
@keyframes rmMoon{50%{transform:translateY(-16px) scale(1.02)}}@keyframes rmFog{to{transform:translate3d(3%, -2%,0) scale(1.05)}}@keyframes rmMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@keyframes rmPulse{70%{box-shadow:0 0 0 24px rgba(213,31,60,0),0 0 40px rgba(213,31,60,.6)}100%{box-shadow:0 0 0 0 rgba(213,31,60,0),0 0 25px rgba(213,31,60,.35)}}
@media(max-width:900px){.nav nav{display:none}.rm17-hero{padding:0 7vw 12vh}.rm17-moon{width:55vw;right:-8vw;top:15vh;opacity:.55}.rm17-section{padding:90px 7vw}.rm17-story,.rm17-location,.rm17-journal{grid-template-columns:1fr}.rm17-drinks,.rm17-vip-grid{grid-template-columns:1fr 1fr}.rm17-gallery{grid-template-columns:1fr 1fr}.shot-a{grid-row:span 2}.shot-d{grid-column:auto}.rm17-event{grid-template-columns:1fr}.rm17-footer{flex-direction:column;align-items:flex-start}.rm17-footer a{margin:0 18px 0 0}.rm17-event-card{grid-template-columns:90px 1fr}.rm17-event-card .rm17-btn{grid-column:2;justify-self:start}.rm17-page-hero{min-height:470px;padding:150px 7vw 60px}}
@media(max-width:560px){.rm17-title{font-size:20vw}.rm17-actions{flex-direction:column;align-items:flex-start}.rm17-stats,.rm17-drinks,.rm17-owners,.rm17-vip-grid,.rm17-gallery{grid-template-columns:1fr}.rm17-story-art{min-height:400px}.rm17-countdown{flex-wrap:wrap}.rm17-event-card{grid-template-columns:70px 1fr}.rm17-event-card h3{font-size:21px}.rm17-date strong{font-size:36px}.rm17-page-hero h1{font-size:20vw}.rm17-footer{padding:55px 7vw}}

/* V17.3 extracted menu thumbnails */
.rm17-drink > img{width:120px;height:150px;object-fit:contain;display:block;margin:0 0 16px 0;position:relative;z-index:1;filter:drop-shadow(0 12px 20px rgba(0,0,0,.6));}
.rm17-drink{overflow:hidden;}

/* V18.7 — seamless cinematic ticker: no wrapping, exact-width loop, letter fade at both edges */
.rm17-strip{
  position:relative;
  overflow:hidden;
  white-space:nowrap;
  isolation:isolate;
}
.rm17-strip:before,
.rm17-strip:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:clamp(24px,8vw,110px);
  z-index:3;
  pointer-events:none;
}
.rm17-strip:before{
  left:0;
  background:linear-gradient(90deg,#08080a 0%,rgba(8,8,10,.82) 38%,transparent 100%);
}
.rm17-strip:after{
  right:0;
  background:linear-gradient(270deg,#08080a 0%,rgba(8,8,10,.82) 38%,transparent 100%);
}
.rm17-strip-track{
  display:flex;
  width:max-content;
  align-items:center;
  flex-wrap:nowrap;
  will-change:transform;
}
.rm18-copy{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  width:max-content;
  max-width:none;
  min-width:max-content;
  white-space:nowrap;
  flex-wrap:nowrap;
  padding:17px 2.5vw 17px 0;
  font:600 10px Inter;
  letter-spacing:.32em;
  line-height:1;
  color:#9c9695;
}
.rm-letter{
  display:inline-block;
  flex:0 0 auto;
  width:auto;
  min-width:0;
  opacity:1;
  will-change:opacity,transform;
}
.rm-letter.rm-space{min-width:.32em}
.rm-letter.rm-red{color:var(--red);font-weight:600}
.rm17-strip-track.rm-ticker-intro{
  transform:translate3d(100vw,0,0);
}
@media (max-width:850px){
  .rm18-copy{
    padding-right:7vw;
    font-size:9px;
    letter-spacing:.24em;
  }
}
@media (prefers-reduced-motion:reduce){
  .rm17-strip-track{animation:none!important;transform:none!important}
  .rm-letter{opacity:1!important}
}


/* V18.8 — clean neon marquee strip
   One horizontal line, continuous right-to-left movement, no letter stacking. */
.rm17-strip{
  position:relative;
  height:52px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(213,31,60,.075), transparent 62%),
    #070709;
  border-top:1px solid rgba(213,31,60,.18);
  border-bottom:1px solid rgba(213,31,60,.18);
  white-space:nowrap;
}
.rm-neon-line{
  position:absolute;
  left:0; right:0; top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(213,31,60,.22) 10%,rgba(213,31,60,.75) 50%,rgba(213,31,60,.22) 90%,transparent 100%);
  box-shadow:0 0 10px rgba(213,31,60,.28);
  pointer-events:none;
}
.rm-neon-viewport{
  position:absolute;
  inset:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  z-index:2;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
}
.rm-neon-track{
  display:flex;
  flex:0 0 auto;
  width:max-content;
  min-width:max-content;
  align-items:center;
  will-change:transform;
  animation:rmNeonMarquee 24s linear infinite;
}
.rm-neon-track > span{
  display:block !important;
  flex:0 0 auto;
  width:max-content;
  min-width:max-content;
  padding-right:7vw;
  font:600 10px/1 Inter,sans-serif;
  letter-spacing:.34em;
  color:#a39b9c;
  text-shadow:0 0 8px rgba(255,255,255,.06);
}
.rm-neon-track > span b{
  color:#e11d3d;
  font-weight:700;
  text-shadow:0 0 7px rgba(225,29,61,.62),0 0 18px rgba(225,29,61,.22);
}
@keyframes rmNeonMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:850px){
  .rm17-strip{height:46px}
  .rm-neon-track > span{font-size:8px;letter-spacing:.24em;padding-right:11vw}
}
@media(prefers-reduced-motion:reduce){
  .rm-neon-track{animation:none!important;transform:none!important}
}

/* V25 — photoreal-inspired Red Moon, built in CSS: crater relief, maria and lunar terminator. */
.rm17-moon{
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 30% 27%,rgba(255,185,178,.30) 0 1.2%,transparent 1.8%),
    radial-gradient(circle at 63% 22%,rgba(62,0,10,.32) 0 4%,rgba(255,118,124,.08) 4.6% 5.5%,transparent 6.2%),
    radial-gradient(circle at 74% 48%,rgba(55,0,9,.42) 0 7%,rgba(255,122,128,.07) 7.8% 9%,transparent 10%),
    radial-gradient(circle at 43% 60%,rgba(65,0,10,.38) 0 5.5%,rgba(255,137,139,.08) 6.2% 7.3%,transparent 8.2%),
    radial-gradient(circle at 24% 67%,rgba(64,0,9,.34) 0 3.4%,rgba(255,144,143,.08) 4% 4.8%,transparent 5.5%),
    radial-gradient(circle at 55% 79%,rgba(49,0,8,.38) 0 4.8%,rgba(255,128,132,.07) 5.4% 6.3%,transparent 7%),
    radial-gradient(ellipse at 36% 39%,rgba(70,0,12,.26) 0 14%,transparent 24%),
    radial-gradient(ellipse at 65% 62%,rgba(52,0,10,.24) 0 17%,transparent 27%),
    radial-gradient(circle at 32% 27%,#ff6b72 0%,#df3447 22%,#a71128 54%,#650817 76%,#2b0209 100%)!important;
  box-shadow:
    inset -48px -24px 80px rgba(15,0,4,.72),
    inset 28px 18px 45px rgba(255,120,126,.16),
    0 0 22px rgba(229,25,55,.22),
    0 0 105px rgba(155,5,29,.24)!important;
}
.rm17-moon::before{
  content:"";position:absolute;inset:0;border-radius:50%;z-index:1;pointer-events:none;
  background:
    radial-gradient(circle at 18% 38%,rgba(35,0,7,.34) 0 2.3%,rgba(255,130,132,.10) 2.8% 3.5%,transparent 4%),
    radial-gradient(circle at 47% 18%,rgba(43,0,8,.28) 0 2.8%,rgba(255,151,149,.08) 3.3% 4.1%,transparent 4.8%),
    radial-gradient(circle at 82% 34%,rgba(38,0,7,.36) 0 2%,rgba(255,132,137,.07) 2.5% 3.2%,transparent 3.8%),
    radial-gradient(circle at 69% 75%,rgba(35,0,7,.38) 0 2.6%,rgba(255,132,137,.08) 3.1% 3.9%,transparent 4.5%),
    radial-gradient(circle at 35% 82%,rgba(39,0,8,.30) 0 1.8%,rgba(255,137,140,.07) 2.3% 3%,transparent 3.6%),
    repeating-radial-gradient(ellipse at 42% 44%,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.025) 2px 4px,transparent 5px 8px),
    linear-gradient(112deg,rgba(255,255,255,.08),transparent 35%,rgba(0,0,0,.15) 72%,rgba(0,0,0,.38));
  opacity:.95;mix-blend-mode:soft-light;
}
.rm17-moon::after{
  content:""!important;position:absolute!important;inset:0!important;border:0!important;border-radius:50%!important;z-index:2;pointer-events:none;
  background:radial-gradient(circle at 32% 30%,transparent 0 48%,rgba(40,0,8,.12) 70%,rgba(7,0,2,.52) 100%)!important;
  box-shadow:inset -24px -10px 46px rgba(0,0,0,.34)!important;
}
.rm17-hero-media{
  background:
    radial-gradient(circle at 72% 30%,rgba(135,5,26,.11),transparent 27%),
    radial-gradient(circle at 12% 26%,rgba(255,255,255,.28) 0 1px,transparent 1.5px),
    radial-gradient(circle at 31% 61%,rgba(255,255,255,.18) 0 1px,transparent 1.4px),
    radial-gradient(circle at 88% 68%,rgba(255,95,112,.18) 0 1px,transparent 1.5px),
    linear-gradient(90deg,rgba(5,5,6,.98) 0%,rgba(5,5,6,.72) 42%,rgba(5,5,6,.30) 100%),
    linear-gradient(0deg,rgba(5,5,6,.98),transparent 44%),
    url('../assets/loading-v10.jpg') center/cover!important;
  filter:saturate(.68) contrast(1.16) brightness(.66)!important;
}
@media (max-width:900px), (pointer:coarse){
  .rm17-moon{animation:none!important;box-shadow:inset -28px -16px 55px rgba(15,0,4,.68),0 0 58px rgba(155,5,29,.18)!important}
  .rm17-moon::before{mix-blend-mode:normal;opacity:.58}
}

/* V26 — CINEMATIC LUNAR COUTURE
   Luxury Red Moon treatment: layered lunar maria, crater relief, mineral grain,
   restrained ruby halo and a deeper black-space backdrop. */
.rm17-hero-media{
  background:
    radial-gradient(ellipse at 68% 43%,rgba(132,8,30,.16) 0 12%,transparent 34%),
    radial-gradient(ellipse at 76% 40%,rgba(225,28,59,.055),transparent 30%),
    radial-gradient(circle at 12% 20%,rgba(255,240,242,.52) 0 .7px,transparent 1.3px),
    radial-gradient(circle at 23% 68%,rgba(255,224,230,.32) 0 .65px,transparent 1.2px),
    radial-gradient(circle at 88% 19%,rgba(255,102,125,.32) 0 .7px,transparent 1.4px),
    radial-gradient(circle at 91% 74%,rgba(255,236,240,.22) 0 .6px,transparent 1.2px),
    radial-gradient(circle at 42% 14%,rgba(255,255,255,.18) 0 .55px,transparent 1px),
    linear-gradient(90deg,rgba(3,3,4,.985) 0%,rgba(4,3,4,.91) 36%,rgba(7,3,5,.52) 70%,rgba(5,3,4,.75) 100%),
    linear-gradient(0deg,rgba(3,3,4,.99) 0%,transparent 47%,rgba(3,2,3,.22) 100%),
    url('../assets/loading-v10.jpg') center/cover!important;
  filter:saturate(.58) contrast(1.2) brightness(.55)!important;
}
.rm17-hero-media::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse at 69% 42%,rgba(218,21,52,.095),transparent 31%),
    radial-gradient(ellipse at 67% 47%,rgba(112,0,22,.13),transparent 43%),
    linear-gradient(118deg,transparent 35%,rgba(105,6,22,.055) 49%,transparent 63%);
  mix-blend-mode:screen;
}
.rm17-moon{
  overflow:hidden;isolation:isolate;
  background:
    /* crisp crater bowls */
    radial-gradient(circle at 62% 21%,rgba(255,107,116,.14) 0 1.2%,rgba(72,0,13,.48) 1.6% 4.6%,rgba(255,94,105,.11) 5.0% 5.8%,transparent 6.5%),
    radial-gradient(circle at 75% 48%,rgba(255,92,103,.08) 0 1.5%,rgba(47,0,9,.58) 2.2% 7.6%,rgba(255,105,113,.10) 8.0% 9.2%,transparent 10.1%),
    radial-gradient(circle at 43% 60%,rgba(255,100,108,.08) 0 1.2%,rgba(53,0,10,.52) 1.8% 5.5%,rgba(255,115,119,.10) 5.9% 7.0%,transparent 7.9%),
    radial-gradient(circle at 24% 67%,rgba(255,111,116,.07) 0 .8%,rgba(56,0,10,.50) 1.3% 3.6%,rgba(255,124,126,.09) 4.0% 4.8%,transparent 5.5%),
    radial-gradient(circle at 55% 79%,rgba(255,94,104,.06) 0 1%,rgba(40,0,8,.56) 1.7% 4.9%,rgba(255,108,116,.08) 5.4% 6.3%,transparent 7.2%),
    radial-gradient(circle at 18% 38%,rgba(48,0,9,.48) 0 2.4%,rgba(255,119,122,.08) 2.9% 3.6%,transparent 4.2%),
    radial-gradient(circle at 82% 34%,rgba(46,0,8,.48) 0 2.1%,rgba(255,113,121,.07) 2.6% 3.2%,transparent 3.9%),
    radial-gradient(circle at 69% 75%,rgba(42,0,8,.52) 0 2.6%,rgba(255,112,118,.07) 3.1% 3.9%,transparent 4.6%),
    /* lunar maria */
    radial-gradient(ellipse at 38% 38%,rgba(58,0,13,.25) 0 12%,rgba(90,2,20,.10) 18%,transparent 27%),
    radial-gradient(ellipse at 64% 60%,rgba(43,0,10,.31) 0 14%,rgba(87,1,19,.09) 20%,transparent 31%),
    radial-gradient(ellipse at 50% 24%,rgba(65,1,14,.20) 0 9%,transparent 20%),
    radial-gradient(ellipse at 29% 72%,rgba(54,0,12,.20) 0 8%,transparent 18%),
    /* sphere */
    radial-gradient(circle at 30% 25%,#f04a58 0%,#d72b40 19%,#b81731 43%,#8a0c24 65%,#500716 82%,#210208 100%)!important;
  box-shadow:
    inset -72px -38px 105px rgba(6,0,3,.84),
    inset 35px 20px 55px rgba(255,119,126,.12),
    inset 0 0 18px rgba(255,102,112,.10),
    0 0 0 1px rgba(255,87,102,.055),
    0 0 28px rgba(223,22,54,.20),
    0 0 105px rgba(158,4,31,.20),
    0 0 230px rgba(107,0,24,.12)!important;
}
.rm17-moon::before{
  content:"";position:absolute;inset:0;border-radius:50%;z-index:1;pointer-events:none;
  background:
    /* fine impact field */
    radial-gradient(circle at 31% 28%,rgba(255,169,167,.17) 0 .45%,rgba(50,0,9,.24) .7% 1.25%,transparent 1.7%),
    radial-gradient(circle at 48% 17%,rgba(42,0,8,.34) 0 1.4%,rgba(255,139,140,.08) 1.8% 2.3%,transparent 2.8%),
    radial-gradient(circle at 58% 38%,rgba(38,0,8,.30) 0 .8%,rgba(255,133,137,.07) 1.1% 1.5%,transparent 1.9%),
    radial-gradient(circle at 35% 81%,rgba(37,0,8,.34) 0 1.3%,rgba(255,129,133,.07) 1.7% 2.1%,transparent 2.6%),
    radial-gradient(circle at 79% 66%,rgba(37,0,8,.30) 0 .9%,rgba(255,125,131,.06) 1.2% 1.6%,transparent 2.1%),
    radial-gradient(circle at 14% 54%,rgba(40,0,8,.28) 0 .7%,transparent 1.5%),
    radial-gradient(circle at 88% 54%,rgba(36,0,7,.36) 0 .9%,transparent 1.8%),
    /* mineral / regolith grain */
    repeating-radial-gradient(ellipse at 42% 44%,rgba(255,230,230,.016) 0 1px,rgba(18,0,5,.022) 2px 3px,transparent 4px 7px),
    linear-gradient(118deg,rgba(255,222,220,.075),transparent 31%,rgba(0,0,0,.10) 58%,rgba(0,0,0,.34) 88%);
  opacity:.9;mix-blend-mode:soft-light;
}
.rm17-moon::after{
  content:""!important;position:absolute!important;inset:0!important;border:0!important;border-radius:50%!important;z-index:2;pointer-events:none;
  background:
    radial-gradient(circle at 27% 23%,rgba(255,215,208,.10),transparent 20%),
    radial-gradient(circle at 31% 29%,transparent 0 43%,rgba(42,0,10,.08) 63%,rgba(5,0,3,.60) 100%),
    linear-gradient(108deg,rgba(255,255,255,.035),transparent 34%,rgba(0,0,0,.08) 57%,rgba(0,0,0,.24));
  box-shadow:inset -34px -15px 62px rgba(0,0,0,.42),inset 10px 8px 24px rgba(255,124,128,.045)!important;
}
@media (min-width:901px) and (pointer:fine){
  .rm17-moon{filter:contrast(1.06) saturate(.96);}
}
@media (max-width:900px), (pointer:coarse){
  .rm17-hero-media{background-attachment:scroll!important;filter:saturate(.54) contrast(1.16) brightness(.56)!important}
  .rm17-hero-media::before{mix-blend-mode:normal;opacity:.55}
  .rm17-moon{animation:none!important;filter:none!important;box-shadow:inset -42px -24px 72px rgba(6,0,3,.80),0 0 64px rgba(158,4,31,.17)!important}
  .rm17-moon::before{mix-blend-mode:normal;opacity:.56}
}

/* V27 — HALO RED MOON HERO
   Cinematic lunar artwork integrated as the real homepage environment.
   Desktop gets restrained depth; touch devices stay completely stable. */
.rm17-hero-media{
  inset:-2%!important;
  background-image:
    linear-gradient(90deg,rgba(2,2,3,.94) 0%,rgba(2,2,3,.74) 27%,rgba(4,2,3,.18) 57%,rgba(3,2,3,.14) 100%),
    linear-gradient(0deg,rgba(3,3,4,.96) 0%,rgba(3,3,4,.38) 20%,transparent 48%,rgba(2,2,3,.18) 100%),
    url('../assets/red-moon-cinematic-v27.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:saturate(.90) contrast(1.08) brightness(.78)!important;
  transform:scale(1.025);
}
.rm17-hero-media::before{
  background:
    radial-gradient(ellipse at 62% 43%,transparent 0 27%,rgba(255,35,62,.045) 35%,transparent 50%),
    radial-gradient(ellipse at 72% 50%,rgba(189,8,37,.08),transparent 43%),
    linear-gradient(90deg,rgba(0,0,0,.30),transparent 45%)!important;
  mix-blend-mode:screen;
  opacity:.9;
}
/* The photographic moon in the hero artwork replaces the old CSS sphere. */
.rm17-moon{display:none!important}
.rm17-fog{
  opacity:.26!important;
  background:
    radial-gradient(ellipse at 78% 82%,rgba(145,0,25,.16),transparent 34%),
    radial-gradient(ellipse at 23% 75%,rgba(91,0,19,.10),transparent 31%)!important;
  filter:blur(28px)!important;
}
.rm17-grid{opacity:.12!important;mix-blend-mode:soft-light}
.rm17-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:
    radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.20) 77%,rgba(0,0,0,.52) 100%),
    linear-gradient(90deg,rgba(2,2,3,.42),transparent 38%);
}
.rm17-hero-content{z-index:4}
@media (min-width:901px) and (pointer:fine){
  .rm17-hero:hover .rm17-hero-media{transform:scale(1.045)}
}
@media (max-width:900px), (pointer:coarse){
  .rm17-hero-media{
    inset:0!important;
    transform:none!important;
    transition:none!important;
    background-position:64% center!important;
    filter:saturate(.82) contrast(1.06) brightness(.66)!important;
  }
  .rm17-hero:hover .rm17-hero-media{transform:none!important}
  .rm17-fog{animation:none!important;filter:none!important;opacity:.14!important}
  .rm17-grid{opacity:.07!important}
  .rm17-hero::after{background:linear-gradient(90deg,rgba(2,2,3,.82),rgba(2,2,3,.28) 68%,rgba(2,2,3,.18)),linear-gradient(0deg,rgba(2,2,3,.88),transparent 52%)!important}
}
@media (max-width:560px){
  .rm17-hero-media{background-position:67% center!important}
}


/* V30 — premium living starfield. No shooting stars. */
.rm30-starfield{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;contain:layout paint;}
.rm30-twinkle{position:absolute;width:var(--s,1px);height:var(--s,1px);border-radius:50%;background:rgba(255,255,255,.96);opacity:var(--a,.35);box-shadow:0 0 3px rgba(255,255,255,.72),0 0 9px rgba(255,255,255,.22);animation:rm30Twinkle var(--dur,5s) ease-in-out var(--delay,0s) infinite;will-change:opacity,transform}
@keyframes rm30Twinkle{0%,100%{opacity:calc(var(--a)*.35);transform:scale(.72)}44%{opacity:var(--a);transform:scale(1)}50%{opacity:min(1,calc(var(--a) + .28));transform:scale(1.7)}57%{opacity:var(--a);transform:scale(1)}75%{opacity:calc(var(--a)*.55);transform:scale(.85)}}
.rm30-constellation{position:absolute;width:74px;height:102px;opacity:.22;filter:drop-shadow(0 0 5px rgba(255,255,255,.18));transform:rotate(-4deg)}
.rm30-constellation b{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 4px #fff,0 0 9px rgba(255,255,255,.42);animation:rm30Glyph 5.8s ease-in-out var(--delay,0s) infinite}
.rm30-constellation.moon{left:8%;top:18%}.rm30-constellation.night{right:9%;top:57%;transform:rotate(5deg) scale(.9);opacity:.17}
@keyframes rm30Glyph{0%,100%{opacity:.22;transform:scale(.75)}48%{opacity:.46;transform:scale(1)}53%{opacity:.9;transform:scale(1.55)}59%{opacity:.42;transform:scale(.95)}}
.rm30-starfield.rm30-static .rm30-twinkle,.rm30-starfield.rm30-static .rm30-constellation b{animation:none}
@media(max-width:900px),(pointer:coarse){.rm30-twinkle{box-shadow:0 0 3px rgba(255,255,255,.55)}.rm30-constellation{width:54px;height:76px;opacity:.13}.rm30-constellation.night{display:none}.rm30-constellation.moon{left:6%;top:22%}}
@media(prefers-reduced-motion:reduce){.rm30-twinkle,.rm30-constellation b{animation:none!important}}

/* V31 — recognizable constellations with a soft field of companion stars. */
.rm31-constellation{position:absolute;z-index:2;pointer-events:none;opacity:.58;filter:drop-shadow(0 0 5px rgba(255,255,255,.12))}
.rm31-constellation.big-dipper{left:7%;top:11%;width:220px;height:132px;transform:rotate(-7deg)}
.rm31-constellation.glyph-moon{right:7%;top:20%;width:92px;height:122px;opacity:.32;transform:rotate(3deg)}
.rm31-line{position:absolute;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.18),rgba(255,255,255,.04));box-shadow:0 0 5px rgba(255,255,255,.05)}
.rm31-star{position:absolute;width:var(--sz,3px);height:var(--sz,3px);margin:calc(var(--sz,3px)/-2);border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 0 4px rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.28);animation:rm31ConstellationTwinkle var(--dur,6s) ease-in-out var(--delay,0s) infinite}
.rm31-star.soft{background:rgba(255,255,255,.62);box-shadow:0 0 3px rgba(255,255,255,.5),0 0 7px rgba(255,255,255,.12)}
.rm31-companion{position:absolute;width:var(--sz,1px);height:var(--sz,1px);border-radius:50%;background:rgba(255,255,255,.86);opacity:var(--op,.18);box-shadow:0 0 3px rgba(255,255,255,.28);animation:rm31CompanionTwinkle var(--dur,7s) ease-in-out var(--delay,0s) infinite}
@keyframes rm31ConstellationTwinkle{0%,100%{opacity:.42;transform:scale(.82)}47%{opacity:.72;transform:scale(1)}52%{opacity:1;transform:scale(1.28)}60%{opacity:.64;transform:scale(.95)}}
@keyframes rm31CompanionTwinkle{0%,100%{opacity:calc(var(--op,.18)*.55)}48%{opacity:var(--op,.18)}53%{opacity:calc(var(--op,.18) + .22)}61%{opacity:var(--op,.18)}}
/* Hide the older glyphs; V31 replaces them with deliberate constellations. */
.rm30-constellation{display:none!important}
@media(max-width:900px),(pointer:coarse){
 .rm31-constellation.big-dipper{left:4%;top:14%;width:150px;height:90px;opacity:.38}
 .rm31-constellation.glyph-moon{display:none}
 .rm31-line{opacity:.55}
 .rm31-star,.rm31-companion{animation:none!important}
}
@media(prefers-reduced-motion:reduce){.rm31-star,.rm31-companion{animation:none!important}}

/* V32 — constellation geometry correction. */
.rm31-constellation.big-dipper{left:5.5%;top:8.5%;width:360px;height:205px;transform:rotate(-3deg);opacity:.64}
.rm31-constellation.glyph-moon{display:none!important}
.rm31-constellation.glyph-night{right:8%;top:16%;width:150px;height:185px;opacity:.38;transform:rotate(1deg)}
.rm31-constellation.glyph-night .rm31-line{background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.13),rgba(255,255,255,.025))}
.rm31-constellation.big-dipper .rm31-line{background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.20),rgba(255,255,255,.035))}
@media(max-width:900px),(pointer:coarse){
 .rm31-constellation.big-dipper{left:2%;top:13%;width:210px;height:120px;opacity:.42;transform:rotate(-3deg)}
 .rm31-constellation.glyph-night{display:none}
}


/* V33 — star-only constellations: no guide lines, stronger natural twinkle. */
.rm31-line{display:none!important}
.rm31-constellation.glyph-night{display:none!important}
.rm31-constellation.big-dipper{left:4.5%;top:7%;width:390px;height:225px;opacity:.78}
.rm31-constellation.pisces{right:5.5%;top:13%;width:300px;height:185px;opacity:.58;transform:rotate(-5deg)}
.rm31-star{box-shadow:0 0 5px rgba(255,255,255,.98),0 0 13px rgba(255,255,255,.42),0 0 24px rgba(255,255,255,.12);animation-name:rm33ConstellationTwinkle}
@keyframes rm33ConstellationTwinkle{0%,100%{opacity:.30;transform:scale(.72)}38%{opacity:.48;transform:scale(.88)}50%{opacity:1;transform:scale(1.55)}58%{opacity:.62;transform:scale(1.04)}76%{opacity:.38;transform:scale(.82)}}
.rm31-companion{opacity:var(--op,.16);animation-name:rm33CompanionTwinkle}
@keyframes rm33CompanionTwinkle{0%,100%{opacity:.04;transform:scale(.8)}46%{opacity:var(--op,.16);transform:scale(1)}52%{opacity:.38;transform:scale(1.25)}60%{opacity:var(--op,.16);transform:scale(1)}}
@media(max-width:900px),(pointer:coarse){
 .rm31-constellation.big-dipper{left:2%;top:12%;width:225px;height:132px;opacity:.48}
 .rm31-constellation.pisces{right:-3%;top:20%;width:185px;height:112px;opacity:.30}
 .rm31-star,.rm31-companion{animation:none!important}
}


/* V34 — denser living starfield with occasional ruby Red Moon stars. */
.rm30-twinkle.rm34-red-star{
 background:#ff3155;
 box-shadow:0 0 4px rgba(255,84,112,.98),0 0 10px rgba(255,32,70,.72),0 0 20px rgba(198,0,35,.30);
 animation-name:rm34RedTwinkle;
}
@keyframes rm34RedTwinkle{
 0%,100%{opacity:.10;transform:scale(.68)}
 38%{opacity:.28;transform:scale(.86)}
 49%{opacity:.96;transform:scale(1.62)}
 55%{opacity:.46;transform:scale(1.02)}
 72%{opacity:.18;transform:scale(.78)}
}
/* Keep constellation stars white; red accents belong to the surrounding sky. */
.rm31-constellation .rm31-star{background:rgba(255,255,255,.96)}
@media(max-width:900px),(pointer:coarse){
 .rm30-twinkle.rm34-red-star{box-shadow:0 0 4px rgba(255,75,103,.72),0 0 9px rgba(255,32,70,.36)}
}
@media(prefers-reduced-motion:reduce){.rm30-twinkle.rm34-red-star{animation:none!important}}

/* V35 — richer sky, clearer Pisces constellation. */
.rm30-twinkle{animation-duration:var(--dur,5s)}
.rm31-constellation.pisces{right:3.5%;top:10%;width:360px;height:225px;opacity:.76;transform:rotate(-7deg)}
.rm31-constellation.pisces .rm31-star{box-shadow:0 0 5px rgba(255,255,255,.98),0 0 14px rgba(255,255,255,.46),0 0 25px rgba(255,255,255,.13)}
@media(max-width:900px),(pointer:coarse){
 .rm31-constellation.pisces{right:-7%;top:18%;width:220px;height:138px;opacity:.42;transform:rotate(-7deg)}
}


/* V43 — starfield restoration / visibility guard */
.rm17-hero{isolation:isolate;}
.rm17-hero .rm17-hero-media{z-index:0!important;}
.rm17-hero .rm17-fog,.rm17-hero .rm17-grid,.rm17-hero::after{z-index:2;}
.rm17-hero .rm30-starfield{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;}
.rm17-hero .rm17-hero-content{position:relative;z-index:4!important;}
.rm30-twinkle{display:block!important;visibility:visible!important;}
@media(max-width:900px),(pointer:coarse){.rm17-hero .rm30-starfield{display:block!important;visibility:visible!important;opacity:.82!important}.rm30-twinkle{animation:none!important;opacity:var(--a,.35)!important}}
\n\n/* V44 — dense alternating neon starfield + paired constellations */
@media (min-width:901px) and (pointer:fine){
  .rm30-twinkle{
    animation-name:rm44WhitePulse!important;
    animation-timing-function:ease-in-out!important;
    filter:drop-shadow(0 0 2px rgba(255,255,255,.70));
  }
  .rm30-twinkle.rm34-red-star{
    animation-name:rm44RedPulse!important;
    filter:drop-shadow(0 0 3px rgba(255,35,74,.90));
  }
  .rm30-twinkle.rm44-strong{z-index:2;box-shadow:0 0 5px rgba(255,255,255,1),0 0 13px rgba(255,255,255,.75),0 0 27px rgba(255,255,255,.28)!important}
  .rm30-twinkle.rm34-red-star.rm44-strong{box-shadow:0 0 6px rgba(255,90,115,1),0 0 16px rgba(255,25,67,.92),0 0 34px rgba(210,0,42,.55)!important}
  .rm30-twinkle.rm44-faint{filter:none;}

  /* The two signatures sit beside one another and use the same strong pulse language. */
  .rm31-constellation.big-dipper{left:4.5%!important;top:7%!important;width:390px!important;height:225px!important;opacity:1!important}
  .rm31-constellation.pisces{left:27%!important;right:auto!important;top:8.5%!important;width:360px!important;height:225px!important;opacity:1!important;transform:rotate(-7deg)}
  .rm31-constellation .rm31-star{
    animation-name:rm44ConstellationPulse!important;
    box-shadow:0 0 7px rgba(255,255,255,1),0 0 18px rgba(255,255,255,.82),0 0 38px rgba(255,255,255,.30)!important;
  }
}
@keyframes rm44WhitePulse{
  0%,100%{opacity:calc(var(--a,.45)*.18);transform:scale(.58)}
  18%{opacity:calc(var(--a,.45)*.52);transform:scale(.82)}
  43%{opacity:var(--a,.45);transform:scale(1.12)}
  49%{opacity:1;transform:scale(calc(1.72 * var(--phase,1)))}
  57%{opacity:calc(var(--a,.45)*.58);transform:scale(.92)}
  79%{opacity:calc(var(--a,.45)*.28);transform:scale(.68)}
}
@keyframes rm44RedPulse{
  0%,100%{opacity:.07;transform:scale(.56)}
  31%{opacity:calc(var(--a,.5)*.42);transform:scale(.82)}
  48%{opacity:1;transform:scale(calc(1.82 * var(--phase,1)))}
  55%{opacity:calc(var(--a,.5)*.62);transform:scale(1.03)}
  76%{opacity:.13;transform:scale(.66)}
}
@keyframes rm44ConstellationPulse{
  0%,100%{opacity:.24;transform:scale(.72)}
  35%{opacity:.62;transform:scale(.94)}
  48%{opacity:1;transform:scale(1.72)}
  55%{opacity:.72;transform:scale(1.10)}
  74%{opacity:.34;transform:scale(.82)}
}

/* Mobile/tablet: still alternating, but fewer/lighter effects for stability. */
@media(max-width:900px),(pointer:coarse){
  .rm17-hero .rm30-starfield{opacity:.92!important}
  .rm30-twinkle{animation:rm44MobilePulse var(--dur,4.5s) ease-in-out var(--delay,0s) infinite!important;box-shadow:0 0 3px rgba(255,255,255,.52),0 0 7px rgba(255,255,255,.18)!important}
  .rm30-twinkle.rm34-red-star{animation-name:rm44MobileRedPulse!important;box-shadow:0 0 4px rgba(255,68,98,.70),0 0 9px rgba(255,28,68,.30)!important}
  .rm31-star{animation:rm44MobileConstellationPulse var(--dur,3s) ease-in-out var(--delay,0s) infinite!important}
  .rm31-companion{animation:rm33CompanionTwinkle var(--dur,7s) ease-in-out var(--delay,0s) infinite!important}
  .rm31-constellation.big-dipper{left:1%!important;top:12%!important;width:205px!important;height:120px!important;opacity:.78!important}
  .rm31-constellation.pisces{left:43%!important;right:auto!important;top:14%!important;width:205px!important;height:128px!important;opacity:.72!important}
}
@keyframes rm44MobilePulse{0%,100%{opacity:.12;transform:scale(.75)}50%{opacity:var(--a,.45);transform:scale(1.18)}}
@keyframes rm44MobileRedPulse{0%,100%{opacity:.08;transform:scale(.72)}50%{opacity:.78;transform:scale(1.28)}}
@keyframes rm44MobileConstellationPulse{0%,100%{opacity:.30;transform:scale(.78)}50%{opacity:1;transform:scale(1.35)}}
@media(prefers-reduced-motion:reduce){.rm30-twinkle,.rm31-star,.rm31-companion{animation:none!important}}
