@font-face{font-family:Barlow;src:url('assets/BarlowCondensed-Black.ttf');font-weight:900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#07131f;color:#fff;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #00a9ec;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:20px 4vw;border-bottom:1px solid #ffffff20;background:#07131ff5;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.wordmark{font-family:Barlow,sans-serif;font-size:24px;line-height:1;text-decoration:none;white-space:nowrap}.wordmark span{font:10px/1.2 system-ui;letter-spacing:.13em;color:#93a8bb;margin-left:14px}nav{display:flex;gap:28px}nav a{color:#c5d2dd;text-decoration:none;font-size:13px}nav a:hover{color:#00a9ec}.wrap{max-width:1440px;margin:auto;padding-left:5vw;padding-right:5vw}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3vw;padding-top:80px;padding-bottom:90px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#00a9ec;font-weight:700;margin:0 0 22px}h1,h2,h3{font-family:Barlow,sans-serif;font-weight:900;line-height:.98;letter-spacing:-.015em;margin:0}h1{font-size:clamp(64px,6.4vw,96px)}h1 span{color:#00a9ec}h2{font-size:clamp(48px,5vw,72px)}h3{font-size:38px;line-height:1.06}p{color:#b4c5d4;max-width:680px}.lede{font-size:18px;max-width:460px;margin:26px 0 30px}.small{font-size:12px;line-height:1.7;color:#91a8bb}.cta{display:inline-flex;gap:34px;align-items:center;background:#00a9ec;color:#061321;font-weight:700;font-size:14px;padding:15px 22px;text-decoration:none;border-radius:3px}.cta span{font-size:22px}.hero .small{margin-top:18px}.hero-art{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#00a9ec18,transparent 70%)}.hero-art>img{width:100%;max-width:550px;z-index:1;position:relative}.art-label{position:absolute;bottom:-30px;font-size:9px;letter-spacing:.22em;color:#668298}.pixel-field{position:absolute;inset:0}.pixel-field i{width:10px;height:10px;position:absolute;background:#00a9ec;opacity:.3}.pixel-field i:nth-child(1){left:4%;top:25%}.pixel-field i:nth-child(2){left:6%;top:29%;opacity:.14}.pixel-field i:nth-child(3){right:2%;top:65%}.pixel-field i:nth-child(4){right:0%;top:61%;opacity:.12}.pixel-field i:nth-child(5){right:20%;top:0%;width:5px;height:5px}.pixel-field i:nth-child(6){left:30%;bottom:4%;width:5px;height:5px}.section{padding-top:90px;padding-bottom:90px;border-top:1px solid #ffffff1c}.heading{margin-bottom:38px}.heading>p:last-child{margin-top:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.split>p{margin-bottom:2px;max-width:480px}.identity-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:6vw;align-items:center}.logo-stage{padding:40px 50px 50px;position:relative;background:#102136;border:1px solid #ffffff12;min-height:390px;display:grid;place-items:center;border-radius:12px}.logo-stage img{width:100%;max-width:430px}.logo-stage.transparent{background-color:#102136;background-image:linear-gradient(45deg,#ffffff06 25%,transparent 25%),linear-gradient(-45deg,#ffffff06 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff06 75%),linear-gradient(-45deg,transparent 75%,#ffffff06 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.stage-note{position:absolute;bottom:18px;font-size:11px;color:#9bb0c2}.identity-options>p{font-size:15px}.choices,.buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button{padding:10px 17px;border:1px solid #536c80;background:transparent;color:#c7d6e2;border-radius:4px;font-size:13px;transition:background .15s,color .15s}button:hover{border-color:#00a9ec;color:white}button[aria-pressed=true],button.primary{background:#00a9ec;color:#05121d;border-color:#00a9ec;font-weight:700}.choices .dot{display:inline-block;width:10px;height:10px;margin-right:8px;border:1px solid #ffffff70}.dot.blue{background:#00a9ec}.dot.white{background:white}.dot.clear{background:linear-gradient(45deg,#102136 50%,#7795ac 50%)}button[aria-pressed=true] .dot.blue{border-color:#102136}.palette{display:flex;gap:12px;margin-top:40px}.palette>div{flex:1}.palette span{display:block;height:44px;border:1px solid #ffffff25}.palette b{display:block;font-size:11px;font-weight:500;color:#9bb0c2;margin-top:8px}.motion-section{background:#0b1a29}.player{border-radius:12px;overflow:hidden;background:#102136}.player video,.bug-stage video{width:100%;display:block;aspect-ratio:16/9;background:#102136}.player-bar{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;margin-top:18px}.player-bar>span{font-size:12px;color:#91a8bb}.banner-tools{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.banner-frame{border-radius:9px;overflow:hidden;background:#102136}.banner-frame img{width:100%;height:auto;display:block}.image-meta{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#91a8bb;margin-top:12px}.screen-section{background:#0b1a29}.lower-examples{margin:50px 0 100px;padding:32px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;display:grid;grid-template-columns:1fr 1.5fr;gap:36px;align-items:center}.example-copy .choices{margin-top:24px}.lower-art img{display:block;width:100%;height:auto}.bug-heading{margin-bottom:28px}.bug-heading p:last-child{margin-bottom:0}.bug-stage{position:relative;overflow:hidden;border-radius:12px}.bug-stage>img{position:absolute;width:6.875%;right:4.7%;top:6.5%;height:auto;transition:width .2s;pointer-events:none}.size-line{display:flex;justify-content:center;gap:64px;align-items:end;margin-top:40px;padding:36px 16px 20px}.size-line figure{margin:0;text-align:center}.size-line img{display:block;max-width:100%;height:auto}.size-line figcaption{font-size:12px;color:#91a8bb;margin-top:12px}.closing{text-align:center;padding-top:100px;padding-bottom:100px}.closing h2{font-size:clamp(50px,6vw,84px)}.closing p{margin:24px auto}.closing .eyebrow{margin-top:0}.secondary{background:transparent;color:#fff;border:1px solid #536c80;margin-top:14px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;padding-bottom:30px;border-top:1px solid #ffffff20;color:#7e98ae;font-size:10px;letter-spacing:.06em}footer a{text-decoration:none}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;color:#102136;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.wrap{padding-left:80px;padding-right:80px}}
@media(max-width:900px){header{padding:18px 5vw;flex-wrap:wrap;gap:16px}nav{gap:22px}.wordmark span{font-size:9px}.hero{min-height:0;padding-top:60px;padding-bottom:70px;gap:20px}h1{font-size:62px}.hero-art{min-height:300px}.lede{font-size:16px}.identity-grid{gap:30px}.logo-stage{padding:30px 20px 45px;min-height:310px}.split{gap:40px}.section{padding-top:64px;padding-bottom:64px}.size-line{gap:36px}.lower-examples{gap:24px}.player-bar>span{width:100%}}
@media(max-width:620px){html{scroll-padding-top:112px}header{gap:14px}.wordmark{font-size:22px}nav{width:100%;justify-content:space-between;gap:10px}nav a{font-size:12px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:55px}.hero-copy{max-width:100%}h1{font-size:62px}.hero-art{min-height:0;padding:20px 12px;margin-top:10px}.hero-art>img{max-width:380px}.art-label{bottom:0}.lede{max-width:440px}.split,.identity-grid,.lower-examples{grid-template-columns:1fr}.heading{margin-bottom:28px}.split{gap:12px}h2{font-size:48px}h3{font-size:34px}.logo-stage{min-height:0;padding:26px 32px 45px}.logo-stage img{max-width:320px}.identity-options{margin-top:8px}.palette{margin-top:25px}.section{padding-top:52px;padding-bottom:52px}.choices{gap:6px}button{padding:9px 12px;font-size:12px}.banner-tools{gap:14px}.player,.bug-stage{border-radius:6px}.lower-examples{margin:36px 0 56px;padding:25px 0}.lower-art{padding:10px 0}.size-line{gap:18px;align-items:end;padding:24px 0 0}.size-line figure{min-width:0}.closing{padding-top:65px;padding-bottom:65px}.closing h2{font-size:52px}.closing p{font-size:15px}footer{font-size:9px}.hero .small{font-size:11px}.eyebrow{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.merch-image{display:block;width:100%;position:relative;padding:0;border:0;border-radius:12px;overflow:hidden;background:#e7e9eb}.merch-image img{display:block;width:100%;height:auto}.merch-image>span{position:absolute;right:20px;bottom:20px;padding:10px 16px;background:#07131fee;color:white;border:1px solid #ffffff40;border-radius:4px;font-size:12px}.merch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:36px 0 24px}.merch-grid h3{font-size:30px;line-height:1.05}.merch-grid p{font-size:14px}.merch-number{display:block;color:#00a9ec;font-size:10px;letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase}dialog{border:1px solid #ffffff30;border-radius:12px;padding:0;background:#102136;width:min(94vw,1500px);max-height:94vh;overflow:auto;color:white}dialog::backdrop{background:#020810e8}dialog>img{display:block;width:100%;height:auto}dialog>button{position:sticky;float:right;top:12px;margin:12px 12px -52px 0;background:#07131fee;color:white;z-index:1}@media(max-width:900px){.merch-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.merch-grid{gap:20px}.merch-grid h3{font-size:27px}.merch-grid p{font-size:13px}.merch-image>span{right:10px;bottom:10px;font-size:10px;padding:7px 10px}.merch-number{font-size:9px}.merch-image{border-radius:6px}}

.merch-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.merch-copy{padding:26px 4px 8px}.merch-copy h3{font-size:36px}.merch-copy p{font-size:15px;max-width:480px}.merch-pair .merch-image img{aspect-ratio:4/3;object-fit:contain}.merch-pair .merch-image{background:#e3e4e6}dialog>img{max-height:86vh;object-fit:contain}body:has(dialog[open]){overflow:hidden}@media(max-width:620px){.merch-pair{grid-template-columns:1fr;gap:30px}.merch-copy{padding-top:20px}.merch-copy h3{font-size:32px}}