@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/rubik-latin.woff2) format("woff2")}:root{font-family:Rubik,Arial,sans-serif;color:#f2f2f2;background:#eeeeec;font-synthesis:none;--muted: #888;--ease: cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid currentColor;outline-offset:8px}[hidden]{display:none!important}::selection{background:#eee;color:#111}.frame{margin:20px;background:#101010;min-height:calc(100svh - 40px);position:relative;overflow:clip}.header{height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.wordmark{font-size:24px;font-weight:400;letter-spacing:.23em;line-height:1}.landing{height:calc(100svh - 116px);min-height:430px;position:relative}.ship-position{position:absolute;top:calc(36% - 100px);left:50%;width:clamp(290px,28vw,400px);transform:translate(-50%);z-index:3;pointer-events:none}.ship-flight{position:relative;animation:arrival .52s var(--ease) both}.ship-hover{position:relative}.ufo-render{width:100%;aspect-ratio:600 / 320;position:relative;z-index:2;display:none}.ufo-render canvas{display:block;width:100%;height:100%}.has-webgl .ufo-render{display:block}.has-webgl .ufo-fallback{display:none}.ufo-fallback{width:100%;height:auto;padding:20px 0}.beam{position:absolute;top:67%;left:50%;width:var(--beam-width, 440px);height:var(--beam-height, 240px);transform:translate(-50%) scaleX(.85);transform-origin:top;opacity:0;pointer-events:none;background:linear-gradient(180deg,#ffffff38,#ffffff12 65%,#fff0);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);transition:opacity .32s ease,transform .5s var(--ease)}.menu-window{position:absolute;top:49%;left:0;right:0;height:210px;overflow:hidden;touch-action:pan-y}.menu-track{display:flex;align-items:center;gap:clamp(80px,12vw,190px);width:max-content;padding:14px 0 30px;will-change:transform}.menu-track>a{display:block;position:relative;flex-shrink:0;white-space:nowrap;transform-origin:50% 0;transition:opacity .28s ease}.menu-label{font-size:clamp(84px,8.4vw,156px);font-weight:700;letter-spacing:-.035em;line-height:1.05;display:block}.menu-track>a:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:5px;border-radius:0 0 6px 6px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .16s var(--ease)}.menu-track>a:hover:after,.menu-track>a:focus-visible:after{transform:scaleX(1)}.skip-link{position:absolute;left:30px;top:-70px;z-index:100;background:#fff;color:#111;padding:10px}.skip-link:focus{top:20px}.locking .menu-window{overflow:visible}.locking .menu-track>a:not(.selected){opacity:.12}.locking .menu-track>a.selected:after{transform:scaleX(0)}.locking .beam{opacity:1;transform:translate(-50%) scaleX(1)}.abducting .selected{transform-origin:center;will-change:transform,opacity;animation:abduct 1.05s cubic-bezier(.42,0,.58,1) forwards}.abducting .selected .menu-label{will-change:transform;animation:abduct-spin 1.05s cubic-bezier(.42,0,.58,1) forwards}.abducting .menu-track>a:not(.selected){opacity:0}.departing .ship-flight{animation:depart .4s cubic-bezier(.45,.02,.7,.4) forwards}.departing .beam{opacity:0;transform:translate(-50%) scaleX(.2);transition-duration:.22s}.page-wipe{position:fixed;inset:20px;z-index:50;pointer-events:none;overflow:hidden}.page-wipe:before{content:"";position:absolute;inset:0;background:#101010;transform:translateY(100%)}.page-wipe.cover:before{transform:translateY(0);transition:transform .18s cubic-bezier(.7,0,.3,1)}.page-wipe.reveal:before{transform:translateY(-100%);transition:transform .36s cubic-bezier(.65,0,.25,1)}.page-nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase}.page-nav a{padding:8px 0;color:#999;transition:color .12s}.page-nav a:hover,.page-nav a[aria-current]{color:#f2f2f2}.page-nav a[aria-current]{box-shadow:0 1px #f2f2f2}.destination{position:relative;padding:40px 7% 80px;animation:page-in .48s var(--ease)}.page-heading{position:relative;border-bottom:1px solid #555;padding-bottom:32px}.small-label,.project-caption>span,.contact-placeholder{font-size:10px;letter-spacing:.12em;font-weight:500;color:#a5a5a5}.page-heading h1{font-size:clamp(62px,7.5vw,120px);text-transform:uppercase;font-weight:700;letter-spacing:-.045em;line-height:1.03;margin:22px 0 0;outline:none}.page-star{display:none}.page-intro{font-size:clamp(24px,3vw,40px);line-height:1.35;letter-spacing:-.035em;margin:42px 0 58px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-art{height:300px;position:relative;overflow:hidden;background:#1d1d1d;display:grid;place-items:center}.project-art>span{position:absolute;bottom:20px;left:20px;font-size:11px;letter-spacing:.12em;color:#afafaf}.orbit-art div{width:170px;height:170px;border-radius:50%;border:1px solid #d3d3d3;box-shadow:inset 25px 0 55px #c2c2c244,0 0 65px #c2c2c211;transform:rotate(-30deg)}.orbit-art div:after{content:"";position:absolute;inset:45px -58px;border-radius:50%;border:1px solid #c2c2c2;transform:rotate(-20deg)}.terrain-art{background:repeating-radial-gradient(ellipse at 80% 120%,#303030 0 2px,#161616 3px 19px)}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:10px}.project h2{font-size:19px;font-weight:500}.project-caption>span{font-size:8px;color:var(--muted)}.project p,.text-layout p,.empty-note p,.contact-panel p{color:#989898;line-height:1.8;font-size:15px}.text-layout{display:grid;grid-template-columns:1fr 2fr;gap:40px;max-width:870px;margin-bottom:70px}.text-layout h2,.empty-note h2{font-size:25px;font-weight:400;margin-top:0}.text-link{display:inline-block;margin-top:20px;color:#fff;border-bottom:1px solid #575757;padding-bottom:8px}.empty-note{padding:35px 0 70px;border-top:1px solid #323232;max-width:750px}.empty-note h2{margin-top:28px}.contact-panel{padding:30px 0 55px}.contact-panel h2{font-size:clamp(30px,5vw,65px);font-weight:400;letter-spacing:-.04em}.contact-placeholder{display:inline-block;color:#fff;padding-top:20px}@keyframes arrival{0%{transform:translateY(-30vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes abduct{0%{transform:translateZ(0) scale(1);opacity:1}75%{opacity:1}to{transform:translate3d(0,var(--lift, -170px),0) scale(.025);opacity:0}}@keyframes abduct-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes depart{0%{transform:translateY(0) scale(1)}to{transform:translateY(-65vh) scale(.6)}}@keyframes page-in{0%{transform:translateY(18px)}to{transform:translateY(0)}}@media(max-width:760px){.page-wipe{inset:10px}.frame{margin:10px;min-height:calc(100svh - 20px)}.header{height:68px;padding:0 18px}.wordmark{font-size:20px}.landing{height:calc(100svh - 88px);min-height:380px}.ship-position{width:290px;top:calc(36% - 88px)}.menu-window{top:49%;height:155px}.menu-track{gap:64px}.menu-label{font-size:clamp(62px,14vw,100px)}.menu-track>a:after{height:3px;bottom:-9px}.page-nav{gap:14px;font-size:9px}.destination{padding:30px 22px 50px}.page-heading h1{font-size:clamp(42px,11vw,76px)}.page-intro{margin:30px 0 40px}.project-grid,.text-layout{grid-template-columns:1fr}.project-art{height:250px}.project-caption>span{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
