:root{--page-bg:#1b1f27}.gallery{width:100%;height:100vh;height:100dvh;min-height:320px;font-family:var(--font-body);background:#1b1f27;position:relative;overflow:hidden}.g-stage{perspective:1000px;perspective-origin:50% 44%;background:#1b1f27;width:1600px;height:900px;margin:-450px 0 0 -800px;position:absolute;top:50%;left:50%;overflow:hidden}.g-world{width:0;height:0;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.45,0,.2,1);position:absolute;top:450px;left:800px}.g-shade{background:#07090e;transition:opacity 1.1s cubic-bezier(.45,0,.2,1);position:absolute;top:0;bottom:0;left:0;right:0}.g-case{width:0;height:0;transform-style:preserve-3d;cursor:pointer;position:absolute;top:0;left:0}.g-vignette{pointer-events:none;background:radial-gradient(75% 70% at 50% 46%,#07090e00 60%,#07090e6b 100%);position:absolute;top:0;bottom:0;left:0;right:0}.g-focus{opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out);cursor:zoom-out;position:absolute;top:0;bottom:0;left:0;right:0}.is-open .g-focus{opacity:1;pointer-events:auto}.g-ctrl{transition:opacity .24s var(--ease-out)}.is-open .g-ctrl{opacity:0;pointer-events:none}.g-title{z-index:20;border:2px solid var(--slate-700);background:#fff;border-radius:4px;flex-direction:column;gap:4px;max-width:290px;padding:10px 18px 12px;display:flex;position:absolute;top:clamp(14px,2.4vh,24px);right:clamp(14px,2vw,28px);box-shadow:3px 3px #2a2f3a}.g-title h1{font:700 clamp(22px,2.2vw,30px)/1 var(--font-display);letter-spacing:var(--ls-display);color:var(--slate-900);margin:0}.g-title span{font:500 14px/1.35 var(--font-body);color:var(--slate-600)}.g-walk{z-index:20;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:clamp(16px,3.4vh,32px);left:50%;transform:translate(-50%)}.g-walk-btn{border:2px solid var(--slate-700);cursor:pointer;width:52px;height:52px;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background .12s var(--ease-out),opacity .12s var(--ease-out);border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:3px 3px #1b1f27}.g-walk-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1b1f27}.g-walk-btn:active{box-shadow:none;transform:translateY(1px)}.g-walk-btn:focus-visible{box-shadow:var(--focus-ring)}.g-walk-btn[aria-disabled=true]{opacity:.4}.g-walk-fwd{background:var(--blue-500);color:#fff}.g-walk-fwd:hover{background:var(--blue-600)}.g-walk-back{color:var(--slate-900);background:#fff}.g-panel{z-index:30;opacity:0;pointer-events:none;width:min(380px,40vw);max-height:calc(100vh - 24px);transition:opacity .36s var(--ease-out),transform .36s var(--ease-out);position:absolute;top:50%;right:clamp(16px,4vw,64px);overflow-y:auto;transform:translate(24px,-50%)}.is-open .g-panel{opacity:1;pointer-events:auto;transition-delay:.7s;transform:translateY(-50%)}.g-panel-card{border:2px solid var(--slate-700);background:#fff;border-radius:4px;flex-direction:column;gap:14px;padding:clamp(14px,2.2vh,22px);display:flex;box-shadow:4px 4px #1b1f27}.g-plaque{color:#fff;background:#39404f;border-radius:2px;flex-direction:column;gap:8px;padding:clamp(14px,2.2vh,20px) 20px;display:flex;box-shadow:inset 0 0 0 2px #4b5263}.g-plaque-num{font:700 11px/1 var(--font-display);letter-spacing:.14em;color:#01cbfe}.g-plaque h2{font:700 clamp(22px,3vh,28px)/1.1 var(--font-display);letter-spacing:var(--ls-heading);color:#fff;margin:0}.g-plaque p{font:500 15px/1.5 var(--font-body);color:#dcdfe6;text-wrap:pretty;margin:0}.g-plaque .g-plaque-origin{color:#c2c7d1;font-size:13px;line-height:1.45}.g-plaque-origin strong{color:#fff;font-weight:600}.g-plaque-price{border-top:1px solid #4b5263;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px;padding-top:10px;display:flex}.g-plaque-price span:first-child{font:700 11px/1 var(--font-display);letter-spacing:.14em;color:#9199a8}.g-plaque-price span:last-child{font:700 26px/1 var(--font-display);font-variant-numeric:tabular-nums;color:#fff}.g-shop[hidden],.g-soon[hidden],.g-colours[hidden]{display:none}.g-shop{flex-direction:column;gap:12px;display:flex}.g-colours-h{font:700 15px/1.3 var(--font-body);color:var(--slate-900);margin:0 0 8px}.g-colours-h span{color:var(--slate-600);font-weight:500}.g-swatches{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.g-swatch-opt{transition:border-color .12s var(--ease-out);background:#fff;border:1px solid #c2c7d1;border-radius:6px;padding:3px}.g-swatch-opt:hover{border-color:#687082}.g-swatch{border-radius:3px;width:32px;height:32px;display:block;box-shadow:inset 0 0 0 1px #1b1f272e}.g-note{font:500 13px/1.45 var(--font-body);color:var(--slate-600);margin:8px 0 0}.g-buy{flex-direction:column;gap:8px;display:flex}.g-etsy-btn{width:100%}.g-leave{text-align:center;font:500 12px/1.4 var(--font-body);color:var(--slate-600);margin:0}.g-soon{font:500 15px/1.5 var(--font-body);color:var(--slate-700);margin:0}.g-ask{font:500 14px/1.45 var(--font-body);color:var(--slate-700);background:#f2f4f7;border-radius:3px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;display:flex}.g-ask svg{color:var(--blue-600);flex:none;margin-top:2px}.g-ask a{color:var(--blue-600);font-weight:700}.g-photo{object-fit:contain;width:100%;height:100%;display:block}.is-narrow .g-title{top:calc(clamp(14px,2.4vh,24px) + 64px)}.is-narrow .g-panel{width:auto;max-height:52vh;top:auto;bottom:12px;left:12px;right:12px;transform:translateY(24px)}.is-narrow.is-open .g-panel{transform:none}