:root{font-family:Arial,Helvetica,sans-serif;background:#000;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.experience{position:relative;width:100%;height:100dvh;overflow:hidden;background:#000}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;visibility:hidden;opacity:0;text-align:center}.scene-one,.scene-three,.scene-five{background:#000;color:red}.scene-two,.scene-four{background:#f00005;color:#080808}.scene-two:before,.scene-four:before,.scene-final:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.scene-one{animation:one 2.15s both}.big-message{display:flex;flex-direction:column;align-items:center;line-height:.83;font-weight:800;font-size:clamp(20px,3vw,42px);letter-spacing:-.055em}.big-message strong{font-size:3.2em;letter-spacing:-.08em;animation:big .55s .5s both}.something{animation:show .2s both}.is-coming{animation:show .25s .85s both;margin-top:.12em}.scene-two{animation:two 1.35s 2.15s both}.beginning{font-size:clamp(26px,3.2vw,46px);line-height:.9;letter-spacing:-.07em}.beginning strong,.beginning b{font-weight:800}.beginning em{font-family:Georgia,serif;font-weight:400;font-style:normal;letter-spacing:-.06em}.scene-three{animation:three 1.5s 3.5s both}.scene-three p{font-weight:700;font-size:clamp(25px,3vw,44px);letter-spacing:-.05em}.scene-four{animation:four 2.6s 5s both}.scene-four:after{content:"";position:absolute;top:-20%;right:0;bottom:-20%;left:0;background:linear-gradient(transparent 30%,#000 30%,#000 32%,transparent 32%,transparent 68%,#000 68%,#000 71%,transparent 71%);animation:glitch .35s 5s both;pointer-events:none}.chapter{display:flex;flex-direction:column;align-items:center;font-size:clamp(22px,2.7vw,40px);letter-spacing:-.04em;line-height:1}.chapter span{animation:show .5s 5.2s both}.chapter strong{font-size:2.8em;letter-spacing:-.075em;animation:reveal .55s 5.7s both}.scene-five{animation:five 1.4s 7.6s both}.scene-five p{font-size:clamp(25px,3vw,44px);font-weight:300;letter-spacing:-.06em}.scene-five strong{font-weight:800}.scene-final{background:radial-gradient(ellipse at center,#720e10,#55080b 60%,#350407);animation:final-in .55s 9s forwards}.scene-final img{position:relative;width:min(34vw,360px);height:auto;animation:final-logo 1.2s 9s both}@keyframes one{0%,94%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@keyframes two{0%,94%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@keyframes three{0%,94%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@keyframes four{0%,96%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@keyframes five{0%,90%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@keyframes final-in{to{visibility:visible;opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes big{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch{0%{opacity:1;transform:translateY(-12%)}to{opacity:0;transform:translateY(12%)}}@keyframes final-logo{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.scene-final img{width:min(65vw,360px)}}@media(prefers-reduced-motion:reduce){.scene{animation:none!important}.scene-final{visibility:visible;opacity:1}.scene-final img{animation:none;opacity:1}}.experience{direction:ltr}.scene-two,.scene-three,.scene-four,.scene-five{animation-fill-mode:forwards}.scene-final{background:#f5f3ee}.scene-final:before{display:none}.experience,.scene-one,.scene-three,.scene-five{background:#1a1c1e}.chapter{font-size:clamp(28px,3.5vw,48px);gap:.18em}.chapter strong{font-size:2em;line-height:1;letter-spacing:-.065em}.chapter span:last-child{margin-top:.12em}.chapter span:first-child{animation-delay:5.15s}.chapter strong{animation-delay:5.45s}.chapter span:last-child{animation-delay:5.95s}.replay{position:absolute;bottom:clamp(28px,6vh,60px);left:50%;transform:translate(-50%);padding:9px 16px;border:1px solid #153f4d55;border-radius:100px;background:transparent;color:#153f4d;font:500 12px Arial,sans-serif;letter-spacing:.08em;cursor:pointer;opacity:0;animation:show .6s 10s forwards}.replay:hover{background:#153f4d;color:#f5f3ee}.replay:focus-visible{outline:2px solid #153f4d;outline-offset:4px}@media(prefers-reduced-motion:reduce){.replay{animation:none;opacity:1}}.socials{position:absolute;top:calc(50% + clamp(85px,9vw,125px));left:50%;transform:translate(-50%);display:flex;gap:12px;opacity:0;animation:show .7s 9.8s forwards}.socials a{display:inline-flex;align-items:center;gap:16px;padding:10px 15px;border:1px solid rgba(21,63,77,.25);border-radius:3px;color:#153f4d;text-decoration:none;font:600 12px Arial,sans-serif;letter-spacing:.03em;transition:background .2s,color .2s,border-color .2s}.socials a span{font-size:14px}.socials a:hover{background:#153f4d;border-color:#153f4d;color:#f5f3ee}.socials a:focus-visible{outline:2px solid #153f4d;outline-offset:4px}@media(prefers-reduced-motion:reduce){.socials{animation:none;opacity:1}}.big-message{width:clamp(220px,26vw,370px);font-size:clamp(25px,2.9vw,41px);line-height:.94;letter-spacing:-.055em}.big-message span{white-space:nowrap}.big-message strong{font-size:3.55em;line-height:.76;letter-spacing:-.075em;margin:.1em 0 .12em}.is-coming{margin-top:0}.big-message .is-coming{letter-spacing:.045em}.big-message{align-items:stretch}.big-message .something,.big-message .is-coming,.big-message strong{display:flex;width:100%;justify-content:space-between;letter-spacing:0}.big-message strong{font-size:clamp(85px,10.3vw,145px)}.big-message strong{font-size:clamp(108px,13vw,183px)}.big-message strong{width:calc(100% + .1em);margin-left:-.05em}.big-message .something{padding-left:2px}.replay{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #df1b19;color:#df1b19;background:transparent;border-radius:50%;font:400 27px/1 Arial,sans-serif}.replay:hover{background:#df1b19;color:#fff;border-color:#df1b19}.replay:focus-visible{outline-color:#df1b19}.replay svg{display:block;grid-area:1/1;flex:none}@media(max-width:600px){.big-message{width:min(72vw,280px);font-size:clamp(22px,6vw,31px)}.big-message strong{font-size:clamp(94px,28vw,145px)}.chapter{font-size:clamp(23px,6vw,34px)}.chapter strong{font-size:clamp(46px,12vw,68px)}.scene-final img{max-height:38vh;object-fit:contain}.replay{bottom:max(22px,env(safe-area-inset-bottom))}}@media(max-height:450px)and (orientation:landscape){.big-message{width:min(33vw,220px);font-size:clamp(17px,5vh,25px)}.big-message strong{font-size:clamp(66px,23vh,105px)}.chapter{font-size:clamp(20px,6vh,30px)}.chapter strong{font-size:clamp(42px,15vh,66px)}.scene-final img{width:min(38vw,300px);max-height:45vh;object-fit:contain}.replay{bottom:16px}}.scene-two .beginning,.scene-three p,.scene-five p{font-size:clamp(32px,3.6vw,50px)}@media(max-width:600px){.scene-two .beginning,.scene-three p,.scene-five p{font-size:clamp(30px,8vw,40px)}.replay{bottom:max(48px,calc(env(safe-area-inset-bottom) + 32px))}}.scene-two{animation-duration:1.7s}.scene-three{animation-delay:3.85s}.scene-four{animation-delay:5.35s}.scene-four:after{animation-delay:5.35s}.chapter span:first-child{animation-delay:5.5s}.chapter strong{animation-delay:5.8s}.chapter span:last-child{animation-delay:6.3s}.scene-five{animation-delay:7.95s}.scene-final,.scene-final img{animation-delay:9.35s}.replay{animation-delay:10.35s}.beginning{line-height:1.04}.big-message{width:clamp(205px,23vw,330px)}.big-message strong{font-size:clamp(100px,11.8vw,165px)}@media(max-width:600px){.big-message{width:min(66vw,255px)}.big-message strong{font-size:clamp(90px,25vw,132px)}}@media(max-height:450px)and (orientation:landscape){.big-message{width:min(30vw,205px)}.big-message strong{font-size:clamp(62px,21vh,96px)}}@media(max-width:600px){.big-message strong{font-size:clamp(105px,29vw,155px)}}.big-message strong{display:block;width:100%;margin-left:0;text-align:center;white-space:nowrap;letter-spacing:-.075em;font-size:clamp(100px,12vw,165px);transform:scaleX(1.15)}@media(max-width:600px){.big-message strong{font-size:clamp(100px,29vw,150px)}}@media(max-height:450px)and (orientation:landscape){.big-message strong{font-size:clamp(66px,22vh,100px)}}.big-message strong{scale:1.15 1}.big-message strong{scale:1.3 1}.big-message{width:max-content;max-width:90vw}.big-message .something,.big-message .is-coming{display:block;width:auto;text-align:center;padding:0;letter-spacing:-.04em}.big-message .is-coming{letter-spacing:0}.big-message strong{width:100%;scale:1 1;font-size:3.15em;letter-spacing:-.075em}@media(max-width:600px){.big-message{width:max-content;max-width:90vw}.big-message strong{font-size:3.15em}}@media(max-height:450px)and (orientation:landscape){.big-message{width:max-content}.big-message strong{font-size:3.15em}}.big-message strong{scale:1.12 1}.big-message{font-size:clamp(28px,3.2vw,45px)}@media(max-width:600px){.big-message{font-size:clamp(25px,6.7vw,34px)}}@media(max-height:450px)and (orientation:landscape){.big-message{font-size:clamp(19px,5.5vh,27px)}}@media(max-width:600px)and (orientation:portrait){.big-message{font-size:clamp(28px,7.5vw,38px)}.scene-two .beginning,.scene-three p,.scene-five p{font-size:clamp(33px,8.8vw,44px)}.chapter{font-size:clamp(26px,6.7vw,38px)}.chapter strong{font-size:clamp(52px,13.5vw,76px)}}.scene-two{animation-duration:2.4s}.scene-three{animation-delay:4.55s}.scene-four{animation-delay:6.05s}.scene-four:after{animation-delay:6.05s}.chapter span:first-child{animation-delay:6.2s}.chapter strong{animation-delay:6.5s}.chapter span:last-child{animation-delay:7s}.scene-five{animation-delay:8.65s}.scene-final,.scene-final img{animation-delay:10.05s}.replay{animation-delay:11.05s}