.intro{color:#fff;isolation:isolate;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.intro:before{z-index:-2;content:"";opacity:0;background:url(/images/intro/clock_dial.png) 50%/cover no-repeat;animation:1.8s cubic-bezier(.16,1,.3,1) forwards intro_fade_in;position:absolute;inset:0}.intro .bg{z-index:-3;position:absolute;inset:0;overflow:hidden}.intro .bg:after{content:"";pointer-events:none;background:linear-gradient(#222222e6 0%,#2220 65%);position:absolute;inset:0}.intro .bg img{object-fit:cover;object-position:center 40%;width:100%;height:100%;animation:4s cubic-bezier(.16,1,.3,1) forwards intro_slow_zoom}.intro .brand{opacity:0;justify-content:center;width:100%;padding-top:40px;animation:1.8s cubic-bezier(.16,1,.3,1) .2s forwards intro_fade_in;display:flex}.intro .content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8.625rem;width:100%;margin:auto;padding:10.875rem 24px 24px;display:flex}.intro .copy{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.intro .copy h1{font-family:var(--font3);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 4px 20px #00000073,0 2px 8px #0000004d;opacity:0;font-size:5rem;font-weight:700;line-height:1;animation:1.4s cubic-bezier(.16,1,.3,1) .5s forwards intro_fade_up}.intro .copy p{letter-spacing:-.02em;text-shadow:0 2px 14px #00000073;opacity:0;font-size:1.75rem;font-weight:400;line-height:1.4;animation:1.4s cubic-bezier(.16,1,.3,1) 1s forwards intro_fade_up}.intro .open{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;letter-spacing:.08em;opacity:0;background:#0000004d;border:1px solid #fff6;border-radius:2px;justify-content:center;align-items:center;padding:12px 28px;font-size:1.5rem;font-weight:500;line-height:1.4;transition:border-color .3s cubic-bezier(0,0,.2,1),background-color .3s cubic-bezier(0,0,.2,1),box-shadow .3s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);animation:1.4s cubic-bezier(.16,1,.3,1) 1.5s forwards intro_fade_up;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006}.intro .open:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;position:absolute;inset:0;transform:translate(-100%)}.intro .open:hover{background:#ffffff26;border-color:#fff;box-shadow:0 0 25px #ffffff4d}.intro .open:hover:before{animation:1s cubic-bezier(.4,0,.2,1) intro_shimmer}.intro .open:hover span{transform:scale(1.05)}.intro .open:active{transform:scale(.95)}.intro .open span{transition:transform .2s cubic-bezier(0,0,.2,1);position:relative}.intro .foot{color:#fff6;letter-spacing:.2em;text-transform:uppercase;opacity:0;padding-bottom:32px;font-size:.75rem;font-weight:300;line-height:1.4;animation:1.8s cubic-bezier(.16,1,.3,1) 1.5s forwards intro_fade_in}.intro:after{z-index:100;content:"";opacity:0;pointer-events:none;background:#000;transition:opacity .4s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.intro.is_transitioning:after{opacity:1}@keyframes intro_fade_in{0%{opacity:0}to{opacity:1}}@keyframes intro_fade_up{0%{opacity:0;filter:blur(4px);transform:translateY(35px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes intro_slow_zoom{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes intro_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:1279px){.intro .copy h1{font-size:4rem}.intro .copy p{font-size:1.5rem}.intro .open{font-size:1.375rem}}@media (max-width:768px){.intro .brand{padding-top:24px}.intro .content{gap:3rem;padding-top:5rem}.intro .copy{gap:12px}.intro .copy h1{letter-spacing:.12em;font-size:44px}.intro .copy p,.intro .open{font-size:18px}.intro .foot{padding-bottom:16px;font-size:10px}}