:root{--bg: #F3F5FD;--surface: #FFFFFF;--text: #000000;--muted: #696C7A;--line: rgba(11, 11, 15, .09);--blue: #1D1DEB;--img: #C9CACF;--chip: #F4F5F8;--soft: #F0F1F5;--fs-0: clamp(15px, 14.65px + .09vw, 16px);--fs-1: clamp(16.9px, 16.09px + .22vw, 19.2px);--fs-2: clamp(19px, 17.59px + .38vw, 23px);--fs-3: clamp(21.4px, 19.22px + .58vw, 27.6px);--fs-4: clamp(24px, 20.76px + .86vw, 33.2px);--fs-5: clamp(27px, 22.49px + 1.2vw, 39.8px);--fs-n2: 11.5px;--fs-n1: 13.5px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(11,11,15,.16) transparent}body{margin:0;background:var(--bg);background-image:radial-gradient(62vw 50vw at 4% -8%,rgba(29,29,235,.3),transparent 64%),radial-gradient(52vw 44vw at 99% 4%,rgba(132,74,255,.26),transparent 62%),radial-gradient(58vw 48vw at 66% 106%,rgba(0,176,224,.24),transparent 64%);background-attachment:fixed;background-repeat:no-repeat;color:var(--text);font-family:Sora,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--blue);text-decoration:none}a:hover{color:var(--text)}button,input,textarea,select{font-family:Sora,system-ui,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border:0}::-webkit-scrollbar-thumb{background:#0b0b0f29;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#0b0b0f52;background-clip:content-box;border:2px solid transparent}::-webkit-scrollbar-corner{background:transparent}::selection{background:#1d1deb29}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wordIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes menuIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.nav-link:hover{color:var(--text)}.btn-primary{background:var(--blue);color:#fff;transition:background .2s,transform .2s cubic-bezier(.2,.7,.3,1)}.btn-primary:hover{background:var(--blue-hover);color:#fff;transform:translateY(-2px)}.btn-primary:active{background:var(--blue-active);transform:translateY(0)}.btn-ghost{border:1.5px solid var(--blue);color:var(--blue);transition:background .2s,color .2s,border-color .2s}.btn-ghost:hover{background:var(--blue);border-color:var(--blue);color:#fff}.btn-ghost:active{background:var(--blue-active);border-color:var(--blue-active);color:#fff}.btn-outline{border:1.5px solid var(--line);color:var(--text);transition:background .2s,border-color .2s,color .2s}.btn-outline:hover{background:var(--blue);border-color:var(--blue);color:#fff}.btn-outline:active{background:var(--blue-active);border-color:var(--blue-active);color:#fff}.icon-btn{background:var(--soft);color:var(--text);transition:background .2s,color .2s}.icon-btn:hover{background:var(--blue);color:#fff}.icon-btn:active{background:var(--blue-active);color:#fff}.social-btn{transition:color .2s,border-color .2s,background .2s}.social-btn:hover{color:var(--text);border-color:var(--line);background:var(--surface)}.footer-mail:hover{color:var(--blue)}.stack-card{transition:transform .5s cubic-bezier(.2,.7,.3,1),translate .26s cubic-bezier(.2,.7,.3,1),opacity .5s,border-color .2s}.stack-card:hover{translate:0 -10px;border-color:#1d1deb73!important}@media (prefers-reduced-motion: reduce){.stack-card:hover{translate:none}}.stack-card .card-arrow{transition:background .2s,color .2s,border-color .2s}.stack-card:hover .card-arrow{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}.stack-card:active .card-arrow{background:var(--blue-active)!important;border-color:var(--blue-active)!important}.work-grid{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}@media (min-width: 560px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.work-card{transition:border-color .2s,transform .2s,box-shadow .2s}.work-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 12px 30px #0b0b0f1a}.chapter-link:hover,.tab:hover{color:var(--text)}.about-tabs{scrollbar-width:none}.about-tabs::-webkit-scrollbar{display:none}.field{transition:border-color .2s}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.btn-primary:focus-visible,.btn-ghost:focus-visible,.btn-outline:focus-visible,.icon-btn:focus-visible,.chapter-link:focus-visible,.to-top:focus-visible{border-radius:999px}.stack-card:focus-visible,.work-card:focus-visible{border-radius:22px}.field:focus{border-color:var(--blue)}.field:focus-visible{outline-offset:2px}.to-top{position:fixed;right:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,34px);z-index:30;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:0;border-radius:999px;background:var(--blue);color:#fff;font-size:var(--fs-2);cursor:pointer;box-shadow:0 10px 26px #1d1deb47;animation:toTopIn .22s ease both;transition:transform .2s cubic-bezier(.2,.7,.3,1),filter .2s}.to-top:hover{transform:translateY(-2px);filter:brightness(1.08)}.to-top:focus-visible{outline:2px solid var(--text);outline-offset:3px}.to-top[hidden]{display:none}@keyframes toTopIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.to-top{animation:none;transition:none}.to-top:hover{transform:none}}.app-shell{min-height:100vh}@media (min-width: 901px){.app-shell.home-view{min-height:0;height:100vh;height:100dvh;overflow:hidden}.app-shell.home-view>main{min-height:0;overflow:auto}.app-shell.home-view .home-grid{height:100%;padding-top:max(20px,min(6vw,7vh,88px))!important;padding-bottom:max(22px,min(7vw,8vh,104px))!important}.app-shell.home-view .home-stack{min-height:min(360px,42vh)!important}}.about-top{display:contents}.about-rail-close{display:none}.is-inert{opacity:.45;cursor:default;pointer-events:none}.about-section{scroll-margin-top:12px}.nav-toggle{display:none}.nav-toggle:hover{border-color:var(--blue);color:var(--blue)}.process-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:14px}.process-step{display:flex;flex-direction:column;justify-content:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.process-num{align-self:flex-start;flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--blue);color:#fff;font-size:var(--fs-n1);font-weight:700}.process-title{margin:14px 0 0;font-size:var(--fs-0);font-weight:700;letter-spacing:-.01em}.process-body{margin:8px 0 0;font-size:var(--fs-0);line-height:1.6;color:#5b5d68}.media-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.metrics{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}.metric{background:var(--surface);padding:26px 24px}.work-modal{--wpad: clamp(24px, 3vw, 40px);padding-top:0!important;height:88vh}.work-sticky{position:sticky;top:0;z-index:3;background:var(--surface);margin:0 calc(var(--wpad) * -1) 24px;padding:var(--wpad) var(--wpad) 0}.work-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.work-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding-bottom:12px;margin-bottom:0;border-bottom:1px solid var(--line)}.work-tabs::-webkit-scrollbar{display:none}@media (min-width: 600px) and (max-width: 900px){.home-stack{aspect-ratio:1.35;min-height:0!important}}@media (max-width: 900px){.home-grid{grid-template-columns:minmax(0,1fr)!important}.case-body{display:block!important}.case-rail{position:sticky!important;top:80px!important;z-index:20;display:flex;gap:0!important;height:auto!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(clamp(20px,4vw,56px)*-1) clamp(24px,4vw,36px);padding:10px clamp(20px,4vw,56px);background:var(--bg);border-bottom:1px solid var(--line)}.case-rail::-webkit-scrollbar{display:none}.rail-track{display:none!important}.rail-links{flex-direction:row!important;gap:8px!important}.process-step,.metric{padding:20px 18px}.case-rail .chapter-link{height:auto!important;flex:none;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.case-rail .chapter-link.is-active{background:var(--blue);border-color:var(--blue);color:#fff!important}.case-rail .chapter-link.is-active span{opacity:.75}.about-dialog{grid-template-columns:minmax(0,1fr)!important;height:auto!important;overflow:auto!important;-webkit-overflow-scrolling:touch}.about-rail{position:relative;overflow:visible!important;border-right:0!important;border-bottom:1px solid var(--line);gap:15px!important;padding:20px!important}.about-rail-close{display:block;position:absolute;top:14px;right:14px;z-index:2}.about-top{display:flex!important;align-items:center;gap:14px;padding-right:50px}.about-avatar{width:62px!important;height:62px!important}.about-bio{font-size:var(--fs-0)!important}.about-actions{margin-top:2px!important;flex-direction:row!important}.about-actions>a{flex:1 1 0;min-width:0;padding:0 10px}.about-head{position:sticky;top:0;z-index:2;background:var(--surface);border-bottom:1px solid var(--line);padding:14px 20px!important}.about-pane{overflow:visible!important;gap:30px!important;padding:18px 20px 28px!important}.about-section{scroll-margin-top:68px}.design-pair{grid-template-columns:minmax(0,1fr)!important}.work-head{margin-bottom:12px}.work-tabs{padding-bottom:10px}.work-sticky{margin-bottom:20px}.case-media.has-image{height:auto!important;min-height:0!important;padding:0!important;display:block!important}.case-media.has-image .media-image{position:static;display:block;width:100%;height:auto}.gallery-image{height:auto!important;padding:0!important}.nav-desktop{display:none!important}.nav-toggle{display:inline-flex!important}.footer-inner{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:18px!important;text-align:center}.hero-cta{flex-wrap:nowrap!important;gap:12px!important}.hero-cta>a{flex:1 1 0!important;min-width:0!important;justify-content:center!important;padding-left:16px!important;padding-right:16px!important}}
