@font-face{font-family:InterTight;src:url('assets/intertight-var.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:JBMono;src:url('assets/jbmono.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--bg:#090c0b;--text:#f0f3ef;--muted:#9da7a0;--line:#29322c;--font:InterTight,Manrope,Arial,sans-serif}.header{height:72px;background:#090c0bd9}.brand>span{font-size:25px;font-weight:550;letter-spacing:-1px}.brand svg{width:27px;height:27px}.nav-contact,.button{border-radius:100px}.nav-contact{padding:8px 15px}.eyebrow,.art-label,.art-caption,.art-corner,.project-panel-top>span{font-family:JBMono,monospace;font-weight:400}.eyebrow{font-size:9px;letter-spacing:.05em}.hero{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:28px;padding-top:45px}.hero>.eyebrow{grid-column:1/-1;color:#86998c}.hero-copy{display:contents}.hero h1{grid-column:1/-1;font-size:clamp(62px,8.3vw,118px);font-weight:280;line-height:.97;letter-spacing:-.055em;margin:0;padding-bottom:10px}.luminous-heading{color:#b7f793;background:linear-gradient(105deg,#ecffe4 0%,#b9f78b 35%,#58d4ad 58%,#d9ffc3 83%,#ecffe4 100%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:luminous-flow 9s ease-in-out infinite,luminous-breathe 4.5s ease-in-out infinite}.hero-intro{grid-column:1;max-width:440px;justify-self:start;align-self:end;padding-bottom:12px}.hero-intro p:first-child{font-size:19px;font-weight:350;line-height:1.5;color:#c1cdc3;margin-bottom:18px}.hero-intro p.muted{font-size:13px;line-height:1.7;color:#7f9084;max-width:380px;margin-bottom:22px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-actions .button{padding:12px 20px;font-size:13px;font-weight:450;gap:22px}.secondary{border:1px solid #36453a;background:linear-gradient(#1b221d,#111712);color:#d8e6dc}.secondary:hover{border-color:#92b78d}.hero-art-v2{grid-column:2;height:280px;width:100%;align-self:end;margin-bottom:0;background:radial-gradient(ellipse at 50% 70%,#253421,transparent 70%),#101710;border-color:#263522;border-radius:18px}.modular-symbol{width:225px;height:225px;top:25px}.hero-art-v2 .orbit{width:340px;height:340px}.hero-art-v2 .orbit-two{width:500px;height:500px}.orbital-track{width:340px;height:340px;margin:-170px}.orbital-track i{left:80px;top:16px}.floating-note{font-size:7px;padding:6px 9px}.note-one{left:7%;top:39%}.note-two{right:4%;top:68%}.hero-art-v2 .top-label{font-size:6px;left:20px;top:20px}.hero-art-v2 .bottom-label{font-size:6px;right:20px;top:20px}.hero-motion{top:40px;right:20px;font-size:6px}.hero-art-v2 .art-caption{font-size:5px;left:20px;bottom:18px}.hero-art-v2 .art-corner{font-size:5px;right:20px;bottom:18px}.hero-foot{grid-column:1/-1;padding-top:0;font-size:7px;margin-top:0}h2{font-weight:320;letter-spacing:-.045em}summary h3{font-weight:380}.work-section{background:#101611}.product-statement h2{font-weight:300}.steps h3{font-weight:380}.contact-section{background:radial-gradient(ellipse at 80% 40%,#19342155,transparent 65%),#0e1510;color:var(--text);border:1px solid #29382c;border-radius:15px}.contact-top .eyebrow{color:#aabfa6}.contact-top .status-dot{background:var(--accent)}.contact-top>span{color:#6a846d}.contact-section h2{font-weight:280;letter-spacing:-.055em}.contact-section h2>span{color:var(--accent)}.contact-bottom p{color:#91a394}.contact-chat-button{background:var(--accent);color:#14200f;border:0}.contact-chat-button:hover{background:#e0ffbc}.contact-links .email-link{color:#bdcdbf;border-color:#3b5141}.contact-section .copy-email,.contact-section .copy-status{color:#94a78f}.protocol-heading h2{font-weight:320}.protocol-heading>p{color:#b0bfb2;line-height:1.8}.read-more{font:12px var(--font);background:none;border:0;color:#c5f7a2;border-bottom:1px solid #4b6b38;padding:3px 0 7px;margin-top:15px;display:inline-flex;gap:24px}.read-more:hover{color:#e8ffd4}.honey{position:absolute;left:-9999px;top:0;width:1px;height:1px;opacity:0}.chat-review>button.button{border:0;text-align:left;cursor:pointer}.chat-review>button:disabled{opacity:.75;cursor:default}.chat-review textarea:disabled{opacity:.7}.chat-review #brief-status{line-height:1.7;overflow-wrap:anywhere}.chat-message{font-size:14px}.chat-top h2{font-weight:500}.chat-bottom>span{font-size:8px;max-width:260px}.chat-review #submit-brief{font-weight:500}
@keyframes luminous-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes luminous-breathe{0%,100%{filter:brightness(.95)}50%{filter:brightness(1.2)}}.motion-paused .luminous-heading{animation-play-state:paused}
.scene-controls[hidden],.scroll-mode[hidden]{display:none}.scene-controls{position:fixed;bottom:19px;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:16px;align-items:center;padding:7px 14px;background:#152017d9;border:1px solid #3b4c3c;border-radius:100px;backdrop-filter:blur(12px)}.scene-controls button{border:0;border-radius:50%;height:25px;width:25px;background:#253526;color:#d1f78a;font-size:16px;line-height:1}.scene-controls button:disabled{opacity:.25;cursor:default}.scene-controls>span{font:8px JBMono,monospace;color:#b0c6b0;min-width:145px;text-align:center}.scroll-mode{position:fixed;bottom:22px;left:30px;z-index:30;background:#0e1610c9;border:1px solid #344a37;color:#93ad97;font:9px var(--font);border-radius:100px;padding:8px 12px}.scroll-mode:hover{color:#d1f78a}.scene-mode{scroll-behavior:auto!important}.scene-mode body{height:100dvh;overflow:hidden}.scene-mode #main{position:fixed;inset:72px 0 0;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#13352222,transparent 55%)}.scene-mode .header{position:fixed;top:0;left:0;right:0;transform:none}.scene-mode .scene{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;margin:0 auto;opacity:0;filter:blur(16px);transform:translateY(6vh) scale(.975);pointer-events:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#344b36 transparent;transition:opacity .7s cubic-bezier(.2,.7,.3,1),filter .8s cubic-bezier(.2,.7,.3,1),transform .85s cubic-bezier(.2,.7,.3,1);visibility:hidden;z-index:0;outline:none}.scene-mode .scene.is-before{transform:translateY(-6vh) scale(.975)}.scene-mode .scene.is-active{opacity:1;filter:blur(0);transform:none;pointer-events:auto;visibility:visible;z-index:2}.scene-mode .scene.is-leaving{visibility:visible;z-index:1}.scene-mode .scene.section{padding-block:30px 60px;align-content:center}.scene-mode .hero.scene{padding-block:32px 65px;align-content:center;row-gap:25px}.scene-mode .hero h1{font-size:clamp(62px,8.1vw,112px)}.scene-mode .hero-art-v2{height:clamp(210px,31vh,280px)}.scene-mode .hero-foot{margin-top:5px}.scene-mode .expertise{align-items:center;gap:75px}.scene-mode .service-list{padding-top:0}.scene-mode summary{padding-block:18px}.scene-mode summary h3{font-size:22px}.scene-mode .service-body{padding-bottom:15px}.scene-mode .service-body p{margin-bottom:10px;font-size:12px;line-height:1.6}.scene-mode .tags{gap:6px}.scene-mode .tags span{font-size:8px;padding:3px 7px}.scene-mode .work-v2,.scene-mode .work-layout,.scene-mode .project-stories{display:contents}.scene-mode .work-heading,.scene-mode .project-index,.scene-mode .footer{display:none}.scene-mode .project-story.scene{width:min(1100px,calc(100% - 112px));min-height:0;padding:28px 0 65px;display:flex;align-items:center;justify-content:center}.scene-mode .project-panel{position:relative!important;top:0!important;width:100%;max-width:960px;padding:25px 30px;transform:none}.scene-mode .project-panel-top{margin-bottom:20px}.scene-mode .real-screenshot{max-height:42vh;object-fit:cover;object-position:top}.scene-mode .screenshot-link{transform:none!important}.scene-mode .story-caption{margin-top:22px}.scene-mode .story-caption h3{font-size:30px}.scene-mode .story-caption p{font-size:12px}.scene-mode .product-statement{align-items:center}.scene-mode .approach{border:0;display:flex;flex-direction:column;justify-content:center}.scene-mode .approach .work-heading{display:flex;width:100%;margin-bottom:60px}.scene-mode .steps{width:100%}.scene-mode .protocol-section.scene{padding-block:24px 65px;display:flex;flex-direction:column;justify-content:center}.scene-mode .protocol-heading{flex-shrink:0}.scene-mode .protocol-heading h2{font-size:43px}.scene-mode .protocol-heading .eyebrow{margin-bottom:16px}.scene-mode .protocol-playground{height:43vh;max-height:410px;min-height:290px;flex-shrink:0;margin-top:25px}.scene-mode .code-object{scale:.82}.scene-mode .code-200{left:3%;top:20%}.scene-mode .code-301{left:24%;top:45%}.scene-mode .code-404{left:43%;top:8%}.scene-mode .code-500{right:2%;top:44%}.scene-mode .code-103{right:5%;top:4%}.scene-mode .protocol-coordinate{top:15px;font-size:6px}.scene-mode .protocol-motion{bottom:10px;font-size:7px}.scene-mode .protocol-explanation{padding-block:17px;min-height:100px;grid-template-columns:190px 1fr auto;gap:20px}.scene-mode .protocol-explanation h3{font-size:18px}.scene-mode .protocol-explanation p{font-size:11px}.scene-mode .explanation-code{font-size:10px}.scene-mode .contact-section.scene{top:30px;bottom:65px;height:auto;padding:35px 45px;display:flex;flex-direction:column;justify-content:center}.scene-mode .contact-section h2{font-size:clamp(65px,8.2vw,108px);margin-block:45px}.scene-mode .contact-top{justify-content:space-between}.scene-mode .scene-controls{display:flex}
.software-tour{width:min(760px,calc(100% - 30px));max-height:calc(100dvh - 40px);margin:auto;padding:30px 35px;border:1px solid #3b5240;border-radius:17px;background:#111a13;color:#e8f3e9;overflow:auto;box-shadow:0 25px 100px #0009}.software-tour::backdrop{background:#050a0699;backdrop-filter:blur(10px)}.tour-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.tour-top .eyebrow{font-size:8px;color:#829c84}.tour-close{border:1px solid #344c37;color:#bed4c1;background:transparent;width:29px;height:29px;border-radius:50%;font-size:22px;line-height:1}.software-tour h2{font-size:58px;font-weight:300;line-height:1;margin-top:30px;margin-bottom:15px}.tour-intro{font-size:13px;color:#94ae99}.tour-map{display:flex;align-items:center;justify-content:space-between;margin-top:35px;padding:25px 0;border-block:1px solid #2f4533;gap:7px}.tour-map>span{font-size:11px;color:#76917c;background:#19271b;border:1px solid #344d39;border-radius:7px;padding:12px;transition:color .3s,background .3s,border-color .3s}.tour-map>span.active{color:#172312;background:#d1f78a;border-color:#d1f78a}.tour-map>i{font-size:15px;font-style:normal;color:#68836b}.tour-content{min-height:185px;padding-top:28px}.tour-content>.eyebrow{font-size:8px;color:#7d9d80}.tour-content h3{font-size:28px;font-weight:350;margin:16px 0 12px}.tour-content p{color:#a3b8a6;font-size:14px;line-height:1.75;max-width:620px}.tour-controls{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.tour-controls>button:first-child{font-size:12px;background:none;border:0;color:#aec3ad}.tour-controls>button:first-child:disabled{opacity:.25;cursor:default}.tour-controls .button{border:0;font-size:12px;min-width:110px;justify-content:center}.tour-note{border-top:1px solid #2e4130;padding-top:22px;font-size:10px;line-height:1.8;color:#6c8b70;margin:26px 0 0}
@media(max-width:1100px){.hero{column-gap:40px}.hero-intro p:first-child{font-size:17px}.hero-art-v2{height:250px}.hero-art-v2 .modular-symbol{width:210px;height:210px;top:20px}.scene-mode .expertise{gap:45px}.scene-mode .protocol-explanation{grid-template-columns:150px 1fr}.scene-mode .protocol-explanation>a{display:none}.scene-mode .code-object{scale:.74}.scene-mode .code-301{left:22%}.scene-mode .code-404{left:39%}.scene-mode .code-103{right:4%}}
@media(max-height:760px) and (min-width:701px){.scene-mode .hero h1{font-size:clamp(60px,7vw,96px)}.scene-mode .hero.scene{padding-block:15px 55px;row-gap:16px}.scene-mode .hero-art-v2{height:210px}.scene-mode .modular-symbol{width:190px;height:190px;top:10px}.scene-mode .hero-intro p:first-child{font-size:16px;margin-bottom:10px}.scene-mode .hero-intro p.muted{font-size:11px;margin-bottom:14px}.scene-mode summary{padding-block:13px}.scene-mode .protocol-section.scene{justify-content:start;padding-top:18px}.scene-mode .protocol-heading h2{font-size:33px}.scene-mode .protocol-heading .eyebrow{font-size:7px}.scene-mode .protocol-playground{min-height:250px;height:39vh;margin-top:15px}.scene-mode .code-object{scale:.65}.scene-mode .protocol-explanation{min-height:85px;padding-top:12px}.scene-mode .real-screenshot{max-height:38vh}.scene-mode .project-panel{padding:20px 25px}.scene-mode .story-caption h3{font-size:24px}}
@media(max-width:700px){.container,.nav-wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;row-gap:22px;padding-top:30px}.hero h1{font-size:clamp(43px,11.5vw,67px);line-height:1.01;letter-spacing:-.045em}.hero>.eyebrow{font-size:7px}.hero-intro{grid-column:1;max-width:100%;padding:0}.hero-intro p:first-child{font-size:16px;max-width:350px;margin-bottom:12px}.hero-intro p.muted{font-size:12px;line-height:1.6;max-width:330px;margin-bottom:17px}.hero-actions .button{font-size:11px;padding:10px 15px;gap:15px}.hero-art-v2{grid-column:1;height:210px}.hero-art-v2 .modular-symbol{width:180px;height:180px;top:15px}.hero-art-v2 .note-two{top:65%}.hero-art-v2 .top-label,.hero-art-v2 .bottom-label{font-size:5px}.hero-art-v2 .art-caption{font-size:5px;bottom:16px}.hero-motion{top:36px;bottom:auto;right:20px;font-size:6px}.hero-foot{grid-column:1;font-size:6px;gap:10px}.hero-foot>a{font-size:8px;gap:12px}.scene-mode .hero.scene{padding-block:24px 62px;row-gap:20px;align-content:center}.scene-mode .hero h1{font-size:clamp(43px,11.5vw,62px)}.scene-mode .hero-art-v2{height:190px}.scene-mode .hero-intro p:first-child{font-size:15px}.scene-mode .hero-intro p.muted{font-size:11px;margin-bottom:16px}.scene-mode .scene.section{padding-block:25px 65px;align-content:start}.scene-mode .expertise{display:block}.scene-mode .section-heading h2{font-size:37px}.scene-mode .section-intro{font-size:12px;margin-block:16px 20px}.scene-mode .service-list{padding-top:10px}.scene-mode summary{padding-block:16px}.scene-mode summary h3{font-size:20px}.scene-mode .service-body{padding-left:30px}.scene-mode .service-body p{font-size:12px}.scene-mode .project-story.scene{width:calc(100% - 40px);padding-block:24px 65px;align-items:center}.scene-mode .project-panel{padding:23px 17px}.scene-mode .real-screenshot{height:auto;max-height:40vh;aspect-ratio:1280/800}.scene-mode .story-caption h3{font-size:30px}.scene-mode .story-caption p{font-size:12px}.scene-mode .story-caption{margin-top:24px}.scene-mode .product-statement{display:flex;flex-direction:column;justify-content:center;gap:30px;align-items:start}.scene-mode .product-statement h2{font-size:36px}.scene-mode .product-statement .statement-mark{width:65px;height:65px;font-size:47px}.scene-mode .approach{display:block}.scene-mode .approach .work-heading{display:block;margin-bottom:28px}.scene-mode .steps{gap:28px}.scene-mode .step-no{margin-bottom:17px}.scene-mode .steps h3{font-size:24px}.scene-mode .steps p{font-size:12px}.scene-mode .protocol-section.scene{padding-block:25px 65px;display:block}.scene-mode .protocol-heading h2{font-size:36px}.scene-mode .protocol-heading>p{font-size:12px;margin-top:18px}.scene-mode .protocol-playground{display:grid;height:auto;max-height:none;min-height:0;gap:20px 18px;padding:45px 18px 50px;margin-top:25px}.scene-mode .code-object{scale:.95;height:145px!important}.scene-mode .code-object .code-number{font-size:50px!important;margin-top:15px!important}.scene-mode .code-103{height:135px!important}.scene-mode .protocol-explanation{display:block;padding-block:20px;min-height:190px}.scene-mode .protocol-explanation p{font-size:12px}.scene-mode .protocol-explanation h3{font-size:21px}.scene-mode .contact-section.scene{top:20px;bottom:65px;padding:30px 24px;justify-content:center}.scene-mode .contact-section h2{font-size:clamp(46px,12vw,72px);margin-block:35px}.contact-bottom{display:block}.contact-links{margin-top:26px}.contact-chat-button{margin-bottom:23px}.scene-controls{bottom:12px;padding:6px 9px;gap:9px}.scene-controls>span{min-width:115px;font-size:7px}.scene-controls button{height:23px;width:23px;font-size:14px}.scroll-mode{bottom:15px;left:12px;font-size:7px;padding:7px 9px}.software-tour{padding:23px 20px;max-height:calc(100dvh - 24px)}.tour-top .eyebrow{font-size:6px;max-width:230px}.software-tour h2{font-size:49px;margin-top:25px}.tour-intro{font-size:12px}.tour-map{gap:4px;margin-top:25px;padding-block:20px}.tour-map>span{padding:9px 6px;font-size:8px}.tour-map>i{font-size:10px}.tour-content{min-height:235px;padding-top:25px}.tour-content h3{font-size:27px}.tour-content p{font-size:13px}.tour-note{font-size:9px}.chat-bottom>span{font-size:7px;max-width:200px}}
@media(max-width:350px){.hero-actions .button{font-size:10px;padding:10px 12px;gap:10px}.hero-intro p:first-child{font-size:14px}.scene-mode .hero h1{font-size:38px}.scene-mode .hero.scene{row-gap:16px;padding-top:18px}.scene-mode .hero-art-v2{height:165px}.hero-art-v2 .modular-symbol{width:155px;height:155px;top:5px}.scene-controls{left:auto;right:10px;transform:none}.scene-controls>span{min-width:100px}.scene-mode .protocol-playground{padding-inline:11px;gap:18px 10px}.scene-mode .code-object{height:155px!important}.hero-foot{font-size:5px}.hero-foot>a{font-size:7px}.tour-map>span{font-size:7px;padding:9px 5px}}
@media(prefers-reduced-motion:reduce){.luminous-heading{animation:none!important;filter:none!important}.scene-mode .scene{transition:none!important;filter:none!important}.scene-mode .scene.is-active{transform:none}.scene-controls,.scroll-mode{backdrop-filter:none}.software-tour::backdrop{backdrop-filter:none}}
.scene-mode .code-object{transform-origin:top left}
@media(max-width:700px){.scene-mode .code-object{transform-origin:center}}
@media(max-height:760px) and (min-width:701px){.software-tour{padding:23px 30px}.software-tour h2{font-size:45px;margin-block:20px 12px}.tour-map{margin-top:20px;padding-block:18px}.tour-content{min-height:145px;padding-top:20px}.tour-content h3{font-size:25px;margin-block:12px 10px}.tour-content p{font-size:13px}.tour-note{margin-top:16px;padding-top:15px;font-size:9px}.tour-controls{margin-top:10px}}
@media(max-width:700px){.scene-mode .hero-art-v2 .modular-symbol{width:165px;height:165px;top:6px}}
@media(max-width:350px){.scene-mode .hero-art-v2 .modular-symbol{width:140px;height:140px;top:3px}}
/* Opposing headline travel and the ambient light from the supplied Tab design. */
.hero-line{display:block;overflow:visible}.hero-line>span{display:inline-block;will-change:transform;transition:transform .55s cubic-bezier(.16,.84,.24,1),opacity .55s;opacity:calc(1 - var(--hero-exit,0)*.85)}.hero-line.line-one>span{transform:translateX(calc(var(--hero-exit,0)*-9vw))}.hero-line.line-two>span{transform:translateX(calc(var(--hero-exit,0)*9vw))}.hero h1{overflow:visible}.hero-intro{transition:opacity .5s;opacity:calc(1 - var(--hero-exit,0)*.65)}
.ambient-glow{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient-glow::before{content:"";position:absolute;inset:-30vmax;background:radial-gradient(38vmax 30vmax at 30% 20%,#6e7cff29,transparent 70%),radial-gradient(30vmax 26vmax at 75% 70%,#46d2b414,transparent 70%);transform:translate3d(calc(var(--scene-progress,0)*12vmax),calc(var(--scene-progress,0)*-18vmax),0) rotate(calc(var(--scene-progress,0)*40deg));transition:transform 1.3s ease;will-change:transform}.scene-mode #main{background:transparent}.hero-art-v2{background:radial-gradient(120% 90% at 50% 0%,#171e1e 0%,#0b100e 70%);box-shadow:inset 0 0 0 1px #ffffff08,0 40px 100px -40px #7882ff40,0 35px 85px -45px #46d2b45c;overflow:visible}.hero-stage{border-radius:inherit;overflow:hidden}.protocol-playground{background:radial-gradient(ellipse at 25% 100%,#6e7cff24,transparent 48%),radial-gradient(ellipse at 80% 100%,#46d2b41a,transparent 55%),#111714;box-shadow:0 40px 100px -55px #7882ff55}.project-panel{box-shadow:0 35px 90px -45px #7882ff55}
/* The project list stays alongside one changing preview in either scroll mode. */
.work-v2{padding:65px 0 85px;background:transparent;overflow:visible}.work-v2 .work-heading{display:flex;margin-bottom:30px;align-items:end}.work-heading h2{font-size:40px}.work-heading>.muted{font-size:11px}.work-v2 .work-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;align-items:center}.work-v2 .project-index{display:flex;position:relative;top:auto!important;padding:0;margin:0;background:none;backdrop-filter:none;flex-direction:column;gap:8px;align-self:start}.project-index>button{display:flex;align-items:center;gap:12px;width:100%;padding:15px 12px;margin:0;text-align:left;border:1px solid transparent;background:none;border-radius:9px;color:#8e9e93;font:20px var(--font);cursor:pointer;transition:color .3s,background .3s,border-color .3s,transform .4s cubic-bezier(.16,.84,.24,1)}.project-index>button>span{font:8px JBMono,monospace;color:#73887b}.project-index>button>i{display:block;margin-left:auto;font-size:16px;font-style:normal;opacity:0;transform:translateX(-5px);transition:opacity .3s,transform .4s}.project-index>button.active{color:#d1f78a;background:#b9f78b0c;border-color:#b9f78b29}.project-index>button:hover,.project-index>button:focus-visible{color:#edffe4;background:#b9f78b12}.project-index>button.active>i{opacity:1;transform:none}.work-v2 .project-index>.eyebrow{display:block;font-size:7px;margin-bottom:18px}.work-v2 .index-note{display:block;font-size:10px;margin-top:25px}.work-v2 .project-stories{display:block;min-width:0}.work-v2 .project-story{display:block;min-height:0!important;padding:0!important;margin:0}.work-v2 .project-story[hidden]{display:none!important}.work-v2 .project-story.preview-active{animation:preview-enter .45s cubic-bezier(.16,.84,.24,1) both}.work-v2 .project-panel{position:relative!important;top:auto!important;width:100%;max-width:none;padding:24px;border-radius:13px;transform:none!important}.work-v2 .project-panel-top{margin-bottom:18px}.work-v2 .screenshot-link{transform:none!important}.work-v2 .real-screenshot{max-height:420px;width:100%;object-fit:cover;object-position:top}.work-v2 .story-caption{margin-top:23px;gap:15px}.work-v2 .story-caption h3{font-size:28px;font-weight:350}.work-v2 .story-caption p{font-size:11px}.work-v2 .story-caption>a{font-size:9px}.scene-mode .work-v2.scene{display:flex;flex-direction:column;justify-content:center;padding:28px 0 65px;background:transparent}.scene-mode .work-v2 .work-heading{display:flex;flex-shrink:0}.scene-mode .work-v2 .work-layout{display:grid}.scene-mode .work-v2 .real-screenshot{max-height:calc(100dvh - 440px)}.scene-mode .work-v2 .project-index{display:flex}.scene-mode .work-heading h2{font-size:36px}.scene-mode .work-v2 .story-caption h3{font-size:26px}.scene-mode .work-v2 .story-caption p{font-size:11px}.scene-mode .work-v2 .project-panel{padding:22px}.scene-mode .work-v2 .project-panel-top{margin-bottom:16px}
@keyframes preview-enter{from{opacity:0;transform:translateY(10px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
/* Tab-style luminous buttons, animated border and moving arrow. */
.button,.nav-contact{position:relative;isolation:isolate;transition:transform .35s cubic-bezier(.16,.84,.24,1),box-shadow .35s,background-color .35s,color .35s;border:1px solid transparent}.button.primary,.contact-chat-button{box-shadow:inset 0 -1px 0 #0002}.button.primary:hover,.button.primary:focus-visible,.contact-chat-button:hover,.contact-chat-button:focus-visible{box-shadow:0 0 0 5px #d1f78a0e,0 10px 40px -6px #9aa5ff73,inset 0 -1px 0 #0002}.button.secondary,.nav-contact{background:linear-gradient(#141b17ed,#101612ed) padding-box,linear-gradient(180deg,#ffffff3d,#ffffff0d) border-box}.button.secondary::after,.nav-contact::after{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .35s;background:linear-gradient(90deg,#9aa5ff00,#9aa5ff70,#5ee0c400) border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none}.button.secondary:hover::after,.button.secondary:focus-visible::after,.nav-contact:hover::after,.nav-contact:focus-visible::after{opacity:1}.button.secondary:hover,.nav-contact:hover{background:linear-gradient(#1b251eed,#19221bed) padding-box,linear-gradient(180deg,#ffffff57,#ffffff14) border-box;box-shadow:0 12px 35px -18px #9aa5ff66;border-color:transparent}.button:active,.nav-contact:active{transform:scale(.98)}.button-arrow{position:relative;display:inline-block!important;width:15px;height:17px;overflow:hidden;flex-shrink:0;vertical-align:middle}.button-arrow>i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:inherit;font-style:normal;transition:transform .45s cubic-bezier(.16,.84,.24,1)}.button-arrow>i:last-child{transform:translateX(-130%)}.button:hover .button-arrow>i:first-child,.button:focus-visible .button-arrow>i:first-child,.nav-contact:hover .button-arrow>i:first-child,.nav-contact:focus-visible .button-arrow>i:first-child{transform:translateX(130%)}.button:hover .button-arrow>i:last-child,.button:focus-visible .button-arrow>i:last-child,.nav-contact:hover .button-arrow>i:last-child,.nav-contact:focus-visible .button-arrow>i:last-child{transform:translateX(0)}
@media(max-width:800px){.work-v2 .work-layout{grid-template-columns:130px minmax(0,1fr);gap:22px}.project-index>button{font-size:17px;padding:14px 10px}.work-v2 .project-panel-top>span{font-size:5px}.work-v2 .story-caption{display:block}.work-v2 .story-caption p{margin-bottom:14px}.work-v2 .index-note{font-size:9px}.scene-mode .work-v2 .real-screenshot{max-height:calc(100dvh - 460px)}}
@media(max-width:700px){.work-v2{padding:45px 0 65px}.work-v2 .work-heading,.scene-mode .work-v2 .work-heading{display:block;margin-bottom:30px}.work-v2 .work-heading>.muted{margin-top:14px;font-size:10px}.work-heading h2,.scene-mode .work-heading h2{font-size:32px}.work-v2 .work-layout,.scene-mode .work-v2 .work-layout{grid-template-columns:88px minmax(0,1fr);gap:13px}.project-index>button{font-size:14px;gap:5px;padding:13px 6px;border-radius:6px}.project-index>button>span{font-size:6px}.project-index>button>i{font-size:10px}.work-v2 .project-index>.eyebrow{font-size:5px;margin-bottom:10px;letter-spacing:0}.work-v2 .index-note{font-size:8px;margin-top:20px;line-height:1.7}.work-v2 .project-panel,.scene-mode .work-v2 .project-panel{padding:14px 12px;border-radius:9px}.work-v2 .project-panel-top{display:block;margin-bottom:13px}.work-v2 .project-panel-top>span{display:block;max-width:none;text-align:left;font-size:5px;margin-top:10px}.work-v2 .real-logo{max-width:105px;max-height:30px}.work-v2 .real-screenshot,.scene-mode .work-v2 .real-screenshot{max-height:none;aspect-ratio:1.35;object-fit:cover}.work-v2 .story-caption,.scene-mode .work-v2 .story-caption{margin-top:18px;display:block}.work-v2 .story-caption h3,.scene-mode .work-v2 .story-caption h3{font-size:23px}.work-v2 .story-caption p,.scene-mode .work-v2 .story-caption p{font-size:10px;margin-bottom:15px;line-height:1.7}.work-v2 .story-caption>a{font-size:8px}.work-v2 .visit-project{font-size:6px;right:6px;bottom:6px;padding:5px 7px}.scene-mode .work-v2.scene{justify-content:center;padding:25px 0 65px}.hero-art-v2{box-shadow:inset 0 0 0 1px #ffffff08,0 30px 70px -35px #7882ff40}.hero-line.line-one>span{transform:translateX(calc(var(--hero-exit,0)*-6vw))}.hero-line.line-two>span{transform:translateX(calc(var(--hero-exit,0)*6vw))}}
@media(max-width:350px){.work-v2 .work-layout,.scene-mode .work-v2 .work-layout{grid-template-columns:75px minmax(0,1fr);gap:10px}.project-index>button{font-size:12px;padding-inline:5px}.work-v2 .story-caption h3,.scene-mode .work-v2 .story-caption h3{font-size:21px}.work-v2 .project-panel,.scene-mode .work-v2 .project-panel{padding:13px 10px}.work-v2 .index-note{font-size:7px}.work-v2 .real-logo{max-width:92px}}
@media(prefers-reduced-motion:reduce){.hero-line>span{transform:none!important;opacity:1;transition:none}.hero-intro{opacity:1}.ambient-glow::before{transform:none;transition:none}.work-v2 .project-story.preview-active{animation:none}.button,.nav-contact,.button-arrow>i{transition:none}}

@media(min-width:701px){.scene-mode .work-v2 .real-screenshot{max-height:max(120px,calc(100dvh - 590px))}.scene-mode .work-v2 .work-heading{margin-bottom:24px}.scene-mode .work-v2 .story-caption{margin-top:18px}.scene-mode .work-v2 .story-caption h3{font-size:24px;margin-bottom:8px}.scene-mode .work-v2 .story-caption p{font-size:10px}.scene-mode .work-v2 .project-panel-top{margin-bottom:12px}.scene-mode .work-v2 .project-panel{padding:20px}}

.reading-word{opacity:clamp(.18,calc((var(--reading-progress,1)*(var(--word-count) + 8) - var(--word-index))/8),1);transition:opacity .15s linear}.scene-mode .reading-word{opacity:.18;animation:none}.scene-mode .scene.is-active .reading-word{animation:word-light .85s cubic-bezier(.16,.84,.24,1) both;animation-delay:calc(.12s + var(--word-index)*.065s)}@keyframes word-light{from{opacity:.18}to{opacity:1}}.motion-paused .reading-word{opacity:1!important;animation:none!important}@media(prefers-reduced-motion:reduce){.reading-word{opacity:1!important;animation:none!important;transition:none!important}}
/* Supplied striped-D identity. */
.brand .brand-wordmark{display:block;width:166px;height:auto}.chat-avatar{overflow:hidden}.chat-avatar img{width:28px;height:28px}.symbol-band{animation:band-float 7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.band-2{animation-delay:-1.7s}.band-3{animation-delay:-3.4s}.band-4{animation-delay:-5.1s}.motion-paused .symbol-band{animation-play-state:paused!important}@keyframes band-float{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
/* A real horizontally scrolling carousel; no fading or blur between projects. */
.work-v2 .project-stories,.scene-mode .work-v2 .project-stories{display:flex!important;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:0;border-radius:13px;direction:ltr;touch-action:pan-x pan-y}.project-stories::-webkit-scrollbar{display:none}.work-v2 .project-story,.scene-mode .work-v2 .project-story{flex:0 0 100%;min-width:100%;max-width:100%;scroll-snap-align:start;scroll-snap-stop:always;animation:none!important;filter:none!important;transform:none!important}.work-v2 .project-story[aria-hidden=true]{visibility:visible}.work-v2 .project-panel{height:100%}.project-controls{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:-15px}.project-controls>button{width:44px;height:44px;border:1px solid #435648;background:#17221b;color:#d1f78a;border-radius:50%;font-size:21px;transition:background .2s}.project-controls>button:hover{background:#2a3d2d}.project-controls>button:disabled{opacity:.3;cursor:default}.project-controls>span{font:12px JBMono,monospace;color:#a2b9a8}.work-v2 .work-layout{row-gap:28px}.scene-mode .work-v2 .real-screenshot{max-height:max(120px,calc(100dvh - 630px))}.scene-mode .work-v2.scene{padding-bottom:70px}.scene-mode .project-index>.eyebrow{font-size:12px}.scene-mode .index-note{font-size:12px}.scene-mode .project-panel-top>span{font-size:10px}.scene-controls>span{font-size:11px;min-width:160px}
@media(max-width:900px){
 html{scroll-padding-top:92px}body{font-size:16px;overflow-x:clip}.container,.nav-wrap{width:calc(100% - 40px)}.header{position:sticky;height:72px;transform:none!important}.nav-wrap{gap:14px}.brand .brand-wordmark{width:150px}.nav-contact{font-size:15px;padding:8px 12px;gap:12px;min-height:44px}.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav{font-size:16px}.mobile-nav a{font-size:16px;padding:14px 0}.hero{display:grid;grid-template-columns:1fr;row-gap:25px;padding-top:38px}.hero-copy{display:contents}.hero h1{font-size:clamp(38px,10.8vw,78px);line-height:1.03;letter-spacing:-.045em;grid-column:1}.hero-intro{grid-column:1;max-width:620px;justify-self:start;padding:0;opacity:1!important}.hero-intro p:first-child,.hero-intro p.muted{font-size:16px!important;line-height:1.65;max-width:620px}.hero-intro p.muted{margin-bottom:24px}.hero-actions{gap:12px}.hero-actions .button{font-size:16px!important;padding:12px 18px;gap:15px;min-height:48px}.hero-art-v2{grid-column:1;height:270px;width:100%;margin:5px 0 0}.hero-art-v2 .modular-symbol{width:230px;height:230px;top:20px;transform:translateX(-50%) rotate(-8deg)!important}.hero-stage{transform:none!important}.hero-art-v2 .floating-note,.hero-art-v2 .art-label,.hero-art-v2 .art-caption,.hero-art-v2 .art-corner,.hero-art-v2 .orbit,.orbital-track{display:none}.hero-motion{font-size:12px!important;right:18px;top:15px;bottom:auto}.symbol-band{animation:none}.hero-foot{font-size:12px!important;grid-column:1;display:flex;flex-wrap:wrap;gap:15px;line-height:1.65;margin:0;padding-top:10px}.hero-foot>a{font-size:14px!important;gap:15px}.hero-line>span{transform:none!important;opacity:1!important;transition:none}.reading-word{opacity:1!important;animation:none!important}.luminous-heading{animation:none;filter:none}.section{padding-block:70px}.expertise{display:block}.section-heading h2{font-size:42px}.section-heading .eyebrow{margin-bottom:22px}.section-intro{font-size:16px!important;max-width:620px;line-height:1.75;margin-block:24px 35px}.service-list{padding-top:0}.service-no{font-size:12px!important}.service-list summary{padding-block:24px;gap:15px}.service-list summary h3{font-size:23px}.service-body{padding:0 0 27px}.service-body p{font-size:16px!important;line-height:1.75;max-width:620px}.tags span{font-size:12px!important;padding:5px 9px}.eyebrow{font-size:12px!important;line-height:1.65;letter-spacing:.05em}.work-v2{padding:20px 0 70px}.work-v2 .work-heading{display:block;margin-bottom:28px}.work-heading h2{font-size:42px}.work-v2 .work-heading>.muted{font-size:16px!important;line-height:1.75;margin-top:23px}.work-v2 .work-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:25px}.work-v2 .project-index{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;padding:0;position:relative;top:auto!important}.work-v2 .project-index>.eyebrow,.work-v2 .index-note{display:none}.project-index>button{font-size:16px!important;flex:1;justify-content:center;padding:12px 8px;min-height:48px;gap:7px}.project-index>button>span,.project-index>button>i{display:none}.work-v2 .project-panel{padding:20px;border-radius:13px}.work-v2 .project-panel-top{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;align-items:center}.work-v2 .project-panel-top>span{font-size:12px!important;max-width:100%;text-align:left;line-height:1.6;margin-top:0}.work-v2 .real-logo{max-width:145px;max-height:42px}.work-v2 .real-screenshot{max-height:none;aspect-ratio:1280/720;object-fit:cover}.browser-bar{height:32px;padding-inline:10px}.browser-bar>span{font-size:12px!important;letter-spacing:0}.browser-bar>b{font-size:16px}.work-v2 .story-caption{display:block;margin-top:25px}.work-v2 .story-caption h3{font-size:31px;font-weight:350}.work-v2 .story-caption p{font-size:16px!important;line-height:1.75;max-width:100%;margin-bottom:18px}.work-v2 .story-caption>a{font-size:16px!important;padding-block:10px;display:inline-block}.visit-project{font-size:12px!important;padding:8px 12px;bottom:12px;right:12px}.project-controls{grid-column:1;margin-top:0;justify-content:space-between}.project-controls>span{font-size:12px}.approach{padding-top:45px}.approach>.work-heading{display:block;margin-bottom:40px}.approach .work-heading>p{font-size:16px!important;line-height:1.75;margin-top:22px}.steps{grid-template-columns:1fr;gap:36px}.steps h3{font-size:28px}.steps p{font-size:16px!important;line-height:1.75}.step-no{font-size:12px!important;margin-bottom:17px}.contact-section{padding:35px 24px;margin-bottom:50px}.contact-top{display:flex;flex-wrap:wrap;gap:15px}.contact-top>span{font-size:12px!important}.contact-section h2{font-size:clamp(45px,9vw,72px);margin-block:35px;line-height:1.03}.contact-bottom p{font-size:16px!important;line-height:1.75}.contact-links{min-width:0;margin-top:30px}.contact-chat-button{font-size:16px!important;min-height:48px;gap:18px;margin-bottom:25px}.contact-links .email-link{font-size:20px;gap:20px}.copy-email,.copy-status{font-size:14px!important}.footer{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:35px}.footer-tagline,.copyright,.back-top{font-size:12px!important}.footer .brand{width:100%}.project-chat{height:calc(100dvh - 24px);width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto}.chat-top{padding:18px}.chat-top h2{font-size:21px}.chat-top p{font-size:12px!important;line-height:1.5}.chat-progress{font-size:12px!important;padding:16px 18px 0;letter-spacing:0}.chat-message{font-size:16px!important;line-height:1.65;max-width:96%}.chat-intro{font-size:12px!important;line-height:1.7}.chat-messages{padding:20px 18px 12px}.chat-suggestions{padding-inline:18px}.chat-suggestions button{font-size:15px!important;padding:10px 12px;min-height:42px}.chat-form{margin-inline:18px}.chat-form textarea{font-size:16px!important;min-height:48px}.chat-form button{width:42px;height:42px}.chat-validation{font-size:12px!important;line-height:1.5;padding-inline:18px}.chat-bottom{padding:12px 18px 18px;gap:12px}.chat-bottom>span{font-size:12px!important;max-width:220px;line-height:1.5}.chat-bottom>button{font-size:14px!important;min-height:44px;flex-shrink:0}.chat-review label,.brief-tools button,.chat-review #brief-status{font-size:12px!important;line-height:1.65}.chat-review textarea{font-size:16px!important;line-height:1.65}.chat-review>.button{font-size:16px!important;min-height:48px}.project-chat.reviewing .chat-messages{max-height:130px}.project-chat.reviewing .chat-message{font-size:15px!important}.scene-controls{display:none!important}
}
@media(max-width:380px){.nav-wrap{gap:10px}.brand .brand-wordmark{width:128px}.nav-contact{font-size:14px;padding:8px 10px;gap:8px}.hero-actions .button{font-size:15px!important;padding:12px 13px;gap:10px}.hero h1{font-size:38px}.work-heading h2,.section-heading h2{font-size:38px}.project-index>button{font-size:15px!important;padding-inline:6px}.work-v2 .project-panel{padding:16px}.work-v2 .story-caption h3{font-size:28px}.chat-top{gap:9px}.chat-top h2{font-size:19px}.chat-bottom>span{font-size:12px!important;max-width:150px}.chat-avatar{width:34px;height:34px}.chat-review{padding-inline:18px}}
@media(max-width:900px){.nav-contact{white-space:nowrap;flex-shrink:0}.brand{flex-shrink:0}}
@media(min-width:901px){.scene-mode .hero-art-v2 .modular-symbol{width:min(210px,22vh);height:min(210px,22vh);top:12%}}
@media(prefers-reduced-motion:reduce){.symbol-band{animation:none}.project-stories{scroll-behavior:auto!important}}