@font-face{font-family:Departure;src:url(/fonts/DepartureMono-Regular.otf)}@font-face{font-family:TikTok;src:url(/fonts/TikTokSans.ttf)}*{box-sizing:border-box}html,body{background:#071453;min-height:100%;margin:0}body{color:#f7f7f4;font-family:Departure,monospace;overflow-x:hidden}.hero{isolation:isolate;background:#071453;height:max(720px,100vh);min-height:100vh;position:relative;overflow:hidden}.wash{z-index:-3;filter:blur(24px);background:radial-gradient(at 44% 43%,#1737cc 0%,#0d2594 23%,#0000 52%),radial-gradient(at 90% 13%,#102785,#0000 38%),#071453;animation:12s ease-in-out infinite alternate breath;position:absolute;inset:-20%}.grain{z-index:3;pointer-events:none;opacity:.2;mix-blend-mode:soft-light;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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:absolute;inset:0}.grid{z-index:-1;background:linear-gradient(90deg,#0000 4.3%,#ddebff2e 4.35%,#0000 4.4% 34.75%,#ddebff21 34.8%,#0000 34.85% 65.3%,#ddebff21 65.35%,#0000 65.4% 95.55%,#ddebff2e 95.6%,#0000 95.65%),linear-gradient(#0000 33.15%,#ddebff29 33.25%,#0000 33.35% 68.2%,#ddebff29 68.3%,#0000 68.4%);position:absolute;inset:0}.grid:after{content:"＋　　　　　　　　　　　　　　　　　＋　　　　　　　　　　　　　　　　＋　　　　　　　　　　　　　　　　　＋";color:#e6f0ff99;white-space:pre;font-size:21px;position:absolute;top:31.3%;left:2.25%}.masthead{z-index:4;justify-content:space-between;align-items:center;font-size:16px;display:flex;position:absolute;top:5.4%;left:5%;right:5%}.brand{letter-spacing:-.7px;font-family:TikTok,Arial,sans-serif;font-weight:900}.masthead nav{align-items:center;gap:30px;display:flex}.masthead a,.masthead button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:none}.intro{z-index:2;align-items:start;gap:min(21vw,270px);display:flex;position:absolute;top:15.2%;left:5%}.intro h1{letter-spacing:-1.8px;margin:0;font:500 clamp(24px,2.15vw,42px)/.96 TikTok,Arial,sans-serif}.intro p,.bio{letter-spacing:.2px;margin:0;font-size:16px;line-height:1.48}.bio{z-index:2;text-align:left;position:absolute;top:15%;right:5%}.bio span{letter-spacing:2px;font-size:20px}.scene{z-index:1;perspective:850px;pointer-events:none;width:72%;height:48%;position:absolute;top:26%;left:14%}.hello{letter-spacing:-.16em;color:#1f45dc;text-shadow:1px 2px #2d5bf0,2px 4px #2750e0,3px 6px #2448cb,4px 8px #1a379e,5px 10px #142b7f,6px 13px 9px #01072f,0 0 35px #5780ff8c;filter:drop-shadow(0 22px 19px #00000047);place-items:center;font:900 clamp(180px,27vw,500px)/.74 TikTok,Arial,sans-serif;animation:7.6s ease-in-out infinite float;display:grid;position:absolute;inset:0;transform:rotate(-5deg)skewY(-5deg)rotateX(13deg)}.hello:after{content:attr(data-word);color:#0000;-webkit-text-stroke:2px #cbe0ffad;text-shadow:none;opacity:.78;position:absolute;transform:translate(-5px,-8px)}.spark{color:#ffe14c;text-shadow:0 4px #d08000,0 10px 20px #001156;font-size:88px;animation:4s ease-in-out infinite float;position:absolute}.s1{bottom:13%;left:34%}.s2{font-size:58px;animation-delay:-2s;top:50%;right:9%}.sticker{z-index:2;object-fit:contain;filter:drop-shadow(0 5px 4px #00000059);animation:8s ease-in-out infinite sticker;position:absolute}.sticker-one{width:98px;top:3%;left:37%}.sticker-two{width:78px;animation-delay:-2.3s;top:16%;left:47%}.sticker-three{width:78px;animation-delay:-4.5s;bottom:-2%;left:55%}.cursor-shape{z-index:2;clip-path:polygon(0 0,100% 52%,63% 61%,52% 100%);filter:drop-shadow(4px 7px #0d2f9c);background:linear-gradient(135deg,#1b49ce,#4b79ff);width:68px;height:87px;animation:5s ease-in-out infinite cursor;position:absolute;bottom:20%;right:10%;transform:rotate(13deg)}.headline{z-index:2;letter-spacing:-4.5px;color:#fff;font:900 clamp(44px,5.1vw,99px)/.96 TikTok,Arial,sans-serif;position:absolute;bottom:13%;left:5%}.hero.light{color:#050505;background:#b9d8ea}.hero.light .wash{background:radial-gradient(at 48% 47%,#fffaf0 0%,#fffaf0cc 25%,#0000 57%),#b9d8ea}.hero.light .hello{color:#5b8fde;text-shadow:1px 2px #83adf3,2px 4px #759ce0,3px 6px #658bce,5px 10px #557ab5,6px 13px 8px #ffffff80}.hero.light .headline{color:#000}.hero.light .cursor-shape{background:linear-gradient(135deg,#457ee2,#72a8ff)}footer{z-index:4;justify-content:space-between;font-size:15px;display:flex;position:absolute;bottom:5%;left:5%;right:5%}.planet{font:36px/12px TikTok}@keyframes float{50%{transform:translateY(-14px)rotate(-2deg)skewY(-5deg)rotateX(13deg)}}@keyframes sticker{50%{transform:translateY(-10px)rotate(7deg)}}@keyframes cursor{50%{transform:translate(-15px,-10px)rotate(22deg)}}@keyframes breath{to{transform:scale(1.09)translate(1.5%,1%)}}@media (width<=760px){.masthead{top:24px;left:24px;right:24px}.masthead nav{gap:12px;font-size:11px}.intro{gap:28px;top:92px;left:24px}.intro p,.bio{font-size:11px}.bio{top:123px;right:22px}.scene{width:100%;height:42%;top:29%;left:0}.headline{letter-spacing:-2px;bottom:16%;left:24px}.sticker-one{width:66px;left:42%}.sticker-two{width:55px;top:16%;left:53%}footer{font-size:10px;bottom:28px;left:24px;right:24px}}@property --entry-hole{syntax:"<length>";inherits:true;initial-value:-13vmax}@font-face{font-family:Departure;src:url(/assets/DepartureMono-Regular-CJuaY0ws.otf)}@font-face{font-family:TikTok;src:url(/assets/TikTokSans-BmWA4LrB.ttf)}.entry-transition{z-index:10000;pointer-events:auto;contain:strict;--entry-overlay:#efede7;--entry-hole:-13vmax;position:fixed;inset:0}.dark-theme .entry-transition{--entry-overlay:#191b1b}.entry-transition__field{background:var(--entry-overlay);will-change:-webkit-mask-image, mask-image;-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent 0, transparent var(--entry-hole), #00000026 calc(var(--entry-hole) + 2vmax), #000000b3 calc(var(--entry-hole) + 7vmax), #000 calc(var(--entry-hole) + 13vmax));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent 0, transparent var(--entry-hole), #00000026 calc(var(--entry-hole) + 2vmax), #000000b3 calc(var(--entry-hole) + 7vmax), #000 calc(var(--entry-hole) + 13vmax));mask-image:radial-gradient(circle at 50% 50%, transparent 0, transparent var(--entry-hole), #00000026 calc(var(--entry-hole) + 2vmax), #000000b3 calc(var(--entry-hole) + 7vmax), #000 calc(var(--entry-hole) + 13vmax));position:absolute;inset:-1px}.entry-transition__field:after{display:none}.entry-progress{background:color-mix(in srgb, var(--entry-overlay) 78%, #7a7a7a);width:140px;height:6px;transition:opacity .25s linear;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.entry-progress__value{background:color-mix(in srgb, var(--entry-overlay) 15%, #323232);width:100%;height:100%;transform:scaleX(var(--entry-progress,0));transform-origin:0;transition:transform .16s linear;display:block}.entry-transition.is-revealing{pointer-events:none;animation:.8s cubic-bezier(.67,0,.83,.83) forwards entry-hole-open}.entry-transition.is-revealing .entry-progress{opacity:0;transition-delay:0s}.entry-transition.is-finished{display:none}@keyframes entry-hole-open{0%{--entry-hole:-13vmax}to{--entry-hole:150vmax}}@supports not (background:color-mix(in srgb, #000, #fff)){.entry-progress{background:#c7c5c0}.entry-progress__value{background:#353535}}@media (prefers-reduced-motion:reduce){.entry-transition.is-revealing{animation-duration:.18s}.entry-transition.is-revealing .entry-progress{transition-delay:0s}}
