*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}@media(hover:hover)and (prefers-reduced-motion:no-preference){.spin-tilt{transition:transform .4s cubic-bezier(.22,1,.36,1);will-change:transform}.spin-tilt:hover{transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateZ(6px) scale(1.015)}}.circular-zoom{display:block;position:relative;width:100%;aspect-ratio:1/1;margin-inline:auto;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,#fffdfb,#f4ece4);isolation:isolate}.circular-zoom__orbit,.circular-zoom__stage,.circular-zoom__media{position:absolute;width:100%;height:100%;display:block;margin:0}.circular-zoom__orbit{inset:3%}.circular-zoom__stage{border-radius:50%;overflow:hidden;transform-style:preserve-3d;box-shadow:0 22px 46px -22px #402a1666}.circular-zoom__media{inset:0;object-fit:cover}.circular-zoom__ring{position:absolute;inset:-1.5%;border:2px dashed rgba(199,158,110,.55);border-radius:50%;pointer-events:none}@keyframes orbit-circle{0%{transform:rotate(0) translate(8px) rotate(0)}to{transform:rotate(360deg) translate(8px) rotate(-360deg)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circular-zoom-in{0%,to{transform:scale(1) rotateY(0)}50%{transform:scale(1.16) rotateY(18deg)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.circular-zoom{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}.circular-zoom:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 34px 70px -30px #402a168c}.circular-zoom:hover .circular-zoom__orbit{animation:orbit-circle 9s linear infinite}.circular-zoom:hover .circular-zoom__ring{animation:ring-spin 18s linear infinite reverse}.circular-zoom:hover .circular-zoom__stage{animation:circular-zoom-in 5.5s cubic-bezier(.45,0,.55,1) infinite}}