/* 店舗ページの登場（トップの金のアーチと同じ型・所有者 10/11）
   html[data-pi="1"] はその日そのページを最初に開いたときだけ（head の小さなスクリプト） */
/* 金の区切り（演出の有無にかかわらず） */
.pi-rule{position:relative;display:block;width:120px;height:1px;margin:18px 0 4px;background:linear-gradient(90deg,#D4B57A,#D4B57A 60%,transparent)}
.pi-rule:after{content:"";position:absolute;left:-2px;top:50%;width:5px;height:5px;margin-top:-3px;transform:rotate(45deg);background:#D4B57A}
.pi-name .pi-ch{display:inline-block;white-space:pre}
html body .stc-copy h1 .pi-name,html body .stc-copy h1 .pi-ch{color:#fff!important;background:none!important}
/* 演出 */
html[data-pi="1"] .st-hero{background:#17110d}
html[data-pi="1"] .st-hero picture{clip-path:inset(var(--pi-b0,92%) var(--pi-r,20%) var(--pi-b,8%) var(--pi-l,20%) round 0);transition:clip-path .7s cubic-bezier(.65,0,.35,1)}
html.pi-photo .st-hero picture{clip-path:inset(var(--pi-t,10%) var(--pi-r,20%) var(--pi-b,8%) var(--pi-l,20%) round var(--pi-a,30vw) var(--pi-a,30vw) 0 0)}
html.pi-open .st-hero picture{clip-path:inset(0 0 0 0 round 0);transition:clip-path 1.1s cubic-bezier(.65,0,.35,1)}
html[data-pi="1"] .st-hero picture img{transform:scale(1);transform-origin:50% 55%;transition:transform 3.6s cubic-bezier(.22,1,.36,1)}
html.pi-photo .st-hero picture img{transform:scale(1.12)}
html[data-pi="1"] .st-hero>div.absolute{opacity:0;transition:opacity 1.2s ease}
html.pi-open .st-hero>div.absolute{opacity:1}
.pi-arch{position:absolute;inset:0;z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity .7s ease}
.pi-arch path{fill:none;stroke:#C9A86A;stroke-width:1;vector-effect:non-scaling-stroke}
html.pi-open .pi-arch{opacity:0}
html[data-pi="1"] .stc-copy .st-name:not(.pi-ready){opacity:0}
html[data-pi="1"] .pi-name:not(.pi-split){opacity:0}
html[data-pi="1"] .pi-ch{opacity:0;filter:blur(8px);transform:translateY(.25em);transition:opacity 1s ease,filter 1.1s ease,transform 1.2s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 80ms)}
html.pi-copy .pi-ch{opacity:1;filter:none;transform:none}
html[data-pi="1"] .pi-rule{transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.65,0,.35,1) .7s}
html[data-pi="1"] .pi-rule:after{opacity:0;transition:opacity .5s ease 1.4s}
html.pi-copy .pi-rule{transform:none}
html.pi-copy .pi-rule:after{opacity:1}
/* 見出しのめくれ（トップと同じ数値・一度だけ） */
.pi-flip{perspective:700px}
.pi-flip.pi-wait>.pi-in{opacity:0;transform:translateY(70%) rotateX(-90deg)}
.pi-flip.pi-go>.pi-in{display:inline-block;animation:pi-unfold 700ms linear both;transform-origin:center}
@keyframes pi-unfold{0%{transform:translateY(70%) rotateX(-90deg);opacity:0}25%{transform:translateY(56%) rotateX(-81.5deg);opacity:1}50%{transform:translateY(35%) rotateX(-67.5deg);opacity:1}75%{transform:translateY(10.5%) rotateX(-13.5deg);opacity:1}100%{transform:none;opacity:1}}
/* 写真は下から静かに */
.pi-rise{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1.2s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 90ms)}
.pi-rise.pi-in-view{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html[data-pi] .st-hero picture,html[data-pi] .st-hero picture img,html[data-pi] .st-hero *,.pi-ch,.pi-rule,.pi-rise,.pi-flip>.pi-in{opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important;transition:none!important;animation:none!important}.pi-arch{display:none}}