@property --kame-co-x{syntax: "<percentage>"; inherits: true; initial-value: 10%;}.kame-co{--kame-co-x: 10%;display:block;overflow:hidden;transition:--kame-co-x .7s var(--kame-ease-out)}.kame-co__head{display:grid;justify-items:center;gap:4px;text-align:center;margin-bottom:clamp(28px,4vw,56px)}.kame-co__room{position:relative}.kame-co__room:before{content:"";position:absolute;top:-20%;right:-50%;bottom:0;left:-50%;background:radial-gradient(28% 70% at var(--kame-co-x) 78%,color-mix(in srgb,var(--kame-amber) 10%,transparent),transparent 70%);pointer-events:none}.kame-co__shelf{position:relative;display:grid;grid-template-columns:repeat(var(--kame-co-count),minmax(0,1fr));align-items:end;gap:clamp(8px,2vw,32px);margin:0;padding:0 clamp(8px,2vw,24px);list-style:none}.kame-co__spot{display:flex;justify-content:center}.kame-co__lamp{position:relative;display:grid;justify-items:center;width:100%;max-width:260px;color:inherit;text-decoration:none;outline:none}.kame-co__pic{position:relative;z-index:1;display:block;width:100%;aspect-ratio:4 / 5}.kame-co__pic img,.kame-co__pic svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:brightness(.2) saturate(.35);transition:filter .65s var(--kame-ease-out),scale .65s var(--kame-ease-out)}.kame-co__lamp.is-photo .kame-co__pic{aspect-ratio:1;margin-top:auto;border:1px solid color-mix(in srgb,var(--kame-brass) 35%,transparent);background:var(--kame-c-ink);overflow:hidden}.kame-co__lamp.is-photo .kame-co__pic img{object-fit:cover;object-position:center}.kame-co__lamp.is-active .kame-co__pic img,.kame-co__lamp.is-active .kame-co__pic svg{filter:brightness(1.04) drop-shadow(0 0 28px color-mix(in srgb,var(--kame-amber) 40%,transparent));scale:1.04}.kame-co__lamp.is-photo.is-active .kame-co__pic{border-color:var(--kame-brass);box-shadow:0 0 40px -6px color-mix(in srgb,var(--kame-amber) 45%,transparent)}.kame-co__cone{position:absolute;z-index:0;left:50%;bottom:12%;width:150%;height:130%;translate:-50% 0;background:radial-gradient(50% 60% at 50% 85%,color-mix(in srgb,var(--kame-amber) 26%,transparent),color-mix(in srgb,var(--kame-orange) 8%,transparent) 55%,transparent 75%);opacity:0;transition:opacity .65s var(--kame-ease-out);pointer-events:none}.kame-co__pool{position:absolute;z-index:0;left:50%;bottom:-14px;width:140%;height:34px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--kame-amber) 55%,transparent),transparent);filter:blur(4px);opacity:0;scale:.5 1;transition:opacity .65s var(--kame-ease-out),scale .65s var(--kame-ease-out);pointer-events:none}.kame-co__lamp.is-active :is(.kame-co__cone,.kame-co__pool){opacity:1;scale:1}.kame-co__tag{position:absolute;top:calc(100% + 26px);left:50%;translate:-50% 0;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--kame-c-light) 40%,transparent);transition:color .4s var(--kame-ease-out)}.kame-co__lamp.is-active .kame-co__tag{color:var(--kame-brass)}@media(hover:hover){.kame-co__lamp:not(.is-active):hover .kame-co__pic img{filter:brightness(.45) saturate(.6)}}.kame-co__lamp:focus-visible .kame-co__pic{outline:2px solid var(--kame-brass);outline-offset:6px}.kame-co__ledge{position:relative;height:16px;margin-top:2px;border-top:1px solid color-mix(in srgb,var(--kame-brass) 55%,transparent);background:radial-gradient(16% 160% at var(--kame-co-x) 0%,color-mix(in srgb,var(--kame-amber) 45%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--kame-c-raised) 90%,var(--kame-brass)),var(--kame-c-ink));box-shadow:0 22px 34px -18px #000000e6}.kame-co__meta{display:grid;justify-items:center;gap:4px;margin-top:clamp(56px,6vw,72px);text-align:center}.kame-co__label{display:grid;justify-items:center;gap:2px}.kame-co__name{margin:0;font-family:var(--kame-font-heading);font-size:clamp(30px,3.4vw,44px);font-weight:800;line-height:1;text-transform:uppercase}.kame-co__count{margin:0 0 12px;font-size:13px;color:var(--kame-c-muted)}.kame-co.is-swapping .kame-co__label{animation:kame-co-label .46s var(--kame-ease-out)}@keyframes kame-co-label{0%{opacity:0;translate:0 8px;filter:blur(3px)}}.kame-co.is-armed:not(.is-inview) .kame-co__lamp :is(.kame-co__cone,.kame-co__pool){opacity:0}.kame-co.is-armed:not(.is-inview) .kame-co__lamp.is-active .kame-co__pic img{filter:brightness(.2) saturate(.35);scale:1}.kame-co.is-igniting .kame-co__pic img{animation:kame-co-ignite .9s linear both;animation-delay:calc(var(--kame-co-i, 0) * .14s)}@keyframes kame-co-ignite{0%{filter:brightness(.2) saturate(.35)}12%{filter:brightness(.9) saturate(.9)}18%{filter:brightness(.35) saturate(.5)}30%{filter:brightness(1.15) saturate(1)}}@media(max-width:749px){.kame-co__room{margin-inline:calc(var(--kame-gutter) * -1);padding-inline:var(--kame-gutter);padding-top:24px;padding-bottom:48px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.kame-co__meta{margin-top:8px}.kame-co__shelf{grid-template-columns:repeat(var(--kame-co-count),42vw);width:max-content;padding-bottom:0}.kame-co__spot{scroll-snap-align:center}.kame-co__ledge{width:calc(var(--kame-co-count) * 42vw + (var(--kame-co-count) - 1) * 8px + 16px)}.kame-co__room:before{display:none}}@media(prefers-reduced-motion:reduce){.kame-co,.kame-co__pic img,.kame-co__cone,.kame-co__pool{transition:none}.kame-co.is-igniting .kame-co__pic img,.kame-co.is-swapping .kame-co__label{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kame-collection-orbit.css.map */