/* The material is an encounter within the existing cosmos, never a second page. */
#stellar-wave .sc-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:clip;isolation:isolate;--sc-tone:143,200,197;--sc-progress:0;--sc-appear:0;--sc-detail:0;--sc-scale:.72;--sc-travel:17vh;--sc-px:0px;--sc-py:0px;--sc-light-x:34%;--sc-light-y:40%;opacity:var(--sc-appear)}
#stellar-wave .sc-layer[hidden]{display:none!important}
#stellar-wave .sc-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 32% 53%,rgba(var(--sc-tone),.12),transparent 55%),linear-gradient(90deg,rgba(2,8,14,.57),rgba(2,8,14,.30) 57%,transparent 82%);opacity:var(--sc-progress)}
#stellar-wave .sc-art-wrap{position:absolute;inset:-4% 20% -5% -13%;transform:translate3d(var(--sc-px),calc(var(--sc-py) + var(--sc-travel)),0) scale(var(--sc-scale));transform-origin:58% 53%;transition:translate 1s ease;will-change:transform}
/* The main page's SVG icon rule must not outline material auras or written ink. */
#stellar-wave .sc-art{display:block;width:100%;height:100%;overflow:visible;fill:#000;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;filter:drop-shadow(20px 45px 45px rgba(0,0,0,.5));transform:perspective(1400px) rotateY(-13deg) rotateX(5deg)}
#stellar-wave .sc-art-bronze{transform:perspective(1300px) rotateY(-21deg) rotateX(8deg) scale(1.06)}
#stellar-wave .sc-art-bamboo{transform:perspective(1300px) rotateY(-13deg) rotateX(6deg) scale(1.1)}
#stellar-wave .sc-art-celadon{transform:perspective(1400px) rotateY(-9deg) rotateX(1deg) scale(1.09)}
#stellar-wave .sc-art-ink{transform:perspective(1400px) rotateY(-9deg) rotateX(4deg) scale(1.05)}
#stellar-wave .sc-light{position:absolute;inset:0;background:radial-gradient(ellipse at var(--sc-light-x) var(--sc-light-y),rgba(var(--sc-tone),.12),transparent 39%);mix-blend-mode:screen;opacity:var(--sc-detail)}
#stellar-wave .sc-vignette{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,5,13,.82),transparent 28%,transparent 84%,rgba(2,5,13,.35)),linear-gradient(90deg,rgba(2,6,13,.22),transparent 23%,transparent 44%,rgba(2,6,13,.40) 66%,rgba(2,6,13,.1))}
#stellar-wave .sc-layer[data-kind="bamboo"] .sc-vignette::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 32vw 34vh at 12% 24%,rgba(2,7,12,.83),rgba(2,7,12,.48) 34%,rgba(2,7,12,.10) 64%,transparent 85%)}
#stellar-wave .sc-material-note{position:absolute;left:7%;bottom:18.5%;margin:0;color:#8c9a9d;opacity:calc(var(--sc-detail) * .75);font:9px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.13em;text-shadow:0 1px 10px #000}
#stellar-wave .sc-hotspots{position:absolute;inset:0;opacity:var(--sc-detail);pointer-events:none}
#stellar-wave .sc-hotspot{position:absolute;left:var(--sc-x);top:var(--sc-y);min-width:44px;min-height:44px;width:44px;height:44px;transform:translate(-50%,-50%);padding:0;pointer-events:auto;isolation:isolate;text-align:left;--sc-hotspot-light:rgba(var(--sc-tone),.75)}
#stellar-wave .sc-layer[data-ready="false"] .sc-hotspot{pointer-events:none}
#stellar-wave .sc-hotspot::before{content:"";position:absolute;inset:6px;border:1px solid rgba(var(--sc-tone),.3);border-radius:50%;transition:transform .3s,opacity .3s;opacity:.68;transform:scale(.65)}
#stellar-wave .sc-hotspot::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(var(--sc-tone),.22);border-radius:50%;opacity:0;transform:scale(.55);transition:transform .55s,opacity .35s}
#stellar-wave .sc-hotspot-dot{position:absolute;inset:20px;border-radius:50%;background:#d8e0cc;box-shadow:0 0 8px 1px var(--sc-hotspot-light),0 0 25px 6px rgba(var(--sc-tone),.18);transition:box-shadow .3s,background .3s}
#stellar-wave .sc-hotspot-label{position:absolute;left:37px;top:13px;white-space:nowrap;color:#c4ccc2;font-size:11px;line-height:1.7;letter-spacing:.09em;text-shadow:0 1px 12px #000,0 0 22px #020609;opacity:.73;transition:opacity .3s,transform .3s;transform:translateX(0);pointer-events:none}
#stellar-wave .sc-hotspot-index{position:absolute;left:17px;top:43px;font:8px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.04em;color:rgba(var(--sc-tone),.65);opacity:0;transition:opacity .3s;pointer-events:none}
#stellar-wave .sc-hotspot:hover::before,#stellar-wave .sc-hotspot:focus-visible::before,#stellar-wave .sc-hotspot[aria-pressed="true"]::before{opacity:1;transform:scale(1)}
#stellar-wave .sc-hotspot:hover::after,#stellar-wave .sc-hotspot:focus-visible::after,#stellar-wave .sc-hotspot[aria-pressed="true"]::after{opacity:.65;transform:scale(1)}
#stellar-wave .sc-hotspot:hover .sc-hotspot-label,#stellar-wave .sc-hotspot:focus-visible .sc-hotspot-label,#stellar-wave .sc-hotspot[aria-pressed="true"] .sc-hotspot-label{opacity:1;transform:translateX(4px);color:#edf0da}
#stellar-wave .sc-hotspot:hover .sc-hotspot-index,#stellar-wave .sc-hotspot:focus-visible .sc-hotspot-index,#stellar-wave .sc-hotspot[aria-pressed="true"] .sc-hotspot-index{opacity:1}
#stellar-wave .sc-hotspot:hover .sc-hotspot-dot,#stellar-wave .sc-hotspot:focus-visible .sc-hotspot-dot,#stellar-wave .sc-hotspot[aria-pressed="true"] .sc-hotspot-dot{background:#f9f3dc;box-shadow:0 0 14px 2px var(--sc-hotspot-light),0 0 35px 10px rgba(var(--sc-tone),.23)}
#stellar-wave .sc-hotspot:active{transform:translate(-50%,-50%) scale(.9)}
#stellar-wave .sc-hotspot:focus-visible{outline:1px solid rgba(var(--sc-tone),.8);outline-offset:4px;border-radius:50%}
#stellar-wave .sc-local-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#stellar-wave .sc-bamboo-writing{font-family:"Daguan Serif","STKaiti","Kaiti SC","Songti SC",serif;fill:#121610;stroke:none}
#stellar-wave .sc-bamboo-writing text{fill:inherit;stroke:none}
#stellar-wave .sc-object-float{transform-origin:46% 53%;animation:sc-material-drift 21s ease-in-out infinite alternate}
#stellar-wave .sc-glaze-reflection{transform-origin:550px 530px;animation:sc-glaze-light 18s ease-in-out infinite alternate}
#stellar-wave .sc-rim-glint{animation:sc-rim-breath 11s ease-in-out infinite alternate}
#stellar-wave .sc-motes{animation:sc-motes-drift 19s ease-in-out infinite alternate}
#stellar-wave .sc-layer[data-motion="false"] .sc-object-float,#stellar-wave .sc-layer[data-motion="false"] .sc-glaze-reflection,#stellar-wave .sc-layer[data-motion="false"] .sc-rim-glint,#stellar-wave .sc-layer[data-motion="false"] .sc-motes{animation-play-state:paused}
#stellar-wave .sc-layer[data-motion="false"] .sc-art-wrap{will-change:auto}
@keyframes sc-material-drift{from{transform:translate(0,0) rotate(-.35deg)}to{transform:translate(2px,-5px) rotate(.35deg)}}
@keyframes sc-glaze-light{from{transform:translate(-18px,0);opacity:.65}to{transform:translate(16px,-5px);opacity:1}}
@keyframes sc-rim-breath{from{opacity:.5}to{opacity:.88}}
@keyframes sc-motes-drift{from{transform:translate(0,0);opacity:.5}to{transform:translate(4px,-11px);opacity:1}}
@media(min-width:1600px){#stellar-wave .sc-art-wrap{inset:-8% 25% -6% -7%}#stellar-wave .sc-material-note{bottom:17%}}
@media(max-width:1000px) and (min-width:701px){#stellar-wave .sc-art-wrap{inset:-2% 13% -2% -20%}#stellar-wave .sc-hotspot-label{font-size:10px}#stellar-wave .sc-material-note{left:6%;bottom:20%}}
@media(max-width:700px){
  #stellar-wave .sc-art-wrap{inset:3% -58% 4% -66%;transform-origin:50% 48%}
  #stellar-wave .sc-art{transform:perspective(1100px) rotateY(-10deg) rotateX(3deg) scale(.97)}
  #stellar-wave .sc-art-bronze{transform:perspective(1100px) rotateY(-17deg) rotateX(6deg) scale(.97)}
  #stellar-wave .sc-art-bamboo{transform:perspective(1100px) rotateY(-9deg) rotateX(3deg) scale(.98)}
  #stellar-wave .sc-aura{background:radial-gradient(ellipse at 50% 47%,rgba(var(--sc-tone),.11),transparent 64%),linear-gradient(0deg,rgba(2,8,14,.46),rgba(2,8,14,.08))}
  #stellar-wave .sc-vignette{background:linear-gradient(0deg,rgba(2,5,13,.9),transparent 37%,transparent 70%,rgba(2,5,13,.38)),linear-gradient(90deg,rgba(2,6,13,.20),transparent 25%,transparent 75%,rgba(2,6,13,.20))}
  #stellar-wave .sc-layer[data-kind="bamboo"] .sc-vignette::after{background:radial-gradient(ellipse 86vw 24vh at 20% 20%,rgba(2,7,12,.8),rgba(2,7,12,.36) 40%,transparent 86%)}
  #stellar-wave .sc-hotspot{left:var(--sc-mx);top:var(--sc-my)}
  #stellar-wave .sc-hotspot-label{font-size:10px;left:31px;top:15px;opacity:.84;letter-spacing:.035em}
  #stellar-wave .sc-hotspot:nth-child(2) .sc-hotspot-label{left:auto;right:31px;text-align:right}
  #stellar-wave .sc-hotspot:nth-child(2):hover .sc-hotspot-label,#stellar-wave .sc-hotspot:nth-child(2):focus-visible .sc-hotspot-label,#stellar-wave .sc-hotspot:nth-child(2)[aria-pressed="true"] .sc-hotspot-label{transform:translateX(-4px)}
  #stellar-wave .sc-material-note{left:8%;bottom:25%;font-size:8px;letter-spacing:.04em}
}
@media(max-height:520px) and (min-width:501px){
  #stellar-wave .sc-art-wrap{inset:-30% 22% -17% -6%}
  #stellar-wave .sc-hotspot-label{font-size:9px}
  #stellar-wave .sc-hotspot:nth-child(1){left:23%;top:31%}
  #stellar-wave .sc-hotspot:nth-child(2){left:43%;top:51%}
  #stellar-wave .sc-hotspot:nth-child(3){left:28%;top:69%}
  #stellar-wave .sc-material-note{left:6%;bottom:16%;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  #stellar-wave .sc-object-float,#stellar-wave .sc-glaze-reflection,#stellar-wave .sc-rim-glint,#stellar-wave .sc-motes{animation:none}
  #stellar-wave .sc-art-wrap,#stellar-wave .sc-hotspot,#stellar-wave .sc-hotspot::before,#stellar-wave .sc-hotspot::after,#stellar-wave .sc-hotspot-label,#stellar-wave .sc-hotspot-dot,#stellar-wave .sc-hotspot-index{transition:none}
}