.device-stage{aspect-ratio:1.65;isolation:isolate;background:radial-gradient(at 70% 20%,#f5faf6,#d7e5dc);position:relative;overflow:hidden}.device-stage.headsup{background:radial-gradient(at 70% 20%,#fffaf0,#e6dac5)}.device-monitor{filter:drop-shadow(0 25px 20px #18251e20);width:73%;position:absolute;top:10%;left:14%}.device-screen{aspect-ratio:1.65;background:linear-gradient(135deg,#4d5050,#141717 55%,#636665);border:1px solid #7f8480;border-radius:10px 10px 0 0;padding:1.2%;overflow:hidden}.device-screen img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:4px;width:100%;height:100%;display:block}.device-chin{background:linear-gradient(100deg,#c2c7c7,#f0f1ef,#b5bbbb);border-radius:0 0 7px 7px;height:20px}.device-stem{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);background:linear-gradient(90deg,#a3aaaa,#e8eae7,#bcc2bf);width:15%;height:55px;margin:auto}.device-foot{background:linear-gradient(#e2e6e2,#969f9b);border-radius:70% 70% 4px 4px;width:30%;height:8px;margin:auto}.device-tablet{aspect-ratio:.82;background:#202624;border:1px solid #747e78;border-radius:13px;width:29%;padding:1%;position:absolute;bottom:9%;left:5%;transform:rotate(-6deg);box-shadow:0 20px 30px #1b2a252e}.device-tablet img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:6px;width:100%;height:100%}.device-phone{aspect-ratio:.48;background:#242927;border:2px solid #939b96;border-radius:24px;width:15%;padding:.6%;position:absolute;bottom:7%;right:7%;transform:rotate(6deg);box-shadow:0 18px 30px #10241e38}.device-phone-screen{background:#fff;border-radius:18px;width:100%;height:100%;overflow:hidden}.device-phone-screen img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.device-phone{aspect-ratio:.54}.device-tablet img{-o-object-fit:contain;object-fit:contain;background:#fff}.device-camera{z-index:2;background:#242927;border-radius:20px;width:28%;height:2.5%;position:absolute;top:2%;left:36%}.device-compact{aspect-ratio:auto;height:100%;min-height:220px}.device-compact .device-chin{height:10px}.device-compact .device-stem{height:25px}.device-compact .device-foot{height:5px}.device-compact .device-phone{border-radius:14px}.device-compact .device-phone-screen{border-radius:10px}.device-single .device-monitor{width:86%;top:10%;left:7%}.web-project .editorial-photo:not(.editorial-cover){background:#eceee8;border:1px solid #ddd;padding:24px}.web-project .editorial-photo:not(.editorial-cover) button{border:8px solid #282c29;border-radius:8px;overflow:hidden;box-shadow:0 12px 24px #17251d18}.web-project .editorial-feature img{-o-object-fit:contain;object-fit:contain;aspect-ratio:auto;height:auto}@media (width<=600px){.device-chin{height:10px}.device-stem{height:24px}.device-foot{height:5px}.device-phone{border-radius:13px}.device-phone-screen{border-radius:9px}.device-tablet{border-radius:8px}.device-stage{aspect-ratio:1.35}.device-monitor{top:14%}.web-project .editorial-photo:not(.editorial-cover){padding:12px}}.studio-cover{color:#202621;padding-top:45px;padding-bottom:60px}.studio-cover-top{color:#566157;justify-content:space-between;gap:20px;font-size:12px;display:flex}.studio-cover-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:80px;margin:40px 0;display:grid}.studio-cover-heading h1{font-family:var(--font-body);letter-spacing:-.025em;white-space:pre-line;font-size:clamp(58px,7.5vw,112px);font-weight:400;line-height:.98}.studio-cover-heading>div{max-width:420px;padding-bottom:8px}.studio-cover-heading p{margin-bottom:24px;font-size:17px;line-height:1.7}.studio-work{grid-template-columns:1.6fr 1fr;gap:18px;display:grid}.studio-work>a{background:#e9e9df;min-width:0;display:block;position:relative;overflow:hidden}.studio-digital .device-stage{aspect-ratio:1.5;height:100%}.studio-physical img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;position:absolute}.studio-work a>span{color:#26392c;background:#fbfaf2ed;justify-content:space-between;padding:16px 22px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.studio-work a:focus-visible{outline-offset:5px;outline:2px solid #285643}@media (width<=800px){.studio-cover-heading{grid-template-columns:1fr;gap:30px}.studio-cover-heading>div{max-width:600px}.studio-cover-top>p:last-child{display:none}.studio-work{grid-template-columns:1fr 1fr}.studio-digital .device-stage{aspect-ratio:.9}.studio-digital .device-monitor{width:88%;top:20%;left:6%}.studio-digital .device-tablet{bottom:23%}.studio-digital .device-phone{width:20%;bottom:20%}}@media (width<=500px){.studio-cover{padding-top:28px}.studio-cover-heading{margin:25px 0}.studio-work{grid-template-columns:1fr}.studio-digital .device-stage{aspect-ratio:1.35}.studio-physical{aspect-ratio:1.2}.studio-work a>span{font-size:11px}.studio-cover-heading h1{font-size:64px}}.service-lab,.lab-stage,.demo-browser{min-width:0;max-width:100%}.service-spotlight-grid>*,.service-spotlight>*{min-width:0}.service-lab svg{max-width:100%}.demo-browser{flex-shrink:1}.studio-cover-heading>*{min-width:0}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-grid>article{min-width:0}@media (width<=1000px){.focus-grid{grid-template-columns:minmax(0,1fr)}}.device-stage{container-type:inline-size}.device-page{color:#17382f;text-align:left;background:#fff;height:100%;font-family:Arial,sans-serif;line-height:1.35;overflow:hidden}.mini-nav{background:#fff;justify-content:space-between;align-items:center;height:15%;padding:3% 5%;font-size:1.2cqw;display:flex}.mini-nav span{font-size:.9cqw}.mini-hero{background:linear-gradient(120deg,#eef8fb,#d8eee1);grid-template-columns:1.2fr 1fr;align-items:center;gap:3%;height:72%;padding:6% 5%;display:grid}.mini-hero small{letter-spacing:.06em;margin-bottom:6%;font-size:.5cqw;display:block}.mini-hero strong{letter-spacing:-.02em;font-size:1.65cqw;line-height:1.1;display:block}.mini-hero em{color:#08766d;font-style:normal;display:block}.mini-hero p{margin:7% 0;font-size:.65cqw;line-height:1.4}.mini-cta{color:#fff;background:#08766d;border-radius:3px;padding:6% 9%;font-size:.6cqw;display:inline-block}.mini-art{border-radius:3px;height:85%;position:relative;overflow:hidden}.device-tablet .mini-art img,.device-phone .mini-art img{-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right;border-radius:0;width:260%;max-width:none;height:100%;position:absolute;top:0;right:0}.mini-info{padding:3% 5%;font-size:.6cqw}.mini-info p{margin:2% 0;font-size:.5cqw}.mini-headsup{color:#443b24}.mini-headsup .mini-hero{background:#ece0c4}.mini-headsup .mini-nav{color:#a48944}.mini-headsup .mini-cta{background:#b79a4d}.mini-phone .mini-nav{height:12%;padding:8%;font-size:1cqw}.mini-phone .mini-nav span{font-size:.7cqw}.mini-phone .mini-hero{height:72%;padding:10% 8%;display:block}.mini-phone .mini-hero strong{font-size:1.25cqw}.mini-phone .mini-hero small{margin:0 0 9%;font-size:.38cqw}.mini-phone .mini-hero p{font-size:.55cqw}.mini-phone .mini-cta{padding:7% 9%;font-size:.48cqw}.mini-phone .mini-art{height:32%;margin-top:12%}.mini-phone .mini-info{padding:8%;font-size:.55cqw}.mini-phone .mini-info p{font-size:.45cqw}.studio-cover-heading h1{color:#173f36}.studio-work>a{transition:box-shadow .35s}.studio-work>a:hover{box-shadow:0 18px 40px #173f361a}.studio-work .device-monitor{transition:transform .6s}.studio-work>a:hover .device-monitor{transform:translateY(-6px)}.studio-physical img{transition:transform .8s}.studio-physical:hover img{transform:scale(1.035)}@media (prefers-reduced-motion:no-preference){.studio-cover-heading{animation:.7s both studio-enter}.studio-work{animation:.9s .15s both studio-enter}@keyframes studio-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
