#bg-container[data-astro-cid-veuul55k]{position:fixed;top:0;left:0;width:100vw;height:100dvh;overflow:hidden;background:#101013}#bgImageCanvas[data-astro-cid-veuul55k]{position:absolute;top:0;left:0;width:100%;height:100dvh;z-index:0;background:#101013}#interactiveCanvas[data-astro-cid-veuul55k]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;touch-action:none;user-select:none;-webkit-user-select:none}#centerRing[data-astro-cid-veuul55k]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg) scale(.8);z-index:2;opacity:0;pointer-events:none;transition:opacity .7s cubic-bezier(.25,.1,.25,1),transform .7s cubic-bezier(.25,.1,.25,1)}#centerRing[data-astro-cid-veuul55k].visible{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}#centerRing[data-astro-cid-veuul55k] img[data-astro-cid-veuul55k]{width:220px;height:220px;display:block;transition:opacity .6s ease}#centerRing[data-astro-cid-veuul55k] .ring-light[data-astro-cid-veuul55k]{position:absolute;top:0;left:0;opacity:0}html,body{background:#101013}body.light-mode,body.light-mode #bg-container,body.light-mode #bgImageCanvas{background:#fff}.top-bar{position:fixed;top:0;left:0;width:100%;height:var(--barHeight);background:var(--bgColor);z-index:100;pointer-events:auto;transition:background .6s ease}.top-bar-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 40px;opacity:var(--contentOpacity);transition:opacity .3s ease}.top-bar:hover .top-bar-content{opacity:var(--hoverOpacity)}.mobile-layout{display:none}.desktop-layout{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-link{display:flex;align-items:center}.nav-logo{height:28px;width:auto;display:block;transition:opacity .3s ease}.guest-login{display:flex;align-items:center;gap:12px}.label{color:#717171;font-family:var(--font-sans);font-size:14px;margin-right:8px;transition:color .6s ease;font-weight:800}.input-field{background:#ffffff1a;border:0px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;font-size:13px;font-family:var(--font-sans);outline:none;border-radius:10px;transition:all .3s ease,background .6s ease,border-color .6s ease,color .6s ease}.input-field::placeholder{color:#ffffff80}.input-field:focus{background:#ffffff26;border-color:#fff6}.login-btn,.contact-btn,.send-btn,.light-mode-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 20px;font-size:13px;font-family:var(--font-sans);font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease,color .6s ease,background .6s ease,border-color .6s ease}.login-btn:hover,.contact-btn:hover,.send-btn:hover,.light-mode-btn:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.light-mode-btn{margin-left:8px}.showreel-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 20px;font-size:13px;font-family:var(--font-sans);text-decoration:none;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease,color .6s ease,background .6s ease,border-color .6s ease}.showreel-btn:hover{background:#ffffff1a;border-color:#ffffff80}.status-msg{font-family:var(--font-sans);font-size:12px}.contact-trigger{position:relative}.contact-popup{position:absolute;top:calc(100% + 10px);right:0;background:#101013fa;border:1px solid rgba(255,255,255,.2);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:280px;opacity:1;transform:translateY(0);transition:all .3s ease,background .6s ease,border-color .6s ease}.contact-popup.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.textarea-field{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;font-size:13px;font-family:var(--font-sans);outline:none;resize:vertical;border-radius:6px;min-height:80px;transition:all .3s ease,background .6s ease,border-color .6s ease,color .6s ease}.textarea-field::placeholder{color:#ffffff80}.send-btn{width:100%}.bottom-nav{display:none}@media(max-width:768px){.desktop-layout{display:none}.mobile-layout{display:flex;justify-content:space-between;align-items:center;width:100%}.top-bar-content{padding:0 20px;opacity:1}.mobile-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 20px;font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease,color .6s ease,background .6s ease,border-color .6s ease}.mobile-btn:active{background:#ffffff1a}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--barHeight);background:var(--bgColor);z-index:100;align-items:center;justify-content:space-around;padding:20px;gap:8px;transition:background .6s ease;background-color:#101013}.bottom-nav-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;font-size:13px;font-family:var(--font-sans);cursor:pointer;flex:1;text-align:center;text-decoration:none;transition:all .3s ease,color .6s ease,background .6s ease,border-color .6s ease}.bottom-nav-btn:active{background:#ffffff1a}}.mobile-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;opacity:1;transition:opacity .3s ease}.mobile-modal.hidden{opacity:0;pointer-events:none}.modal-content{background:#101013fa;padding:30px 25px;max-width:85vw;width:100%;position:relative;box-sizing:border-box;transition:background .6s ease}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:30px;height:30px;line-height:28px;transition:color .6s ease}.modal-content h3{font-family:var(--font-sans);font-size:20px;color:#fff;margin-bottom:20px;font-weight:400;transition:color .6s ease}.modal-input,.modal-textarea{width:100%;box-sizing:border-box;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px;font-size:14px;font-family:var(--font-sans);margin-bottom:12px;outline:none;transition:all .3s ease,background .6s ease,border-color .6s ease,color .6s ease}.modal-textarea{resize:vertical;min-height:100px}.modal-input::placeholder,.modal-textarea::placeholder{color:#ffffff80}.modal-submit{width:100%;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px;font-size:14px;font-family:var(--font-sans);cursor:pointer;transition:all .3s ease,color .6s ease,background .6s ease,border-color .6s ease}.modal-submit:active{background:#ffffff1a}body.light-mode .top-bar,body.light-mode .bottom-nav{background:#f0f0f0}body.light-mode .label,body.light-mode .login-btn,body.light-mode .contact-btn,body.light-mode .send-btn,body.light-mode .light-mode-btn,body.light-mode .mobile-btn,body.light-mode .bottom-nav-btn{color:#000;border-color:#0000004d}body.light-mode .label{color:#979797}body.light-mode .showreel-btn{color:#000;border-color:#0000004d}body.light-mode .input-field,body.light-mode .textarea-field{background:#0000000d;border-color:#0003;color:#000}body.light-mode .input-field::placeholder,body.light-mode .textarea-field::placeholder{color:#00000080}body.light-mode .contact-popup{background:#f0f0f0fa;border-color:#0003}body.light-mode .modal-content{background:#f0f0f0fa}body.light-mode .modal-close,body.light-mode .modal-content h3{color:#000}body.light-mode .modal-input,body.light-mode .modal-textarea{background:#0000000d;border-color:#0003;color:#000}body.light-mode .modal-input::placeholder,body.light-mode .modal-textarea::placeholder{color:#00000080}body.light-mode .modal-submit{border-color:#0000004d;color:#000}body.light-mode .modal-submit:active{background:#0000000d}.navigation-container{position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);display:grid;grid-template-columns:minmax(150px,auto) 1fr minmax(150px,auto);z-index:50;pointer-events:none;padding:0 max(5vw,20px);gap:20px;transition:padding .4s ease}.navigation-container.revealed-left,.navigation-container.revealed-right{padding:0 max(3vw,15px)}.nav-section{display:flex;align-items:center;pointer-events:auto}.left-section{justify-content:flex-start;grid-column:1}.right-section{justify-content:flex-end;grid-column:3}.nav-button{background:transparent;border:none;color:#fff;font-family:var(--font-sans);font-weight:300;font-size:clamp(16px,2vw,24px);letter-spacing:0px;opacity:.5;cursor:pointer;padding:12px clamp(12px,2vw,24px);transition:all .3s ease,color .6s ease;white-space:nowrap}.nav-button:hover{opacity:1;transform:scale(var(--hoverScale))}.nav-button.fade-out{opacity:0;pointer-events:none}.content-container{position:fixed;inset:0;pointer-events:none;z-index:200}.content-area{position:absolute;top:50%;max-width:min(400px,35vw);opacity:0;pointer-events:none;transform:translateY(20%);transition:all .5s cubic-bezier(.4,0,.2,1),color .6s ease;z-index:300}.content-area:not(.hidden){opacity:1;pointer-events:auto;transform:translateY(-50%)}.left-content{left:max(18vw,300px);right:auto}.right-content{right:max(18vw,150px);left:auto}.content-box{border-left:1px solid rgba(128,128,128,.5);padding-left:clamp(20px,3vw,30px);color:#fff;transition:border-color .6s ease,color .6s ease}.content-area p{font-family:var(--font-sans);font-size:clamp(13px,1.2vw,16px);line-height:1.6}.content-area h3{font-family:var(--font-sans);font-size:clamp(18px,2vw,24px);margin-bottom:20px;font-weight:400}.form-input,.form-textarea{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 14px;font-size:clamp(12px,1vw,14px);font-family:var(--font-sans);border-radius:6px;margin-bottom:12px;outline:none;transition:all .3s ease,background .6s ease,border-color .6s ease,color .6s ease}.form-textarea{resize:vertical;min-height:80px}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.send-btn{width:100%;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 30px;font-size:clamp(12px,1vw,14px);font-family:var(--font-sans);cursor:pointer;transition:all .3s ease,border-color .6s ease,color .6s ease}.send-btn:hover{background:#ffffff1a;border-color:#ffffff80}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:9;opacity:0;transition:opacity .3s ease,background .6s ease;pointer-events:none}.bg-overlay:not(.hidden){opacity:1;pointer-events:auto}.revealed-brand{position:absolute;top:50%;transform:translateY(20%);text-align:center;color:#fff;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.4,0,.2,1),color .6s ease}.revealed-brand:not(.hidden){opacity:.3;transform:translateY(-50%)}.revealed-brand h1{font-family:var(--font-sans);font-size:clamp(20px,2vw,28px);font-weight:400;margin:0;letter-spacing:2px}.revealed-brand h2{font-family:var(--font-sans);font-size:clamp(12px,1.2vw,16px);font-weight:400;margin-top:10px;letter-spacing:1px}.right-brand{left:auto;right:max(6vw,100px)}.left-brand{right:auto;left:max(8vw,60px)}.logo-wrapper{position:relative;width:180px;max-width:40vw;margin:0 auto}.nav-logo{display:block;width:100%;height:auto;transition:opacity .6s ease}.logo-light{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}body.light-mode .logo-dark{opacity:0}body.light-mode .logo-light{opacity:1}.contact-brand-inline{display:none}.status-msg{font-family:var(--font-sans);font-size:12px;display:block;margin-top:8px}body.light-mode .nav-button,body.light-mode .nav-button:hover,body.light-mode .content-area{color:#000}body.light-mode .content-box{border-left-color:#0000004d}body.light-mode .content-area p,body.light-mode .content-area h3,body.light-mode .revealed-brand,body.light-mode .revealed-brand h1,body.light-mode .revealed-brand h2{color:#000}body.light-mode .form-input,body.light-mode .form-textarea{background:#0000000d;border-color:#0003;color:#000}body.light-mode .form-input::placeholder,body.light-mode .form-textarea::placeholder{color:#00000080}body.light-mode .send-btn{border-color:#0000004d;color:#000;background:transparent}body.light-mode .send-btn:hover{background:#0000000d;border-color:#00000080}body.light-mode .bg-overlay{background:#ffffffb3}@media(max-width:768px){.navigation-container{display:none}.nav-section{width:100%;justify-content:center;position:absolute}.left-section{top:15vh}.right-section{bottom:15vh}.nav-button{font-size:clamp(20px,5vw,28px)}.content-area{position:fixed;top:50%;left:50%;transform:translate(-50%,-40%);opacity:0;pointer-events:none;width:calc(100vw - 48px);max-width:420px;box-sizing:border-box;background:#101013fa;padding:30px;z-index:100;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease;right:auto}.content-area:not(.hidden){transform:translate(-50%,-50%);opacity:1;pointer-events:auto}.left-content{left:50%;right:auto}.right-content{right:auto;left:50%}body.light-mode .content-area{background:#f0f0f0fa}.content-box{border-left:none;padding-left:0}.form-input,.form-textarea{width:100%;box-sizing:border-box}.revealed-brand{position:fixed;top:auto;bottom:8vh;left:50%;right:auto;transform:translate(-50%);text-align:center;opacity:0;pointer-events:none;transition:opacity .4s ease;width:max-content}.revealed-brand:not(.hidden){opacity:.3;transform:translate(-50%)}.left-brand,.right-brand{left:50%;right:auto}#contactForm{top:45%}.contact-brand-inline{display:block;text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.15)}.contact-brand-inline h1{font-family:var(--font-sans);font-size:clamp(18px,5vw,24px);font-weight:400;letter-spacing:2px;margin:0;color:#fff}.contact-brand-inline h2{font-family:var(--font-sans);font-size:clamp(11px,3vw,14px);font-weight:400;letter-spacing:1px;margin-top:6px;color:#fff}body.light-mode .contact-brand-inline h1,body.light-mode .contact-brand-inline h2{color:#000}body.light-mode .contact-brand-inline{border-bottom-color:#00000026}#leftBrand{display:none!important}}body{width:100vw;height:100vh;overflow:hidden;position:relative;transition:background-color .6s ease;overflow-x:hidden}.text-overlay[data-astro-cid-j7pv25f6]{position:fixed;top:50%;left:50%;display:flex;flex-direction:column;transform:translate(-50%,-50%);text-align:center;color:#fff;pointer-events:none;z-index:10;user-select:none;align-items:center;transition:transform .4s ease,opacity .4s ease,color .6s ease;opacity:1}.subheader[data-astro-cid-j7pv25f6]{color:#464646}.logo-wrapper[data-astro-cid-j7pv25f6]{position:relative;width:180px;max-width:40vw}.nav-logo[data-astro-cid-j7pv25f6]{display:block;width:100%;height:auto;transition:opacity .6s ease,filter .18s ease}.logo-light[data-astro-cid-j7pv25f6]{position:absolute;top:0;left:0;opacity:0}body.light-mode .logo-dark[data-astro-cid-j7pv25f6]{opacity:0}body.light-mode .logo-light[data-astro-cid-j7pv25f6]{opacity:1}.text-overlay[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6],.text-overlay[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{transition:color .6s ease}.text-overlay[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-family:var(--font-sans);font-size:28px;font-weight:400;margin:0;letter-spacing:2px}.text-overlay[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-family:var(--font-sans);font-size:16px;font-weight:700;margin-top:10px;letter-spacing:0px}.label[data-astro-cid-j7pv25f6]{font-weight:800}body.light-mode{background:#fff}body.light-mode .text-overlay[data-astro-cid-j7pv25f6],body.light-mode .text-overlay[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6],body.light-mode .text-overlay[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{color:#000}