/* Progressive enhancement: the head boot script alone can reveal the curtains. */
.wt-opening{display:none;position:fixed;inset:0;z-index:100000;overflow:hidden;color:#214d40;font-family:"Helvetica Neue","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;isolation:isolate;touch-action:pan-y}
html.wt-opening-pending .wt-opening{display:block}
.wt-opening *,.wt-opening *::before,.wt-opening *::after{box-sizing:border-box}
.wt-opening-decoration,.wt-opening-curtains{position:absolute;inset:0;pointer-events:none}
.wt-opening-curtains{perspective:1600px;perspective-origin:50% 38%;transform-origin:50% 44%;transform-style:preserve-3d}
.wt-opening-panel{position:absolute;top:-2px;bottom:-3px;width:calc(25% + 2px);backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(3px 0 5px #18352c24)}
.wt-opening-panel--outer-left{--wt-panel-offset:0vw;left:-1px;transform-origin:0 12%;z-index:1}
.wt-opening-panel--inner-left{--wt-panel-offset:25vw;left:25%;transform-origin:0 12%;z-index:2}
.wt-opening-panel--inner-right{--wt-panel-offset:50vw;left:50%;transform-origin:100% 12%;z-index:3}
.wt-opening-panel--outer-right{--wt-panel-offset:75vw;left:75%;transform-origin:100% 12%;z-index:1}
.wt-opening-cloth{position:absolute;inset:0;overflow:hidden;background-color:#f0eee3;background-image:linear-gradient(90deg,#d8d6c94d 0%,#fffef533 10%,#f8f7ef33 28%,#a8ad9440 52%,#fffff64d 76%,#e0ddcf44 96%,#8c99844a 100%),repeating-linear-gradient(0deg,#354d3210 0px,#354d3210 .5px,transparent .5px,transparent 2px),repeating-linear-gradient(90deg,#354d320b 0px,#354d320b .5px,transparent .5px,transparent 2.5px);box-shadow:inset -1px 0 #3c54492b,inset 1px 0 #fffef6b3;will-change:clip-path}
.wt-opening-cloth::before{content:"";position:absolute;inset:-3%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='112' viewBox='0 0 192 112'%3E%3Cg fill='none' stroke='%236b826b' stroke-opacity='.22' stroke-width='.75'%3E%3Cpath d='M-96 56Q-48 8 0 56T96 56T192 56T288 56M-96 64Q-48 16 0 64T96 64T192 64T288 64M-96 72Q-48 24 0 72T96 72T192 72T288 72M-48 0Q0-48 48 0T144 0T240 0M-48 8Q0-40 48 8T144 8T240 8M-48 16Q0-32 48 16T144 16T240 16M-48 112Q0 64 48 112T144 112T240 112M-48 120Q0 72 48 120T144 120T240 120M-48 128Q0 80 48 128T144 128T240 128'/%3E%3C/g%3E%3C/svg%3E");background-size:192px 112px;opacity:.78;transform-origin:center;mix-blend-mode:multiply}
.wt-opening-cloth::after{content:"";position:absolute;inset:-2%;background:radial-gradient(ellipse at 94% 53%,#fffefbc9 0%,#fffefb47 12%,transparent 29%),linear-gradient(104deg,transparent 21%,#8c978529 45%,#fffef575 60%,#7b87702e 78%,transparent 95%);opacity:.12;transform:translateX(18%);will-change:transform,opacity}
.wt-opening-panel--inner-left .wt-opening-cloth{clip-path:polygon(0 0,100% 0,100% 15%,100% 28%,100% 39%,100% 48%,100% 56%,100% 64%,100% 71%,100% 77%,100% 83%,100% 88%,100% 92%,100% 95%,99.7% 97%,98.8% 98.3%,97.3% 99.1%,95.3% 99.7%,93% 100%,0 100%)}
.wt-opening-panel--inner-right .wt-opening-cloth{clip-path:polygon(100% 0,0 0,0 15%,0 28%,0 39%,0 48%,0 56%,0 64%,0 71%,0 77%,0 83%,0 88%,0 92%,0 95%,.3% 97%,1.2% 98.3%,2.7% 99.1%,4.7% 99.7%,7% 100%,100% 100%)}
.wt-opening-panel--inner-right .wt-opening-cloth::after,.wt-opening-panel--outer-right .wt-opening-cloth::after{scale:-1 1}
.wt-opening-panel--outer-left .wt-opening-cloth::before{background-position:48px 0}
.wt-opening-panel--inner-left .wt-opening-cloth::before{background-position:0 0}
.wt-opening-panel--inner-right .wt-opening-cloth::before{background-position:96px 0}
.wt-opening-panel--outer-right .wt-opening-cloth::before{background-position:144px 0}
.wt-opening-brand{position:absolute;top:43%;left:calc(50vw - var(--wt-panel-offset));width:min(680px,calc(100vw - 36px));display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);text-align:center;line-height:1}
.wt-opening-mark{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;width:119px;height:116px;margin:0 0 23px}
.wt-opening-mark b{display:block;margin-left:-10px;font:700 114px/.91 Georgia,"Times New Roman",serif;letter-spacing:-12px}
.wt-opening-mark i{position:absolute;top:2px;right:4px;z-index:-1;width:42px;height:42px;border-radius:50%;background:#ed803e}
.wt-opening-name{display:block;font-size:clamp(26px,3.2vw,47px);font-weight:800;letter-spacing:.1em;line-height:1.3;white-space:nowrap}
.wt-opening-en{display:block;margin-top:20px;font-size:clamp(9px,.9vw,12px);font-weight:600;letter-spacing:.32em;line-height:1.4;white-space:nowrap}
.wt-opening-invitation{display:block;margin-top:43px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(13px,1.2vw,16px);font-weight:500;letter-spacing:.18em;line-height:1.8;white-space:nowrap}
.wt-opening-edition{position:absolute;left:50%;bottom:max(43px,env(safe-area-inset-bottom));transform:translateX(-50%);font-size:8px;letter-spacing:.18em;line-height:1.4;white-space:nowrap;color:#496151}
.wt-theme .wt-opening-skip,.wt-opening-skip{position:absolute;right:max(32px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:6;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:112px;min-height:44px;padding:10px 0;border:0;border-bottom:1px solid #49615175;border-radius:0;background:transparent;color:#214d40;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.08em;cursor:pointer}
.wt-opening-skip span{font-size:17px;line-height:1}
.wt-opening-skip:focus-visible{outline:3px solid #ed803e;outline-offset:5px}
.wt-theme .wt-opening-replay,.wt-opening-replay{padding:4px 0;background:transparent;border:0;border-bottom:1px solid #ffffff70;border-radius:0;color:#fff;min-height:28px;font-size:9px;font-weight:500;letter-spacing:.05em;line-height:1.5;cursor:pointer}
.wt-opening-replay[hidden]{display:none!important}
.wt-opening-replay:hover{border-color:#fff}

/* Move through the cloth: the two central leaves yield before the outer pair. */
html.wt-opening-playing .wt-opening{animation:wt-opening-finish 2500ms step-end both}
html.wt-opening-playing .wt-opening-curtains{animation:wt-opening-approach 2500ms cubic-bezier(.42,0,.24,1) both}
html.wt-opening-playing .wt-opening-edition{animation:wt-opening-caption-pass 900ms 300ms ease both}
html.wt-opening-playing .wt-opening-panel--inner-left{animation:wt-opening-peel-left 1340ms 820ms cubic-bezier(.38,.05,.25,1) both}
html.wt-opening-playing .wt-opening-panel--inner-right{animation:wt-opening-peel-right 1380ms 880ms cubic-bezier(.38,.05,.25,1) both}
html.wt-opening-playing .wt-opening-panel--outer-left{animation:wt-opening-outer-left 1350ms 1000ms cubic-bezier(.4,.03,.24,1) both}
html.wt-opening-playing .wt-opening-panel--outer-right{animation:wt-opening-outer-right 1350ms 1080ms cubic-bezier(.4,.03,.24,1) both}
html.wt-opening-playing .wt-opening-panel--inner-left .wt-opening-cloth{animation:wt-opening-bend-left 1340ms 820ms cubic-bezier(.4,.05,.3,1) both}
html.wt-opening-playing .wt-opening-panel--inner-right .wt-opening-cloth{animation:wt-opening-bend-right 1380ms 880ms cubic-bezier(.4,.05,.3,1) both}
html.wt-opening-playing .wt-opening-cloth::after{animation:wt-opening-fold-light 1550ms 750ms ease-in-out both}
html.wt-opening-playing .wt-opening-skip{animation:wt-opening-skip-pass 2500ms linear both}
@keyframes wt-opening-approach{0%,12%{transform:scale(1)}42%{transform:scale(1.1)}68%{transform:scale(1.25)}100%{transform:scale(1.42)}}
@keyframes wt-opening-caption-pass{0%,45%{opacity:1}100%{opacity:0}}
@keyframes wt-opening-peel-left{0%{transform:translate3d(0,0,0) rotateY(0) rotateZ(0)}28%{transform:translate3d(-5%,-1%,105px) rotateY(-8deg) rotateZ(-1deg)}54%{transform:translate3d(-31%,-3%,180px) rotateY(-24deg) rotateZ(-3deg)}76%{transform:translate3d(-98%,-5%,250px) rotateY(-38deg) rotateZ(-5deg)}100%{transform:translate3d(-255%,-7%,340px) rotateY(-56deg) rotateZ(-8deg)}}
@keyframes wt-opening-peel-right{0%{transform:translate3d(0,0,0) rotateY(0) rotateZ(0)}28%{transform:translate3d(5%,-.5%,100px) rotateY(8deg) rotateZ(1deg)}54%{transform:translate3d(31%,-2%,180px) rotateY(24deg) rotateZ(3deg)}76%{transform:translate3d(98%,-4%,250px) rotateY(38deg) rotateZ(5deg)}100%{transform:translate3d(255%,-6%,340px) rotateY(56deg) rotateZ(8deg)}}
@keyframes wt-opening-outer-left{0%{transform:translate3d(0,0,0) rotateY(0) rotateZ(0)}30%{transform:translate3d(-4%,-1%,70px) rotateY(-4deg) rotateZ(-1deg)}62%{transform:translate3d(-28%,-3%,145px) rotateY(-16deg) rotateZ(-3deg)}100%{transform:translate3d(-145%,-6%,250px) rotateY(-38deg) rotateZ(-6deg)}}
@keyframes wt-opening-outer-right{0%{transform:translate3d(0,0,0) rotateY(0) rotateZ(0)}30%{transform:translate3d(4%,-1%,70px) rotateY(4deg) rotateZ(1deg)}62%{transform:translate3d(28%,-3%,145px) rotateY(16deg) rotateZ(3deg)}100%{transform:translate3d(145%,-6%,250px) rotateY(38deg) rotateZ(6deg)}}
@keyframes wt-opening-bend-left{0%{clip-path:polygon(0 0,100% 0,100% 15%,100% 28%,100% 39%,100% 48%,100% 56%,100% 64%,100% 71%,100% 77%,100% 83%,100% 88%,100% 92%,100% 95%,99.7% 97%,98.8% 98.3%,97.3% 99.1%,95.3% 99.7%,93% 100%,0 100%)}42%{clip-path:polygon(0 0,100% 0,99% 15%,97% 28%,90% 39%,88% 48%,93% 56%,98% 64%,97% 71%,90% 77%,80% 83%,65% 88%,51% 92%,42% 95%,37% 97%,34% 98.3%,32% 99.1%,31% 99.7%,30% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,95% 15%,79% 28%,64% 39%,62% 48%,73% 56%,84% 64%,87% 71%,82% 77%,70% 83%,50% 88%,34% 92%,21% 95%,15% 97%,11% 98.3%,8% 99.1%,6% 99.7%,5% 100%,0 100%)}}
@keyframes wt-opening-bend-right{0%{clip-path:polygon(100% 0,0 0,0 15%,0 28%,0 39%,0 48%,0 56%,0 64%,0 71%,0 77%,0 83%,0 88%,0 92%,0 95%,.3% 97%,1.2% 98.3%,2.7% 99.1%,4.7% 99.7%,7% 100%,100% 100%)}42%{clip-path:polygon(100% 0,0 0,1% 15%,3% 28%,10% 39%,12% 48%,7% 56%,2% 64%,3% 71%,10% 77%,20% 83%,35% 88%,49% 92%,58% 95%,63% 97%,66% 98.3%,68% 99.1%,69% 99.7%,70% 100%,100% 100%)}100%{clip-path:polygon(100% 0,0 0,5% 15%,21% 28%,36% 39%,38% 48%,27% 56%,16% 64%,13% 71%,18% 77%,30% 83%,50% 88%,66% 92%,79% 95%,85% 97%,89% 98.3%,92% 99.1%,94% 99.7%,95% 100%,100% 100%)}}
@keyframes wt-opening-fold-light{0%{opacity:.12;transform:translateX(18%)}33%{opacity:.38;transform:translateX(8%)}63%{opacity:.78;transform:translateX(-10%)}100%{opacity:.42;transform:translateX(-30%)}}
@keyframes wt-opening-skip-pass{0%,63%{opacity:1}82%,100%{opacity:0;pointer-events:none}}
@keyframes wt-opening-finish{0%,99.9%{visibility:visible}100%{visibility:hidden;pointer-events:none}}
@media(max-width:600px){.wt-opening-curtains{perspective:950px}.wt-opening-cloth::before{background-size:144px 84px}.wt-opening-brand{top:43%;width:calc(100vw - 28px)}.wt-opening-mark{width:98px;height:98px;margin-bottom:23px}.wt-opening-mark b{font-size:96px;letter-spacing:-10px}.wt-opening-mark i{width:35px;height:35px;top:1px;right:3px}.wt-opening-name{font-size:clamp(25px,6.4vw,35px);letter-spacing:.06em}.wt-opening-en{margin-top:16px;font-size:9px;letter-spacing:.21em}.wt-opening-invitation{margin-top:36px;font-size:13px;letter-spacing:.13em}.wt-opening-edition{left:22px;bottom:max(40px,env(safe-area-inset-bottom));max-width:155px;white-space:normal;transform:none;font-size:7px;line-height:1.7;letter-spacing:.12em}.wt-theme .wt-opening-skip,.wt-opening-skip{right:max(22px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));min-width:96px;font-size:10px;gap:17px}}
@media(max-height:480px){.wt-opening-brand{top:43%}.wt-opening-mark{width:70px;height:68px;margin-bottom:12px}.wt-opening-mark b{font-size:67px;letter-spacing:-7px}.wt-opening-mark i{width:26px;height:26px;right:0}.wt-opening-name{font-size:26px}.wt-opening-en{font-size:8px;margin-top:12px}.wt-opening-invitation{font-size:11px;margin-top:20px}.wt-opening-edition{bottom:27px}}
@media(prefers-reduced-motion:reduce){html.wt-opening-pending .wt-opening,html.wt-opening-playing .wt-opening,.wt-opening-replay{display:none!important}.wt-opening *,.wt-opening *::before,.wt-opening *::after{animation:none!important}}
