.intro-running{overflow:hidden!important}
.intro-running>.desktop-layout,.intro-running>.mobile-layout,.intro-running>.site-rail,.intro-running>.skip-link{opacity:0}
.desktop-layout,.mobile-layout,.site-rail{transition:opacity .55s ease}
.opening-sequence{position:fixed;inset:0;z-index:1000;color:#eee9ca;overflow:hidden;isolation:isolate;contain:layout paint;pointer-events:auto}
.opening-curtain{position:absolute;top:0;bottom:0;width:50.05%;background:#000;z-index:0;transition:transform 1.2s cubic-bezier(.76,0,.24,1);will-change:transform}
.curtain-left{left:0}.curtain-right{right:0}
.opening-sequence.finishing .curtain-left{transform:translateX(-100%)}
.opening-sequence.finishing .curtain-right{transform:translateX(100%)}
.opening-photos{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.opening-photo{position:absolute;margin:0;width:15.6vw;height:8.75vw;top:calc(-22vh + var(--row)*24vh + var(--column-offset));overflow:hidden;opacity:0;filter:brightness(.58) saturate(.72);will-change:transform,opacity}
.opening-photo img{display:block;width:100%;height:100%;object-fit:cover}
.opening-photo.from-left{left:2.7vw}.opening-photo.from-right{right:2.7vw}
.opening-sequence.play .opening-photo{animation:reference-photo-travel 3.15s cubic-bezier(.24,.65,.26,1) both}
.opening-sequence.play .opening-photo.from-right{animation-delay:-.12s}
.opening-sequence.finishing .opening-photos{opacity:0;transition:opacity .7s ease .18s}
.opening-guides{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity .75s ease}
.opening-guide{position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed #eee9ca0c}
.guide-left{left:33.3333%}.guide-right{left:66.6667%}
.opening-guide>span{position:absolute;top:calc(var(--tick)*6.8vh + 1.5vh);left:-2px;writing-mode:vertical-rl;color:#eee9ca1b;font:7px/1 Arial,sans-serif;letter-spacing:.03em}
.opening-guide>span::after{content:'';position:absolute;width:5px;height:1px;background:#eee9ca13;top:0;left:-2px}
.opening-centerline{position:absolute;z-index:2;left:50%;top:34%;height:33%;width:1px;background:#eee9ca24;transform:scaleY(0);transform-origin:center;pointer-events:none}
.opening-sequence.play .opening-centerline{animation:reference-centerline .65s ease 2.5s both}
.opening-sequence.finishing .opening-guides,.opening-sequence.finishing .opening-centerline{opacity:0;transition:opacity .7s ease .4s}
.opening-counter{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);height:1.05em;overflow:hidden;font:400 clamp(42px,4.2vw,76px)/1.05 Lava,serif;direction:ltr;opacity:0}
.opening-counter-track{display:flex;flex-direction:column;align-items:center;will-change:transform}
.opening-counter-track>span{height:1.05em;flex:none;display:block}
.opening-sequence.play .opening-counter{animation:reference-counter-visibility 1.65s linear both}
.opening-sequence.play .opening-counter-track{animation:reference-counter-roll 1.25s cubic-bezier(.65,0,.35,1) both}
.opening-title{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:0;pointer-events:none}
.opening-title h1{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:.22em;margin:0;font-family:Lava,serif;font-size:clamp(34px,4.2vw,80px);font-weight:400;line-height:1.12;white-space:nowrap;letter-spacing:normal;opacity:0;direction:rtl}
.opening-word{display:block;overflow:hidden;will-change:transform;max-width:100vw}
.opening-word-inner{display:block;transform:translateY(112%);will-change:transform}
.opening-sequence.play .opening-title h1{animation:reference-name-visible 2.8s linear 1.4s both}
.opening-sequence.play .opening-word-inner{animation:reference-name-rise .7s cubic-bezier(.22,1,.36,1) 1.45s both}
.opening-sequence.play .opening-word-main{animation:reference-name-right 1.05s cubic-bezier(.76,0,.24,1) 2.45s both}
.opening-sequence.play .opening-word-young{animation:reference-name-left 1.05s cubic-bezier(.76,0,.24,1) 2.45s both}
.opening-skip{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;background:transparent;color:#eee9ca88;border:0;border-bottom:1px solid #eee9ca24;padding:5px 0;font:400 13px Lava,serif;cursor:pointer;transition:color .2s,opacity .3s}
.opening-skip:hover,.opening-skip:focus-visible{color:#eee9ca}
.opening-sequence.finishing .opening-skip{opacity:0;pointer-events:none}
@keyframes reference-photo-travel{0%{opacity:0;transform:translate3d(0,26vh,0)}8%{opacity:.9}45%{opacity:.9;transform:translate3d(0,-46vh,0)}68%{opacity:0}100%{opacity:0;transform:translate3d(0,-77vh,0)}}
@keyframes reference-counter-roll{0%,8%{transform:translateY(0)}30%{transform:translateY(-3%)}62%{transform:translateY(-71%)}82%,100%{transform:translateY(-99%)}}
@keyframes reference-counter-visibility{0%,83%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -1.05em}}
@keyframes reference-name-visible{0%{opacity:0}4%,73%{opacity:1}100%{opacity:0}}
@keyframes reference-name-rise{to{transform:translateY(0)}}
@keyframes reference-name-right{0%{transform:translateX(0)}100%{transform:translateX(21vw)}}
@keyframes reference-name-left{0%{transform:translateX(0)}100%{transform:translateX(-21vw)}}
@keyframes reference-centerline{to{transform:scaleY(1)}}
@media(max-width:700px){.opening-photo{width:20vw;height:13vw;top:calc(-15vh + var(--row)*22vh + var(--column-offset))}.opening-photo.from-left{left:1.5vw}.opening-photo.from-right{right:1.5vw}.opening-title h1{font-size:clamp(27px,6.4vw,46px);gap:.2em}.opening-counter{font-size:46px}.opening-guide>span{font-size:6px}.opening-centerline{height:25%;top:38%}.opening-skip{bottom:22px}}
@media(prefers-reduced-motion:reduce){.opening-curtain{transition:opacity .2s}.opening-photos,.opening-counter,.opening-guides,.opening-centerline{display:none}.opening-sequence .opening-title h1{animation:none!important;opacity:1}.opening-sequence .opening-word,.opening-sequence .opening-word-inner{animation:none!important;transform:none}.opening-sequence.finishing{opacity:0;transition:opacity .2s}.opening-skip{display:none}}

.opening-guides::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#eee9ca12}

.opening-sequence.play .opening-photo:nth-child(9),.opening-sequence.play .opening-photo:nth-child(14){animation-name:reference-photo-anchor}.opening-photo:nth-child(14){top:156vh}@keyframes reference-photo-anchor{0%{opacity:0;transform:translate3d(0,26vh,0)}8%{opacity:.9}45%{opacity:.9;transform:translate3d(0,-46vh,0)}100%{opacity:.9;transform:translate3d(0,-77vh,0)}}