:root{--body:"Poppins",sans-serif;--Aref-Ruqaa-Ink:"Aref Ruqaa Ink",serif;--Metamorphous:"Metamorphous",serif}body{font-family:var(--body);margin:0}.backgroundAtmosphere{background-image:url(/assets/TCC_Backg-CGfe9sGg.jpg)}.hero{background-image:url(/assets/TCC_Backg-CGfe9sGg.jpg);background-position:50%;background-size:cover;min-height:100vh;position:relative;overflow:hidden}.fog{pointer-events:none;position:absolute;inset:0}@keyframes fog-drift{0%{transform:translate(-20%)translateY(20px)}to{transform:translate(15%)translateY(-8%)}}.fog:before{content:"";filter:blur(33px);opacity:.45;mix-blend-mode:screen;background:radial-gradient(closest-side at 5% 85%,#1e1e1e66,#0000 88%),radial-gradient(closest-side at 45% 95%,#1e1e1e66,#0000 88%),radial-gradient(closest-side at 80% 85%,#1e1e1e66,#0000 88%),linear-gradient(#0000 30%,#ffffff7a);height:70%;animation:30s ease-in-out infinite alternate fog-drift;position:absolute;bottom:-8%;left:-10%;right:-10%}.tower-wrapper{height:80%;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.tower{width:100%;height:80vh;display:block}.observatory{position:absolute;top:0;right:0}.observatoryRed{opacity:1;width:100%;height:100%;transition:opacity .5s ease-out;display:block;inset:0}.ship-wrapper{border-bottom:1px solid #fff;width:100%;position:absolute;bottom:150px}.ship{width:50px;position:relative;left:400px}.cls-1{fill:none}.cls-1,.cls-2{stroke-width:0}.cls-2{fill:gray;cursor:pointer;transition:fill .5s}.cls-2:hover{fill:red}.title{opacity:0;transition:opacity .5s;position:absolute;top:50px;right:-250px}.title h2,.title p{color:#bf0717;font-family:var(--Metamorphous);margin:0}.observatory:has(.cls-2:hover) .title{opacity:1}.logo-wrapper{width:40%;position:absolute;top:50%;right:clamp(20px,4vw,120px);transform:translateY(-50%)}.logo{width:100%;height:auto;display:block}.chaos-layer{gap:.3em;display:flex;position:absolute;top:75%;left:25%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes sink{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes bounce{0%{transform:translate(0)}50%{transform:translate(-5px)}to{transform:translate(0)}}.chaos-letter{width:18%;display:inline-block}.chaos-letter--1{animation:10s infinite float}.chaos-letter--2{animation:5s infinite sink}.chaos-letter--3{animation:7s infinite float}.chaos-letter--4{animation:8s infinite bounce}.chaos-letter--5{animation:4s infinite sink}