body{margin:0;padding:0}section{height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:16px clamp(16px,4vw,32px);position:relative;isolation:isolate}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;pointer-events:none;animation:smokeAppear 2s ease-in-out forwards;animation-delay:1.5s}@keyframes smokeAppear{0%{opacity:0}50%{opacity:.4}to{opacity:.3}}h1{margin:0;padding:0;text-align:center;color:#fff;font-size:clamp(2.5rem,10vw,5rem);font-family:sans-serif;text-transform:uppercase;font-family:Source Code Pro;font-weight:900;z-index:2;max-width:min(90vw,1080px)}h1 span{display:inline-block;opacity:0;color:#fff;animation:animate 1s linear forwards}@keyframes animate{0%{opacity:0;transform:rotateY(90deg);filter:blur(10px)}to{opacity:1;transform:rotateY(0);filter:blur(0)}}h1 span:nth-child(1){opacity:0;animation-delay:2s}h1 span:nth-child(2){opacity:0;animation-delay:2.5s}h1 span:nth-child(3){opacity:0;animation-delay:2.75s}h1 span:nth-child(4){opacity:0;animation-delay:3s}h1 span:nth-child(5){opacity:0;animation-delay:3.25s}h1 span:nth-child(6){opacity:0;animation-delay:3.5s}h1 span:nth-child(7){opacity:0;animation-delay:3.5s}h1 span:nth-child(8){opacity:0;animation-delay:3.75s}h1 span:nth-child(9){opacity:0;animation-delay:4s}h1 span:nth-child(10){opacity:0;animation-delay:4.25s}h1 span:nth-child(11){opacity:0;animation-delay:4.5s}.cta{opacity:0;z-index:2;animation:ctaIn .8s ease forwards;animation-delay:6s}.cta button{margin-top:8px;outline:none;cursor:pointer;border:none;padding:clamp(.75rem,2.5vw,.95rem) clamp(1.5rem,6vw,2.3rem);font-family:inherit;letter-spacing:.05rem;font-weight:700;font-size:clamp(15px,4vw,18px);border-radius:500px;overflow:hidden;background:#6f6;color:#f8f8ff;position:relative;display:inline-block;border:2px solid #fff}.cta button span{position:relative;z-index:10;transition:color .4s}.cta button:hover span{color:#000}.cta button:before,.cta button:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.cta button:before{content:"";background:#000;width:120%;left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1)}.cta button:hover:before{transform:translate3d(100%,0,0)}@keyframes ctaIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cursor-segment{position:fixed;height:4px;border-radius:999px;pointer-events:none;animation:fadeOut 1s linear forwards}@keyframes fadeOut{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.5)}}