.project-preview{grid-column:1/-1;margin:0;position:relative;overflow:hidden;background:#182321;color:#d7e1d6}.portfolio-entry.has-preview{gap:35px 60px}.interface-preview{padding:35px 35px 0;background:#ccd1c6}.interface-preview img{display:block;width:100%;height:auto;max-height:580px;object-fit:cover;object-position:top;box-shadow:0 12px 40px #17251d25;transition:transform .7s}.interface-preview a:hover img{transform:translateY(-4px)}.project-preview figcaption{padding:16px 22px;font-size:8px;line-height:1.8;color:#91a18d;letter-spacing:.3px}.interface-preview figcaption{color:#5d7056;padding:18px 0;display:flex;justify-content:space-between;gap:20px}.interface-preview figcaption>a{border-bottom:1px solid #94a18c}.preview-topline{position:absolute;left:25px;right:25px;top:23px;display:flex;justify-content:space-between;font:8px 'DM Sans';letter-spacing:1.6px;color:#a7b7a1;z-index:1;pointer-events:none}.project-preview canvas{display:block;width:100%;height:420px}.terrain-preview canvas{cursor:grab;touch-action:pan-y}.terrain-preview canvas:active{cursor:grabbing}.preview-controls,.wifi-controls{padding:0 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#a4b59a}.preview-controls button,.wifi-controls button{width:auto;display:inline-block;background:transparent;border:1px solid #52664b;color:#c4d4b9;padding:10px 16px;font-size:9px;cursor:pointer;white-space:nowrap}.preview-controls button:hover,.wifi-controls button:hover{background:#33412d}.wifi-controls{flex-wrap:wrap}.wifi-controls label{display:flex;align-items:center;gap:15px;font-size:8px;white-space:nowrap}.wifi-controls input{width:110px;padding:0;margin:0;accent-color:#b7cba3}.wifi-controls>span{font:8px monospace;color:#829977}.signal-live{display:flex;gap:8px;align-items:center}.signal-live i{width:4px;height:4px;border-radius:50%;background:#bed6a4}.case-link{display:inline-block;margin-top:23px;font-size:9px;color:#566d4e;border-bottom:1px solid #9cac91;padding-bottom:7px}.case-page{background:#eae8e1;color:#303a34}.case-page header{position:relative;background:#17201c;height:100px}.case-page header .logo{color:#edf0e9}.case-page header .nav-contact{margin-left:auto}.case-main{padding:70px 8% 90px;max-width:1500px;margin:auto}.case-main .back-link{font-size:10px;color:#718269}.case-main .eyebrow{margin:55px 0 25px}.case-main h1{position:static;margin:0 0 25px;font:400 clamp(35px,5vw,72px)/1.2 'Manrope';color:#2e3c2c;letter-spacing:-2px;animation:none}.case-lead{font-size:17px;line-height:1.8;max-width:760px;color:#6d7e65}.case-main .project-preview{margin-top:45px}.case-copy{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-top:55px;border-top:1px solid #c0c8b7;padding-top:40px}.case-copy h2{font:400 22px 'Manrope';letter-spacing:-.5px}.case-copy p{font-size:13px;line-height:1.95;color:#75866c;max-width:650px;margin-bottom:20px}.case-main .case-cta{display:inline-block;border-bottom:1px solid #98aa8a;margin-top:35px;padding-bottom:10px;font-size:12px}.case-page .demo-control{width:auto}.case-page footer{margin:0}
@media(max-width:600px){.portfolio-entry.has-preview{gap:28px}.interface-preview{padding:12px 12px 0}.interface-preview figcaption{font-size:7px;display:block}.interface-preview figcaption>a{display:inline-block;margin-top:8px}.project-preview canvas{height:300px}.preview-topline{left:16px;right:16px;top:18px;font-size:6px;letter-spacing:1px}.preview-controls,.wifi-controls{padding:0 15px;gap:14px;font-size:7px}.preview-controls button,.wifi-controls button{font-size:8px;padding:9px 11px}.wifi-controls label{font-size:7px;gap:8px}.wifi-controls input{width:75px}.wifi-controls>span{display:none}.project-preview figcaption{font-size:7px;padding:14px 15px}.interface-preview figcaption{padding:14px 0}.case-main{padding:40px 7% 60px}.case-main .eyebrow{margin-top:35px}.case-main h1{font-size:35px;letter-spacing:-1px}.case-lead{font-size:14px}.case-copy{grid-template-columns:1fr;gap:20px;margin-top:35px;padding-top:28px}.case-copy p{font-size:12px}.case-page header{height:85px}.case-page header .nav-contact{font-size:8px}}

.contact-email{display:inline-block;margin-top:15px;padding-bottom:4px;border-bottom:1px solid #9eae93;font-size:13px;color:#52674a}

.wifi-preview{background:#071118;border:1px solid #263f49}.wifi-preview .preview-topline{color:#8cb1bf;font-family:monospace;font-size:8px}.wifi-preview .signal-live i{background:#8dc6d5;box-shadow:0 0 7px #8dc6d555}.wifi-preview .wifi-controls{padding-top:12px;border-top:1px solid #1f3943;color:#7d9ba8}.wifi-preview .wifi-controls button{border-color:#355560;color:#accbd6;font-family:monospace}.wifi-preview .wifi-controls button:hover{background:#16313c}.wifi-preview input{accent-color:#85b4c7}.wifi-preview figcaption{color:#597b89}.wifi-preview .wifi-controls>span{color:#668c9b}.wifi-preview canvas{height:440px}.terrain-preview{background:#102733}.terrain-preview .preview-topline{color:#a6bec6}.terrain-preview .preview-controls{color:#8faeb9}.terrain-preview button{color:#c6dce2;border-color:#4d717d}.terrain-preview button:hover{background:#294a57}.terrain-preview figcaption{color:#7e9eaa}.terrain-preview canvas{height:455px}@media(max-width:600px){.wifi-preview canvas{height:330px}.terrain-preview canvas{height:350px}.wifi-preview .preview-topline{font-size:6px;letter-spacing:.4px}.wifi-preview .wifi-controls{gap:10px;padding-top:10px}}

.terrain-atlas{height:455px;position:relative;overflow:hidden;background:#041219}.terrain-atlas>img{height:90%;width:auto;max-width:60%;object-fit:contain;position:absolute;top:6%;left:48%;filter:brightness(1.35);transition:transform 1s}.atlas-caption{position:absolute;left:6%;top:27%;display:flex;flex-direction:column;gap:24px;color:#94b3be}.atlas-caption>span{font:7px/1.9 monospace;letter-spacing:1.4px}.atlas-caption>strong{font:400 30px/1.2 'Manrope';letter-spacing:-.8px;color:#c0d1d5}.atlas-compass{position:absolute;right:6%;bottom:12%;font:11px/1.7 monospace;color:#aac6ce;text-align:center}.terrain-buttons{display:flex;gap:10px}.project-preview canvas[hidden],.terrain-atlas[hidden],.terrain-buttons button[hidden]{display:none}.terrain-preview .preview-controls{padding-top:12px;border-top:1px solid #26434d}.terrain-preview figcaption{font-size:7px}@media(max-width:600px){.terrain-atlas{height:350px}.terrain-atlas>img{height:87%;left:38%;max-width:60%;top:8%}.atlas-caption{left:6%;top:30%;gap:16px;max-width:35%}.atlas-caption>strong{font-size:18px}.atlas-caption>span{font-size:5px;letter-spacing:.5px}.terrain-buttons{gap:5px}.terrain-buttons button{font-size:7px;padding:8px}.atlas-compass{right:7%;bottom:9%}.terrain-preview figcaption{font-size:6px}.terrain-preview .preview-controls>span{max-width:130px}}

.more-projects{margin-top:45px}.more-projects-heading{padding:35px 0 30px}.more-projects-heading h3{font:400 30px 'Manrope';letter-spacing:-1px;margin-top:20px}.more-project{padding:0;border-top:1px solid #bdc5b7}.more-project:last-child{border-bottom:1px solid #bdc5b7}.more-project>summary{padding:25px 0;display:flex;align-items:center;gap:30px;list-style:none}.more-project-number{font-size:8px;color:#7c8975}.more-project-name{font:400 22px 'Manrope';letter-spacing:-.5px}.more-project-name small{display:block;font:8px 'DM Sans';letter-spacing:.3px;color:#83907c;margin-top:8px}.more-project>summary>b{font-size:18px;font-weight:400;margin-left:auto;transition:transform .3s}.more-project[open]>summary>b{transform:rotate(45deg)}.more-project-body{padding:0 0 30px 45px;max-width:750px}.more-project-body p{padding:0;font-size:12px;line-height:1.9;color:#75866c;margin:0 0 15px}.more-project-body .more-project-stage{font-size:10px;color:#87947f}.more-project-body .case-link{margin-top:5px}@media(max-width:600px){.more-project-name{font-size:19px}.more-project>summary{gap:18px}.more-project-body{padding-left:28px}.more-project-body p{font-size:11px}.more-projects-heading h3{font-size:25px}}