@font-face{font-family:Syne;src:url(/fonts/syne-latin.woff2)format("woff2");font-display:swap;font-weight:400 800}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono-latin.woff2)format("woff2");font-display:swap}:root{--black:#020202;--ink:#0a0a0a;--paper:#efefec;--line-dark:#0a0a0a2e;--line-light:#fff3;--side:clamp(18px, 3.5vw, 58px)}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:auto}body{color:var(--paper);background:var(--black);margin:0;font-family:Geist Mono,monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:var(--black);background:var(--paper)}.cinematic{background:var(--black);height:520vh;position:relative}.world{z-index:1;position:fixed;inset:0}.world canvas{display:block}.interface{z-index:5;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.nav{height:82px;padding:0 var(--side);letter-spacing:.24em;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;font-size:10px;display:grid;position:absolute;top:0;left:0;right:0}.nav__brand,.nav__enter{pointer-events:auto}.nav__brand{width:48px}.nav__chapter{opacity:.54}.nav__enter{border:1px solid #ffffff47;justify-self:end;padding:11px 16px}.nav__enter span{margin-left:16px}.act{pointer-events:none;will-change:opacity, transform;position:absolute}.act p{letter-spacing:.28em;opacity:.54;margin:0 0 18px;font-size:9px}.act h1,.act h2{letter-spacing:-.085em;text-transform:uppercase;margin:0;font-family:Syne,sans-serif;font-weight:800;font-stretch:125%;line-height:.73}.act--hero{top:24%;left:var(--side)}.act--hero h1{color:#0000;-webkit-text-stroke:1px #ffffff3d;font-size:clamp(72px,12vw,190px)}.act--passage{top:42%;right:var(--side);text-align:right}.act--city{top:31%;left:var(--side);color:var(--ink)}.act--capital{top:43%;left:var(--side)}.act--passage h2,.act--city h2,.act--capital h2{color:#efefecdb;font-size:clamp(44px,5.25vw,82px)}.act--city h2{color:#0a0a0ae0;font-size:clamp(44px,5.25vw,82px)}.act--passage,.act--city,.act--capital{max-width:min(42vw,640px)}.journey-meter{left:var(--side);right:var(--side);letter-spacing:.22em;opacity:.72;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;font-size:8px;display:grid;position:absolute;bottom:24px}.journey-meter i{background:#ffffff2e;height:1px;display:block;position:relative}.journey-meter b{transform-origin:0;background:#fff;display:block;position:absolute;inset:0}.loader{z-index:100;background:#020202;place-items:center;transition:opacity .7s cubic-bezier(.22,1,.36,1),visibility .7s step-end;display:grid;position:fixed;inset:0}.loader--complete{opacity:0;visibility:hidden;pointer-events:none}.loader__mark{opacity:.2;width:min(42vw,430px);position:relative}.loader__mark>span{opacity:1;position:absolute;inset:0}.loader__data{right:var(--side);bottom:32px;left:var(--side);letter-spacing:.26em;border-top:1px solid #ffffff29;justify-content:space-between;padding-top:12px;font-size:9px;display:flex;position:absolute}.loader__data b{font-weight:400}.site{z-index:10;background:var(--paper);color:var(--ink);position:relative}.site-nav{z-index:20;height:74px;padding:0 var(--side);color:var(--ink);border-bottom:1px solid var(--line-dark);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#efefece6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-nav>a{filter:invert();width:48px}.site-nav nav{letter-spacing:.18em;gap:clamp(18px,3vw,44px);font-size:9px;display:flex}.site-hero,.divisions,.signal,.join{min-height:100vh;padding:110px var(--side) 64px;position:relative;overflow:hidden}.section-index{top:110px;left:var(--side);letter-spacing:.2em;gap:15px;font-size:9px;display:flex;position:absolute}.section-index span{opacity:.44}.section-index--light{color:var(--paper)}.site-hero{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;display:grid}.site-hero__copy{padding-top:70px}.site-hero__copy>p:first-child,.divisions__header>p,.signal>div:nth-child(2)>p,.join__copy>p{letter-spacing:.24em;margin:0 0 28px;font-size:9px}.site h2{letter-spacing:-.085em;text-transform:uppercase;margin:0;font-family:Syne,sans-serif;font-size:clamp(58px,8.5vw,145px);font-weight:800;line-height:.77}.site h2 em{color:#0000;-webkit-text-stroke:1.5px var(--ink);font-style:normal}.lede{max-width:580px;margin:52px 0 0;font-family:Syne,sans-serif;font-size:clamp(18px,2vw,28px);line-height:1.35}.site-hero__mark{filter:invert();opacity:.08;align-self:end;margin-bottom:5vh;transform:rotate(90deg)scale(1.4)}.divisions,.join{color:var(--paper);background:var(--black)}.divisions__header{grid-template-columns:1fr 1.6fr;align-items:start;margin:100px 0 80px;display:grid}.divisions__header h2{grid-column:2}.division-grid{border-top:1px solid var(--line-light);border-left:1px solid var(--line-light);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.division{border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);min-height:360px;padding:28px;position:relative}.division__icon{fill:none;stroke:currentColor;stroke-width:1.15px;opacity:.56;width:34px;height:34px;position:absolute;top:24px;right:24px}.division>span{opacity:.44;font-size:9px}.division h3{letter-spacing:-.06em;margin:58px 0 16px;font-family:Syne,sans-serif;font-size:clamp(25px,2.6vw,42px);line-height:.9}.division b{letter-spacing:.1em;opacity:.72;min-height:44px;font-size:9px;font-weight:400;line-height:1.6;display:block}.division p{opacity:.72;max-width:36ch;margin:42px 0 0;font-family:Syne,sans-serif;font-size:15px;line-height:1.45}.signal{grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;display:grid}.signal__frame{aspect-ratio:4/5;color:var(--paper);background:linear-gradient(#0000,#000000e0),repeating-linear-gradient(90deg,#151515 0 1px,#080808 1px 5px);flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:relative;overflow:hidden}.signal__frame>img{object-fit:cover;filter:grayscale()contrast(1.12)brightness(.62);width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .4s;position:absolute;inset:0}.signal__frame:hover>img{filter:grayscale()contrast(1.08)brightness(.78);transform:scale(1.035)}.signal__frame:after{content:"";background:linear-gradient(#0000 34%,#000000eb);position:absolute;inset:0}.signal__frame:before{content:"";border:1px solid #ffffff38;position:absolute;inset:12%;transform:rotate(45deg)}.signal__frame span,.signal__frame b,.signal__frame i{z-index:1;position:relative}.application{min-height:100vh;padding:168px var(--side) 90px;color:var(--paper);background:#050505;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:clamp(28px,5vw,84px);display:grid;position:relative;overflow:hidden}.application:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.application__visual,.application__copy{z-index:1;position:relative}.application__visual{align-self:center;margin:0}.application__stage{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:radial-gradient(circle at 50% 48%,#ffffff0e,#0000 48%),#070707;border:1px solid #ffffff2e;min-height:620px;position:relative;overflow:hidden}.application__svg{width:100%;height:100%;position:absolute;inset:0}.application__svg path,.application__svg polygon,.application__svg circle,.application__svg rect{vector-effect:non-scaling-stroke}.application__architecture{fill:none;stroke:#ffffff3d;stroke-width:1px}.application__architecture path:first-child{stroke:#ffffff8f}.application__architecture circle{fill:#050505;stroke:#ffffff8c}.application__scene{opacity:0;transform-box:view-box;transform-origin:50%}.application__scene--write{animation:12s cubic-bezier(.77,0,.175,1) infinite app-write}.application__scene--send{animation:12s cubic-bezier(.77,0,.175,1) infinite app-send}.application__scene--accepted{animation:12s cubic-bezier(.77,0,.175,1) infinite app-accepted}.application__sheet-face{fill:#080808;stroke:#ffffffad}.application__thin,.application__label,.application__entry{fill:none;stroke:#fff3}.application__label{stroke:#ffffffc7;stroke-width:2px}.application__entry{stroke:#fff6}.application__signature{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;opacity:0}.application__signature--1{animation:12s infinite sign-1}.application__signature--2{animation:12s infinite sign-2}.application__signature--3{animation:12s infinite sign-3}.application__signature--4{animation:12s infinite sign-4}.application__pen{fill:#080808;stroke:#fff;stroke-width:1.3px;transform-box:view-box;transform-origin:250px 500px;animation:12s cubic-bezier(.77,0,.175,1) infinite app-pen}.application__pen path{fill:#fff}.application__channel,.application__arrow,.application__receiver{fill:none;stroke:#ffffffa8}.application__channel{stroke-dasharray:7 13}.application__packet{fill:#050505;stroke:#ffffffc2;animation:12s cubic-bezier(.77,0,.175,1) infinite app-packet}.application__packet use{fill:#fff}.application__arrow{stroke-width:1.4px}.application__receiver{stroke-width:1.2px}.application__rings{fill:none;stroke:#ffffff52}.application__accepted-mark polygon{fill:#050505;stroke:#ffffff4d}.application__accepted-mark use,.application__check polygon{fill:#fff}.application__check path{fill:none;stroke:#050505;stroke-width:3px}.application__accepted-name{fill:#fff;letter-spacing:.18em;font:600 15px Geist Mono,monospace}.application__steps{letter-spacing:.14em;color:#ffffff8f;grid-template-columns:repeat(3,1fr);font-size:7px;display:grid;position:absolute;bottom:32px;left:8%;right:8%}.application__steps span{border-top:1px solid #ffffff2e;padding:12px}.application__visual figcaption{letter-spacing:.16em;opacity:.46;margin-top:12px;font-size:7px}.application__copy{align-self:center}.application__copy>p:first-child{letter-spacing:.22em;margin:0 0 28px;font-size:9px}.application__copy h2{font-size:clamp(54px,6.2vw,112px)}.application__copy h2 em{-webkit-text-stroke-color:var(--paper)}.application__lede{opacity:.72;max-width:54ch;margin:34px 0 0;font-family:Syne,sans-serif;font-size:16px;line-height:1.5}.application__copy ol{border-top:1px solid #ffffff2e;margin:34px 0 0;padding:0;list-style:none}.application__copy li{border-bottom:1px solid #ffffff2e;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;display:grid}.application__copy li>span{opacity:.4;font-size:8px}.application__copy li div{gap:6px;display:grid}.application__copy li b{letter-spacing:.1em;font-size:9px}.application__copy li small{opacity:.58;font-family:Syne,sans-serif;font-size:12px}.application__opening{color:#050505;background:var(--paper);letter-spacing:.12em;justify-content:space-between;margin-top:26px;padding:18px;font-size:9px;display:flex}@keyframes app-write{0%{opacity:0;transform:translateY(10px)scale(.985)}3%,29%{opacity:1;transform:none}34%,to{opacity:0;transform:translateY(-8px)}}@keyframes sign-1{0%,10%{opacity:0}13%,to{opacity:1}}@keyframes sign-2{0%,15%{opacity:0}18%,to{opacity:1}}@keyframes sign-3{0%,20%{opacity:0}23%,to{opacity:1}}@keyframes sign-4{0%,25%{opacity:0}28%,to{opacity:1}}@keyframes app-pen{0%,8%{opacity:0;transform:translate(-8px,8px)}11%{opacity:1;transform:none}15%{transform:translate(24px,-8px)}19%{transform:translate(58px,11px)}23%{transform:translate(105px,-7px)}27%{transform:translate(168px,5px)}30%{opacity:1;transform:translate(236px,-5px)}33%,to{opacity:0;transform:translate(246px,-12px)}}@keyframes app-send{0%,29%{opacity:0;transform:translateY(8px)}34%,61%{opacity:1;transform:none}66%,to{opacity:0;transform:translateY(-7px)}}@keyframes app-packet{0%,31%{opacity:0;transform:translate(-22px)}35%{opacity:1;transform:none}52%{opacity:1;transform:translate(190px)}60%,to{opacity:0;transform:translate(256px)}}@keyframes app-accepted{0%,59%{opacity:0;transform:scale(.975)}65%,94%{opacity:1;transform:none}to{opacity:0;transform:scale(.99)}}.signal__frame span{letter-spacing:.18em;opacity:.55;margin-bottom:12px;font-size:9px}.signal__frame b{letter-spacing:-.05em;font-family:Syne,sans-serif;font-size:clamp(24px,3vw,44px);line-height:.94}.signal__frame i{font-size:22px;font-style:normal;position:absolute;top:26px;right:26px}.join{place-items:center;display:grid}.join__signal{opacity:.035;width:76vw;position:absolute}.join__copy{z-index:2;text-align:center;position:relative}.join__copy h2{font-size:clamp(72px,12vw,200px)}.join__copy a{letter-spacing:.18em;border:1px solid #ffffff61;gap:60px;margin-top:66px;padding:15px 18px;font-size:9px;display:inline-flex}.join footer{left:var(--side);right:var(--side);border-top:1px solid var(--line-light);letter-spacing:.2em;opacity:.56;justify-content:space-between;padding-top:14px;font-size:8px;display:flex;position:absolute;bottom:28px}@media (max-width:900px){.nav{grid-template-columns:1fr 1fr}.nav__chapter{display:none}.act--hero{top:23%}.site-nav nav{gap:13px}.site-nav nav a:nth-child(2),.site-nav nav a:nth-child(3){display:none}.site-hero,.signal,.application{grid-template-columns:1fr}.site-hero{min-height:110vh}.site-hero__mark{justify-self:end;width:70vw;transform:rotate(90deg)}.divisions__header{display:block}.division-grid{grid-template-columns:1fr 1fr}.signal{padding-top:160px}.signal__frame{justify-self:end;width:min(100%,520px)}.application__stage{min-height:540px}}@media (max-width:600px){.cinematic{height:430vh}.nav{height:68px}.nav__brand{width:40px}.act--hero{top:22%}.act--hero h1{font-size:21vw}.act--passage,.act--city,.act--capital{top:auto;bottom:16%;right:auto;left:var(--side);text-align:left}.act--passage h2,.act--city h2,.act--capital h2{font-size:12vw}.act--city{max-width:calc(100vw - 36px)}.act--city h2{font-size:10.2vw}.act--capital h2{font-size:10.5vw}.journey-meter span:first-child{display:none}.journey-meter{grid-template-columns:1fr auto}.site-hero,.divisions,.signal,.application,.join{padding-top:128px}.site h2{font-size:13vw}.site-hero h2{font-size:10.2vw}.division-grid{grid-template-columns:1fr}.division{min-height:auto;padding:24px}.application{gap:54px;padding-inline:14px}.application .section-index{left:14px}.application__stage{min-height:430px}.application__steps{font-size:6px;bottom:18px;left:4%;right:4%}.application__copy{padding:0 8px 40px}.division h3{margin-top:45px}.division p{margin-top:34px}.join__copy h2{font-size:20vw}.join__copy a{gap:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
