/* A white instrument enclosure. Existing page typography and artwork remain. */
:root{--console-ink:#20355a;--console-teal:#11efe3;--console-edge:#dce2e7;--console-top:110px;--console-bottom:74px;--console-rail:33px;--console-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-padding-block:calc(var(--console-top) + 22px) calc(var(--console-bottom) + 20px);scrollbar-gutter:stable;background:#edf0f2}
body.console-preview{margin:0;padding:var(--console-top) var(--console-rail) var(--console-bottom);background:#fff;color:var(--console-ink);min-width:320px;isolation:isolate}
.console-preview *{box-sizing:border-box}
.console-preview #console-content{position:relative;min-height:calc(100svh - var(--console-top) - var(--console-bottom));background:#fff;overflow:clip}
.console-preview .console-header,.console-preview .console-footer,.console-preview .console-casing{font-family:Inter,Arial,sans-serif}
.console-casing{position:fixed;inset:0;pointer-events:none;z-index:900;border:1px solid #e2e6e9;box-shadow:inset 0 0 0 5px #f8f9fa,inset 0 0 0 6px #e4e8ec,inset 0 0 0 7px #fff}
.console-rail{position:absolute;top:92px;bottom:63px;width:var(--console-rail);background:linear-gradient(90deg,#f8f9fa,#fff 48%,#f1f3f4 91%,#dce1e5);box-shadow:inset 1px 0 #fff,inset -1px 0 #fff;overflow:hidden}
.console-rail--left{left:0;border-right:1px solid #e0e5ea}
.console-rail--right{right:0;transform:scaleX(-1);border-right:1px solid #e0e5ea}
.rail-track{position:absolute;top:56px;bottom:132px;width:5px;right:8px;background:#ebeff1;border:1px solid #dde3e7;box-shadow:inset 1px 0 2px #ccd4da,inset -1px 0 #fff}
.rail-track:after{content:"";position:absolute;inset:2px 0 35%;background:linear-gradient(#a8b8bf00,#9aafba30,#a8b8bf00)}
.rail-light{position:absolute;right:9px;top:20%;height:58px;width:3px;background:#36d8cb;box-shadow:0 0 8px #11efe34d;opacity:.6;transform:translateY(0);animation:rail-drift 14s ease-in-out infinite}
.console-rail--right .rail-light{top:62%;animation-delay:-6s}
.rail-fastener{position:absolute;left:12px;width:9px;height:9px;border-radius:50%;background:linear-gradient(140deg,#fff,#e0e6eb);border:1px solid #d4dce2;box-shadow:0 1px 1px #fff,inset 0 1px 1px #c7cfd5}
.rail-fastener:after{content:"";position:absolute;top:3px;left:2px;width:3px;height:1px;background:#94a2ae;transform:rotate(-40deg)}
.rail-fastener--top{top:22px}.rail-fastener--bottom{bottom:24px}
.rail-vents{position:absolute;left:11px;bottom:65px;width:12px;height:40px;background:repeating-linear-gradient(0deg,#9dabb133 0 1px,transparent 1px 5px);border-inline:1px solid #fff}
.console-corner{position:absolute;z-index:2;width:45px;height:45px;background:linear-gradient(145deg,#fff,#f2f4f5);filter:drop-shadow(0 1px 1px #b8c2cb);clip-path:polygon(0 0,100% 0,100% 55%,55% 100%,0 100%)}
.console-corner:after{content:"";position:absolute;inset:9px;border-top:1px solid #c9d3db;border-left:1px solid #c9d3db}
.console-corner--tl{left:0;top:88px}.console-corner--tr{right:0;top:88px;transform:scaleX(-1)}
.console-corner--bl{left:0;bottom:59px;transform:scaleY(-1)}.console-corner--br{right:0;bottom:59px;transform:scale(-1)}
.console-header{position:fixed;z-index:1000;inset:0 0 auto;height:var(--console-top);padding:9px 14px 0;background:linear-gradient(#f7f8f9 0,#fff 65%,#f7f9fa 65%);filter:drop-shadow(0 5px 8px #20355a0b)}
.console-header__face{height:80px;display:flex;align-items:center;gap:18px;padding:0 22px 0 25px;border:1px solid #dbe2e8;box-shadow:inset 0 1px 0 2px #fff,0 1px 2px #20355a0d;background:linear-gradient(110deg,#fff 0%,#fcfdfd 39%,#f5f7f8 100%);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,23px 100%,0 calc(100% - 23px));position:relative}
.console-header__face:before{content:"";position:absolute;height:2px;top:0;left:26px;right:24px;background:linear-gradient(90deg,#11efe300,#8ce9e3 14%,#8ce9e300 42%)}
.console-brand{flex:none;min-width:228px;text-decoration:none!important;display:grid;gap:5px;color:#20355a!important;line-height:1}
.console-brand__mark{font-weight:800;letter-spacing:-1.4px;font-size:27px}.console-brand__mark>span{font-weight:500;color:#5e7da9;letter-spacing:-1.5px}
.console-brand__caption{font-size:8px;font-weight:500;color:#6c7b8c;letter-spacing:.1em;text-transform:uppercase}
.console-header__joint{display:flex;gap:3px;align-items:center;height:31px;padding:5px 16px 5px 1px;border-right:1px solid #d8dfe4;box-shadow:1px 0 #fff;margin-right:auto;transform:skewX(-15deg)}
.console-header__joint i{height:21px;width:3px;background:#e3e8eb;box-shadow:inset 0 1px 2px #bdc7ce,inset -1px 0 #fff}
.console-nav{display:flex;align-items:center;gap:5px}
.console-nav>a{position:relative;text-decoration:none!important;color:#455871!important;font-size:11px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:19px;min-height:43px;padding:0 15px;border:1px solid transparent;border-radius:3px;background:transparent;transition:background-color .2s,box-shadow .2s,border-color .2s}
.console-nav>a:before{content:"";position:absolute;width:3px;height:3px;left:8px;bottom:7px;background:#bed0d6;opacity:0;transition:opacity .2s}
.console-nav>a.is-current{background:linear-gradient(#f8fafb,#f1f5f7);border-color:#dbe3e8;box-shadow:inset 0 1px 2px #20355a0a,0 1px #fff;color:#20355a!important}
.console-nav>a.is-current:before{opacity:1;background:#087f7b}
.console-nav .console-nav__contact{margin-left:8px;color:#20355a!important;border-color:#d3dce3;background:linear-gradient(#fff,#f3f6f8);box-shadow:0 3px 4px #20355a0a,inset 0 1px #fff}
.console-nav__contact span{font-size:17px;color:#087f7b}
.console-power-unit{padding-left:20px;margin-left:8px;border-left:1px solid #d9e0e6;box-shadow:inset 1px 0 #fff;display:flex;align-items:center;gap:14px}
.console-status{display:flex;align-items:center;gap:7px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#647786;white-space:nowrap}
.console-status i,.console-footer__dot{width:4px;height:4px;border-radius:50%;background:#08a59c;box-shadow:0 0 6px #11efe344}
.console-power{position:relative;flex:none;display:grid;place-items:center;width:45px;height:45px;padding:0;border:1px solid #cfd9e0;border-radius:50%;color:#087f7b;background:linear-gradient(145deg,#fff,#edf2f4);box-shadow:0 4px 5px #20355a16,0 1px 1px #fff,inset 0 0 0 4px #f8fafb,inset 0 0 0 5px #e1e8ec;cursor:pointer;transition:box-shadow .2s,transform .2s,color .2s}
.console-power svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.console-power:after{content:"";position:absolute;inset:3px;border:1px solid #fff;border-radius:50%}
.console-power:active{transform:translateY(1px);box-shadow:inset 0 3px 6px #20355a17,inset 0 0 0 4px #f5f8fa}
.console-header__underlay{height:20px;position:relative;display:flex;align-items:start;gap:7px;padding:0 26px;color:#ced7df}
.console-header__underlay>span{height:10px;flex:1;border-bottom:1px solid #d7dfe5;transform:skewX(-45deg);box-shadow:0 1px #fff}
.console-header__underlay>span:last-child{flex:3;transform:skewX(45deg)}
.console-header__underlay i{width:28px;height:6px;background:#d8e0e5;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,6px 100%);border-top:1px solid #fff}
.console-header__underlay i:nth-child(2){background:#75d8d1;box-shadow:0 2px 4px #11efe333}
.console-footer{position:fixed;z-index:1000;inset:auto 0 0;height:var(--console-bottom);padding:0 15px 9px;background:linear-gradient(0deg,#f5f7f8,#fff 73%,transparent 73%);filter:drop-shadow(0 -4px 8px #20355a06)}
.console-footer__upper{height:15px;display:flex;gap:19px;align-items:end;padding-inline:25px}
.console-footer__upper>span{flex:1;border-top:1px solid #dbe2e7;height:10px;transform:skew(40deg);box-shadow:0 1px #fff}.console-footer__upper>span:last-child{transform:skew(-40deg)}
.console-footer__upper>div{display:flex;gap:4px;padding-bottom:3px}.console-footer__upper i{width:3px;height:4px;background:#c6d0d8;box-shadow:0 1px #fff}
.console-footer__face{height:50px;display:flex;align-items:center;padding:0 24px;gap:30px;border:1px solid #dce3e8;background:linear-gradient(#fff,#f7f9fa);box-shadow:inset 0 1px #fff,0 1px 2px #20355a08;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%,0 22px)}
.console-footer__home{color:#20355a!important;text-decoration:none!important;display:flex;align-items:center;gap:10px;font-weight:650;font-size:10px;white-space:nowrap}.console-footer__home #console-location{font-weight:400;color:#6a7b8c}.console-footer__slash{color:#b5c1ca;font-weight:400}
.console-footer__progress{position:relative;flex:1;max-width:150px;height:3px;border:1px solid #e4e9ed;background:#edf1f3;box-shadow:0 1px #fff}.console-footer__progress span{display:block;height:1px;background:#087f7b;width:0;transition:width .2s linear}
.console-preview-label{font-size:8px;font-weight:500;color:#83909b;letter-spacing:.1em;text-transform:uppercase;margin-left:auto}
.console-footer__talk{display:flex;align-items:center;gap:25px;height:32px;padding-left:24px;color:#20355a!important;font-weight:550;font-size:10px;text-decoration:none!important;border-left:1px solid #dce3e8;box-shadow:inset 1px 0 #fff}
.console-footer__talk svg{width:19px;height:19px;stroke:#087f7b;stroke-width:1.4}
.console-skip{position:fixed;z-index:2000;top:9px;left:40px;padding:12px 18px;background:#fff;border:2px solid #087f7b;color:#20355a;transform:translateY(-180%)}.console-skip:focus{transform:none}
.console-header a:focus-visible,.console-footer a:focus-visible,.console-power:focus-visible{outline:2px solid #087f7b;outline-offset:4px}
.console-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.console-preview .uxav2 .shell{max-width:1180px;width:calc(100% - 120px)}
.console-preview .uxav2 .home-opening{padding-top:57px;padding-bottom:90px}
.console-preview .uxav2 .home-opening__grid{padding-top:65px;gap:clamp(35px,5vw,76px)}
.console-preview .uxav2 .home-opening h1{font-size:clamp(36px,4.15vw,64px)}
.console-preview .uxav2 :is(#top,#selected-work,#approach,#services,#contact){scroll-margin-top:calc(var(--console-top) + 26px)}
.console-preview .home-opening__mesh{opacity:.85}
.console-preview #contact{margin-bottom:60px}
.console-standby .rail-light{animation-play-state:paused;opacity:.14}
.console-standby .console-status i,.console-standby .console-footer__dot{background:#a3afb8;box-shadow:none}
.console-standby .console-power{color:#7c8a98;box-shadow:inset 0 2px 5px #20355a16,inset 0 0 0 4px #f8fafb}
.console-standby .console-header__underlay i:nth-child(2){background:#cad6dc}
.console-standby .home-opening__mesh{opacity:.14;transition:opacity .5s}
.console-standby .hero-color-blob{animation-play-state:paused!important}
@media(hover:hover){.console-nav>a:hover{background:#f8fafb;border-color:#d9e2e9;box-shadow:0 3px 7px #20355a0b}.console-power:hover{color:#057b75;box-shadow:0 3px 7px #20355a1a,inset 0 0 0 4px #f5fcfb,inset 0 0 0 5px #b8e3de}.console-footer a:hover{color:#087f7b!important}}
@keyframes rail-drift{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(48px);opacity:.7}}
@media(min-width:1550px){.console-header__face{padding-inline:39px}.console-header__joint{margin-right:auto}.console-nav>a{font-size:12px;padding-inline:20px}.console-power-unit{margin-left:22px;padding-left:26px}.console-brand{min-width:260px}.console-preview .uxav2 .home-opening{padding-top:80px}.console-preview .uxav2 .home-opening__grid{padding-top:78px}}
@media(max-width:1180px){.console-brand{min-width:170px}.console-brand__caption{font-size:6.5px}.console-header__joint{display:none}.console-nav{margin-left:auto}.console-nav>a{padding-inline:10px;font-size:10px}.console-power-unit{padding-left:12px;gap:9px;margin-left:0}.console-status{display:none}.console-header__face{padding-inline:20px}.console-preview .uxav2 .shell{width:calc(100% - 80px)}}
@media(max-width:880px){:root{--console-rail:21px}.console-brand{min-width:140px}.console-brand__mark{font-size:24px}.console-brand__caption{font-size:6px;letter-spacing:.04em}.console-nav>a{font-size:9px;padding-inline:8px}.console-nav .console-nav__contact{margin-left:0}.console-power-unit{border:0;padding-left:0}.console-power{height:39px;width:39px}.console-header__face{gap:10px}.console-preview .uxav2 .home-opening__grid{padding-top:44px}.console-preview .uxav2 .shell{width:calc(100% - 64px)}.rail-fastener{left:6px}.rail-vents{left:5px}.rail-track{right:4px}.rail-light{right:5px}}
@media(max-width:700px){:root{--console-top:123px;--console-bottom:62px;--console-rail:10px}.console-header{padding:5px 6px 0}.console-header__face{height:99px;display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 41px;padding:0 12px;gap:0;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,14px 100%,0 calc(100% - 14px))}.console-brand{min-width:0;gap:4px}.console-brand__mark{font-size:23px}.console-brand__caption{font-size:6px;letter-spacing:.09em}.console-power-unit{grid-column:2;grid-row:1;padding-right:3px}.console-power{width:34px;height:34px}.console-power svg{width:16px;height:16px}.console-nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;border-top:1px solid #e1e6eb;gap:0;padding:0}.console-nav>a{min-height:38px;font-size:9px;padding:0 7px;border-radius:1px}.console-nav>a:before{left:5px;bottom:4px;width:2px;height:2px}.console-nav .console-nav__contact{gap:7px;background:transparent;border-color:transparent;box-shadow:none}.console-nav__contact span{font-size:13px}.console-header__underlay{height:18px;padding-inline:12px;gap:4px}.console-header__underlay i{width:20px;height:5px}.console-header__underlay>span{height:8px}.console-rail{top:104px;bottom:54px}.rail-fastener,.rail-vents{display:none}.rail-track{width:2px;right:3px;top:24px;bottom:22px}.rail-light{width:1px;right:3px;height:32px}.console-corner{width:22px;height:22px}.console-corner--tl,.console-corner--tr{top:104px}.console-corner--bl,.console-corner--br{bottom:50px}.console-corner:after{inset:5px}.console-footer{padding:0 6px 5px}.console-footer__upper{height:12px;padding-inline:14px;gap:10px}.console-footer__upper>div{gap:3px}.console-footer__upper i{width:2px;height:3px}.console-footer__face{height:45px;padding-inline:15px;gap:10px;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%,0 13px)}.console-footer__home{font-size:8px;gap:7px}.console-footer__home #console-location{max-width:90px;overflow:hidden;text-overflow:ellipsis}.console-footer__progress,.console-preview-label{display:none}.console-footer__talk{margin-left:auto;font-size:9px;padding-left:12px;gap:13px;height:30px}.console-footer__talk svg{width:16px;height:16px}.console-preview .uxav2 .shell{width:calc(100% - 36px);max-width:none}.console-preview .uxav2 .home-opening{padding-top:29px;padding-bottom:48px}.console-preview .uxav2 .home-opening__grid{padding-top:30px;gap:24px}.console-preview .uxav2 .home-opening h1{font-size:clamp(33px,8.6vw,47px)}.console-preview .uxav2 .home-opening__details{max-width:none}.console-preview #contact{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rail-light{animation:none}.console-preview .hero-color-blob{animation:none!important}.console-header *,.console-footer *{transition:none!important}}
