:root{--xw-gold:#c9a96e;--xw-duration:22s}body{background:#000}body:has(.xw-motion) .ritual-hero{display:none}.xw-motion{position:relative;height:160svh;background:#000;color:#e8ded0;border-bottom:1px solid rgba(201,169,110,.16)}.xw-motion__stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#000;transform-origin:50% 50%;will-change:opacity,filter,transform}.xw-motion__frames,.xw-motion__frame,.xw-motion__totem,.xw-motion__glint{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.xw-motion__frames{overflow:hidden;background:#000}.xw-motion__frame,.xw-motion__totem,.xw-motion__glint{object-fit:cover;object-position:center;opacity:0;transform:translateZ(0) scale(1.01)}.xw-motion__frame--1{opacity:1;animation:xw-frame-1 var(--xw-duration) linear both}.xw-motion__frame--2{animation:xw-frame-2 var(--xw-duration) linear both}.xw-motion__frame--3{animation:xw-frame-3 var(--xw-duration) linear both}.xw-motion__frame--4{animation:xw-frame-4 var(--xw-duration) linear both}.xw-motion__frame--5{animation:xw-frame-5 var(--xw-duration) linear both}@keyframes xw-frame-1{0%{opacity:0;transform:translateY(7%) scale(1.035);filter:brightness(.62)}12%,22%{opacity:1;transform:translateY(0) scale(1.01);filter:brightness(.82)}31%,to{opacity:0;transform:scale(1.005);filter:brightness(.76)}}@keyframes xw-frame-2{0%,19%{opacity:0}29%,36%{opacity:1}45%,to{opacity:0}}@keyframes xw-frame-3{0%,34%{opacity:0}44%,53%{opacity:1}62%,to{opacity:0}}@keyframes xw-frame-4{0%,51%{opacity:0}61%,70%{opacity:1}79%,to{opacity:0}}@keyframes xw-frame-5{0%,68%{opacity:0;transform:scale(1.012);filter:brightness(.78)}79%,84%{opacity:1;transform:scale(1);filter:brightness(.86)}87%{opacity:1;filter:brightness(1.03)}90%{opacity:1;filter:brightness(.83)}93%{opacity:1;filter:brightness(1.02)}96%,to{opacity:1;filter:brightness(.88)}}.xw-motion__totem{z-index:4;clip-path:ellipse(14% 23% at 65% 59%);pointer-events:none;animation:xw-totem 7.2s 17.2s ease-in-out infinite both}@keyframes xw-totem{0%,8%,20%,32%{opacity:0;filter:brightness(1)}13%,25%{opacity:.24;filter:brightness(1.26) sepia(.1)}45%{opacity:.08;filter:brightness(1.14)}70%{opacity:.18;filter:brightness(1.24)}to{opacity:.08;filter:brightness(1.14)}}.xw-motion__glint{z-index:5;pointer-events:none;filter:brightness(1.7) contrast(1.06)}.xw-motion__glint--1{clip-path:circle(3.1% at 49.4% 35.6%);animation:xw-glint 1.4s 15.5s ease-out both}.xw-motion__glint--2{clip-path:circle(2.8% at 65.7% 22.4%);animation:xw-glint 1.4s 16.1s ease-out both}.xw-motion__glint--3{clip-path:circle(2.6% at 78.3% 37.7%);animation:xw-glint 1.4s 16.7s ease-out both}.xw-motion__glint--4{clip-path:circle(2.5% at 87% 52.8%);animation:xw-glint 1.4s 17.3s ease-out both}.xw-motion__glint--5{clip-path:circle(2.3% at 94.2% 63%);animation:xw-glint 1.4s 17.9s ease-out both}@keyframes xw-glint{0%,to{opacity:0}45%{opacity:.23}}.xw-motion__smoke{position:absolute;z-index:6;left:-4%;bottom:-38px;width:108%;height:34svh;overflow:hidden;opacity:0;mix-blend-mode:screen;pointer-events:none}.xw-motion__smoke img{width:100%;height:100%;object-fit:cover;object-position:bottom;filter:brightness(.72) contrast(1.12)}.xw-motion__smoke--a{animation:xw-smoke-a 28s ease-in-out infinite}.xw-motion__smoke--b{animation:xw-smoke-b 31s 4s ease-in-out infinite;transform:scaleX(-1)}@keyframes xw-smoke-a{0%{opacity:.08;transform:translateY(34px)}50%{opacity:.28}to{opacity:.09;transform:translateY(-56px)}}@keyframes xw-smoke-b{0%{opacity:0;transform:translate(18px,30px) scaleX(-1)}45%{opacity:.18}to{opacity:.05;transform:translate(-22px,-54px) scaleX(-1)}}.xw-motion__brand{position:absolute;z-index:9;top:28px;left:36px;display:grid;gap:5px;letter-spacing:.14em}.xw-motion__brand span{font:400 24px/1 Georgia,serif}.xw-motion__brand small{color:#e5d8c78f;font:8px Arial,sans-serif;letter-spacing:.29em}.xw-motion__replay{position:absolute;z-index:10;top:28px;right:36px;border:0;border-bottom:1px solid rgba(229,216,199,.28);padding:6px 0;color:#e5d8c78f;background:transparent;font:9px Arial,sans-serif;letter-spacing:.22em;cursor:pointer}.xw-motion__replay:hover,.xw-motion__replay:focus-visible{color:var(--xw-gold);border-color:var(--xw-gold);outline:none}.xw-motion__copy{position:absolute;z-index:8;left:clamp(28px,6vw,96px);top:27%;max-width:430px;opacity:0;transform:translateY(18px);transition:opacity 2.5s ease,transform 2.5s ease}.xw-motion.is-settled .xw-motion__copy{opacity:1;transform:none}.xw-motion__copy p{margin:0 0 18px;color:#c9a96eb3;font:10px Arial,sans-serif;letter-spacing:.32em}.xw-motion__copy h1{margin:0;color:#e8ded0;font:400 clamp(56px,7.8vw,126px)/.82 Georgia,serif;letter-spacing:-.045em;text-shadow:0 2px 18px #000}.xw-motion__copy em{display:block;max-width:320px;margin-top:30px;color:#e7ddcf9e;font:italic 14px/1.7 Georgia,serif}.xw-motion__actions{position:absolute;z-index:10;left:clamp(28px,6vw,96px);bottom:8svh;display:flex;align-items:center;gap:28px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity 2.2s 1s ease,transform 2.2s 1s ease}.xw-motion.is-settled .xw-motion__actions{opacity:1;transform:none;pointer-events:auto}.xw-motion__primary{display:inline-flex;align-items:center;justify-content:center;min-width:224px;min-height:48px;border:1px solid rgba(201,169,110,.55);color:#e7d9c6;background:#000000a3;text-decoration:none;font:11px Arial,sans-serif;letter-spacing:.22em;transition:.5s}.xw-motion__primary:hover,.xw-motion__primary:focus-visible{color:#000;border-color:var(--xw-gold);background:var(--xw-gold);outline:none}.xw-motion__secondary{padding:14px 0;color:#e7d9c6b8;text-decoration:none;font:10px Arial,sans-serif;letter-spacing:.18em}.xw-motion__secondary span{display:inline-block;margin-left:8px;transition:transform .4s}.xw-motion__secondary:hover span{transform:translate(5px)}.xw-motion__scroll{position:absolute;z-index:10;right:34px;bottom:7svh;display:flex;align-items:center;gap:10px;color:#e5d8c752;font:8px Arial,sans-serif;letter-spacing:.22em;writing-mode:vertical-rl}.xw-motion__scroll span{display:block;width:1px;height:42px;background:#c9a96e57}.xw-motion.is-restarting .xw-motion__frame,.xw-motion.is-restarting .xw-motion__totem,.xw-motion.is-restarting .xw-motion__glint,.xw-motion.is-restarting .xw-motion__smoke{animation:none!important}@media(max-width:760px){.xw-motion{height:145svh}.xw-motion__frame,.xw-motion__totem,.xw-motion__glint{object-position:68% center;transform:scale(1.16)}.xw-motion__brand{top:22px;left:20px}.xw-motion__replay{top:22px;right:20px;font-size:8px}.xw-motion__copy{left:22px;right:22px;top:auto;bottom:22svh}.xw-motion__copy h1{font-size:clamp(48px,17vw,72px)}.xw-motion__copy em{display:none}.xw-motion__actions{left:22px;right:22px;bottom:7svh;display:grid;gap:4px}.xw-motion__primary{width:100%;min-width:0}.xw-motion__secondary{text-align:center}.xw-motion__scroll{display:none}}@media(prefers-reduced-motion:reduce){.xw-motion{height:100svh}.xw-motion__frame,.xw-motion__totem,.xw-motion__glint,.xw-motion__smoke{animation:none!important}.xw-motion__frame{opacity:0}.xw-motion__frame--5{opacity:1}.xw-motion__copy,.xw-motion__actions{opacity:1;transform:none;transition:none;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/xuanwu-ritual-motion.css.map */