.opening-section{position:fixed;top:0;left:0;z-index:9998;width:0;height:0}.opening{--opening-page-bg-rgb: 252, 251, 248;--opening-fv-bg: #eae3be;--opening-catch-color: #298ed1;--opening-logo-color: #5f5a57;position:fixed;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.opening.is-finished{display:none}.opening__veil{position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(var(--opening-page-bg-rgb));opacity:1;z-index:1}.opening.is-revealing .opening__veil{opacity:0;transition:opacity .7s cubic-bezier(.37,0,.63,1)}.opening__fv{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-end;margin:0;background-color:var(--opening-fv-bg);z-index:2;pointer-events:auto;cursor:pointer}.opening__fv:after{display:block;content:"";position:absolute;right:0;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(180deg,rgba(var(--opening-page-bg-rgb),0),rgba(var(--opening-page-bg-rgb),1) 88.02%);z-index:1;pointer-events:none}@media screen and (max-width:767px){.opening__fv:after{height:32vw;background:linear-gradient(180deg,rgba(var(--opening-page-bg-rgb),0),rgba(var(--opening-page-bg-rgb),1))}}.opening.is-leaving .opening__fv{transform:translateY(-100%);transition:transform .7s cubic-bezier(.37,0,.63,1)}.opening.is-fv-hidden .opening__fv{display:none}.opening__fv-image{position:absolute;top:0;bottom:0;left:0;display:block;width:100%;overflow:hidden;z-index:0}.opening__fv-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}@media screen and (max-width:767px){.opening__fv-image img{object-position:center bottom}}.opening__fv-logo{position:relative;width:100%;padding:0 80px;margin:0;color:var(--opening-logo-color);text-align:center;z-index:4}@media screen and (max-width:767px){.opening__fv-logo{padding:0}}.opening.is-leaving .opening__fv-logo{opacity:0;transition:opacity .7s cubic-bezier(.37,0,.63,1)}.opening__logo-svg{display:inline-block;width:143px;height:13px;margin-bottom:23px;vertical-align:bottom}@media screen and (max-width:767px){.opening__logo-svg{width:35.2vw;height:3.2vw;margin-bottom:5.33333vw}}.opening__fv-catch{position:absolute;display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:center;margin:0;z-index:3;pointer-events:none}.opening__catch-svg{display:block;width:2.778vh;height:44vh;fill:var(--opening-catch-color)}.opening__catch-image{display:block;width:auto;height:44vh;object-fit:contain}.opening__fv--split .opening__fv-image{width:46.5%}@media screen and (max-width:900px){.opening__fv--split .opening__fv-image{width:50%}}@media screen and (max-width:767px){.opening__fv--split .opening__fv-image{width:100%}}.opening__fv--split .opening__fv-catch{align-items:center;top:0;right:0;bottom:0;width:53.6%}@media screen and (max-width:900px){.opening__fv--split .opening__fv-catch{width:50%}}@media screen and (max-width:767px){.opening__fv--split .opening__fv-catch{top:13.33333vw;right:10.66667vw;bottom:auto;width:5.33333vw;height:84.53333vw}}.opening__fv--full .opening__fv-image{width:100%}.opening__fv--full .opening__fv-catch{top:80px;right:100px;width:2.778vh;height:44vh}@media screen and (max-width:767px){.opening__fv--full .opening__fv-catch{top:13.33333vw;right:10.66667vw;width:5.33333vw;height:84.53333vw}}.opening__loader{position:fixed;top:0;right:0;bottom:0;left:0;display:block;background:rgb(var(--opening-page-bg-rgb));opacity:1;transition:opacity .5s linear;z-index:3;pointer-events:auto}.opening__loader.is-hidden{opacity:0;pointer-events:none}.opening__spinner{position:absolute;top:50%;left:50%;width:5em;height:5em;margin:-2.5em 0 0 -2.5em;font-size:16px;text-indent:-9999em;border-top:.6em solid rgba(153,153,153,.3);border-right:.6em solid rgba(153,153,153,.3);border-bottom:.6em solid rgba(153,153,153,.3);border-left:.6em solid #999;border-radius:50%;transform:translateZ(0);animation:opening-spin 1.1s infinite linear}@keyframes opening-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.opening.is-leaving .opening__fv{transform:none;opacity:0;transition:opacity .7s linear}.opening__spinner{animation-duration:3s}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-opening-animation.css.map */
