.autonomous-film{position:relative;height:1050px;background:#010506;color:#edfafa;overflow:hidden}.autonomous-film canvas{position:absolute;inset:0;width:100%;height:100%}.auto-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 0 30%,rgba(1,5,6,.42) 72%,rgba(1,5,6,.9)),linear-gradient(0deg,#010506 0,transparent 18%,transparent 82%,#010506 100%)}.auto-copy{position:absolute;z-index:3;left:max(24px,7vw);top:11%;max-width:580px;transition:opacity .9s,transform 1s}.auto-copy.swap{opacity:0;transform:translateY(-22px)}.auto-copy small{font:800 .66rem ui-monospace,monospace;color:#ff8a00;letter-spacing:.14em}.auto-copy h2{font-size:clamp(3rem,8vw,7rem);line-height:.86;letter-spacing:-.06em;margin:18px 0}.auto-copy h2 span{color:#22eef2}.auto-copy p{color:#82979c;font-size:clamp(.96rem,1.7vw,1.18rem);line-height:1.65}.auto-exits{position:absolute;z-index:4;left:max(24px,7vw);right:max(24px,7vw);bottom:8%;display:flex;justify-content:space-between;align-items:flex-end}.auto-phase{font:800 .64rem ui-monospace,monospace;letter-spacing:.12em;color:#6e858a}.auto-links{display:flex;gap:22px}.auto-links a{color:#e4f9fa;text-decoration:none;font:800 .67rem ui-monospace,monospace;letter-spacing:.09em;border-bottom:1px solid rgba(34,238,242,.35);padding-bottom:5px}.auto-links a:hover{color:#ff9a20;border-color:#ff9a20}.auto-timeline{position:absolute;z-index:4;left:max(24px,7vw);right:max(24px,7vw);bottom:4%;height:1px;background:rgba(255,255,255,.1)}.auto-timeline i{display:block;height:100%;width:0;background:linear-gradient(90deg,#22eef2,#ff8a00)}@media(max-width:720px){.autonomous-film{height:920px}.auto-copy{left:20px;right:20px;top:9%}.auto-copy h2{font-size:clamp(3rem,15vw,5.2rem)}.auto-exits{left:20px;right:20px;bottom:9%;display:block}.auto-links{margin-top:16px;gap:16px;flex-wrap:wrap}.auto-timeline{left:20px;right:20px;bottom:4%}}