.frp-str{--frp-fg: rgb(var(--color-foreground, 44, 44, 44));--frp-fg-muted: rgba(var(--color-foreground, 44, 44, 44), .68);--frp-line: rgba(var(--color-foreground, 44, 44, 44), .14);--frp-heading-font: var(--font-heading-family, "Playfair Display", serif);--frp-heading-weight: var(--font-heading-weight, 400);--frp-body-font: var(--font-body-family, "DM Sans", sans-serif);--frp-ease: cubic-bezier(.22, .61, .36, 1);--frp-ease-out: cubic-bezier(.16, 1, .3, 1);--frp-gutter: clamp(16px, 3.2vw, 50px);--frp-card-w: min(430px, 31vw, calc((100dvh - 300px)*.8) );--frp-card-gap: clamp(64px, 7vw, 128px);--frp-dialog-ink: var(--tm-ink, #2c2c2c);display:block;padding-top:var(--frp-pt);padding-bottom:var(--frp-pb);color:var(--frp-fg);font-family:var(--frp-body-font)}.frp-str *,.frp-str *:before,.frp-str *:after{box-sizing:border-box}.frp-str__inner{width:100%;max-width:calc(var(--frp-max-w) + var(--frp-gutter) * 2);margin-inline:auto;padding-inline:var(--frp-gutter)}.frp-str__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:16px 48px;margin-bottom:var(--frp-gap)}.frp-str__eyebrow{margin:0 0 10px;color:var(--frp-fg-muted);font-size:11px;font-weight:500;letter-spacing:.22em;line-height:1.4;text-transform:uppercase}.frp-str__heading{margin:0;color:var(--frp-fg);font-family:var(--frp-heading-font);font-weight:var(--frp-heading-weight);font-size:clamp(30px,3.1vw,46px);letter-spacing:-.015em;line-height:1.08}.frp-str__intro{justify-self:end;max-width:440px}.frp-str__description{margin:0;color:var(--frp-fg-muted);font-size:15px;line-height:1.65}.frp-str__instruction{display:flex;align-items:center;gap:10px;margin:14px 0 0;color:var(--frp-fg);font-size:12px;letter-spacing:.06em;line-height:1.4}.frp-str__instruction-dot{position:relative;width:18px;height:18px;flex:none;border:1px solid var(--frp-line);border-radius:50%;background:var(--tm-bg, #faf8f5);box-shadow:0 1px 4px #2c2c2c1f}.frp-str__instruction-dot:before,.frp-str__instruction-dot:after{position:absolute;top:50%;left:50%;width:7px;height:1px;background:var(--frp-fg);content:"";transform:translate(-50%,-50%)}.frp-str__instruction-dot:after{transform:translate(-50%,-50%) rotate(90deg)}.frp-str__editor-notes{margin:0 0 16px;padding:12px 16px;border:1px dashed var(--tm-control-border);border-radius:4px;background:var(--tm-surface-alt);color:var(--tm-ink);font-size:13px;line-height:1.5}.frp-str__editor-notes p{margin:0 0 6px;font-weight:600}.frp-str__editor-notes ul{margin:0;padding-left:18px}.frp-str__stage,.frp-str__scroller{position:relative}.frp-str__canvas{position:relative;width:100%;aspect-ratio:var(--frp-ar);overflow:hidden;background:#ece6dc}.frp-str__canvas picture,.frp-str__room{display:block;width:100%;height:100%}.frp-str__room{object-fit:fill}.frp-str__room--placeholder{object-fit:cover;fill:rgba(var(--color-foreground, 44, 44, 44),.35)}.frp-str__hotspot{position:absolute;z-index:1;top:var(--y);left:var(--x);width:34px;height:34px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--tm-ink);cursor:pointer;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}.frp-str__hotspot:before{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;content:""}.frp-str__hotspot-dot{display:grid;width:100%;height:100%;place-items:center;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:#faf8f5f5;box-shadow:0 2px 10px #2c2c2c33,0 0 0 4px #ffffff38;transition:transform .26s var(--frp-ease),box-shadow .26s var(--frp-ease),background-color .26s var(--frp-ease)}.frp-str__hotspot-dot svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;transition:transform .26s var(--frp-ease)}.frp-str__hotspot:hover .frp-str__hotspot-dot{box-shadow:0 4px 16px #2c2c2c42,0 0 0 6px #ffffff4d;transform:scale(1.06)}.frp-str__hotspot:hover .frp-str__hotspot-dot svg{transform:rotate(90deg)}.frp-str__hotspot:focus,.frp-str__hotspot:focus-visible{outline:none;box-shadow:none}.frp-str__hotspot:focus-visible .frp-str__hotspot-dot{box-shadow:0 0 0 3px var(--tm-bg),0 0 0 5px var(--tm-ink)}.frp-str__hotspot-label{position:absolute;top:50%;left:calc(100% + 10px);padding:7px 11px;border-radius:2px;background:#faf8f5f5;box-shadow:0 2px 10px #2c2c2c29;color:var(--tm-ink);font-family:var(--frp-body-font);font-size:12px;letter-spacing:.02em;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-4px,-50%);transition:opacity .2s var(--frp-ease),transform .2s var(--frp-ease);visibility:hidden}.frp-str__hotspot--label-left .frp-str__hotspot-label{right:calc(100% + 10px);left:auto;transform:translate(4px,-50%)}@media(hover:hover)and (pointer:fine){.frp-str--labels .frp-str__hotspot:hover .frp-str__hotspot-label,.frp-str--labels .frp-str__hotspot:focus-visible .frp-str__hotspot-label{opacity:1;transform:translateY(-50%);visibility:visible}}.frp-str__hotspot.is-recent .frp-str__hotspot-dot{animation:frp-str-recent 1.6s var(--frp-ease-out) 1}.frp-str__hotspot.is-selected .frp-str__hotspot-dot{box-shadow:0 0 0 3px var(--tm-bg),0 0 0 5px var(--tm-ink)}@keyframes frp-str-recent{0%{box-shadow:0 2px 10px #2c2c2c33,0 0 #ffffffe6}60%{box-shadow:0 2px 10px #2c2c2c33,0 0 0 14px #fff0}to{box-shadow:0 2px 10px #2c2c2c33,0 0 0 4px #ffffff38}}.frp-str--transparent-hotspots .frp-str__hotspot-dot{border-color:transparent;background:transparent;box-shadow:none;color:transparent}.frp-str--transparent-hotspots .frp-str__hotspot:hover .frp-str__hotspot-dot{box-shadow:none;transform:none}.frp-str--transparent-hotspots .frp-str__hotspot:focus-visible .frp-str__hotspot-dot{box-shadow:0 0 0 3px var(--tm-bg),0 0 0 5px var(--tm-ink)}.frp-str__scroll-hint{display:none}@media(prefers-reduced-motion:no-preference){.frp-str--animate .frp-str__header,.frp-str--animate .frp-str__stage{transition:opacity .9s var(--frp-ease-out),transform .9s var(--frp-ease-out)}.frp-str--animate .frp-str__stage{transition-delay:.12s}.frp-str--animate .frp-str__hotspot-dot{transition:opacity .5s var(--frp-ease-out) calc(.7s + var(--i, 0) * 70ms),transform .26s var(--frp-ease),box-shadow .26s var(--frp-ease),background-color .26s var(--frp-ease)}.frp-str--animate.is-pending .frp-str__header,.frp-str--animate.is-pending .frp-str__stage{opacity:0;transform:translateY(14px)}.frp-str--animate.is-pending .frp-str__hotspot-dot{opacity:0}}html.frp-str-lock{overflow:hidden}.frp-str__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:var(--frp-dialog-ink);font-family:var(--frp-body-font);overscroll-behavior:contain}.frp-str__dialog::backdrop{background:transparent}.frp-str__dialog:not([open]){display:none}.frp-str__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:max(64px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom));background:rgba(250,248,245,max(.94,var(--frp-scrim, .94)));opacity:0;transition:opacity .28s var(--frp-ease)}.frp-str__dialog.is-visible .frp-str__overlay{opacity:1}.frp-str__close{position:absolute;z-index:3;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:grid;width:48px;height:48px;place-items:center;padding:0;border:1px solid var(--tm-control-border);border-radius:50%;background:var(--tm-bg);color:var(--frp-dialog-ink);cursor:pointer;transition:background-color .2s var(--frp-ease),border-color .2s var(--frp-ease)}.frp-str__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.frp-str__close:hover{border-color:var(--tm-ink);background:var(--tm-surface-alt)}.frp-str__close:focus-visible,.frp-str__arrow:focus-visible,.frp-str__card-link:focus-visible{outline:2px solid var(--tm-focus);outline-offset:3px;box-shadow:none}.frp-str__card:focus-visible{outline:none;box-shadow:none}.frp-str__viewport{position:relative;width:100%;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.frp-str__track{display:flex;align-items:flex-start;gap:var(--frp-card-gap);margin:0;padding:0;list-style:none;transform:translate3d(var(--frp-tx, 0px),0,0);transition:transform .42s var(--frp-ease);will-change:transform}.frp-str__track.is-instant,.frp-str__track.is-dragging{transition:none}.frp-str__card{flex:0 0 var(--frp-card-w);width:var(--frp-card-w);margin:0;outline:none;cursor:pointer;opacity:.34;transform:scale(.88);transform-origin:50% 40%;transition:opacity .42s var(--frp-ease),transform .42s var(--frp-ease)}.frp-str__card.is-active{cursor:default;opacity:1;transform:none}.frp-str__card.is-active:focus-visible .frp-str__card-media{outline:2px solid var(--tm-focus);outline-offset:4px}.frp-str__card-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:2px;background:var(--tm-surface-alt)}.frp-str__card-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.frp-str__card-img--placeholder{fill:#2c2c2c4d}.frp-str__card-crop{position:absolute;top:clamp(calc(100% - 80% / (var(--f) * var(--frp-ar))),calc(50% - var(--cy) * 80% / (var(--f) * var(--frp-ar))),0%);left:clamp(calc(100% - 100% / var(--f)),calc(50% - var(--cx) * 100% / var(--f)),0%);display:block;width:calc(100% / var(--f));max-width:none;height:auto;pointer-events:none;-webkit-user-drag:none}.frp-str__card-note{color:var(--tm-ink-muted)}.frp-str__card-info{padding-top:22px;text-align:center;opacity:0;transform:translateY(6px);transition:opacity .32s var(--frp-ease),transform .32s var(--frp-ease);visibility:hidden}.frp-str__card.is-active .frp-str__card-info{opacity:1;transform:none;transition-delay:.12s;visibility:visible}.frp-str__card-title{margin:0;color:var(--frp-dialog-ink);font-family:var(--frp-heading-font);font-weight:var(--frp-heading-weight);font-size:clamp(20px,1.6vw,24px);letter-spacing:-.005em;line-height:1.2}.frp-str__card-price{margin:8px 0 0;color:var(--frp-dialog-ink);font-size:15px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.frp-str__card-from{color:var(--tm-ink-muted)}.frp-str__card-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:10px 0 0;color:var(--tm-ink-muted);font-size:12px;letter-spacing:.03em;line-height:1.5}.frp-str__card-meta div{display:flex;gap:6px}.frp-str__card-meta dt{color:var(--tm-ink-muted)}.frp-str__card-meta dd{margin:0}.frp-str__card-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:6px 0 5px;border-bottom:1px solid var(--tm-control-border);color:var(--frp-dialog-ink);font-size:12px;font-weight:500;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transition:border-color .2s var(--frp-ease)}.frp-str__card-link span{transition:transform .24s var(--frp-ease)}.frp-str__card-link:hover{border-color:var(--frp-dialog-ink)}.frp-str__card-link:hover span{transform:translate(4px)}.frp-str__controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px}.frp-str__arrow{display:grid;width:52px;height:52px;place-items:center;padding:0;border:1px solid var(--tm-control-border);border-radius:50%;background:transparent;color:var(--frp-dialog-ink);cursor:pointer;transition:opacity .2s var(--frp-ease),background-color .2s var(--frp-ease),border-color .2s var(--frp-ease)}.frp-str__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.frp-str__arrow:hover:not(:disabled){border-color:var(--frp-dialog-ink);background:var(--tm-surface-alt)}.frp-str__arrow:disabled{cursor:default;opacity:.28}.frp-str__progress{display:flex;align-items:center;gap:12px;color:var(--tm-ink-muted);font-size:12px;letter-spacing:.12em;font-variant-numeric:tabular-nums}.frp-str__progress-bar{position:relative;width:72px;height:1px;overflow:hidden;background:var(--tm-rule)}.frp-str__progress-bar span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--frp-dialog-ink);transform:scaleX(var(--frp-progress, 0));transform-origin:left center;transition:transform .42s var(--frp-ease)}.frp-str__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;border:0!important;white-space:nowrap!important}@media screen and (min-width:990px){.frp-str__overlay{padding-bottom:max(40px,env(safe-area-inset-bottom))}.frp-str__controls{margin-top:30px}.frp-str__arrow{position:absolute;z-index:2;top:var(--frp-arrow-top, 45%)}.frp-str__arrow--prev{left:calc(50% - var(--frp-card-w) / 2 - var(--frp-card-gap) / 2 - 26px)}.frp-str__arrow--next{right:calc(50% - var(--frp-card-w) / 2 - var(--frp-card-gap) / 2 - 26px)}}@media screen and (max-width:989px){.frp-str{--frp-card-w: min(420px, 62vw, calc((100dvh - 290px)*.8) );--frp-card-gap: 28px}}@media screen and (max-width:749px){.frp-str{--frp-card-w: min(78vw, calc((100dvh - 290px)*.8) );--frp-card-gap: 16px}.frp-str__header{grid-template-columns:minmax(0,1fr);gap:12px}.frp-str__intro{justify-self:start}.frp-str__heading{font-size:clamp(28px,8vw,34px)}.frp-str__description{font-size:14px}.frp-str--has-mobile-image .frp-str__canvas{aspect-ratio:var(--frp-ar-m)}.frp-str--has-mobile-image .frp-str__hotspot{top:var(--my);left:var(--mx)}.frp-str__hotspot--hide-mobile{display:none}.frp-str:not(.frp-str--has-mobile-image) .frp-str__stage{margin-inline:calc(var(--frp-gutter) * -1)}.frp-str:not(.frp-str--has-mobile-image) .frp-str__scroller{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.frp-str:not(.frp-str--has-mobile-image) .frp-str__scroller::-webkit-scrollbar{display:none}.frp-str:not(.frp-str--has-mobile-image) .frp-str__canvas{width:calc(var(--frp-mobile-h) * var(--frp-ar));height:var(--frp-mobile-h);max-width:none}.frp-str:not(.frp-str--has-mobile-image) .frp-str__scroll-hint{position:absolute;bottom:14px;left:50%;display:flex;align-items:center;gap:10px;margin:0;padding:8px 14px;border-radius:999px;background:#faf8f5f0;color:var(--tm-ink);box-shadow:0 2px 10px #2c2c2c24;font-size:11px;letter-spacing:.08em;pointer-events:none;transform:translate(-50%);transition:opacity .4s var(--frp-ease);white-space:nowrap}.frp-str__scroll-hint svg{width:20px;height:10px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.frp-str.has-explored .frp-str__scroll-hint{opacity:0}.frp-str__overlay{justify-content:center;padding-top:max(76px,calc(env(safe-area-inset-top) + 64px))}.frp-str__close{top:max(16px,calc(env(safe-area-inset-top) + 8px));right:max(16px,calc(env(safe-area-inset-right) + 8px));width:44px;height:44px}.frp-str__card-info{padding-top:18px}.frp-str__card-link{margin-top:14px}.frp-str__controls{gap:16px;margin-top:20px}.frp-str__arrow{width:44px;height:44px}}@media screen and (max-width:749px)and (max-height:640px){.frp-str__card-meta{display:none}}@media(prefers-reduced-motion:reduce){.frp-str__track,.frp-str__card,.frp-str__card-info,.frp-str__overlay,.frp-str__progress-bar span,.frp-str__hotspot-dot,.frp-str__hotspot-label{transition:none!important}.frp-str__hotspot.is-recent .frp-str__hotspot-dot{animation:none;box-shadow:0 0 0 3px var(--tm-bg),0 0 0 5px var(--tm-ink)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/frp-shop-the-room.css.map */