.float-shelf{width:100%;padding:36px 0 10px}.float-title{z-index:3;font-family:var(--font-serif);letter-spacing:-.015em;text-align:center;color:var(--color-ink);font-variant-numeric:lining-nums;margin:0 0 clamp(52px,7vw,76px);font-size:clamp(34px,5vw,52px);font-weight:500;line-height:.98;position:relative}.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-linked=no]{cursor:default}.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-pack-slot,.float-pack{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.float-card[data-size] .float-pack-slot{aspect-ratio:720/790;position:relative}.float-card[data-size] .float-pack{width:calc(100% * var(--pack-scale,1));position:absolute;bottom:10.1266%}.float-card[data-size] .float-stage{aspect-ratio:720/710}.float-card[data-size] .float-photo{filter:drop-shadow(0 8px 12px #3a271229);position:absolute;top:-28.47cqi;left:0}.float-card[data-size] .float-shadow{aspect-ratio:6;flex:none;height:auto;margin-top:0;position:absolute;top:100%}.float-caption{color:var(--color-brown);font-family:var(--font-display);letter-spacing:.08em;text-align:center;text-transform:uppercase;min-height:2.6em;margin-top:10px;font-size:clamp(11px,1.3vw,14px);font-weight:600;line-height:1.3}.float-placeholder{min-height:180px;color:var(--color-brown);font-family:var(--font-serif);text-align:center;place-items:center;padding:24px;display:grid}.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-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:1cqi;width:51cqi;height:51cqi;padding:4cqi;display:flex;position:absolute;top:49%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffffb3,0 10px 18px #3a271238}.float-mark-logo{flex:none;width:22%;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%}.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{width:100%;font-family:var(--font-display);letter-spacing:.025em;text-align:center;text-transform:uppercase;text-wrap:balance;color:#3a2712;flex:none;font-size:clamp(8px,.7vw,10px);font-weight:600;line-height:1.06;display:block}.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, -14px, 24px) scale(1.035) 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-shelf{scroll-snap-type:x proximity;padding-bottom:18px;overflow-x:auto}.float-row{justify-content:flex-start;gap:8px;width:max-content}.float-row .float-card{scroll-snap-align:center;flex:0 0 39vw;width:39vw;max-width:176px}.float-row .float-card[data-featured=yes]{flex-basis:43vw;width:43vw;max-width:194px}.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}}
