html{scroll-behavior:smooth}body{font-family:Google Sans Flex,sans-serif;margin:0;padding:0;overflow:hidden}.popup-scroll::-webkit-scrollbar{width:4px}.popup-scroll::-webkit-scrollbar-track{background:transparent}.popup-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}.popup-scroll::-webkit-scrollbar-thumb:hover{background:#00000038}.edge-label{position:absolute;z-index:30;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1)}.edge-label-text{font-family:Benne,sans-serif;font-size:30px;font-weight:400;letter-spacing:-.6px;line-height:36px;color:#252b3a;word-break:break-word;text-align:center;text-transform:lowercase;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;padding:8px 16px}.edge-label:hover .edge-label-text,.edge-label.active .edge-label-text{color:#b11226;transform:scale(1.15)}.edge-top{top:0;left:0;right:0;margin:0 auto;width:fit-content;padding-top:18px}.edge-bottom{bottom:0;left:0;right:0;margin:0 auto;width:fit-content;padding-bottom:18px}.edge-left{left:0;top:0;bottom:0;margin:auto 0;height:fit-content;padding-left:12px}.edge-right{right:0;top:0;bottom:0;margin:auto 0;height:fit-content;padding-right:12px}.edge-label:after{content:"";position:absolute;pointer-events:none}.edge-label:hover:after,.edge-label.active:after{pointer-events:auto}.edge-top:after{top:100%;left:50%;transform:translate(-50%);width:240px;height:90px}.edge-bottom:after{bottom:100%;left:50%;transform:translate(-50%);width:240px;height:90px}.edge-left:after{left:100%;top:50%;transform:translateY(-50%);width:90px;height:240px}.edge-right:after{right:100%;top:50%;transform:translateY(-50%);width:90px;height:240px}.edge-left .edge-label-text{writing-mode:vertical-rl;transform:rotate(180deg)}.edge-right .edge-label-text{writing-mode:vertical-rl}.edge-left:hover .edge-label-text,.edge-left.active .edge-label-text{transform:rotate(180deg) scale(1.15)}.edge-right:hover .edge-label-text,.edge-right.active .edge-label-text{transform:scale(1.15)}.popup-panel{position:absolute;z-index:25;background:#fffffff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(0,0,0,.08);border-radius:24px;box-shadow:0 8px 40px #0000000f,0 2px 12px #0000000a;overflow:hidden;pointer-events:none;opacity:0;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease}.popup-panel.visible{opacity:1;pointer-events:auto;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .1s ease}.popup-panel>div{opacity:0;transition:opacity .15s ease}.popup-panel.visible>div{opacity:1;transition:opacity .2s ease .08s}.popup-top{top:100px;left:50%;transform:translate(-50%) scaleY(0);transform-origin:top center;width:min(88%,680px);max-height:55vh}.popup-top.visible{transform:translate(-50%) scaleY(1)}.popup-bottom{bottom:100px;left:50%;transform:translate(-50%) scaleY(0);transform-origin:bottom center;width:min(88%,680px);max-height:55vh}.popup-bottom.visible{transform:translate(-50%) scaleY(1)}.popup-left{left:100px;top:50%;transform:translateY(-50%) scaleX(0);transform-origin:left center;width:min(42%,480px);max-height:75vh}.popup-left.visible{transform:translateY(-50%) scaleX(1)}.popup-right{right:100px;top:50%;transform:translateY(-50%) scaleX(0);transform-origin:right center;width:min(42%,480px);max-height:75vh}.popup-right.visible{transform:translateY(-50%) scaleX(1)}@media(max-width:768px){.popup-panel{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%) scale(.95)!important;transform-origin:center center!important;width:92%!important;max-height:85vh!important;opacity:0!important}.popup-panel.visible{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important}}.hero-title{cursor:default;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.hero-title .dot-accent{transition:all .35s ease;display:inline-block}.hw-arrow{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset .6s cubic-bezier(.34,1.56,.64,1)}.hero-title:hover .hw-arrow{stroke-dashoffset:0}.hw-text{font-family:Patrick Hand,cursive;font-size:2.2rem;font-weight:400;opacity:0;transform:scale(.6) rotate(var(--rot, 0deg));transition:all .5s cubic-bezier(.34,1.56,.64,1);transition-delay:0s;white-space:nowrap}.hero-title:hover .hw-text{opacity:1;transform:scale(1) rotate(var(--rot, 0deg));transition-delay:.1s}.dim-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8f8f999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:20;opacity:0;pointer-events:none;transition:opacity .4s ease}.dim-overlay.active{opacity:1;pointer-events:auto}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;gap:20px;animation:marquee 25s linear infinite;will-change:transform}.marquee-track:hover{animation-play-state:paused}.specialty-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:130px;height:105px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;transition:all .3s ease;cursor:default}.specialty-card:hover{border-color:#00000026;transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.project-card-v2{position:relative;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:28px;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.project-card-v2:hover{border-color:#0000000f}.social-link-v2{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#fff;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;color:#64748b}.social-link-v2:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 6px 20px #00000014}.lang-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:#f8fafc;border:1px solid rgba(0,0,0,.06);transition:all .3s ease;cursor:default}.lang-pill:hover{border-color:#b1122626;background:#fff}@media(max-width:768px){.edge-label-text{font-size:24px;line-height:30px;letter-spacing:-.5px;padding:6px 10px}.edge-top{padding-top:10px}.edge-bottom{padding-bottom:24px}.edge-left{padding-left:4px}.edge-right{padding-right:4px}.popup-top,.popup-bottom,.popup-left,.popup-right{top:64px!important;bottom:64px!important;left:16px!important;right:16px!important;transform:scale(.9)!important;transform-origin:center center!important;width:auto!important;max-height:none!important}.popup-top.visible,.popup-bottom.visible,.popup-left.visible,.popup-right.visible{transform:scale(1)!important}.specialty-card{width:110px;height:90px;gap:8px}.project-card-v2{padding:20px}}@media(max-width:480px){.edge-label-text{font-size:18px;line-height:24px;letter-spacing:-.3px;padding:5px 8px}.popup-top,.popup-bottom{width:94%;max-height:55vh;border-radius:18px}.popup-left{left:10px;width:85%;max-height:55vh;border-radius:18px}.popup-right{right:10px;width:85%;max-height:55vh;border-radius:18px}}.popup-panel.stagger-1{transition-delay:0ms}.popup-panel.stagger-2{transition-delay:60ms}.popup-panel.stagger-3{transition-delay:.12s}.popup-panel.stagger-4{transition-delay:.18s}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.fade-in-up-delay-1{animation-delay:.1s;opacity:0}.fade-in-up-delay-2{animation-delay:.2s;opacity:0}.fade-in-up-delay-3{animation-delay:.3s;opacity:0}.fade-in-up-delay-4{animation-delay:.4s;opacity:0}.fade-in-up-delay-5{animation-delay:.5s;opacity:0}
