:root{--ink: #4f5254;--paper: #fbfbfa;--sky: #87cae9;--mint: #8fd9c2;--rose: #ef6d63;--gold: #f0c34b;--white: #ffffff;--black: #111111;--shadow: 0 22px 60px rgba(17, 17, 17, .12);--ease: cubic-bezier(.2, .8, .2, 1);--snap: cubic-bezier(.16, 1, .3, 1);--caption-ink: rgba(17, 17, 17, .78)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--paper);-webkit-font-smoothing:antialiased}body{min-height:100%;margin:0;overflow:hidden;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.1;text-transform:uppercase}button,a,select{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}img,svg{display:block}.site-nav{position:fixed;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:clamp(28px,5.6vw,80px);color:var(--white);font-size:clamp(13px,.72vw,18px);font-weight:400;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .52s var(--ease),transform .62s var(--snap)}.is-entered .site-nav{opacity:1;transform:translateY(0);pointer-events:auto}.brand-link{justify-self:start}.mode-switch{justify-self:center;display:flex;gap:.35em}.mode-button,.nav-button,.brand-link,.brand-menu-item,.close-notes,.close-distributors,.arrow-button{border:0;background:transparent;padding:0;text-transform:uppercase}.mode-button,.nav-button,.brand-link{position:relative;color:#ffffffd1;font-weight:400}.mode-button.is-active,.nav-button.is-active{color:var(--white)}.nav-button{justify-self:end;white-space:nowrap}.driver-link{max-width:none;line-height:1;text-align:right}.brand-menu{position:relative;display:inline-flex}.brand-menu-panel{position:absolute;z-index:42;top:calc(100% + 10px);right:0;min-width:132px;display:grid;gap:2px;padding:6px;color:#ffffffdb;background:#111111b8;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 30px #11111124;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.brand-menu-panel[hidden]{display:none}.brand-menu-item{min-height:30px;padding:0 10px;color:inherit;border-radius:8px;display:flex;align-items:center;font-size:.75rem;text-align:left;text-transform:none;white-space:nowrap}.brand-menu-item:hover{background:#ffffff1a}.currency-toggle,.currency-select{min-width:3.2em}.currency-picker{position:relative;display:inline-flex;align-items:center}.currency-picker form,.currency-form{margin:0;display:inline-grid}.currency-menu{position:absolute;z-index:40;top:calc(100% + 8px);right:0;min-width:156px;display:grid;gap:1px;padding:4px;color:inherit;border:1px solid rgba(255,255,255,.14);background:#111111c7;box-shadow:0 10px 28px #11111124;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s var(--ease),transform .22s var(--snap);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px}.currency-picker.is-open .currency-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.currency-menu button{min-height:28px;border:0;padding:0 10px;color:#ffffffd6;background:transparent;font-weight:400;text-align:left;text-transform:none;border-radius:8px;font-size:.625rem}.currency-menu button:hover,.currency-menu button.is-active{background:#ffffff1a;color:#fff}.nav-actions{justify-self:end;display:flex;align-items:center;gap:clamp(10px,1.25vw,22px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-link:hover,.nav-button:hover,.currency-toggle:hover{color:#fff;opacity:1}.currency-toggle{display:inline-flex;align-items:center;gap:.35em;padding:.1em 0;border-radius:0;font-weight:400}.currency-toggle span{font-size:.9em;transform:translateY(-.04em)}.stage-screen{min-height:100svh}body:not(.is-entered) .site-nav,body:not(.is-entered) .stage-screen{opacity:1!important;visibility:visible!important;pointer-events:auto!important}body:not(.is-entered) .stage-screen{transform:scale(1)!important}.intro-screen{display:none!important}.symbol-row{display:flex;align-items:center;gap:clamp(8px,1vw,12px)}.play-symbol{position:relative;width:18px;height:18px;border-radius:4px;background:#5b5d5f}.play-symbol:before{content:"";position:absolute;top:5px;left:7px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--paper)}.capsule{min-width:38px;height:18px;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:4px;font-size:11px;font-weight:900}.barcode-symbol{height:18px;display:inline-flex;align-items:end;gap:2px}.barcode-symbol i{width:2px;background:currentColor}.barcode-symbol i:nth-child(1){height:7px}.barcode-symbol i:nth-child(2){height:11px}.barcode-symbol i:nth-child(3){height:5px}.barcode-symbol i:nth-child(4){height:13px}.barcode-symbol i:nth-child(5){height:9px}.orbit-symbol{position:relative;width:38px;height:18px;border:1px solid currentColor;border-radius:50%}.orbit-symbol:before,.orbit-symbol:after,.orbit-symbol i{content:"";position:absolute;border:1px solid currentColor;border-radius:50%}.orbit-symbol:before{top:3px;right:6px;bottom:3px;left:6px}.orbit-symbol:after{top:5px;right:13px;bottom:5px;left:13px}.orbit-symbol i{width:5px;height:5px;top:6px;left:16px;background:currentColor}.drop-code{margin:0}.drop-code{font-size:clamp(22px,2vw,28px)}.stage-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--stage-bg, var(--sky));opacity:1;transform:scale(1);transition:opacity .52s var(--ease),transform .72s var(--snap),background .46s var(--ease)}.is-entered .stage-screen{opacity:1;transform:scale(1)}[data-palette=mint] .stage-screen{--stage-bg: var(--mint)}[data-palette=rose] .stage-screen{--stage-bg: var(--rose)}[data-palette=gold] .stage-screen{--stage-bg: var(--gold)}.crate-view,.grid-view{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .36s var(--ease),transform .48s var(--ease)}.crate-view{opacity:1;touch-action:none}[data-mode=grid] .crate-view{opacity:0;pointer-events:none;transform:translateY(24px)}.crate-stack{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;perspective:800px;perspective-origin:center 60%;transform-style:preserve-3d;will-change:transform}.crate-card{position:absolute;left:clamp(24px,5.6vw,80px);top:50%;width:calc(100% - (clamp(24px,5.6vw,80px)*2));aspect-ratio:1;overflow:hidden;border-radius:5px;background:#ffffff2e;box-shadow:0 18px 52px #1111111a;transform-origin:50% 0;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden;contain:paint}.crate-card img{width:100%;height:100%;object-fit:contain;border-radius:5px;transform:translateZ(0);transform-origin:center;will-change:transform}.is-entered .crate-card img{transform:translateZ(0)}.slot-4{z-index:1;top:25.8vh;width:min(46vw,640px);height:13vh;transform:translate(-50%);opacity:.45}.is-switching[data-motion=forward] .slot-4{animation:layer-back-forward .76s var(--snap) both}.is-switching[data-motion=backward] .slot-4{animation:layer-back-backward .76s var(--snap) both}.slot-3{z-index:2;top:31.5vh;width:min(66vw,960px);height:8.5vh;transform:translate(-50%)}.is-switching[data-motion=forward] .slot-3{animation:layer-three-forward .76s var(--snap) both}.is-switching[data-motion=backward] .slot-3{animation:layer-three-backward .76s var(--snap) both}.slot-2{z-index:3;top:39.2vh;width:min(80vw,1160px);height:10.8vh;transform:translate(-50%)}.is-switching[data-motion=forward] .slot-2{animation:layer-two-forward .76s var(--snap) both}.is-switching[data-motion=backward] .slot-2{animation:layer-two-backward .76s var(--snap) both}.slot-1{z-index:4;top:46.2vh;width:min(86vw,1280px);height:12.5vh;transform:translate(-50%)}.is-switching[data-motion=forward] .slot-1{animation:layer-one-forward .76s var(--snap) both}.is-switching[data-motion=backward] .slot-1{animation:layer-one-backward .76s var(--snap) both}.slot-0{z-index:5;top:50.6vh;width:min(89vw,1280px);height:min(54vh,610px);transform:translate(-50%)}.is-switching[data-motion=forward] .slot-0{animation:front-forward .76s var(--snap) both}.is-switching[data-motion=backward] .slot-0{animation:front-backward .76s var(--snap) both}.crate-caption{position:absolute;z-index:8;left:clamp(28px,7.6vw,110px);right:clamp(28px,7.6vw,110px);bottom:clamp(30px,3vw,46px);display:flex;justify-content:space-between;align-items:center;color:var(--caption-ink);font-weight:900;pointer-events:none;will-change:opacity,transform}.social-links{display:flex;align-items:center;gap:clamp(8px,.9vw,14px);pointer-events:auto}.social-button{width:clamp(38px,3vw,52px);height:clamp(38px,3vw,52px);display:inline-grid;place-items:center;padding:0;color:currentColor;border:2px solid color-mix(in srgb,currentColor 48%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);transition:transform .26s var(--snap),border-color .26s var(--ease),background .26s var(--ease)}.social-button:hover{transform:translateY(-3px);border-color:currentColor;background:color-mix(in srgb,currentColor 14%,transparent)}.social-icon{width:48%;height:48%;fill:currentColor}.social-icon-discord{width:56%;height:56%}.social-icon-qq{width:58%;height:58%}.crate-caption p,.crate-caption h2{margin:0}.caption-series,.crate-caption h2,.caption-count{font-size:clamp(20px,2.1vw,48px)}.crate-caption h2{align-self:center;text-align:left}.caption-count{text-align:center}.arrow-button{width:clamp(42px,4vw,58px);height:clamp(42px,4vw,58px);display:grid;place-items:center;color:inherit;pointer-events:auto;transition:transform .26s var(--snap),opacity .26s var(--ease)}.arrow-button:hover{transform:translate(5px)}.arrow-button svg{width:100%;height:100%}.arrow-button path,.close-notes path,.close-distributors path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.grid-view{opacity:0;pointer-events:none;overflow:auto;padding:24vh clamp(28px,5.6vw,80px) 12vh}[data-mode=grid] .grid-view{opacity:1;pointer-events:auto;transform:translateY(0)}.grid-board{width:min(100%,clamp(1180px,72vw,2200px));margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:clamp(14px,2vw,28px);align-items:start}.grid-card{position:relative;min-height:0;aspect-ratio:1;overflow:hidden;border-radius:5px;color:var(--white);background:#ffffff38;box-shadow:var(--shadow);border:0;padding:0;opacity:0;transform:translateY(28px) scale(.96);will-change:transform,opacity}[data-mode=grid] .grid-card{animation:grid-card-in .72s var(--snap) both;animation-delay:calc(var(--i, 0) * 70ms)}.grid-card:nth-child(2n){margin-top:12vh}.grid-card img{width:100%;height:100%;object-fit:contain;border-radius:5px;transition:transform .52s var(--ease)}.grid-card:hover img{transform:scale(1.035)}.notes-panel,.distributors-panel{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(28px,6vw,80px);color:var(--white);background:#111111b8;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .42s var(--ease),transform .62s var(--snap),backdrop-filter .42s var(--ease);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.is-notes .notes-panel,.is-distributors .distributors-panel{opacity:1;pointer-events:auto;transform:translateY(0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.close-notes,.close-distributors{position:fixed;z-index:32;top:clamp(28px,5vw,64px);right:clamp(28px,5vw,64px);width:36px;height:36px;display:grid;place-items:center;color:var(--white)}.close-notes svg,.close-distributors svg{width:28px;height:28px}.notes-inner,.distributors-inner{width:min(880px,100%);transform:translateY(22px) scale(.985);transition:transform .62s var(--snap),opacity .42s var(--ease);opacity:0}.is-notes .notes-inner,.is-distributors .distributors-inner{transform:translateY(0) scale(1);opacity:1}.notes-kicker,.notes-inner h2,.notes-inner p{margin:0}.notes-kicker{margin-bottom:20px;font-size:clamp(20px,2vw,28px);font-weight:900}.notes-inner h2{margin-bottom:24px;font-size:clamp(42px,7vw,92px);line-height:.9}.notes-inner p{max-width:640px;font-size:clamp(18px,2.1vw,28px);font-weight:900}.about-copy{max-width:760px;text-transform:none}.about-copy p{max-width:none;margin:0;font-size:clamp(15px,1.35vw,20px);font-weight:700;line-height:1.28}.about-copy p+p{margin-top:1em}.distributors-inner{width:min(1180px,100%);max-height:min(760px,calc(100svh - clamp(74px,12vw,150px)));overflow:auto;scrollbar-width:none}.distributors-inner::-webkit-scrollbar{display:none}.distributors-heading{display:grid;gap:18px;margin-bottom:clamp(28px,5vw,58px)}.distributors-heading h2,.distributors-heading p{margin:0}.distributors-heading h2{max-width:9ch;font-size:clamp(50px,8vw,126px);line-height:.82}.distributors-heading>p:last-child{max-width:620px;text-transform:none;font-size:clamp(15px,1.45vw,21px);font-weight:800;line-height:1.24;opacity:.78}.distributors-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}.distributor-card{min-height:clamp(190px,18vw,244px);display:grid;align-content:space-between;gap:18px;padding:clamp(16px,2vw,24px);color:var(--white);border:2px solid rgba(255,255,255,.26);background:#ffffff0f;box-shadow:0 22px 64px #0000002e;transition:transform .36s var(--snap),border-color .26s var(--ease),background .26s var(--ease)}.distributor-card:hover{transform:translateY(-6px);border-color:#ffffffb8;background:#ffffff1f}.distributor-logo{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#ffffffe6}.distributor-logo img{width:100%;height:100%;object-fit:cover;transition:transform .36s var(--snap)}.distributor-card:hover .distributor-logo img{transform:scale(1.04)}.distributor-meta{display:grid;gap:7px;min-width:0}.distributor-meta strong{font-size:clamp(16px,1.25vw,22px);line-height:.98;overflow-wrap:normal}.distributor-meta small{color:#ffffff9e;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.notes-list{margin:clamp(36px,5vw,64px) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.notes-list div{min-width:0;padding-top:14px;border-top:2px solid rgba(255,255,255,.5)}.notes-list dt,.notes-list dd{margin:0}.notes-list dt{margin-bottom:10px;font-size:14px;font-weight:900}.notes-list dd{font-size:13px;font-weight:700;line-height:1.25;text-transform:none}@media(max-width:900px){.site-nav{grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;gap:12px 18px;padding:24px 22px}.brand-link{justify-self:start}.mode-switch{grid-column:1 / -1;grid-row:2;justify-self:center}.nav-actions{grid-column:2;grid-row:1;justify-self:end}.nav-actions{gap:14px}.slot-4{top:33vh;width:50vw;height:8vh}.slot-3{top:37vh;width:68vw;height:6vh}.slot-2{top:42vh;width:78vw;height:7vh}.slot-1{top:48vh;width:84vw;height:8vh}.slot-0{top:53vh;width:88vw;height:42vh}.crate-caption{left:24px;right:24px;bottom:72px}.social-links{gap:8px}.social-button{width:36px;height:36px}.caption-count{display:none}.grid-view{padding:28vh 24px 13vh}.grid-board{grid-template-columns:repeat(2,minmax(120px,1fr));gap:18px}.grid-card:nth-child(2n){margin-top:8vh}.notes-list{grid-template-columns:1fr}.distributors-panel{align-items:start;padding:96px 22px 34px}.distributors-inner{max-height:calc(100svh - 130px)}.distributors-heading{gap:12px;margin-bottom:26px}.distributors-heading h2{max-width:100%;font-size:clamp(38px,10.8vw,62px);line-height:.86}.distributors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.distributor-card{min-height:178px;padding:14px}.distributor-meta small{font-size:12px}}@keyframes front-forward{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:brightness(1)}38%{opacity:.72;transform:translate(-50%) translateY(15vh) scale(1.05);filter:brightness(1.08)}39%{opacity:.28}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:brightness(1)}}@keyframes front-backward{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:brightness(1)}38%{opacity:.7;transform:translate(-50%) translateY(-11vh) scale(.94);filter:brightness(1.08)}39%{opacity:.28}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:brightness(1)}}@keyframes layer-one-forward{0%{transform:translate(-50%) translateY(0) scale(1)}48%{transform:translate(-50%) translateY(5.8vh) scale(1.035)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes layer-one-backward{0%{transform:translate(-50%) translateY(0) scale(1)}48%{transform:translate(-50%) translateY(-4.8vh) scale(.975)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes layer-two-forward{0%{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(4.2vh) scale(1.025)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes layer-two-backward{0%{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-3.8vh) scale(.985)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes layer-three-forward{0%{transform:translate(-50%) translateY(0) scale(1)}52%{transform:translate(-50%) translateY(2.9vh) scale(1.018)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes layer-three-backward{0%{transform:translate(-50%) translateY(0) scale(1)}52%{transform:translate(-50%) translateY(-2.9vh) scale(.99)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes layer-back-forward{0%{opacity:.45;transform:translate(-50%) translateY(0) scale(1)}52%{opacity:.72;transform:translate(-50%) translateY(2vh) scale(1.012)}to{opacity:.45;transform:translate(-50%) translateY(0) scale(1)}}@keyframes layer-back-backward{0%{opacity:.45;transform:translate(-50%) translateY(0) scale(1)}52%{opacity:.62;transform:translate(-50%) translateY(-2vh) scale(.99)}to{opacity:.45;transform:translate(-50%) translateY(0) scale(1)}}@keyframes caption-flip{0%{opacity:1;transform:translateY(0)}34%{opacity:0;transform:translateY(18px)}50%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes grid-card-in{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.site-nav{font-size:11px}.nav-actions{gap:10px}.driver-link{max-width:none}.crate-caption{bottom:72px}.social-button{width:34px;height:34px;border-width:1.5px}.caption-series,.crate-caption h2{font-size:18px}.crate-caption h2{display:none}.distributors-panel{padding-left:18px;padding-right:18px}.distributors-grid{gap:12px}.distributor-card{min-height:160px;gap:12px;padding:12px}.distributor-meta strong{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.ootd-composer-top .ootd-topbar-actions{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/36/assets/jams-styles.css.map */