:root{--black:#050505;--white:#f3f2ed;--paper:#e9e8e2;--ink:#0b0b0a;--green:#a7f432;--orange:#ff7a28;--line:rgba(10,10,10,.2);--line-light:rgba(255,255,255,.22);--sans:Arial,Helvetica,sans-serif;--display:"Arial Black",Impact,Arial,sans-serif;--mono:"Cascadia Code",Consolas,monospace;--edge:clamp(1.2rem,3vw,3.2rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem;overflow-x:clip}body{margin:0;background:var(--black);color:#fff;font:16px/1.5 var(--sans);overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}.skip-link{position:fixed;z-index:300;left:1rem;top:1rem;transform:translateY(-180%);background:var(--green);color:#000;padding:.7rem 1rem}.skip-link:focus{transform:none}.dark-scene{background:var(--black);color:#fff}.light-scene{background:var(--white);color:var(--ink)}.grid-scene{background-image:linear-gradient(90deg,transparent calc(25% - 1px),var(--line) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),var(--line) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),var(--line) 75%,transparent calc(75% + 1px))}.section-code{font:700 .67rem/1 var(--mono);letter-spacing:.13em}.page-frame{position:fixed;z-index:90;inset:1rem;pointer-events:none}.page-frame i{position:absolute;background:rgba(255,255,255,.2);mix-blend-mode:difference}.page-frame i:nth-child(1),.page-frame i:nth-child(2){top:0;bottom:0;width:1px}.page-frame i:nth-child(1){left:0}.page-frame i:nth-child(2){right:0}.page-frame i:nth-child(3),.page-frame i:nth-child(4){left:0;right:0;height:1px}.page-frame i:nth-child(3){top:0}.page-frame i:nth-child(4){bottom:0}.progress{position:fixed;z-index:120;right:0;top:0;width:3px;height:100vh;background:rgba(255,255,255,.12)}.progress span{display:block;width:100%;height:0;background:var(--green)}
.boot{position:fixed;z-index:500;inset:0;background:var(--white);color:#000;display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,22vw,22rem);transition:opacity .6s,visibility .6s}.boot.done{opacity:0;visibility:hidden}.boot-line{display:flex;justify-content:space-between;font:700 .65rem var(--mono);letter-spacing:.1em}.boot-track{height:2px;background:#bbb;margin:.8rem 0}.boot-track i{display:block;width:0;height:100%;background:#000;animation:bootbar 1.35s cubic-bezier(.65,0,.35,1) forwards}.boot p{font:700 .65rem var(--mono);margin:0;letter-spacing:.08em}
.site-header{position:fixed;z-index:100;top:1rem;left:1rem;right:1rem;height:4.4rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.4rem;border-bottom:1px solid var(--line-light);color:#fff;mix-blend-mode:difference}.brand{display:flex;align-items:center;gap:.7rem;width:max-content;font:700 .64rem/1.15 var(--mono);letter-spacing:.12em}.brand img{width:2rem;height:auto}.brand b{color:var(--green)}.desktop-nav{display:flex;height:100%;align-items:center}.desktop-nav a{height:100%;padding:0 1.1rem;display:grid;place-items:center;font:700 .63rem var(--mono);border-inline:1px solid transparent}.desktop-nav a:hover{border-color:#fff}.header-contact{justify-self:end;font:700 .63rem var(--mono);letter-spacing:.07em}.header-contact b{color:var(--green);font-size:1rem;margin-left:.5rem}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:100svh;position:relative;overflow:hidden;padding:8rem var(--edge) 3rem;display:flex;align-items:flex-end}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{transform:scale(1.035);animation:heroZoom 14s ease-out both}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.05) 62%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%)}.hero-note{position:absolute;z-index:2;left:var(--edge);top:8rem;width:19rem}.hero-note span,.portal-copy>span,.hardware-copy>span,.contact-head>span{font:700 .64rem var(--mono);letter-spacing:.12em}.hero-note p{font-size:.82rem;max-width:17rem}.hero-title{position:relative;z-index:2;margin:0 0 2.2rem 7vw;font:900 clamp(4.1rem,10.8vw,11.7rem)/.72 var(--display);letter-spacing:-.065em;text-transform:uppercase}.hero-line{display:block;width:max-content}.hero-line:nth-child(2){margin-left:18vw}.hero-line:nth-child(3){margin-left:6vw;color:var(--green)}.hero-id{position:absolute;z-index:2;right:4vw;top:23%;font:900 clamp(3rem,7vw,7rem)/1 var(--display);letter-spacing:-.07em;writing-mode:vertical-rl}.hero-id span{color:var(--green)}.soundless{position:absolute;z-index:3;bottom:2.2rem;right:var(--edge);display:flex;align-items:center;gap:1rem;font:700 .63rem var(--mono)}.soundless i{width:3rem;height:3rem;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-style:normal}.coordinates{position:absolute;z-index:2;right:var(--edge);top:8rem;text-align:right;font:.58rem/1.6 var(--mono)}
.world{min-height:120vh;padding:8rem var(--edge) 4rem;border-bottom:1px solid var(--line)}.world-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;width:75%;margin:5rem 0 8rem 25%}.world-intro p{margin:0}.world-intro .lead{font-size:clamp(1.7rem,3vw,3.2rem);line-height:1.1;font-weight:700;letter-spacing:-.04em}.world-intro p:last-child{align-self:end;max-width:27rem}.mega-statement{margin:0;font:900 clamp(4.6rem,13vw,14rem)/.76 var(--display);letter-spacing:-.07em;text-transform:uppercase}.mega-statement span{display:flex;align-items:flex-start;border-top:1px solid var(--line);padding:.12em 0}.mega-statement span:nth-child(2){justify-content:flex-end;color:transparent;-webkit-text-stroke:2px #111}.mega-statement small{font:700 .58rem var(--mono);letter-spacing:0;margin:.7em 1.3rem 0 0}.world-caption{margin:4rem 0 0 auto;width:50%;display:flex;justify-content:space-between;border-top:1px solid;padding-top:1rem;font:700 .62rem var(--mono);letter-spacing:.12em}.world-caption i{color:var(--green);font-style:normal}
.services{padding-top:7rem}.services-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;padding:0 var(--edge) 6rem;align-items:end}.services-head h2,.projects-heading h2,.about-title h2{margin:2rem 0 0;font:900 clamp(4rem,8.8vw,9rem)/.8 var(--display);letter-spacing:-.06em}.services-head p,.projects-heading p{max-width:24rem;margin:0}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:7rem 1.4fr .75fr 4rem;align-items:center;gap:2rem;min-height:15rem;padding:2rem var(--edge);border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:color .35s}.service-row::before{content:"";position:absolute;inset:0 100% 0 0;background:var(--green);transition:.5s cubic-bezier(.2,.75,.2,1)}.service-row>*{position:relative;z-index:1}.service-row:hover::before,.service-row:focus::before{right:0}.service-row:focus{outline:0}.service-no{align-self:start;font:700 .65rem var(--mono)}.service-row h3{margin:0;font:900 clamp(3rem,6vw,6.8rem)/.78 var(--display);letter-spacing:-.06em;text-transform:uppercase}.service-row p{max-width:22rem}.service-row>i{font-style:normal;font-size:2.5rem;text-align:right}
.portal{min-height:110vh;position:relative;overflow:hidden}.portal-image{left:auto;width:62%;object-position:center}.portal::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0 36%,transparent 70%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 50%)}.portal-copy{position:relative;z-index:2;width:58%;padding:10rem 0 6rem var(--edge)}.portal-copy h2,.hardware-copy h2,.contact-head h2{font:900 clamp(4rem,9vw,10rem)/.78 var(--display);letter-spacing:-.065em;margin:2rem 0;text-transform:uppercase}.portal-copy p,.hardware-copy p{max-width:29rem;font-size:1.05rem}.tech-orbit{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem}.tech-orbit span{border:1px solid var(--line-light);padding:.6rem 1rem;font:700 .65rem var(--mono)}.portal-index{position:absolute;z-index:3;right:var(--edge);bottom:3rem;font:700 .65rem var(--mono)}
.projects{padding:9rem var(--edge)}.projects-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:end;margin-bottom:7rem}.project-collage{display:grid;grid-template-columns:repeat(12,1fr);gap:5rem 2rem;align-items:start}.project-tile{margin:0}.tile-barcode{grid-column:1/8}.tile-data{grid-column:9/13;margin-top:15rem}.tile-web{grid-column:3/10}.tile-image{overflow:hidden;background:#111}.tile-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform .8s}.project-tile:hover .tile-image img{transform:scale(1.035)}.tile-barcode .tile-image{height:38rem}.tile-barcode .tile-image img{object-position:top}.tile-data .tile-image{height:37rem}.tile-meta{padding:1.2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;border-top:1px solid var(--line)}.tile-meta>span,.tile-meta>b{font:700 .6rem var(--mono);letter-spacing:.08em}.tile-meta h3{grid-column:1/-1;margin:.2rem 0;font:900 clamp(2.6rem,5.5vw,6rem)/.8 var(--display);letter-spacing:-.06em;text-transform:uppercase}.tile-meta p{margin:0}.tile-meta b{text-align:right;align-self:end}.concept-art{height:30rem;position:relative;overflow:hidden;background:var(--green);border:1px solid #111;display:grid;place-items:center}.concept-art::before{content:"";position:absolute;inset:-20%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 2rem,#111 2.05rem 2.1rem);animation:spin 18s linear infinite}.concept-art>span{position:absolute;left:2rem;top:2rem;font:700 .65rem var(--mono)}.concept-art strong{position:relative;z-index:2;text-align:center;font:900 clamp(4rem,10vw,11rem)/.7 var(--display);letter-spacing:-.08em}.concept-art i{position:absolute;width:22rem;height:22rem;border-radius:50%;background:#fff;mix-blend-mode:difference}
.hardware{min-height:120vh;position:relative;overflow:hidden}.hardware-image{width:64%;left:0;object-position:center}.hardware::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,#050505 67%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 50%)}.hardware-copy{position:relative;z-index:2;margin-left:auto;width:50%;padding:12rem var(--edge) 8rem 3rem}.hardware-copy h2{color:var(--green)}.hardware-copy a{display:inline-flex;margin-top:2rem;padding:1rem 1.3rem;border:1px solid var(--green);font:700 .67rem var(--mono);letter-spacing:.08em}.hardware-copy a b{margin-left:4rem}.hardware-copy a:hover{background:var(--green);color:#000}.hardware-rail{position:absolute;z-index:3;bottom:2rem;left:var(--edge);right:var(--edge);display:flex;justify-content:space-between;border-top:1px solid var(--line-light);padding-top:1rem;font:700 .6rem var(--mono)}
.about{padding:9rem var(--edge);display:grid;grid-template-columns:1fr 1fr;gap:4rem 7vw}.about-title{grid-column:1/-1}.portrait{margin:0;position:relative}.portrait img{display:block;width:100%;height:min(64rem,78vw);object-fit:cover;clip-path:polygon(0 0,88% 0,100% 9%,100% 100%,12% 100%,0 91%)}.portrait::after{content:"";position:absolute;inset:3rem -2rem -2rem 3rem;border:1px solid var(--ink);z-index:-1}.portrait figcaption{display:flex;justify-content:space-between;margin-top:1.2rem;font:700 .62rem var(--mono)}.about-copy{align-self:center}.about-copy .lead{font-size:clamp(1.8rem,3vw,3.4rem);font-weight:700;line-height:1.05;letter-spacing:-.04em}.about-copy>p:not(.lead){max-width:34rem}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-top:1px solid var(--line)}.about-facts div{display:grid;padding:1rem 1rem 0 0;border-right:1px solid var(--line)}.about-facts b{font:900 2rem var(--display)}.about-facts span{font-size:.7rem}
.contact{padding:10rem var(--edge) 5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem 8vw;background-image:radial-gradient(circle at 15% 50%,rgba(167,244,50,.13),transparent 28%)}.contact-head h2 i{font-style:normal;color:var(--green)}.contact-head p{max-width:30rem}.contact-form{align-self:center;border-top:1px solid var(--line-light);padding-top:1rem}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form label{display:block;margin-bottom:1rem}.contact-form label>span:first-child{display:block;margin-bottom:.4rem;font:700 .62rem var(--mono);letter-spacing:.08em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line-light);background:transparent;color:#fff;padding:1rem;outline:none;border-radius:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green)}.contact-form select{color-scheme:dark}.contact-form textarea{resize:vertical}.privacy-check{display:flex!important;gap:.7rem;align-items:flex-start}.privacy-check input{width:1rem!important;accent-color:var(--green);margin-top:.15rem}.privacy-check span{font-family:var(--sans)!important;font-size:.75rem!important}.privacy-check a{text-decoration:underline}.honeypot{position:absolute!important;left:-9999px}.contact-form button{width:100%;border:0;background:var(--green);color:#000;padding:1rem;display:flex;justify-content:space-between;font:700 .68rem var(--mono);cursor:pointer}.form-status{min-height:1.5rem;color:var(--green);font-size:.75rem}.direct-contact{grid-column:1/-1;margin-top:4rem;padding-top:1rem;border-top:1px solid var(--line-light);display:grid;grid-template-columns:1fr 2fr 1fr;font:700 .65rem var(--mono);gap:2rem}.direct-contact a:nth-child(2){font-size:clamp(1.3rem,3vw,3rem);color:var(--green);letter-spacing:-.03em}.direct-contact a:last-child{text-align:right}
.site-footer{background:var(--black);color:#fff;padding:2.5rem var(--edge);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2rem;border-top:1px solid var(--line-light);font:700 .62rem var(--mono)}.footer-mark{display:flex;align-items:center;gap:1rem}.footer-mark img{width:2.2rem}.site-footer>div:nth-child(2){display:flex;justify-content:center;gap:2rem}.site-footer>a{text-align:right}.site-footer a:hover{color:var(--green)}.site-footer small{grid-column:1/-1;border-top:1px solid var(--line-light);padding-top:1rem;color:#888}
.legal-page{background:var(--white);color:var(--ink);min-height:100vh}.legal-page .site-header{mix-blend-mode:normal;background:rgba(243,242,237,.94);color:#000;border-color:var(--line)}.legal-page .brand b{color:#527d00}.legal-main{max-width:72rem;margin:auto;padding:10rem var(--edge) 7rem}.legal-main h1{font:900 clamp(4rem,10vw,10rem)/.78 var(--display);letter-spacing:-.07em;margin:2rem 0 5rem}.legal-main h2{font-size:1.25rem;margin:2.5rem 0 .7rem}.legal-main p,.legal-main li{max-width:58rem}.legal-main a{text-decoration:underline}.legal-main .legal-note{border:1px solid var(--line);border-left:5px solid #79b918;padding:1rem}.back-link{font:700 .65rem var(--mono)}
.reveal{opacity:0;transform:translateY(3rem);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes bootbar{to{width:100%}}@keyframes heroZoom{from{transform:scale(1.1)}to{transform:scale(1.035)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:950px){.desktop-nav,.header-contact{display:none}.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block;justify-self:end;background:none;border:0;padding:.5rem;color:#fff;z-index:2}.menu-toggle span:not(.sr-only){display:block;width:1.7rem;height:1px;background:currentColor;margin:.4rem}.mobile-nav{position:fixed;display:flex;inset:0;background:var(--white);color:#000;flex-direction:column;justify-content:center;padding:5rem var(--edge);transform:translateX(105%);transition:.45s;z-index:1}.mobile-nav.open{transform:none}.mobile-nav a{font:900 clamp(2.8rem,10vw,6rem)/1 var(--display);text-transform:uppercase;border-bottom:1px solid var(--line);padding:.3em 0}.mobile-nav em{font:700 .6rem var(--mono);font-style:normal;margin-right:1rem}.site-header:has(.mobile-nav.open){mix-blend-mode:normal;color:#000}.services-head,.projects-heading{grid-template-columns:1fr 2fr}.services-head p,.projects-heading p{grid-column:2}.world-intro{width:90%;margin-left:10%}.service-row{grid-template-columns:4rem 1.3fr .7fr 2rem}.portal-image{width:75%}.hardware-image{width:72%}.about{gap:4rem}.contact{gap:3rem}.direct-contact{grid-template-columns:1fr}}
@media(max-width:650px){:root{--edge:1.25rem}.page-frame{inset:.45rem}.site-header{top:.45rem;left:.45rem;right:.45rem;height:4rem;padding:0 .8rem}.brand{font-size:.52rem}.brand img{width:1.7rem}.boot{padding:2rem}.hero{min-height:48rem;padding:6rem var(--edge) 2rem;align-items:center}.hero-image{width:160%;max-width:none;left:-58%;object-position:center}.scene-shade{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.08) 65%)}.hero-note{top:6rem;width:16rem}.hero-note p{font-size:.75rem}.hero-title{font-size:clamp(3.4rem,18.8vw,5.4rem);margin:8rem 0 0}.hero-line:nth-child(2){margin-left:11vw}.hero-line:nth-child(3){margin-left:0}.hero-id{font-size:2.8rem;right:1.2rem;top:26%}.coordinates{display:none}.soundless{bottom:1.4rem}.world{min-height:auto;padding:6rem var(--edge) 3rem}.world-intro{grid-template-columns:1fr;width:100%;margin:4rem 0 5rem;gap:1.5rem}.mega-statement{font-size:clamp(3.2rem,17vw,5rem)}.mega-statement span:nth-child(2){-webkit-text-stroke:1px #111}.world-caption{width:100%;font-size:.52rem}.services{padding-top:5rem}.services-head,.projects-heading{grid-template-columns:1fr;padding-bottom:3rem}.services-head p,.projects-heading p{grid-column:auto}.services-head h2,.projects-heading h2{font-size:clamp(3.1rem,15vw,5rem)}.about-title h2{font-size:clamp(2.6rem,11vw,4rem)}.service-row{grid-template-columns:2rem 1fr 1.5rem;gap:1rem;min-height:16rem;padding:1.5rem var(--edge)}.service-row h3{font-size:clamp(2.7rem,13vw,4rem)}.service-row p{grid-column:2/4;margin:0}.service-row>i{grid-column:3;grid-row:1/2;font-size:1.5rem}.portal{min-height:54rem}.portal-image{width:100%;height:100%;opacity:.6}.portal::after{background:linear-gradient(0deg,#050505 8%,transparent 80%),linear-gradient(90deg,rgba(0,0,0,.8),transparent)}.portal-copy{width:100%;padding:7rem var(--edge) 5rem}.portal-copy h2,.hardware-copy h2{font-size:clamp(3.5rem,17vw,5.8rem)}.projects{padding:6rem var(--edge)}.projects-heading{display:block;margin-bottom:4rem}.projects-heading p{margin-top:2rem}.project-collage{display:block}.project-tile{margin:0 0 5rem}.tile-barcode .tile-image,.tile-data .tile-image,.concept-art{height:28rem}.tile-meta{grid-template-columns:1fr}.tile-meta b{text-align:left}.hardware{min-height:54rem}.hardware-image{width:100%;opacity:.58}.hardware::after{background:linear-gradient(0deg,#050505 0,transparent 70%),linear-gradient(90deg,transparent,rgba(0,0,0,.45))}.hardware-copy{width:100%;padding:8rem var(--edge) 6rem}.hardware-rail{font-size:.48rem}.about{padding:6rem var(--edge);grid-template-columns:1fr;gap:3rem}.about-title{grid-column:auto}.portrait img{height:auto}.portrait::after{inset:1rem -1rem -1rem 1rem}.portrait figcaption{font-size:.5rem;gap:1rem}.about-facts{gap:.5rem}.about-facts b{font-size:1.5rem}.contact{padding:7rem var(--edge) 4rem;grid-template-columns:1fr}.contact-head h2{font-size:clamp(3.4rem,16vw,5.5rem)}.field-pair{grid-template-columns:1fr}.direct-contact{grid-template-columns:1fr;gap:1rem}.direct-contact a:last-child{text-align:left}.site-footer{grid-template-columns:1fr}.site-footer>div:nth-child(2){justify-content:flex-start}.site-footer>a{text-align:left}.grid-scene{background-image:linear-gradient(90deg,transparent calc(50% - 1px),var(--line) 50%,transparent calc(50% + 1px))}}
.boot{align-items:center;padding:2rem}.boot-stage{width:15rem;height:15rem;position:relative;display:grid;place-items:center;margin-bottom:2.5rem}.boot-stage img{width:5.6rem;position:relative;z-index:3;filter:drop-shadow(0 0 1.4rem rgba(167,244,50,.45));animation:logoAssemble 2.3s cubic-bezier(.2,.8,.2,1) both}.boot-stage strong{position:absolute;bottom:-.5rem;font:700 .72rem var(--mono);letter-spacing:.18em}.boot-stage strong b{color:#6ca412}.boot-ring{position:absolute;border:1px solid #111;border-radius:50%;animation:spin 4s linear infinite}.ring-a{inset:0;border-style:dashed}.ring-b{inset:2rem;animation-direction:reverse;animation-duration:2.6s}.boot-scan{position:absolute;inset:4rem;border-radius:50%;background:conic-gradient(transparent 0 70%,rgba(100,150,20,.4));animation:spin 1.2s linear infinite}.boot-console{width:min(36rem,90vw)}.boot-console .boot-line{display:flex}.boot-console .boot-track{width:100%}.boot-console p{text-align:left}.brand img{animation:brandAlive 4s ease-in-out infinite}.ambient-ui{position:fixed;z-index:85;left:1.3rem;bottom:1.35rem;width:7rem;height:1rem;display:flex;gap:.5rem;align-items:center;pointer-events:none;mix-blend-mode:difference}.ambient-ui span{width:.25rem;height:.25rem;background:#fff;border-radius:50%;animation:runtimeDot 1.4s infinite}.ambient-ui span:nth-child(2){animation-delay:.2s}.ambient-ui span:nth-child(3){animation-delay:.4s}.ambient-ui i{font:700 .48rem var(--mono);font-style:normal;white-space:nowrap}.page-frame::after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(167,244,50,.7);box-shadow:0 0 1rem var(--green);animation:frameScan 8s linear infinite}.data-stream{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.data-stream i{position:absolute;top:-30%;width:1px;height:28%;background:linear-gradient(transparent,var(--green),transparent);opacity:.65;animation:dataFall 5s linear infinite}.data-stream i:nth-child(1){left:18%;animation-delay:-1s}.data-stream i:nth-child(2){left:37%;animation-delay:-4s}.data-stream i:nth-child(3){left:58%;animation-delay:-2s}.data-stream i:nth-child(4){left:76%;animation-delay:-3.2s}.data-stream i:nth-child(5){left:91%;animation-delay:-.2s}.hardware-copy h2 span{color:var(--green)}.linkedin-link{display:inline-flex;gap:3rem;margin-top:1.5rem;padding:.8rem 1rem;border:1px solid var(--ink);font:700 .64rem var(--mono)}.linkedin-link:hover{background:var(--ink);color:var(--white)}
.project-gateway{min-height:100vh;position:relative;padding:9rem var(--edge);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.gateway-code{font:700 .65rem var(--mono)}.project-gateway h2{position:relative;z-index:2;margin:3rem 0 2rem;font:900 clamp(4.2rem,10vw,11rem)/.78 var(--display);letter-spacing:-.07em}.project-gateway>p{position:relative;z-index:2;max-width:32rem;margin-left:50%;font-size:1.05rem}.gateway-link{position:relative;z-index:2;width:50%;margin:4rem 0 0 50%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1.4rem 0;display:flex;justify-content:space-between;font:700 .68rem var(--mono)}.gateway-link i{font-style:normal;font-size:1.5rem}.gateway-orbit{position:absolute;width:min(45rem,58vw);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;right:-10%;top:15%;display:grid;place-items:center;animation:spin 24s linear infinite}.gateway-orbit::before,.gateway-orbit::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.gateway-orbit::before{inset:12%}.gateway-orbit::after{inset:29%;border-style:dashed}.gateway-orbit span{font:900 10rem var(--display);color:var(--green)}.gateway-orbit i{position:absolute;width:.7rem;height:.7rem;background:#111;border-radius:50%;top:8%;left:28%}.gateway-orbit i:nth-of-type(2){top:73%;left:4%}.gateway-orbit i:nth-of-type(3){top:50%;left:98%}
.archive-hero{min-height:100svh;position:relative;overflow:hidden;padding:8rem var(--edge) 4rem;display:flex;flex-direction:column;justify-content:flex-end}.archive-hero .scene-image{filter:saturate(.85)}.archive-code{position:absolute;z-index:2;top:9rem;left:var(--edge);font:700 .65rem var(--mono)}.archive-hero h1{position:relative;z-index:2;margin:0;font:900 clamp(5rem,12vw,13rem)/.72 var(--display);letter-spacing:-.075em}.archive-hero h1 i{font-style:normal;color:var(--green)}.archive-hero>p{position:absolute;z-index:2;right:var(--edge);top:25%;width:25rem}.archive-scroll{position:absolute;z-index:3;right:var(--edge);bottom:2.5rem;font:700 .65rem var(--mono);display:flex;gap:2rem}.archive-scroll b{color:var(--green)}.archive-intro{padding:10rem var(--edge);display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:end}.archive-intro h2{margin:0;font:900 clamp(4rem,9vw,10rem)/.78 var(--display);letter-spacing:-.07em}.archive-intro p{margin:0;max-width:24rem}.case-file{min-height:110vh;display:grid;grid-template-columns:1.15fr .85fr}.case-file.case-reverse{grid-template-columns:.85fr 1.15fr}.case-reverse .case-visual{order:2}.case-dark{background:#050505;color:#fff}.case-light{background:var(--white);color:var(--ink)}.case-visual{position:relative;overflow:hidden;min-height:55rem}.case-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s}.case-file:hover .case-visual img{transform:scale(1.025)}.case-visual>span{position:absolute;left:1.5rem;top:1.5rem;background:var(--green);color:#000;padding:.5rem .7rem;font:700 .6rem var(--mono)}.case-copy{padding:8rem clamp(2rem,5vw,6rem);align-self:center}.case-meta{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:1rem;font:700 .6rem var(--mono)}.case-copy h2{font:900 clamp(3.5rem,6.8vw,7rem)/.78 var(--display);letter-spacing:-.065em;margin:3rem 0}.case-copy p{max-width:36rem}.case-copy ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:2rem}.case-copy li{border:1px solid currentColor;padding:.45rem .7rem;font:700 .58rem var(--mono)}
.web-case{min-height:100vh;padding:8rem var(--edge);display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(2rem,7vw,8rem);align-items:center}.web-case.web-reverse{grid-template-columns:.7fr 1.3fr}.web-reverse .web-shot{order:2}.web-case-dark{background:#080808;color:#fff}.web-case-light{background:var(--white);color:var(--ink)}.web-shot{position:relative;display:block;overflow:hidden;box-shadow:0 2rem 7rem rgba(0,0,0,.25)}.web-shot img{display:block;width:100%;transition:transform .8s}.web-shot:hover img{transform:scale(1.025)}.web-shot span{position:absolute;right:1rem;bottom:1rem;padding:.7rem 1rem;background:var(--green);color:#000;font:700 .6rem var(--mono)}.web-copy>span{font:700 .62rem var(--mono)}.web-copy h2{font:900 clamp(3.5rem,6.5vw,7rem)/.78 var(--display);letter-spacing:-.065em;margin:2rem 0}.web-copy p{max-width:28rem}.web-copy>a{display:inline-flex;border-bottom:1px solid currentColor;padding:1rem 0;margin-top:1rem;font:700 .62rem var(--mono)}.archive-cta{min-height:80vh;padding:9rem var(--edge);display:flex;flex-direction:column;justify-content:center}.archive-cta>span{font:700 .62rem var(--mono)}.archive-cta h2{font:900 clamp(5rem,12vw,13rem)/.72 var(--display);letter-spacing:-.075em;margin:2rem 0}.archive-cta h2 i{font-style:normal;color:var(--green)}.archive-cta>a{width:max-content;border:1px solid var(--green);padding:1rem 1.4rem;font:700 .65rem var(--mono)}
@keyframes logoAssemble{0%{opacity:0;transform:scale(.15) rotate(-35deg);filter:blur(18px)}55%{opacity:1;transform:scale(1.18) rotate(4deg);filter:blur(0) drop-shadow(0 0 2rem rgba(167,244,50,.7))}100%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 1.4rem rgba(167,244,50,.45))}}@keyframes brandAlive{0%,100%{filter:drop-shadow(0 0 0 rgba(167,244,50,0))}50%{filter:drop-shadow(0 0 .65rem rgba(167,244,50,.8))}}@keyframes runtimeDot{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes frameScan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}@keyframes dataFall{from{top:-30%}to{top:120%}}
.boot-console .boot-track i{animation-duration:2.6s}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-brand img{width:2.2rem}
@media(max-width:950px){.archive-intro{grid-template-columns:1fr 2fr}.archive-intro p{grid-column:2}.case-file,.case-file.case-reverse{grid-template-columns:1fr 1fr}.web-case,.web-case.web-reverse{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.boot-stage{width:11rem;height:11rem;margin-bottom:2rem}.boot-stage img{width:4rem}.boot-stage strong{font-size:.55rem}.boot-console{width:100%}.ambient-ui{display:none}.project-gateway{min-height:46rem;padding:6rem var(--edge)}.project-gateway h2{font-size:clamp(3.3rem,16vw,5rem)}.project-gateway>p,.gateway-link{width:100%;margin-left:0}.gateway-orbit{width:28rem;right:-65%;top:25%;opacity:.6}.archive-hero{min-height:48rem;padding:7rem var(--edge) 3rem}.archive-hero .scene-image{width:165%;max-width:none;left:-55%}.archive-hero h1{font-size:clamp(3.8rem,18vw,5.6rem)}.archive-hero>p{position:relative;top:auto;right:auto;width:auto;z-index:2;margin:2rem 0 5rem;max-width:21rem}.archive-code{top:6rem}.archive-intro{display:block;padding:6rem var(--edge)}.archive-intro h2{font-size:clamp(3.3rem,15vw,5.2rem);margin:2rem 0}.case-file,.case-file.case-reverse{display:flex;flex-direction:column;min-height:auto}.case-reverse .case-visual{order:0}.case-visual{min-height:32rem;height:70vh}.case-copy{padding:4rem var(--edge) 5rem}.case-copy h2{font-size:clamp(3rem,14vw,4.8rem)}.case-meta{gap:1rem}.web-case,.web-case.web-reverse{display:flex;flex-direction:column;padding:5rem var(--edge);min-height:auto}.web-reverse .web-shot{order:0}.web-copy h2{font-size:clamp(3rem,14vw,4.8rem)}.archive-cta{min-height:40rem;padding:6rem var(--edge)}.archive-cta h2{font-size:clamp(4rem,18vw,6rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.boot{display:none}}

/* Coding intro — the mark is assembled from three independently compiled layers. */
.page-frame::after{display:none}
.boot{padding:0;display:grid;place-items:center;overflow:hidden;background:#020504;color:#edf2ec;isolation:isolate}
.boot::before{content:"";position:absolute;inset:-25%;z-index:-3;background:radial-gradient(circle at 50% 47%,rgba(120,135,126,.08),transparent 22%),radial-gradient(circle at 50% 50%,rgba(20,28,24,.38),transparent 44%);animation:bootGlow 3.3s ease-in-out both}
.boot::after{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(167,244,50,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(167,244,50,.055) 1px,transparent 1px);background-size:3.2rem 3.2rem;mask-image:radial-gradient(circle at center,#000 0,transparent 72%);animation:gridBreathe 3.3s ease-in-out both}
.boot-core{position:relative;width:min(35rem,82vw);display:grid;justify-items:center;z-index:2}
.boot-logo{position:relative;width:11rem;height:13rem;margin-bottom:1.1rem}
.logo-piece{position:absolute;inset:0;margin:auto;width:9.2rem;height:auto;opacity:0;filter:none}
.logo-piece-a{clip-path:inset(0 0 66% 0);animation:compileTop 3.8s cubic-bezier(.22,.75,.18,1) both}
.logo-piece-b{clip-path:inset(31% 0 31% 0);animation:compileMid 3.8s cubic-bezier(.22,.75,.18,1) both}
.logo-piece-c{clip-path:inset(64% 0 0 0);animation:compileBottom 3.8s cubic-bezier(.22,.75,.18,1) both}
.logo-glyph{position:absolute;z-index:4;left:50%;top:47%;font:900 10rem/.72 var(--display);letter-spacing:-.12em;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 0 1.2rem rgba(255,255,255,.12))}
.logo-glyph::after{content:attr(data-label);position:absolute;left:50%;top:calc(100% + 2rem);transform:translateX(-50%);font:700 .43rem/1 var(--mono);letter-spacing:.16em;color:#aab4ac;text-shadow:none;white-space:nowrap}
.glyph-bracket{color:#a8acab;animation:bracketMerge 3.8s cubic-bezier(.22,.75,.18,1) both}
.glyph-bracket::after{left:auto;right:calc(100% + .75rem);top:54%;transform:translateY(-50%)}
.glyph-three{top:60%;font-family:Arial,Helvetica,sans-serif;font-size:12.7rem;font-weight:700;letter-spacing:-.08em;color:var(--green);animation:threeMerge 3.8s cubic-bezier(.22,.75,.18,1) both}
.glyph-three::after{left:calc(100% + .75rem);top:50%;transform:translateY(-50%);color:var(--green)}
.logo-guide{position:absolute;z-index:-1;inset:.5rem 0 0;border:1px solid rgba(167,244,50,.22);opacity:0;animation:guideIn 3.3s ease both}
.guide-a{transform:rotate(45deg) scale(.72)}
.guide-b{border-style:dashed;transform:rotate(-45deg) scale(.72);animation-delay:.12s}
.logo-cursor{position:absolute;left:-15%;top:0;width:130%;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 1rem rgba(167,244,50,.9);animation:logoCompile 1.5s 1.65s cubic-bezier(.4,0,.2,1) both}
.boot-brand{font:700 .74rem var(--mono);letter-spacing:.28em;opacity:0;transform:translateY(.8rem);animation:brandCompile .6s 2.55s both}
.boot-brand b{color:var(--green)}
.boot-console{width:100%;margin-top:2.2rem;opacity:0;animation:consoleIn .45s .65s both}
.boot-console .boot-line{font-size:.57rem;color:#aab4ac}
.boot-console .boot-line span:last-child{color:var(--green)}
.boot-console .boot-track{height:1px;margin:.7rem 0;background:rgba(255,255,255,.16);overflow:visible}
.boot-console .boot-track i{position:relative;background:var(--green);box-shadow:0 0 .8rem rgba(167,244,50,.7);animation-duration:3.8s}
.boot-console .boot-track i::after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 1rem var(--green)}
.boot-console p{color:#77827a;font-size:.56rem;letter-spacing:.08em;text-align:left;white-space:nowrap;overflow:hidden;width:0;animation:terminalType 1.15s 1.05s steps(34,end) forwards}
.boot-console p>span:first-child{color:var(--green);margin-right:.55rem}
.terminal-cursor{display:inline-block;width:.45rem;height:.8rem;margin-left:.35rem;vertical-align:-.15rem;background:var(--green);animation:cursorBlink .6s steps(1) infinite}
.boot-code{position:absolute;z-index:1;display:grid;gap:.8rem;font:500 .55rem var(--mono);letter-spacing:.04em;color:rgba(226,239,229,.42)}
.boot-code span{opacity:0;transform:translateY(.6rem);animation:codeLine .45s both}
.boot-code span:nth-child(1){animation-delay:.2s}.boot-code span:nth-child(2){animation-delay:.48s}.boot-code span:nth-child(3){animation-delay:.76s}.boot-code span:nth-child(4){animation-delay:1.04s}
.boot-code b{color:var(--green);font-weight:600}
.boot-code-left{left:5vw;top:18%}.boot-code-right{right:5vw;bottom:16%;text-align:right}
.boot-matrix{position:absolute;inset:0;z-index:-1}
.boot-matrix i{position:absolute;width:.32rem;height:.32rem;background:var(--green);box-shadow:0 0 1rem rgba(167,244,50,.85);opacity:0;animation:nodePulse 1.8s infinite}
.boot-matrix i:nth-child(1){left:12%;top:28%;animation-delay:.1s}.boot-matrix i:nth-child(2){left:24%;top:73%;animation-delay:.8s}.boot-matrix i:nth-child(3){left:41%;top:14%;animation-delay:.4s}.boot-matrix i:nth-child(4){left:68%;top:22%;animation-delay:1.2s}.boot-matrix i:nth-child(5){left:83%;top:61%;animation-delay:.6s}.boot-matrix i:nth-child(6){left:92%;top:34%;animation-delay:1.5s}.boot-matrix i:nth-child(7){left:58%;top:87%;animation-delay:.25s}.boot-matrix i:nth-child(8){left:7%;top:82%;animation-delay:1s}
.boot-corners i{position:absolute;width:2.4rem;height:2.4rem;border-color:rgba(167,244,50,.42);border-style:solid;opacity:0;animation:cornerIn .45s 1.25s both}
.boot-corners i:nth-child(1){left:2rem;top:2rem;border-width:1px 0 0 1px}.boot-corners i:nth-child(2){right:2rem;top:2rem;border-width:1px 1px 0 0}.boot-corners i:nth-child(3){right:2rem;bottom:2rem;border-width:0 1px 1px 0}.boot-corners i:nth-child(4){left:2rem;bottom:2rem;border-width:0 0 1px 1px}
.boot.done .boot-core{animation:coreExit .48s cubic-bezier(.6,0,1,.5) both}.boot.done .boot-code{opacity:0;transition:opacity .25s}
@keyframes bracketMerge{0%,5%{opacity:0;transform:translate(-13rem,-50%) rotate(-9deg) scale(.72)}14%{opacity:1}42%{opacity:1;transform:translate(-3.75rem,-50%) rotate(0) scale(1)}56%{opacity:1;transform:translate(-3.75rem,-50%) scale(1.08)}66%,100%{opacity:0;transform:translate(-3.75rem,-50%) scale(.92)}}
@keyframes threeMerge{0%,5%{opacity:0;transform:translate(8rem,-50%) rotate(12deg) scale(.72)}14%{opacity:1}42%{opacity:1;transform:translate(-.55rem,-50%) rotate(0) scale(1)}56%{opacity:1;transform:translate(-.55rem,-50%) scale(1.08)}66%,100%{opacity:0;transform:translate(-.55rem,-50%) scale(.92)}}
@keyframes compileTop{0%,49%{opacity:0;transform:translate(-3.5rem,-1.2rem);filter:blur(8px)}67%,100%{opacity:1;transform:none;filter:none}}
@keyframes compileMid{0%,53%{opacity:0;transform:translateX(4rem);filter:blur(8px)}71%,100%{opacity:1;transform:none;filter:none}}
@keyframes compileBottom{0%,57%{opacity:0;transform:translate(-2.8rem,1.2rem);filter:blur(8px)}75%,100%{opacity:1;transform:none;filter:none}}
@keyframes logoCompile{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
@keyframes guideIn{0%,12%{opacity:0;transform:rotate(0) scale(.3)}45%{opacity:.9}100%{opacity:.22;transform:rotate(135deg) scale(.72)}}
@keyframes brandCompile{to{opacity:1;transform:none}}
@keyframes consoleIn{to{opacity:1}}
@keyframes terminalType{to{width:100%}}
@keyframes cursorBlink{50%{opacity:0}}
@keyframes codeLine{to{opacity:1;transform:none}}
@keyframes nodePulse{0%,100%{opacity:.08;transform:scale(.55)}50%{opacity:.75;transform:scale(1)}}
@keyframes bootGlow{0%{transform:scale(.6);opacity:0}55%{opacity:1}100%{transform:scale(1.15);opacity:.72}}
@keyframes gridBreathe{0%{opacity:0;transform:scale(1.08)}100%{opacity:1;transform:none}}
@keyframes cornerIn{from{opacity:0;transform:scale(1.4)}to{opacity:1;transform:none}}
@keyframes coreExit{to{opacity:0;transform:scale(1.08);filter:blur(12px)}}

@media(max-width:750px){.boot-code{display:none}.boot-logo{width:9rem;height:10.7rem}.logo-piece{width:7.4rem}.boot-core{width:min(28rem,82vw)}.boot-corners i:nth-child(1),.boot-corners i:nth-child(2){top:1rem}.boot-corners i:nth-child(3),.boot-corners i:nth-child(4){bottom:1rem}.boot-corners i:nth-child(1),.boot-corners i:nth-child(4){left:1rem}.boot-corners i:nth-child(2),.boot-corners i:nth-child(3){right:1rem}}
@media(prefers-reduced-motion:reduce){.boot{display:none}}