.float-shelf{width:100%;padding:36px 0 10px}.float-title{font-family:var(--font-serif);letter-spacing:-.015em;text-align:center;color:var(--color-ink);font-variant-numeric:lining-nums;margin:0 0 12px;font-size:clamp(34px,5vw,52px);font-weight:500;line-height:.98}.float-row{perspective:1200px;justify-content:center;align-items:flex-end;gap:clamp(8px,3vw,36px);display:flex}.float-card{cursor:pointer;width:100%;max-width:280px;text-align:inherit;font:inherit;color:inherit;isolation:isolate;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;padding:0;text-decoration:none;transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .42s;display:flex;position:relative}.float-card[data-featured=yes]{z-index:2;flex:1.18 1 0;max-width:320px}.float-card[data-quiet=yes]{opacity:.62;transform:scale(.96)}.float-bob{width:100%;animation:float-bob 5.2s cubic-bezier(.45, 0, .55, 1) var(--bob-delay,0s) infinite;display:block}.float-stage{transform-origin:50% 88%;width:100%;transform:translate3d(0, 0, 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .42s cubic-bezier(.22,1,.36,1);display:block;position:relative;container-type:inline-size}.float-photo{filter:drop-shadow(0 2px 1px #3a271214);width:100%;height:auto;display:block}.float-card[data-pack=bag] .float-photo{filter:drop-shadow(0 10px 18px #3a271233)}.float-shine{pointer-events:none;background:radial-gradient(120px 180px at var(--shine-x,50%) var(--shine-y,28%), #ffffff38, transparent 58%);mix-blend-mode:screen;opacity:0;border-radius:40%/28%;transition:opacity .28s;position:absolute;inset:6% 18% 12%}.float-glow{pointer-events:none;opacity:0;filter:blur(18px);z-index:-1;background:radial-gradient(at 50% 70%,#c9a06a47,#0000 68%);border-radius:40%;transition:opacity .42s;position:absolute;inset:18% 12% 8%}.float-card:nth-child(2) .float-glow{background:radial-gradient(at 50% 70%,#b87a3a4d,#0000 68%)}.float-card:nth-child(3) .float-glow{background:radial-gradient(at 50% 70%,#5b3d1e47,#0000 68%)}.float-shadow{filter:blur(3px);width:58%;height:22px;animation:float-shadow 5.2s cubic-bezier(.45, 0, .55, 1) var(--bob-delay,0s) infinite;background:radial-gradient(#3a271261 0%,#3a271224 42%,#0000 72%);border-radius:50%;margin-top:-6px;transition:transform .52s cubic-bezier(.22,1,.36,1),filter .52s,opacity .52s;display:block;transform:scale(1)}.float-mark{z-index:2;box-sizing:border-box;outline-offset:-6px;pointer-events:none;background:#fbf8f1;border-radius:50%;outline:1.5px solid #6b7a4a;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:44cqi;height:44cqi;padding:10cqi;display:flex;position:absolute;top:48%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-1.5deg);box-shadow:inset 0 1px #ffffffb3,0 10px 18px #3a271238}.float-mark-logo{width:46%;height:auto;display:block}.float-card[data-mark=logo] .float-mark{width:38cqi;height:38cqi;padding:8cqi}.float-card[data-mark=logo] .float-mark-logo{width:78%}.float-card[data-pack=bag] .float-mark{top:42%}.pack-pair{background:#efe6d4;justify-content:center;align-items:flex-end;gap:2px;padding:10px 8px 4px;display:flex}.pack-pair .float-card{flex:1 1 0;min-width:0;max-width:none}.pack-pair .float-card[data-pack=bag]{flex:1.15 1 0}.pack-pair .float-card:hover .float-stage,.pack-pair .float-card:focus-visible .float-stage{transform:translate3d(0, -8px, 12px) scale(1.02) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.float-mark-name{font-family:var(--font-display);letter-spacing:.06em;text-align:center;text-transform:uppercase;text-wrap:balance;color:#3a2712;font-size:clamp(8px,1.05vw,11px);font-weight:600;line-height:1.12}.float-card:hover .float-bob,.float-card:focus-visible .float-bob{animation-play-state:paused}.float-card:hover .float-stage,.float-card:focus-visible .float-stage{transform:translate3d(0, -22px, 40px) scale(1.045) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.float-card:hover .float-shine,.float-card:focus-visible .float-shine,.float-card:hover .float-glow,.float-card:focus-visible .float-glow{opacity:1}.float-card:hover .float-shadow,.float-card:focus-visible .float-shadow{filter:blur(8px);opacity:.72;animation-play-state:paused;transform:scale(1.28,.78)translateY(10px)}.float-card[data-tone=brown] .float-shadow{background:radial-gradient(#0000008c 0%,#00000038 42%,#0000 72%)}.float-card[data-sold-out=yes] .float-photo{filter:grayscale(.35)drop-shadow(0 2px 1px #3a271214)}@keyframes float-bob{0%,to{translate:0}50%{translate:0 -10px}}@keyframes float-shadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.78;transform:scale(.86,.78)}}@media (max-width:640px){.float-row{gap:4px}.float-mark{width:48cqi;height:48cqi;padding:10cqi}.float-mark-name{font-size:8px}}@media (prefers-reduced-motion:reduce){.float-bob,.float-shadow{animation:none}.float-card,.float-stage,.float-shadow,.float-shine,.float-glow,.float-mark{transition:none}.float-card:hover .float-stage,.float-card:focus-visible .float-stage,.float-card:hover .float-shadow,.float-card:focus-visible .float-shadow{transform:none}}
