.site-bright{--bg:#eafaff;--panel:#ffffff;--fg:#123b58;--muted:#466679;--lime:#086ba8;--line:#a4cfde;background:#eafaff url('/assets/brand-pixels.svg') center/cover fixed;color:var(--fg)}.site-bright header{background:#f9fefff0;border-color:#9dc8da;max-width:none;padding-inline:max(5%,calc((100vw - 1300px)/2));box-shadow:0 4px 24px #2559820d}.site-bright nav a:hover,.site-bright .text-link:hover{color:#086ba8}.site-bright .brand-logo{background:#031327;border-radius:4px;box-shadow:0 0 0 3px #c1e9f5}.site-bright .github-link{border-color:#6a9eb5;background:#fff6d9;color:#164c6d}.site-bright .section-meta{color:#315b74}.site-bright .compact-work,.site-bright .project-card{background:#fffffff2;border:1px solid #8fbfd4;box-shadow:0 15px 45px #174f7310}.site-bright .compact-work:first-child{border-top:5px solid #48c7ea}.site-bright .compact-work:nth-child(2){border-top:5px solid #f4cb5c}.site-bright .compact-work>p:not(.eyebrow),.site-bright .project-card p,.site-bright .about-page>p,.site-bright .section-heading p,.site-bright .inquiry p,.site-bright .arcade-entrance p{color:#385c73}.site-bright .card-top,.site-bright .card-bottom{color:#416b83}.site-bright .compact-preview{background:#e5f2f6;border-color:#b5d7e2}.site-bright .compact-preview img{opacity:1}.site-bright .lime{background:#ffda73;color:#143d59;border:1px solid #e5b94e;box-shadow:0 3px 0 #cfaa52}.site-bright .button:hover,.site-bright button:not(:disabled):hover{box-shadow:0 6px 0 #bd963a,0 12px 30px #2c759e25;filter:brightness(1.03)}.site-bright .dark{background:#136ca5;color:#fff}.site-bright .inquiry{background:#f5fcfff2;border-block:1px solid #94c5da}.site-bright .contact-panel{background:#fff;border:1px solid #8abace;box-shadow:0 12px 30px #225e7910}.site-bright .contact-email{color:#075d91;font-weight:600}.site-bright .arcade-entrance{background:#f5fbffe8;border-color:#85b6cb}.site-bright .arcade-door{background:linear-gradient(145deg,#427aaf,#224c82);border:5px solid #ffd575;box-shadow:0 12px 0 #23537f,0 24px 40px #2b65902b}.site-bright .arcade-sign{color:#ffe69c;text-shadow:2px 3px #1e395b}.site-bright .arcade-door>span{color:#fff4c9}.site-bright .about-page{background:#fffffff0;border-inline:1px solid #b0d3e2;margin-block:45px;min-height:65vh;border-radius:12px}.site-bright .about-page .about-lead{color:#17496a}.site-bright .about-page .about-source,.site-bright footer{color:#365e78}.site-bright .filters button{color:#1b526f;background:#f8fdff;border-color:#8db7ca}.site-bright .filters button.selected{background:#176ca3;color:#fff;border-color:#176ca3}.site-bright .search input{background:#fff9;padding-inline:12px;color:#1a4c68;border-color:#79adc3}.site-bright .search input::placeholder{color:#4b7185}.site-bright .empty{color:#315b74}.site-bright footer{background:#effaffd9;border-color:#9ec8d9}.site-bright .project-card:hover{background:#fff;border-color:#398db8}.site-bright .eyebrow{color:#0e648f}.site-bright .story-top a,.site-bright .story-top>span{color:#fff!important}.site-bright .story-title{color:#fff}.site-bright .story-stage{background:radial-gradient(ellipse at 50% 65%,#27678c,#102f50 75%)}@media(max-width:700px){.site-bright{background-size:auto 100svh}.site-bright .about-page{margin:20px 12px}.site-bright header{padding-inline:16px}.site-bright .brand-logo{width:110px}.site-bright nav{gap:10px}.site-bright .github-link{padding:9px 8px}.site-bright .contact-panel{padding:22px}}

.site-bright .compact-work h2,.site-bright .compact-work .eyebrow,.site-bright .compact-work .button,.site-bright .inquiry h2,.site-bright .inquiry .eyebrow,.site-bright .inquiry button,.site-bright .project-card h3,.site-bright .project-card .card-top,.site-bright .project-card .card-bottom,.site-bright .project-card a,.site-bright .about-page h1,.site-bright .about-page .button{font-family:'DM Sans',system-ui,sans-serif;letter-spacing:normal}.site-bright .compact-work h2{font-size:34px;font-weight:700;line-height:1.2}.site-bright .compact-work .eyebrow,.site-bright .inquiry .eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em}.site-bright .compact-work .button,.site-bright .inquiry button,.site-bright .about-page .button{font-size:15px;font-weight:700;line-height:1.5}.site-bright .inquiry h2{font-size:48px;font-weight:700;line-height:1.15}.site-bright .project-card h3{font-size:21px;font-weight:700;line-height:1.4}.site-bright .project-card .card-top,.site-bright .project-card .card-bottom{font-size:12px;line-height:1.5}.site-bright .about-page h1{font-weight:700;line-height:1.2}@media(max-width:700px){.site-bright .compact-work h2{font-size:29px}.site-bright .inquiry h2{font-size:36px}}
.site-bright header .brand-logo,.site-bright footer .brand-logo{mix-blend-mode:normal}
@media(max-width:700px){.site-bright header .github-link{display:inline-flex;padding:7px 5px}.site-bright header nav{gap:8px}.site-bright header nav a{font-size:6px}}

.compact-preview video{width:100%;height:100%;object-fit:contain;display:block;background:#06111b}.site-bright .preview-toggle{font:600 12px/1.4 system-ui,sans-serif;border:1px solid #8db7ca;background:#fff;color:#17496a;padding:6px 10px;margin:10px 0 0;border-radius:4px}.preview-playing .preview-toggle{background:#e2f5fa}
.site-bright .arcade-entrance{position:relative;isolation:isolate;background:#382c4c url('/assets/arcade-carpet.png') center/460px;color:#fff7d5;border:8px solid #efce79;box-shadow:0 16px 0 #244f72,0 28px 45px #244f7240;border-radius:12px;padding:clamp(24px,5vw,64px);margin-block:65px}.site-bright .arcade-entrance:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#1c253ee8,#28203988 65%,#594b7844);z-index:-1;border-radius:4px}.site-bright .arcade-entrance .eyebrow{color:#f9d985}.site-bright .arcade-entrance p{color:#ebf2ef}.site-bright .arcade-entrance .arcade-door{background:linear-gradient(#fff2c6 0 12%,#2c6b91 12% 86%,#182d4c 86%);border-color:#f1cc68;box-shadow:0 16px 0 #132942,0 0 44px #ffdc7c3b}.site-bright .arcade-sign{color:#fff2c3;text-shadow:3px 3px #193851}.site-bright .mini-cabinets i{background:#226c91;border:3px solid #f6d67b;box-shadow:4px 6px #14243a}.site-bright .mini-cabinets i:nth-child(even){background:#9b5475}.site-bright .arcade-door>span{color:#fff5c9}@media(max-width:700px){.site-bright .arcade-entrance{margin-inline:12px;margin-block:40px;border-width:5px;padding:24px 18px}}
@media(max-width:700px){.site-bright .preview-toggle{min-height:40px;padding:8px 12px}}

.site-bright .arcade-door{overflow:hidden;padding:0;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.arcade-runtime-preview{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.site-bright .arcade-door>span{display:block;padding:18px;background:#193851}

.project-status{display:inline-block;align-self:flex-start;margin:0 0 16px;padding:5px 9px;border:1px solid #a8cbd9;border-radius:4px;background:#eaf7ff;color:#24536b;font:600 10px/1.5 system-ui;letter-spacing:.06em}.project-card .card-bottom a{text-decoration:underline;text-underline-offset:3px}
.project-app-icon{display:block;width:64px;height:64px;object-fit:contain;border-radius:14px;margin-bottom:18px}.project-card .card-bottom button{font:600 10px/1.6 'DM Sans',system-ui;background:transparent;border:0;color:#075d91;padding:0;text-align:right;text-decoration:underline}.site-bright .services{display:block}.services-heading{max-width:760px;margin-bottom:32px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid #9fc5d4;border-radius:12px;box-shadow:0 12px 30px #225e7910}.site-bright .service-card,.site-bright .service-card h3,.site-bright .service-card button{font-family:'DM Sans',system-ui,sans-serif;letter-spacing:normal}.service-card h3{font-size:25px;line-height:1.3;color:#123f5d}.service-card p,.service-card li{font-size:16px;line-height:1.75;color:#365e78}.service-card ul{padding-left:21px;margin:0 0 24px}.service-card li+li{margin-top:10px}.service-card .button{margin-top:auto;align-self:flex-start;font-size:14px}.services-contact{margin-top:28px}.services-contact p{margin-bottom:6px}@media(max-width:700px){.service-grid{grid-template-columns:1fr}.service-card{padding:23px}.service-card h3{font-size:22px}.project-app-icon{width:56px;height:56px}}
.site-bright .services-heading h2,.site-bright .services-heading .eyebrow{font-family:Pixel,monospace;font-weight:400;letter-spacing:-.035em}.site-bright .services-heading h2{font-size:clamp(26px,3.2vw,40px);line-height:1.55}.site-bright .services-heading .eyebrow{font-size:8px}