.project-shell{color:#242326;letter-spacing:0;max-width:1280px;margin:0 auto;padding:0 40px;animation:.5s both project-enter}.project-nav{border-bottom:1px solid #dddbe1;justify-content:space-between;align-items:center;gap:20px;height:96px;display:flex}.project-brand{align-items:center;gap:11px;text-decoration:none;display:flex}.project-brand img{object-fit:contain;width:34px;height:25px}.project-brand span{font-size:27px;font-weight:600;line-height:1}.project-back{color:#77717f;align-items:center;gap:9px;font-size:12px;text-decoration:none;transition:color .2s;display:inline-flex}.project-back:hover{color:#4600f9}.project-intro{justify-content:space-between;align-items:flex-end;gap:32px;padding:56px 0 30px;display:flex}.project-intro>div{min-width:0;max-width:710px}.project-eyebrow{color:#817989;margin-bottom:15px;font-size:10px;display:block}.project-intro h1{overflow-wrap:anywhere;margin:0;font-size:42px;font-weight:500;line-height:1.15}.project-intro p{color:#77717f;max-width:620px;margin:17px 0 0;font-size:16px;line-height:1.7}.project-visit{white-space:nowrap;color:#4600f9;background:#ffffff70;border:1px solid #dcd5e8;border-radius:999px;justify-content:center;align-items:center;gap:13px;padding:13px 20px;font-size:12px;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.project-visit:hover{background:#fff;transform:translateY(-2px)}.project-visit:active{transform:scale(.97)}.project-viewer{-webkit-backdrop-filter:blur(12px);background:#fff5;border:1px solid #fff;border-radius:12px;padding:0 14px 14px;overflow:hidden;box-shadow:inset 0 1px #fff,0 10px 30px #35303c08}.project-toolbar{justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 3px;display:flex}.project-domain{color:#97909e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.project-tools{flex-shrink:0;align-items:center;gap:9px;display:flex}.project-tools button{color:#837b8c;cursor:pointer;background:#ffffff45;border:1px solid #e5e0ea;border-radius:50%;place-items:center;width:34px;height:32px;transition:background .2s,color .2s,transform .2s;display:grid}.project-tools button:hover{color:#4600f9;background:#fff}.project-tools button:active{transform:scale(.93)}.project-device{background:#e9e6ed70;border-radius:999px;gap:2px;padding:3px;display:flex}.project-device button{background:0 0;border-color:#0000}.project-device button[aria-pressed=true]{color:#4600f9;background:#fff;box-shadow:0 2px 6px #30213e0a}.project-stage{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7c3cc transparent;background:#e7e7e9;border-radius:6px;height:min(65svh,760px);min-height:340px;overflow:auto}.project-stage img{width:100%;height:auto;margin:0 auto;display:block}.project-stage.mobile{padding:20px}.project-stage.mobile img{max-width:390px;box-shadow:0 7px 28px #20192d14}.project-stage .case-capture-state{min-height:340px}.project-stage:focus-visible,.project-shell a:focus-visible,.project-shell button:focus-visible{outline-offset:4px;outline:2px solid #8851fa}.project-stage.interactive{overflow:hidden}.project-stage iframe{background:#f4f5fb;border:0;width:100%;height:100%;display:block}.project-stage.mobile iframe{max-width:390px;margin:0 auto;box-shadow:0 7px 28px #20192d14}.project-footer{flex-wrap:wrap}.project-footer .project-back{flex-shrink:0}.project-footer .project-next{min-width:0;margin-left:auto}.project-footer .project-next strong{overflow-wrap:anywhere;max-width:220px}.project-story{border-top:1px solid #dddbe1;grid-template-columns:1fr 1.7fr;gap:70px;margin-top:64px;padding-top:46px;display:grid}.project-story h2{margin:0;font-size:31px;font-weight:500;line-height:1.2}.project-story dl{margin:0}.project-story dl>div{border-bottom:1px solid #dddbe1;grid-template-columns:110px 1fr;gap:28px;margin-bottom:30px;padding-bottom:30px;display:grid}.project-story dl>div:last-child{margin-bottom:0}.project-story dt{padding-top:3px;font-size:12px;font-weight:500}.project-story dd{color:#77717f;white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.9}.project-source{color:#9d95a5;justify-content:flex-end;gap:5px;margin:16px 0 0;font-size:10px;display:flex}.project-source a{align-items:center;gap:3px;text-decoration:none;display:inline-flex}.project-source a:hover{color:#4600f9}.project-footer{border-top:1px solid #dddbe1;justify-content:space-between;align-items:center;gap:24px;margin-top:68px;padding:28px 0 45px;display:flex}.project-footer>span{color:#b4aebc;font-size:23px;font-weight:500}.project-next{align-items:center;gap:38px;text-decoration:none;display:flex}.project-next>span{color:#98909f;font-size:10px}.project-next strong{color:#302a38;margin-top:5px;font-size:20px;font-weight:450;display:block}.project-next>svg{color:#88749f;transition:transform .2s}.project-next:hover>svg{transform:translate(5px)}.project-empty{min-height:60svh;padding:90px 0}.project-empty h1{font-size:28px}.project-empty a{color:#4600f9;align-items:center;gap:12px;margin-top:20px;font-size:14px;display:inline-flex}.project-error{color:#8b4c61;margin-top:12px;font-size:12px}@keyframes project-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.project-shell{padding:0 20px}.project-nav{gap:12px;height:78px}.project-brand img{width:28px;height:23px}.project-brand span{font-size:24px}.project-back{gap:6px;font-size:11px}.project-intro{flex-direction:column;align-items:flex-start;gap:20px;padding:36px 0 24px}.project-intro h1{font-size:34px}.project-intro p{margin-top:12px;font-size:14px}.project-eyebrow{margin-bottom:11px}.project-visit{padding:11px 16px}.project-viewer{margin:0 -8px;padding:0 8px 8px}.project-toolbar{height:54px;padding:0 3px}.project-domain{max-width:155px;font-size:9px}.project-tools{gap:5px}.project-tools button{width:30px;height:29px}.project-stage{height:55svh;min-height:320px}.project-stage.mobile{padding:10px}.project-story{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-top:30px}.project-story h2{font-size:27px}.project-story h2 br{display:none}.project-story dl>div{grid-template-columns:1fr;gap:12px;margin-bottom:25px;padding-bottom:25px}.project-story dd{font-size:14px;line-height:1.8}.project-source{justify-content:flex-start}.project-footer{margin-top:38px;padding-bottom:30px}.project-next{gap:22px}.project-next strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.project-shell,.project-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}