@charset "utf-8";
.splash[hidden]{display:none!important}
html.is-splash{overflow:hidden}
.splash{position:fixed;inset:0;z-index:1000;overflow:hidden;isolation:isolate;color:#eee7db;outline:none;touch-action:none}
.splash-paper,.splash-ink{position:absolute;inset:-2%;will-change:transform;transform:translate3d(0,0,0)}
.splash-left{clip-path:polygon(0 0,50.8% 0,49.8% 18%,51.8% 32%,49.6% 49%,52.1% 65%,50% 81%,51.3% 100%,0 100%);transform-origin:15% 50%}
.splash-right{clip-path:polygon(50% 0,100% 0,100% 100%,50.5% 100%,49.2% 81%,51.3% 65%,48.8% 49%,51% 32%,49% 18%);transform-origin:85% 50%}
.splash-paper{z-index:0;background:#bc241d;transition:transform .92s cubic-bezier(.76,0,.2,1) .1s}
.splash-ink{z-index:1;background:#0b0a09;transition:transform .9s cubic-bezier(.76,0,.2,1)}
.splash-ink::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#3b2c202e,transparent 65%);opacity:.75}
.splash-sign{position:absolute;z-index:3;left:50%;top:48%;width:max-content;text-align:center;transform:translate(-50%,-50%);transition:opacity .23s ease,filter .35s ease}
.splash-origin{font:10px var(--jp);letter-spacing:.48em;text-indent:.48em;color:#b7a58c;opacity:0;animation:splash-small .7s .15s ease forwards;margin:0 0 27px}
.splash-sign>img{width:clamp(112px,11.8vw,180px);height:clamp(112px,11.8vw,180px);margin:auto;filter:invert(1);opacity:0;animation:splash-seal .85s .04s cubic-bezier(.17,.75,.25,1) forwards}
.splash-name{margin:27px 0 0;font:16px var(--roman);letter-spacing:.62em;text-indent:.62em;opacity:0;animation:splash-small .8s .22s ease forwards}
.splash-line{font:11px var(--jp);letter-spacing:.25em;color:#b1a28f;margin:45px 0 0;opacity:0;animation:splash-small .8s .4s ease forwards}
.splash-hairline{position:absolute;z-index:3;bottom:0;left:50%;width:1px;height:10svh;background:#a4231c;transform:scaleY(0);transform-origin:bottom;animation:splash-line-in 1.15s .25s cubic-bezier(.22,.61,.36,1) forwards;transition:opacity .2s}
.splash-scar{position:absolute;inset:-2%;z-index:2;width:104%;height:104%;color:#bc241d;pointer-events:none;opacity:0;transform:scaleY(.1);transition:opacity .1s,transform .2s}
.splash-scar path{fill:none;stroke:currentColor;stroke-width:.085;vector-effect:non-scaling-stroke}
.splash-skip{position:absolute;z-index:4;right:4vw;bottom:30px;display:flex;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid #75625166;font:10px var(--sans);letter-spacing:.15em;color:#bcaf9d;opacity:0;animation:splash-small .5s .3s forwards}
.splash-skip span{font:16px var(--sans)}
.splash-skip:hover{color:#eee7db}
.splash.is-opening .splash-sign{opacity:0;filter:blur(2px)}
.splash.is-opening .splash-scar{opacity:1;transform:scaleY(1)}
.splash.is-opening .splash-left{transform:translate3d(-106%,0,0) rotate(-3deg)}
.splash.is-opening .splash-right{transform:translate3d(106%,0,0) rotate(3deg)}
.splash.is-opening .splash-hairline{opacity:0}
.splash.is-opening .splash-scar{animation:splash-scar-out .32s .04s forwards}
.splash.is-opening .splash-skip{visibility:hidden}
@keyframes splash-seal{from{opacity:0;transform:translateY(12px) scale(.94);filter:invert(1) blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:invert(1) blur(0)}}
@keyframes splash-small{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes splash-line-in{to{transform:scaleY(1)}}
@keyframes splash-scar-out{to{opacity:0}}
@media(max-width:600px){
.splash-sign{top:46%}.splash-sign>img{width:124px;height:124px}.splash-origin{font-size:9px;margin-bottom:25px}.splash-name{font-size:14px;margin-top:24px}.splash-line{font-size:10px;margin-top:38px;letter-spacing:.2em}
.splash-skip{right:7vw;bottom:24px}.splash-hairline{height:12svh}
}
@media(max-height:520px){.splash-sign{top:47%}.splash-origin{margin-bottom:12px;font-size:8px}.splash-sign>img{width:85px;height:85px}.splash-name{margin-top:13px;font-size:12px}.splash-line{margin-top:19px;font-size:9px}.splash-hairline{height:7svh}.splash-skip{bottom:18px}}
@media(prefers-reduced-motion:reduce){.splash{display:none!important}}