@font-face{font-family:FusionHeavy;src:url(assets/fusion-heavy.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{font-family:"Microsoft YaHei","Segoe UI",sans-serif;color:#072653;background:#edfaff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #1464ff;outline-offset:5px}::selection{background:#99eee0;color:#092353}.skip-link{position:fixed;left:15px;top:-80px;z-index:20;background:white;padding:10px}.skip-link:focus{top:10px}
.fusion-shell{position:relative;width:100%;height:100svh;min-height:850px;max-height:1160px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 40%,#c7f5f5a8,transparent 62%),linear-gradient(112deg,#f2fcff,#eaf9fc)}
.aurora{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.navigation{position:absolute;left:4.6%;right:4.6%;top:0;height:110px;display:flex;align-items:center;gap:31px;z-index:10}
.brand{display:flex;align-items:center;gap:21px;flex-shrink:0}.monogram{width:95px;height:58px;fill:#062452}.brand-slash{fill:#2066d4;opacity:.65}.brand>span{font-size:23px;font-weight:900;line-height:1.13;letter-spacing:-.8px}
.brand-note{font-size:8px;color:#537fb7;letter-spacing:3.1px;line-height:1.9;border-left:1px solid #7c9bc3;padding-left:23px;margin-left:0}
.navigation>nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:58px;font-size:19px;font-weight:750;white-space:nowrap}.navigation>nav a{padding:10px 0;position:relative}.navigation>nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#184aff}.navigation>nav a:hover{color:#2056f6}
.top-work{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:17px;font-weight:700;white-space:nowrap}.top-work>span{width:58px;height:58px;border:1.5px solid #072757;border-radius:50%;display:grid;place-items:center;font-size:31px;font-weight:400;transition:background .2s,color .2s}.top-work:hover>span{background:#092956;color:white}
.outline-type{position:absolute;top:12%;right:-2.4%;z-index:1;font-size:clamp(150px,18.5vw,340px);line-height:1;font-family:Arial,sans-serif;font-weight:850;letter-spacing:-.05em;transform:skewY(-8deg) scaleX(.76);transform-origin:right top;color:transparent;-webkit-text-stroke:1px #568bec8f;pointer-events:none;user-select:none}
.hero-robot{position:absolute;height:94%;width:auto;max-width:none;right:6.3%;top:5.6%;z-index:3;pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(#000 82%,transparent 99%);mask-image:linear-gradient(#000 82%,transparent 99%)}
.hero-copy{position:absolute;left:5.1%;top:14%;width:55%;z-index:4;pointer-events:none}.hero-copy a{pointer-events:auto}
.eyebrow{font-size:18px;letter-spacing:3px;font-weight:550;margin:0 0 21px}
h1{font-family:FusionHeavy,"Microsoft YaHei",sans-serif;font-size:clamp(94px,9.7vw,166px);font-weight:900;line-height:1.09;letter-spacing:-.035em;margin:0;transform:skewX(-9deg) scaleX(.965);transform-origin:left center}
h1>span{display:block;white-space:nowrap;width:max-content;color:#052758;background:linear-gradient(167deg,#051b3d 12%,#062c62 73%,#0c65d2 93%,#82d6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 2px 0 #ffffff75)}
.headline-wave{width:87%;height:48px;display:block;margin:3px 0 0 -7px;overflow:visible}.headline-wave path{fill:none;stroke:#1750ff;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round}
.under-title{width:78%;display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:3px;margin:7px 0 0 8px;color:#2f5791}.under-title i{width:58px;height:1px;background:#537db1}.under-title>span:last-child{letter-spacing:5px}
.intro{margin-top:23px;width:74%;max-width:655px}.intro>p{font-size:clamp(13px,1.16vw,19px);line-height:1.8;letter-spacing:1.3px;color:#486d9b;margin:0 0 23px}
.capabilities{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:23px;width:100%}.capabilities a{display:flex;flex-direction:column;gap:7px;padding:0 24px;border-right:1px solid #85a4cc}.capabilities a:first-child{padding-left:0}.capabilities a:last-child{border:0}.capabilities small{font-size:9px;letter-spacing:1.6px;white-space:nowrap;color:#3a6594}.capabilities strong{font-size:20px;letter-spacing:1px;font-weight:800;white-space:nowrap}.capabilities a:hover strong{color:#1853ff}
.actions{display:flex;align-items:center;gap:32px}.main-action{background:#072753;color:white;min-height:56px;padding:0 28px;display:flex;align-items:center;gap:32px;font-weight:700;font-size:17px;letter-spacing:1.5px;transition:background .2s}.main-action span{font-size:26px;font-weight:400}.main-action:hover{background:#194ffc}
.scroll-hint{display:flex;align-items:center;gap:17px;border-left:1px solid #93b0d3;padding-left:30px;font-size:8px;letter-spacing:1.9px;line-height:1.6;color:#365f91}.scroll-hint svg{width:22px;height:38px;fill:none;stroke:#153c78;stroke-width:1.3}
.orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.orbit-back{z-index:2}.orbit-front{z-index:5}.orbit-line{fill:none;stroke:#174bff;stroke-width:2.15;vector-effect:non-scaling-stroke}.orbit-highlight{fill:none;stroke:#6ba1ff;stroke-width:3;stroke-dasharray:45 2500;vector-effect:non-scaling-stroke;opacity:.9}.orbit-star{fill:#174bff}.orbit-star circle{fill:#ebffff}
.side-notes{position:absolute;right:3.1%;top:46%;z-index:4;color:#194dac;font-size:10px;line-height:2;letter-spacing:4px;pointer-events:none}.side-notes p{font-size:11px;color:#35567f;letter-spacing:3px;margin-top:30px;line-height:2}.side-notes i{display:block;width:36px;height:1px;background:#88a8d3;margin-top:18px}
.graphic-footer{position:absolute;left:0;right:0;bottom:0;height:9%;pointer-events:none;z-index:2;display:flex;align-items:center;gap:25px}.outline-number{font:italic 145px/.8 Arial,sans-serif;color:transparent;-webkit-text-stroke:1px #2768ff;position:relative;bottom:-30px;margin-left:-13px;letter-spacing:-17px;align-self:flex-end}.more-note{font-size:8px;line-height:1.8;letter-spacing:4px;color:#638bbc;padding:32px 0 0 15px}.graphic-footer>i{width:28%;height:1px;margin:38px 0 0 6px;background:#88a9d8}.vertical-label{position:absolute;right:2.5%;bottom:22px;writing-mode:vertical-rl;font-size:10px;letter-spacing:5px;padding-bottom:32px;border-right:1px solid #88a9d8}
@media(min-width:1800px){.hero-copy{top:17%}.intro{margin-top:36px}.hero-robot{right:3%;height:94%}.intro>p{margin-bottom:28px}.capabilities{margin-bottom:32px}.main-action{min-height:65px}.navigation{top:8px}}
@media(max-height:880px) and (min-width:1100px){.fusion-shell{min-height:810px}.hero-copy{top:15.5%}h1{font-size:clamp(102px,9.2vw,151px)}.eyebrow{margin-bottom:17px}.headline-wave{height:44px}.intro{margin-top:21px}.intro>p{font-size:15px;margin-bottom:18px}.capabilities{margin-bottom:22px}.capabilities strong{font-size:18px}.main-action{min-height:50px;font-size:15px}.graphic-footer{height:11%}.outline-number{font-size:170px}}
@media(max-width:1200px){.brand-note{display:none}.navigation>nav{gap:38px;font-size:16px}.monogram{width:76px}.brand>span{font-size:20px}.top-work{font-size:14px;gap:15px}.top-work>span{width:46px;height:46px;font-size:27px}.hero-copy{top:19%;width:57%}.eyebrow{font-size:14px;margin-bottom:25px}h1{font-size:10.6vw}.intro{width:80%}.intro>p{font-size:13px}.capabilities a{padding:0 17px}.capabilities small{font-size:8px;letter-spacing:1px}.capabilities strong{font-size:17px}.actions{gap:20px}.main-action{font-size:14px;padding:0 20px;gap:23px;min-height:50px}.scroll-hint{padding-left:19px;gap:12px}.hero-robot{height:82%;top:17%;right:-5%}.side-notes{display:none}.under-title{font-size:8px;gap:14px}.under-title>span:last-child{letter-spacing:2px}.intro{margin-top:25px}.outline-number{font-size:175px}.headline-wave{height:49px}}
@media(max-width:760px){
 .fusion-shell{height:1100px;min-height:1100px;max-height:none}
 .navigation{left:6%;right:6%;height:120px;align-items:flex-start;padding-top:20px;gap:0}.brand{gap:12px}.monogram{width:56px;height:38px}.brand>span{font-size:15px}.top-work{font-size:12px;gap:9px;margin-top:2px}.top-work>span{width:34px;height:34px;font-size:23px}.navigation>nav{left:0;transform:none;top:78px;gap:35px;font-size:13px}.navigation>nav a{padding:7px 0}.navigation>nav a[aria-current]:after{height:2px}
 .hero-copy{left:7%;top:151px;width:89%}.eyebrow{font-size:11px;letter-spacing:1.3px;margin-bottom:24px}h1{font-size:17vw;line-height:1.11;letter-spacing:-.04em}.headline-wave{height:32px;width:90%;margin-top:9px}.headline-wave path{stroke-width:8}.under-title{width:91%;font-size:6px;letter-spacing:1.7px;margin-top:5px;gap:12px}.under-title i{width:25px}.under-title>span:last-child{letter-spacing:2px}
 .intro{width:93%;margin-top:26px}.intro>p{font-size:11px;letter-spacing:.5px;line-height:1.9;margin-bottom:20px}.capabilities{margin-bottom:23px}.capabilities a{padding:0 14px;gap:5px}.capabilities small{font-size:6px;letter-spacing:.9px}.capabilities strong{font-size:14px;letter-spacing:.5px}.main-action{min-height:44px;font-size:12px;padding:0 20px;gap:17px;letter-spacing:.7px}.main-action span{font-size:22px}.actions{gap:19px}.scroll-hint{padding-left:15px;gap:10px;font-size:6px;letter-spacing:1.2px}.scroll-hint svg{width:17px;height:30px}
 .hero-robot{height:550px;top:562px;right:-25px}.outline-type{top:605px;right:-9%;font-size:28vw;transform:rotate(-12deg)}
 .orbit{top:78px;height:540px;transform:rotate(-5deg);width:115%;left:-7.5%}.orbit-line{stroke-width:1.35}.orbit-highlight{stroke-width:2}
 .graphic-footer{height:80px;z-index:4}.outline-number{font-size:110px;bottom:-23px;letter-spacing:-12px}.more-note{font-size:6px;letter-spacing:2px;padding-left:4px}.graphic-footer>i{width:25%;margin-left:0}.vertical-label{font-size:7px;letter-spacing:3px;right:5%;bottom:15px}.side-notes{display:none}
}
@media(prefers-reduced-motion:reduce){a{transition:none}}

/* Personalized hero, September 15 */
@font-face{font-family:PersonalSignature;src:local("Vladimir Script"),local("VladimirScript"),local("Freestyle Script");font-weight:400;font-style:normal;font-display:swap}
.navigation{height:79px;gap:23px}.brand.personal-brand{gap:0;min-width:180px}.brand.personal-brand .signature{font-family:PersonalSignature,"Segoe Script",cursive;font-size:45px;line-height:1.3;font-weight:400;letter-spacing:-.5px;font-kerning:normal;font-feature-settings:"liga" 1,"calt" 1;white-space:nowrap}
.navigation>nav{font-size:15px;gap:43px}.navigation>nav a{padding:8px 0}.navigation>nav a[aria-current]:after{height:2px}.top-work{font-size:13px;gap:13px;font-weight:600}.top-work>span{width:40px;height:40px;font-size:23px}
.hero-robot{height:98%;top:3%;right:8.2%}.intro{width:82%;max-width:730px}.intro>p{font-size:clamp(12px,1.08vw,18px);letter-spacing:.4px}
.capabilities{grid-template-columns:repeat(4,minmax(0,1fr))}.capabilities :is(a,.capability){display:flex;flex-direction:column;gap:7px;padding:0 18px;border-right:1px solid #85a4cc;min-width:0}.capabilities>:first-child{padding-left:0}.capabilities>:last-child{border:0;padding-right:0}.capabilities strong{font-size:18px;letter-spacing:.7px}.capabilities small{font-size:8px;letter-spacing:1.3px}
.actions{gap:20px}.main-action{font-size:15px;min-height:53px;padding:0 25px;gap:24px;white-space:nowrap}.pdf-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:53px;padding:0 24px;border:1px solid #254979;color:#143765;background:#ffffff50;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}.pdf-action>span{font-size:22px;font-weight:400}.pdf-action:hover{background:#e0f1ff}.scroll-hint{padding-left:18px;gap:11px;font-size:7px;letter-spacing:1.3px}
@media(max-width:1200px) and (min-width:761px){.navigation>nav{font-size:14px;gap:30px}.brand.personal-brand{min-width:160px}.brand.personal-brand .signature{font-size:39px}.top-work{font-size:12px}.top-work>span{width:35px;height:35px}.hero-robot{height:87%;top:13%;right:0}.intro{width:87%}.capabilities :is(a,.capability){padding:0 11px}.capabilities>:first-child{padding-left:0}.capabilities strong{font-size:15px}.capabilities small{font-size:7px}.actions{gap:12px}.main-action,.pdf-action{font-size:12px;min-height:46px;padding:0 17px}.scroll-hint{display:none}}
@media(max-width:760px){.fusion-shell{height:1230px;min-height:1230px}.navigation{height:108px;padding-top:12px}.brand.personal-brand{min-width:0}.brand.personal-brand .signature{font-size:35px}.navigation>nav{top:66px;font-size:12px;gap:35px}.top-work{font-size:10px;gap:8px}.top-work>span{width:28px;height:28px;font-size:19px}.hero-copy{top:135px}.intro{width:93%;margin-top:23px}.intro>p{font-size:11px}.capabilities{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:17px}.capabilities :is(a,.capability){padding:0 14px}.capabilities>:nth-child(odd){padding-left:0}.capabilities>:nth-child(even){border:0}.capabilities strong{font-size:14px}.capabilities small{font-size:7px}.actions{gap:12px}.main-action{font-size:12px;min-height:44px;padding:0 17px;gap:15px}.pdf-action{font-size:11px;min-height:44px;padding:0 17px;gap:10px}.scroll-hint{display:none}.hero-robot{height:610px;top:634px;right:-23px}.outline-type{top:690px}}

/* Foreground blue-white light ribbons, matched to the selected reference. */
.laser-field{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.laser-field use{fill:none;stroke-linecap:round}.laser-halo{stroke:url(#laser-colour);stroke-width:27;filter:blur(13px);opacity:.76}.laser-bloom{stroke:url(#laser-colour);stroke-width:10;filter:blur(3px);opacity:.9}.laser-core{stroke:url(#laser-white);stroke-width:2.4;opacity:.94}.laser-core use:nth-child(2){stroke-width:1.2;opacity:.85}.laser-core use:nth-child(3){stroke-width:1.7;opacity:.8}.laser-travel{stroke:#f5ffff;stroke-width:3;filter:blur(.5px);stroke-dasharray:110 1400;animation:laser-flow 7s linear infinite}.laser-travel use:nth-child(2){animation:laser-flow 9s linear infinite reverse;stroke-dasharray:60 1700}.laser-drift{animation:laser-drift 8s ease-in-out infinite alternate;transform-origin:75% 78%}@keyframes laser-flow{to{stroke-dashoffset:-1510}}@keyframes laser-drift{to{transform:translateY(-10px) rotate(-1.2deg)}}
@media(max-width:760px){.laser-field{inset:auto;top:520px;left:-85%;width:200%;height:730px}}
@media(prefers-reduced-motion:reduce){.laser-drift,.laser-travel,.laser-travel use{animation:none}}

/* Use the user's exact original pixels; feather only the surrounding page edges. */
.hero-robot{right:5.5%;height:98%;top:3%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 83%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 83%,transparent 100%);mask-composite:intersect}
@media(max-width:1200px) and (min-width:761px){.hero-robot{height:87%;top:13%;right:-2%}}
@media(max-width:760px){.hero-robot{height:610px;top:634px;right:-27px}}

/* Character-centred orbital motion: rear half below character, front half above. */
.orbit{inset:0;left:0;top:0;width:100%;height:100%;transform:none}
.orbit-back{z-index:2;opacity:.55}.orbit-front{z-index:5}
.orbit-line{stroke:#2361ff;stroke-width:1.7;opacity:.86}
.orbit-highlight{stroke:#84dcff;stroke-width:3.6;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 4px #378dff)}
.orbit-star{fill:#2763ff;filter:drop-shadow(0 0 5px #78caff)}

/* Keep the foreground ribbons clear without washing out the original chrome. */
.laser-halo{opacity:.55}.laser-bloom{opacity:.72}.laser-core{opacity:.88}

/* Confirmed AI heart: only this small orbital ring turns, character stays original. */
.palm-heart{position:absolute;z-index:5;pointer-events:none;object-fit:contain;filter:drop-shadow(0 0 8px #72d5ff60);user-select:none}
.palm-reflection{position:absolute;z-index:4;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#8eecff88,#46baff35 40%,transparent 72%);mix-blend-mode:screen;filter:blur(7px)}
.orbit-back{z-index:4;opacity:.8}.orbit-front{z-index:6}
.orbit-line{stroke:#8edfff;stroke-width:1.65;opacity:.96;filter:drop-shadow(0 0 3px #269dff)}
.orbit-highlight{stroke:#f0ffff;stroke-width:3;filter:drop-shadow(0 0 4px #56cbff)}.orbit-star{fill:#edffff}
.outline-type{font-size:clamp(180px,26vw,450px);right:1%;top:18%;transform:skewY(-8deg);letter-spacing:.025em}
@media(max-width:760px){.outline-type{font-size:49vw;top:710px;right:-4%;transform:rotate(-12deg)}}

/* AI heart ring: luminous white core and ice-blue halo, shared gentle float. */
.hero-robot,.palm-heart,.palm-reflection{will-change:transform}
.orbit .orbit-line{stroke:#c9f5ff;stroke-width:1.6;opacity:.98;stroke-linecap:round;filter:drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 6px #45c5ff)}
.orbit-front .orbit-line{stroke:#f2ffff;stroke-width:1.8}.orbit-back .orbit-line{stroke:#91e7ff;opacity:.9}
.orbit .orbit-highlight{stroke:#ffffff;stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 3px #ffffff) drop-shadow(0 0 7px #4accff)}
.orbit .orbit-star{display:none}
/* Quiet AIGC outline: light blue, fine stroke, descending towards the lower right. */
.outline-type{left:37%;right:auto;top:29%;font-family:Arial,sans-serif;font-size:clamp(180px,21.5vw,380px);font-weight:700;letter-spacing:-.055em;transform:rotate(10deg);transform-origin:left center;color:transparent;-webkit-text-stroke:.8px rgba(84,143,206,.21);width:max-content;z-index:4}
@media(max-width:760px){.outline-type{left:4%;right:auto;top:700px;font-size:48vw;transform:rotate(10deg)}}

/* Moving reflections use original pixels, clipped to crystal and armor, away from face. */
.robot-surface-light{position:absolute;z-index:3;pointer-events:none;mix-blend-mode:screen;will-change:transform;overflow:hidden;mask-image:linear-gradient(#000 80%,transparent 99%)}
.surface-facets{pointer-events:none}

/* Flow on character-adjacent curves and selective reflections on dark armor. */
.armor-flow,.character-arc-flow{position:absolute;pointer-events:none;will-change:transform;mix-blend-mode:screen;mask-image:linear-gradient(#000 83%,transparent 100%)}
.armor-flow{z-index:3;opacity:.85}.character-arc-flow{z-index:4;overflow:visible}
.character-arc-flow path{fill:none;stroke-linecap:round}
.arc-trace{stroke:#b5eeff;stroke-width:1.6;opacity:.14}
.arc-tail{stroke:#52cfff;stroke-width:11;stroke-dasharray:190 810;filter:blur(5px);opacity:.82}
.arc-bright{stroke:#f5ffff;stroke-width:3.5;stroke-dasharray:105 895;filter:drop-shadow(0 0 4px #8de9ff);opacity:.95}
.surface-facets{opacity:.3}

/* Confirmed identity, calligraphic headline, C export icon and compact starfield actions. */
@font-face{font-family:FusionSerif;src:url(assets/fusion-serif-title.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap}
.brand.personal-brand{flex-direction:column;align-items:flex-start;gap:0}
.brand.personal-brand .signature{font-size:41px;line-height:1.1}
.identity-role{font-size:9px;font-weight:500;letter-spacing:2.1px;color:#5276a1;margin:4px 0 0 8px}
.eyebrow{font-size:15px;letter-spacing:5px;font-weight:500;margin-bottom:24px}
h1{position:relative;font-family:FusionSerif,"Noto Serif SC",serif;font-size:clamp(90px,9.5vw,162px);font-weight:900;line-height:1.13;letter-spacing:-.035em;transform:skewX(-9deg) scaleX(.98)}
h1>span{background-image:linear-gradient(155deg,#041d45 15%,#052a61 53%,#1357c0 77%,#7ddeff 91%,#e9ffff 99%);filter:drop-shadow(1px 1px 0 #ffffff99)}
h1>span+span{margin-left:5.5%}
h1:after{content:"";position:absolute;pointer-events:none;width:100%;height:100%;inset:0;background:radial-gradient(ellipse 20px 1px at 38% 9%,#f4ffff 10%,#95dfff80 42%,transparent 100%),radial-gradient(ellipse 1px 15px at 38% 9%,#fff 10%,#aff0ff80 40%,transparent 100%),radial-gradient(ellipse 16px 1px at 67% 58%,#fff,transparent),radial-gradient(ellipse 1px 12px at 67% 58%,#fff,transparent)}
.top-work>.export-tech-icon{border:0;border-radius:0;background:none;color:#143969;filter:drop-shadow(0 0 4px #94dfff55)}
.export-tech-icon svg{display:block;width:100%;height:100%;overflow:visible}
.top-work:hover>.export-tech-icon{background:none;color:#086fc5;filter:drop-shadow(0 0 5px #58cfff88)}
.top-work:hover .tech-frame{stroke:#258ac9}
.intro>p{line-height:1.9;max-width:660px}
.actions{gap:13px}
.actions :is(.main-action,.pdf-action){position:relative;isolation:isolate;overflow:hidden;border:1px solid #80baf580;border-radius:0;color:#f6faff;min-height:42px;padding:0 17px;gap:16px;font-size:12px;letter-spacing:.7px;font-weight:600;box-shadow:inset 0 0 12px #729cff15,0 3px 9px #172e6014;background:radial-gradient(ellipse at 82% 10%,#674a9b88,transparent 62%),radial-gradient(ellipse at 5% 100%,#14677d99,transparent 65%),linear-gradient(115deg,#0d1c3d,#182044 65%,#242145)}
.actions :is(.main-action,.pdf-action):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.8;background-image:radial-gradient(circle at 9% 23%,#c2eeff 0 .65px,transparent 1px),radial-gradient(circle at 26% 77%,#9ec8ff 0 .55px,transparent 1px),radial-gradient(circle at 61% 18%,#b6caff 0 .6px,transparent 1px),radial-gradient(circle at 84% 70%,#cde7ff 0 .8px,transparent 1.2px),radial-gradient(circle at 94% 30%,#8fa6dc 0 .5px,transparent .9px)}
.actions :is(.main-action,.pdf-action)>span{font-size:19px;font-weight:400}
.actions :is(.main-action,.pdf-action):hover{border-color:#98e6ff;box-shadow:inset 0 0 16px #719cff30,0 0 12px #63bfff35}
@media(min-width:761px) and (max-width:1200px){h1{font-size:9.6vw}.brand.personal-brand .signature{font-size:36px}.identity-role{font-size:8px;letter-spacing:1.7px}.eyebrow{font-size:13px}.actions :is(.main-action,.pdf-action){min-height:40px;font-size:11px;padding:0 14px;gap:12px}}
@media(max-width:760px){.brand.personal-brand .signature{font-size:31px}.identity-role{font-size:7px;letter-spacing:1.5px;margin:3px 0 0 5px}.eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:24px}h1{font-size:18.2vw;line-height:1.16}.intro>p{font-size:11px}.actions{gap:10px}.actions :is(.main-action,.pdf-action){font-size:11px;min-height:40px;padding:0 13px;gap:12px}.actions :is(.main-action,.pdf-action)>span{font-size:17px}}

/* Reference-led crystal lettering, right inset, four navigation items and lighter actions. */
.navigation{left:6.3%}.hero-copy{left:6.8%;top:19%;width:54%}
.navigation>nav{gap:34px}
.workflow-nav{appearance:none;border:0;border-radius:0;background:none;font:inherit;color:inherit;padding:8px 0;white-space:nowrap;opacity:1;cursor:default}
h1.crystal-title{font-size:inherit;line-height:0;transform:none;width:100%;margin-left:-2%;letter-spacing:normal}
h1.crystal-title:after{content:none}
h1.crystal-title img{width:100%;height:auto;display:block;overflow:visible}
h1.crystal-title>.title-accessible{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.headline-wave{margin-top:-15px;width:88%;height:41px}
.actions :is(.main-action,.pdf-action){border-color:#b6d8fa;background:radial-gradient(ellipse at 86% 8%,#b6a4d26b,transparent 63%),radial-gradient(ellipse at 5% 100%,#78bbd980,transparent 70%),linear-gradient(115deg,#52769d,#666eaa 65%,#7a6da6);box-shadow:inset 0 0 12px #d2e6ff22,0 3px 9px #44639c16;text-shadow:0 1px 2px #263b7766}
@media(min-width:761px) and (max-width:1200px){.navigation>nav{gap:22px;font-size:13px}.hero-copy{left:6.8%;top:23%;width:54%}}
@media(max-width:760px){.navigation{left:8%;right:6%}.navigation>nav{gap:25px;font-size:12px}.workflow-nav{padding:7px 0}.hero-copy{left:9%;top:158px;width:87%}.headline-wave{margin-top:-4px;height:30px}.intro{margin-top:23px}}

/* Unruled capability columns, aligned with the introduction and their English labels. */
.capabilities{column-gap:24px}
.capabilities :is(a,.capability){padding:0;border:0;align-items:flex-start}
@media(max-width:1200px){.capabilities{column-gap:18px}}
@media(max-width:760px){.capabilities{column-gap:24px}.capabilities :is(a,.capability){padding:0;border:0}}

/* Reference-derived title artwork includes its own underline and local reflections. */
.crystal-title+.headline-wave{display:none}
h1.crystal-title{margin-left:-2%;width:100%}
.crystal-title~.under-title{margin-top:10px}
@media(max-width:760px){.crystal-title~.under-title{margin-top:8px}}

/* Lift the title artwork slightly while preserving the introduction layout. */
h1.crystal-title{top:-30px}
@media(max-width:760px){h1.crystal-title{top:-14px}}

/* Compact editorial identity, centred above the first two title characters. */
.brand.personal-brand{position:absolute;left:16.16vw;top:50%;transform:translate(-50%,-50%);flex-direction:row;align-items:center;gap:13px;min-width:0}
.brand.personal-brand .identity-monogram{font:900 40px/.9 Arial,sans-serif;letter-spacing:-3px;color:#082952;display:block}
.brand.personal-brand .identity-copy{display:flex;flex-direction:column;gap:5px;line-height:1;letter-spacing:normal}
.identity-name{font:800 15px/1.1 Arial,sans-serif;letter-spacing:.8px;white-space:nowrap}
.identity-copy .identity-role{font:600 8px/1.2 Arial,sans-serif;letter-spacing:1.35px;margin:0;color:#6884a1}
@media(min-width:761px) and (max-width:1200px){.brand.personal-brand{gap:10px}.brand.personal-brand .identity-monogram{font-size:33px}.identity-name{font-size:12px}.identity-copy .identity-role{font-size:7px;letter-spacing:1px}}
@media(max-width:760px){.brand.personal-brand{left:26.23vw;top:32px;gap:9px}.brand.personal-brand .identity-monogram{font-size:30px}.identity-name{font-size:11px;letter-spacing:.55px}.identity-copy .identity-role{font-size:6px;letter-spacing:1.05px}.brand.personal-brand .identity-copy{gap:4px}}

/* Open composition: headline left, character centre-right, quiet AIGC rail at the edge. */
.hero-copy{left:3.2%;width:52%}
.hero-robot{height:90%;top:7%;right:7%}
.brand.personal-brand{left:11.98vw;gap:12px}
.brand.personal-brand .identity-monogram{font-size:40px}
.identity-name{font-size:12px;font-weight:800;letter-spacing:.35px}
.identity-copy .identity-role{font-size:9px;letter-spacing:2.2px}
.outline-type{left:auto;right:1.4%;top:18%;width:9%;height:72%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:clamp(90px,9.4vw,157px);line-height:.9;font-weight:700;letter-spacing:0;transform:none;z-index:2;-webkit-text-stroke:.8px rgba(83,132,196,.28)}
.outline-type>span{display:block}
@media(min-width:761px) and (max-width:1200px){.hero-copy{left:3.2%;width:52%}.hero-robot{height:80%;top:16%;right:5%}.brand.personal-brand{left:11.98vw;gap:10px}.brand.personal-brand .identity-monogram{font-size:34px}.identity-name{font-size:11px;letter-spacing:.25px}.identity-copy .identity-role{font-size:8px;letter-spacing:2px}.outline-type{right:.7%;width:8%;top:25%;height:61%;font-size:9vw}}
@media(max-width:760px){.hero-copy{left:6%;width:87%}.brand.personal-brand{left:23.23vw;gap:9px}.brand.personal-brand .identity-monogram{font-size:30px}.identity-name{font-size:10px;letter-spacing:.2px}.identity-copy .identity-role{font-size:7.5px;letter-spacing:1.75px}.hero-robot{height:560px;top:650px;right:22px}.outline-type{left:auto;right:2%;top:730px;width:11%;height:360px;font-size:14vw;-webkit-text-stroke:.7px rgba(83,132,196,.25)}}

/* Retain the character's presence while actually shifting her right of the title. */
@media(min-width:1201px){.hero-robot{height:94%;top:5%;right:5%}}
@media(min-width:761px) and (max-width:1200px){.hero-robot{height:84%;top:14%;right:3.5%}}
.outline-type{right:1.2%;width:8.5%;color:rgba(83,132,196,.015);-webkit-text-stroke:.8px rgba(83,132,196,.34)}
@media(max-width:760px){.outline-type{right:2%;width:11%;color:transparent;-webkit-text-stroke:.7px rgba(83,132,196,.28)}}

/* Compact mixed-case name; a small additional left shift for the title artwork. */
.identity-name{font-size:13px;font-weight:750;letter-spacing:-.25px}
.identity-copy .identity-role{letter-spacing:1.6px}
.brand.personal-brand{gap:10px;left:calc(11.98vw - 16px)}
h1.crystal-title{margin-left:calc(-2% - 16px)}
@media(min-width:761px) and (max-width:1200px){.identity-name{font-size:12px}.identity-copy .identity-role{letter-spacing:1.5px}}
@media(max-width:760px){.identity-name{font-size:11px;letter-spacing:-.2px}.identity-copy .identity-role{letter-spacing:1.3px}.brand.personal-brand{gap:8px;left:calc(23.23vw - 8px)}h1.crystal-title{margin-left:calc(-2% - 8px)}}

/* Selected direction A: quiet vertical IMAGINE with an editorial footnote. */
.outline-type.imagine-rail{display:block;left:auto;right:1.7%;top:13%;width:8.5%;height:79%;transform:none;color:transparent;-webkit-text-stroke:0;line-height:1;z-index:2}
.imagine-rail .rail-word{position:absolute;top:0;right:0;writing-mode:vertical-rl;text-orientation:mixed;font:600 clamp(76px,min(8vw,14vh),145px)/1 Arial,sans-serif;letter-spacing:.035em;white-space:nowrap;color:rgba(130,182,239,.015);-webkit-text-stroke:.8px rgba(75,127,211,.34)}
.imagine-rail .rail-caption{position:absolute;left:8%;bottom:0;font:500 7px/1.9 Arial,sans-serif;letter-spacing:2.3px;color:#386298;-webkit-text-stroke:0;white-space:nowrap}
.imagine-rail .rail-caption:before{content:"";display:block;width:24px;height:1px;background:#5089df;margin-bottom:17px;box-shadow:-2px 0 4px #98dbff}
@media(min-width:761px) and (max-width:1200px){.outline-type.imagine-rail{right:1.2%;top:22%;height:67%;width:8%}.imagine-rail .rail-word{font-size:8vw}.imagine-rail .rail-caption{left:0;font-size:6px;letter-spacing:1.4px}}
@media(max-width:760px){.outline-type.imagine-rail{right:2%;top:720px;height:438px;width:12%}.imagine-rail .rail-word{font-size:14vw}.imagine-rail .rail-caption{left:0;font-size:5px;letter-spacing:1px}.imagine-rail .rail-caption:before{width:17px;margin-bottom:12px}}

/* Selected B ornament has no caption; selected 03 script sits at the headline's lower right. */
.headline-ornament{position:absolute;left:8px;top:9%;width:27px;height:71%;pointer-events:none;overflow:visible;opacity:.78}
h1.crystal-title img.title-handwriting{position:absolute;width:24%;height:auto;right:4%;bottom:-57px;pointer-events:none;opacity:.66}
@media(min-width:761px) and (max-width:1200px){h1.crystal-title img.title-handwriting{bottom:-44px}.headline-ornament{width:22px;left:5px}}
@media(max-width:760px){.headline-ornament{left:3px;top:10%;width:14px;height:68%}h1.crystal-title img.title-handwriting{width:30%;right:4%;bottom:-22px;opacity:.64}}

/* Airier IMAGINE spacing, with the original work sections directly below the hero. */
.imagine-rail .rail-word{letter-spacing:.16em}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Fade the illustrated cover into the same continuous page ground. */
body{background:#edfaff}
.fusion-shell{background:#edfaff}
.fusion-shell::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(to bottom,rgba(237,250,255,0),#edfaff);z-index:7;pointer-events:none}
.hero-copy{z-index:8}
@media(max-width:760px){.fusion-shell::after{height:140px}}

/* One continuous light system, registered to the robot rather than viewport. */
.character-arc-flow{mask-image:none;-webkit-mask-image:none;overflow:visible;z-index:4}
.character-arc-flow .arc-trace{stroke:#c9f5ff;stroke-width:1.7;opacity:.72;filter:drop-shadow(0 0 2px #7bddff)}
.character-arc-flow .arc-tail{stroke:#60d7ff;stroke-width:6;stroke-dasharray:100 900;filter:blur(2.2px);opacity:.65}
.character-arc-flow .arc-bright{stroke:#fff;stroke-width:2.5;stroke-dasharray:56 944;filter:drop-shadow(0 0 3px #7cddff);opacity:.98}
.character-arc-flow .light-track-distant{opacity:.32}
.character-arc-flow .light-track-distant .arc-trace{stroke-width:1.3}

.character-arc-flow .arc-base-glow{stroke:#73cdec;stroke-width:15;opacity:.24;filter:blur(5px)}
.character-arc-flow .arc-trace{stroke:#f1ffff;stroke-width:2.2;opacity:.9;filter:drop-shadow(0 0 2px #61c8ef)}
.character-arc-flow .light-track-distant{opacity:.62}
.character-arc-flow .light-track-distant .arc-base-glow{stroke-width:12;opacity:.32;filter:blur(4px)}

/* Registered highlights use the exact source image and its edge feathering. */
.character-arc-flow{overflow:hidden;mix-blend-mode:screen;mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 83%,transparent 100%);mask-composite:intersect}

/* Clearly travelling coloured tails and white leading glints, clipped to source light. */
.character-arc-flow{mix-blend-mode:normal}
.body-beam-streams use{fill:none;stroke-linecap:round}
.body-beam-colour{stroke:url(#body-beam-colour);stroke-width:32;stroke-dasharray:210 790;opacity:.92;filter:blur(.7px)}
.body-beam-head{stroke:#fff;stroke-width:12;stroke-dasharray:62 938;opacity:1;filter:drop-shadow(0 0 3px #b5f3ff)}

/* Two travelling white highlights complete the existing head-halo circuit. */
[data-body-beam="0"] .body-beam-colour{stroke-width:38;stroke-dasharray:120 380;opacity:1}
[data-body-beam="0"] .body-beam-head{stroke-width:16;stroke-dasharray:46 454;filter:drop-shadow(0 0 4px #c8f8ff)}

/* Two small streams circulate along each original waist beam. */
[data-body-beam="1"] .body-beam-colour,[data-body-beam="2"] .body-beam-colour{stroke-dasharray:145 355;opacity:.96}
[data-body-beam="1"] .body-beam-head,[data-body-beam="2"] .body-beam-head{stroke-dasharray:48 452;stroke-width:14}

/* Head-halo glints stay in the original background ring, behind the figure. */
[data-body-beam="0"] .body-beam-colour{stroke-width:24;filter:blur(.5px)}
[data-body-beam="0"] .body-beam-head{stroke-width:9;filter:drop-shadow(0 0 2px #c8f8ff)}

/* The halo is behind the figure; override the generic SVG path fill rule. */
#head-halo-background-only path{fill:#000;stroke:none}
.armor-flow{opacity:.65}
[data-body-beam="3"]{opacity:.3}

.rebuilt-head-halo use{fill:none;stroke-linecap:round}


/* Keep all four capability labels inside the introduction text column. */
.capabilities{max-width:660px}

/* Remove the image's foggy surround while keeping the original character pixels. */
.hero-robot,.robot-surface-light{
 -webkit-mask-image:url('assets/robot-silhouette-v40.svg'),linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);
 -webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:source-in;
 mask-image:url('assets/robot-silhouette-v40.svg'),linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);
 mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect;
}

/* True PNG transparency replaces the approximate silhouette and its foggy fringe. */
/* The artwork runs flush to the image borders on both sides AND along the bottom, so SOME
   edge fade is unavoidable. It must however stay a narrow rim: the previous 74%x64% radial
   blob only reached full opacity at 56% and therefore ate the whole lower half of the gown
   (worst at the lower-left), which read as "blurred too early". The mask is now
   crisp across the body's full extent and only dissolves in the last few percent — a ~7%
   rim on each side plus a bottom fade that starts at 88%. Keep .robot-surface-light in sync
   or the highlight overlay will outlive the character it belongs to. */
.hero-robot{
 -webkit-mask-image:url('assets/crystal-character-feather-mask.webp'),url('assets/crystal-character-side-mask-v49.webp'),url('assets/crystal-character-hem-mask-v49.png');
 -webkit-mask-size:100% 100%,100% 100%,100% 100%;-webkit-mask-repeat:no-repeat;
 -webkit-mask-composite:source-in,source-in,source-in;
 mask-image:url('assets/crystal-character-feather-mask.webp'),url('assets/crystal-character-side-mask-v49.webp'),url('assets/crystal-character-hem-mask-v49.png');
 mask-size:100% 100%,100% 100%,100% 100%;mask-repeat:no-repeat;
 mask-composite:intersect,intersect,intersect;
}
.robot-surface-light{
 -webkit-mask-image:url('assets/crystal-character-feather-mask.webp'),url('assets/crystal-character-side-mask-v49.webp'),url('assets/crystal-character-hem-mask-v49.png');
 -webkit-mask-size:100% 100%,100% 100%,100% 100%;-webkit-mask-repeat:no-repeat;
 -webkit-mask-composite:source-in,source-in,source-in;
 mask-image:url('assets/crystal-character-feather-mask.webp'),url('assets/crystal-character-side-mask-v49.webp'),url('assets/crystal-character-hem-mask-v49.png');
 mask-size:100% 100%,100% 100%,100% 100%;mask-repeat:no-repeat;
 mask-composite:intersect,intersect,intersect;
}
/* Reverted: the cape no longer extends past the hero. The rule below is inert (no element)
   and kept only so the extension can be re-enabled by re-adding the div + the v42 image refs. */
.cape-extension{
 position:absolute;z-index:4;pointer-events:none;user-select:none;max-width:none;
 background-image:url('assets/crystal-cape-extension-v42.webp');
 background-repeat:no-repeat;background-position:0 0;
 will-change:transform;
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 42%,rgba(0,0,0,.45) 72%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 42%,rgba(0,0,0,.45) 72%,transparent 100%);
}
.body-beam-streams .body-light-base{fill:none;stroke:#e6fbff;stroke-width:1.6;opacity:.6;filter:none}

/* v42b (extra cape): the hero grows taller so the extended cape stays INSIDE the hero and
   never spills into the works section. The robot height drops to 66.2% so the character
   keeps the same on-screen size as before (94% of the old 810px hero ≈ 66.2% of 1150px);
   the cape then occupies the remaining ~27.7% of the shell. Desktop only — narrower
   breakpoints keep the previous look and hide the cape layer. */
/* v42b was tried and REVERTED: growing the hero to ~1150px made room for the extended cape
   but left a large void between the hero copy and the works heading, which the user rejected.
   The cape layer is therefore disabled and the hero keeps its original height; the robot mask
   above supplies the softened left/right fades plus the late bottom fade. Re-enable by
   restoring the min-width:1201px block (see 网页修改交接.md §11b) + the cape div + v42 refs. */
@media(min-width:1201px){
 .hero-robot{top:7.5%}
}
@media(max-width:1200px){
 .cape-extension{display:none}
}

/* v61: STATIC backdrop, scaled by HEIGHT and anchored LEFT — never cropped vertically.
   The user's viewport is wider than 16:9, and object-fit:cover was upscaling the backdrop
   and cropping the top/bottom, which distorted the ribbons' arcs. The image is now
   pre-generated 3200x941 (the left 1672 is the reference artwork with the person replaced
   by a per-row background extension; the right is a smooth continuation), so at any
   viewport up to ~3700px wide the height fits exactly and the arcs stay 1:1. */
.hero-bg-static{
 position:absolute;top:0;bottom:0;left:0;height:100%;width:auto;max-width:none;
 z-index:1;pointer-events:none;user-select:none;
}

/* v57: the foreground laser spans the WHOLE hero and is NOT clipped to the character's
   alpha — it has to line up with the backdrop bands outside her silhouette, which is what
   makes the ribbon read as one continuous flow that passes behind her and back in front.
   Only the face is still cut out: a band across the eyes reads as fog, never as silk.
   z-index 5 keeps it under the hero copy (8) and the bottom fade (7). */
.body-light-sheet{
 position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;user-select:none;
 will-change:transform;
 -webkit-mask-image:radial-gradient(ellipse 17% 14% at 57.8% 23.8%,transparent 0 55%,#000 100%);
 mask-image:radial-gradient(ellipse 17% 14% at 57.8% 23.8%,transparent 0 55%,#000 100%);
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}

/* v53: foreground light sheet. Re-draws a few of the background ribbons ON TOP of the robot
   so those bands wash across the body, the way the reference artwork reads: one band is
   hidden behind the body in one place and passes over it in another.
   z-index 5 puts it above the robot(3)/surface-light(3)/armor-flow(3)/arc-flow(4) but below
   the hero copy(8) and the bottom fade(7), so the headline stays readable.
   Two mask layers, intersected:
     1) the character cutout's own alpha — without it the sheet would brighten the band inside
        the robot's rectangular box and leave a visible seam at the box edge;
     2) a face cut-out — the reference never lets a band wash over her face, and at any
        usable strength a band across the eyes reads as fog. */
.body-light-sheet{
 position:absolute;z-index:5;pointer-events:none;user-select:none;max-width:none;
 will-change:transform;
 -webkit-mask-image:url('assets/crystal-character-cutout-cape-full-v50.webp'),radial-gradient(ellipse 17% 14% at 57.8% 23.8%,transparent 0 55%,#000 100%);
 mask-image:url('assets/crystal-character-cutout-cape-full-v50.webp'),radial-gradient(ellipse 17% 14% at 57.8% 23.8%,transparent 0 55%,#000 100%);
 -webkit-mask-size:100% 100%,100% 100%;mask-size:100% 100%,100% 100%;
 -webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;
 -webkit-mask-composite:source-in;
 mask-composite:intersect;
}

/* v64: a single reference scene keeps figure, foreground beams and background registered. */
.reference-scene-mode>.hero-robot,.reference-scene-mode>.robot-surface-light,
.reference-scene-mode>.armor-flow,.reference-scene-mode>.character-arc-flow,
.reference-scene-mode>.body-light-sheet,.reference-scene-mode>.orbit,
.reference-scene-mode>.palm-heart,.reference-scene-mode>.palm-reflection{display:none}
.reference-scene-mode>.hero-bg-static{
 left:var(--reference-x,0px);top:var(--reference-y,0px);right:auto;bottom:auto;
 width:var(--reference-width,100%);height:var(--reference-height,100%);object-fit:fill;
 mask:none;-webkit-mask:none;z-index:1;
}
.reference-scene-mode>#aurora{z-index:1}
.reference-flow-ready>.hero-bg-static{visibility:hidden}
.reference-scene-mode>.hero-copy{max-width:var(--reference-copy-max,1000px)}
@media(max-width:760px){
 .fusion-shell.reference-scene-mode{height:var(--reference-mobile-height,1080px);min-height:var(--reference-mobile-height,1080px);max-height:none}
 .reference-scene-mode .outline-type.imagine-rail{top:auto;bottom:36px;height:320px}
 .reference-scene-mode::after{height:32px}
}

/* A complete still scene remains available if WebGL cannot run. */
.reference-scene-mode{background-image:url(assets/hero-reference-ultrawide-20260919.webp);background-size:cover;background-position:right center}
@media(min-aspect-ratio:1.85){.reference-scene-mode:not(.reference-flow-ready)>.hero-bg-static{mask-image:linear-gradient(to right,transparent,#000 120px);-webkit-mask-image:linear-gradient(to right,transparent,#000 120px)}}

/* v65: restore the original crystal heart and the two counter-rotating palm rings. */
.reference-scene-mode>.palm-heart,.reference-scene-mode>.palm-reflection,.reference-scene-mode>.orbit{display:block}
.reference-scene-mode>.orbit{inset:0;width:100%;height:100%;transform:none;overflow:visible}
.reference-scene-mode>.orbit-back{z-index:4}
.reference-scene-mode>.palm-reflection{z-index:4}
.reference-scene-mode>.palm-heart{z-index:5}
.reference-scene-mode>.orbit-front{z-index:6}