:root{--bg-color: #f1ede4;--primary-orange: #ffa41c;--radius: 420px;--img-scale: 1;--rotate-speed: 50s}.viewport-fix{position:sticky;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding-top:150px}.center-ui p:last-of-type{color:#000;font-size:48px;margin:0 0 15px;font-family:Playfair Display}.center-ui{position:relative;text-align:center;z-index:100}.center-ui .subtitle{font-size:24px;color:#4a4a4a;margin-bottom:8px}.center-ui .stitle{font-size:60px;font-weight:500;line-height:1.1;color:#2e2e2e;margin-bottom:35px;letter-spacing:-1px}.center-ui .cta-button{background-color:var(--primary-orange);color:#3d2400;padding:10px 50px;border-radius:50px;text-decoration:none;font-size:20px;font-weight:600;font-family:Playfair Display;display:inline-block;box-shadow:0 4px 15px #ffa41c33}.orbit-ring{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation:continuousRotation var(--rotate-speed) linear infinite}.template-item{position:absolute;width:160px;transform-origin:center;transform:scale(var(--img-scale));transition:transform .1s ease-out}.template-item img{width:100%;height:auto;border-radius:2px;box-shadow:0 10px 40px #00000014;background:#fff;display:block}.t1{transform:rotate(0) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}.t2{transform:rotate(36deg) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}.t3{transform:rotate(72deg) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}.t4{transform:rotate(108deg) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}.t5{transform:rotate(144deg) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}.t6{transform:rotate(180deg) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}.t7{transform:rotate(216deg) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}.t8{transform:rotate(252deg) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}.t9{transform:rotate(288deg) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}.t10{transform:rotate(324deg) translateY(calc(-1 * var(--radius))) scale(var(--img-scale))}@keyframes continuousRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-hint{position:fixed;bottom:30px;left:50%;transform:translate(-50%);font-size:12px;color:#bbb;letter-spacing:3px}#shopify-section-template--17769801253044__scroll_orbit_VKMafM .page-layout-content{padding-bottom:0}@media screen and (max-width:768px){.viewport-fix{padding-top:0;height:50vh}.template-item{width:80px}.center-ui p:last-of-type{font-size:32px;margin-bottom:20px}.center-ui .subtitle{font-size:16px}.center-ui .cta-button{font-size:16px;padding:10px 30px}.scroll-hint{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/scroll-orbit.css.map */