:root{--navy:#14203a;--blue:#1b6fd1;--sky:#5aa9f0;--ink:#1b2a4a;--paper:#f8fafc;--muted:#64748b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:white;font-family:Inter,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:6px}button{color:inherit}h1,h2,h3,h4{font-family:Poppins,Arial,sans-serif;margin:0;font-weight:500;letter-spacing:-.055em}p{line-height:1.8}em{font-style:normal;color:var(--blue)}header{height:105px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;background:var(--navy);position:relative;z-index:5}.brand img{width:205px;height:auto;display:block}nav{display:flex;gap:35px;align-items:center;font-size:13px}nav>a:not(.nav-cta){color:#cbd5e1}nav a:hover{color:var(--sky)}.nav-cta{border:1px solid #ffffff55;padding:14px 19px;border-radius:4px}.nav-cta span{margin-left:25px}.menu{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:700px;padding:65px 5.5% 30px;gap:25px;overflow:hidden}.eyebrow,.section-label{font-size:10px;letter-spacing:.16em;font-weight:600}.eyebrow{display:flex;align-items:center;gap:9px;color:#cbd5e1;margin-bottom:27px}.eyebrow i,.live i{width:6px;height:6px;border-radius:50%;background:var(--sky)}h1{font-size:clamp(42px,4.5vw,72px);line-height:1.13}h1>span{color:var(--sky)}.hero-copy>p{font-size:14px;color:#aab8cf;margin:25px 0 29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;background:var(--blue);padding:18px 22px;border-radius:3px;font-size:12px;font-weight:600;color:white;transition:background .2s,transform .2s}.button:hover{background:#2e86de;transform:translateY(-2px)}.button span{font-size:20px}.hero-foot{display:flex;justify-content:space-between;max-width:520px;margin-top:60px;color:#92a2bd;font-size:8px;letter-spacing:.14em}.hero-foot a{color:#d8e2f3}.hero-foot a span{margin-left:13px}.machine{position:relative;min-height:510px;margin-top:10px;background:radial-gradient(ellipse at 55% 50%,#28466c66,transparent 67%)}.machine-top,.machine-bottom{position:absolute;left:5%;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#8d9db7}.machine-top{top:0}.live{display:flex;gap:8px;align-items:center}.machine-bottom{bottom:15px;display:block;line-height:2}.machine-bottom strong{display:block;font-size:12px;font-weight:400;color:#e0eafa}.coordinate{position:absolute;right:0;bottom:0}.orbit{position:absolute;border:1px solid #83b9ed14;border-radius:50%;width:380px;height:380px;top:70px;left:12%;transform:rotateX(40deg) rotate(-30deg)}.orbit-two{width:500px;height:500px;top:10px;left:0}.connections{position:absolute;width:100%;height:100%;overflow:visible}.connections path{stroke:#5aa9f060;stroke-width:1;fill:none;stroke-dasharray:5 5}.connections circle{fill:var(--sky)}.sculpture{position:absolute;left:23%;top:130px;width:280px;height:270px;display:flex;align-items:flex-end;gap:15px;transform:rotate(-9deg) skewY(-9deg)}.bar{position:relative;width:70px;background:linear-gradient(110deg,#4a99e9,#2264a5);border:1px solid #8ec7ff88;border-radius:7px 7px 2px 2px;box-shadow:14px 12px 0 #0e294b,15px 12px 0 1px #3b6597;display:flex;align-items:flex-end;padding:15px;font-size:21px;color:#ffffff99;transform-origin:bottom}.bar-one{height:100px}.bar-two{height:170px;background:linear-gradient(110deg,#76b8f5,#347bc5)}.bar-three{height:240px;background:linear-gradient(110deg,#f4faff,#a1c5e7);color:#24365c}.bar-three i{position:absolute;top:-54px;left:18px;width:35px;height:35px;border:10px solid #5aa9f0;border-radius:50%;box-shadow:0 0 35px #5aa9f066}.signal{position:absolute;padding:12px;background:#1d2e49;border:1px solid #51678366;border-radius:4px;font-size:9px;color:#699bd4;display:flex;gap:12px;box-shadow:0 15px 35px #0002}.signal span{color:#b2c2d9;letter-spacing:.07em}.signal b{font-weight:400}.signal-a{top:116px;left:0}.signal-b{right:-10px;top:270px}.signal-c{bottom:97px;left:4%}.capabilities{padding:27px 5.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff18;font-size:11px;letter-spacing:.1em;color:#c9d5e8}.capabilities b{font-size:22px;color:#5aa9f0}.light-section{background:var(--paper);color:var(--ink);padding:100px 7%}.section-label{color:var(--muted);margin-bottom:30px}.approach-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:center}h2{font-size:clamp(32px,3.4vw,52px);line-height:1.18}.approach-intro>p,.section-heading>p{color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:65px}.step-number{font-family:Poppins,sans-serif;font-size:45px;color:var(--blue);display:flex;justify-content:space-between;align-items:center}.step-number small{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.1em;color:#94a3b8}.step-line{height:1px;background:#cbd5e1;margin:13px 0 24px;transform-origin:left}.steps h3{font-size:22px;letter-spacing:-.035em}.steps p{color:var(--muted);font-size:13px}.work-section{padding-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}.project{border:0;text-align:left;display:block;overflow:hidden;width:100%;border-radius:5px;padding:0;transition:transform .3s}.project:hover{transform:translateY(-5px)}.project-tap{display:grid;grid-template-columns:1fr 1fr;background:#e8edf5;color:var(--ink);min-height:400px}.project-info{padding:40px}.project-tags{display:flex;gap:18px;font-size:8px;letter-spacing:.1em;color:var(--muted);margin-bottom:32px}.project-tags span:last-child{padding-left:12px;border-left:1px solid #9aabc0}.project h3{font-size:34px;line-height:1.15;letter-spacing:-.045em}.project p{font-size:13px;max-width:320px;color:var(--muted);margin:18px 0 25px}.project-link{display:flex;align-items:center;gap:30px;font-size:11px;font-weight:600}.project-link b{font-size:22px;font-weight:400}.tap-art{position:relative;min-height:380px;background:radial-gradient(circle at 50% 45%,#d4e1ef,transparent 65%)}.card-stack{position:absolute;width:260px;height:160px;left:50%;top:50%;border-radius:12px;transform:translate(-50%,-50%) rotate(-16deg);box-shadow:0 20px 45px #14203a22}.back{background:#bdcadd;transform:translate(-50%,-23%) rotate(-6deg)}.middle{background:#8097b7;transform:translate(-50%,-37%) rotate(-11deg)}.front{background:#1b2a4a;color:white;padding:23px;overflow:hidden}.tap-word{font-size:25px;font-weight:600;letter-spacing:-.05em;display:flex;justify-content:space-between}.tap-word>span{font-weight:400}.card-chip{font-size:24px;color:#9eb9d9;margin-top:12px}.card-caption{position:absolute;bottom:20px;left:23px;font-size:7px;letter-spacing:.2em}.card-rings{position:absolute;width:150px;height:150px;border:1px solid #5aa9f055;border-radius:50%;right:-50px;bottom:-80px;box-shadow:0 0 0 15px #5aa9f010,0 0 0 30px #5aa9f010}.tap-art small,.field-art>small,.council-art>small{position:absolute;bottom:20px;left:25px;font-size:7px;letter-spacing:.15em;color:#7a8fa8}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.field-project{background:#e7eeed;color:var(--ink)}.council-project{background:#e8ebf3;color:var(--ink)}.field-art,.council-art{height:260px;position:relative;overflow:hidden}.field-art{background:#dbe8e7}.map-grid{position:absolute;inset:-50%;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff88 40px 42px),repeating-linear-gradient(90deg,transparent 0 59px,#ffffff88 60px 62px);transform:rotate(-22deg)}.field-art svg{position:absolute;width:100%;height:100%;stroke:#418c85;fill:none;stroke-width:2;stroke-dasharray:5 5}.field-art circle{fill:#418c85;stroke:white;stroke-dasharray:none;stroke-width:4}.field-device{position:absolute;width:205px;background:#f8fafc;top:30px;right:15%;padding:17px;border-radius:10px;box-shadow:0 20px 45px #294a4430;transform:rotate(7deg)}.field-device>span{font-size:7px;letter-spacing:.12em;display:flex;justify-content:space-between;color:#64867d}.field-device h4{font-size:19px;margin:22px 0 18px;line-height:1.2}.field-device>div{font-size:8px;padding:10px 0;border-top:1px solid #dbe4e1}.field-device i{display:inline-block;width:6px;height:6px;border:1px solid #418c85;margin-right:8px;border-radius:50%}.council-art{background:#1a2540}.world-grid{position:absolute;inset:-80%;background:linear-gradient(#91a7dc18 1px,transparent 1px),linear-gradient(90deg,#91a7dc18 1px,transparent 1px);background-size:35px 35px;transform:perspective(250px) rotateX(50deg) rotateZ(-30deg)}.council-center{position:absolute;top:82px;left:44%;width:75px;height:75px;background:#5774a4;border:1px solid #b4c9ee;box-shadow:10px 10px #344967;transform:rotate(-9deg);display:grid;place-content:center;text-align:center;font-size:24px;letter-spacing:.1em;color:white}.council-center span{font-size:8px;letter-spacing:.25em}.agent{position:absolute;display:flex;flex-direction:column;align-items:center;gap:13px}.agent i{width:19px;height:29px;border-radius:7px 7px 3px 3px;background:#97b5e0;box-shadow:5px 4px #4c678f}.agent span{color:#b0c4e5;font-size:7px;letter-spacing:.13em}.agent-one{top:57px;left:21%}.agent-two{top:145px;right:17%}.agent-three{top:180px;left:29%}.services{padding:100px 7%;background:#1b2a4a}.services .section-label{color:#8fa3c2}.services-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.services h2{font-size:40px}.services em{color:var(--sky)}.services p{color:#a9b9d3;font-size:13px;margin:25px 0}.text-link{font-size:12px;display:inline-block;border-bottom:1px solid #788eaf;padding:8px 0}.service-list details{border-top:1px solid #ffffff22}.service-list details:last-child{border-bottom:1px solid #ffffff22}.service-list summary{padding:24px 0;list-style:none;display:flex;align-items:center;gap:20px;cursor:pointer;font-size:16px;letter-spacing:-.025em}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font-size:9px;color:#8fa3c2}.service-list summary b{margin-left:auto;font-size:22px;font-weight:400}.service-list details[open] b{transform:rotate(45deg)}.service-list details p{margin:0 0 25px 32px;max-width:350px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-art{background:#e7eef8;min-height:370px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.outline-letter{font-size:150px;color:#1b6fd1;font-family:Poppins,sans-serif;font-weight:600;transform:translateY(30px)}.outline-letter.second{color:#6099d7;transform:translateY(0)}.outline-letter.third{color:#aac9ea;transform:translateY(-30px)}.art-caption{position:absolute;bottom:28px;font-size:8px;letter-spacing:.18em;color:#4d6b90}.about p{font-size:13px;color:var(--muted);margin-top:23px}.studio-signature{display:block;margin-top:30px;font-size:11px;line-height:1.8;color:var(--muted)}.studio-signature strong{color:var(--blue);font-weight:500}.contact{text-align:center;padding:100px 5% 90px;background:#dfeaf8;color:var(--ink)}.contact .section-label{font-size:9px}.contact>p{font-size:13px;color:var(--muted);margin-bottom:22px}.contact h2{font-size:clamp(45px,6.5vw,90px);line-height:1.06}.contact .button{margin-top:35px}.prototype-note{display:block;margin-top:22px;font-size:8px;letter-spacing:.12em;color:#64748b}footer{padding:35px 5.5%;display:flex;justify-content:space-between;align-items:center}footer .brand img{width:165px}footer>span{font-size:8px;letter-spacing:.15em;color:#8a9bb7}footer>a:last-child{font-size:11px;color:#c4d0e2}dialog{border:0;border-radius:7px;width:min(740px,90vw);padding:65px 55px;color:var(--ink);background:var(--paper);max-height:85vh;overflow:auto}dialog::backdrop{background:#071022bf;backdrop-filter:blur(7px)}dialog h2{font-size:38px;margin-bottom:23px}dialog p{color:var(--muted);font-size:14px}.close-dialog{position:absolute;right:18px;top:12px;border:0;background:none;color:var(--ink);font-size:32px}.dialog-meta{display:flex;gap:10px;margin-top:30px}.dialog-meta span{padding:8px 12px;background:#e8f1fc;font-size:10px;color:var(--blue)}.transition-screen{position:fixed;inset:0;pointer-events:none;display:flex;z-index:20}.transition-screen span{width:33.333%;height:100%;background:#1b6fd1;transform:translateY(100%)}.transition-screen span:nth-child(2){background:#2e86de}.transition-screen span:nth-child(3){background:#5aa9f0}.skip{position:fixed;left:10px;top:-60px;z-index:50;background:white;color:var(--ink);padding:10px}.skip:focus{top:10px}@media(min-width:1550px){header,.hero,.capabilities,footer{padding-left:max(5.5%,calc((100vw - 1400px)/2));padding-right:max(5.5%,calc((100vw - 1400px)/2))}.light-section,.services{padding-left:max(7%,calc((100vw - 1300px)/2));padding-right:max(7%,calc((100vw - 1300px)/2))}}@media(max-width:1000px){nav{gap:18px}.hero{grid-template-columns:1.1fr 1fr;padding-top:50px;min-height:650px}h1{font-size:45px}.sculpture{left:15%;transform:scale(.8) rotate(-9deg) skewY(-9deg)}.signal-b{right:-15px;font-size:7px}.hero-foot{gap:20px;font-size:7px}.approach-intro,.services-layout,.about-layout{gap:40px}.services h2{font-size:32px}.project-info{padding:30px}.card-stack{width:220px;height:145px}.steps{gap:30px}.project h3{font-size:29px}}@media(max-width:900px){header{height:82px}.brand img{width:165px}.menu{display:block;background:none;border:0;font-size:24px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#1b2a4a;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{display:block;padding:40px 6% 25px}.eyebrow{font-size:8px}h1{font-size:43px}.hero-copy>p{font-size:12px}.hero-foot{margin-top:30px}.machine{min-height:450px;margin-top:40px}.sculpture{left:22%;top:85px}.signal-a{top:90px}.signal-b{top:220px;right:0}.signal-c{bottom:80px}.orbit{left:5%;width:300px;height:300px}.orbit-two{left:-10%;width:390px;height:390px}.capabilities{gap:17px;flex-wrap:wrap;justify-content:center;font-size:8px;padding:20px}.capabilities b{font-size:16px}.capabilities b:last-child{display:none}.light-section,.services{padding:60px 7%}.section-label{font-size:8px;margin-bottom:24px}.approach-intro,.services-layout,.about-layout{grid-template-columns:1fr;gap:25px}h2{font-size:32px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps article{display:grid;grid-template-columns:45px 1fr;column-gap:20px}.step-number{grid-row:1/4;display:block;font-size:35px}.step-number small{display:block;font-size:8px}.step-line{margin:0 0 18px}.steps h3{font-size:20px}.steps p{margin-bottom:0}.section-heading{display:block}.section-heading>p{font-size:12px}.project-tap{grid-template-columns:1fr}.tap-art{grid-row:1;min-height:280px}.project-info{padding:28px}.project-tags{margin-bottom:22px}.project-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.project h3{font-size:30px}.project p{max-width:none}.services-layout{gap:40px}.service-list summary{font-size:15px}.about-art{min-height:280px}.outline-letter{font-size:120px}.about-layout{gap:35px}.contact{padding:65px 7%}.contact>p{font-size:12px}.contact h2{font-size:48px}footer{flex-wrap:wrap;gap:25px}footer>span{display:none}dialog{padding:55px 27px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* ISR / engineered light */
:root{--navy:#080f20;--paper:#0b1427;--ink:#e4edff;--muted:#91a4c2;--blue:#3a8aff;--sky:#74c9ff}body{background:#080f20}.hero{position:relative;background:radial-gradient(ellipse at 78% 40%,#112c4d88,transparent 52%),#080f20;min-height:740px}.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#87cfff05 1px,transparent 1px),linear-gradient(90deg,#87cfff05 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.hero-copy{position:relative;z-index:1}.hero h1{font-weight:500;letter-spacing:-.065em}.hero h1>span{background:linear-gradient(110deg,#90e2ff,#5a92f7 70%);background-clip:text;-webkit-text-fill-color:transparent}header{background:#080f20}.nav-cta{border-color:#6ebeff55}.button{background:#316fe0;box-shadow:inset 0 1px #c1e3ff44,0 0 25px #2e86de16}.eyebrow i,.live i{box-shadow:0 0 12px #74c9ff}.machine{min-height:565px;margin-top:0;background:none;isolation:isolate}.machine .orbit,.machine .connections,.machine .sculpture,.machine .signal{display:none}#system-canvas{position:absolute;width:115%;height:100%;left:-7.5%;top:-20px;z-index:-1}.machine-top{top:5px;font-family:monospace;font-size:9px}.machine-bottom{bottom:8px;font-family:monospace}.machine-bottom strong{color:#b6dcff}.system-controls{position:absolute;bottom:86px;left:3%;right:0;display:flex;border:1px solid #5aa9f032;background:#0b192c99;backdrop-filter:blur(8px)}.system-controls button{flex:1;padding:14px 2px;border:0;border-right:1px solid #5aa9f025;background:transparent;color:#7d97ba;font-family:monospace;font-size:9px;letter-spacing:.03em}.system-controls button:last-child{border-right:0}.system-controls button.active{color:#b8e8ff;background:#235c9233;box-shadow:inset 0 -2px #74c9ff}.capabilities{background:#0c1729;color:#9bb6d7;font-size:9px}.light-section{background:#0b1427;color:#e4edff}.approach{border-top:1px solid #70b9ff20}.step-line{background:linear-gradient(90deg,#4a9be0,#4a9be011)}.step-number{color:#74c9ff}.steps h3{color:#e4edff}.section-label{font-family:monospace;color:#7e9bc0}.work-section{background:#080f20}.project{border:1px solid #78baff25;border-radius:2px;position:relative}.project:hover{box-shadow:0 0 45px #2e86de10;border-color:#78baff66}.project::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(450px circle at var(--mx,50%) var(--my,50%),#69baff0d,transparent 65%)}.project-tap{background:#102039;color:#e4edff}.project-info{position:relative;z-index:1}.project-tags{color:#7f9fc7}.project p{color:#92a9ca}.tap-art{background:radial-gradient(ellipse at 50% 50%,#274d7955,transparent 65%);perspective:900px}.card-stack{transition:transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 25px 50px #0006}.front{background:linear-gradient(125deg,#172c4c,#0b1529);border:1px solid #8dc8ff88}.project-tap:hover .front{transform:translate(-50%,-65%) rotate(-12deg) rotateY(-12deg)}.project-tap:hover .middle{transform:translate(-50%,-25%) rotate(-5deg)}.project-tap:hover .back{transform:translate(-50%,10%) rotate(3deg)}.field-project,.council-project{background:#101d32;color:#e4edff}.field-art{background:#0c2830}.map-grid{opacity:.15}.field-device{background:#112f39;border:1px solid #65cfcf66;color:#b3e7ec;box-shadow:0 20px 45px #0005;transition:transform .6s}.field-device>div{border-color:#75dada25}.field-device>span{color:#78bbc5}.field-project:hover .field-device{transform:rotate(0) translateY(-8px)}.council-art{background:#0c1329}.council-center{background:#193552;border-color:#69c7ff;color:#a2e3ff;box-shadow:10px 10px #0a1c33,0 0 40px #5aa9f030}.services{background:#0e1c32;border-top:1px solid #70b9ff20;border-bottom:1px solid #70b9ff20}.about-art{background:radial-gradient(ellipse,#193e5c,#0c1b2e);border:1px solid #70b9ff20}.outline-letter{color:transparent!important;-webkit-text-stroke:1px #74c9ff;text-shadow:0 0 60px #50a3ff33}.outline-letter.second{opacity:.7}.outline-letter.third{opacity:.4}.art-caption{color:#86b0d5}.contact{background:radial-gradient(ellipse at 50% 120%,#174c7a,#0b1528 65%);color:#e4edff;border-top:1px solid #70b9ff20;position:relative}.contact em{color:#74c9ff}.contact .prototype-note{color:#7e9bc0}dialog{background:#101d32;color:#e4edff;border:1px solid #70b9ff55;box-shadow:0 0 90px #3b8add22}.close-dialog{color:#e4edff}.dialog-meta span{background:#1a3655;color:#a1dcff}.system-story{height:230vh;min-height:1300px;position:relative;background:#080f20}.story-sticky{height:100vh;min-height:560px;position:sticky;top:0;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:60px 7%;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,#12304d66,transparent 55%)}.story-copy{position:relative;z-index:2}.story-copy .section-label{font-size:9px;margin-bottom:55px}.story-index{font-family:monospace;font-size:15px;color:#74c9ff;margin-bottom:20px}.story-index span{color:#435a7b;font-size:11px}.story-copy h2{font-size:clamp(35px,4vw,60px)}.story-copy p{max-width:360px;color:#91a4c2;font-size:14px;min-height:80px}.story-progress{max-width:350px;height:2px;background:#294363;margin-top:40px}.story-progress span{display:block;height:100%;background:#74c9ff;box-shadow:0 0 12px #74c9ff;transform-origin:left;transform:scaleX(0)}.story-stages{display:flex;justify-content:space-between;max-width:350px;margin-top:16px;font-size:8px;font-family:monospace;letter-spacing:.1em;color:#4e6585}.story-stages .active{color:#a4ddff}.story-visual{height:500px;position:relative}#story-canvas{width:120%;height:100%;position:absolute;left:-10%;top:0}.visual-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-family:monospace;font-size:7px;letter-spacing:.12em;color:#516d92}.service-list details[open]{background:linear-gradient(90deg,transparent,#244c7122)}@media(max-width:900px){.hero{min-height:0}.machine{min-height:450px}#system-canvas{top:-15px;width:115%}.system-controls{bottom:75px}.system-controls button{font-size:8px;padding:14px 0}.machine-bottom{bottom:0}.system-story{height:200vh;min-height:1100px}.story-sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:55px 7% 25px;min-height:650px;align-items:start}.story-copy .section-label{margin-bottom:25px;font-size:8px}.story-index{margin-bottom:12px}.story-copy h2{font-size:35px}.story-copy p{font-size:12px;min-height:65px;margin-bottom:10px}.story-progress{margin-top:20px}.story-visual{height:100%;min-height:240px}.visual-caption{font-size:6px}.capabilities{font-size:8px}.contact h2{font-size:46px}}@media(prefers-reduced-motion:reduce){.system-story{height:auto;min-height:0}.story-sticky{position:relative;height:auto;min-height:600px}.project-tap:hover .front,.project-tap:hover .middle,.project-tap:hover .back,.field-project:hover .field-device{transform:none}}
/* Purpose-built motion studies: reporting, service routes, council. */
.report-scene{padding:95px 7%;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;background:radial-gradient(ellipse at 75% 50%,#16426444,transparent 48%),#0a1425;border-top:1px solid #70b9ff20}.report-intro h2{font-size:clamp(30px,3.1vw,46px)}.report-intro h2 em{color:#74c9ff}.report-intro>p{max-width:380px;color:#91a4c2;font-size:13px}.replay-report{display:inline-flex;align-items:center;gap:13px;padding:13px 18px;border:1px solid #79c6ff55;background:#15345377;color:#b6e6ff;border-radius:3px;font-size:11px;margin-top:18px}.replay-report:hover{background:#224f7388}.replay-report>span{font-size:22px}.replay-report:disabled{cursor:progress;opacity:.6}.scene-disclaimer{display:block;font-size:7px;letter-spacing:.1em;color:#6d87aa;margin-top:20px}.report-machine{padding:25px;border:1px solid #78baff30;background:#0a172acc;position:relative;border-radius:5px;box-shadow:0 20px 70px #0002}.report-topline{display:flex;justify-content:space-between;gap:10px;font-family:monospace;font-size:8px;color:#6f91ba;margin-bottom:30px}.report-status{color:#97dcff;letter-spacing:0}.source-files{display:flex;gap:12px}.source-file{flex:1;padding:13px 10px;border:1px solid #75caff40;background:linear-gradient(135deg,#173450,#102238);position:relative;min-width:0}.source-file>span{font-family:monospace;font-size:7px;color:#8fb2d5;white-space:nowrap}.source-file>i{display:block;height:2px;background:#84b8df33;margin-top:9px;width:70%}.source-file>i:nth-child(3){width:50%}.source-file>b{position:absolute;bottom:10px;right:10px;font-size:12px;color:#70beee;font-weight:400}.report-flow{height:100px;position:relative}.report-flow svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#70c5ff44;stroke-width:1}.processing-core{position:absolute;left:50%;top:38px;transform:translateX(-50%);display:grid;place-items:center;width:43px;height:30px;background:#183b5c;border:1px solid #77d2ff77;font-family:monospace;font-size:10px;z-index:2;color:#bcecff;box-shadow:0 0 25px #4cbbff22}.report-pulse{position:absolute;width:5px;height:5px;background:#a1e7ff;box-shadow:0 0 10px #6cdbff;opacity:0;top:0;border-radius:50%}.p1{left:15%}.p2{left:50%}.p3{left:85%}.assembled-report{border:1px solid #7cc8ff55;background:linear-gradient(135deg,#173853,#11253d);padding:20px;box-shadow:0 20px 40px #0003}.report-paper-top{display:flex;justify-content:space-between;align-items:center;color:#b9ddf9;font-size:9px;font-family:monospace;letter-spacing:.1em}.report-paper-top>b{font-size:20px;color:#73cfff;font-weight:400}.report-paper-body{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:24px}.report-chart{height:85px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #6eaff455}.report-chart i{flex:1;height:var(--bar-height);background:linear-gradient(0deg,#2c71a8,#87ddff);border-top:1px solid #d3f4ff;transform-origin:bottom}.report-lines{padding-top:5px}.report-lines i{display:block;height:3px;width:100%;margin-bottom:11px;background:#83b4d444;transform-origin:left}.report-lines i:nth-child(2){width:65%}.report-lines i:nth-child(3){width:84%}.report-lines>span{display:block;font-size:6px;letter-spacing:.1em;color:#76a1c5;margin-top:16px}.report-complete{display:flex;align-items:center;gap:8px;border-top:1px solid #7bc6ff22;margin-top:20px;padding-top:14px;color:#a0e0e5;font-size:10px}.report-complete>span{display:grid;place-items:center;border:1px solid #7bdce277;border-radius:50%;width:15px;height:15px;font-size:8px}.report-complete small{margin-left:auto;font-size:6px;letter-spacing:.1em;color:#648cac}.report-timeline{display:flex;justify-content:space-between;margin-top:24px;font-size:7px;letter-spacing:.1em;font-family:monospace;color:#537396}.report-timeline .active{color:#a2e2ff;text-shadow:0 0 15px #6cdbff55}.service-engine{margin-top:35px;max-width:370px;padding:18px 20px;border:1px solid #71baff33;background:linear-gradient(135deg,#102b4777,#09182b55);position:relative}.workflow-top{display:flex;justify-content:space-between;gap:15px;font-size:7px;font-family:monospace;letter-spacing:.06em;color:#698fb6}.workflow-name{color:#a1d5fa}.workflow-wires{width:100%;height:100px;stroke:#74c9ff77;fill:none;stroke-width:1;stroke-dasharray:8 5}.workflow-stations{position:absolute;left:20px;right:20px;top:70px;display:flex;align-items:center;justify-content:space-between;font-family:monospace;font-size:8px;color:#b6e5ff}.workflow-stations>span:not(.workflow-core){background:#112b47;padding:9px;border:1px solid #5596cd66}.workflow-core{position:absolute;left:50%;transform:translateX(-50%);font-size:10px}.workflow-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;line-height:1.6;color:#779aba;gap:20px}.workflow-footer i{width:5px;height:5px;border-radius:50%;background:#7dd6ff;box-shadow:0 0 10px #7dd6ff;flex:none}.council-demo{margin-top:30px;padding:24px 20px;border:1px solid #71baff44;background:radial-gradient(ellipse,#1b3b5855,transparent),#09182a;position:relative}.council-demo-label{font-size:8px;font-family:monospace;color:#709bc3;letter-spacing:.08em}.council-arena{height:220px;position:relative}.council-routes{position:absolute;inset:0;width:100%;height:100%;stroke:#70c5ff33;fill:none;stroke-width:1}.council-routes path.selected-route{stroke:#8ae0ff;stroke-width:2;stroke-dasharray:8 7;filter:drop-shadow(0 0 4px #53b6ff)}.model-node{position:absolute;transform:translate(-50%,-50%);width:86px;height:50px;border:1px solid #4e84b166;background:#122c48;color:#84afd1;font-family:monospace;font-size:8px;line-height:1.8;letter-spacing:.06em;border-radius:3px;z-index:2}.model-node span{display:block;font-size:11px;color:#b0defa}.model-node[aria-pressed=true]{border-color:#8adfff;background:#214e6d;color:#ddf6ff;box-shadow:0 0 30px #5cbcff22}.model-node:nth-of-type(1){left:16%;top:52%}.model-node:nth-of-type(2){left:50%;top:18%}.model-node:nth-of-type(3){left:84%;top:52%}.council-hub{position:absolute;left:50%;top:72%;transform:translate(-50%,-50%) rotate(45deg);height:45px;width:45px;border:1px solid #7dcfff;background:#173d5a;display:grid;place-items:center;box-shadow:0 0 30px #5cbcff22}.council-hub span{transform:rotate(-45deg);font-family:monospace;font-size:9px;color:#b5e6ff}.council-message{font-size:11px!important;line-height:1.6!important;color:#a1c8e6!important;border-top:1px solid #71baff22;padding-top:14px;margin-bottom:0}.council-message strong{font-weight:500;color:#b7e9ff}.council-demo-note{display:block;font-size:7px;color:#6584a7;margin-top:12px}.council-demo .model-node:hover{border-color:#9de6ff}@media(max-width:1000px){.report-scene{gap:30px}.report-machine{padding:18px}.source-file>span{font-size:6px}.report-paper-body{gap:15px}.report-chart{gap:5px}}@media(max-width:900px){.report-scene{grid-template-columns:1fr;padding:60px 7%;gap:35px}.report-intro h2{font-size:32px}.report-intro>p{max-width:450px}.report-machine{width:100%;max-width:530px;justify-self:center}.report-topline{font-size:7px}.source-file>span{font-size:6px}.scene-disclaimer{font-size:6px}.service-engine{max-width:none}.council-demo{padding:18px 12px}.model-node{width:66px;font-size:6px}.model-node span{font-size:9px}.council-arena{height:190px}}
/* A fluid palette shared by the entire site; each service is its own world. */
:root{--theme-accent:#74c9ff;--theme-rgb:116,201,255;--theme-base:#080f20;--theme-surface:#101f35;--scene-hue:0deg;--sky:var(--theme-accent)}body,header,.light-section,.services,.work-section,.contact,.hero,.capabilities,.system-story,.story-sticky,footer,.report-scene,.project,dialog{transition:background-color 1000ms cubic-bezier(.22,1,.36,1),border-color 1000ms,color 800ms}body,header,footer,.work-section,.system-story{background-color:var(--theme-base)}.hero{background:radial-gradient(ellipse at 78% 40%,rgba(var(--theme-rgb),.11),transparent 52%),var(--theme-base)}.hero h1>span{background:linear-gradient(110deg,#edf7ff,var(--theme-accent) 70%);background-clip:text}.hero::before{opacity:.7}#system-canvas,#story-canvas,.tap-art,.field-art,.council-art,.report-machine,.about-art{filter:hue-rotate(var(--scene-hue));transition:filter 1100ms ease}.hero .button,.contact .button{background-color:var(--theme-surface);border:1px solid rgba(var(--theme-rgb),.5);color:var(--theme-accent);transition:background-color 800ms,color 800ms,transform 500ms cubic-bezier(.22,1,.36,1),box-shadow 800ms}.button:hover{box-shadow:0 0 35px rgba(var(--theme-rgb),.15)}.capabilities,.light-section,.services{background-color:var(--theme-surface)}.contact{background:radial-gradient(ellipse at 50% 120%,rgba(var(--theme-rgb),.18),transparent 65%),var(--theme-base)}.story-sticky{background:radial-gradient(ellipse at 72% 50%,rgba(var(--theme-rgb),.1),transparent 55%),var(--theme-base)}.report-scene{background:radial-gradient(ellipse at 75% 50%,rgba(var(--theme-rgb),.09),transparent 48%),var(--theme-base)}.report-intro h2 em,.contact em,.services em,.step-number,.studio-signature strong{color:var(--theme-accent);transition:color 800ms}em{color:var(--theme-accent)}.project-tap,.field-project,.council-project,dialog{background-color:var(--theme-surface)}.project{transition:transform 650ms cubic-bezier(.22,1,.36,1),box-shadow 650ms,border-color 700ms,background-color 1000ms}.system-controls button.active{color:var(--theme-accent);background:rgba(var(--theme-rgb),.1);box-shadow:inset 0 -2px var(--theme-accent);transition:all 800ms ease}.system-controls{border-color:rgba(var(--theme-rgb),.25)}.story-progress span{background:var(--theme-accent);box-shadow:0 0 12px rgba(var(--theme-rgb),.6);transition:background 800ms}.story-stages .active,.story-index{color:var(--theme-accent)}.step-line{background:linear-gradient(90deg,var(--theme-accent),rgba(var(--theme-rgb),.04))}.nav-cta{border-color:rgba(var(--theme-rgb),.3);transition:border-color 800ms}.capabilities b{color:var(--theme-accent)}.replay-report{color:var(--theme-accent);border-color:rgba(var(--theme-rgb),.35);background:rgba(var(--theme-rgb),.08);transition:all 600ms}.service-showcase{padding:100px 7%;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 82% 55%,rgba(var(--theme-rgb),.06),transparent 55%)}.service-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:48px}.service-heading h2{font-size:clamp(32px,3.5vw,50px)}.service-heading>p{font-size:12px;line-height:1.8;color:#a0afc5;max-width:220px;margin:0 0 7px}.service-explorer{display:grid;grid-template-columns:280px minmax(0,1fr);gap:45px;align-items:start}.service-tabs{display:flex;flex-direction:column;gap:3px;padding-top:12px}.service-tabs button{width:100%;text-align:left;display:flex;align-items:center;gap:17px;border:1px solid transparent;border-bottom-color:#ffffff12;background:transparent;padding:23px 17px;color:#9baac0;font-size:13px;position:relative;transition:background-color 650ms,border-color 650ms,color 650ms}.service-tab-number{font-size:9px;font-family:monospace;color:#8190a7}.service-tabs b{font-weight:400;margin-left:auto;font-size:18px;opacity:0;transform:translate(-6px,6px);transition:opacity 600ms,transform 650ms cubic-bezier(.22,1,.36,1)}.service-tabs button:hover{background:#ffffff05;color:#e8efff}.service-tabs button[aria-selected=true]{border-color:rgba(var(--theme-rgb),.35);background:rgba(var(--theme-rgb),.07);color:#edf5ff}.service-tabs button[aria-selected=true] .service-tab-number{color:var(--theme-accent)}.service-tabs button[aria-selected=true] b{opacity:1;transform:translate(0,0);color:var(--theme-accent)}.service-display{border:1px solid rgba(var(--theme-rgb),.3);border-radius:7px;background:linear-gradient(145deg,rgba(var(--theme-rgb),.045),transparent),var(--theme-base);min-width:0;overflow:hidden;box-shadow:0 25px 90px #0002;transition:background-color 1s,border-color 1s,box-shadow 1s}.service-display-top{padding:24px 25px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font:8px monospace;letter-spacing:.08em;color:#94a6bd;min-height:40px}.theme-indicator{display:flex;align-items:center;gap:7px;color:var(--theme-accent);white-space:nowrap;transition:color 800ms}.theme-indicator i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.service-stage{position:relative;aspect-ratio:620/340;isolation:isolate;color:var(--theme-accent);transition:color 850ms;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:38px 38px;margin:10px 0 0}.service-art{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);filter:blur(4px);transition:opacity 650ms cubic-bezier(.22,1,.36,1),transform 850ms cubic-bezier(.22,1,.36,1),filter 650ms,visibility 650ms;overflow:visible}.service-art.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);filter:blur(0)}.service-art .glass{fill:var(--theme-surface);stroke:currentColor;stroke-opacity:.6;stroke-width:1}.service-art .tint{fill:currentColor;fill-opacity:.09;stroke:currentColor;stroke-opacity:.2}.service-art .outline{fill:none;stroke:currentColor;stroke-opacity:.45}.service-art .fine{fill:none;stroke:currentColor;stroke-opacity:.18;stroke-width:1}.service-art .bright-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-art .data-line{fill:none;stroke:currentColor;stroke-opacity:.3;stroke-width:3;stroke-linecap:round}.service-art .accent{fill:currentColor}.service-art .dim-fill{fill:currentColor;opacity:.3}.service-art .micro{font:8px monospace;fill:currentColor;letter-spacing:.06em;opacity:.75}.service-art .caption{font:11px Inter,sans-serif;fill:#eaf3ff}.service-art .scene-orbit{stroke:currentColor;stroke-opacity:.12;fill:none;stroke-width:1}.service-art .badge-bg{fill:var(--theme-surface);stroke:currentColor;stroke-opacity:.4}.service-art .route{fill:none;stroke:currentColor;stroke-opacity:.45;stroke-width:1.5}.service-art .large-symbol{font:24px Inter,sans-serif;fill:currentColor}.service-art .web-headline{font:20px Poppins,sans-serif;fill:#eef5ff;letter-spacing:-.04em}.service-art .type-sample{font:45px Poppins,sans-serif;fill:currentColor}.service-art .scene-piece,.service-art .service-bars rect,.design-palette circle{transform-box:fill-box;transform-origin:center}.service-art .service-bars rect{transform-origin:center bottom;opacity:.7}.service-art .auto-packet{filter:drop-shadow(0 0 4px currentColor);opacity:0}.service-detail{padding:10px 28px 27px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;min-height:150px}.service-detail h3{font-size:23px;letter-spacing:-.04em;color:#edf4ff;line-height:1.3}.service-detail p{font-size:12px;line-height:1.8;color:#9eafc6;margin:12px 0 0;max-width:490px}.service-replay{border:1px solid rgba(var(--theme-rgb),.3);background:rgba(var(--theme-rgb),.05);color:var(--theme-accent);font-size:20px;display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:38px;border-radius:3px;padding:0 11px;transition:background 500ms,color 800ms;flex:none}.service-replay span{font:9px Inter,sans-serif}.service-replay:hover{background:rgba(var(--theme-rgb),.13)}.service-display-footer{border-top:1px solid rgba(var(--theme-rgb),.15);padding:17px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.service-display-footer>span{font:7px monospace;letter-spacing:.05em;color:#667c9b}.service-display-footer>a{font-size:10px;color:var(--theme-accent);transition:color 800ms}.service-display:focus-visible{outline:2px solid var(--theme-accent);outline-offset:5px}@media(max-width:1100px){.service-explorer{grid-template-columns:240px minmax(0,1fr);gap:25px}.service-tabs button{padding:22px 10px;gap:12px;font-size:12px}.service-detail{padding:10px 22px 24px}.service-detail h3{font-size:21px}.service-detail p{font-size:11px}.service-replay span{display:none}.service-display-top{font-size:7px;padding:20px 20px 0}.service-display-footer{padding:16px 22px}.service-display-footer>span{font-size:6px}}@media(max-width:900px){.service-showcase{padding:65px 7%}.service-heading{display:block;margin-bottom:25px}.service-heading>p{margin-top:18px;max-width:none}.service-explorer{grid-template-columns:1fr;gap:20px}.service-tabs{display:grid;grid-template-columns:1fr 1fr;padding-top:0;gap:6px}.service-tabs button{padding:15px 10px;font-size:11px;gap:8px;border-color:#ffffff12}.service-tabs button:last-child{grid-column:1/-1}.service-tabs b{font-size:14px}.service-display-top{font-size:6px;gap:10px;padding:18px 15px 0}.service-detail{padding:15px 20px 22px;min-height:155px;gap:12px}.service-detail h3{font-size:21px}.service-detail p{font-size:11px}.service-display-footer{padding:15px 20px;flex-direction:column;align-items:flex-start;gap:10px}.service-display-footer>span{font-size:6px}.service-stage{margin-top:20px}.service-tabs .service-tab-number{font-size:8px}.service-heading h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.service-art{transform:none;filter:none;transition:none!important}body,header,.light-section,.services,.work-section,.contact,.hero,.capabilities,.system-story,.story-sticky,footer,.report-scene,.project,dialog{transition:none!important}}
.service-art .glass,.service-art .badge-bg{transition:fill 850ms ease,stroke 850ms ease}.service-detail>div{min-width:0}.service-detail{min-height:165px}@media(max-width:900px){.service-detail{min-height:185px}}
/* A feathered left-to-right reveal keeps colour changes spatial and gentle. */
html.theme-wiping *,html.theme-wiping *::before,html.theme-wiping *::after{transition:none!important}
::view-transition{pointer-events:none}
::view-transition-group(root){animation-duration:1350ms}
::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}
::view-transition-old(root){animation:none;z-index:1}
::view-transition-new(root){animation:isr-theme-wipe 1350ms cubic-bezier(.4,0,.2,1) both;z-index:2}
@keyframes isr-theme-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@supports (mask-image:linear-gradient(to right,black,transparent)){
 ::view-transition-new(root){clip-path:none;mask-image:linear-gradient(to right,#000 45%,transparent 55%);mask-size:240% 100%;mask-repeat:no-repeat;animation-name:isr-soft-wipe}
 @keyframes isr-soft-wipe{from{mask-position:100% 0}to{mask-position:0 0}}
}
@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-new(root){animation:none!important}}
/* The engine and hero share one isometric drawing system. */
.story-visual{height:560px}.visual-caption{z-index:2;bottom:4px}
@media(max-width:900px){.story-visual{height:100%;min-height:280px}.story-sticky{padding-bottom:18px}}