.imperial-circle{--circle-amber: #c9873f;--circle-amber-rgb: 201 135 63;--circle-item-w: clamp(180px, 21vw, 330px);--circle-item-h: calc(var(--circle-item-w) / .7);--circle-floor: 13%;display:block;position:relative;isolation:isolate;padding-block:clamp(48px,7vw,96px) clamp(40px,6vw,80px);overflow:hidden;color:var(--color-foreground)}@media screen and (max-width:749px){.imperial-circle{--circle-item-w: min(46vw, 230px);--circle-floor: 9%}}.imperial-circle__inner{display:flex;flex-direction:column;align-items:center;gap:10px;padding-inline:16px;text-align:center}.imperial-circle__heading{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.9rem,3.6vw,3rem);font-weight:400;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere}.imperial-circle__subheading{margin:0;max-width:46ch;color:rgb(var(--color-foreground-rgb) / var(--opacity-70));font-size:.95rem}.imperial-circle--hero{padding-block:clamp(24px,3vw,44px) clamp(40px,5vw,64px)}@media screen and (min-width:750px){.imperial-circle--hero{--circle-item-w: max(170px, min(15vw, 30vh))}}@media screen and (max-width:749px){.imperial-circle--hero{--circle-item-w: min(42vw, 210px)}}.imperial-circle--hero .imperial-circle__stage{height:calc(var(--circle-item-h) * 1.1 + 24px);margin-block-start:0}.imperial-circle--hero .imperial-circle__info{min-height:0;margin-block-start:0}.imperial-circle--hero .imperial-circle__actions{margin-block-start:6px}.imperial-circle--hero .imperial-circle__controls,.imperial-circle--hero .imperial-circle__footer{margin-block-start:14px}@media screen and (min-width:750px){.imperial-circle--hero .imperial-circle__footer{flex-direction:row;justify-content:center;gap:28px}}.imperial-circle--hero .imperial-circle__heading{max-width:32ch;font-size:clamp(1.5rem,min(2vw,3.4vh),3.2rem);line-height:1.05;letter-spacing:.04em;text-wrap:balance}.imperial-circle--hero .imperial-circle__subheading{max-width:none;color:#c9873f;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;text-wrap:balance}@media screen and (max-width:749px){.imperial-circle--hero .imperial-circle__subheading{font-size:.68rem;letter-spacing:.14em}}.imperial-circle--compact{--circle-item-w: max(140px, min(11vw, 24vh));padding-block:clamp(32px,4vw,56px)}@media screen and (max-width:749px){.imperial-circle--compact{--circle-item-w: min(36vw, 180px)}}.imperial-circle--compact .imperial-circle__stage{height:calc(var(--circle-item-h) * 1.1 + 20px);margin-block-start:8px}.imperial-circle--compact .imperial-circle__info{min-height:0;margin-block-start:0}.imperial-circle--compact .imperial-circle__name{font-size:clamp(1.15rem,1.6vw,1.5rem)}.imperial-circle--compact :is(.imperial-circle__price,.imperial-circle__actions){display:none}.imperial-circle--compact .imperial-circle__controls,.imperial-circle--compact .imperial-circle__footer{margin-block-start:12px}.imperial-circle--compact .imperial-circle__heading{font-size:clamp(1.3rem,2vw,1.9rem);letter-spacing:.05em;text-wrap:balance}.imperial-circle__footer{display:flex;flex-direction:column;align-items:center;gap:18px;margin-block-start:22px;padding-inline:16px;text-align:center}.imperial-circle__hint{margin:0;color:rgb(var(--color-foreground-rgb) / var(--opacity-50));font-size:.8rem;letter-spacing:.06em}.imperial-circle__cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding-inline:34px;border:1px solid var(--circle-amber);color:var(--circle-amber);font-size:.8rem;letter-spacing:.22em;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease}.imperial-circle__cta:hover{background:rgb(var(--circle-amber-rgb) / .12)}.imperial-circle__cta:focus-visible{outline:1px solid var(--circle-amber);outline-offset:3px}.imperial-circle__stage{position:relative;height:calc(var(--circle-item-h) * 1.18 + 40px);margin-block-start:clamp(12px,3vw,32px);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.imperial-circle__stage.is-dragging{cursor:grabbing}.imperial-circle__light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;inset-block-end:-180px;background:radial-gradient(ellipse 34% 58% at 50% 58%,rgb(var(--circle-amber-rgb) / .2),rgb(var(--circle-amber-rgb) / .06) 55%,transparent 75%),radial-gradient(ellipse 60% 10% at 50% calc(100% - var(--circle-floor) - 180px),rgb(0 0 0 / .55),transparent 70%);-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}.imperial-circle__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.imperial-circle__beam{position:absolute;inset-block:-10% var(--circle-floor);left:50%;width:calc(var(--circle-item-w) * 2.4);transform:translate(-50%);filter:blur(22px);animation:imperial-circle-flicker 6s ease-in-out infinite}.imperial-circle__beam:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#ffd6a000,#ffc88c14 40%,rgb(var(--circle-amber-rgb) / .24));clip-path:polygon(42% 0,58% 0,92% 100%,8% 100%)}.imperial-circle__floor{position:absolute;left:50%;inset-block-end:calc(var(--circle-floor) - var(--circle-item-w) * .12);width:calc(var(--circle-item-w) * 2.6);height:calc(var(--circle-item-w) * .34);transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgb(var(--circle-amber-rgb) / .55),rgb(var(--circle-amber-rgb) / .16) 55%,transparent)}.imperial-circle__ring{position:absolute;left:50%;inset-block-end:calc(var(--circle-floor) - var(--circle-item-w) * .06);width:calc(var(--circle-item-w) * 1.3);height:calc(var(--circle-item-w) * .2);margin-left:calc(var(--circle-item-w) * -.65);border:1px solid rgb(255 210 150 / .9);border-radius:50%;box-shadow:0 0 18px rgb(var(--circle-amber-rgb) / .7);opacity:0}.imperial-circle.is-arriving .imperial-circle__ring{animation:imperial-circle-ring 1.4s cubic-bezier(.2,.7,.3,1)}.imperial-circle__fog{position:absolute;top:30%;right:-30%;bottom:-10%;left:-30%;background:radial-gradient(ellipse 30% 22% at 30% 75%,rgb(255 236 210 / .07),transparent 70%),radial-gradient(ellipse 34% 20% at 70% 82%,rgb(255 236 210 / .06),transparent 70%),radial-gradient(ellipse 26% 16% at 50% 90%,rgb(var(--circle-amber-rgb) / .08),transparent 70%);animation:imperial-circle-fog 22s ease-in-out infinite alternate}.imperial-circle__embers>span{position:absolute;left:var(--x);bottom:var(--circle-floor);width:var(--size);height:var(--size);border-radius:50%;background:#ffcf8a;box-shadow:0 0 6px 1px rgb(var(--circle-amber-rgb) / .9);opacity:0;animation:imperial-circle-ember var(--duration) linear var(--delay) infinite}@keyframes imperial-circle-flicker{0%,to{opacity:1}45%{opacity:.82}60%{opacity:.95}}@keyframes imperial-circle-ring{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes imperial-circle-fog{to{transform:translate(14%)}}@keyframes imperial-circle-ember{0%{opacity:0;transform:translateZ(0)}12%{opacity:.9}70%{opacity:.5}to{opacity:0;transform:translate3d(28px,-420px,0)}}.imperial-circle__img{transition:filter .5s ease}.imperial-circle__item.is-active .imperial-circle__img{filter:drop-shadow(0 0 1px rgb(255 214 160 / .6)) drop-shadow(0 0 26px rgb(var(--circle-amber-rgb) / .4))}.imperial-circle__face{-webkit-box-reflect:below 0 linear-gradient(transparent 82%,rgb(0 0 0 / .18))}.imperial-circle__list{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.imperial-circle__item{position:absolute;inset-block-end:var(--circle-floor);left:50%;width:var(--circle-item-w);margin-left:calc(var(--circle-item-w) / -2);transform-origin:50% 100%;will-change:transform,opacity}.imperial-circle__item:after{content:"";position:absolute;inset-inline:12%;inset-block-end:-4%;height:7%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .75),transparent);pointer-events:none}.imperial-circle__link{display:block;perspective:1400px;color:inherit;-webkit-tap-highlight-color:transparent}.imperial-circle__link:focus-visible{outline:1px solid var(--circle-amber);outline-offset:6px}.imperial-circle__figure{display:block;position:relative;aspect-ratio:.7;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.45,.05,.25,1)}.imperial-circle__item.is-flipped .imperial-circle__figure{transform:rotateY(180deg)}.imperial-circle__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.imperial-circle__face--back{transform:rotateY(180deg)}.imperial-circle__img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;pointer-events:none;-webkit-user-drag:none}.imperial-circle__info{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:132px;margin-block-start:8px;padding-inline:16px;text-align:center}.imperial-circle__name{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;transition:opacity .2s ease}.imperial-circle__line{display:block;margin-block-start:4px;color:rgb(var(--color-foreground-rgb) / var(--opacity-70));font-size:.75rem;letter-spacing:.32em}.imperial-circle__line:empty{display:none}.imperial-circle__price{display:flex;gap:10px;align-items:baseline;margin:0;color:var(--circle-amber);letter-spacing:.04em;transition:opacity .2s ease}.imperial-circle__price s{color:rgb(var(--color-foreground-rgb) / var(--opacity-50));font-size:.85em}.imperial-circle.is-moving :is(.imperial-circle__name,.imperial-circle__price){opacity:.35}.imperial-circle__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-block-start:10px}.imperial-circle__turn,.imperial-circle__view{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding-inline:22px;border:1px solid var(--circle-amber);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}.imperial-circle__turn{background:transparent;color:var(--circle-amber)}.imperial-circle__turn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s ease}.imperial-circle__turn[aria-pressed=true] svg{transform:rotate(180deg)}.imperial-circle__turn:hover{background:rgb(var(--circle-amber-rgb) / .12)}.imperial-circle__view{background:var(--circle-amber);color:#111}.imperial-circle__view:hover{background:#d99a52}@media screen and (max-width:749px){.imperial-circle__actions{flex-wrap:nowrap;width:100%;max-width:400px}.imperial-circle__turn,.imperial-circle__view{flex:1 1 0;min-width:0;padding-inline:10px;font-size:.68rem;letter-spacing:.12em}}.imperial-circle__turn:focus-visible,.imperial-circle__view:focus-visible,.imperial-circle__arrow:focus-visible{outline:1px solid var(--circle-amber);outline-offset:3px}.imperial-circle__controls{display:flex;align-items:center;justify-content:center;gap:14px;max-width:620px;margin:22px auto 0;padding-inline:16px}.imperial-circle__arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid rgb(var(--circle-amber-rgb) / .35);background:transparent;color:var(--circle-amber);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.imperial-circle__arrow:hover{border-color:var(--circle-amber);background:rgb(var(--circle-amber-rgb) / .1)}.imperial-circle__arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.imperial-circle__pause .imperial-circle__icon-play,.imperial-circle__pause[aria-pressed=true] .imperial-circle__icon-pause{display:none}.imperial-circle__pause[aria-pressed=true] .imperial-circle__icon-play{display:block;fill:currentColor}.imperial-circle__progress{position:relative;flex:1;min-width:0;height:2px;overflow:hidden;background:rgb(var(--circle-amber-rgb) / .18)}.imperial-circle__progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--circle-amber);transform:scaleX(var(--circle-progress, 0));transform-origin:left}[dir=rtl] .imperial-circle__progress-fill{transform-origin:right}.imperial-circle__counter{flex:none;margin:0;color:rgb(var(--color-foreground-rgb) / var(--opacity-70));font-size:.75rem;font-variant-numeric:tabular-nums;letter-spacing:.14em}.imperial-circle__empty{padding:40px 16px;text-align:center;opacity:.6}@media(prefers-reduced-motion:reduce){.imperial-circle__figure,.imperial-circle__turn svg{transition:none}.imperial-circle__beam,.imperial-circle__fog,.imperial-circle.is-arriving .imperial-circle__ring{animation:none}.imperial-circle__embers{display:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/imperial-circle.css.map */