/* 商品紹介の銘。静止SVGを基本にし、準備できた場合だけ粒子から受け渡す。 */
.product-signature{position:relative;min-width:0;width:100%;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;isolation:isolate}
.product-signature .product-particles{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0}
.product-signature .product-logo{position:relative;z-index:1;display:block;width:min(68%,290px);height:auto;max-width:calc(100% - 40px);margin:0 auto;filter:invert(1);opacity:1;flex:none}
.product-signature .product-brand{position:relative;z-index:3;margin:26px 0 0;font:400 clamp(25px,2.65vw,38px)/1.2 var(--roman,Georgia,serif);letter-spacing:.34em;text-indent:.34em;color:#eee6d9;opacity:1}
.product-signature .product-sake{position:relative;z-index:3;margin:20px 0 0;font:400 12px/1.6 var(--serif,"Yu Mincho",serif);letter-spacing:.55em;text-indent:.55em;color:#bdae99;opacity:1}
.product-signature.is-particle-ready:not(.is-particle-complete) .product-particles{opacity:var(--product-particles-opacity,1)}
.product-signature.is-particle-ready:not(.is-particle-complete) .product-logo{opacity:var(--product-logo-opacity,0)}
.product-signature.is-particle-ready:not(.is-particle-complete) .product-brand{opacity:var(--product-brand-opacity,0);transform:translateY(var(--product-brand-lift,7px))}
.product-signature.is-particle-ready:not(.is-particle-complete) .product-sake{opacity:var(--product-sake-opacity,0);transform:translateY(var(--product-sake-lift,5px))}
@media(max-width:600px){
 .product-signature{height:400px}
 .product-signature .product-logo{width:min(64%,235px)}
 .product-signature .product-brand{font-size:29px;margin-top:24px}
 .product-signature .product-sake{font-size:11px;margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
 .product-signature .product-particles{display:none!important}
 .product-signature .product-logo,.product-signature .product-brand,.product-signature .product-sake{opacity:1!important;transform:none!important}
}