:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf6;background:#090c12;font-synthesis:none;font-weight:400;line-height:1.6;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #a8cfff;outline-offset:6px}button{border:0}::selection{background:#557eb1;color:#fff}.ambient{position:absolute;inset:0 0 auto;height:850px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 78% 9%,#33527824,transparent 48%),radial-gradient(ellipse at 0 20%,#654f8920,transparent 45%)}header,main,footer{max-width:1240px;margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.identity{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600}.mark{font-size:26px;font-weight:600;letter-spacing:-3px}.mark span{color:#a4c9fb;padding-left:3px}nav{display:flex;gap:34px;font-size:14px;color:#a9b3c5}nav a:hover,footer a:hover{color:#fff}.hero{padding:86px 0 0}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;color:#9ba8bd}.hero h1{font-size:clamp(42px,5.4vw,72px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:30px 0}h1 span{background:linear-gradient(100deg,#bfc9dc,#798fae);color:transparent;-webkit-background-clip:text;background-clip:text}.hero-bottom{display:flex;align-items:end;justify-content:space-between}.hero p{font-size:18px;color:#9faabd;line-height:1.7;margin:0}.work-link{font-size:14px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #626e8355;padding-bottom:10px}.work-link span{font-size:20px}.hero-index{display:flex;gap:28px;border-bottom:1px solid #ffffff12;margin-top:67px;padding-bottom:24px;color:#647186;font-size:11px;letter-spacing:.16em}.hero-index span:last-child{margin-left:auto}.work{padding:55px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-heading h2{font-size:36px;font-weight:500;letter-spacing:-.04em;margin:8px 0}.period{color:#8abcf5}.filters{display:flex;background:#ffffff04;border:1px solid #ffffff10;border-radius:30px;padding:5px;gap:3px}.filters button{background:transparent;border-radius:25px;font-size:14px;padding:9px 19px;color:#a8b2c2;transition:background .2s}.filters button[aria-pressed=true]{background:#dce9ff13;color:#eef4ff;box-shadow:inset 0 1px #ffffff12}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project{min-width:0;border:1px solid #ffffff12;border-radius:22px;overflow:hidden;background:linear-gradient(140deg,#ffffff07,#ffffff02);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .25s,border-color .25s}.project:hover{transform:translateY(-4px);border-color:#a8cfff35}.project:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}.project-visual{height:292px;padding:32px 28px 0;overflow:hidden;background:radial-gradient(ellipse at 40% 70%,#34638933,transparent 80%);border-bottom:1px solid #ffffff0b;display:flex;align-items:center;justify-content:center}.project:first-child .project-visual{height:355px;align-items:flex-end;padding:38px 0 0 30px;border-bottom:0;border-right:1px solid #ffffff0b}.project-visual img{width:100%;height:auto;display:block;border:1px solid #ffffff24;border-radius:10px 0 0;box-shadow:0 15px 65px #0008;transform:translate(8px,18px);object-fit:cover}.project-body{padding:30px}.project:first-child .project-body{display:flex;flex-direction:column;justify-content:center;padding:44px}.project-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.project h3{font-size:30px;font-weight:500;letter-spacing:-.045em;margin:0}.project-title button{font-size:13px;white-space:nowrap;padding:8px 0;background:none;color:#bac8de}.project-title button span{display:inline-block;margin-left:10px;font-size:18px}.project-body p{font-size:16px;color:#a3aec0;line-height:1.8;margin:16px 0 24px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:12px;border:1px solid #ffffff0f;border-radius:6px;padding:4px 9px;color:#9dacc0}.violet .project-visual{background:radial-gradient(ellipse at 50% 75%,#73559135,transparent 80%)}.amber .project-visual{background:radial-gradient(ellipse at 50% 85%,#886b3430,transparent 80%)}.connection{width:100%;align-self:stretch;padding-top:16px}.connection-label{display:block;text-align:center;letter-spacing:.2em;font-size:10px;color:#9587ab}.connection-nodes{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px}.connection-nodes>div{text-align:center;display:flex;align-items:center;flex-direction:column;min-width:88px}.node-symbol{display:grid;place-items:center;font-size:25px;width:55px;height:55px;background:#e2c5ff08;border:1px solid #e1c7ff25;border-radius:15px;margin-bottom:10px;color:#d0b9e6}.central-node .node-symbol{box-shadow:0 0 40px #b690ef20;background:#c29aed15}.connection strong{font-size:12px;font-weight:500}.connection small{font-size:10px;color:#847890}.connector{height:1px;flex:1;background:linear-gradient(90deg,#63506b,#c5a3d555,#63506b);max-width:35px}.connection-bottom{display:flex;justify-content:space-around;border-top:1px solid #ffffff08;margin-top:26px;padding-top:15px;font-size:9px;letter-spacing:.16em;color:#83778f}.mod-type{width:100%;text-align:center;align-self:stretch;padding-top:12px}.mod-type>span{font-size:10px;letter-spacing:.24em;color:#a8997c}.mod-type strong{display:block;font-size:83px;font-weight:750;letter-spacing:-.085em;line-height:1.4;color:#e3dbcb}.mod-type strong span{color:#ab9772}.mod-type p{font-size:14px;color:#a8997c;margin:-6px 0 25px}.mod-lines{display:flex;justify-content:space-around;border-top:1px solid #ffffff08;padding-top:16px;font-size:9px;letter-spacing:.16em;color:#a8997c}.more-mods{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:26px;padding:34px;border:1px solid #ffffff10;border-radius:22px;background:#ffffff03}.more-mods h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:12px 0}.more-mods p{font-size:14px;color:#909bad;margin:0}.more-mods ul{list-style:none;padding:0;margin:0}.more-mods li{display:flex;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #ffffff0c;font-size:16px}.more-mods li:last-child{border-bottom:0}.item-number{font-size:11px;color:#657187}.soon{margin-left:auto;font-size:11px;color:#7f8da4}.about{padding:100px 0;display:grid;grid-template-columns:1fr 2fr;gap:60px}.about>.eyebrow{padding-top:14px}.about h2{font-size:40px;line-height:1.25;font-weight:500;letter-spacing:-.045em;margin:0 0 26px}.about h2 span{color:#8291aa}.about p{max-width:620px;font-size:16px;color:#a1adc0}.text-link{display:inline-block;margin-top:18px;font-size:14px;border-bottom:1px solid #6882a0;padding-bottom:6px}footer{border-top:1px solid #ffffff12;padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8996aa}dialog{width:min(900px,calc(100% - 32px));max-height:90dvh;padding:0;border:1px solid #819ac344;border-radius:22px;background:#10151ef5;color:#e8edf7;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#02050bba;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail{padding:48px;position:relative}.close{position:sticky;float:right;top:0;border-radius:50%;width:38px;height:38px;background:#283244;z-index:1}.detail h2{font-size:52px;letter-spacing:-.05em;line-height:1.1;margin:20px 0}.detail-intro{font-size:22px;color:#adc1dd;max-width:550px}.detail-image{width:100%;height:auto;border:1px solid #ffffff16;border-radius:12px;margin:18px 0}.detail-sections{display:grid;gap:12px;margin-top:20px}.detail h3{font-size:20px;font-weight:500;margin-bottom:6px}.detail p{color:#aab6c9}.detail figure{margin:16px 0}.detail figcaption{font-size:12px;color:#8694ab}.detail-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.detail-links a{padding:10px 15px;border:1px solid #adcfff35;border-radius:9px;background:#a4c7ff0b;font-size:14px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;z-index:10;background:#22334e;padding:10px}@media(min-width:1600px){header,main,footer{max-width:1320px}.hero{padding-top:100px}}@media(max-width:1350px){header,main,footer{margin-left:6%;margin-right:6%}}@media(max-width:800px){header{height:85px}nav{gap:20px}.hero{padding-top:56px}.hero h1{font-size:52px}.project:first-child{display:block}.project:first-child .project-visual{height:320px;border-right:0}.project:first-child .project-body{padding:28px}.project-grid{gap:18px}.project-title{align-items:start;flex-direction:column;gap:4px}.project-body{padding:24px}.section-heading{align-items:start;gap:16px;flex-direction:column}.more-mods{grid-template-columns:1fr;gap:18px}.about{gap:30px;grid-template-columns:1fr;padding:65px 0}.about h2{font-size:34px}.hero-index span:last-child{display:none}footer>span{display:none}.connection-nodes{gap:3px}.connection-nodes>div{min-width:60px}.connection small{display:none}.mod-type strong{font-size:68px}.project-visual{padding:25px 15px 0}}@media(max-width:560px){nav{gap:18px}nav a:first-child{display:none}.identity{gap:10px;font-size:14px}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-bottom{align-items:start;gap:26px;flex-direction:column}.hero-index{margin-top:40px;gap:20px}.work{padding-top:35px}.section-heading h2{font-size:32px}.filters{width:100%}.filters button{flex:1;padding:8px 12px;font-size:14px}.project-grid{grid-template-columns:1fr}.project:first-child{grid-column:auto}.project:first-child .project-visual{height:240px}.project-title{flex-direction:row;align-items:center}.project h3{font-size:27px}.project-visual{height:265px}.connection-nodes{gap:10px}.connection-nodes>div{min-width:76px}.more-mods{padding:25px}.detail{padding:26px}.detail h2{font-size:40px}.detail-intro{font-size:19px}.about h2{font-size:32px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.hero-index,.connection-label,.connection small,.connection-bottom,.mod-type>span,.mod-lines,.item-number,.soon{font-size:12px}.connection strong,.project-title button{font-size:14px}.connection-bottom,.mod-lines{letter-spacing:.05em}.connection-nodes>div{min-width:0;flex:1}.connection small{color:#b0a2bf}.hero-index{color:#96a3b8}.soon{color:#a1adc1}.project-title button{white-space:normal;text-align:right}.connection-nodes{align-items:start}.connector{margin-top:28px}.work-link>span,nav>a>span{display:none}.ember .project-visual{background:radial-gradient(ellipse at 50% 80%,#a7533438,transparent 80%)}.suppressor-type strong{font-size:clamp(24px,3vw,42px);letter-spacing:-.04em;line-height:1.2;margin:24px 0}.suppressor-type strong span{color:#d49879}.ember .project-title{flex-wrap:wrap}.ember .project-title h3{font-size:27px}.project:first-child{grid-column:auto;display:block}.project:first-child .project-body{display:block;padding:30px}.project .project-visual,.project:first-child .project-visual{height:290px;padding:20px;border-right:0;border-bottom:1px solid #ffffff0b;align-items:center}.project .artwork-visual img{width:100%;height:100%;object-fit:contain;transform:none;border-radius:10px;box-shadow:none}.project .identity-visual img.official-icon{width:180px;height:180px;object-fit:contain;transform:none;border:0;box-shadow:none}.title-icon{width:35px;height:35px;object-fit:contain;margin-right:10px;vertical-align:middle}.unbranded-project{text-align:center}.unbranded-project h3{font-size:44px;margin-top:18px}.unbranded-project p{color:#9daac0}.project-title{flex-wrap:wrap}.project-title h3{font-size:28px}@media(max-width:560px){.project .project-visual,.project:first-child .project-visual{height:230px}.project:first-child .project-body{padding:24px}}.project.logo-artwork .artwork-visual img{width:70%;height:78%;border:0;border-radius:0;filter:drop-shadow(0 12px 20px #0005)}.detail-image[src$="ALLIN1.png"],.detail-image[src$="ragewebui-logo.png"]{height:240px;object-fit:contain;border:0}.footer-contact h2{font-size:14px;font-weight:500;color:#e9edf6;margin:0 0 4px}.footer-contact a{font-size:16px;color:#afc8ec}.footer-contact a:hover{text-decoration:underline}footer{gap:24px;flex-wrap:wrap}@media(max-width:560px){.footer-contact{order:3;flex-basis:100%;padding-top:8px}}.logo-carousel{position:relative;width:100%;height:100%;overflow:hidden}.logo-frames{height:100%;display:grid;place-items:center}.project.logo-artwork .logo-frames img{grid-area:1/1;width:70%;height:195px;max-height:78%;object-fit:contain;animation:logo-spring 12s ease-in-out infinite;animation-delay:-2s;will-change:transform}.project.logo-artwork .logo-frames .logo-secondary{animation-delay:-8s}@keyframes logo-spring{0%{transform:translate(-160%);opacity:0}2%{opacity:1}7%{transform:translate(12%);opacity:1}10%{transform:translate(-6%)}13%{transform:translate(2%)}16%,40%{transform:translate(0);opacity:1}43%{transform:translate(-4%);opacity:1}50%,to{transform:translate(160%);opacity:0}}@media(prefers-reduced-motion:reduce){.logo-frames{grid-template-columns:1fr 1fr;gap:12px}.project.logo-artwork .logo-frames img{grid-area:auto;width:100%;height:160px;opacity:1;transform:none;animation:none;will-change:auto}}.project.reactor-project .artwork-visual>img{animation:reactor-pulse 4s ease-in-out infinite}@keyframes reactor-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 8px 16px #458cff20)}50%{transform:scale(1.045);filter:drop-shadow(0 8px 25px #458cff65)}}@media(prefers-reduced-motion:reduce){.project.reactor-project .artwork-visual>img{animation:none;transform:none}}.detail-sections p{white-space:pre-line}.homecue-fan{position:relative;isolation:isolate;width:218px;height:218px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#171d2b 0 55%,#090e18 57% 65%,#242c3d 67%,#0b101b 70%);box-shadow:inset 0 1px 2px #ffffff20,0 14px 35px #0005}.homecue-rgb-ring{position:absolute;inset:5px;border-radius:50%;pointer-events:none;-webkit-mask-image:radial-gradient(circle,transparent 59%,#000 61% 67%,transparent 69%),repeating-conic-gradient(#000 0deg 19deg,transparent 19deg 22.5deg);mask-image:radial-gradient(circle,transparent 59%,#000 61% 67%,transparent 69%),repeating-conic-gradient(#000 0deg 19deg,transparent 19deg 22.5deg);-webkit-mask-composite:source-in;mask-composite:intersect}.homecue-rgb-colors{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(#ff437b,#ffb344,#e6ff6b,#4dffb3,#45d9ff,#7974ff,#e866ff,#ff437b);animation:homecue-rgb-wave 12s linear infinite}.homecue-rgb-glow{inset:1px;opacity:.48;filter:blur(7px)}.project .identity-visual .homecue-fan img.official-icon{position:relative;width:140px;height:140px;z-index:1}@keyframes homecue-rgb-wave{to{transform:rotate(360deg)}}@media(max-width:560px){.homecue-fan{width:190px;height:190px}.project .identity-visual .homecue-fan img.official-icon{width:124px;height:124px}}@media(prefers-reduced-motion:reduce){.homecue-rgb-colors{animation:none}}