/* Zeigtech systems lab: original technical visual direction. */
:root{--bg:#080c14;--ink:#edf3fa;--muted:#9aabbd;--line:#23303f;--lime:#6ee7e5;--dark:#0b121e}html{scroll-padding-top:95px}body{background:#080c14;color:var(--ink);background-image:radial-gradient(ellipse at 90% 2%,#16325355,transparent 35%),radial-gradient(ellipse at 0% 40%,#20194a25,transparent 40%)}body:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:1000px;background-image:linear-gradient(#46648212 1px,transparent 1px),linear-gradient(90deg,#46648212 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(black,transparent)}.skip-link{position:fixed;top:-80px;left:20px;z-index:1000;padding:14px;background:#6ee7e5;color:#08121c}.skip-link:focus{top:12px}header{position:sticky;top:0;z-index:30;max-width:none;background:#080d16e8;backdrop-filter:blur(20px);padding:20px max(5%,calc((100vw - 1296px)/2));border-bottom:1px solid #56678125}header .brand{font-size:25px;letter-spacing:-1px}.brandmark{color:#99f2f1;background:#142837;border:1px solid #3b6570;border-radius:9px;width:35px;height:35px;line-height:32px;font-size:24px}.brandmark span{font-size:11px}nav{gap:28px;font-size:11px;color:#bdc9d5}nav a:hover{color:#76eeed}.header-tag{border:1px solid #2e4e5b;border-radius:20px;padding:9px 14px;color:#d1e3ea;font-size:10px}.header-tag span{font-size:16px;color:#6ee7e5}.hero{padding-top:35px;position:relative}.hero-top .eyebrow{color:#99c7d6}.eyebrow i{background:#6ee7e5;box-shadow:0 0 9px #6ee7e540}.edition{font-size:8px;color:#71859c;letter-spacing:1.2px}.hero-grid{grid-template-columns:1.08fr 1fr;gap:3%;padding:65px 0 55px}.hero h1{font-size:clamp(46px,5.4vw,80px);line-height:1.07;font-weight:600;letter-spacing:-4.5px;margin-bottom:28px}.hero h1 em{font-family:Manrope,Arial;font-style:normal;background:linear-gradient(110deg,#a1f4f2,#6aa7ff 70%,#b29cff);color:transparent;background-clip:text;-webkit-background-clip:text;letter-spacing:-4.5px}.hero-copy{font-size:16px;line-height:1.8;max-width:390px;color:#9dafc4}.pill{background:#84e9e6;color:#07111b;border:1px solid #b0f8ed80;padding:14px 22px;font-weight:600;box-shadow:0 3px 26px #57d2d218;transition:transform .2s,box-shadow .2s}.pill span{color:#112a37}.pill:hover{background:#b1fcf3;box-shadow:0 5px 30px #57d2d237;transform:translateY(-2px)}.hero-foot{border-color:#294051;font-size:9px;color:#7691a9;letter-spacing:1.4px;padding:20px 0}.hero-foot span:before{content:"";display:inline-block;width:4px;height:4px;background:#5896b2;margin-right:10px;transform:rotate(45deg)}.hero-foot a{color:#6ee7e5}.visual-lab{background:linear-gradient(145deg,#111e2e,#090f1c 70%);border:1px solid #38576b;border-radius:14px;box-shadow:0 25px 90px #0007,0 0 70px #3683b012;transform:none;padding:0;overflow:hidden;position:relative}.lab-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;border-bottom:1px solid #263b50;font-family:monospace;font-size:8px;letter-spacing:1.2px;color:#8db5c5}.lab-top>span:first-child{display:flex;align-items:center;gap:7px}.lab-top i{width:5px;height:5px;background:#6ee7e5;border-radius:50%;box-shadow:0 0 12px #6ee7e5}.lab-top>span:last-child{font-size:7px;color:#5d778f}.canvas-stage{height:330px;position:relative;background:radial-gradient(ellipse at center,#113c5140,transparent 70%)}#system-canvas{width:100%;height:100%;display:block}.canvas-corner{position:absolute;width:18px;height:18px;pointer-events:none}.top-left{left:20px;top:18px;border-left:1px solid #4d6f83;border-top:1px solid #4d6f83}.bottom-right{right:20px;bottom:20px;border-right:1px solid #4d6f83;border-bottom:1px solid #4d6f83}.axis-label{position:absolute;left:22px;bottom:22px;font-family:monospace;font-size:8px;color:#668aa0;line-height:1.2}.lab-coordinates{position:absolute;right:20px;top:20px;writing-mode:vertical-rl;font-family:monospace;font-size:7px;letter-spacing:2px;color:#547288}.lab-controls{display:flex;gap:5px;align-items:center;padding:0 15px 16px}.lab-controls button{padding:8px 10px;background:#0f1b2b;color:#8ca6bf;border:1px solid #2a4056;border-radius:6px;font-family:monospace;font-size:9px;white-space:nowrap}.lab-controls button.selected{color:#9ef5ed;background:#163b45;border-color:#3d7a85}.lab-controls button:hover{border-color:#6ee7e5;color:#cdfaf4}.lab-controls #motion-toggle{margin-left:auto;font-size:8px;background:none;border-color:transparent}.lab-description{padding:14px 18px 0;border-top:1px solid #263b50;font-size:9px;color:#b2cad5;display:flex;gap:10px;justify-content:space-between}.lab-description>span:last-child{font-family:monospace;font-size:6px;letter-spacing:1px;color:#5e829a;white-space:nowrap}.illustration-note{font-size:7px;padding:0 18px 15px;color:#718ba0;margin-top:8px}.section{padding-top:95px;padding-bottom:95px}.section-heading{gap:70px;margin-bottom:40px}.eyebrow{color:#76cbd7;font-size:9px;letter-spacing:1.7px}h2{font-size:52px;font-weight:500;letter-spacing:-2.5px}h2 em{font-family:Manrope,Arial;font-style:normal;color:#8cacc8}.section-heading>p{font-size:13px;color:#8da2b8}.filters{gap:7px;margin-bottom:30px}.filters button{border-color:#2b3d50;color:#8ca4ba;border-radius:7px;padding:10px 14px;font-size:10px;background:#0c1421}.filters button.active{background:#163340;border-color:#3e6879;color:#b1f0ef}.project{border:1px solid #263749;border-radius:12px;overflow:hidden;background:#0d1522;transition:border-color .25s,box-shadow .25s,transform .25s}.project:hover{border-color:#496a82;box-shadow:0 18px 60px #0003;transform:translateY(-3px)}.featured{grid-template-columns:1.4fr 1fr;margin-bottom:30px;border-color:#304959;background:linear-gradient(120deg,#101c2b,#0c1522)}.featured .project-art{height:400px}.project-grid{gap:30px}.project-info{padding:28px}.featured .project-info{padding:38px}.project-meta{font-size:8px;color:#7796ad;letter-spacing:1px}.status{border-color:#3a5264;color:#8cb2c5;background:#122535;font-size:7px}.project h3{font-size:31px;font-weight:500;color:#e3edf6;margin-top:20px}.project-description{font-size:13px;color:#92a7bd;line-height:1.9}.tags span{background:#172535;color:#93b2c9;border:1px solid #263d51;border-radius:4px;font-size:8px}.text-button{border-color:#2a3d50;font-size:11px;color:#b7ccd9}.text-button span{color:#77d9de}.text-button:hover{color:#8af8ed}.actual-suite{background:radial-gradient(ellipse at 85% 50%,#2c6a7766,transparent 60%),linear-gradient(140deg,#172c3d,#0d1c2a);gap:25px;padding:36px}.actual-suite>img{height:327px;border:5px solid #91b3c038;box-shadow:0 15px 40px #0007,0 0 30px #4bb6c51a;transform:rotate(5deg)}.real-work-label>span{color:#77b3c5}.real-work-label strong{font-size:30px;letter-spacing:-1px;color:#d6edf5}.real-work-label p{color:#88a7ba}.actual-suite .art-caption{color:#6e9db0}.actual-avcc{background:linear-gradient(130deg,#152b39,#0d1b28);padding:28px 28px 38px}.actual-avcc img{border:1px solid #486071;filter:drop-shadow(0 10px 15px #0005);border-radius:3px}.actual-avcc .art-caption{color:#7c9cad}.claim-art{background:radial-gradient(ellipse at 65% 50%,#65518f55,transparent 70%),#18172e}.north-mark{color:#9c9cc8;left:35px;top:30px}.claim-word{color:#c6c5eb}.document-art{background:#292640;box-shadow:0 15px 30px #0004;border:1px solid #5c547a}.document-art div{background:#555171}.document-art span{color:#aaa1c3}.supporting-work{border-color:#293c4b;background:#0c1421;margin-top:30px;padding:30px;border-radius:10px}.supporting-work h3{color:#d6e4ef}.supporting-work p{color:#8fa4b9}.inline-link{color:#84ddd9}.approach{background:linear-gradient(145deg,#101e2b,#0a1220);border-top:1px solid #263f51;border-bottom:1px solid #263f51;position:relative}.approach>.eyebrow{color:#80bacb}.approach h2 em{color:#76cdd2}.approach p{color:#95a8bb}.approach .large-copy{color:#d3e4ef;font-size:22px}.capabilities{gap:30px}.capabilities>div{border:1px solid #2a4052;background:#0c1725;padding:25px;border-radius:9px;position:relative;overflow:hidden;transition:border-color .25s}.capabilities>div:after{content:"";position:absolute;width:80px;height:80px;border:1px solid #5e94b21b;border-radius:50%;right:-28px;top:-29px}.capabilities>div:hover{border-color:#4b7186}.capabilities>div>span{color:#70dbdb}.capabilities h3{font-size:17px;margin-top:20px;color:#d6e5ee}.capabilities p{font-size:12px;line-height:1.85}.capability-state{color:#83a9ba;border-color:#355165;font-size:7px}.platform-band{border-color:#2b4155;margin-top:40px}.platform-band>span{color:#6f99ac}.platform-band li{border-color:#304c61;background:#101f30;color:#a7c3d6;font-size:10px;border-radius:5px}.platform-note{color:#7d98ae!important;font-size:10px!important;line-height:1.8!important}.about{gap:9%;padding-top:100px;padding-bottom:100px}.about h2{font-size:43px}.about p{color:#93a9bc;font-size:14px}.systems-signature{margin-top:40px;max-width:420px;padding:25px;border:1px solid #284559;border-radius:12px;background:radial-gradient(ellipse at 40% 50%,#18415344,transparent 70%),#0c1723}.systems-signature>span{font-family:monospace;font-size:7px;letter-spacing:1.5px;color:#5f8aa0}.systems-signature strong{display:flex;align-items:center;gap:18px;font-size:29px;letter-spacing:-1px;font-family:Manrope,Arial;font-weight:500;color:#9abfce;margin:28px 0}.signature-line{height:1px;background:linear-gradient(90deg,#417e94,#9ef3e6);flex:1;position:relative}.signature-line:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;background:#8de8e7;border-radius:50%;box-shadow:0 0 18px #86f5f4}.systems-signature>div{border-top:1px solid #234154;margin-top:22px;padding-top:18px;font-size:10px;color:#87a7b9;display:flex;align-items:center;gap:8px}.systems-signature i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#68cdc9}.service-areas{background:#0b1320;border-color:#263a4c}.service-areas h2 em{color:#82a8c4}.service-areas>.area-intro{color:#93a8bc}.area-grid>div{border-color:#2a4355}.area-grid span{color:#6faab9}.area-grid h3{color:#cedee9}.area-grid p{color:#8ba3b7}.area-note{color:#748fa4}.contact{background:radial-gradient(ellipse at 15% 80%,#1e576b44,transparent 65%),linear-gradient(125deg,#112332,#131a32);border-top:1px solid #335169;position:relative;max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}.contact h2{font-size:54px}.contact h2 em{color:#89dbe0}.contact p{color:#92adbf}.contact-email{color:#d3f3f4;border-color:#3c6575;font-size:30px}.contact-email span{color:#74e1de}.contact-action>.eyebrow{color:#689eae}.contact-action .pill{margin-top:20px}footer{background:#070c14;border-color:#23384a;gap:20px;padding-top:27px;padding-bottom:27px}footer .brand{font-size:24px}footer>span{color:#668296}footer p{color:#849cb1}footer small{color:#637f94}.footer-area-link{color:#83a7bd}dialog{background:#101a28;color:#e1edf4;border:1px solid #42647c;border-radius:12px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#020710d9;backdrop-filter:blur(10px)}dialog h2{color:#e2f0f7}dialog .large-copy{color:#b7d4e3}dialog p,dialog ul{color:#9ab0c3}dialog h3{color:#d0e8ee}.close{color:#b5d9e5}.detail-image img{border-color:#365065;background:#fff}.detail-image figcaption{color:#7c9bb1}button:focus-visible,a:focus-visible{outline:2px solid #86f1e8;outline-offset:5px}.project-art{isolation:isolate}@media(min-width:1600px){.hero-grid{padding-top:80px;padding-bottom:70px}.canvas-stage{height:360px}}@media(max-width:1050px){.hero h1,.hero h1 em{letter-spacing:-3px}.canvas-stage{height:290px}.lab-controls{gap:4px;padding-left:10px;padding-right:10px}.lab-controls button{font-size:8px;padding:7px}.lab-description>span:last-child{display:none}.real-work-label strong{font-size:25px}.actual-suite{padding:26px}.capabilities{gap:20px}.capabilities>div{padding:20px}.contact-email{font-size:25px}}@media(max-width:800px){header{padding:18px 5%}.hero-grid{grid-template-columns:1fr;gap:38px;padding:48px 0 38px}.hero h1{font-size:70px;max-width:650px}.hero-copy{max-width:480px}.visual-lab{max-width:650px;width:100%;justify-self:center}.canvas-stage{height:350px}.lab-controls button{font-size:9px;padding:8px 12px}.hero h1 br{display:block}.featured{grid-template-columns:1fr 1fr}.featured .project-info{padding:25px}.featured .project-art{height:400px}.actual-suite{flex-direction:column;justify-content:center;gap:10px}.real-work-label strong{font-size:20px;margin-top:8px}.real-work-label p{display:none}.actual-suite>img{height:240px;max-width:100%}.real-work-label{position:absolute;left:22px;top:22px;max-width:140px}.actual-suite>img{margin-top:60px;margin-left:65px}.capabilities{grid-template-columns:1fr 1fr}.about{gap:5%}.systems-signature{padding:20px}.systems-signature strong{font-size:23px;gap:10px}.contact-email{font-size:23px}}@media(max-width:650px){header{padding:17px 6%}.header-tag{display:none}header .brand{font-size:23px}nav{gap:13px!important;font-size:10px!important}.hero{padding-top:25px}.hero-grid{padding-top:35px;gap:33px}.hero h1,.hero h1 em{font-size:49px;letter-spacing:-2.8px}.hero-copy{font-size:14px;line-height:1.85;max-width:330px}.hero .pill{padding:13px 19px;font-size:11px}.hero-top .eyebrow{font-size:7px;letter-spacing:1.2px}.canvas-stage{height:270px}.visual-lab{border-radius:10px}.lab-top{padding:14px;font-size:7px}.lab-top>span:last-child{font-size:6px}.lab-controls{padding:0 10px 13px;gap:4px;flex-wrap:wrap}.lab-controls button{font-size:8px;padding:7px 8px}.lab-controls #motion-toggle{font-size:7px;padding:7px 4px}.lab-description{padding:12px 13px 0;font-size:8px}.illustration-note{padding:0 13px 12px;font-size:6px}.hero-foot{gap:14px;font-size:7px;letter-spacing:.4px;justify-content:flex-start}.hero-foot span:before{margin-right:6px;width:3px;height:3px}.hero-foot span{font-size:6px}.section{padding-top:60px;padding-bottom:60px}.section h2{font-size:39px;letter-spacing:-2px}.section-heading{margin-bottom:27px}.section-heading>p{font-size:12px;line-height:1.85}.project-grid{gap:25px}.featured{display:block;margin-bottom:25px}.featured .project-art{height:330px}.actual-suite{flex-direction:row;padding:25px;gap:25px}.real-work-label{position:static;max-width:45%}.real-work-label strong{font-size:27px;margin-top:20px}.real-work-label p{display:block;font-size:10px;line-height:1.8}.actual-suite>img{height:270px;max-width:45%;margin:0;border-width:4px}.actual-suite .art-caption{font-size:6px;left:25px}.project-info,.featured .project-info{padding:25px}.project h3{font-size:29px}.project-description{font-size:12px}.project-art{height:270px}.actual-avcc{padding:22px 20px 35px}.actual-avcc .art-caption{left:20px;font-size:6px}.project-meta{font-size:8px}.supporting-work{padding:24px;margin-top:25px}.supporting-work h3{font-size:23px}.supporting-work p{font-size:12px}.approach .large-copy{font-size:20px}.approach p{font-size:13px}.capabilities{grid-template-columns:1fr;gap:14px}.capabilities>div{padding:23px}.capabilities h3{font-size:18px;margin-top:18px}.capabilities p{font-size:12px}.capability-state{font-size:7px}.platform-band li{font-size:10px}.about{display:block}.systems-signature{max-width:100%;margin-top:25px;margin-bottom:35px}.systems-signature strong{font-size:32px}.about h2{font-size:36px}.about p{font-size:13px}.service-areas>h3{font-size:19px;line-height:1.5}.area-grid{gap:24px}.area-grid h3{font-size:18px}.area-note{font-size:10px}.contact{padding-left:6%;padding-right:6%}.contact h2{font-size:42px}.contact-email{font-size:25px}.contact p{font-size:13px}footer{gap:18px}.footer-area-link{font-size:10px}dialog{padding:36px 24px}dialog h2{font-size:31px}dialog .large-copy{font-size:18px}.phone-image img{max-height:430px}.lab-coordinates{font-size:6px}.axis-label{font-size:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.project:hover,.pill:hover{transform:none}}
.pillar-project{margin-top:30px;grid-template-columns:1fr 1.4fr;border-color:#574239;background:linear-gradient(120deg,#1c1920,#111923)}.pillar-project .project-info{order:0}.pillar-project .project-art{order:1}.pillar-art{background:radial-gradient(ellipse at 50% 40%,#6e361c45,transparent 70%),linear-gradient(140deg,#211a1b,#111722);display:flex;align-items:center;justify-content:center;padding:35px;flex-direction:column;gap:28px}.pillar-identity{display:flex;align-items:center;gap:14px;color:#f0c2a4}.pillar-identity svg{width:36px;height:55px}.pillar-identity>div{font-family:Manrope,Arial;font-size:23px;font-weight:600;letter-spacing:-.7px}.pillar-identity small{display:block;font-family:monospace;font-size:7px;color:#9e8279;letter-spacing:1.8px;margin-top:5px;font-weight:400}.pillar-flow{display:flex;align-items:center;gap:12px;width:100%;max-width:470px}.pillar-flow>div{flex:1;padding:20px 8px;border:1px solid #704f424f;background:#231d2377;border-radius:7px;text-align:center;color:#d8c6bc;font-size:11px}.pillar-flow>div>span{display:block;font-family:monospace;font-size:7px;color:#a77b67;letter-spacing:1px;margin-bottom:13px}.pillar-flow>i{height:1px;background:#9a6549;flex:0 0 16px;position:relative}.pillar-flow>i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;background:#dfa078;border-radius:50%}.pillar-art .art-caption{position:static;color:#9b7c6d;font-size:7px;text-align:center;line-height:1.7}.pillar-project .status{color:#d8ac90;border-color:#5f483d;background:#271f20}.pillar-project .tags span{background:#231f25;border-color:#4d3937;color:#bb9d8f}@media(max-width:800px){.pillar-project{grid-template-columns:1fr 1fr}.pillar-art{padding:22px}.pillar-flow{gap:7px}.pillar-flow>i{flex-basis:8px}.pillar-flow>div{font-size:9px;padding:18px 5px}.pillar-identity>div{font-size:20px}}@media(max-width:650px){.pillar-project{display:flex;flex-direction:column}.pillar-project .project-info{order:1}.pillar-project .project-art{order:0;width:100%;height:290px}.pillar-art{padding:25px;gap:25px}.pillar-flow>div{font-size:10px}.pillar-identity>div{font-size:24px}}