:root{--background:#090c12;--foreground:#f5f7fb;--card:#151b26;--card-foreground:#f5f7fb;--popover:#151b26;--popover-foreground:#f5f7fb;--primary:#f5f7fb;--primary-foreground:#090c12;--secondary:#1d2838;--secondary-foreground:#f5f7fb;--muted:#1d2838;--muted-foreground:#adbbcc;--accent:#273a56;--accent-foreground:#f5f7fb;--destructive:#f26468;--border:#3a495f;--input:#3a495f;--ring:#91b8ff;--radius:.75rem}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:#4977dc}:focus-visible{outline-offset:4px;outline:2px solid #8cbdff}.shell{width:min(100% - 64px,1400px);margin-inline:auto}.section-kicker,.eyebrow{letter-spacing:.16em;color:#adbacb;font-size:.82rem;font-weight:700}.section-kicker{margin:0 0 24px}.eyebrow{align-items:center;gap:14px;display:flex}.rgb-mark{background:linear-gradient(135deg,#ef5360 0 33%,#4dde87 34% 66%,#5d82ff 67%);border-radius:4px;width:22px;height:22px;transform:rotate(-18deg);box-shadow:0 0 20px #4f83ff66}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c12ed;border-bottom:1px solid #ffffff19;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:35px;height:76px;display:flex}.wordmark{letter-spacing:-.07em;white-space:nowrap;align-items:center;gap:13px;font-size:1.47rem;font-weight:850;display:flex}.wordmark-light{font-weight:400}.wordmark b{color:#78aaff}.logo-pixels{width:27px;height:27px;display:inline-block;position:relative;transform:rotate(-15deg)}.logo-pixels i{border-radius:2px;width:13px;height:13px;position:absolute}.logo-pixels i:first-child{background:#ff5558;top:0;left:0}.logo-pixels i:nth-child(2){background:#4dde87;top:7px;left:13px}.logo-pixels i:nth-child(3){background:#528dff;top:14px;left:0}.main-nav{align-items:center;gap:42px;display:flex}.main-nav a{color:#b4c0cf;font-size:.92rem;transition:color .25s}.main-nav a:hover,.main-nav a.nav-active{color:#fff}.main-nav a.nav-active{position:relative}.main-nav a.nav-active:after{content:"";background:linear-gradient(90deg,#f65f6b,#4be886,#678aff);width:100%;height:2px;position:absolute;bottom:-12px;left:0}.header-cta{white-space:nowrap;border:1px solid #64758a;border-radius:100px;padding:12px 18px;font-size:.9rem;transition:background .2s}.header-cta:hover{background:#202b38}.header-cta span{margin-left:12px}.menu-toggle{display:none}h1,h2,h3,p{margin-top:0}.hero{isolation:isolate;border-bottom:1px solid #26303d;align-items:center;min-height:min(860px,100svh - 76px);padding-block:90px 105px;display:flex;position:relative}.hero:before{content:"";z-index:-2;background:radial-gradient(circle at 75% 40%,#17314d66,#0000 44%),linear-gradient(110deg,#090c12 20%,#0d121b 78%,#090c12);position:absolute;inset:0}.hero:after{content:"";z-index:-1;opacity:.15;background-image:linear-gradient(#576d8b55 1px,#0000 1px),linear-gradient(90deg,#576d8b55 1px,#0000 1px);background-size:88px 88px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 12%,#000 75%);mask-image:linear-gradient(90deg,#0000 12%,#000 75%)}.hero-copy{z-index:2;width:min(690px,62%);position:relative}.hero h1{letter-spacing:-.093em;margin:28px 0 32px;font-size:clamp(4.4rem,8.4vw,9rem);font-weight:770;line-height:.94}.hero h1 em,.section-head h2 em,.outro h2 em,.page-hero h1 em,.footer-main h2 em{letter-spacing:-.065em;font-family:Georgia,serif;font-weight:400}.hero h1 em{-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#f86b77 0%,#d5ded9 40%,#6c9aff 90%);-webkit-background-clip:text;background-clip:text}.hero-lede{color:#c5d0dc;max-width:490px;margin-bottom:30px;font-size:1.17rem;line-height:1.6}.hero-art{z-index:1;pointer-events:none;width:min(74vw,1030px);animation:9s ease-in-out infinite float-orbit;position:absolute;top:50%;right:max(-7vw,-110px);transform:translateY(-53%)}.hero-art img{filter:drop-shadow(0 25px 90px #3072e235);width:100%}@keyframes float-orbit{0%,to{transform:translateY(-53%)rotate(-1deg)}50%{transform:translateY(-50%)rotate(1deg)}}.button-row{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.button{border-radius:100px;justify-content:space-between;align-items:center;gap:55px;min-height:56px;padding:15px 22px;font-size:.96rem;font-weight:700;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #4d83ff30}.button-light{color:#0b111a;background:#f5f6f8}.button-light:hover{background:#dce8fa}.text-link{border-bottom:1px solid #7c899d;align-items:center;gap:28px;padding-bottom:7px;font-size:.96rem;font-weight:700;transition:gap .25s,color .25s;display:inline-flex}.text-link:hover{color:#89b0ff;gap:38px}.hero-index{color:#98a8bd;letter-spacing:.23em;font-size:.72rem;position:absolute;bottom:26px;left:0}.hero-index span{color:#587aff;margin:0 12px}.intro-band{border-bottom:1px solid #29313d;grid-template-columns:1fr 2.2fr;gap:28px;padding:120px 0 130px;display:grid}.intro-band h2{letter-spacing:-.06em;grid-column:2;margin:0;font-size:clamp(2.4rem,4.6vw,5.1rem);font-weight:620;line-height:1.1}.intro-band h2 span{color:#9babc1}.intro-band>p:last-child{color:#b2c0d0;grid-column:2;max-width:680px;margin:10px 0 0;font-size:1.1rem;line-height:1.7}.services,.featured{padding:120px 0}.section-head{margin-bottom:48px}.section-head h2{letter-spacing:-.067em;margin:0;font-size:clamp(2.8rem,5vw,5.4rem);font-weight:650;line-height:1.06}.section-head h2 em{color:#a9bad0}.section-head-row{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.service-list{border-top:1px solid #344050}.service-item{border-bottom:1px solid #344050;grid-template-columns:80px 1.1fr 1fr 30px;align-items:center;gap:24px;padding:38px 0;transition:padding .25s,background .25s;display:grid}.service-item:hover{background:#151e29;padding-left:15px}.service-item>span:first-child{color:#8daed8;font-size:.85rem}.service-item>span:last-child{color:#9cb9e5;font-size:1.7rem}.service-item h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,2.3vw,2.45rem);font-weight:550}.service-item p{color:#b1bfce;max-width:350px;margin:0;font-size:1rem;line-height:1.55}.featured{border-top:1px solid #29313d}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px;display:grid}.project-card{min-width:0;display:block}.project-visual{background:#151923;border:1px solid #374050;border-radius:16px;justify-content:center;align-items:center;height:clamp(250px,32vw,465px);display:flex;position:relative;overflow:hidden}.project-visual img{object-fit:contain;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-visual img{transform:scale(1.045)}.visual-captcha{background:#3217a7}.visual-captcha img{object-fit:cover}.visual-duddy{background:#0e121a}.visual-fasto{background:#211d2b}.visual-dotix{color:#1b2931;background:#e6e5e1}.project-card-info{justify-content:space-between;align-items:center;padding:18px 2px;display:flex}.project-card-info p{color:#a5b6c9;margin:0 0 7px;font-size:.83rem}.project-card-info h3{letter-spacing:-.04em;margin:0;font-size:1.62rem;font-weight:600}.card-arrow{border:1px solid #62748c;border-radius:50%;place-items:center;width:39px;height:39px;transition:background .25s,transform .25s;display:grid}.project-card:hover .card-arrow{color:#121722;background:#eff4ff;transform:rotate(45deg)}.dotix-art{background:radial-gradient(circle at 65% 30%,#afd8e0,#f1eee7 54%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.dotix-orbit{aspect-ratio:1;border:1px solid #27abc180;border-radius:50%;width:64%;position:absolute;transform:rotateX(65deg)rotate(-35deg);box-shadow:0 0 0 36px #6ab2bc18,0 0 0 100px #79b6c311}.dotix-title{letter-spacing:-.1em;z-index:1;font-size:clamp(4rem,8vw,9rem);font-weight:750}.dotix-title span{color:#05a4af}.dotix-caption{z-index:1;letter-spacing:.2em;text-align:center;font-size:.7rem;font-weight:700;line-height:1.6}.outro{background:radial-gradient(circle at 90% 20%,#254b8766,#0000 35%),linear-gradient(115deg,#1b2030,#15213a 65%,#142037);border:1px solid #49628b;border-radius:18px;margin-bottom:120px;padding:90px 7%}.outro h2{letter-spacing:-.07em;margin-bottom:38px;font-size:clamp(3.1rem,6vw,6.2rem);line-height:1.02}.outro h2 em{color:#a5c9ff}.site-footer{background:#0c111a;border-top:1px solid #2e3948}.footer-main{grid-template-columns:2fr .6fr .7fr;gap:50px;padding:80px 0;display:grid}.footer-main h2{letter-spacing:-.06em;font-size:clamp(2.3rem,4vw,4.7rem);line-height:1.05}.footer-main h2 em{color:#a8bdd8}.footer-links{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.footer-links p{color:#9aacbf;margin:0 0 10px;font-size:.87rem}.footer-links a{font-size:.97rem}.footer-links a:hover{color:#a6c4ff}.footer-bottom{color:#97a8bd;border-top:1px solid #2e3948;justify-content:space-between;padding:24px 0 35px;font-size:.83rem;display:flex}.page-hero{background:radial-gradient(circle at 85% 30%,#214e7750,#0000 34%);border-bottom:1px solid #2e3948;padding:135px 0 115px}.page-hero h1{letter-spacing:-.08em;margin:0 0 28px;font-size:clamp(3.7rem,7.8vw,8.4rem);font-weight:680;line-height:.98}.page-hero h1 em{color:#a5bce4}.page-hero>p:last-child{color:#b6c5d5;max-width:670px;font-size:1.2rem;line-height:1.65}.about-split{border-bottom:1px solid #2e3948;grid-template-columns:1fr 2fr;gap:55px;padding:120px 0;display:grid}.about-split h2{letter-spacing:-.06em;margin-bottom:35px;font-size:clamp(2.9rem,5vw,5.2rem);line-height:1.07}.about-split div p{color:#b6c5d5;max-width:690px;font-size:1.13rem;line-height:1.75}.values{padding:120px 0}.value-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.value-grid article{background:#151d29;border:1px solid #344457;border-radius:12px;min-height:270px;padding:42px 32px}.value-grid span{color:#9db9e0;font-size:.85rem}.value-grid h3{letter-spacing:-.05em;margin:42px 0 15px;font-size:2rem}.value-grid p{color:#b1c2d5;line-height:1.6}.work-list{padding:70px 0 130px}.contact-hero{border:0}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.contact-tile{background:linear-gradient(135deg,#182237,#172b3e);border:1px solid #405274;border-radius:16px;min-height:300px;padding:38px;transition:transform .25s,border-color .25s;position:relative}.contact-tile:nth-child(2){background:linear-gradient(135deg,#1b2734,#173d3e)}.contact-tile:hover{border-color:#91baff;transform:translateY(-5px)}.contact-tile span{color:#b4c7df;letter-spacing:.15em;font-size:.8rem}.contact-tile h2{letter-spacing:-.06em;margin:60px 0 10px;font-size:clamp(2.3rem,4vw,4.5rem)}.contact-tile p{color:#c4d4e5;font-size:1.1rem}.contact-tile strong{font-size:2rem;font-weight:400;position:absolute;bottom:36px;right:34px}.contact-note{color:#b7c4d3;padding:35px 0 130px;line-height:1.6}.contact-note a{color:#dfecff;text-underline-offset:4px;text-decoration:underline}.case-header{padding:75px 0 55px}.back-link{color:#b6c7db;margin-bottom:65px;font-size:.92rem;display:inline-block}.back-link:hover{color:#fff}.case-header h1{letter-spacing:-.09em;margin:0 0 18px;font-size:clamp(4.5rem,9vw,9rem);line-height:1}.case-header h1 span{color:#79a6fa}.case-tagline{color:#b3c3d5;max-width:850px;font-size:clamp(1.3rem,2.4vw,2.2rem);line-height:1.35}.case-banner .project-visual{height:min(70vw,710px)}.case-banner .visual-captcha img{object-fit:cover}.case-overview{border-bottom:1px solid #344050;grid-template-columns:1.65fr .75fr;gap:12%;padding:115px 0;display:grid}.case-overview h2{letter-spacing:-.06em;font-size:clamp(2.2rem,4vw,4.2rem);font-weight:570;line-height:1.13}.case-facts{padding-top:45px}.case-facts div{border-top:1px solid #3e4b5a;padding:18px 0}.case-facts span{letter-spacing:.14em;color:#a4bbd6;font-size:.78rem}.case-facts p{margin:10px 0 0;font-size:1rem;line-height:1.5}.case-facts a{text-underline-offset:5px;margin-top:24px;text-decoration:underline;display:inline-block}.case-two-col{border-bottom:1px solid #344050;grid-template-columns:repeat(2,minmax(0,1fr));gap:9%;padding:105px 0;display:grid}.case-two-col h2,.screen-section h2,.study-section h2{letter-spacing:-.06em;font-size:clamp(2.4rem,4.4vw,4.8rem);font-weight:600;line-height:1.08}.case-two-col p:last-child{color:#bdcbdb;max-width:570px;font-size:1.13rem;line-height:1.7}.screen-section{padding:105px 0}.screen-intro{color:#b6c6d8}.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.screen-grid figure{background:#17202e;border:1px solid #334153;border-radius:16px;flex-direction:column;align-items:center;margin:0;padding:25px;display:flex}.screen-grid figure img{object-fit:contain;border-radius:12px;width:auto;max-height:640px;box-shadow:0 20px 50px #0006}.screen-grid figcaption{color:#afc2d8;align-self:flex-start;margin-top:20px;font-size:.88rem}.screen-grid-single{grid-template-columns:minmax(0,1fr)}.screen-grid-single figure img{object-fit:contain;width:100%;max-height:650px}.missing-note{color:#c5d2e0;border:1px dashed #6686b1;border-radius:12px;padding:38px;font-size:1rem}.missing-note a{color:#e1ecff;text-decoration:underline}.study-section{border-top:1px solid #344050;padding:100px 0 120px}.study-list{border-top:1px solid #344050;margin-top:55px}.study-list article{border-bottom:1px solid #344050;grid-template-columns:100px 1fr 1.4fr;gap:20px;padding:32px 0;display:grid}.study-list span{color:#a0badd}.study-list h3{letter-spacing:-.035em;margin:0;font-size:1.55rem}.study-list p{color:#b9cadd;margin:0;line-height:1.6}.study-art{background:#203d8e;border-radius:15px;margin-top:75px;overflow:hidden}.study-art img{width:100%;height:auto}.next-project{border-top:1px solid #344050;flex-direction:column;align-items:flex-start;padding:70px 0 120px;display:flex}.next-project>a:first-of-type{letter-spacing:-.07em;margin:0 0 30px;font-size:clamp(3rem,6vw,6.5rem);font-weight:650}.next-project>a:first-of-type span{color:#83b0ff}.next-project .back-link{margin:0}.reveal.is-visible{animation:.7s both arrive}@keyframes arrive{0%{opacity:.55;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.hero h1{font-size:clamp(4rem,8vw,7rem)}.hero-art{opacity:.8;width:75vw;right:-12vw}.hero-copy{width:68%}.service-item{grid-template-columns:55px 1fr 1fr 24px}.footer-main{grid-template-columns:1.5fr .7fr .9fr}.study-list article{grid-template-columns:50px 1fr 1.3fr}}@media (max-width:720px){.shell{width:min(100% - 36px,1400px)}.header-inner{height:68px}.wordmark{font-size:1.3rem}.header-cta{display:none}.menu-toggle{background:0 0;border:1px solid #4a5666;border-radius:50%;flex-direction:column;order:3;justify-content:center;gap:6px;width:42px;height:42px;padding:10px;display:flex}.menu-toggle span{background:#fff;width:100%;height:2px}.main-nav{background:#101723;border-bottom:1px solid #41516a;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 20px;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 18px 28px #0008}.main-nav.nav-open{display:flex}.main-nav a{padding:14px;font-size:1.1rem}.main-nav a.nav-active:after{display:none}.hero{align-items:flex-start;min-height:780px;padding-top:75px;padding-bottom:100px}.hero-copy{width:100%}.hero h1{margin:25px 0;font-size:clamp(3.8rem,13.1vw,6rem)}.hero-lede{max-width:400px;font-size:1rem}.hero-art{opacity:.66;width:min(110vw,700px);animation:none;top:75%;right:-25vw;transform:translateY(-50%)}.hero-index{font-size:.57rem}.button-row{gap:22px}.button{gap:20px;min-height:52px;padding:13px 18px}.intro-band{padding:82px 0;display:block}.intro-band h2{margin-bottom:22px}.intro-band>p:last-child{margin:0}.services,.featured{padding:85px 0}.section-head{margin-bottom:35px}.section-head-row{flex-direction:column;align-items:flex-start}.service-item{grid-template-columns:35px 1fr 24px;gap:10px;padding:26px 0}.service-item h3{font-size:1.45rem}.service-item p{grid-area:2/2;font-size:.95rem}.service-item>span:last-child{grid-area:1/3}.project-grid{grid-template-columns:1fr;gap:28px}.project-visual{height:clamp(250px,75vw,400px)}.project-card-info h3{font-size:1.45rem}.outro{margin-bottom:75px;padding:65px 25px}.outro h2{font-size:clamp(2.7rem,10vw,4.5rem)}.footer-main{grid-template-columns:1fr 1fr;gap:45px 20px;padding:70px 0}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:15px}.page-hero{padding:90px 0 80px}.page-hero h1{font-size:clamp(3.5rem,12vw,6rem)}.page-hero>p:last-child{font-size:1.05rem}.about-split{padding:80px 0;display:block}.about-split h2{font-size:2.8rem}.values{padding:80px 0}.value-grid,.contact-grid{grid-template-columns:1fr}.value-grid article{min-height:auto}.contact-tile{min-height:240px}.contact-tile h2{margin-top:45px}.work-list{padding:55px 0 90px}.case-header{padding:55px 0 35px}.back-link{margin-bottom:45px}.case-header h1{font-size:clamp(4.2rem,16vw,7rem)}.case-tagline{font-size:1.3rem}.case-banner .project-visual{height:65vw;min-height:270px}.case-overview{padding:75px 0;display:block}.case-facts{padding-top:10px}.case-two-col{grid-template-columns:1fr;gap:55px;padding:75px 0}.screen-section,.study-section{padding:75px 0}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.screen-grid figure{padding:12px}.screen-grid figcaption{margin-top:12px;font-size:.76rem}.screen-grid-single{grid-template-columns:1fr}.study-list article{grid-template-columns:34px 1fr;gap:5px 14px}.study-list p{grid-column:2}.next-project{padding:65px 0 90px}}@media (max-width:460px){.hero{min-height:790px}.hero h1{font-size:3.75rem}.hero-art{width:135vw;top:76%;right:-44vw}.hero-copy{z-index:3}.hero-lede{max-width:340px}.screen-grid figure{padding:7px}.screen-grid figcaption{font-size:.7rem}.screen-grid-single figure{padding:15px}.service-item p{line-height:1.45}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal.is-visible{animation:none!important}}.mobile-menu,.mobile-links{display:none}@media (max-width:720px){.desktop-nav{display:none}.mobile-menu{order:3;display:block}.mobile-menu summary{cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] .mobile-links{background:#101723;border-bottom:1px solid #41516a;flex-direction:column;padding:12px 18px 20px;display:flex;position:absolute;top:68px;left:0;right:0;box-shadow:0 18px 28px #0008}.mobile-links a{color:#d0dceb;padding:14px;font-size:1.1rem}}@supports (animation-timeline:view()){.reveal{animation:linear both arrive;animation-timeline:view();animation-range:entry cover 20%}}.hero-orbit{isolation:isolate;width:116px;height:116px;margin:0 0 20px;position:relative}.hero-orbit-ring{border:1px solid #ffffff36;border-radius:50%;position:absolute;inset:8px}.hero-orbit-ring-inner{border-color:#ffffff26;inset:27px}.hero-orbit-core{background:#fff;border-radius:4px;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:-7px 0 18px #ff505d70,0 7px 18px #4dde8770,7px 0 18px #528dff9c}.hero-orbit-dot{--orbit-distance:50px;will-change:transform;background:currentColor;border-radius:2px;width:8px;height:8px;margin:-4px;animation:linear infinite hero-orbit-spin;position:absolute;top:50%;left:50%;box-shadow:0 0 18px}.hero-orbit-red{color:#ff5558;animation-duration:8s}.hero-orbit-green{color:#4dde87;--orbit-distance:37px;animation-duration:11s;animation-direction:reverse}.hero-orbit-blue{color:#528dff;--orbit-distance:47px;animation-duration:6.5s}@keyframes hero-orbit-spin{0%{transform:rotate(0deg) translateX(var(--orbit-distance)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--orbit-distance)) rotate(-360deg)}}@media (max-width:720px){.hero-orbit{width:92px;height:92px;margin-bottom:16px}.hero-orbit-ring{inset:6px}.hero-orbit-ring-inner{inset:22px}.hero-orbit-red{--orbit-distance:40px}.hero-orbit-green{--orbit-distance:30px}.hero-orbit-blue{--orbit-distance:38px}}.visual-frontway{background:radial-gradient(circle at 50% 65%,#8da5ee,#242461 80%)}.visual-huddle{background:radial-gradient(circle at 50% 68%,#ebbbe4,#234275 85%)}.visual-xtracktion{background:#eaf3fb}.visual-xtracktion img{object-fit:cover}.case-banner .visual-xtracktion img{object-fit:contain}.visual-rocare{background:radial-gradient(circle at 50% 65%,#91d4d0,#0f5d63 85%)}.screen-grid figure img{max-width:100%;height:auto}.screen-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-grid-wide figure img{width:100%;max-height:none}@media (max-width:720px){.screen-grid-wide{grid-template-columns:1fr}.screen-grid-wide figure{padding:14px}}.pixel-journey{--hero-opacity:1;--chapter-opacity:0;--scroll-opacity:1;background:radial-gradient(circle at 76% 48%,#152747 0,#0b121f 35%,#090c12 72%);height:240svh;position:relative}.pixel-stage{isolation:isolate;border-bottom:1px solid #26384f;height:calc(100svh - 76px);min-height:570px;position:sticky;top:76px;overflow:hidden}.pixel-stage:before{content:"";pointer-events:none;background-image:linear-gradient(#49617c20 1px,#0000 1px),linear-gradient(90deg,#49617c20 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 52%,#000 10%,#0000 78%);mask-image:radial-gradient(at 70% 52%,#000 10%,#0000 78%)}.pixel-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pixel-stage-glow{filter:blur(14px);pointer-events:none;background:radial-gradient(circle,#466ad31b,#0000 70%);width:38vw;max-width:550px;height:38vw;max-height:550px;position:absolute;top:48%;right:8%;transform:translateY(-50%)}.pixel-hero-content{z-index:2;height:100%;position:relative}.pixel-hero-content .hero-copy,.pixel-chapter{width:min(680px,60%);position:absolute;top:50%;left:0;transform:translateY(-50%)}.pixel-hero-content .hero-copy{opacity:var(--hero-opacity);z-index:3}.pixel-hero-content .hero-copy:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090c12e8 0%,#090c12b8 57%,#0000 100%);position:absolute;inset:-18px -38px -22px -26px}.pixel-hero-content h1{letter-spacing:-.09em;margin:24px 0 30px;font-size:clamp(4.2rem,8.2vw,8.6rem);font-weight:770;line-height:.94}.pixel-hero-content h1 em,.pixel-chapter h2 em{letter-spacing:-.065em;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#f86b77,#d5ded9 45%,#6c9aff);-webkit-background-clip:text;background-clip:text;font-family:Georgia,serif;font-weight:400}.pixel-chapter{opacity:var(--chapter-opacity);z-index:2;width:min(720px,66%);left:5%}.pixel-chapter h2{letter-spacing:-.082em;margin:0 0 25px;font-size:clamp(3.9rem,7.1vw,7.9rem);font-weight:650;line-height:.99}.pixel-chapter>p:not(.section-kicker){color:#c5d2e2;max-width:560px;margin-bottom:31px;font-size:1.16rem;line-height:1.7}.pixel-hero-content .hero-index{bottom:28px}.pixel-scroll-cue{color:#a1b7d5;letter-spacing:.18em;opacity:var(--scroll-opacity);font-size:.69rem;font-weight:700;position:absolute;bottom:28px;right:0}.pixel-scroll-cue span{color:#77a4fa;margin-left:12px;font-size:1.2rem}.intro-band{position:relative}.intro-band:before{content:"";opacity:.65;background:#ff5965;width:7px;height:7px;position:absolute;top:25%;right:10%;box-shadow:42px 25px #4dde87,79px -16px #5d8cff,-45px 70px #5d8cff}.project-scrub{width:100%;color:inherit;text-align:left;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:16px;padding:0;display:block;position:relative;overflow:hidden}.project-scrub .project-visual{pointer-events:none}.project-scrub .project-visual img{-webkit-user-drag:none;user-drag:none}.scrub-overlay{clip-path:inset(0 calc(100% - var(--scrub-reveal)) 0 0);pointer-events:none;white-space:normal;background:linear-gradient(125deg,#101723f7,#14273df5 72%,#265897dd);flex-direction:column;justify-content:center;align-items:flex-start;padding:8%;display:flex;position:absolute;inset:0;overflow:hidden}.scrub-overlay:before{content:"";border:1px solid #ffffff20;border-radius:50%;width:200px;height:200px;position:absolute;top:-70px;right:-35px;box-shadow:0 0 0 33px #ffffff09,0 0 0 70px #ffffff07}.scrub-kicker{letter-spacing:.15em;text-transform:uppercase;color:#9fd4e7;font-size:.75rem;font-weight:700;position:relative}.scrub-overlay strong{letter-spacing:-.08em;margin:17px 0 18px;font-size:clamp(2.8rem,5.2vw,5.5rem);font-weight:650;line-height:1.05;position:relative}.scrub-overlay strong span{color:#64a0ff}.scrub-summary{color:#d8e7f5;max-width:430px;font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.5;position:relative}.scrub-footer{letter-spacing:.12em;color:#98bbf4;margin-top:36px;font-size:.74rem;font-weight:700;position:relative}.scrub-handle{left:clamp(0px,calc(var(--scrub-reveal) - 21px),calc(100% - 42px));color:#14223b;opacity:0;pointer-events:none;background:#f3f7ff;border-radius:50%;place-items:center;width:42px;height:42px;transition:opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 6px #ffffff24,0 10px 35px #0008}.project-scrub.has-reveal .scrub-handle{opacity:1}.project-scrub:after{content:"";left:var(--scrub-reveal);opacity:0;pointer-events:none;background:#f0f6ffb0;width:2px;position:absolute;inset-block:0}.project-scrub.has-reveal:after{opacity:1}.scrub-hint{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.11em;pointer-events:none;background:#07101cba;border:1px solid #ffffff80;border-radius:100px;padding:9px 13px;font-size:.68rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:18px;right:18px}.scrub-hint span{margin-left:8px;font-size:1rem}.project-scrub.has-reveal .scrub-hint{opacity:0}.project-card-info{width:100%}.project-card-info:hover h3{text-underline-offset:5px;text-decoration:underline}@media (max-width:720px){.pixel-stage{height:calc(100svh - 68px);min-height:630px;top:68px}.pixel-hero-content .hero-copy,.pixel-chapter{width:100%;top:42%;left:0}.pixel-hero-content h1{font-size:clamp(3.65rem,13vw,5.5rem)}.pixel-hero-content .hero-lede{max-width:360px;font-size:1rem}.pixel-chapter{max-width:520px;top:50%}.pixel-chapter h2{font-size:clamp(3.5rem,11vw,5rem)}.pixel-chapter>p:not(.section-kicker){max-width:370px;font-size:1rem}.pixel-canvas{opacity:.75}.pixel-scroll-cue{font-size:.6rem;bottom:62px}.scrub-overlay{padding:7%}.scrub-overlay strong{font-size:2.65rem}.scrub-summary{font-size:.95rem}.scrub-footer{margin-top:18px;font-size:.68rem}.scrub-hint{font-size:.61rem;bottom:11px;right:11px}}@media (max-width:460px){.pixel-journey{height:220svh}.pixel-hero-content h1{font-size:3.6rem}.pixel-hero-content .hero-copy{top:43%}.pixel-chapter{top:47%}.pixel-scroll-cue{right:4px}.scrub-overlay strong{font-size:2.35rem}.scrub-footer{margin-top:12px}.project-scrub .project-visual{height:270px}}@media (max-height:800px) and (min-width:721px){.pixel-hero-content .hero-orbit{width:74px;height:74px;margin-bottom:7px}.pixel-hero-content .hero-orbit-red{--orbit-distance:32px}.pixel-hero-content .hero-orbit-green{--orbit-distance:24px}.pixel-hero-content .hero-orbit-blue{--orbit-distance:31px}.pixel-hero-content h1{margin:15px 0 20px;font-size:clamp(3.5rem,6.5vw,6.8rem)}.pixel-hero-content .hero-lede{margin-bottom:20px;font-size:1rem}.pixel-chapter h2{font-size:clamp(3.4rem,6.3vw,6.6rem)}}@media (max-height:1000px) and (min-width:721px){.pixel-hero-content .hero-orbit{width:82px;height:82px;margin-bottom:10px}.pixel-hero-content .hero-orbit-ring{inset:6px}.pixel-hero-content .hero-orbit-ring-inner{inset:20px}.pixel-hero-content .hero-orbit-red{--orbit-distance:35px}.pixel-hero-content .hero-orbit-green{--orbit-distance:27px}.pixel-hero-content .hero-orbit-blue{--orbit-distance:34px}.pixel-hero-content h1{margin:15px 0 20px;font-size:clamp(3.5rem,6.4vw,6.5rem)}.pixel-hero-content .hero-lede{margin-bottom:22px;font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.pixel-journey{height:100svh}.pixel-stage{height:calc(100svh - 76px);position:relative;top:0}.pixel-hero-content .hero-copy{opacity:1!important}.pixel-chapter,.pixel-scroll-cue{display:none}.project-scrub .scrub-overlay{transition:none}}