.walk{background:#070605;color:var(--ivory,#f3efe7)}.walk__intro{min-height:100svh;display:grid;place-content:center;justify-items:center;text-align:center;gap:18px;padding:120px var(--gutter,24px) 80px;background:radial-gradient(70% 60% at 50% 40%,rgba(176,141,87,.14),transparent 70%),#070605 var(--marble-b-s,none) center/cover}.walk__eyebrow{margin:0;font:500 11px/1 var(--font-body,inherit);letter-spacing:.32em;text-transform:uppercase;color:var(--gold,#b08d57)}.walk__heading{margin:0;font:300 clamp(48px,2rem + 5vw,128px)/.95 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.walk__text{margin:0;max-width:46ch;font:italic 300 clamp(17px,1.3vw,21px)/1.5 var(--font-display);color:var(--ivory-2,rgba(243,239,231,.74))}.walk__cue{display:grid;justify-items:center;gap:12px;margin:28px 0 0;font:500 10px/1 var(--font-body,inherit);letter-spacing:.3em;text-transform:uppercase;color:var(--ivory-3,rgba(243,239,231,.5))}.walk__cue i{width:1px;height:56px;background:linear-gradient(var(--gold,#b08d57),transparent);animation:walk-cue 2.4s ease-in-out infinite}@keyframes walk-cue{0%,to{transform:scaleY(.35);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}.wroom{--t:0;--pan:0;--accent:#e9e4da;position:relative;height:250vh}.wroom__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:#070605;box-shadow:0 -40px 80px #0009}.wroom__view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.wroom__stage{position:absolute;left:50%;top:50%;width:max(100vw,100svh * 1.7917);aspect-ratio:2752/1536;transform:translate3d(-50%,-50%,0) scale(calc(1.02 + var(--t) * .16));transform-origin:var(--fx,50%) var(--fy,45%);will-change:transform}.wroom__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.wroom__img--stone{background:radial-gradient(80% 60% at 50% 40%,#1c1a17,#070605)}.wroom__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0706058c,#07060500 18% 58%,#070605b8),radial-gradient(120% 90% at 50% 50%,transparent 60%,rgba(7,6,5,.5))}.wroom__art,.wroom__visitor{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);z-index:2;color:inherit}.wroom__art{width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);padding:0;border:0;background:none;cursor:zoom-in;border-radius:2px}.wroom__glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:3px;border:1px solid rgba(255,255,255,0);box-shadow:0 0 #0000;transition:border-color .5s,box-shadow .5s}.wroom__art:after{content:"";position:absolute;top:-7px;right:-7px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:walk-pulse 2.6s ease-out infinite}@keyframes walk-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 70%,transparent)}80%,to{box-shadow:0 0 0 14px transparent}}.wroom__art:hover .wroom__glow,.wroom__art:focus-visible .wroom__glow{border-color:#ffffffb3;box-shadow:0 0 34px color-mix(in srgb,var(--accent) 60%,transparent),inset 0 0 30px color-mix(in srgb,var(--accent) 25%,transparent)}.wroom__tag{position:absolute;left:50%;top:calc(100% + 12px);transform:translate(-50%,6px);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 14px;border-radius:999px;font:500 10.5px/1 var(--font-body,inherit);letter-spacing:.16em;text-transform:uppercase;color:var(--ivory,#f3efe7);background:#0c0b0a8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);opacity:0;transition:opacity .4s,transform .4s;pointer-events:none}.wroom__tag i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.wroom__art:hover .wroom__tag,.wroom__art:focus-visible .wroom__tag{opacity:1;transform:translate(-50%)}.wroom__visitor{display:block;width:0;height:0;text-decoration:none}.wroom__dot{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:color-mix(in srgb,var(--accent) 80%,#000);animation:walk-pulse 2.6s ease-out infinite .8s}.wroom__tag--look{top:16px;opacity:1;transform:translate(-50%);pointer-events:auto;gap:10px}.wroom__tag--look b{font-weight:600;color:#fff}.wroom__visitor:hover .wroom__tag--look,.wroom__visitor:focus-visible .wroom__tag--look{background:#f3efe7eb;color:#151413}.wroom__visitor:hover .wroom__tag--look b{color:#151413}.wroom__card{position:absolute;z-index:3;left:var(--gutter,24px);bottom:clamp(20px,5vh,56px);width:min(400px,calc(100% - 2 * var(--gutter,24px)));border-radius:24px;padding:22px 22px 18px;background:linear-gradient(155deg,#161412a8,#0c0b0a85);opacity:clamp(0,var(--t) * 8,1);transform:translate3d(0,calc((1 - clamp(0,var(--t) * 8,1))*24px),0)}.wroom__label{display:flex;align-items:center;gap:12px;margin:0 0 10px;font:500 10px/1 var(--font-body,inherit);letter-spacing:.3em;text-transform:uppercase;color:var(--ivory-2,rgba(243,239,231,.74))}.wroom__label i{width:32px;height:1px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.wroom__title{margin:0;font:300 clamp(30px,1.4rem + 1.6vw,46px)/1 var(--font-display);letter-spacing:-.01em}.wroom__quote{margin:12px 0 0;font:italic 300 16px/1.45 var(--font-display);color:#f3efe7db}.wroom__quote p{margin:0}.wroom__quote footer{margin-top:6px;font:500 9.5px/1 var(--font-body,inherit);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--gold,#b08d57)}.wroom__pieces{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wroom__pieces a{display:grid;gap:8px;color:inherit;text-decoration:none}.wroom__pieces img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;background:#ffffff0f;transition:transform .5s var(--ease-out,ease)}.wroom__pieces a:hover img{transform:translateY(-3px)}.wroom__pieces span{display:grid;gap:3px}.wroom__pieces b{font:500 10px/1.2 var(--font-body,inherit);letter-spacing:.14em;text-transform:uppercase}.wroom__pieces small{font-size:12px;color:var(--ivory-2,rgba(243,239,231,.74))}.wroom__shop{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font:500 10.5px/1 var(--font-body,inherit);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory,#f3efe7);text-decoration:none}.wroom__shop .icon{width:14px;height:14px;transition:transform .4s}.wroom__shop:hover .icon{transform:translate(4px)}.wroom__hint{position:absolute;z-index:3;right:var(--gutter,24px);bottom:clamp(20px,5vh,56px);margin:0;font:500 10px/1 var(--font-body,inherit);letter-spacing:.28em;text-transform:uppercase;color:var(--ivory-3,rgba(243,239,231,.5));opacity:calc(1 - clamp(0,(var(--t) - .5) * 4,1))}@media(max-aspect-ratio:1/1){.wroom{height:300vh}.wroom__stage{left:0;width:auto;height:100%;transform:translate3d(calc(var(--pan) * -1px),-50%,0);top:50%}.wroom__card{left:12px;right:12px;width:auto;bottom:12px;padding:16px 16px 14px;border-radius:20px}.wroom__quote{display:none}.wroom__title{font-size:28px}.wroom__pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px}.wroom__pieces img{aspect-ratio:1;border-radius:8px}.wroom__hint{top:calc(var(--hdr,64px) + 14px);bottom:auto;left:0;right:0;text-align:center}.wroom__tag{font-size:9.5px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.wroom{height:auto}.wroom__pin{position:relative;height:100svh}.wroom__stage{transform:translate3d(-50%,-50%,0)}.wroom__card{opacity:1;transform:none}.wroom__art:after,.wroom__dot,.walk__cue i{animation:none}}@media(prefers-reduced-motion:reduce)and (max-aspect-ratio:1/1){.wroom__view{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.wroom__stage{position:relative;left:auto;top:auto;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mesaru-walk.css.map */