@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700&family=Roboto+Mono:wght@400;500&display=swap');
:root{--paper:oklch(98.5% .004 110);--ink:oklch(18% .009 110);--muted:oklch(47% .012 110);--line:oklch(85% .012 110);--lime:oklch(90% .21 122);--soft:oklch(95% .008 110);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 Barlow,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:-80px;z-index:100;background:var(--lime);padding:12px}.skip:focus{top:8px}.wrap{max-width:1500px;margin:auto;padding-inline:clamp(22px,4.2vw,72px)}.mono,.tag,.section-label,.eyebrow{font:11px/1.5 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.02em}.muted{color:var(--muted)}.header{height:76px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:30;display:flex;align-items:stretch}.logo{display:flex;gap:9px;align-items:center;padding:0 27px;border-right:1px solid var(--line);font:600 29px/.9 'Barlow Condensed',sans-serif;letter-spacing:-.7px}.logo-symbol{width:23px;height:28px;display:grid;grid-template-columns:repeat(3,5px);gap:3px;transform:skewY(-12deg)}.logo-symbol i{background:var(--ink)}.logo-symbol i:nth-child(2){transform:translateY(5px)}.logo-symbol i:nth-child(3){transform:translateY(10px)}.navigation{display:flex;align-items:stretch}.navigation a{display:flex;align-items:center;gap:12px;padding:0 24px;border-right:1px solid var(--line);font:11px 'Roboto Mono',monospace;text-transform:uppercase;color:var(--muted);transition:background .2s,color .2s}.navigation a span{font-size:9px;color:var(--muted)}.navigation a:hover,.navigation a[aria-current=page]{background:var(--soft);color:var(--ink)}.availability{margin-left:auto;display:flex;align-items:center;gap:9px;padding:0 28px;white-space:nowrap;font:10px 'Roboto Mono',monospace;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:oklch(45% .11 150);display:inline-block;box-shadow:0 0 0 4px oklch(92% .035 150)}.menu-toggle{display:none}.grid-bg{background-image:linear-gradient(90deg,transparent calc(100% - 1px),var(--line) 1px);background-size:12.5% 100%}.hero{position:relative;overflow:hidden}.hero-main{padding-top:62px;padding-bottom:60px;min-height:620px;display:grid;grid-template-columns:1.68fr 1fr;gap:5vw}.eyebrow{color:var(--muted);display:flex;align-items:center;gap:10px;margin-bottom:26px}.eyebrow:before{content:'+';font-size:17px}.hero h1{font-size:clamp(64px,7.65vw,118px);font-weight:500;letter-spacing:-.065em;line-height:.98;margin:0 0 32px;position:relative;z-index:2}.hero h1 .line{display:block;animation:enter .9s var(--ease) both}.hero h1 .line:nth-child(2){animation-delay:.1s}.hero h1 .line:nth-child(3){animation-delay:.2s}.highlight{display:inline-block;background:var(--lime);padding:0 9px 7px;margin-left:-9px}.hero-bottom{display:flex;align-items:center;gap:28px}.hero-bottom p{max-width:235px;font-size:14px;color:var(--muted);line-height:1.55}.btn{border:1px solid var(--ink);display:inline-flex;align-items:stretch;padding:0;background:var(--ink);color:var(--paper);font:11px/1.4 'Roboto Mono',monospace;text-transform:uppercase;min-height:48px;transition:transform .25s var(--ease),background .25s}.btn .arr{display:grid;place-items:center;min-width:47px;background:var(--lime);color:var(--ink);font-size:21px;border-right:1px solid var(--ink)}.btn .txt{padding:16px 22px}.btn:hover{transform:translateY(-3px);background:oklch(30% .02 110)}.btn.light{background:var(--paper);color:var(--ink)}.text-link{font:11px 'Roboto Mono',monospace;text-transform:uppercase;display:inline-flex;align-items:center;gap:24px;padding-block:9px;border-bottom:1px solid var(--ink)}.text-link:hover{gap:34px}.hero-aside{padding-top:4px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.system-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line)}.system-head .mono{font-size:9px}.network{position:relative;height:290px;margin:20px -18px 12px}.network canvas{width:100%;height:100%;display:block}.network:after{content:'I / SYSTEM — 01';position:absolute;bottom:5px;left:18px;font:9px 'Roboto Mono',monospace;color:var(--muted)}.signal-row{display:flex;gap:5px;padding:10px 0 14px;border-bottom:1px solid var(--line)}.signal-row button{background:transparent;border:1px solid var(--line);padding:7px 9px;font:9px 'Roboto Mono',monospace;color:var(--muted);flex:1}.signal-row button.active{background:var(--lime);border-color:var(--ink);color:var(--ink)}.hero-aside p{font-size:15px;max-width:340px;margin:18px 0 0}.hero-aside p strong{font-weight:600}.ruler{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.ruler div{padding:20px 24px;border-right:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ruler div:first-child{padding-left:0}.ruler div:last-child{border:0}.ruler b{font-weight:500;font-size:24px;letter-spacing:-.7px}.ruler span{font-size:9px;color:var(--muted)}.ticker{background:var(--ink);color:var(--paper);overflow:hidden;padding:14px 0}.ticker-track{display:flex;width:max-content;gap:40px;animation:marquee 40s linear infinite;font:10px 'Roboto Mono',monospace;letter-spacing:.03em}.ticker em{color:var(--lime);font-style:normal}.section{padding-block:88px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-label{color:var(--muted);margin-bottom:12px}.section h2,.section-head h2{font-size:clamp(38px,4.3vw,64px);font-weight:500;line-height:1.05;letter-spacing:-.045em;margin:0}.section-head p{color:var(--muted);font-size:15px;max-width:335px;margin:0}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}.start-item{padding:27px 28px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .3s}.start-item:hover{background:var(--lime)}.start-item .index{font:10px 'Roboto Mono',monospace;color:var(--muted)}.start-item h3{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.5px;max-width:240px;margin:26px 0 13px}.start-item p{font-size:14px;color:var(--muted);max-width:280px;margin-bottom:28px}.start-item .bottom{display:flex;align-items:center;justify-content:space-between;font:10px 'Roboto Mono',monospace;text-transform:uppercase}.start-item .bottom b{font-weight:400;font-size:23px}.work-section{border-block:1px solid var(--line);background:var(--soft)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 26px}.project:first-child{grid-column:1/-1}.project-preview{min-height:310px;background:oklch(88% .035 270);padding:28px 7%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project:first-child .project-preview{min-height:420px;padding:35px 11%}.project-preview .project-code{position:absolute;left:20px;top:16px;font:9px 'Roboto Mono',monospace}.project-preview .preview-arrow{position:absolute;right:17px;bottom:17px;background:var(--paper);width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ink);transition:transform .3s}.project:hover .preview-arrow{transform:rotate(45deg)}.project .project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:19px}.project h3{font-size:27px;line-height:1.2;letter-spacing:-.7px;font-weight:500;margin:0 0 8px}.project p{margin:0;color:var(--muted);font-size:14px}.tag{font-size:9px;display:inline-block;border:1px solid var(--line);padding:5px 8px;white-space:nowrap}.project .tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.demo{width:100%;max-width:810px;background:oklch(99% .003 270);color:oklch(22% .02 270);box-shadow:0 20px 40px oklch(25% .03 270 / .14);font-size:11px;transform:translateY(6px);transition:transform .7s var(--ease);border:1px solid oklch(74% .02 270);border-radius:6px;overflow:hidden}.project:hover .demo{transform:translateY(-2px)}.demo-bar{padding:12px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.demo-brand{font-weight:600;font-size:15px;letter-spacing:-.5px}.demo-nav{display:flex;gap:20px;color:var(--muted);font-size:9px}.demo-body{display:grid;grid-template-columns:145px 1fr;min-height:260px}.demo-side{border-right:1px solid var(--line);padding:20px 15px;font-size:9px;display:flex;flex-direction:column;gap:15px;background:oklch(97% .006 270)}.demo-side .selected{padding:7px;background:oklch(91% .025 270);margin-left:-7px}.demo-content{padding:22px}.demo-content h4{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0 0 4px}.demo-content .sub{font-size:9px;color:var(--muted)}.demo-stats{display:flex;gap:16px;margin:22px 0}.demo-stat{flex:1;border:1px solid var(--line);padding:12px}.demo-stat b{display:block;font-size:22px;font-weight:500}.demo-stat span{font-size:8px;color:var(--muted)}.data-table{width:100%;border-collapse:collapse;font-size:9px}.data-table td,.data-table th{text-align:left;border-bottom:1px solid var(--line);padding:10px 7px}.data-table th{font-weight:400;color:var(--muted);font-size:8px;background:oklch(96% .006 270)}.badge{background:oklch(92% .06 150);color:oklch(33% .08 150);padding:3px 6px;font-size:8px}.demo.discourse{max-width:480px}.discourse .demo-body{grid-template-columns:105px 1fr;min-height:230px}.discourse .demo-content{padding:18px}.message{padding:12px;border:1px solid var(--line);margin:14px 0;font-size:10px;line-height:1.7}.message.answer{background:oklch(94% .02 150);border:0}.source{display:inline-block;font-size:8px;border:1px solid var(--line);padding:4px 7px;margin-top:7px}.project-preview.green{background:oklch(90% .045 150)}.project-preview.sand{background:oklch(91% .045 80)}.ops .demo-body{grid-template-columns:95px 1fr;min-height:230px}.ops .demo-content{padding:18px}.bars{height:100px;display:flex;gap:10px;align-items:flex-end;border-bottom:1px solid var(--line);margin:18px 0 12px}.bars i{flex:1;background:oklch(47% .05 70);height:var(--h);position:relative}.bars i:nth-child(2n){background:oklch(77% .08 80)}.sample-note{font-size:11px;color:var(--muted);margin:28px 0 0;max-width:650px}.capabilities{display:grid;grid-template-columns:1fr 1.35fr;gap:10vw}.cap-intro p{color:var(--muted);max-width:350px;font-size:16px;margin:24px 0 32px}.service-row{border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row summary{list-style:none;display:flex;gap:23px;align-items:center;padding:23px 0;cursor:pointer;font-size:25px;font-weight:500;letter-spacing:-.6px}.service-row summary::-webkit-details-marker{display:none}.service-row summary span{font:10px 'Roboto Mono',monospace;color:var(--muted)}.service-row summary b{margin-left:auto;font-size:23px;font-weight:400}.service-row[open] summary b{transform:rotate(45deg)}.service-row p{font-size:15px;color:var(--muted);margin:0 0 20px 42px;max-width:440px}.service-row .tags{margin:0 0 25px 42px}.dark-section{background:var(--ink);color:var(--paper)}.dark-section .section-label,.dark-section .muted{color:oklch(72% .01 110)}.process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}.process article{border-top:1px solid oklch(44% .01 110);border-right:1px solid oklch(37% .01 110);padding:25px 25px 0 0;margin-right:25px}.process article:last-child{border-right:0;margin-right:0}.process .num{color:var(--lime);font:12px 'Roboto Mono',monospace}.process h3{font-weight:500;font-size:27px;letter-spacing:-.5px;margin:48px 0 16px}.process p{color:oklch(76% .01 110);font-size:14px}.process .deliverable{font:10px/1.7 'Roboto Mono',monospace;color:var(--lime);margin-top:28px}.about-strip{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.about-strip>p{font-size:24px;line-height:1.5;letter-spacing:-.4px;margin:0}.principles{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.principles h3{font-size:18px;font-weight:500;margin-bottom:8px}.principles p{font-size:14px;color:var(--muted);margin:0}.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.faq-layout details{border-top:1px solid var(--line)}.faq-layout details:last-child{border-bottom:1px solid var(--line)}.faq-layout summary{font-size:18px;cursor:pointer;padding:22px 25px 22px 0;position:relative;list-style:none}.faq-layout summary::-webkit-details-marker{display:none}.faq-layout summary:after{content:'+';position:absolute;right:0}.faq-layout details[open] summary:after{content:'−'}.faq-layout details p{color:var(--muted);font-size:15px;margin:0 20px 25px 0;max-width:65ch}.contact-band{background:var(--lime);padding-block:60px}.contact-band .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.contact-band h2{font-size:clamp(45px,6vw,85px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:0}.contact-band p{font-size:15px;margin:18px 0 0}.contact-band .btn .arr{background:var(--paper)}.footer{background:var(--ink);color:var(--paper);padding:47px 0 20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px;padding-bottom:50px}.footer .logo{padding:0;border:0;font-size:34px;display:inline-flex}.footer .logo-symbol i{background:var(--paper)}.footer p{font-size:14px;max-width:260px;color:oklch(72% .01 110);margin-top:20px}.footer-nav{display:flex;flex-direction:column;gap:12px;font-size:14px}.footer-nav .mono{color:oklch(67% .01 110);margin-bottom:8px}.footer-nav a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid oklch(37% .01 110);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:oklch(68% .01 110);font:9px 'Roboto Mono',monospace;text-transform:uppercase}.page-hero{padding-top:70px;padding-bottom:65px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(58px,8vw,108px);font-weight:500;line-height:1.02;letter-spacing:-.06em;margin:24px 0}.page-hero p{font-size:19px;max-width:610px;color:var(--muted);margin:24px 0 0}.page-hero .back{font:10px 'Roboto Mono',monospace;text-transform:uppercase;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px}.filters button{background:transparent;border:1px solid var(--line);padding:10px 17px;font:11px 'Roboto Mono',monospace}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button:hover{border-color:var(--ink)}.work-page .project:first-child{grid-column:auto}.work-page .project:first-child .project-preview{min-height:310px;padding:28px 7%}.work-page .demo-body{grid-template-columns:95px 1fr;min-height:230px}.work-page .demo-content{padding:18px}.service-full{display:grid;grid-template-columns:80px 1fr 1fr;gap:40px;padding-block:50px;border-bottom:1px solid var(--line);scroll-margin-top:90px}.service-full h2{font-size:40px;margin-bottom:20px}.service-full p{max-width:520px;color:var(--muted);font-size:16px}.service-full ul{padding:0;list-style:none;margin:0}.service-full li{padding:15px 0;border-bottom:1px solid var(--line);font-size:15px;display:flex;justify-content:space-between;gap:15px}.service-full li:after{content:'↗';color:var(--muted)}.service-full .mono{padding-top:8px}.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:9vw}.contact-aside h2{font-size:40px}.contact-aside p{font-size:15px;color:var(--muted)}.contact-aside ol{padding:0;list-style:none;counter-reset:steps}.contact-aside li{padding:17px 0;border-top:1px solid var(--line);font-size:14px;counter-increment:steps;display:flex;gap:20px}.contact-aside li:before{content:'0' counter(steps);font:10px 'Roboto Mono',monospace;padding-top:5px;color:var(--muted)}.contact-form{min-width:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.fields label{display:flex;flex-direction:column;gap:9px;font-size:13px}.full{grid-column:1/-1}.fields input,.fields select,.fields textarea{width:100%;border:1px solid var(--line);background:var(--paper);padding:14px;color:var(--ink);border-radius:0;font-size:14px}.fields textarea{resize:vertical;min-height:130px}.fields input:focus,.fields textarea:focus{border-color:var(--ink)}.choice-group{border:0;padding:0;margin:0 0 28px}.choice-group legend{font-size:13px;margin-bottom:12px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices label{cursor:pointer;position:relative}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;border:1px solid var(--line);padding:10px 13px;font-size:12px}.choices input:checked+span{background:var(--lime);border-color:var(--ink)}.choices input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.form-actions{display:flex;align-items:center;gap:20px;margin-top:27px}.form-actions p{font-size:11px;color:var(--muted);max-width:240px}.form-status{margin-top:24px;background:var(--soft);border:1px solid var(--line);padding:23px}.form-status h3{font-size:24px;font-weight:500;margin:0 0 10px}.form-status p{font-size:14px;color:var(--muted)}.form-status .downloads{display:flex;gap:20px;flex-wrap:wrap}.error{color:oklch(40% .16 25);font-size:13px}.case-layout{display:grid;grid-template-columns:260px 1fr;gap:8vw}.case-spec{font-size:13px}.case-spec div{border-top:1px solid var(--line);padding:14px 0}.case-spec span{display:block;font:10px 'Roboto Mono',monospace;color:var(--muted);text-transform:uppercase;margin-bottom:7px}.case-copy{max-width:720px}.case-copy h2{font-size:38px;margin:0 0 22px}.case-copy h2:not(:first-child){margin-top:50px}.case-copy p,.case-copy li{font-size:17px;color:var(--muted);line-height:1.8}.case-copy ul{padding-left:19px}.notice{padding:18px;background:var(--soft);border:1px solid var(--line);font-size:12px;color:var(--muted);margin-bottom:35px}.case-visual .project-preview{min-height:460px;padding:50px 12%}.case-visual{padding-top:40px}.article-list article{display:grid;grid-template-columns:120px 1fr 240px;gap:35px;padding:35px 0;border-top:1px solid var(--line)}.article-list h2{font-size:32px;line-height:1.2}.article-list p{color:var(--muted);font-size:15px;max-width:65ch}.article-list .article-art{display:grid;place-items:center;min-height:140px;background:var(--lime);font:500 45px 'Barlow Condensed',sans-serif;letter-spacing:-2px}.article-body{max-width:740px;margin:auto;padding-block:65px}.article-body h2{font-size:32px;line-height:1.15;font-weight:500;letter-spacing:-.7px;margin:45px 0 16px}.article-body p,.article-body li{color:var(--muted);line-height:1.85}.reveal{transition:transform .8s var(--ease),opacity .8s var(--ease)}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(24px)}@keyframes enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){.hero-main{min-height:700px}.network{height:350px}}@media(max-width:1150px){.navigation a{padding:0 16px;gap:8px}.availability{display:none}.header .navigation{margin-left:auto}.hero-main{gap:35px;min-height:580px}.hero h1{font-size:8.2vw}.hero-bottom{gap:16px}.ruler div{padding:18px 15px}.ruler b{font-size:20px}.ruler span{font-size:8px}.logo{padding-inline:22px}.project-preview{padding-inline:5%}.demo-side{padding:15px 10px}.demo-body{grid-template-columns:110px 1fr}.capabilities{gap:7vw}.network{height:260px}}@media(max-width:800px){.header{height:66px;justify-content:space-between}.menu-toggle{display:block;background:transparent;border:0;border-left:1px solid var(--line);padding:0 24px;font:11px 'Roboto Mono',monospace}.header .navigation{display:none}.header .navigation.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:var(--paper);border-bottom:1px solid var(--ink)}.navigation a{padding:20px 24px;border:0;border-top:1px solid var(--line);font-size:13px}.hero-main{grid-template-columns:1fr 1fr;gap:28px;padding-top:45px;min-height:560px}.hero h1{font-size:9vw;letter-spacing:-.055em}.hero-bottom{align-items:flex-start;flex-direction:column;gap:9px}.hero-bottom p{margin:0}.hero-aside{padding-top:45px}.hero-aside p{font-size:13px}.network{height:210px}.system-head .mono{font-size:8px}.signal-row button{padding:7px 4px;font-size:8px}.ruler{grid-template-columns:1fr 1fr}.ruler div{border-bottom:1px solid var(--line);padding:16px!important}.ruler div:nth-child(2){border-right:0}.ruler div:nth-child(n+3){border-bottom:0}.section{padding-block:60px}.section-head{align-items:flex-start}.section-head p{max-width:250px}.start-grid{grid-template-columns:1fr 1fr}.project-preview{min-height:270px;padding:35px 5%}.project:first-child .project-preview{min-height:350px;padding:25px 6%}.project-grid{gap:32px 20px}.project .project-meta{flex-direction:column;gap:8px}.project h3{font-size:24px}.project:not(:first-child) .demo-side{display:none}.project:not(:first-child) .demo-body{grid-template-columns:1fr}.capabilities{grid-template-columns:1fr;gap:35px}.cap-intro p{max-width:510px}.process{grid-template-columns:1fr 1fr;gap:35px 0}.process article:nth-child(2){border-right:0}.process h3{margin-top:28px}.about-strip{gap:5vw}.about-strip>p{font-size:21px}.faq-layout{grid-template-columns:1fr;gap:30px}.contact-band .wrap{align-items:flex-start;flex-direction:column}.footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:25px}.service-full{grid-template-columns:40px minmax(0,1fr);gap:24px}.service-full>div:last-child{grid-column:2}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-aside ol{display:flex;gap:20px}.contact-aside li{flex:1}.case-layout{grid-template-columns:1fr;gap:35px}.case-spec{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.case-copy{max-width:none}.article-list article{grid-template-columns:75px 1fr;gap:25px}.article-list .article-art{display:none}.work-page .project:first-child .project-preview{padding:28px 5%}.work-page .project .demo-side{display:none}.work-page .project .demo-body{grid-template-columns:1fr}.page-hero{padding-top:50px}}@media(max-width:540px){.hero-main{grid-template-columns:1fr;padding-bottom:30px;gap:32px}.hero h1{font-size:17.8vw;letter-spacing:-.06em;margin-bottom:26px}.eyebrow{font-size:9px;margin-bottom:22px}.hero-bottom{flex-direction:row;align-items:center;gap:18px}.hero-bottom p{font-size:12px;max-width:140px}.btn{min-height:46px;font-size:10px}.btn .txt{padding:15px}.btn .arr{min-width:40px}.hero-aside{padding-top:0}.hero-aside .system-head{padding-top:15px}.network{height:200px;margin:8px 0}.hero-aside p{font-size:14px;max-width:100%;margin-top:15px}.signal-row{padding-bottom:12px}.signal-row button{font-size:9px;padding:8px}.ruler{margin-top:0}.ruler b{font-size:20px}.ruler span{font-size:8px}.ruler div{padding:16px 10px!important}.section{padding-block:48px}.section-head{flex-direction:column;gap:20px;margin-bottom:26px}.section-head p{max-width:100%}.start-grid{grid-template-columns:1fr}.start-item{padding:22px}.start-item h3{max-width:none;margin:18px 0 10px;font-size:25px}.start-item p{max-width:none;margin-bottom:22px}.project-grid{grid-template-columns:1fr;gap:34px}.project:first-child{grid-column:auto}.project:first-child .project-preview,.project-preview{min-height:285px;padding:40px 5% 30px}.project .demo-side{display:none}.project .demo-body{grid-template-columns:1fr;min-height:200px}.demo-content{padding:16px}.demo-stats{gap:8px;margin:15px 0}.demo-stat{padding:8px}.demo-stat b{font-size:20px}.demo-content h4{font-size:18px}.demo-nav{font-size:8px;gap:10px}.data-table{font-size:8px}.data-table td,.data-table th{padding:8px 4px}.project .project-meta{flex-direction:row}.project h3{font-size:24px}.project p{font-size:13px}.tag{font-size:8px}.sample-note{font-size:10px}.service-row summary{font-size:23px;gap:17px}.service-row p,.service-row .tags{margin-left:34px}.process{gap:26px 0}.process article{padding-right:15px;margin-right:15px}.process h3{font-size:24px}.process p{font-size:13px}.process .deliverable{font-size:9px}.about-strip{grid-template-columns:1fr;gap:25px}.about-strip>p{font-size:22px}.principles{margin-top:25px}.contact-band h2{font-size:15vw}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer{padding-top:35px}.footer-bottom{flex-wrap:wrap;font-size:8px}.page-hero h1{font-size:16vw}.page-hero p{font-size:17px}.page-hero{padding-block:40px}.service-full{gap:17px;grid-template-columns:25px 1fr;padding-block:35px}.service-full h2{font-size:32px}.fields{grid-template-columns:1fr;gap:20px}.full{grid-column:auto}.form-actions{align-items:flex-start;flex-direction:column;gap:8px}.form-actions p{max-width:none}.contact-aside ol{display:block}.contact-aside li{padding-block:13px}.case-visual .project-preview{min-height:300px;padding:35px 5%}.case-visual .demo-side{display:none}.case-visual .demo-body{grid-template-columns:1fr}.case-copy h2{font-size:32px}.article-list article{grid-template-columns:1fr;gap:13px}.article-list h2{font-size:29px}.article-body{padding-block:35px}.section-label{font-size:9px}.text-link{font-size:10px}.section h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}
/* Engagement: project inquiry and AI newsletter */
.newsletter-section{padding-block:65px;border-top:1px solid var(--line);background:oklch(94% .018 115)}.newsletter-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.newsletter-section h2{font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.045em;font-weight:500;margin:0 0 22px}.newsletter-section p{max-width:450px;color:var(--muted);font-size:16px}.newsletter-topics{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:24px;font:9px 'Roboto Mono',monospace;text-transform:uppercase}.newsletter-topics span:before{content:'+';margin-right:7px}.newsletter-form>label:first-child{display:block;font-size:13px;margin-bottom:10px}.newsletter-input{display:flex;align-items:stretch}.newsletter-input>input{min-width:0;flex:1;border:1px solid var(--ink);border-right:0;padding:14px;background:var(--paper);color:var(--ink);border-radius:0;font-size:14px}.newsletter-input .btn{flex-shrink:0}.newsletter-input .btn .arr{border:0;border-left:1px solid var(--ink)}.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;margin-top:17px;cursor:pointer;max-width:450px}.consent input{accent-color:var(--ink);width:15px;height:15px;flex:none;margin:3px 0 0}.newsletter-form .signup-note{font-size:11px;line-height:1.65;margin:13px 0;color:var(--muted)}.newsletter-privacy{font-size:11px;text-decoration:underline;text-underline-offset:3px}.signup-status{font-size:13px!important;line-height:1.7;border:1px solid var(--line);padding:13px;background:var(--paper);margin-block:14px!important}.signup-status[data-state=error]{border-color:oklch(53% .12 35);color:oklch(38% .1 35)}.signup-status[data-state=success]{border-color:oklch(50% .1 140);color:oklch(33% .07 140)}.engage-trigger{position:fixed;bottom:24px;right:26px;display:flex;align-items:center;gap:13px;z-index:25;background:var(--lime);color:var(--ink);border:1px solid var(--ink);padding:15px 20px;box-shadow:4px 4px 0 var(--ink);font:11px 'Roboto Mono',monospace;text-transform:uppercase;transition:transform .25s var(--ease)}.engage-trigger:hover{transform:translateY(-3px)}.engage-trigger>span:last-child{font-size:19px;margin-left:10px}.trigger-dot{height:6px;width:6px;border-radius:50%;background:var(--ink)}.engage-dialog{padding:0;width:min(580px,calc(100vw - 32px));max-width:580px;max-height:calc(100dvh - 48px);border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:10px 10px 0 oklch(90% .21 122 / .7);overflow-y:auto;overscroll-behavior:contain}.engage-dialog::backdrop{background:oklch(18% .009 110 / .6)}.engage-dialog[open]{animation:dialog-in .35s var(--ease)}.engage-top{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border-bottom:1px solid var(--line)}.engage-top .mono{font-size:9px}.dialog-close{height:32px;width:32px;background:transparent;border:1px solid var(--line);font-size:24px;line-height:1;color:var(--ink)}.dialog-close:hover{background:var(--lime);border-color:var(--ink)}.engage-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}.engage-tabs button{border:0;border-right:1px solid var(--line);background:var(--paper);color:var(--muted);font:10px 'Roboto Mono',monospace;padding:18px 10px;text-transform:uppercase}.engage-tabs button:last-child{border-right:0}.engage-tabs button[aria-selected=true]{background:var(--lime);color:var(--ink)}.engage-body{padding:27px 32px 30px}.engage-body h2{font-size:45px;line-height:1;letter-spacing:-1.9px;font-weight:500;margin:0 0 18px}.engage-intro{font-size:15px;color:var(--muted);line-height:1.65;margin:0 0 23px;max-width:420px}.engage-body .fields{gap:15px}.engage-body .fields input,.engage-body .fields select,.engage-body .fields textarea{padding:11px 12px;font-size:13px}.engage-body .fields textarea{min-height:90px}.engage-body .fields label{gap:6px;font-size:12px}.popup-delivery-note,.popup-privacy{font-size:11px;line-height:1.6;color:var(--muted);margin:14px 0}.popup-privacy{margin-bottom:0}.popup-privacy a{text-decoration:underline;text-underline-offset:3px}.engage-body .form-status{padding:16px;margin-top:17px}.engage-body .form-status h3{font-size:22px}.engage-body .form-status p{font-size:13px}.newsletter-promise{padding:22px 25px;background:var(--lime);margin:0 0 24px}.newsletter-promise .mono{font-size:9px}.newsletter-promise p{font-size:30px;line-height:1.05;letter-spacing:-.8px;margin:15px 0}.newsletter-promise>span:last-child{font-size:10px}.engage-body .newsletter-input .btn .txt{padding:14px 12px;font-size:9px}.engage-body .newsletter-input .btn .arr{min-width:35px}.dialog-open{overflow:hidden}@keyframes dialog-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.newsletter-layout{grid-template-columns:1fr;gap:30px}.newsletter-layout>div:last-child{max-width:550px}}@media(max-width:540px){.newsletter-section{padding-block:45px}.newsletter-input .btn .txt{padding:15px 12px;font-size:9px}.newsletter-input .btn .arr{min-width:33px}.newsletter-input>input{padding:12px;font-size:13px}.engage-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);box-shadow:5px 5px 0 var(--lime)}.engage-top{padding:10px 17px}.engage-body{padding:23px 20px}.engage-body h2{font-size:38px}.engage-body .fields{grid-template-columns:1fr;gap:12px}.engage-tabs button{font-size:9px;padding:16px 7px}.engage-trigger{right:16px;bottom:16px;padding:12px 16px;gap:9px}.engage-trigger>span:last-child{margin-left:3px}.newsletter-promise{padding:19px}.engage-intro{font-size:14px}}
/* Unsubscribe and submission confirmation */
.subscription-manage{display:block;margin-top:10px;font-size:12px;text-decoration:underline;text-underline-offset:3px}.subscription-success{margin-top:18px;padding:20px;background:var(--soft);border:1px solid var(--line)}.subscription-success h3{font-weight:500;font-size:24px;margin:0 0 12px}.subscription-success p{font-size:15px;color:var(--muted)}
/* Hero-wide constellation field, adapted from the supplied React component. */
.constellation-hero{isolation:isolate}#hero-constellation{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(oklch(47% .025 110 / .24) 1px,transparent 1px);background-size:55px 55px}.hero[data-constellation-ready=true] #hero-constellation{background-image:none}.constellation-canvas{display:block;width:100%;height:100%;mask-image:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.55) 38%,rgb(0,0,0) 66%)}.constellation-hero>.wrap{position:relative}.constellation-hero .eyebrow{width:fit-content;background:oklch(98.5% .004 110 / .88);padding-right:8px}.constellation-hero .system-head,.constellation-hero .signal-row{background:oklch(98.5% .004 110 / .9)}.constellation-hero .hero-aside>p{background:oklch(98.5% .004 110 / .94);padding:12px 0;margin-bottom:-12px}.constellation-window{height:290px;position:relative;margin:20px 0 12px;display:grid;place-items:center}.constellation-core{height:66px;width:66px;display:grid;place-items:center;background:var(--lime);border:1px solid var(--ink);box-shadow:5px 5px 0 oklch(18% .009 110 / .11)}.constellation-core .logo-symbol{transform:skewY(-12deg) scale(1.25);margin-top:-8px}.constellation-core:before,.constellation-core:after{content:'';position:absolute;top:50%;width:22%;height:1px;background:var(--line)}.constellation-core:before{right:calc(50% + 47px)}.constellation-core:after{left:calc(50% + 47px)}.field-hint{position:absolute;right:0;bottom:4px;color:var(--muted);font-size:8px;background:var(--paper);padding:4px 6px}.field-coordinate{position:absolute;left:0;bottom:4px;font-size:8px;color:var(--muted);background:var(--paper);padding:4px 6px}.constellation-hero .ruler{background:oklch(98.5% .004 110 / .92)}@media(min-width:1600px){.constellation-window{height:350px}}@media(max-width:1150px){.constellation-window{height:260px}.constellation-hero .system-head .mono{font-size:8px}}@media(max-width:800px){.constellation-window{height:210px}.constellation-core{width:56px;height:56px}.field-coordinate,.field-hint{font-size:7px}}@media(max-width:540px){.constellation-window{height:200px;margin-block:8px}.constellation-canvas{mask-image:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.42) 38%,rgb(0,0,0) 65%)}.constellation-hero .hero-aside>p{font-size:14px}.field-hint{font-size:8px}.field-coordinate{font-size:8px}}@media(pointer:coarse),(prefers-reduced-motion:reduce){.field-hint{display:none}}
/* Production portfolio: grid-to-skyline interaction. */
#project-skyline{margin-bottom:65px;min-width:0}.production-skyline{background:var(--paper);border:1px solid var(--line)}.skyline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-bottom:1px solid var(--line)}.skyline-toolbar>.mono{font-size:9px;color:var(--muted)}.skyline-controls{display:flex;gap:3px;border:1px solid var(--line);padding:3px}.skyline-controls button{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--muted);padding:9px 13px;font:10px 'Roboto Mono',monospace;transition:background .25s,color .25s}.skyline-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.skyline-controls svg{width:14px;height:14px;flex:none}.skyline-stage{height:460px;position:relative;overflow:hidden;background-image:radial-gradient(oklch(79% .02 115 / .4) .65px,transparent .65px);background-size:22px 22px}.skyline-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.skyline-total{position:absolute;z-index:1;top:31px;left:31px;pointer-events:none;display:flex;flex-direction:column;gap:16px}.skyline-total strong{font-size:clamp(55px,7vw,95px);font-weight:500;line-height:.85;letter-spacing:-6px}.skyline-total strong>span{font-size:.6em;vertical-align:top;margin-left:6px;line-height:1}.skyline-total>.mono{font-size:9px;line-height:1.7;color:var(--muted)}.skyline-stamp{position:absolute;bottom:26px;right:28px;display:flex;align-items:center;gap:10px;pointer-events:none;font-size:9px;color:var(--muted)}.skyline-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid var(--line);font:10px 'Roboto Mono',monospace;color:var(--muted)}.skyline-footer button{border:0;border-bottom:1px solid var(--line);padding:4px 0;background:transparent;color:var(--ink);font:10px 'Roboto Mono',monospace}.skyline-footer button:hover{border-color:var(--ink)}.skyline-caption{font-size:10px!important;color:var(--muted);margin:0;padding:0 24px 17px;line-height:1.6}.skyline-fallback{border:1px solid var(--line);background:var(--paper);padding:60px}.skyline-fallback strong{font-size:80px;font-weight:500;letter-spacing:-5px;line-height:1}.selected-work-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin:0 0 30px}.selected-work-heading h3,.selected-work-heading h2{font-size:27px;font-weight:500;letter-spacing:-.6px;margin:0}.selected-work-heading p{font-size:13px;color:var(--muted);margin:0}.work-page #project-skyline{margin-top:-15px}.work-section>.wrap>.section-head{margin-bottom:35px}@media(min-width:1600px){.skyline-stage{height:510px}}@media(max-width:800px){.skyline-stage{height:390px}.skyline-total{top:25px;left:25px;gap:12px}.skyline-total strong{font-size:68px}.selected-work-heading{align-items:flex-start;flex-direction:column;gap:12px}.skyline-stamp{font-size:8px}}@media(max-width:540px){#project-skyline{margin-bottom:40px}.skyline-toolbar{padding:15px;gap:12px}.skyline-toolbar>.mono{font-size:8px;max-width:130px}.skyline-controls button{font-size:9px;padding:8px 9px;gap:6px}.skyline-controls svg{width:12px;height:12px}.skyline-stage{height:380px}.skyline-total{top:20px;left:20px;gap:10px}.skyline-total strong{font-size:55px;letter-spacing:-3px}.skyline-total>.mono{font-size:8px}.skyline-stamp{right:16px;bottom:18px;font-size:7px}.skyline-footer{padding:14px 16px;align-items:flex-start;gap:15px;font-size:8px;line-height:1.7}.skyline-footer>span{max-width:190px}.skyline-footer button{font-size:8px;white-space:nowrap}.skyline-caption{padding:0 16px 15px;font-size:9px!important}.selected-work-heading h3,.selected-work-heading h2{font-size:25px}.selected-work-heading p{font-size:12px}}
/* Give each headline line its own room, including the descender in “Engineered”. */
.hero h1{line-height:1.1}.hero h1 .line+.line{margin-top:.07em}

/* Restore the dedicated animated network without replacing the hero background. */
#connected-system{position:absolute;inset:0;background:oklch(98.5% .004 110 / .88)}.connected-system-canvas{display:block;width:100%;height:100%}.constellation-window .field-coordinate{bottom:2px;pointer-events:none}

/* Shared navigation: keep the numbered grid and make the project action distinct. */
.header>.logo{flex-shrink:0}.header .navigation{flex:1;min-width:0;margin-left:0}.navigation a{position:relative;padding-inline:clamp(15px,1.6vw,24px);gap:10px;white-space:nowrap}.navigation a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:3px;background:var(--ink)}.navigation a:last-child{margin-left:auto;background:var(--lime);color:var(--ink);border-left:1px solid var(--line);border-right:0;padding-inline:28px}.navigation a:last-child:hover{background:oklch(85% .20 122)}.navigation a:last-child span{display:none}
/* Keep long headings and narrow service labels readable across pages. */
.page-hero h1{line-height:1.1;overflow-wrap:break-word}.page-hero .eyebrow{margin-top:18px}.service-full>.mono{white-space:nowrap}.service-full>div{min-width:0}.service-row summary b,.service-row summary>span{flex-shrink:0}.project-meta>div{min-width:0}.page-hero .eyebrow,.page-hero h1,.page-hero p{animation:enter .8s var(--ease) both}.page-hero h1{animation-delay:.08s}.page-hero p{animation-delay:.16s}.service-row summary b{transition:transform .25s var(--ease)}
@media(max-width:1000px){.header{height:66px;justify-content:space-between}.header .navigation{display:none}.menu-toggle{display:flex;align-items:center;gap:14px;background:var(--paper);border:0;border-left:1px solid var(--line);padding:0 24px;font:11px 'Roboto Mono',monospace;color:var(--ink)}.menu-toggle:hover,.menu-toggle[aria-expanded=true]{background:var(--lime)}.header .navigation.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:var(--paper);border-bottom:1px solid var(--ink);max-height:calc(100dvh - 66px);overflow:auto;box-shadow:0 12px 20px oklch(18% .009 110 / .08)}.navigation a{padding:20px 24px;border:0;border-top:1px solid var(--line);font-size:13px}.navigation a:last-child{margin-left:0;border-left:0;padding-inline:24px}.navigation a:last-child span{display:inline}.navigation a[aria-current=page]:after{left:auto;right:24px;bottom:50%;width:6px;height:6px;transform:translateY(50%);background:var(--ink)}.engage-trigger{display:none}}
@media(max-width:540px){.service-full{grid-template-columns:40px minmax(0,1fr);gap:14px}.page-hero:has(.back) h1{font-size:clamp(40px,12.5vw,62px)}.project .project-meta{flex-direction:column;gap:10px}.footer-bottom{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.page-hero .eyebrow,.page-hero h1,.page-hero p{animation:none}}

/* Inner-page heroes use a clean paper surface; contact starts with the form. */
.page-hero{background-image:none}.contact-opening{padding-block:48px 54px}.contact-opening .contact-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7vw;align-items:start}.contact-intro h1{font-size:clamp(48px,5.8vw,84px);line-height:1.08;font-weight:500;letter-spacing:-.06em;margin:22px 0 26px}.contact-intro>p{font-size:18px;max-width:390px;color:var(--muted)}.contact-reassurance{display:flex;align-items:center;gap:13px;margin-top:42px;font-size:13px}.contact-intro .contact-small{font-size:14px;max-width:310px;margin-top:15px}.contact-opening .fields{gap:17px 20px}.contact-opening .fields input,.contact-opening .fields select,.contact-opening .fields textarea{padding:11px 13px}.contact-opening .fields textarea{min-height:110px}.contact-opening .choice-group{margin-bottom:22px}.contact-opening .form-actions{margin-top:20px}.contact-next{border-top:1px solid var(--line);padding-block:35px 45px;display:flex;justify-content:space-between;gap:30px}.contact-next h2{font-weight:500;font-size:27px;letter-spacing:-.5px;margin:0 0 12px}.contact-next p{color:var(--muted);font-size:15px;max-width:680px;margin:0}
@media(max-width:800px){.contact-opening{padding-top:30px}.contact-opening .contact-layout{grid-template-columns:1fr;gap:28px}.contact-intro h1{font-size:clamp(38px,7vw,58px);margin:15px 0}.contact-intro .eyebrow{margin-bottom:12px}.contact-intro>p{max-width:550px;font-size:16px;margin-bottom:0}.contact-reassurance,.contact-intro .contact-small{display:none}.contact-next{flex-direction:column}.contact-opening .fields textarea{min-height:100px}}

/* GSAP scroll choreography: transform-only entrances with clear resting states. */
.motion-managed{transition:none!important}.header:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}.motion-rule{position:relative}.motion-rule:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--ink);opacity:.35;transform:scaleX(var(--rule-progress,0));transform-origin:left;pointer-events:none}.section-head.motion-rule{padding-top:22px}.btn .arr{transition:background .25s, color .25s}.btn:hover .arr{background:var(--paper)}.text-link{transition:gap .3s var(--ease)}.article-list h2 a{transition:color .2s}.article-list h2 a:hover{color:oklch(45% .09 122)}
@media(prefers-reduced-motion:reduce){.motion-rule:before,.header:after{display:none}}

.consultation-booking{margin:0 0 22px}.hero-bottom .btn{flex-shrink:0}.engage-body h2{font-size:42px}@media(max-width:540px){.hero-bottom{align-items:flex-start;flex-direction:column;gap:14px}.hero-bottom p{max-width:270px}.engage-body h2{font-size:34px}}

.contact-methods{min-width:0}.consultation-calendar{min-width:0}.calendar-intro{font-size:15px;color:var(--muted);margin:0 0 18px}.scheduler-host{height:680px;min-width:0;width:100%;background:var(--paper);border:1px solid var(--line)}.scheduler-host iframe{width:100%;height:100%;border:0;display:block}.calendar-status{font-size:12px;color:var(--muted)}.calendar-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.calendar-actions button,.calendar-return{background:transparent;border:0;border-bottom:1px solid var(--ink);color:var(--ink)}.calendar-return{margin-bottom:22px}.engage-dialog:has([data-calendar-panel]:not([hidden])){width:min(760px,calc(100vw - 32px));max-width:760px}.engage-dialog .scheduler-host{height:650px}@media(max-width:540px){.engage-dialog:has([data-calendar-panel]:not([hidden])){width:calc(100vw - 24px)}.engage-dialog:has([data-calendar-panel]:not([hidden])) .engage-body{padding-inline:10px}.scheduler-host,.engage-dialog .scheduler-host{height:680px}.calendar-actions{gap:14px}}

.lead-newsletter-consent{max-width:none;margin:20px 0 18px;font-size:12px}.lead-newsletter-consent input{flex-shrink:0}.lead-newsletter-result{border-top:1px solid var(--line);margin-top:16px;padding-top:6px}.lead-newsletter-result .text-link{font-size:10px}.lead-newsletter-result p{font-size:13px}

/* Quiet popup opening, readable native selects, and a clear submission state. */
.engage-body #engage-title:focus{outline:none}.dialog-close{display:grid;place-items:center;width:36px;height:36px;padding:0;flex-shrink:0}.dialog-close:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.fields select{appearance:none;-webkit-appearance:none;color-scheme:light;min-height:46px;padding-right:44px!important;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%2324261e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;line-height:1.5}.fields select option{color:var(--ink);background:var(--paper)}.contact-form.is-submitted>:not(.form-status),#popup-lead-form.is-submitted>:not(.form-status){display:none!important}.is-submitted .form-status{margin-top:0}.engage-body:has(.is-submitted) .engage-intro{display:none}@media(max-width:540px){.fields select,.engage-body .fields select{font-size:16px}}

.custom-select{position:relative;min-width:0;width:100%}.select-toggle{display:block;width:100%;min-height:46px;text-align:left;border:1px solid var(--line);border-radius:0;padding:11px 44px 11px 13px;color:var(--ink);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%2324261e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center;font-size:14px;line-height:1.5}.select-toggle[aria-expanded=true]{border-color:var(--ink)}.select-list{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:10;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);border:1px solid var(--ink);box-shadow:4px 4px 0 oklch(18% .009 110 / .12);padding:4px;outline:none}.opens-up .select-list{top:auto;bottom:calc(100% + 5px)}.select-option{padding:11px 12px;font-size:14px;line-height:1.4;cursor:pointer}.select-option[aria-selected=true]{background:var(--soft)}.select-option:hover,.select-option.is-active{background:var(--lime);color:var(--ink)}@media(max-width:540px){.select-toggle,.select-option{font-size:16px}}

.form-status h3:focus{outline:none}

.engage-top{position:sticky;top:0;z-index:20;background:var(--paper)}

/* Skyline footer ties the interactive portfolio to the services behind it. */
.skyline-service-footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:34px 32px 36px;border-top:1px solid var(--line);background:var(--paper)}.skyline-service-intro>.mono{font-size:9px;color:var(--muted)}.skyline-service-intro h3{font-size:clamp(27px,2.5vw,37px);font-weight:500;line-height:1.12;letter-spacing:-1.1px;margin:12px 0 15px}.skyline-service-intro p{max-width:470px;font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 18px}.skyline-service-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;align-items:center}.skyline-service-stats>div{display:flex;flex-direction:column;gap:15px;min-width:0;padding:20px 18px;border-left:1px solid var(--line)}.skyline-service-stats strong{font-size:clamp(42px,4.5vw,66px);font-weight:500;line-height:1;letter-spacing:-3px}.skyline-service-stats strong>span{font-size:.6em;vertical-align:top;line-height:1.2;margin-left:3px}.skyline-service-stats>div>span{font:9px/1.7 'Roboto Mono',monospace;text-transform:uppercase;color:var(--muted)}.skyline-interaction-footer{font-size:9px;background:var(--soft)}
@media(max-width:1000px){.skyline-service-footer{grid-template-columns:1fr;gap:27px;padding:28px 25px}.skyline-service-intro p{max-width:620px}.skyline-service-stats{border-top:1px solid var(--line);padding-top:22px}.skyline-service-stats>div{padding:0 22px}.skyline-service-stats>div:first-child{padding-left:0;border-left:0}.skyline-service-stats strong{font-size:53px}}
@media(max-width:540px){.skyline-service-footer{padding:24px 16px;gap:23px}.skyline-service-intro h3{font-size:28px;letter-spacing:-.7px}.skyline-service-intro p{font-size:13px}.skyline-service-stats>div{padding-inline:12px;gap:12px}.skyline-service-stats strong{font-size:42px;letter-spacing:-2px}.skyline-service-stats>div>span{font-size:9px;line-height:1.7}.skyline-interaction-footer{font-size:8px}}

/* Stable metric widths while counting; assistive technology reads final values. */
.skyline-service-stats strong{white-space:nowrap}.skyline-service-stats strong>.count-value{font:inherit;font-variant-numeric:tabular-nums;vertical-align:baseline;line-height:inherit;margin:0;display:inline-block}.skyline-service-stats .count-readable{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Responsive pass: prevent cropped product illustrations and keep touch controls usable. */
.hero-main>div,.section-head>div,.project,.project-meta>div,.start-item,.process article,.about-strip>div,.case-layout>*,.service-full>div,.newsletter-layout>div,.footer-top>div,.fields>label{min-width:0}.fields input,.fields textarea,.fields select{min-width:0}.demo-body,.demo-content{min-width:0}.case-spec,.case-copy,.article-body,.contact-methods{overflow-wrap:break-word}
@media(max-width:1100px){.project .demo-side{display:none}.project .demo-body{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.project-grid{grid-template-columns:minmax(0,1fr)}.project:first-child{grid-column:auto}.case-visual .demo-side{display:none}.case-visual .demo-body{grid-template-columns:minmax(0,1fr)}.project-preview .demo{max-width:720px}.case-visual .project-preview{padding-inline:6%;min-height:340px}.demo-content h4{line-height:1.3}.fields input,.fields textarea,.fields select,.engage-body .fields input,.engage-body .fields textarea,.engage-body .fields select,.newsletter-input>input{font-size:16px}.signal-row button,.skyline-controls button,.filters button,.skyline-footer button,.dialog-close{min-height:44px}.dialog-close{width:44px;height:44px}.text-link,.page-hero .back{min-height:44px;display:inline-flex;align-items:center}.footer-nav a{min-height:44px;display:flex;align-items:center;padding-block:6px}.footer-nav{gap:4px}.skyline-footer{align-items:center}.skyline-controls button{justify-content:center}.skyline-footer button{padding-inline:6px}.btn{min-height:48px}}
@media(max-width:540px){.project-preview .demo-bar{gap:12px}.project-preview .demo-nav{gap:8px}.project-preview .demo-content{padding:16px}.case-visual .project-preview{min-height:300px;padding:30px 5%}.footer-bottom{row-gap:14px}.form-status h3{overflow-wrap:break-word}}
@media(max-height:500px) and (max-width:1000px){.header .navigation.open{max-height:calc(100dvh - 66px)}.navigation a{padding-block:14px}.engage-dialog{max-height:calc(100dvh - 24px)}.engage-top{padding-block:8px}}

@media(pointer:coarse){.fields input,.fields textarea,.fields select,.engage-body .fields input,.engage-body .fields textarea,.engage-body .fields select,.newsletter-input>input{font-size:16px}.signal-row button,.skyline-controls button,.filters button,.skyline-footer button,.dialog-close{min-height:44px}.dialog-close{width:44px;height:44px}}

/* Two-line wordmark preserves the established navigation footprint. */
.logo-wordmark{display:flex;flex-direction:column;gap:5px;text-transform:uppercase;white-space:nowrap;line-height:.9}.logo-descriptor{font-size:11px;font-weight:500;letter-spacing:3px;line-height:1}.logo-symbol{flex-shrink:0}

/* Cal.com sizes its inline calendar to the available column. */
.consultation-calendar[data-provider="cal"] .scheduler-host{height:auto;min-height:520px;border:0;background:transparent}.consultation-calendar[data-provider="cal"] .scheduler-host iframe{min-height:520px}.consultation-calendar[data-provider="cal"] .calendar-status[hidden]{display:none}