.wedding-rings{position:fixed;right:24px;top:24px;width:265px;height:200px;perspective:850px;pointer-events:none;z-index:12;opacity:.48;transform:translateY(var(--ring-drift,0px))}
.wedding-rings.rings-on-welcome{z-index:32;opacity:.85}
.welcome-enter{margin-top:36px}
.welcome-orbit{width:min(78vw,420px);top:calc(50% - min(39vw,210px) - 42px)}
@media(max-height:650px){.welcome-content{transform:scale(.84)}.welcome-enter{margin-top:26px}.welcome-orbit{width:min(70vw,300px);top:calc(50% - min(35vw,150px) - 34px)}}
.wedding-band{position:absolute;width:160px;height:160px;transform-style:preserve-3d;will-change:transform}
.wedding-band-0{left:0;top:8px;transform:rotateX(calc(48deg + var(--ring-tilt,0deg))) rotateY(calc(-22deg + var(--ring-sway,0deg))) translateZ(var(--ring-depth,0px)) rotateZ(calc(-25deg + var(--ring-turn,0deg)))}
.wedding-band-1{left:85px;top:35px;transform:rotateX(calc(52deg - var(--ring-tilt,0deg))) rotateY(calc(40deg - var(--ring-sway,0deg))) translateZ(calc(0px - var(--ring-depth,0px))) rotateZ(calc(30deg - var(--ring-turn,0deg)))}
.ring-slice{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 35deg,#896022,#fce6ad 12%,#b88432 25%,#fff3cf 39%,#a56d24 53%,#e7bb65 69%,#fff4cf 81%,#896022);mask:radial-gradient(circle,transparent 54%,#000 55%);transform:translateZ(calc(var(--slice) * 1.4px));backface-visibility:visible}
.ring-slice:last-child{background:conic-gradient(from 35deg,#d09a44,#fff5d6 18%,#b27a2c 31%,#fff5d6 47%,#c99443 68%,#ffedb7 82%,#d09a44)}
@media(max-width:900px){.wedding-rings{width:175px;height:140px;right:10px;top:20px;opacity:.42}.wedding-band{width:105px;height:105px}.wedding-band-1{left:58px;top:30px}}
.wedding-band{animation:ringFloat 4.8s ease-in-out infinite}
.wedding-band-1{animation-direction:reverse;animation-delay:-1.2s}
@keyframes ringFloat{0%,100%{translate:0 0;scale:1}50%{translate:-5px 10px;scale:1.05}}
@media(prefers-reduced-motion:reduce){.wedding-rings{transform:none}.wedding-band{will-change:auto;animation:none;translate:none;scale:none}}