/* MS03 BEYOND — 3D 游戏，星云视差 + 巨字升起 */
:root{
  --void:#06060a;
  --void-2:#0a0a12;
  --ink:#f4f0e6;
  --dim:#8d897b;
  --dim-2:#5b594f;
  --gold:#d3a94c;
  --gold-2:#f0cf87;
  --line:rgba(244,240,230,.11);
  --pad:clamp(18px,4.4vw,58px);
  --max:1400px;
  --serif:"Songti SC","SimSun",Georgia,"Times New Roman",serif;
  --sans:"Segoe UI",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* ---------- 星云层 ---------- */
.cosmos{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.cosmos .neb{position:absolute;inset:-18%;will-change:transform}
.cosmos .neb.a{
  background:
    radial-gradient(38% 30% at 46% 34%,rgba(236,226,255,.72),transparent 62%),
    radial-gradient(30% 24% at 54% 40%,rgba(255,238,206,.5),transparent 58%),
    radial-gradient(58% 44% at 40% 46%,rgba(120,96,190,.34),transparent 70%),
    radial-gradient(46% 38% at 68% 30%,rgba(58,80,160,.30),transparent 72%);
  filter:blur(14px);
  animation:spinA 180s linear infinite;
}
.cosmos .neb.b{
  background:
    radial-gradient(70% 52% at 24% 74%,rgba(46,58,120,.42),transparent 72%),
    radial-gradient(52% 40% at 82% 62%,rgba(96,64,140,.32),transparent 74%),
    radial-gradient(90% 60% at 50% 50%,rgba(10,10,22,.2),transparent 78%);
  filter:blur(30px);
  animation:spinB 240s linear infinite reverse;
}
@keyframes spinA{from{transform:rotate(0) scale(1.02)}to{transform:rotate(360deg) scale(1.02)}}
@keyframes spinB{from{transform:rotate(0) scale(1.06)}to{transform:rotate(-360deg) scale(1.06)}}
/* 星点 */
.cosmos .stars{position:absolute;inset:0;
  background:
    radial-gradient(1.3px 1.3px at 8% 22%,rgba(255,255,255,.9),transparent 60%),
    radial-gradient(1.1px 1.1px at 17% 64%,rgba(255,255,255,.7),transparent 60%),
    radial-gradient(1.5px 1.5px at 26% 36%,rgba(255,255,255,.85),transparent 60%),
    radial-gradient(1.1px 1.1px at 34% 78%,rgba(255,255,255,.6),transparent 60%),
    radial-gradient(1.4px 1.4px at 43% 18%,rgba(255,255,255,.8),transparent 60%),
    radial-gradient(1.2px 1.2px at 51% 52%,rgba(255,255,255,.7),transparent 60%),
    radial-gradient(1.5px 1.5px at 59% 84%,rgba(255,255,255,.75),transparent 60%),
    radial-gradient(1.1px 1.1px at 66% 28%,rgba(255,255,255,.65),transparent 60%),
    radial-gradient(1.4px 1.4px at 74% 62%,rgba(255,255,255,.85),transparent 60%),
    radial-gradient(1.2px 1.2px at 82% 14%,rgba(255,255,255,.7),transparent 60%),
    radial-gradient(1.5px 1.5px at 89% 46%,rgba(255,255,255,.8),transparent 60%),
    radial-gradient(1.1px 1.1px at 94% 76%,rgba(255,255,255,.6),transparent 60%),
    radial-gradient(1.3px 1.3px at 12% 88%,rgba(255,255,255,.65),transparent 60%),
    radial-gradient(1.2px 1.2px at 71% 92%,rgba(255,255,255,.55),transparent 60%);
  animation:tw 9s ease-in-out infinite alternate}
@keyframes tw{from{opacity:.55}to{opacity:1}}
.cosmos .vig{position:absolute;inset:0;
  background:radial-gradient(76% 62% at 50% 48%,transparent 34%,rgba(6,6,10,.86) 100%)}
.cosmos .haze{position:absolute;left:50%;top:50%;width:58vw;height:58vw;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,240,206,.20),rgba(150,120,220,.10) 42%,transparent 66%);
  filter:blur(40px)}

.wrap{position:relative;z-index:2}

/* ---------- 顶栏 ---------- */
.top{position:fixed;top:0;left:0;right:0;z-index:70;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
  padding:18px var(--pad);transition:background .35s,backdrop-filter .35s,padding .35s}
.top.solid{background:rgba(6,6,10,.82);backdrop-filter:blur(18px) saturate(130%);
  border-bottom:1px solid var(--line);padding-top:13px;padding-bottom:13px}
.top .mark{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.32em;
  text-transform:uppercase;font-weight:500}
.top .mark i{font-style:normal;color:var(--gold);font-size:14px}
.top nav{justify-self:center}
.top nav ul{display:flex;gap:clamp(12px,1.8vw,26px);list-style:none;margin:0;padding:0}
.top nav a{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#b8b4a6;
  padding-bottom:4px;border-bottom:1px solid transparent;transition:color .25s,border-color .25s;
  white-space:nowrap}
.top nav a:hover{color:#fff;border-bottom-color:var(--gold)}
.top nav a.on{color:var(--gold-2);border-bottom-color:var(--gold-dim,rgba(211,169,76,.5))}
.top .right{justify-self:end;display:flex;align-items:center;gap:14px}
.scores{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.pre{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:2px;
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#0a0a0e;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 4px 18px rgba(211,169,76,.24);
  transition:transform .2s,box-shadow .25s}
.pre:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(211,169,76,.36)}

/* ---------- 首屏 ---------- */
.hero{position:relative;min-height:100svh;display:grid;
  grid-template-rows:auto 1fr auto;align-items:start;
  padding:clamp(108px,14vh,156px) var(--pad) clamp(32px,5vh,54px);overflow:hidden}
.crest{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;
  opacity:0;transform:translateY(14px);animation:rise 1.5s cubic-bezier(.16,.84,.24,1) .25s forwards}
@keyframes rise{to{opacity:1;transform:none}}
.crest .glyph{width:38px;height:38px;position:relative}
.crest .glyph::before,.crest .glyph::after{content:"";position:absolute;inset:0;
  border:1px solid var(--gold);opacity:.85}
.crest .glyph::before{transform:rotate(45deg)}
.crest .glyph::after{transform:rotate(45deg) scale(.56)}
.crest .name{font-family:var(--serif);font-size:clamp(1.1rem,2vw,1.5rem);
  letter-spacing:.62em;text-transform:uppercase;padding-left:.62em;color:#f6f1e2}
.crest .sub{font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(240,236,222,.78);text-shadow:0 1px 14px rgba(18,10,36,.9)}

/* 巨字：从裁切线上升 */
.mastwrap{position:relative;width:100%;max-width:var(--max);margin:0 auto;
  overflow:hidden;align-self:center;justify-self:center;
  /* 裁切窗口要留出斜体副标的降部，否则字母 g/p 被切平 */
  padding-bottom:.16em}
.mast{margin:0;font-family:var(--serif);font-weight:400;
  font-size:clamp(2.4rem,9.2vw,8rem);line-height:.92;letter-spacing:-.028em;
  text-align:center;color:#f7f2e4;
  transform:translateY(9%);opacity:.94;
  transition:transform 1.5s cubic-bezier(.16,.84,.24,1)}
.mast.rise{transform:translateY(0)}
.mast em{display:block;font-style:italic;font-size:.52em;line-height:1.14;
  letter-spacing:-.012em;margin-top:.12em;
  color:rgba(240,207,135,.68);-webkit-text-stroke:0;white-space:nowrap}
.foot-row{position:relative;z-index:3;width:100%;max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end}
.hero .lede{margin:0;max-width:38ch;font-size:13px;line-height:1.8;color:#c6c2b4}
.hero .lede b{color:var(--gold-2);font-weight:500}
.hero .meta{display:flex;flex-direction:column;gap:7px;text-align:right;
  font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.hero .meta b{color:#ede8d8;font-weight:500;letter-spacing:.12em}
.hero .bar{position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-dim2,rgba(211,169,76,.4)),transparent)}

/* ---------- 区块 ---------- */
.sec{padding:clamp(66px,11vh,136px) 0;position:relative}
.inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.sec-top{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;
  padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4.4vw,54px)}
.sec-top h2{margin:0;font-family:var(--serif);font-weight:400;
  font-size:clamp(1.5rem,3.2vw,2.4rem);letter-spacing:.01em}
.sec-top .tag{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}

/* 世界卡 */
.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line)}
.world{position:relative;background:#08080e;padding:0;overflow:hidden;display:block;
  min-height:clamp(300px,34vw,440px)}
.world .skybox{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.16,.84,.24,1)}
.world:hover .skybox{transform:scale(1.06)}
.w-a{background:
  radial-gradient(52% 40% at 30% 24%,rgba(160,200,255,.32),transparent 66%),
  radial-gradient(70% 54% at 76% 82%,rgba(60,80,150,.34),transparent 72%),
  linear-gradient(168deg,#0a1018,#05070a 76%)}
.w-b{background:
  radial-gradient(50% 38% at 62% 26%,rgba(255,196,140,.34),transparent 64%),
  radial-gradient(66% 52% at 26% 84%,rgba(120,56,36,.42),transparent 74%),
  linear-gradient(172deg,#140d0a,#080505 78%)}
.w-c{background:
  radial-gradient(48% 36% at 46% 30%,rgba(180,150,240,.30),transparent 64%),
  radial-gradient(64% 50% at 72% 86%,rgba(50,36,90,.44),transparent 74%),
  linear-gradient(176deg,#0d0a16,#060509 78%)}
.world .veil{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,6,10,.24),rgba(6,6,10,.9) 78%)}
.world .body{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;
  justify-content:flex-end;padding:26px 24px;min-height:inherit}
.world .no{position:absolute;top:20px;left:22px;font-size:9.5px;letter-spacing:.2em;color:var(--gold)}
.world h3{margin:0;font-family:var(--serif);font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:400}
.world p{margin:9px 0 0;font-size:12.5px;line-height:1.7;color:#a9a599;max-width:34ch}
.world .go{margin-top:16px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-2);display:inline-flex;gap:8px;align-items:center}
.world .go i{font-style:normal;transition:transform .25s}
.world:hover .go i{transform:translateX(4px)}

/* 数字规格带 */
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.fact{padding:clamp(24px,3.4vw,38px) 20px;border-right:1px solid var(--line)}
.fact:last-child{border-right:0}
.fact b{display:block;font-family:var(--serif);font-size:clamp(1.6rem,3.6vw,2.8rem);
  font-weight:400;letter-spacing:-.01em;color:#f6f1e2;line-height:1;font-variant-numeric:tabular-nums}
.fact b em{font-style:normal;font-size:.42em;letter-spacing:.1em;color:var(--gold);margin-left:4px}
.fact span{display:block;margin-top:10px;font-size:9.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim)}

/* 双栏叙事 */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,5vw,72px);align-items:center}
.lore p{margin:0 0 17px;font-size:15px;line-height:1.9;color:#bdb9ab;max-width:56ch}
.lore p strong{color:#f2eddd;font-weight:500}
.lore .q{margin:26px 0;padding-left:20px;border-left:1px solid var(--gold);
  font-family:var(--serif);font-size:clamp(1.02rem,1.9vw,1.32rem);line-height:1.62;color:#e8e2d2}
.vis{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line)}
.vis .in{position:absolute;inset:0}
.vis .cap{position:absolute;left:14px;bottom:12px;font-size:9px;letter-spacing:.2em;
  text-transform:uppercase;color:#c9c5b7;z-index:2}

/* 版本卡 */
.editions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ed{border:1px solid var(--line);padding:26px 24px 28px;background:rgba(255,255,255,.018);
  position:relative;transition:border-color .3s,transform .3s,background .3s;display:flex;
  flex-direction:column;gap:12px;min-height:280px}
.ed:hover{border-color:rgba(211,169,76,.4);transform:translateY(-3px);background:rgba(211,169,76,.04)}
.ed.hot{border-color:rgba(211,169,76,.55);background:linear-gradient(160deg,rgba(211,169,76,.09),transparent 62%)}
.ed.hot::before{content:"PRE-ORDER";position:absolute;top:-8px;left:22px;font-size:8.5px;
  letter-spacing:.2em;background:var(--gold);color:#0a0a0e;padding:3px 8px}
.ed .nm{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.ed h3{margin:0;font-family:var(--serif);font-size:1.35rem;font-weight:400}
.ed .pr{font-family:var(--serif);font-size:clamp(1.5rem,2.8vw,2rem);letter-spacing:-.01em;
  font-variant-numeric:tabular-nums}
.ed .pr small{font-size:11px;color:var(--dim);letter-spacing:.06em;font-family:var(--sans)}
.ed ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.ed li{font-size:12px;color:#b0ac9e;padding-left:14px;position:relative;line-height:1.6}
.ed li::before{content:"";position:absolute;left:0;top:.66em;width:4px;height:4px;
  background:var(--gold);transform:rotate(45deg)}
.ed .btn{margin-top:auto}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;
  font:inherit;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;
  border:1px solid var(--line);background:transparent;color:#e6e1d1;
  transition:background .28s,color .28s,border-color .28s,transform .22s}
.btn:hover{border-color:var(--gold);color:#fff;transform:translateY(-1px)}
.btn-gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#0a0a0e;
  border-color:transparent;box-shadow:0 6px 22px rgba(211,169,76,.22)}
.btn-gold:hover{box-shadow:0 10px 30px rgba(211,169,76,.34);color:#0a0a0e}

/* 新闻列表 */
.news{display:grid;gap:0;border-top:1px solid var(--line)}
.nrow{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center;
  padding:18px 4px;border-bottom:1px solid var(--line);transition:background .22s,padding .22s}
.nrow:hover{background:rgba(255,255,255,.02);padding-left:10px}
.nrow .d{font-size:10px;letter-spacing:.16em;color:var(--dim);font-variant-numeric:tabular-nums}
.nrow h3{margin:0;font-size:14.5px;font-weight:500;letter-spacing:-.005em}
.nrow p{margin:5px 0 0;font-size:12px;color:var(--dim)}
.nrow .ar{font-size:12px;color:var(--gold);transition:transform .22s}
.nrow:hover .ar{transform:translateX(4px)}

/* 页脚 */
.foot{border-top:1px solid var(--line);padding:clamp(40px,6vw,68px) var(--pad) 30px;position:relative;z-index:2}
.foot-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.foot h4{margin:0 0 12px;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim-2)}
.foot a{display:block;font-size:12.5px;color:#a5a194;margin-bottom:8px;transition:color .2s}
.foot a:hover{color:#fff}
.foot .note{font-size:12px;color:var(--dim-2);line-height:1.85;max-width:32ch;margin-top:12px}
.foot small{display:block;max-width:var(--max);margin:34px auto 0;font-size:10px;
  color:var(--dim-2);letter-spacing:.04em}

/* 入场 */
.rv{opacity:0;transform:translateY(24px);
  transition:opacity .9s cubic-bezier(.16,.84,.24,1),transform .9s cubic-bezier(.16,.84,.24,1)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}

/* ---------- 内页 ---------- */
.phero{padding-top:clamp(126px,17vh,196px);padding-bottom:clamp(24px,3.6vw,44px)}
.phero h1{margin:16px 0 0;font-family:var(--serif);font-weight:400;
  font-size:clamp(2rem,5.4vw,4rem);line-height:1.06;letter-spacing:-.02em}
.split.flip .vis{order:0}
.whead{margin-bottom:16px}
.whead .wno{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.whead h2{margin:10px 0 0;font-family:var(--serif);font-weight:400;
  font-size:clamp(1.6rem,3.4vw,2.5rem);letter-spacing:.01em}
.wmeta{display:flex;gap:clamp(18px,3vw,40px);margin-top:22px;padding-top:16px;
  border-top:1px solid var(--line);flex-wrap:wrap}
.wmeta span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.wmeta b{display:block;margin-top:5px;font-size:14px;letter-spacing:.02em;color:#f0ebdb;
  text-transform:none;font-variant-numeric:tabular-nums}

/* 职业 */
.careers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line)}
.career{background:#08080e;padding:26px 24px 28px;position:relative;
  transition:background .28s}
.career:hover{background:#0c0c15}
.career .cn{font-size:9px;letter-spacing:.2em;color:var(--gold);font-variant-numeric:tabular-nums}
.career h3{margin:12px 0 8px;font-family:var(--serif);font-size:1.25rem;font-weight:400}
.career p{margin:0;font-size:12.5px;line-height:1.72;color:#a7a396;min-height:66px}
.career em{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);
  font-style:normal;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim-2)}

/* 规则 */
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,34px)}
.rule{border-top:1px solid var(--gold-dim2,rgba(211,169,76,.45));padding-top:20px}
.rule b{font-family:var(--serif);font-size:11px;letter-spacing:.2em;color:var(--gold);
  font-weight:400}
.rule h3{margin:12px 0 9px;font-size:16px;font-weight:500;letter-spacing:-.005em}
.rule p{margin:0;font-size:13px;line-height:1.78;color:#a7a396}

/* 对比表 */
.cmpwrap{overflow-x:auto;border:1px solid var(--line)}
.cmp{width:100%;border-collapse:collapse;min-width:560px;font-size:13px}
.cmp th,.cmp td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
.cmp thead th{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
  font-weight:400;background:rgba(211,169,76,.05)}
.cmp tbody th{font-weight:400;color:#c9c5b7}
.cmp td{color:#e6e1d1;font-variant-numeric:tabular-nums;width:20%}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp tbody tr:hover{background:rgba(255,255,255,.02)}

/* 表单 / FAQ */
.form{display:grid;gap:14px;max-width:480px}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.field input,.field select{background:rgba(255,255,255,.03);border:1px solid var(--line);
  padding:12px 14px;color:var(--ink);font:inherit;font-size:14px;
  transition:border-color .2s,background .2s}
.field input:focus,.field select:focus{outline:2px solid transparent;outline-offset:2px;
  border-color:var(--gold);background:rgba(211,169,76,.05)}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{padding:17px 30px 17px 4px;cursor:pointer;font-size:14px;list-style:none;
  position:relative;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  color:var(--dim);font-size:16px}
.faq details[open] summary::after{content:"–";color:var(--gold)}
.faq summary:hover{color:#fff}
.faq p{margin:0 0 18px;padding-right:30px;font-size:13px;line-height:1.8;color:#a7a396;max-width:70ch}

.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

@media (max-width:1080px){
  .top nav ul{gap:12px}
  .top nav a{font-size:9px;letter-spacing:.14em}
  .scores{display:none}
}
@media (max-width:900px){
  .top{grid-template-columns:1fr auto}
  .top nav{display:none}
  .worlds{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr 1fr}
  .fact:nth-child(2){border-right:0}
  .fact:nth-child(1),.fact:nth-child(2){border-bottom:1px solid var(--line)}
  .split{grid-template-columns:1fr}
  .split.flip .vis{order:-1}
  .editions,.careers,.rules{grid-template-columns:1fr}
  .foot-row{grid-template-columns:1fr;gap:18px}
  .hero .lede{max-width:none}
  .hero .meta{flex-direction:row;gap:20px;flex-wrap:wrap;text-align:left}
  .foot-in{grid-template-columns:1fr 1fr}
  .nrow{grid-template-columns:80px 1fr auto;gap:14px}
}
@media (max-width:560px){
  .mast{font-size:clamp(2.6rem,14vw,4rem)}
  .fact b{font-size:1.7rem}
  .foot-in{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
  .rv{opacity:1;transform:none}
  .mast{transform:none}
  .crest{opacity:1;transform:none}
}