.template-index .brand-opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;place-items:center;background:#0d1b2a;overflow:hidden;isolation:isolate}.is-splashing .brand-opening,.brand-opening.is-leaving{display:grid}.is-splashing{overflow:hidden}.brand-opening:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 46%,#23344a66,transparent 56%);pointer-events:none}.brand-opening__inner{display:grid;justify-items:center;gap:28px;transform:translateY(-12px)}.brand-opening__mark{position:relative;display:block;width:clamp(130px,12vw,174px);aspect-ratio:1;background:linear-gradient(135deg,#c5a139,#ead080 38%,#b58b29 68%,#d4af37);-webkit-mask:var(--opening-logo) center / var(--opening-mask-size, contain) no-repeat;mask:var(--opening-logo) center / var(--opening-mask-size, contain) no-repeat;opacity:0}.brand-opening__source{position:absolute;width:1px;height:1px;opacity:0}.brand-opening__reflection{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 27%,#fff2bc25 39%,#fff8df 49%,#fff2bd70 55%,transparent 69%);transform:translate(-125%)}.brand-opening__name{font-family:Shippori Mincho B1,"Noto Serif JP",serif;font-size:clamp(22px,2vw,28px);font-weight:400;line-height:1.6;letter-spacing:.3em;padding-left:.3em;color:#e4ce91;opacity:0}.brand-opening__fallback{color:#d4af37}.brand-opening__fallback svg{width:clamp(130px,12vw,174px)}.brand-opening.is-active .brand-opening__mark{animation:opening-mark-in .6s cubic-bezier(.2,.65,.3,1) both}.brand-opening.is-active .brand-opening__reflection{animation:opening-reflection 1.15s cubic-bezier(.35,0,.3,1) .25s both}.brand-opening.is-active .brand-opening__name{animation:opening-name-in .65s ease .18s both}.brand-opening.is-leaving{pointer-events:none;animation:opening-away 1s ease both}@keyframes opening-mark-in{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes opening-name-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes opening-reflection{0%{transform:translate(-125%)}to{transform:translate(125%)}}@keyframes opening-away{to{opacity:0}}@media(max-width:768px){.brand-opening__inner{gap:24px;transform:translateY(-8px)}.brand-opening__mark,.brand-opening__fallback svg{width:138px}.brand-opening__name{font-size:23px}}@media(prefers-reduced-motion:reduce),print{.template-index .brand-opening{display:none!important}html.is-splashing{overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-opening.css.map */