:root{--c-bg: #000000;--c-human: #BEFF00;--c-machine: #6B00FF;--c-light: #E8E4E0;--f-display: "Anton", sans-serif;--f-body: "Syne", sans-serif;--ease-out: cubic-bezier(.215, .61, .355, 1)}*{box-sizing:border-box;margin:0;padding:0;cursor:none}body{background-color:var(--c-bg);color:var(--c-light);font-family:var(--f-display);-webkit-font-smoothing:antialiased}#root{width:100vw;height:100vh;overflow:hidden}.app-container{background:radial-gradient(ellipse at center,#0a0014,#000 70%);color:var(--c-light);font-family:var(--f-display);height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase;position:relative}.cursor{position:fixed;top:0;left:0;width:20px;height:20px;background-color:var(--c-light);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference;border-radius:50%;transition:width .2s,height .2s,opacity .2s,transform .2s}.cursor.active{width:15px;height:15px}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;z-index:5;position:relative}.title-wrapper{display:flex;flex-direction:column;align-items:center;line-height:.82;transform:skew(-10deg);transform-style:preserve-3d;transition:transform .1s linear;will-change:transform}.word-container{position:relative}.word-container.has-video{overflow:hidden}.word-video{position:absolute;top:50%;left:50%;min-width:120%;min-height:120%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.title-h1{font-size:24vw;white-space:nowrap;margin:0;padding:0 2vw;letter-spacing:-.02em;position:relative;animation:slamIn .8s var(--ease-out) forwards}.word-1 .title-h1{background-image:url(https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?auto=format&fit=crop&q=80&w=1400);background-size:cover;background-position:center 30%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.word-2 .title-h1{background-image:url(https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=1400);background-size:cover;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation-delay:.1s}.word-container.has-video{isolation:isolate;overflow:hidden}.word-container.has-video .title-h1{display:block;background:var(--c-bg);background-image:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:white;color:#fff;mix-blend-mode:multiply;z-index:1}.word-2{margin-top:-1vw}.word-2 .word-video{filter:brightness(2.5)}.title-wrapper:hover .word-1 .title-h1{background-image:none;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--c-human)}.title-wrapper:hover .word-2 .title-h1{background-image:none;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--c-machine)}.title-wrapper:hover .word-container.has-video .title-h1{mix-blend-mode:normal}.subtitle{font-family:var(--f-body);font-weight:700;font-size:clamp(.7rem,1.2vw,1.1rem);letter-spacing:.1em;margin-top:2.5vw;transform:skew(10deg);display:flex;gap:1.5em;opacity:0;animation:fadeUp .6s var(--ease-out) .9s forwards}.subtitle span{transition:color .2s ease}.subtitle span{color:var(--c-light);opacity:.7}.subtitle span:nth-child(2),.subtitle span:nth-child(4){opacity:.35}.footer{position:absolute;bottom:2vh;left:0;right:0;display:flex;justify-content:center;font-family:var(--f-body);font-size:.8rem;letter-spacing:.05em;z-index:10}.contact-link{color:var(--c-human);text-decoration:none;opacity:.5;font-weight:700;cursor:none;transition:opacity .3s ease;padding:1rem 2rem}.contact-link:hover{opacity:1}@media(max-width:768px){.title-h1{font-size:28vw}.subtitle{font-size:.65rem;letter-spacing:.2em;gap:1em}}@keyframes slamIn{0%{transform:scale(2) translateY(-100px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:skew(10deg) translateY(10px)}to{opacity:1;transform:skew(10deg) translateY(0)}}