.shop-scene{position:relative;background:var(--color-sand)}.scene-stage{position:relative;height:100svh;overflow:hidden}.scene-canvas{position:absolute;left:0;will-change:transform}.scene-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;opacity:0}.scene-frame.is-base{opacity:1}.scene--hover .scene-frame{transition:opacity .7s var(--ease-out-quad)}.scene-spot{position:absolute;left:var(--sx);top:var(--sy);width:44px;height:44px;margin:-22px 0 0 -22px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;border-radius:50%}.spot-dot{width:7px;height:7px;border-radius:50%;background:var(--color-cream);box-shadow:0 0 0 1px #2321204d,0 1px 8px #17151247;opacity:.72;transition:transform .3s var(--ease-out-quad),opacity .3s var(--ease-out-quad);animation:spot-breathe 3.8s ease-in-out infinite}.scene-spot:nth-child(2) .spot-dot{animation-delay:1.25s}.scene-spot:nth-child(3) .spot-dot{animation-delay:2.5s}@keyframes spot-breathe{50%{transform:scale(1.45);opacity:.95}}.scene-spot:hover .spot-dot,.scene-spot:focus-visible .spot-dot,.scene-spot.is-hot .spot-dot{opacity:1;transform:scale(1.6);animation:none}.shop-scene[data-state] .scene-spot:not(.is-hot) .spot-dot{opacity:.3;animation-play-state:paused}.scene-spot:focus-visible{outline:2px solid var(--color-cream);outline-offset:4px}@media(prefers-reduced-motion:reduce){.spot-dot{animation:none}}.scene-card{position:absolute;left:var(--sx);top:var(--sy);z-index:3;min-width:13.5rem;padding:1.125rem 1.25rem 1.0625rem;border-radius:var(--radius-card);background:#faf8f4eb;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border:var(--border-hairline) solid rgba(35,33,32,.08);opacity:0;visibility:hidden;transform:translate(-50%,calc(-100% - 2.25rem)) translateY(6px);transition:opacity .35s var(--ease-out-cubic),transform .35s var(--ease-out-cubic),visibility .35s}.scene-card.is-on{opacity:1;visibility:visible;transform:translate(-50%,calc(-100% - 2.25rem))}.scene-card-name{font-family:var(--font-display);font-weight:var(--fw-lead);font-size:1.1875rem;line-height:1.25;color:var(--color-black)}.scene-card-price{font-weight:var(--fw-strong);font-size:var(--text-price-size);color:var(--color-black);margin-top:.25rem}.scene-card-actions{display:flex;align-items:center;gap:var(--space-100);margin-top:.875rem}.scene-card-link{font-size:.8125rem;color:var(--color-charcoal);text-underline-offset:3px;white-space:nowrap}.scene-card-link:hover{color:var(--color-indigo)}.scene-copy{position:absolute;left:0;right:0;top:0;z-index:4;padding:calc(var(--nav-height) + clamp(2rem,6vh,4rem)) var(--container-pad) 0;max-width:var(--container-max);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-100);align-items:center;text-align:center;pointer-events:none;transition:opacity .5s var(--ease-out-quad)}.scene-copy .label{color:var(--color-charcoal)}.scene-copy .hero-title{color:var(--color-black);max-width:12ch}.scene-copy .lead{color:var(--color-black)}.shop-scene[data-state] .scene-copy{opacity:0}.scene-hint-touch,.scene-hint-scroll{display:none}.scene--hover .scene-hint-touch,.scene--journey .scene-hint-scroll{display:inline}.scene--journey{height:430vh}.scene--journey .scene-canvas{transform-origin:0 0}.scene-frame-tall{display:none}.scene--journey .scene-frame-tall{display:block;position:absolute;left:0;object-fit:fill}.scene--journey .scene-stage{position:sticky;top:0;height:100svh}.scene--journey .scene-frame{transition:none}.scene--journey .scene-spots{display:none}.scene--journey .scene-card{position:absolute;left:50%;right:auto;top:auto;bottom:max(4.5svh,env(safe-area-inset-bottom));transform:translate(-50%) translateY(8px);width:min(88vw,22rem);transition:opacity .3s var(--ease-out-quad),transform .3s var(--ease-out-quad),visibility .3s}.scene--journey .scene-card.is-on{transform:translate(-50%)}.scene--touch .scene-stage{touch-action:pan-y;cursor:grab}.scene--touch .scene-frame{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.scene--touch .scene-frame{transition:opacity .6s var(--ease-out-quad)}.scene--touch .scene-hint-touch{display:inline}.scene--touch .scene-card{position:absolute;left:50%;right:auto;top:auto;bottom:max(4.5svh,env(safe-area-inset-bottom));transform:translate(-50%) translateY(8px);width:min(88vw,22rem);transition:opacity .3s var(--ease-out-quad),transform .3s var(--ease-out-quad),visibility .3s}.scene--touch .scene-card.is-on{transform:translate(-50%)}.shop-ledger{padding:var(--space-band) 0}.shop-ledger .section-head{margin-bottom:var(--space-300)}.ledger{border-top:var(--border-hairline) solid var(--color-light-gray)}.ledger-row{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr) 8rem 4.5rem auto;gap:var(--space-150);align-items:center;padding:var(--space-150) 0;border-bottom:var(--border-hairline) solid var(--color-light-gray)}.ledger-name{display:flex;flex-direction:column;gap:.25rem}.ledger-name a,.ledger-name>span:first-child{font-family:var(--font-display);font-weight:var(--fw-lead);font-size:1.25rem;color:var(--color-black);text-decoration:none}.ledger-name a:hover{color:var(--color-indigo)}.ledger-name .fine,.ledger-when,.ledger-size{color:var(--color-dust)}.ledger-price{font-weight:var(--fw-strong);color:var(--color-black);text-align:right}.ledger-act{display:flex;justify-content:flex-end}.ledger-row--all .ledger-name>span:first-child{font-weight:var(--fw-ui)}@media(max-width:949px){.ledger-row{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr) auto;grid-template-areas:"name when price" "name when act";row-gap:var(--space-75)}.ledger-name{grid-area:name}.ledger-when{grid-area:when}.ledger-size{display:none}.ledger-price{grid-area:price}.ledger-act{grid-area:act}}@media(max-width:749px){.ledger-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "when when" "act act"}.ledger-act{justify-content:flex-start}}.shop-guarantee{padding:var(--space-band) 0;text-align:center}.shop-guarantee .container{display:flex;flex-direction:column;align-items:center;gap:var(--space-150)}.shop-guarantee .block-title{color:var(--color-black)}.shop-guarantee p{font-size:.9375rem;line-height:1.6;color:var(--color-charcoal);max-width:36rem}.shop-guarantee .fine{color:var(--color-dust)}.scroll-cue--scene{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:.65rem;z-index:6;cursor:pointer;padding:.9rem 1.4rem .75rem;border-radius:999px;background:#faf8f499;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 18px #23212014;transition:opacity .5s var(--ease-out-cubic),background .3s var(--ease-out-cubic)}.scroll-cue--scene:hover{background:#faf8f4cc}.scene--hover .scroll-cue--scene{display:flex}.scene--journey .scroll-cue--scene{display:flex;bottom:calc(1.6rem + env(safe-area-inset-bottom,0px))}.scroll-cue--scene.is-done{opacity:0;pointer-events:none}.scroll-cue--scene .scroll-cue-label{font-family:var(--font-alt);font-size:var(--text-fine-size, .78rem);letter-spacing:.2em;text-transform:uppercase;color:var(--color-black)}.scroll-cue--scene .scroll-cue-line{position:relative;width:2px;height:40px;background:#23212038;overflow:hidden;border-radius:1px}.scroll-cue--scene .scroll-cue-line i{position:absolute;left:0;top:0;width:100%;height:12px;background:var(--color-indigo);animation:cue-drip-scene 1.8s var(--ease-out-cubic) infinite}@keyframes cue-drip-scene{0%{transform:translateY(-13px)}to{transform:translateY(41px)}}@media(prefers-reduced-motion:reduce){.scroll-cue--scene .scroll-cue-line i{animation:none;top:auto;bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/shop.css.map */