*{box-sizing:border-box;margin:0;padding:0}:root{--bg-outer:#c3c5c8;--bg-inner-start:#eceeef;--bg-inner-end:#d4d7da;--color-text-primary:#101010;--color-text-primary-rgb:16, 16, 16;--color-text-muted:#555;--color-border:#10101026;--font-ui:"Outfit", sans-serif;--font-heading:"Syne", sans-serif}html{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg-outer);width:100%;height:100%;font-family:var(--font-ui);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;transition:background-color .6s cubic-bezier(.25,.46,.45,.94);display:flex;overflow:hidden}.page-frame{background:radial-gradient(circle at center, var(--bg-inner-start) 0%, var(--bg-inner-end) 100%);border:1px solid var(--color-border);transform-origin:50%;will-change:transform;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:95%;height:90%;padding:35px 50px;transition:background .6s cubic-bezier(.25,.46,.45,.94),border-color .6s,box-shadow .6s,opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #00000026,0 0 0 1px #00000005,inset 0 1px #fffc}body.dark-theme-active{--bg-outer:#090a0c;--bg-inner-start:#16181b;--bg-inner-end:#0c0d0f}.page-frame.dark-theme{--bg-inner-start:#16181b;--bg-inner-end:#0c0d0f;--color-text-primary:#f5f6f8;--color-text-primary-rgb:245, 246, 248;--color-text-muted:#8c9096;--color-border:#f5f6f81f;box-shadow:0 30px 60px -15px #00000080,0 0 0 1px #ffffff05,inset 0 1px #ffffff1a}.header,.footer{z-index:10;pointer-events:none;position:relative}.header *,.footer-left *,.see-work-btn,.dot-btn,.music-toggle-btn,.slider-knob-glass,.slider-svg{pointer-events:auto}.header{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:baseline;gap:15px;display:flex}.logo{font-family:var(--font-heading);letter-spacing:.5px;color:var(--color-text-primary);font-size:22px;font-weight:800;transition:color .4s}.nav-label{letter-spacing:2px;color:var(--color-text-muted);font-size:10px;font-weight:500}.header-center{align-items:center;gap:45px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-link{letter-spacing:2.5px;color:var(--color-text-primary);font-size:10px;font-weight:500;text-decoration:none;transition:opacity .3s;position:relative}.nav-link:after{content:"";background-color:var(--color-text-primary);transform-origin:100%;width:100%;height:1px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-link:hover{opacity:.7}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.header-right{align-items:center;gap:25px;display:flex}.dark-bg-overlay{z-index:0;pointer-events:none;width:100%;height:100%;opacity:var(--theme-blend,0);background:radial-gradient(circle,#16181b 0%,#0c0d0f 100%);transition:opacity .4s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0}.curved-slider-container{z-index:20;pointer-events:none;touch-action:none;width:160px;height:160px;position:absolute;top:14px;right:14px}.slider-svg{pointer-events:none;cursor:pointer;touch-action:none;position:absolute;top:0;right:0}.slider-svg path{pointer-events:stroke}.slider-track-glow-light{stroke:url(#track-glow-light);stroke-width:14px;opacity:calc(1 - var(--theme-blend,0));transition:opacity .15s}.slider-track-glow-dark{stroke:url(#track-glow-dark);stroke-width:14px;opacity:var(--theme-blend,0);transition:opacity .15s}.slider-track{stroke:#10101014;stroke-width:1.5px;transition:stroke .5s}.dark-theme .slider-track{stroke:#ffffff26}.slider-knob-glass{-webkit-backdrop-filter:blur(12px)saturate(160%);cursor:pointer;pointer-events:auto;touch-action:none;width:42px;height:28px;transform:translate(var(--kx,38px), var(--ky,12px)) translate(-21px, -14px) rotate(var(--krot,0deg));transform-origin:50%;background:#ffffff1f;border:1px solid #ffffff59;border-radius:14px;transition:transform .35s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0;box-shadow:0 4px 10px #00000014,inset 0 1px 1px #ffffff80,inset 0 -1px 1px #0000000d,0 0 0 1px #00000008}.slider-knob-glass.dragging,.slider-knob-glass.sliding{transition:none!important}.slider-knob-glass:hover{transform:translate(var(--kx,38px), var(--ky,12px)) translate(-21px, -14px) rotate(var(--krot,0deg)) scale(1.04);border-color:#ffffff80}.knob-glow-light,.knob-glow-dark{pointer-events:none;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.knob-glow-light{opacity:calc(1 - var(--theme-blend,0));background:#f97316;transition:opacity .15s;box-shadow:0 0 6px 2px #f97316cc,0 0 12px 4px #f9731666}.knob-glow-dark{opacity:var(--theme-blend,0);background:#fff;transition:opacity .15s;box-shadow:0 0 6px 2px #fffffff2,0 0 12px 4px #fff9}.slider-knob-icon{color:var(--color-text-primary);transition:color .4s,transform .4s;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.slider-knob-glass:hover .slider-knob-icon{transform:translateY(-50%)rotate(30deg)}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#webgl-canvas{width:100%;height:100%;display:block}.footer{grid-template-columns:1fr auto 1fr;align-items:flex-end;display:grid}.footer-left{width:max-content;min-width:250px;height:64px;position:relative}.footer-left.home-only,.footer-left.work-only,.footer-left.about-only,.footer-left.contact-only{flex-direction:column;gap:5px;width:max-content;display:flex;position:absolute;bottom:0;left:0}.section-number{letter-spacing:1.5px;color:var(--color-text-primary);font-size:11px;font-weight:500;transition:color .4s}.brand-title{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--color-text-primary);width:max-content;font-size:34px;font-weight:800;line-height:.9;transition:color .4s}.brand-title .dot{font-weight:800}.brand-title .sub-title{letter-spacing:-.5px;font-size:30px;font-weight:800;display:block}.footer-center{grid-column:2;justify-content:center;align-items:center;padding-bottom:5px;display:flex}.pagination-dots{align-items:center;gap:10px;display:flex}.dot-btn{border:1px solid var(--color-text-primary);cursor:pointer;background:0 0;border-radius:50%;width:7px;height:7px;padding:0;transition:transform .2s,background-color .2s}.dot-btn.active{background-color:var(--color-text-primary)}.dot-btn:hover{transform:scale(1.3)}.footer-right{justify-content:flex-end;align-items:center;min-width:200px;height:60px;display:flex;position:relative}.footer-right.home-only,.footer-right.about-only,.footer-right.work-only,.footer-right.contact-only{position:absolute;right:0}.see-work-btn-container{pointer-events:auto;align-items:center;gap:20px;display:inline-flex;position:relative}.back-arrow-link{width:36px;height:36px;color:var(--color-text-primary);opacity:.35;cursor:pointer;justify-content:center;align-items:center;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex}.back-arrow-link:hover{opacity:1;transform:translate(-4px)}.back-arrow-svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.back-arrow-link:hover .back-arrow-svg{transform:scale(1.1)}.see-work-btn{cursor:pointer;--tx:0px;--ty:0px;transform:translate(var(--tx), var(--ty));background:0 0;border:none;align-items:center;gap:16px;padding:8px;transition:transform .25s cubic-bezier(.25,.46,.45,.94);display:flex}.btn-text{letter-spacing:2.5px;color:var(--color-text-primary);align-items:center;height:14px;font-size:10px;font-weight:700;transition:color .4s,transform .4s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:visible}.btn-text-inner{transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:inline-block}.btn-text-inner.current-text{opacity:1;transform:translateY(0)}.btn-text-inner.hover-text{opacity:0;pointer-events:none;white-space:nowrap;position:absolute;top:50%;left:0;transform:translateY(-50%)translateY(8px)}.back-arrow-link:hover~.see-work-btn .btn-text-inner.current-text{opacity:0;transform:translateY(-8px)}.back-arrow-link:hover~.see-work-btn .btn-text-inner.hover-text{opacity:1;transform:translateY(-50%)translateY(0)}.btn-circle{border:1px solid var(--color-text-primary);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .4s cubic-bezier(.25,.46,.45,.94),border-color .4s,transform .4s cubic-bezier(.25,.46,.45,.94);display:flex}.arrow-icon{color:var(--color-text-primary);transition:transform .4s cubic-bezier(.25,.46,.45,.94),color .4s;transform:rotate(0)}.see-work-btn:hover .btn-circle{background-color:var(--color-text-primary);transform:scale(1.08)}.see-work-btn:hover .arrow-icon{color:var(--bg-inner-start);transform:rotate(-45deg)}.see-work-btn:hover .btn-text{transform:translate(-4px)}.mobile-scroll-indicator{display:none}@media (width<=900px){html,body{height:auto!important;overflow:hidden auto!important}body{background:radial-gradient(circle at center, var(--bg-inner-start) 0%, var(--bg-inner-end) 100%)!important}.page-frame{width:100vw!important;max-width:none!important;height:auto!important;min-height:calc(100vh + 2620px)!important;max-height:none!important;box-shadow:none!important;scroll-behavior:smooth!important;will-change:auto!important;background:0 0!important;border:none!important;border-radius:0!important;padding:25px 30px!important;display:block!important;position:relative!important;overflow:hidden visible!important}.header{top:25px;left:30px;right:30px;z-index:100!important;width:auto!important;position:absolute!important}.header-left{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.header-center{display:none!important}.nav-label{opacity:.8;letter-spacing:1.5px!important;margin-left:2px!important;font-size:8px!important;display:block!important}.nav-link{letter-spacing:1.5px!important;font-size:9px!important}.canvas-container{top:0;left:0;z-index:10!important;pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important}#webgl-canvas{top:0;left:0;z-index:1!important;width:100vw!important;height:100vh!important;position:fixed!important}.home-only,.about-only,.work-only,.contact-only{opacity:1!important;pointer-events:auto!important;will-change:auto!important;position:absolute!important;transform:none!important}.home-only *,.about-only *,.work-only *,.contact-only *{pointer-events:auto!important}.footer-right.home-only,.footer-right.about-only,.footer-right.work-only,.footer-right.contact-only,.footer-center{display:none!important}.footer{display:block!important;position:static!important}.footer-left.home-only{z-index:10!important;position:absolute!important;top:calc(100svh - 120px)!important;bottom:auto!important;left:30px!important}.footer-left.about-only{z-index:10!important;position:absolute!important;top:calc(100vh + 30px)!important;bottom:auto!important;left:30px!important}.footer-left.about-only .brand-title{letter-spacing:-1.5px!important;font-size:54px!important;line-height:.85!important}.footer-left.about-only .brand-title .sub-title{letter-spacing:-1.5px!important;font-size:50px!important}.footer-left.about-only .section-number{font-size:14px!important}.footer-left.work-only{z-index:10!important;position:absolute!important;top:calc(100vh + 645px)!important;bottom:auto!important;left:30px!important}.footer-left.contact-only{z-index:10!important;position:absolute!important;top:calc(100vh + 1555px)!important;bottom:auto!important;left:30px!important}.about-content-block{text-align:left!important;z-index:10!important;opacity:1!important;pointer-events:auto!important;max-width:none!important;margin:0!important;position:absolute!important;top:calc(100vh + 190px)!important;left:30px!important;right:30px!important;transform:none!important}.about-capabilities{justify-content:flex-start!important;gap:8px!important}.work-content-block{gap:32px;text-align:left!important;z-index:10!important;opacity:1!important;pointer-events:auto!important;flex-direction:column!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;position:absolute!important;top:calc(100vh + 710px)!important;left:30px!important;right:30px!important;transform:none!important}.work-left-panel,.work-right-panel{width:100%!important;height:auto!important}.contact-content-block{gap:32px;text-align:left!important;z-index:10!important;opacity:1!important;pointer-events:auto!important;flex-direction:column!important;max-width:none!important;height:auto!important;margin:0!important;padding:0 0 120px!important;display:flex!important;position:absolute!important;top:calc(100vh + 1300px)!important;left:30px!important;right:30px!important;transform:none!important}.preview-container{height:250px!important}.preview-container.is-vertical .layer-fg{border-width:4px!important;border-radius:20px!important;width:110px!important;height:230px!important}.preview-container.is-vertical .layer-fg:after{border-radius:4px!important;width:30px!important;height:8px!important;top:4px!important}.preview-container.is-vertical .layer-fg:before{width:35px!important;height:2px!important;bottom:4px!important}.work-capabilities{justify-content:flex-start!important;gap:8px!important}.mobile-scroll-indicator{opacity:1;visibility:visible;z-index:200!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;color:var(--color-text-primary)!important;pointer-events:none!important;background:0 0!important;border:none!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:0!important;transition:opacity .4s cubic-bezier(.25,.46,.45,.94),visibility .4s cubic-bezier(.25,.46,.45,.94)!important;display:flex!important;position:absolute!important;top:calc(100svh - 175px)!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important}.scroll-text{letter-spacing:2.5px!important;color:var(--color-text-muted)!important;text-transform:uppercase!important;opacity:.8!important;font-size:9px!important;font-weight:500!important}.scroll-arrow{stroke:var(--color-text-primary)!important;animation:1.6s ease-in-out infinite bounceArrow!important}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}}@media (width<=600px){.page-frame{padding:20px}}.logo-link{color:inherit;text-decoration:none}.nav-link.active:after{transform-origin:0;transform:scaleX(1)}.home-only,.about-only,.work-only{will-change:transform, opacity;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1);pointer-events:none!important}.home-only *,.about-only *,.work-only *{pointer-events:none!important}.page-home .home-only{opacity:1;transform:translate(0);pointer-events:auto!important}.page-home .home-only *{pointer-events:auto!important}.page-about .home-only{opacity:0;transform:translate(-120px)}.page-work .home-only{opacity:0;transform:translate(-240px)}.page-home .about-only{opacity:0;transform:translate(120px)}.page-about .about-only{opacity:1;transform:translate(0);pointer-events:auto!important}.page-about .about-only *{pointer-events:auto!important}.page-work .about-only{opacity:0;transform:translate(-120px)}.page-home .work-only{opacity:0;transform:translate(240px)}.page-about .work-only{opacity:0;transform:translate(120px)}.page-work .work-only{opacity:1;transform:translate(0);pointer-events:auto!important}.page-work .work-only *{pointer-events:auto!important}.about-content-block{z-index:10;text-align:right;pointer-events:none;position:absolute;top:30%;left:36%;right:80px}.about-content-block *{pointer-events:auto}.about-subtitle{letter-spacing:3px;color:var(--color-text-muted);visibility:hidden;margin-bottom:12px;font-size:10px;font-weight:500;transition:color .4s;display:block}.about-title{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--color-text-primary);visibility:hidden;margin-bottom:20px;font-size:32px;font-weight:800;line-height:1.1;transition:color .4s}.about-text{color:var(--color-text-muted);visibility:hidden;font-size:14px;font-weight:400;line-height:1.6;transition:color .4s}.work-content-block{z-index:10;text-align:left;pointer-events:none;position:absolute;top:30%;left:80px;right:36%}.work-content-block *{pointer-events:auto}.work-subtitle{letter-spacing:3px;color:var(--color-text-muted);margin-bottom:12px;font-size:10px;font-weight:500;transition:color .4s;display:block}.work-title{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--color-text-primary);margin-bottom:20px;font-size:32px;font-weight:800;line-height:1.1;transition:color .4s}.work-text{color:var(--color-text-muted);font-size:14px;font-weight:400;line-height:1.6;transition:color .4s}.work-capabilities{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:25px;display:flex}.liquid-glitch-wrapper{cursor:pointer;display:inline-block;position:relative;width:max-content!important}.brand-title .title-main{display:block}.glitch-base{z-index:1;display:block;position:relative}.glitch-lens-container{z-index:2;pointer-events:none;width:100%;height:100%;clip-path:circle(var(--mask-radius,0px) at var(--mx,0px) var(--my,0px));filter:url(#liquid-distortion-filter);position:absolute;top:0;left:0}.glitch-layer{pointer-events:none;will-change:transform, clip-path;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.dark-theme .glitch-layer.layer-r{color:#ff3b30;mix-blend-mode:screen}.dark-theme .glitch-layer.layer-g{color:#34c759;mix-blend-mode:screen}.dark-theme .glitch-layer.layer-b{color:#007aff;mix-blend-mode:screen}.glitch-layer.layer-r{color:#ff2d55;mix-blend-mode:multiply}.glitch-layer.layer-g{color:#00c7e8;mix-blend-mode:multiply}.glitch-layer.layer-b{color:#fc0;mix-blend-mode:multiply}.contact-link{color:var(--color-text-primary);letter-spacing:1px;margin-bottom:5px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .3s;display:inline-block;position:relative}.contact-link:after{content:"";background-color:var(--color-text-primary);transform-origin:100%;width:100%;height:1px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.contact-link:hover{opacity:.8}.contact-link:hover:after{transform-origin:0;transform:scaleX(1)}.contact-location{color:var(--color-text-muted);letter-spacing:2px;font-size:11px;display:block}.about-capabilities{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.cap-item{font-family:var(--font-heading);letter-spacing:2px;color:var(--color-text-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);visibility:hidden;background:#ffffff0d;border-radius:15px;padding:6px 14px;font-size:10px;font-weight:700;transition:background .3s,border-color .3s,color .4s;position:relative;overflow:hidden}.dark-theme .cap-item{background:#ffffff0f;border-color:#ffffff1a}.cap-item:hover{border-color:rgba(var(--color-text-primary-rgb,16, 16, 16), .35);background:rgba(var(--color-text-primary-rgb,16, 16, 16), .07);color:var(--color-text-primary);cursor:pointer}.dark-theme .cap-item:hover{background:#ffffff1f;border-color:#ffffff59}.cap-item:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--color-text-primary-rgb,16, 16, 16), .12), transparent);pointer-events:none;z-index:2;width:60%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.dark-theme .cap-item:after{background:linear-gradient(90deg,#0000,#ffffff2e,#0000)}.cap-item:hover:after{transition:left .8s cubic-bezier(.16,1,.3,1);left:150%}.music-toggle-btn{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px)saturate(140%);cursor:pointer;z-index:30;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),border-color .4s,background .4s;display:flex;position:absolute;top:24px;right:24px;overflow:visible;box-shadow:0 4px 10px #0000000d,inset 0 1px 1px #fff6}.music-toggle-btn:hover{border-color:var(--color-text-primary);background:#fff3;transform:scale(1.08)}.dark-theme .music-toggle-btn{background:#0003;border-color:#ffffff26;box-shadow:0 4px 10px #0000004d,inset 0 1px 1px #ffffff14}.dark-theme .music-toggle-btn:hover{background:#ffffff14;border-color:#fff6}.music-ring-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.music-equalizer{z-index:2;pointer-events:none;justify-content:center;align-items:center;gap:3px;width:20px;height:18px;display:flex}.eq-bar{background-color:var(--color-text-primary);transform-origin:50%;border-radius:1px;width:2.5px;height:100%;transition:transform .3s,background-color .4s}.music-toggle-btn.muted .eq-bar{background-color:var(--color-text-muted)!important;animation:none!important;transform:scaleY(.15)!important}.music-toggle-btn:not(.muted) .bar-1{animation:1s ease-in-out infinite bounceBar1}.music-toggle-btn:not(.muted) .bar-2{animation:.7s ease-in-out infinite bounceBar2}.music-toggle-btn:not(.muted) .bar-3{animation:1.2s ease-in-out infinite bounceBar3}.music-toggle-btn:not(.muted) .bar-4{animation:.9s ease-in-out infinite bounceBar4}@keyframes bounceBar1{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes bounceBar2{0%,to{transform:scaleY(.15)}50%{transform:scaleY(.85)}}@keyframes bounceBar3{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes bounceBar4{0%,to{transform:scaleY(.2)}50%{transform:scaleY(.75)}}.music-ring{border:1px solid var(--color-text-primary);opacity:0;pointer-events:none;border-radius:50%;transition:opacity 2.5s cubic-bezier(.25,.46,.45,.94),border-color .4s;position:absolute}.music-toggle-btn:not(.muted) .music-ring{opacity:1}.music-toggle-btn:not(.muted) .ring-1{width:18px;height:18px;animation:2.2s cubic-bezier(.1,.8,.3,1) infinite rippleWave}.music-toggle-btn:not(.muted) .ring-2{width:18px;height:18px;animation:2.2s cubic-bezier(.1,.8,.3,1) .7s infinite rippleWave}.music-toggle-btn:not(.muted) .ring-3{width:18px;height:18px;animation:2.2s cubic-bezier(.1,.8,.3,1) 1.4s infinite rippleWave}@keyframes rippleWave{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.8)}}.music-toggle-btn.muted .music-ring{opacity:0!important}.music-toggle-btn:after{content:"";background-color:var(--color-text-primary);opacity:0;z-index:3;width:0;height:1px;transition:width .3s,opacity .3s,background-color .4s;position:absolute;transform:rotate(-45deg)}.music-toggle-btn.muted:after{opacity:.85;width:24px}.dark-theme .music-toggle-btn:after{background-color:#fff}.music-tooltip{letter-spacing:1.5px;color:var(--color-text-primary);pointer-events:none;opacity:0;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 8px;font-size:8px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;top:54px;transform:translateY(-5px)}.music-toggle-btn:hover .music-tooltip{opacity:.85;transform:translateY(0)}@media (width<=900px){.music-toggle-btn{width:34px!important;height:34px!important;top:24px!important;right:24px!important}.music-tooltip{display:none!important}}@media (hover:hover) and (pointer:fine){body,a,button,[role=button],input,select,textarea,.slider-knob-glass,.slider-svg,.nav-link,.dot-btn,.see-work-btn{cursor:none!important}}.custom-cursor-dot,.custom-cursor-ring{pointer-events:none;z-index:99999;mix-blend-mode:difference;will-change:transform, width, height, background-color, border-color;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.custom-cursor-dot{background-color:#fff;width:6px;height:6px;margin-top:-3px;margin-left:-3px;transition:opacity .3s,width .3s,height .3s}.custom-cursor-ring{transform-origin:50%;background-color:#0000;border:1px solid #ffffffd9;width:26px;height:26px;margin-top:-13px;margin-left:-13px;transition:opacity .3s,width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),background-color .35s,border-color .35s}body.cursor-hover .custom-cursor-ring{background-color:#ffffff14;border-color:#fff;width:48px;height:48px;margin-top:-24px;margin-left:-24px}body.cursor-hover .custom-cursor-dot{opacity:.6;width:4px;height:4px;margin-top:-2px;margin-left:-2px}.custom-cursor-label{pointer-events:none;z-index:99999;mix-blend-mode:difference;color:#fff;font-family:var(--font-ui);letter-spacing:1.5px;text-transform:uppercase;opacity:0;will-change:transform, opacity;white-space:nowrap;font-size:8px;font-weight:500;transition:opacity .4s;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}@media (pointer:coarse){.custom-cursor-dot,.custom-cursor-ring,.custom-cursor-label{display:none!important}}.work-content-block{z-index:10;pointer-events:none;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 6% 0 0;position:absolute;height:auto!important;display:flex!important;inset:14% 0 12%!important}.work-left-panel{pointer-events:none;align-items:center;width:38%;height:100%;display:flex;position:relative}.work-right-panel{pointer-events:none;flex-direction:column;justify-content:center;gap:24px;width:54%;height:100%;display:flex;position:relative}.blob-shield{opacity:0;pointer-events:none;z-index:2;width:240px;height:90%;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;top:5%;left:290px;transform:translate(-20px)scale(.98)}.page-work .blob-shield{opacity:1;transform:translate(0)scale(1)}.blob-shield-svg{width:100%;height:100%}.blob-shield path{filter:drop-shadow(0 0 12px rgba(var(--color-text-primary-rgb,16, 16, 16), .12))}.work-title-wheel{pointer-events:none;z-index:3;align-items:center;width:360px;display:flex;position:absolute;top:0;bottom:0;left:170px}.wheel-item{font-family:var(--font-heading);letter-spacing:1px;text-align:left;color:var(--color-text-primary);text-transform:uppercase;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;transform-origin:0;will-change:transform, opacity, filter;opacity:0;filter:blur(4px);font-size:16px;font-weight:800;line-height:1.05;transition:color .4s,transform .8s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);position:absolute}.wheel-item:hover{color:var(--color-text-muted)}.preview-container{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:auto;background:#ffffff08;border-radius:12px;width:100%;height:400px;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 30px 70px #00000014,inset 0 1px 2px #ffffff1a}.dark-theme .preview-container{background:#00000026;border-color:#ffffff0f;box-shadow:0 30px 70px #00000059,inset 0 1px 1px #ffffff0d}.page-work .preview-container{opacity:1;transform:translateY(0)}.preview-hud{opacity:0;pointer-events:none;z-index:5;flex-direction:column;justify-content:center;width:130px;padding:0 24px;transition:opacity .8s;display:flex;position:absolute;top:0;bottom:0}.preview-container.is-vertical .preview-hud{opacity:.35}.left-hud{border-right:1px solid rgba(var(--color-text-primary-rgb,16, 16, 16), .05);left:0}.dark-theme .left-hud{border-right-color:#ffffff0d}.right-hud{border-left:1px solid rgba(var(--color-text-primary-rgb,16, 16, 16), .05);right:0}.dark-theme .right-hud{border-left-color:#ffffff0d}.hud-line{background:var(--color-text-primary);opacity:.2;width:100%;height:1px;margin-bottom:12px}.hud-stats{flex-direction:column;gap:6px;display:flex}.hud-label{font-family:var(--font-ui);letter-spacing:1.5px;color:var(--color-text-primary);opacity:.6;margin-bottom:4px;font-size:7px;font-weight:700}.hud-value{font-family:var(--font-ui);letter-spacing:1px;color:var(--color-text-muted);font-size:7px;font-weight:500}.screenshot-viewport{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.screenshot-layer{opacity:0;filter:blur(15px);will-change:opacity, filter, transform;width:100%;height:100%;transition:opacity 4s cubic-bezier(.16,1,.3,1),filter 4s cubic-bezier(.16,1,.3,1),transform 4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;overflow:hidden;transform:scale(.96)}.screenshot-layer.active{opacity:1;filter:blur();transform:scale(1)}.layer-bg{filter:blur(30px)saturate(130%);opacity:.18;pointer-events:none;background-position:50%;background-size:cover;width:124%;height:124%;transition:opacity .5s;position:absolute;top:-12%;left:-12%}.dark-theme .layer-bg{opacity:.26}.layer-fg{z-index:2;pointer-events:none;position:absolute}.preview-aura{display:none}.preview-container.is-vertical .layer-fg{width:155px;height:320px;box-shadow:0 20px 45px #00000059, inset 0 0 2px #fff3, 0 0 0 1px rgba(var(--color-text-primary-rgb,16, 16, 16), .1);filter:none;background:#000;border:6px solid #1c1d1f;border-radius:26px;position:relative;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.preview-container.is-vertical .layer-fg:after{content:"";z-index:10;background:#1c1d1f;border-radius:6px;width:42px;height:11px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.preview-container.is-vertical .layer-fg:before{content:"";z-index:10;background:#ffffff59;border-radius:1.5px;width:50px;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.preview-container:not(.is-vertical) .layer-fg{border:1px solid rgba(var(--color-text-primary-rgb,16, 16, 16), .15);width:95%;height:95%;box-shadow:0 15px 35px #00000026, inset 0 1px 2px #ffffff1a, 0 0 0 1px rgba(var(--color-text-primary-rgb,16, 16, 16), .05);filter:none;background:#000;border-radius:8px;position:relative;top:2.5%;left:2.5%;overflow:hidden}.dark-theme .preview-container:not(.is-vertical) .layer-fg{border-color:#ffffff26;box-shadow:0 25px 50px #00000073,inset 0 1px 1px #ffffff0d}.screenshot-img{border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-3px}.preview-loader{-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;z-index:10;background:#eceeefd9;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0}.dark-theme .preview-loader{background:#16181be6}.preview-loader.visible{opacity:1;visibility:visible}.loader-ring{border:1.5px solid rgba(var(--color-text-primary-rgb,16, 16, 16), .1);border-top-color:var(--color-text-primary);border-radius:50%;width:44px;height:44px;animation:1s cubic-bezier(.5,.1,.4,.9) infinite spinLoader}.loader-text{font-family:var(--font-ui);letter-spacing:2px;color:var(--color-text-primary);opacity:.8;font-size:9px;font-weight:700}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.presentation-timeline{opacity:0;pointer-events:auto;align-items:center;width:100%;height:32px;margin-top:8px;transition:opacity 1.2s cubic-bezier(.16,1,.3,1) .1s,transform 1.2s cubic-bezier(.16,1,.3,1) .1s;display:flex;position:relative;transform:translateY(20px)}.page-work .presentation-timeline{opacity:1;transform:translateY(0)}.timeline-track{background:rgba(var(--color-text-primary-rgb,16, 16, 16), .08);border-radius:1px;width:100%;height:2px;position:relative}.dark-theme .timeline-track{background:#ffffff14}.timeline-progress{background:var(--color-text-primary);border-radius:1px;width:0%;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.timeline-dots{pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timeline-dot{border:2px solid var(--color-text-primary);cursor:pointer;pointer-events:auto;z-index:5;background:#eceeef;border-radius:50%;width:10px;height:10px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .4s,border-color .4s;position:absolute;top:50%;transform:translate(-50%,-50%)}.dark-theme .timeline-dot{background:#16181b}.timeline-dot:hover{transform:translate(-50%,-50%)scale(1.4)}.timeline-dot.active{background-color:var(--color-text-primary)}.timeline-dot:after{content:attr(data-label);font-family:var(--font-ui);color:var(--color-text-primary);opacity:.4;white-space:nowrap;font-size:8px;font-weight:700;transition:opacity .4s,transform .4s;position:absolute;top:15px;left:50%;transform:translate(-50%)}.timeline-dot.active:after,.timeline-dot:hover:after{opacity:.95;transform:translate(-50%)translateY(1px)}.preview-click-ripple{background:rgba(var(--color-text-primary-rgb,16, 16, 16), .12);pointer-events:none;z-index:8;border-radius:50%;width:20px;height:20px;animation:.6s cubic-bezier(.1,.8,.3,1) forwards previewRipple;position:absolute;transform:translate(-50%,-50%)scale(1)}.dark-theme .preview-click-ripple{background:#ffffff26}@keyframes previewRipple{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(18)}}.preview-container.is-vertical .layer-fg,.preview-container:not(.is-vertical) .layer-fg{transition:transform .25s cubic-bezier(.25,.46,.45,.94),border-color .4s}.preview-container.is-vertical .layer-fg.clicked{transform:translate(-50%,-50%)scale(.98)!important}.preview-container:not(.is-vertical) .layer-fg.clicked{transform:scale(.98)!important}.playback-paused-indicator{opacity:0;visibility:hidden;pointer-events:none;z-index:10;background:rgba(var(--color-text-primary-rgb,16, 16, 16), .05);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--color-text-primary-rgb,16, 16, 16), .05);border-radius:12px;align-items:center;gap:8px;padding:4px 12px;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility .4s;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%)translateY(8px)}.dark-theme .playback-paused-indicator{background:#ffffff0d;border-color:#ffffff0d}.playback-paused-indicator.visible{opacity:.95;visibility:visible;transform:translate(-50%)translateY(0)}.paused-pulse-icon{justify-content:center;align-items:center;gap:3px;width:10px;height:10px;display:flex}.paused-pulse-icon .bar{background:var(--color-text-primary);border-radius:1px;width:2px;height:8px;animation:1.6s ease-in-out infinite pulsePauseBar}.paused-pulse-icon .bar-2{animation-delay:.8s}@keyframes pulsePauseBar{0%,to{opacity:.35;transform:scaleY(.75)}50%{opacity:1;transform:scaleY(1.15)}}.paused-text{font-family:var(--font-ui);letter-spacing:1.5px;color:var(--color-text-primary);white-space:nowrap;font-size:8px;font-weight:700}.contact-only{will-change:transform, opacity;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1);pointer-events:none!important}.contact-only *{pointer-events:none!important}.page-home .contact-only{opacity:0;transform:translate(360px)}.page-about .contact-only{opacity:0;transform:translate(240px)}.page-work .contact-only{opacity:0;transform:translate(120px)}.page-contact .contact-only{opacity:1;transform:translate(0);pointer-events:auto!important}.page-contact .contact-only *{pointer-events:auto!important}.page-contact .home-only{opacity:0;transform:translate(-360px)}.page-contact .about-only{opacity:0;transform:translate(-240px)}.page-contact .work-only{opacity:0;transform:translate(-120px)}.contact-content-block{box-sizing:border-box;z-index:10;pointer-events:none;grid-template-columns:.8fr 1.3fr;align-items:center;width:100%;height:80%;padding:0 6%;display:grid;position:absolute;top:16.67%;left:0}.contact-content-block *{pointer-events:auto}.contact-left-panel{box-sizing:border-box;justify-content:flex-start;align-items:flex-end;height:100%;padding-bottom:8%;display:flex;position:relative}.contact-map-wrapper{z-index:-1;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.contact-map-svg{opacity:0;width:110%;height:auto;max-height:95%;transition:opacity 1.6s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1);transform:scale(.95)translateY(10px)}.page-contact .contact-map-svg{opacity:.85;transform:scale(1)translateY(0)}.contact-map-svg path{fill:#141416;stroke:#1010100a;stroke-width:.4px;transition:fill .6s,stroke .6s}.dark-theme .contact-map-svg path{fill:#060709;stroke:#f5f6f808}.surat-glow-pin{pointer-events:none}.surat-glow-pin .pin-core{fill:#e0b86b;filter:drop-shadow(0 0 4px #e0b86b)}.surat-glow-pin .pin-ring{fill:none;stroke:#e0b86b;stroke-width:1.5px;transform-origin:1384px 366px;animation:2.4s cubic-bezier(.215,.61,.355,1) infinite pinGlowPulse}.surat-glow-pin .ring-2{stroke-width:.8px;animation-delay:.8s}@keyframes pinGlowPulse{0%{opacity:.8;transform:scale(.2)}50%{opacity:.5}to{opacity:0;transform:scale(1.5)}}.contact-hud-card{font-family:var(--font-ui);text-align:left;-webkit-backdrop-filter:blur(24px);box-sizing:border-box;background:#ffffff73;border:1px solid #ffffff80;border-radius:14px;width:auto;min-width:250px;margin-bottom:85px;margin-left:90px;padding:16px 20px;transition:background .6s,border-color .6s,box-shadow .6s;box-shadow:inset 0 1px 1px #fff6,0 8px 32px #00000008}.dark-theme .contact-hud-card{background:#0c0d0f59;border-color:#f5f6f814;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #00000040}.hud-card-header{border-bottom:1px solid rgba(var(--color-text-primary-rgb), .08);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;display:flex}.hud-card-dot{background-color:var(--color-text-primary);width:6px;height:6px;box-shadow:0 0 6px var(--color-text-primary);border-radius:50%;animation:1.8s ease-in-out infinite hudPulse}@keyframes hudPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.hud-card-title{font-family:var(--font-ui);letter-spacing:2px;color:var(--color-text-muted);text-transform:uppercase;font-size:8.5px;font-weight:700}.hud-card-body{flex-direction:column;gap:6px;display:flex}.hud-metric{justify-content:space-between;gap:8px;font-size:9px;font-weight:500;line-height:1.3;display:flex}.hud-metric.font-mono{font-family:Courier New,Courier,monospace;font-size:8.5px;font-weight:600}.metric-label{color:var(--color-text-muted);font-family:var(--font-ui);letter-spacing:1.2px;font-weight:700}.metric-val{color:var(--color-text-primary);text-align:right}.metric-val.status-active{text-shadow:0 0 6px #3cd07066;font-weight:700;color:#3cd070!important}.contact-right-panel{box-sizing:border-box;grid-template-columns:1.6fr 1fr;justify-content:stretch;align-items:start;gap:28px;height:100%;padding-left:0;padding-right:45px;display:grid}.contact-right-left-col{flex-direction:column;gap:12px;width:100%;display:flex}.contact-right-right-col{flex-direction:column;align-self:center;width:100%;display:flex}.contact-form-card,.comms-hours-card,.comms-channels-card{-webkit-backdrop-filter:blur(24px);box-sizing:border-box;background:#ffffffa6;border:1px solid #ffffff80;border-radius:16px;width:100%;box-shadow:inset 0 1px 1px #fff6,0 8px 32px #00000008}.dark-theme .contact-form-card,.dark-theme .comms-hours-card,.dark-theme .comms-channels-card{background:#0c0d0f59;border-color:#f5f6f814;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #00000040}.contact-form-card{padding:20px 24px}.comms-hours-card{padding:14px 18px}.comms-channels-card{padding:18px 20px}.form-header{border-bottom:1px solid rgba(var(--color-text-primary-rgb), .08);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;display:flex}.form-title{font-family:var(--font-heading);letter-spacing:2.5px;color:var(--color-text-primary);font-size:11px;font-weight:800}.form-id{font-family:var(--font-ui);letter-spacing:1px;color:var(--color-text-muted);opacity:.6;font-size:8px;font-weight:700}.contact-form{flex-direction:column;gap:12px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{text-align:left;flex-direction:column;gap:4px;display:flex}.form-group label{font-family:var(--font-ui);letter-spacing:1.5px;color:var(--color-text-muted);font-size:9px;font-weight:700}.form-group input,.form-group textarea{font-family:var(--font-ui);letter-spacing:.5px;color:var(--color-text-primary);border:none;border-bottom:1px solid rgba(var(--color-text-primary-rgb), .14);box-sizing:border-box;background:0 0;border-radius:0;padding:8px 0;font-size:10px;font-weight:500;transition:border-color .3s,box-shadow .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted);opacity:.4;letter-spacing:1px;font-size:9px}.form-group input:focus,.form-group textarea:focus{border-color:rgba(var(--color-text-primary-rgb), .45);box-shadow:0 1px 0 rgba(var(--color-text-primary-rgb), .45);outline:none}.form-group textarea{resize:none;height:55px}.submit-btn{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#fff9;border:1px solid #ffffff8c;border-radius:50px;justify-content:space-between;align-items:center;padding:12px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background-color .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff80,0 4px 16px #00000005}.dark-theme .submit-btn{background:#ffffff0f;border-color:#f5f6f814;box-shadow:inset 0 1px #ffffff0d,0 4px 16px #00000026}.submit-btn:hover{background:#ffffffd9;border-color:#f9731659;transform:scale(1.02);box-shadow:inset 0 1px 1px #fff9,0 10px 25px #f9731638}.dark-theme .submit-btn:hover{background:#ffffff1f;border-color:#f9731673;box-shadow:inset 0 1px #ffffff1a,0 10px 25px #f9731659}.submit-btn:active{transform:scale(.98)}.submit-btn-text{font-family:var(--font-ui);letter-spacing:2px;color:var(--color-text-primary);font-size:10px;font-weight:700}.submit-btn-circle{color:#f97316;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.submit-btn:hover .submit-btn-circle{transform:rotate(-45deg)scale(1.05)}.submit-btn:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff59 50%,#fff0 100%);width:30%;height:200%;transition:none;position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}.submit-btn:hover:after{opacity:1;animation:.8s cubic-bezier(.16,1,.3,1) forwards btnShimmer}@keyframes btnShimmer{0%{left:-60%}to{left:140%}}.form-feedback{font-family:var(--font-ui);letter-spacing:1.5px;text-align:center;background:rgba(var(--color-text-primary-rgb), .04);border:1px dashed rgba(var(--color-text-primary-rgb), .2);color:var(--color-text-primary);border-radius:6px;padding:10px;font-size:10px;font-weight:700}.comms-column{flex-direction:column;gap:10px;display:flex}.comms-title{font-family:var(--font-ui);letter-spacing:2px;color:var(--color-text-muted);text-transform:uppercase;border-bottom:1px solid rgba(var(--color-text-primary-rgb), .08);margin-bottom:12px;padding-bottom:8px;font-size:8.5px;font-weight:700}.comms-links{flex-direction:column;gap:8px;display:flex}.comms-link{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#fff9;border:1px solid #ffffff80;border-radius:30px;flex-direction:column;gap:2px;padding:10px 22px;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,background-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fff6,0 4px 12px #00000005}.dark-theme .comms-link{background:#ffffff0d;border-color:#f5f6f80d;box-shadow:inset 0 1px #ffffff08,0 4px 12px #00000026}.comms-link:hover{background:#ffffffd9;border-color:#f9731659;transform:translate(4px);box-shadow:inset 0 1px 1px #ffffff80,0 8px 20px #f973162e}.dark-theme .comms-link:hover{background:#ffffff1a;border-color:#f9731673;box-shadow:inset 0 1px #ffffff14,0 8px 20px #f9731647}.comms-link:active{transform:scale(.98)translate(4px)}.comms-link-id-row{align-items:center;gap:5px;display:flex}.comms-link-icon{width:9px;height:9px;stroke:var(--color-text-muted);fill:none;flex-shrink:0;transition:stroke .3s,fill .3s}.comms-link-icon.fill-icon{fill:var(--color-text-muted);stroke:none}.comms-link:hover .comms-link-icon{stroke:var(--color-text-primary)}.comms-link:hover .comms-link-icon.fill-icon{fill:var(--color-text-primary);stroke:none}.comms-link-id{font-family:var(--font-ui);letter-spacing:1.2px;color:var(--color-text-muted);font-size:7.5px;font-weight:700}.comms-link-val{color:var(--color-text-primary);word-break:break-all;font-family:Courier New,Courier,monospace;font-size:9.5px;font-weight:600}.comms-link:after{content:"";background:linear-gradient(90deg, rgba(var(--color-text-primary-rgb), 0) 0%, rgba(var(--color-text-primary-rgb), .1) 50%, rgba(var(--color-text-primary-rgb), 0) 100%);pointer-events:none;opacity:0;width:25%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)}.comms-link:hover:after{opacity:1;animation:.9s cubic-bezier(.16,1,.3,1) forwards capShimmer}@keyframes capShimmer{0%{left:-50%}to{left:130%}}.comms-hours-box{justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.hours-time{letter-spacing:.5px;color:var(--color-text-primary);opacity:.85;font-family:Courier New,Courier,monospace;font-size:9px;font-weight:600}.hours-status-badge{width:fit-content;font-family:var(--font-ui);letter-spacing:1.5px;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:7.5px;font-weight:800;display:inline-flex}.hours-status-badge.status-online{color:#3cd070;background:#3cd07014;border:1px solid #3cd07033}.hours-status-badge.status-standby{color:#f0ad4e;background:#f0ad4e14;border:1px solid #f0ad4e33}.status-indicator-dot{border-radius:50%;width:5px;height:5px}.status-online .status-indicator-dot{background-color:#3cd070;animation:1.5s ease-in-out infinite hudPulse;box-shadow:0 0 6px #3cd07099}.status-standby .status-indicator-dot{background-color:#f0ad4e;animation:1.5s ease-in-out infinite hudPulse;box-shadow:0 0 6px #f0ad4e99}.hud-card-title,.metric-val,.form-title,.form-id,.comms-title,.comms-link-id,.comms-link-val,.hours-time,.status-indicator-text,.footer-left:not(.home-only) .section-number,.footer-left:not(.home-only) .title-text-main,.footer-left:not(.home-only) .sub-title{visibility:hidden}@media (width<=900px){.contact-content-block{flex-direction:column;gap:40px;height:auto;padding:80px 24px 120px;display:flex;position:relative;top:0}.contact-left-panel{justify-content:center;align-items:center;width:100%;height:auto;padding-bottom:0}.contact-hud-card{text-align:center;-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);box-sizing:border-box;background:#ffffff73;border-radius:10px;width:100%;margin-top:0;margin-bottom:0;margin-left:0;padding:16px}.dark-theme .contact-hud-card{background:#00000040;border-color:#f5f6f814}.contact-right-panel{flex-direction:column;gap:24px;width:100%;height:auto;padding-left:0;padding-right:0;display:flex}.contact-right-right-col{align-self:stretch;margin-top:0}.contact-form-card{max-width:100%}.contact-form{padding:20px}}@media (width<=600px){.form-row{grid-template-columns:1fr;gap:16px}.comms-hours-box{flex-direction:column;align-items:flex-start;gap:8px}}.mobile-projects-list,.immersive-header-bar,.immersive-nav-controls{display:none}@media (width<=900px){.work-left-panel,.mobile-projects-list{display:none!important}.work-right-panel{width:100%!important;height:auto!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;z-index:10!important;background:0 0!important;flex-direction:column!important;justify-content:flex-start!important;margin-top:0!important;padding:0!important;display:flex!important;position:relative!important;transform:none!important}.immersive-header-bar{box-sizing:border-box!important;border-bottom:1px solid #10101014!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:12px 4px!important;display:flex!important}body.dark-theme-active .immersive-header-bar{border-bottom-color:#ffffff14!important}.immersive-title-group{align-items:center!important;display:flex!important}.immersive-status-dot{background-color:#3cd070!important;border-radius:50%!important;width:6px!important;height:6px!important;margin-right:8px!important;animation:1.5s ease-in-out infinite hudPulse!important;display:inline-block!important;box-shadow:0 0 8px #3cd07099!important}.immersive-project-name{font-family:var(--font-heading)!important;text-transform:uppercase!important;color:var(--color-text-primary)!important;letter-spacing:.5px!important;font-size:14px!important;font-weight:800!important}.immersive-close-btn{display:none!important}.work-right-panel .preview-container{opacity:1!important;width:100%!important;height:52vh!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:auto 0!important;display:flex!important;position:relative!important;overflow:visible!important;transform:none!important}.work-right-panel .screenshot-viewport,.work-right-panel .screenshot-layer{overflow:visible!important}.work-right-panel .layer-bg,.work-right-panel .preview-hud{display:none!important}.work-right-panel .preview-container.is-vertical .layer-fg{aspect-ratio:9/19.5!important;width:auto!important;height:48vh!important;box-shadow:none!important;border:5px solid #1c1d1f!important;border-radius:18px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.work-right-panel .preview-container:not(.is-vertical) .layer-fg{aspect-ratio:16/9!important;width:auto!important;max-width:92vw!important;height:auto!important;max-height:48vh!important;box-shadow:none!important;border:1px solid #10101014!important;border-radius:8px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.work-right-panel .preview-container:not(.is-vertical) .screenshot-img{background-size:100% 100%!important}body.dark-theme-active .work-right-panel .preview-container:not(.is-vertical) .layer-fg{border-color:#ffffff14!important}.work-right-panel .preview-aura{z-index:1!important;pointer-events:none!important;box-shadow:none!important;background-color:#0000!important;transition:transform 50ms ease-out!important;display:block!important;position:absolute!important}body.dark-theme-active .work-right-panel .preview-aura{box-shadow:none!important;background-color:#0000!important}.work-right-panel .preview-container.is-vertical .preview-aura{background-color:#0000!important;border-radius:18px!important;width:22.1538vh!important;height:48vh!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.work-right-panel .preview-container:not(.is-vertical) .preview-aura{background-color:#0000!important;border-radius:8px!important;width:min(92vw,85.3333vh)!important;height:min(51.75vw,48vh)!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.work-right-panel .preview-aura:before,.work-right-panel .preview-aura:after{content:""!important;filter:blur(35px)!important;pointer-events:none!important;width:120%!important;height:120%!important;transition:background-color 80ms,transform 80ms!important;position:absolute!important;top:50%!important;left:50%!important}.work-right-panel .preview-aura:before{background:radial-gradient(circle at 45% 55%, rgba(var(--aura-color-1,60, 208, 112), calc(.26 + var(--audio-intensity,0) * .54)) 0%, rgba(var(--aura-color-2,0, 229, 255), calc(.12 + var(--audio-intensity,0) * .35)) 45%, rgba(var(--aura-color-1,60, 208, 112), 0) 80%)!important;transform:translate(-50%, -50%) scale(calc(1 + var(--audio-intensity,0) * .32))!important;animation:8s ease-in-out infinite alternate fluidGlow1!important}.work-right-panel .preview-aura:after{background:radial-gradient(circle at 55% 45%, rgba(var(--aura-color-2,0, 229, 255), calc(.24 + var(--audio-intensity,0) * .48)) 0%, rgba(var(--aura-color-3,157, 78, 221), calc(.12 + var(--audio-intensity,0) * .35)) 45%, rgba(var(--aura-color-2,0, 229, 255), 0) 80%)!important;transform:translate(-50%, -50%) scale(calc(1 + var(--audio-intensity,0) * .26))!important;animation:8s ease-in-out infinite alternate fluidGlow2!important}body.dark-theme-active .work-right-panel .preview-aura:before{background:radial-gradient(circle at 45% 55%, rgba(var(--aura-color-1,60, 208, 112), calc(.14 + var(--audio-intensity,0) * .28)) 0%, rgba(var(--aura-color-2,0, 229, 255), calc(.06 + var(--audio-intensity,0) * .18)) 45%, rgba(var(--aura-color-1,60, 208, 112), 0) 80%)!important;mix-blend-mode:screen!important}body.dark-theme-active .work-right-panel .preview-aura:after{background:radial-gradient(circle at 55% 45%, rgba(var(--aura-color-2,0, 229, 255), calc(.12 + var(--audio-intensity,0) * .24)) 0%, rgba(var(--aura-color-3,157, 78, 221), calc(.06 + var(--audio-intensity,0) * .18)) 45%, rgba(var(--aura-color-2,0, 229, 255), 0) 80%)!important;mix-blend-mode:screen!important}.immersive-nav-controls{pointer-events:auto!important;z-index:100!important;justify-content:center!important;align-items:center!important;gap:30px!important;width:auto!important;margin:10px auto 0!important;padding:0!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.immersive-nav-btn{pointer-events:auto!important;-webkit-backdrop-filter:blur(10px)!important;width:44px!important;height:44px!important;color:var(--color-text-primary)!important;cursor:pointer!important;background:#ffffff59!important;border:1px solid #10101014!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;display:flex!important;box-shadow:0 4px 12px #0000000d!important}body.dark-theme-active .immersive-nav-btn{background:#00000059!important;border-color:#ffffff14!important;box-shadow:0 4px 12px #0000004d!important}.immersive-nav-btn:active{transform:scale(.92)!important}.work-right-panel .presentation-timeline{box-sizing:border-box!important;opacity:1!important;align-items:center!important;width:100%!important;margin-top:20px!important;margin-bottom:35px!important;display:flex!important;position:relative!important;transform:none!important}.work-right-panel .timeline-track{background:#10101014!important;border-radius:2px!important;height:4px!important}body.dark-theme-active .work-right-panel .timeline-track{background:#ffffff14!important}.work-right-panel .timeline-dot{border-style:solid!important;border-width:2px!important;border-color:var(--color-text-primary)!important;background-color:var(--bg-inner-start)!important;width:10px!important;height:10px!important}body.dark-theme-active .work-right-panel .timeline-dot{background-color:#16181b!important}.work-right-panel .timeline-dot.active{background-color:var(--color-text-primary)!important;transform:translate(-50%,-50%)scale(1)!important}.work-right-panel .timeline-dot:before{content:""!important;z-index:10!important;position:absolute!important;inset:-12px!important}.work-right-panel .timeline-dot:after{content:attr(data-label)!important;font-family:var(--font-ui)!important;color:var(--color-text-primary)!important;opacity:.45!important;white-space:nowrap!important;z-index:1!important;pointer-events:none!important;font-size:8px!important;font-weight:700!important;position:absolute!important;inset:18px auto auto 50%!important;transform:translate(-50%)!important}.work-right-panel .timeline-dot.active:after{opacity:.95!important;transform:translate(-50%)translateY(1px)!important}.work-right-panel .playback-paused-indicator{display:none!important}.work-content-block{text-align:left!important;z-index:10!important;opacity:1!important;pointer-events:auto!important;flex-direction:column!important;gap:32px!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;inset:calc(100vh + 710px) 30px auto!important;transform:none!important}.contact-content-block{text-align:left!important;z-index:10!important;opacity:1!important;pointer-events:auto!important;flex-direction:column!important;gap:32px!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;padding:0 0 120px!important;display:flex!important;position:absolute!important;inset:calc(100vh + 1675px) 30px auto!important;transform:none!important}.home-only,.about-only,.work-only,.contact-only,.home-only *,.about-only *,.work-only *,.contact-only *{pointer-events:auto!important}body.immersive-showcase-open .work-content-block{z-index:20000!important}body.immersive-showcase-open .footer-left{display:none!important}}@keyframes fluidGlow1{0%{border-radius:43% 57% 41% 59%/57% 45% 55% 43%;top:46%;left:44%}33%{border-radius:60% 40%/40% 60%;top:54%;left:54%}66%{border-radius:50% 50% 35% 65%/65% 35%;top:48%;left:46%}to{border-radius:55% 45% 45% 55%/45% 55% 55% 45%;top:52%;left:56%}}@keyframes fluidGlow2{0%{border-radius:57% 43% 59% 41%/45% 57% 43% 55%;top:54%;left:56%}33%{border-radius:40% 60%/60% 40%;top:46%;left:46%}66%{border-radius:35% 65% 50% 50%/50% 50% 35% 65%;top:52%;left:54%}to{border-radius:45% 55% 55% 45%/55% 45% 45% 55%;top:48%;left:44%}}