@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--cream: #f6f0e5;--black: #0b0b0b;--orange: #f4510b;--line: rgba(11, 11, 11, .6);color:var(--black);background:var(--cream);font-family:Inter,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--cream)}main{width:100%;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:absolute;z-index:10;top:0;display:flex;width:100%;height:114px;align-items:center;justify-content:space-between;padding:28px clamp(24px,4vw,62px)}.logo{font-size:2.72rem;font-weight:900;line-height:.75;letter-spacing:.025em}nav{display:flex;align-items:center;gap:clamp(22px,3.5vw,56px);font-size:.75rem;font-weight:700;text-transform:uppercase}nav a{padding:14px 0}.nav-contact{min-width:166px;padding:18px 30px;background:var(--black);color:var(--cream);font-size:1rem;font-weight:500;text-align:center;text-transform:none;transition:background-color .2s ease,color .2s ease}.nav-contact:hover{background:var(--orange)}.menu-toggle{display:none}.section-shell{padding-right:clamp(24px,4vw,62px);padding-left:clamp(24px,4vw,62px)}.hero{position:relative;display:grid;min-height:100svh;grid-template-columns:minmax(480px,1.06fr) minmax(460px,.94fr);grid-template-rows:1fr auto;gap:34px;overflow:hidden;padding-top:154px}.hero-copy{position:relative;z-index:2;align-self:center}.eyebrow,.section-title>p{margin:0 0 22px;font-family:DM Mono,monospace;font-size:.68rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.eyebrow span,.orange-dot{color:var(--orange)}h1,h2,h3,p{margin-top:0}h1{max-width:840px;margin:0 0 34px;font-size:clamp(4.7rem,9.2vw,10.6rem);font-weight:900;line-height:.84;letter-spacing:-.035em;text-transform:uppercase}.hero-intro{max-width:430px;margin-bottom:27px;font-size:1.02rem;line-height:1.5}.text-link{border-bottom:2px solid;padding-bottom:5px;font-size:.92rem;font-weight:700}.text-link span{padding-left:8px;color:var(--orange);font-size:1.2rem}.technical-visual{position:relative;min-height:560px;align-self:center;margin-top:16px}.orange-field{position:absolute;top:4%;right:4%;width:76%;height:88%;background:var(--orange);animation:field-in 1.6s cubic-bezier(.2,.8,.2,1) both}.window{position:absolute;z-index:2;border:1px solid var(--black);background:var(--cream)}.top-window{top:23%;right:10%;display:flex;width:75%;height:92px;align-items:center;justify-content:space-between;padding:16px;animation:window-in 1.35s .2s both}.menu-lines{display:grid;gap:5px;padding:13px 12px;background:var(--black)}.menu-lines i{display:block;width:22px;height:2px;background:var(--cream)}.signal-bars{display:flex;height:35px;align-items:end;gap:7px;margin-right:29%;margin-left:auto}.signal-bars i{display:block;width:2px;height:12px;background:var(--black)}.signal-bars i:nth-child(2){height:19px}.signal-bars i:nth-child(3){height:25px}.signal-bars i:nth-child(4){height:34px}.signal-bars i:nth-child(5){height:40px}.caret{font-size:.8rem}.lower-window{top:43%;right:10%;width:75%;height:42%;animation:window-in 1.35s .38s both}.window-head{display:flex;height:50px;justify-content:space-between;padding:18px 25px;border-bottom:1px solid var(--black)}.window-head span:first-child{width:55px;border-top:1px solid}.window-head span:last-child{width:12px;height:12px;background:var(--orange)}.window-body{display:flex;height:calc(100% - 50px);background:linear-gradient(135deg,transparent 35%,rgba(11,11,11,.13) 35%,transparent 36%)}.ring{width:54px;height:54px;margin:33px;border:1px solid var(--black);border-radius:50%}.code-block{display:grid;width:52%;align-content:center;gap:9px;margin-left:auto;padding:25px 23px;background:var(--black)}.code-block i{display:block;width:90%;height:2px;background:var(--cream)}.code-block i:nth-child(2),.code-block i:nth-child(5){width:58%;background:var(--orange)}.code-block i:nth-child(3){width:70%}.code-block i:nth-child(4){width:83%}.code-block i:nth-child(6){width:48%}.visual-guide{position:absolute;z-index:3;opacity:.6}.guide-horizontal{top:8%;left:0;width:65%;border-top:1px solid}.guide-vertical{top:0;left:25%;height:26%;border-left:1px solid}.mark{font-size:2rem;font-weight:300;line-height:1}.visual-mark{position:absolute;z-index:3}.mark-top{top:3%;left:5%}.mark-bottom{bottom:11%;left:-3%}.dash{position:absolute;border-top:1px solid}.dash-one{top:44%;left:11%;width:20%}.dash-two{right:3%;bottom:25%;width:17%}.side-dots{position:absolute;top:14%;right:-4%;font-size:2.1rem;line-height:1.65}.hero-footnotes{position:relative;z-index:2;display:flex;grid-column:1 / -1;gap:0;padding:25px 0 38px;border-top:1px solid var(--line)}.hero-footnotes div{display:flex;align-items:start;gap:13px;padding:0 clamp(22px,3vw,65px);border-right:1px solid var(--line);font-size:.74rem;line-height:1.4}.hero-footnotes div:first-child{padding-left:0}.hero-footnotes b{color:var(--orange);font-family:DM Mono,monospace}.section-title h2{margin:0;font-size:clamp(3.2rem,6.3vw,7.4rem);font-weight:900;line-height:.86;letter-spacing:-.035em}.services,.approach{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;padding-top:110px;padding-bottom:100px}.services{width:100%;background:var(--orange)}.services-list{border-top:1px solid var(--black)}.service{display:grid;grid-template-columns:64px 1fr 1.15fr;gap:20px;padding:25px 0 31px;border-bottom:1px solid var(--black)}.service>span{color:var(--black);font-family:DM Mono,monospace;font-size:.75rem}.service h3{margin:0;font-size:clamp(1.55rem,2.5vw,2.65rem);line-height:.95;letter-spacing:-.045em}.service p{max-width:270px;margin:0;font-size:.9rem;line-height:1.45}.commerce{width:100%;padding-top:105px;padding-bottom:82px;background:var(--black);color:var(--cream)}.commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.commerce h2,.about h2,.contact h2{margin:0;font-size:clamp(3.65rem,7.5vw,8.8rem);font-weight:900;line-height:.84;letter-spacing:-.04em}.commerce-copy{max-width:510px;align-self:end;font-size:1.15rem;line-height:1.42}.commerce-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.commerce-tags span{padding:6px 8px;border:1px solid;font-family:DM Mono,monospace;font-size:.66rem}.commerce-diagram{position:relative;height:290px;max-width:1030px;margin:75px auto 0;border-top:1px solid rgba(246,240,229,.5);background-image:linear-gradient(rgba(246,240,229,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(246,240,229,.12) 1px,transparent 1px);background-size:30px 30px}.diagram-box{position:absolute;z-index:2;display:grid;width:112px;height:44px;place-items:center;padding:8px;border:1px solid var(--cream);background:var(--black);font-family:DM Mono,monospace;font-size:.7rem;text-align:center;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.box-a{top:40px;left:4%}.box-b{top:40px;left:35%}.box-c{top:180px;left:35%}.box-d{top:180px;right:4%;border-color:var(--orange);background:var(--orange);color:var(--black)}.diagram-line{position:absolute;z-index:1;border-color:var(--orange);border-style:solid;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.line-a{top:61px;left:calc(4% + 112px);width:calc(31% - 112px);border-top-width:1px;transform-origin:left center}.line-b{top:84px;left:calc(35% + 56px);height:96px;border-left-width:1px;transform-origin:center top}.line-c{top:201px;left:calc(35% + 112px);width:calc(61% - 224px);border-top-width:1px;transform-origin:left center}.commerce:not(.illustration-visible) .diagram-box{opacity:0;transform:translateY(18px)}.commerce:not(.illustration-visible) .line-a,.commerce:not(.illustration-visible) .line-c{transform:scaleX(0)}.commerce:not(.illustration-visible) .line-b{transform:scaleY(0)}.commerce.illustration-visible .box-a,.commerce.illustration-visible .line-a{transition-delay:1s}.commerce.illustration-visible .box-b{transition-delay:1.14s}.commerce.illustration-visible .line-b{transition-delay:1.2s}.commerce.illustration-visible .box-c{transition-delay:1.28s}.commerce.illustration-visible .line-c{transition-delay:1.36s}.commerce.illustration-visible .box-d{transition-delay:1.42s}.approach ol{display:grid;align-content:end;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none}.approach li{padding-top:16px;border-top:2px solid}.approach li span{color:var(--orange);font-family:DM Mono,monospace;font-size:.8rem}.approach h3{margin:34px 0 10px;font-size:1.25rem;letter-spacing:-.035em}.approach li p{margin:0;font-size:.82rem;line-height:1.4}.approach.is-visible li{animation:approach-charge 1s ease-in-out both}.approach.is-visible li:nth-child(1){animation-delay:1s}.approach.is-visible li:nth-child(2){animation-delay:2s}.approach.is-visible li:nth-child(3){animation-delay:3s}.approach.is-visible li:nth-child(4){animation-delay:4s}@keyframes approach-charge{0%,to{border-top-color:var(--black)}50%{border-top-color:var(--orange)}}.about{position:relative;display:grid;width:100%;grid-template-columns:.9fr 1.1fr;align-items:end;column-gap:clamp(34px,5vw,84px);padding-top:76px;padding-bottom:82px;background:var(--orange)}.about>.eyebrow{grid-column:1 / -1;margin-bottom:58px}.about h2{grid-column:1}.about-copy{grid-column:2;max-width:560px;margin:0;font-size:1.1rem;line-height:1.5}.about-copy p{margin:0}.about-visual{position:relative;grid-column:1 / -1;height:205px;margin-top:54px;overflow:hidden;border:1px solid var(--black);background:var(--black)}.design-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(246,240,229,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(246,240,229,.16) 1px,transparent 1px);background-size:25px 25px;opacity:.72}.design-guide{position:absolute;z-index:1;border-color:var(--orange);border-style:solid;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.design-guide-one{top:30px;left:8%;width:52%;border-top-width:1px;transform-origin:left}.design-guide-two{top:0;right:19%;height:88%;border-left-width:1px;transform-origin:top}.design-cross{position:absolute;z-index:3;color:var(--cream);font-size:2rem;font-weight:300;line-height:1;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.cross-one{top:17px;left:5%}.cross-two{right:5%;bottom:15px}.design-window{position:absolute;z-index:2;top:29px;left:20%;width:min(54%,610px);height:147px;border:1px solid var(--cream);background:var(--cream);color:var(--black)}.design-window-top{display:flex;height:39px;align-items:center;justify-content:flex-end;gap:8px;padding:0 12px;border-bottom:1px solid var(--black)}.design-window-top i{display:block;width:8px;height:8px;border:1px solid var(--black)}.design-window-top i:last-child{border-color:var(--orange);background:var(--orange)}.design-window-content{display:flex;height:calc(100% - 39px);align-items:center;gap:clamp(18px,3.8vw,65px);padding:19px clamp(16px,3vw,43px)}.design-orb{width:66px;aspect-ratio:1;border:1px solid var(--black);border-radius:50%;background:var(--orange);box-shadow:14px 14px 0 var(--black)}.design-copy-lines{display:grid;width:31%;gap:8px}.design-copy-lines i{display:block;height:2px;background:var(--black)}.design-copy-lines i:nth-child(2){width:72%}.design-copy-lines i:nth-child(3){width:84%;background:var(--orange)}.design-copy-lines i:nth-child(4){width:57%}.about:not(.illustration-visible) .design-guide-one{transform:scaleX(0)}.about:not(.illustration-visible) .design-guide-two{transform:scaleY(0)}.about:not(.illustration-visible) .design-cross{opacity:0;transform:translateY(12px)}.about.is-visible:not(.illustration-visible) .design-window{opacity:0}.about.illustration-visible .design-guide-one,.about.illustration-visible .design-guide-two,.about.illustration-visible .cross-one{transition-delay:1s}.about.illustration-visible .design-window{animation:design-assemble 1.3s cubic-bezier(.2,.7,.2,1) 1s both}.about.illustration-visible .cross-two{transition-delay:1.35s}@keyframes design-assemble{0%{opacity:0;transform:translate(34px,16px)}to{opacity:1;transform:none}}.contact{position:relative;display:grid;width:100%;min-height:auto;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start;gap:clamp(38px,7vw,120px);padding-top:106px;padding-bottom:92px;scroll-margin-top:24px;background:var(--black);color:var(--cream)}.contact-heading{position:relative;z-index:1}.contact .eyebrow{margin-bottom:24px;color:var(--orange)}.contact h2{line-height:.9}.contact-note{max-width:300px;margin:34px 0 0;color:#f6f0e5bf;font-size:.9rem;line-height:1.45}.contact-mark{position:absolute;bottom:34px;left:clamp(24px,4vw,62px);color:var(--orange);font-size:5rem;font-weight:200}.contact-form{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:25px 24px;padding:27px 28px;border:1px solid rgba(246,240,229,.82)}.form-field{display:grid;gap:9px}.form-field label{font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.form-field input,.form-field textarea{width:100%;padding:10px 12px;resize:vertical;border:0;border-bottom:1px solid rgba(246,240,229,.7);border-radius:0;outline:0;background:transparent;color:var(--cream);font-size:1rem;transition:border-color .2s ease,background-color .2s ease}.form-field input:focus,.form-field textarea:focus{border-color:var(--orange);background:#f6f0e50f}.form-field textarea{min-height:116px;line-height:1.45}.form-message,.form-submit,.form-status{grid-column:1 / -1}.form-submit{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border:1px solid var(--cream);border-radius:0;background:transparent;color:var(--cream);cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .25s ease,color .25s ease,transform .25s cubic-bezier(.2,.7,.2,1)}.form-submit span{color:var(--orange);font-size:1.35rem;line-height:1}.form-submit:hover:not(:disabled){transform:translate(5px,-4px);background:var(--cream);color:var(--black)}.form-submit:hover:not(:disabled) span{color:var(--black)}.form-submit:disabled{cursor:wait;opacity:.6}.form-status{min-height:1.3em;margin:0;font-size:.82rem;line-height:1.45}.w-form-done,.w-form-fail{display:none;padding:4px 0 4px 12px;border-left:2px solid var(--orange)}.w-form-fail{border-color:var(--cream)}footer{display:flex;height:96px;align-items:center;justify-content:space-between;padding:25px clamp(24px,4vw,62px);border-top:1px solid rgba(246,240,229,.5);background:var(--black);color:var(--cream);font-family:DM Mono,monospace;font-size:.7rem}footer .logo{font-family:Inter,Arial,sans-serif;font-size:2rem}.reveal{animation:reveal-up 1.2s .1s both}.reveal-section{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.reveal-section.is-visible{opacity:1;transform:none}.reveal-section .service,.reveal-section .approach li{transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}.reveal-section:not(.is-visible) .service,.reveal-section:not(.is-visible) .approach li{opacity:0;transform:translateY(16px)}.reveal-section.is-visible .service:nth-child(2),.reveal-section.is-visible .approach li:nth-child(2){transition-delay:.06s}.reveal-section.is-visible .service:nth-child(3),.reveal-section.is-visible .approach li:nth-child(3){transition-delay:.12s}.reveal-section.is-visible .service:nth-child(4),.reveal-section.is-visible .approach li:nth-child(4){transition-delay:.18s}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes field-in{0%{opacity:0;transform:translate(8%,6%)}to{opacity:1;transform:none}}@keyframes window-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.services.is-visible .service>span{animation:service-charge 1s ease-in-out both}.services.is-visible .service:nth-child(1)>span{animation-delay:1s}.services.is-visible .service:nth-child(2)>span{animation-delay:2s}.services.is-visible .service:nth-child(3)>span{animation-delay:3s}.services.is-visible .service:nth-child(4)>span{animation-delay:4s}@keyframes service-charge{0%,to{color:var(--black)}50%{color:var(--cream)}}@media (max-width: 860px){.site-header{height:85px;padding:23px 24px}.logo{font-size:2.6rem}.menu-toggle{position:relative;z-index:12;display:grid;width:48px;height:40px;place-content:center;gap:5px;border:0;background:var(--black)}.menu-toggle span:not(.sr-only){display:block;width:19px;height:2px;background:var(--cream)}nav{position:absolute;top:0;right:0;display:none;width:min(280px,85vw);min-height:100svh;flex-direction:column;align-items:stretch;gap:7px;padding:105px 32px 35px;background:var(--black);color:var(--cream)}nav.open{display:flex}.nav-contact{margin-top:16px}.hero{display:block;min-height:auto;padding-top:118px}.hero-copy{padding-bottom:43px}h1{font-size:clamp(4.15rem,17vw,7.7rem)}.technical-visual{min-height:410px;margin:0 -10px}.hero-footnotes{gap:15px;padding-top:20px}.hero-footnotes div{gap:7px;padding:0 14px 0 0;border:0;font-size:.64rem}.hero-footnotes div:nth-child(3){display:none}.services,.approach{display:block;padding-top:73px;padding-bottom:75px}.section-title{margin-bottom:48px}.service{grid-template-columns:36px 1fr;gap:15px}.service p{grid-column:2;max-width:400px}.commerce{padding-top:76px;padding-bottom:55px}.commerce-grid{display:block}.commerce-copy{margin-top:40px;font-size:1rem}.commerce-diagram{height:230px;margin-top:55px}.diagram-box{width:94px;height:40px}.box-a{top:30px;left:4%}.box-b{top:30px;left:35%}.box-c{top:145px;left:35%}.box-d{top:145px;right:4%}.line-a{top:49px;left:calc(4% + 94px);width:calc(31% - 94px)}.line-b{top:70px;left:calc(35% + 47px);height:75px}.line-c{top:164px;left:calc(35% + 94px);width:calc(61% - 188px)}.approach ol{grid-template-columns:repeat(2,1fr);gap:38px 22px}.about{display:block;padding-top:76px;padding-bottom:80px}.about>.eyebrow{margin-bottom:22px}.about-copy{display:block;margin:36px 0 0;font-size:1rem}.about-visual{height:180px;margin-top:40px}.design-window{top:25px;left:11%;width:76%}.contact{display:block;padding-top:82px;padding-bottom:72px}.contact-form{margin-top:46px;padding:22px}.contact-mark{right:24px;bottom:20px;left:auto;font-size:3rem}footer{height:80px;padding:20px 24px}}@media (max-width: 480px){.section-shell,.site-header{padding-right:20px;padding-left:20px}.hero{padding-top:110px}h1{font-size:4.05rem}.hero-intro{font-size:.94rem}.technical-visual{min-height:325px}.orange-field{width:86%;height:89%}.top-window,.lower-window{right:4%;width:84%}.top-window{height:72px}.menu-lines{padding:9px}.signal-bars{margin-right:15%}.lower-window{top:41%;height:46%}.window-head{height:38px;padding:13px}.window-body{height:calc(100% - 38px)}.ring{width:35px;height:35px;margin:20px}.code-block{gap:7px;padding:14px}.hero-footnotes{gap:12px}.hero-footnotes div:nth-child(2){padding-left:12px;border-left:1px solid var(--line)}.service h3{font-size:1.45rem}.commerce h2,.about h2,.contact h2{font-size:3.65rem}.commerce-diagram{height:150px;margin-right:-20px;margin-left:-20px}.diagram-box{width:72px;height:33px;padding:4px;font-size:.56rem}.box-a{top:16px;left:2%}.box-b{top:16px;left:35%}.box-c{top:91px;left:35%}.box-d{top:91px;right:2%}.line-a{top:32px;left:calc(2% + 72px);width:calc(33% - 72px)}.line-b{top:49px;left:calc(35% + 36px);height:42px}.line-c{top:107px;left:calc(35% + 72px);width:calc(63% - 144px)}.approach ol{gap:30px 16px}.approach h3{margin-top:23px}.about-visual{height:146px}.design-window{top:20px;left:7%;width:82%;height:108px}.design-window-top{height:31px;font-size:.5rem}.design-window-content{height:calc(100% - 31px);gap:22px;padding:13px 17px}.design-orb{width:41px;box-shadow:9px 9px 0 var(--black)}.design-copy-lines{gap:6px}.design-guide-one{top:17px}.cross-one{top:7px}.cross-two{bottom:6px}.contact-form{grid-template-columns:1fr;gap:22px;padding:18px}.form-message,.form-submit,.form-status{grid-column:1}.form-field textarea{min-height:104px}.contact h2{line-height:.92}.contact-mark{right:20px;bottom:16px;font-size:2.55rem}footer{font-size:.58rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
