@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#020817;--blue:#087aff;--cyan:#70edff;--white:#effaff;--purple:#ad8aff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:'Space Grotesk',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:#8df2ff;color:#001026}.grain{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.12;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.topline{position:absolute;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;z-index:15;border-bottom:1px solid #b3e9ff3d;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em}.wordmark{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:500}.mark{font-size:31px;color:var(--cyan)}.small-word{font-size:9px;color:#c8e7f6a8;margin-left:6px}.topline nav{display:flex;gap:42px}.topline nav a{transition:color .2s}.topline nav a:hover{color:var(--cyan)}.header-code{color:#d2e9ff9a}.blink{color:var(--cyan);animation:blink 2s infinite}@keyframes blink{50%{opacity:.2}}.hero{height:min(1000px,100vh);min-height:740px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 51% 40%,#08337d 0%,#030a25 55%,#01050e 100%)}.hero-stars,.signal-bg,.contact-bg{position:absolute;inset:0;background:url('../assets/background/cosmic-field.jpg') center 35%/cover;opacity:.45;mix-blend-mode:screen}.hero-stars{filter:saturate(1.8) contrast(1.35)}.hero-portrait{--px:0px;--py:0px;position:absolute;z-index:2;left:50%;top:6%;width:min(64vw,960px);height:105%;transform:translate(calc(-50% + var(--px)),var(--py));animation:float 9s ease-in-out infinite;mask-image:radial-gradient(ellipse 57% 60% at 50% 44%,black 48%,transparent 100%)}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 31%;filter:brightness(1.06) saturate(1.25)}@keyframes float{50%{translate:0 -14px}}.hero-vignette{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#020817b8 0%,transparent 36%,transparent 68%,#02081770 100%),linear-gradient(0deg,#020817 0%,transparent 36%,transparent 84%,#02081766 100%);pointer-events:none}.hero-giant{position:absolute;z-index:1;top:21%;left:-3%;width:106%;font:clamp(125px,16.5vw,330px)/.82 'Archivo Black',Impact,sans-serif;letter-spacing:-.105em;text-align:center;color:#91eaff0c;-webkit-text-stroke:1px #8ccfff40}.hero-front{position:relative;z-index:5;height:100%;padding:136px 5% 60px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-index,.signal-bottom,.notes-title>span,.notes-footer,.contact-top,.ca-label,.ca-hint,footer,.interlude>p,.interlude-small,.pulse-message{font:11px/1.5 'DM Mono',monospace;letter-spacing:.16em}.hero-eyebrow{display:flex;justify-content:space-between;max-width:420px;color:#bceeff}.hero-eyebrow span{font-size:25px}.hero-heading{position:relative;margin-top:auto;margin-bottom:100px}.hero-heading h1{font:clamp(100px,11.8vw,226px)/.81 'Archivo Black',Impact,sans-serif;letter-spacing:-.095em;margin:0;max-width:100%;text-shadow:0 5px 60px #00112e}.hero-heading h1 em{font-style:normal;color:#9defff}.period{color:#ba89ff}.ticker-stamp{position:absolute;right:2%;bottom:-22px;transform:rotate(-11deg);width:190px;height:190px;border:3px solid #b0eeff;border-radius:50%;background:#020a24d9;display:flex;flex-direction:column;justify-content:center;align-items:center;font:70px/1 'Archivo Black';box-shadow:0 0 35px #25aeff88,inset 0 0 25px #159fff33}.ticker-stamp small{font:9px/1.5 'DM Mono';text-align:center;letter-spacing:.18em;margin-top:7px}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:17px;line-height:1.6;letter-spacing:.025em;margin:0}.hero-bottom strong{color:#8defff}.discover{font:11px 'DM Mono';letter-spacing:.14em;border-bottom:1px solid #a8edff;padding:15px 0;display:flex;gap:50px;align-items:center}.discover span{font-size:24px}.edge-note{position:absolute;z-index:5;right:1%;top:46%;writing-mode:vertical-rl;font:10px 'DM Mono';letter-spacing:.15em;color:#ffffff80}.tape{height:56px;background:#b4efff;color:#001a38;overflow:hidden;display:flex;align-items:center;transform:rotate(-1deg) scale(1.02);position:relative;z-index:7}.tape-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.tape-unit{flex:none;white-space:nowrap;font:20px 'Archivo Black';letter-spacing:.04em;padding-right:0}@keyframes marquee{to{transform:translateX(-50%)}}.signal{min-height:890px;position:relative;overflow:hidden;background:#050b20;padding:90px 7% 48px}.signal-bg{background-position:center;opacity:.22;filter:hue-rotate(30deg)}.signal:before{content:'';position:absolute;left:49%;top:10%;width:640px;height:640px;border:1px solid #76ceff50;border-radius:50%;box-shadow:0 0 0 85px #5ab9ff09,0 0 0 170px #5ab9ff08;transform:rotate(-25deg) scaleX(.55)}.section-index{position:relative;color:var(--cyan)}.signal-content{position:relative;margin:80px auto 0;max-width:1600px}.signal h2,.notes h2,.interlude h2,.contact h2{font-family:'Archivo Black',Impact,sans-serif;letter-spacing:-.075em}.signal h2{font-size:clamp(82px,9.2vw,170px);line-height:.98;margin:0;position:relative;z-index:2}.signal h2 i{font-style:normal;color:#93e8ff;text-shadow:0 0 40px #46c5ff80}.orbit-symbol{position:absolute;right:5%;top:-100px;font:300px/.9 Georgia,serif;color:#72dfff8a;transform:rotate(-25deg)}.orbit-symbol span{position:absolute;bottom:10%;left:0;font:11px 'DM Mono';letter-spacing:.1em}.signal-text{margin:55px 0 60px 53%;max-width:530px;border-left:1px solid #9cddff70;padding-left:34px;position:relative;font-size:23px;line-height:1.55}.signal-text p{margin:0 0 25px}.asterisk{position:absolute;left:-90px;top:-15px;font-size:45px;color:var(--cyan)}.signal-bottom{position:relative;border-top:1px solid #8ce4ff4f;padding-top:26px;display:flex;justify-content:space-between;color:#c5e5f5a8}.notes{position:relative;min-height:1130px;background:#a4e7ff;color:#00132b;overflow:hidden;padding:90px 6% 40px}.notes:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 65px,#00336b13 66px 67px),repeating-linear-gradient(90deg,transparent 0 65px,#00336b0e 66px 67px);pointer-events:none}.notes-title{position:relative;z-index:3}.notes-title h2{font-size:clamp(78px,8vw,145px);line-height:.92;margin:30px 0 0}.notes-title h2 i{font-style:normal;color:#0863c7}.tiny-star{font-size:.45em;vertical-align:top;margin-left:20px}.notes-scene{height:630px;position:relative}.notes-whale{position:absolute;left:50%;top:-40px;transform:translateX(-50%) rotate(4deg);width:560px;height:600px;clip-path:ellipse(46% 46% at 50% 50%);filter:drop-shadow(0 12px 20px #004d9d)}.notes-whale img{width:100%;height:100%;object-fit:cover}.notes-item{position:absolute;font-size:24px;line-height:1.35;z-index:2}.notes-item b{font:14px 'DM Mono';display:block;border-bottom:2px solid currentColor;padding-bottom:12px}.notes-item p{margin:15px 0}.item-one{left:5%;top:15%}.item-two{right:4%;top:13%}.item-three{left:12%;bottom:6%}.scribble{position:absolute;font:20px 'DM Mono';z-index:3;color:#075bb2;transform:rotate(-12deg)}.scribble-one{right:13%;bottom:15%}.scribble-two{left:26%;top:6%;transform:rotate(12deg)}.notes-footer{border-top:2px solid #00487d;padding-top:20px;position:relative}.interlude{min-height:860px;background:radial-gradient(circle at center,#123f89 0%,#06132f 44%,#020817 78%);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:80px 3%}.interlude:before{content:'';position:absolute;inset:0;background:url('../assets/background/cosmic-field.jpg') center/cover;opacity:.19}.interlude-ring{position:absolute;width:950px;height:380px;border:2px solid #85e6ff91;border-radius:50%;box-shadow:0 0 24px #20bfff80;transform:rotate(35deg)}.ring-b{transform:rotate(-37deg);border-color:#b99dffb8}.ring-c{transform:rotate(90deg);width:800px;height:360px;border-color:#ffffff80}.interlude>p,.interlude h2,.interlude-small,.pulse-button,.pulse-message{position:relative;z-index:2}.interlude>p{color:#a5eaff}.interlude h2{font-size:clamp(90px,11vw,190px);line-height:.95;margin:45px 0 20px;text-shadow:0 0 40px #04122d}.interlude h2 span{color:#a9f3ff}.interlude-small{font-size:17px}.pulse-button{margin-top:65px;background:#a4eeff;color:#00122c;border:2px solid #a4eeff;padding:18px 26px;font:12px 'DM Mono';letter-spacing:.08em;transform:rotate(-2deg);transition:transform .2s,background .2s}.pulse-button:hover{transform:rotate(2deg) scale(1.06);background:#fff}.pulse-button:active{transform:scale(.94)}.pulse-button span{margin-left:20px;font-size:20px}.pulse-message{margin-top:20px;color:#b8e7ffb0;min-height:20px}.shaken .interlude-ring{animation:disturb .65s ease-in-out}@keyframes disturb{25%{scale:1.07}50%{scale:.97}75%{scale:1.04}}.contact{min-height:900px;position:relative;padding:65px 6% 0;overflow:hidden;background:#030b20}.contact-bg{opacity:.19;filter:saturate(1.6)}.contact-top{position:relative;display:flex;justify-content:space-between;color:#a2dfff;border-bottom:1px solid #a4dfff65;padding-bottom:22px}.contact-layout{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center;min-height:680px}.contact h2{font-size:clamp(75px,8vw,150px);line-height:.93;margin:30px 0}.contact h2 i{font-style:normal;color:#a0edff}.contact-left>p{font-size:22px;line-height:1.5;color:#c2dff2}.social-links{margin-top:45px;max-width:540px}.social-links a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a9e6ff80;padding:18px 4px;font:18px 'DM Mono';letter-spacing:.07em;transition:padding .2s,color .2s}.social-links a:last-child{border-bottom:1px solid #a9e6ff80}.social-links a:hover{padding-left:20px;color:#8aeaff}.social-links a span{font-size:25px}.social-links .unconfigured{opacity:.65}.contact-right{align-self:center;min-width:0}.mini-whale{height:330px;width:330px;margin:0 auto 35px;clip-path:circle(48%);border-radius:50%;box-shadow:0 0 60px #119bff}.mini-whale img{width:100%;height:100%;object-fit:cover}.ca-label{color:#9feaff;margin-bottom:12px}.ca-row{display:flex;align-items:stretch;border:1px solid #98e6ff;background:#06132e;min-height:62px}.ca-row>span{padding:19px;flex:1;min-width:0;overflow-wrap:anywhere;font:13px/1.5 'DM Mono';align-content:center}.ca-row button{flex:none;background:#a6edff;border:0;color:#00152b;padding:0 22px;font:12px 'DM Mono';font-weight:500;transition:background .2s}.ca-row button:hover{background:#fff}.ca-row button:active{background:#6fbbef}.ca-hint{color:#8aafc7}footer{position:relative;min-height:82px;border-top:1px solid #a3dfff60;display:flex;justify-content:space-between;align-items:center;color:#b3d9eea8}footer a:hover{color:#fff}.toast{position:fixed;z-index:40;bottom:35px;left:50%;transform:translate(-50%,20px);background:#b2f0ff;color:#02102d;padding:16px 25px;font:13px 'DM Mono';opacity:0;pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.signal-content,.notes-title,.notes-scene,.interlude h2,.contact-layout{opacity:0;translate:0 35px;transition:opacity .85s,translate .85s}.seen{opacity:1;translate:0 0}@media(max-width:1450px){.topline nav{gap:18px}.small-word{display:none}.hero-heading h1{font-size:12vw}.ticker-stamp{width:150px;height:150px;font-size:55px}.notes-whale{width:480px}.notes{min-height:1060px}.notes-scene{height:590px}.contact h2{font-size:7.8vw}}@media(max-width:1100px){.topline{padding:0 3%}.topline nav{gap:13px;font-size:10px}.header-code{display:none}.hero-heading h1{font-size:12.5vw}.hero-portrait{width:86vw}.signal h2{font-size:9vw}.notes-item{font-size:19px}.notes-whale{width:420px}.contact-layout{gap:3%}.ca-row{flex-direction:column}.ca-row button{padding:16px}.mini-whale{width:250px;height:250px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.signal-content,.notes-title,.notes-scene,.interlude h2,.contact-layout{opacity:1;translate:none}}