.bw{min-height:100svh;padding:calc(var(--header-height) + clamp(8px, 2vh, 24px)) 0 clamp(72px, 10vh, 110px);color:var(--color-espresso);background:radial-gradient(70% 60% at 18% 12%,#f1e4d4 0%,#0000 70%),radial-gradient(60% 70% at 92% 92%,#8f6a50 0%,#0000 70%),linear-gradient(160deg,#e5d3c0 0%,#cfb294 45%,#b6926f 100%);position:relative;overflow:clip}.bw-light{pointer-events:none;background:linear-gradient(115deg,#fff6ec66 0%,#0000 35% 70%,#3c23162e 100%);position:absolute;inset:0}.bw-leaves{color:#3a2418;opacity:.2;filter:blur(7px);mix-blend-mode:multiply;pointer-events:none;transform-origin:90% 100%;width:min(44vw,560px);height:auto;position:absolute;top:4vh;right:-6vw}@media (prefers-reduced-motion:no-preference){.bw-leaves{animation:11s ease-in-out infinite bw-sway}}@keyframes bw-sway{50%{transform:rotate(-2.5deg)translate(-8px)}}.bw-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 40px;width:min(1240px,100% - 2*clamp(16px,5vw,72px));margin:0 auto;display:flex;position:relative}.bw-title{letter-spacing:-.04em;margin:0;font-size:clamp(40px,5vw,80px);font-weight:600;line-height:1}.bw-lead{color:#4a2a1d;max-width:46ch;margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.55}.bw-wall-inner{width:min(1320px,100%);margin:clamp(12px,2.5vh,28px) auto 0;position:relative}.bw-defs{position:absolute}.bw-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow-x:clip}.bw-rail{z-index:5;pointer-events:none;position:absolute;left:clamp(8px,3vw,40px);right:clamp(8px,3vw,40px)}.bw-rail-shadow{filter:blur(5px);background:#28160e4d;border-radius:999px;height:12px;position:absolute;left:12px;right:12px}.bw-rail-bar{border-radius:999px;position:absolute;inset:0;box-shadow:0 1px #ffffff40}.bw-rail-shine{background:#ffffff73;border-radius:999px;height:1px;position:absolute;top:20%;left:8px;right:8px}.bw-bracket{border-radius:3px;width:14px;position:absolute;top:50%;translate:0 -50%;box-shadow:0 3px 6px #28160e4d}.bw-bag{cursor:pointer;border-radius:10px;outline:none;position:absolute;left:0}.bw-bag:focus-visible{outline:2px solid var(--color-espresso);outline-offset:6px}.bw-fill{display:block;position:absolute;inset:0}.bw-noclick{pointer-events:none}.bw-fill .bag-art{width:100%;height:100%;display:block;position:absolute;inset:0}.bw-shadow-near{background:#28140c52}.bw-shadow-far{opacity:0;background:#28140c42}.bw-glint-clip{overflow:hidden}.bw-glint{opacity:0;background:linear-gradient(90deg,#0000,#ffecd666 50%,#0000);width:70%;position:absolute;top:0;bottom:0;left:0}.bw-hook{pointer-events:none;position:absolute;overflow:visible}.bw-tag{transform-origin:top;pointer-events:none;position:absolute}.bw-tag-string{background:#2a130e73;width:1px;height:14px;display:block}.bw-tag-card{color:var(--color-espresso);white-space:nowrap;font-variant-numeric:tabular-nums;background:#fbf3e8;border-radius:3px;margin-left:-8px;padding:9px 7px 5px;font-size:11px;font-weight:600;line-height:1;display:block;position:relative;box-shadow:0 3px 8px #28140c47}.bw-tag-card:before{content:"";background:#2a130e59;border-radius:50%;width:3px;height:3px;margin-left:-1.5px;position:absolute;top:3px;left:8px}.bw-open{background:var(--color-espresso);color:var(--color-cream);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:600;line-height:1;transition:opacity .2s ease-out;position:absolute;left:50%;translate:-50%}.bw-bag[data-front] .bw-open{opacity:1}.bw-dots{justify-content:center;gap:6px;display:flex}.bw-dot{background:#2a130e4d;border-radius:999px;width:6px;height:6px;transition:width .3s ease-out,background-color .3s ease-out}.bw-dot[aria-current=true]{background:var(--color-espresso);width:22px}.bw-caption{text-align:center;min-height:3.2rem;margin-top:4px}.bw-caption-name{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.bw-caption-sub{color:#4a2a1d;margin:4px 0 0;font-size:14px}.bw-shelf-row{justify-content:center;align-items:flex-end;gap:clamp(20px,5vw,72px);width:min(900px,100% - 32px);margin:clamp(18px,3vh,32px) auto 0;padding:0 clamp(16px,4vw,48px);display:flex;position:relative}.bw-shelf{z-index:0;background:linear-gradient(#d9bf9d 0%,#c2a07b 18%,#9c7653 55%,#7a5a3f 100%);border-radius:3px;height:22px;position:absolute;bottom:-22px;left:0;right:0;box-shadow:inset 0 1px #fff5e699,0 18px 26px -10px #28160e73}.bw-box{z-index:1;cursor:pointer;outline:none;flex-direction:column;align-items:center;gap:34px;width:clamp(150px,16vw,230px);display:flex;position:relative}.bw-box-art{aspect-ratio:360/250;filter:drop-shadow(10px 14px 14px #28160e59);transform-origin:50% 100%;width:100%;transition:transform .6s var(--ease-pour), filter .6s var(--ease-pour);display:block;position:relative;overflow:hidden}.bw-box-art .bag-art{width:100%;height:100%;display:block}.bw-box:is(:hover,:focus-visible) .bw-box-art{filter:drop-shadow(14px 26px 20px #28160e66);transform:translateY(-10px)rotate(-1.5deg)scale(1.03)}.bw-glint-box{transition:transform .9s var(--ease-pour);background:linear-gradient(100deg,#0000 30%,#ffecd659 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.bw-box:is(:hover,:focus-visible) .bw-glint-box{transform:translate(120%)}.bw-box:focus-visible .bw-box-art{outline:2px solid var(--color-espresso);outline-offset:6px}.bw-box-label{letter-spacing:-.01em;white-space:nowrap;font-size:14px;font-weight:600;position:absolute;bottom:-54px}.bag-name{font-family:var(--font-sans);letter-spacing:-.02em;font-size:34px;font-weight:600}.bag-name-sm{font-family:var(--font-sans);letter-spacing:-.01em;font-size:22px;font-weight:600}.bag-small{font-family:var(--font-sans);font-size:12px;font-weight:400}.bag-tiny{font-family:var(--font-sans);font-size:10px;font-weight:500}.bd{z-index:60;padding:calc(var(--header-height) + 8px) clamp(16px, 5vw, 64px) 32px;color:#fbf3ea;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.bd-scrim{opacity:0;background:radial-gradient(50% 60% at 28%,#78462d59 0%,#0000 70%),radial-gradient(40% 50% at 80% 45%,#5a321e40 0%,#0000 70%),#120806;transition:opacity .35s ease-out;position:absolute;inset:0}.bd[data-shown] .bd-scrim{opacity:.97}.bd-close{z-index:2;top:calc(var(--header-height) + 4px);width:60px;height:60px;color:var(--color-espresso);opacity:0;transition:opacity .3s ease-out, transform .6s var(--ease-pour);background:#fffdfa;border-radius:50%;place-items:center;display:grid;position:fixed;right:clamp(16px,4vw,48px);box-shadow:0 0 0 3px #c8865d}.bd-close:after{content:"";border:1.5px dashed #2a130e8c;border-radius:50%;position:absolute;inset:6px}.bd[data-shown] .bd-close{opacity:1}.bd-close:hover{transform:rotate(90deg)}.bd-close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:22px;height:22px}.bd-grid{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,88px);width:min(1100px,100%);display:grid;position:relative}.bd-figure{transform-origin:top;height:min(66svh,600px);position:relative}.bd-grid[data-box] .bd-figure{width:min(42vw,520px);height:auto}.bd-figure-shadow{filter:blur(18px);background:#0009;border-radius:50%;height:8%;position:absolute;bottom:-4%;left:8%;right:8%}.bd-turn{perspective:1200px;cursor:grab;touch-action:pan-y;position:absolute;inset:0}.bd-turn:active{cursor:grabbing}.bd-spin{transform-style:preserve-3d;position:absolute;inset:0}.bd-face{backface-visibility:hidden;position:absolute;inset:0}.bd-face .bag-art{width:100%;height:100%;display:block}.bd-face-back{transform:rotateY(180deg)}.bd-info{opacity:0;min-width:0;transition:opacity .5s ease-out .15s, transform .6s var(--ease-pour) .15s;flex-direction:column;gap:16px;display:flex;transform:translateY(10px)}.bd[data-shown] .bd-info{opacity:1;transform:none}.bd-cap{font-family:var(--font-mono);letter-spacing:.14em;color:#fbf3eabf;margin:0;font-size:12px}.bd-name{letter-spacing:-.035em;margin:0;font-size:clamp(36px,4vw,60px);font-weight:600;line-height:1}.bd-price-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bd-price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(26px,2.4vw,34px);font-weight:600}.bd-chip{border:1px solid #fbf3ea4d;border-radius:10px;padding:7px 12px;font-size:14px}.bd-desc{color:#fbf3eae0;max-width:48ch;margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.55}.bd-notes{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bd-notes li{border:1px solid #fbf3ea3d;border-radius:999px;padding:9px 16px;font-size:15px}.bd-seg{background:#fbf3ea0a;border:1px solid #fbf3ea33;border-radius:999px;flex-wrap:wrap;align-self:flex-start;gap:2px;padding:4px;display:inline-flex}.bd-seg button{color:#fbf3ead1;border-radius:999px;min-height:40px;padding:0 16px;font-size:15px;transition:background-color .25s ease-out,color .25s ease-out}.bd-seg button:hover{color:#fbf3ea}.bd-seg button[aria-pressed=true]{color:#1e0f0c;background:#c8865d;font-weight:600}.bd-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.bd-sides button{min-height:36px;font-size:13px}@media (max-width:809px){.bw-box-label{font-size:12px}.bd{place-items:start center}.bd-grid{grid-template-columns:1fr;justify-items:center;gap:24px}.bd-figure{height:42svh}.bd-grid[data-box] .bd-figure{width:80vw}.bd-info{width:100%}}
