.projects-section{background:var(--surface);padding:100px 0 85px}.project-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:45px 0 28px}.project-filters{display:flex;gap:7px;flex-wrap:wrap}.project-filters button{background:none;border:1px solid transparent;border-radius:3px;padding:10px 14px;font-size:12px;color:var(--ink-soft);transition:background .2s}.project-filters button:hover{background:#e7edf3}.project-filters button[aria-pressed="true"]{background:var(--ink);color:white}.project-count{font-size:12px;white-space:nowrap;color:var(--ink-soft)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}.project-card{display:flex;flex-direction:column;min-width:0;animation:card-enter .45s var(--ease) both}.project-open{background:none;text-align:left;padding:0;display:block;width:100%;height:100%;border-radius:3px}.project-visual{height:230px;overflow:hidden;position:relative;border-radius:4px;background:#e6edf4;isolation:isolate;display:flex;align-items:center;justify-content:center}.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.project-open:hover .project-visual>img{transform:scale(1.045)}.project-visual .scene-label{position:absolute;bottom:12px;right:14px;color:white;font-size:10px;text-shadow:0 1px 4px #000;z-index:3}.project-description{padding-top:19px}.project-description .case-category{color:var(--ink-soft);font-size:10px;letter-spacing:.5px}.project-title-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.project-title-line h3{font-size:19px;font-weight:600}.project-title-line>span{font-size:24px;transition:transform .3s var(--ease)}.project-open:hover .project-title-line>span{transform:translate(3px,-3px)}.project-description>p{font-size:12px;color:var(--ink-soft);margin-top:10px;line-height:1.9}.project-description .case-tags{display:flex;gap:12px;margin-top:15px;color:#677c8c;font-size:10px}.case-tags span{padding-bottom:3px;border-bottom:1px solid #ccd9e4}.visual-brand{background:#d7e5d9}.brand-display{position:absolute;inset:26px 28px -15px;border-radius:5px 5px 0 0;background:#f9fbf8;box-shadow:0 8px 28px #18352b12;transform:rotate(-5deg);transition:transform .6s var(--ease);overflow:hidden}.project-open:hover .brand-display{transform:rotate(-2deg) translateY(-4px)}.brand-display .mini-browser{height:18px;border-bottom:1px solid #e1e6df;display:flex;align-items:center;gap:3px;padding-left:8px}.mini-browser i{display:block;width:3px;height:3px;border-radius:50%;background:#c6d2c4}.brand-display>img{width:93px;height:32px;object-fit:contain;margin:22px 20px 0}.brand-sculpture{position:absolute;width:115px;height:125px;right:8px;bottom:14px;background:linear-gradient(135deg,#c8d4c7,#f2f6ee 50%,#b8c8b7);border-radius:20px;transform:rotate(-18deg);box-shadow:12px 17px 0 #a5bba380,inset 3px 3px 10px #fff9}.brand-display .brand-lines{width:70px;margin:20px}.brand-lines i{display:block;height:4px;background:#dce6d9;margin-top:7px}.brand-lines i:last-child{width:65%}.visual-energy{background:#102b41}.energy-chart{position:absolute;inset:26px 25px;color:#bdd5e9;display:flex;flex-direction:column}.energy-chart .energy-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.energy-chart img{height:24px;width:90px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.energy-bars{display:flex;align-items:flex-end;gap:9px;height:125px;border-bottom:1px solid #60809a55;padding:12px 0 0;margin-top:16px;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#5a78942b 31px,#5a78942b 32px)}.energy-bars i{display:block;flex:1;background:#75adff;min-height:10px;opacity:.8;transition:height .6s var(--ease);transform-origin:bottom}.energy-bars i:nth-child(3n){background:#99d2cf}.project-open:hover .energy-bars i{animation:bar-rise 1.4s ease-in-out alternate infinite}.energy-foot{font-size:9px;margin-top:13px;display:flex;justify-content:space-between;opacity:.7}.visual-vr{background:#262140}.visual-vr img{object-position:50% 40%}.visual-health img{object-position:50% 44%}.visual-image{background:#e5eafd}.visual-flow{background:#e4eeed}.visual-cognitive{background:#e8e9f4}.visual-commerce{background:#e7edf6}.visual-device{background:#e6ebee}.image-panels{display:flex;gap:14px;transform:rotate(-9deg);align-items:center}.image-panels>div{width:100px;height:112px;border:1px solid #8fa8d7;background:repeating-linear-gradient(0deg,#cedafa 0,#cedafa 7px,#bdd0f9 8px,#dfe8ff 9px);position:relative;box-shadow:8px 8px 0 #c2cff2}.image-panels>div:last-child{background:linear-gradient(135deg,#9eb6eb,#dbe4fa);transform:translateY(-7px)}.image-panels>div::after{content:"";position:absolute;inset:28px 15px;background:#6e8ed5;clip-path:polygon(0 100%,34% 20%,62% 70%,77% 45%,100% 100%)}.image-panels>span{font-size:20px;color:#6c8fca}.flow-visual{display:flex;align-items:center;gap:13px;position:relative}.flow-visual div{border:1px solid #adc6c3;width:62px;height:62px;display:grid;place-items:center;background:#f8fbf9;color:#567b77;font-size:12px;border-radius:50%}.flow-visual>span{color:#709791;font-size:22px}.cognitive-visual{display:grid;grid-template-columns:repeat(3,35px);gap:10px;transform:rotate(-12deg)}.cognitive-visual i{height:35px;border-radius:8px;border:1px solid #a1afd2;background:#f3f4fb}.cognitive-visual i:nth-child(2n){background:#b5c5eb}.cognitive-visual i:nth-child(4){background:#7da5e6}.device-visual{width:168px;height:91px;border-radius:14px;background:#253d51;box-shadow:7px 12px 0 #b3c1cc;position:relative;transform:rotate(-9deg)}.device-visual::before{content:"";position:absolute;left:26px;top:20px;width:49px;height:49px;border:7px solid #56778f;border-radius:50%;background:#102536;box-shadow:inset 0 0 0 6px #264c6d}.device-visual::after{content:"";position:absolute;right:22px;top:30px;width:41px;height:30px;background:#7196a1;border-radius:3px}.commerce-visual{display:grid;grid-template-columns:repeat(3,51px);gap:9px;transform:rotate(-9deg)}.commerce-visual i{display:block;height:69px;background:#f6f9fd;border:1px solid #b8c9e3;box-shadow:5px 6px 0 #c4d2e6}.commerce-visual i:nth-child(2){transform:translateY(-12px);background:#c4d8f5}.visual-illustration-label{position:absolute;right:12px;bottom:10px;color:#566b7d;font-size:9px}.visual-energy .visual-illustration-label{color:#a5bfd1}.more-projects{display:flex;justify-content:center;margin-top:40px}.button-outline{border:1px solid #bfcdda;background:transparent}.button-outline:hover{background:#e9eff5}.delivery-section{padding-block:106px}.delivery-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:54px 0 0;position:relative}.delivery-steps::before{content:"";position:absolute;top:20px;left:0;right:0;height:1px;background:var(--line)}.delivery-steps li{position:relative;padding-right:10px}.delivery-steps li>span{position:relative;background:white;padding:0 15px 0 0;font-size:22px;font-weight:300;color:#9aafbf}.delivery-steps h3{font-size:20px;margin-top:24px}.delivery-steps p{font-size:13px;color:var(--ink-soft);margin-top:13px}.delivery-assurance{display:grid;grid-template-columns:1fr 1fr 1.2fr;background:var(--surface);padding:30px;margin-top:50px;gap:35px;border-radius:4px}.delivery-assurance>div{position:relative;padding-left:32px}.assurance-symbol{position:absolute;left:0;top:-2px;color:var(--action);font-size:24px}.delivery-assurance h3{font-size:15px}.delivery-assurance p{font-size:12px;color:var(--ink-soft);margin-top:7px}.about-section{background:var(--surface);padding-block:96px}.about-layout{display:grid;grid-template-columns:.85fr 1fr;gap:95px;align-items:center}.about-photo{position:relative;height:580px;overflow:hidden;border-radius:3px}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo>span{position:absolute;bottom:15px;right:17px;font-size:10px;color:white;text-shadow:0 1px 5px #000}.about-copy h2{font-size:clamp(32px,3vw,43px);line-height:1.5;letter-spacing:-1px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--ink-soft);margin-top:22px}.engineering-tools{border-top:1px solid #cdd9e2;padding-top:21px;margin:28px 0 22px}.engineering-tools>span{font-size:12px;color:var(--ink-soft)}.engineering-tools p{font-size:14px;margin-top:9px;font-weight:500}.engineering-tools i{font-style:normal;padding:0 10px;color:#9aafbf}.contact-section{background:var(--dark);color:white;padding-block:84px 88px;position:relative;overflow:hidden}.contact-section::after{content:"";position:absolute;right:-10%;top:-150px;width:600px;height:600px;border:1px solid #75adff18;border-radius:50%;box-shadow:0 0 0 65px #75adff06,0 0 0 130px #75adff05;pointer-events:none}.contact-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;position:relative;z-index:1}.contact-kicker{font-size:13px;letter-spacing:1px;color:#a9c5dd;margin-bottom:21px}.contact-inner h2{font-size:clamp(32px,3.4vw,46px);line-height:1.5}.contact-inner>div>p:not(.contact-kicker){font-size:13px;color:#b2c8da;margin-top:22px}.button-white{color:var(--ink);background:white;margin-top:30px}.button-white:hover{background:#e6effc}.contact-details{padding-left:30px;min-width:0}.contact-details>span{font-size:12px;color:#b2c8da}.contact-details h3{font-size:24px;margin:16px 0 19px}.contact-phone{font-size:31px;letter-spacing:-.5px;display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #7e9bb44d}.contact-phone span{font-size:23px}.contact-email{display:flex;justify-content:space-between;gap:12px;font-size:16px;margin-top:20px;overflow-wrap:anywhere}.contact-email span{font-size:20px;flex-shrink:0}.contact-details>p{font-size:12px;color:#b2c8da;margin-top:22px}.site-footer{display:grid;grid-template-columns:200px 1fr 40px;gap:32px;align-items:center;padding-top:38px;padding-bottom:25px}.footer-brand img{width:145px}.site-footer>div p{font-size:12px;color:var(--ink-soft)}.site-footer>div p+p{font-size:11px;margin-top:5px}.back-top{font-size:24px;width:36px;height:36px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%}.copyright{grid-column:1/-1;font-size:9px;letter-spacing:1px;color:#778a9a;border-top:1px solid var(--line);padding-top:20px}.detail-dialog,.contact-dialog{border:0;padding:0;color:var(--ink);border-radius:8px;max-height:88dvh;width:min(720px,calc(100% - 36px));box-shadow:0 32px 120px #04152255;overflow:auto}.detail-dialog::backdrop,.contact-dialog::backdrop{background:#04162499;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:18px;top:16px;z-index:6;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ink);font-size:26px;box-shadow:0 2px 10px #102b4110;display:grid;place-items:center;line-height:1}.detail-dialog .project-visual{height:260px;border-radius:0}.detail-body{padding:32px 40px 38px}.dialog-eyebrow{font-size:12px;color:var(--ink-soft);margin-bottom:12px}.detail-body h2{font-size:30px;letter-spacing:-.5px}.detail-client{font-size:13px;color:var(--ink-soft);margin-top:9px}.detail-body>p:not(.dialog-eyebrow):not(.detail-client){font-size:14px;margin-top:25px;color:var(--ink-soft)}.detail-body h3{font-size:16px;margin-top:27px}.detail-body ul{font-size:14px;color:var(--ink-soft);padding-left:20px;line-height:2;margin:12px 0}.detail-capability{padding-top:20px;margin-top:23px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft)}.detail-capability strong{display:block;color:var(--ink);font-size:15px;margin-top:7px;font-weight:500}.detail-body .text-link{margin-top:20px}.contact-dialog{padding:38px 40px}.contact-dialog h2{font-size:29px;letter-spacing:-.5px}.dialog-intro{font-size:13px;color:var(--ink-soft);margin-top:17px}.dialog-intro a{text-decoration:underline}#inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}#inquiry-form label{font-size:12px;display:flex;flex-direction:column;gap:8px}#inquiry-form label:nth-child(3),#inquiry-form label:nth-child(4){grid-column:1/-1}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd7e1;border-radius:4px;background:#fff;color:var(--ink);font-size:14px;line-height:1.7}textarea{resize:vertical}#inquiry-form .button{grid-column:1/-1}#inquiry-form .form-status{grid-column:1/-1;margin-top:-9px;font-size:12px;color:#466582}.form-status:empty{display:none}#email-draft{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}#email-draft>p{font-size:12px;color:var(--ink-soft);margin-bottom:12px}.draft-actions{display:flex;justify-content:space-between;margin-top:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);z-index:100;background:var(--ink);color:white;border-radius:5px;padding:12px 20px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px)}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.js-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-ready .reveal.is-visible{opacity:1;transform:none}.value-grid>.reveal:nth-child(2){transition-delay:.12s}@keyframes card-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-rise{from{transform:scaleY(.9)}to{transform:scaleY(1.05)}}
