@import "https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Inter:wght@300;400;500;700;900&family=Cinzel:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--white:#fff;--off-white:#e8e8e8;--dim:#ffffff14;--dim-mid:#ffffff26;--dim-hi:#fff9;--font-display:"Anton", "Bebas Neue", Impact, sans-serif;--font-cinema:"Cinzel", "Times New Roman", serif;--font-hud:"Rajdhani", "Inter", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-connect-head:"Plus Jakarta Sans", system-ui, sans-serif;--font-connect-body:"Manrope", system-ui, sans-serif;--ease-whip:cubic-bezier(.19, 1, .22, 1);--ease-slam:cubic-bezier(.87, 0, .13, 1);--ease-snap:cubic-bezier(.77, 0, .175, 1)}html{scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;font-size:16px}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{background:var(--black);color:var(--white);font-family:var(--font-body);cursor:none;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}#scroll-progress{background:var(--white);z-index:9999;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}#custom-cursor{background:var(--white);pointer-events:none;z-index:10000;width:12px;height:12px;transition:width .2s var(--ease-whip), height .2s var(--ease-whip), background .2s ease;mix-blend-mode:difference;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}#cursor-trail{pointer-events:none;z-index:9999;width:36px;height:36px;transition:left .12s var(--ease-whip), top .12s var(--ease-whip), width .3s var(--ease-whip), height .3s var(--ease-whip);mix-blend-mode:difference;border:1px solid #ffffff80;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}body.cursor-hover #custom-cursor{border:2px solid var(--white);background:0 0;width:60px;height:60px}body.cursor-hover #cursor-trail{opacity:0;width:0;height:0}#noise-canvas{pointer-events:none;z-index:9990;opacity:.03;width:100%;height:100%;position:fixed;top:0;left:0}#flash-overlay{background:var(--white);z-index:99999;opacity:1;pointer-events:none;animation:flash-entry .6s var(--ease-slam) forwards;position:fixed;inset:0}@keyframes flash-entry{0%{opacity:1}40%{opacity:1}to{opacity:0;pointer-events:none}}.hud-watermark-logo{z-index:1000;font-family:var(--font-display);letter-spacing:.15em;color:#fff6;cursor:pointer;transition:color .3s var(--ease-whip), transform .3s var(--ease-whip);font-size:1.4rem;position:fixed;top:2rem;left:3vw}.hud-watermark-logo:hover{color:#ffffffe6;transform:scale(1.05)}.liquid-glass-nav-dock{z-index:1000;transition:all .4s var(--ease-whip);border:1px solid #ffffff2e;border-radius:40px;align-items:center;padding:6px 14px;display:flex;position:fixed;bottom:2rem;left:50%;overflow:hidden;transform:translate(-50%)}.liquid-glass-sheen{pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff26 0%,#0000 40%,#ffffff14 60%,#0000 100%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.liquid-nav-items{z-index:2;align-items:center;gap:10px;display:flex;position:relative}.liquid-nav-item{color:#ffffff80;font-family:var(--font-hud);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:0;outline:none;align-items:center;gap:8px;padding:8px 14px;font-size:.68rem;font-weight:600;transition:color .3s;display:flex;position:relative}.liquid-nav-icon{opacity:.6;justify-content:center;align-items:center;transition:transform .3s,opacity .3s;display:flex}.liquid-nav-item:hover{color:#fffffff2}.liquid-nav-item:hover .liquid-nav-icon{opacity:1;transform:translateY(-1px)}.liquid-nav-item.active{color:#fff;box-shadow:none;text-shadow:0 0 10px #fff9;background:0 0;border:none}.liquid-nav-item.active .liquid-nav-icon{opacity:1;color:#fff}.liquid-active-glow{background:#fff;border-radius:2px;height:2px;position:absolute;bottom:0;left:10px;right:10px;box-shadow:0 0 8px #fffc}.fixed-viewport{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.scroll-dummy{width:100%;height:2000vh}.panel{pointer-events:none;z-index:10;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;inset:0;overflow:hidden}#hero{background:0 0;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:absolute;inset:0;overflow:hidden}.cinema-bar{z-index:50;transition:height 1.2s var(--ease-slam);background:#000;position:absolute;left:0;right:0}.cinema-bar-top{height:14vh;top:0}.cinema-bar-bottom{height:14vh;bottom:0}#hero.cinema-active .cinema-bar-top,#hero.cinema-active .cinema-bar-bottom{height:0}.hero-vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 30%,#0000008c 70%,#000000eb 100%);position:absolute;inset:0}.hero-bloom{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(#ffffff0e 0%,#ffffff05 40%,#0000 70%);width:70vw;height:40vh;transition:opacity 1.4s 1.8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hero.cinema-active .hero-bloom{opacity:1}.hero-particles{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.speedlines{z-index:4;pointer-events:none;opacity:0;position:absolute;inset:0}.speedlines.flash{animation:sl-burst .45s var(--ease-whip) forwards}.speedlines span{background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);height:1px;position:absolute;left:0;right:0;transform:scaleX(0)}.speedlines span:first-child{top:18%}.speedlines span:nth-child(2){top:28%}.speedlines span:nth-child(3){top:38%}.speedlines span:nth-child(4){top:48%}.speedlines span:nth-child(5){top:58%}.speedlines span:nth-child(6){top:68%}.speedlines span:nth-child(7){top:78%}.speedlines span:nth-child(8){top:88%}@keyframes sl-burst{0%{opacity:1}10%{opacity:1}to{opacity:0}}.speedlines.flash span{animation:sl-line .45s var(--ease-whip) forwards}.speedlines span:first-child{animation-delay:0s!important}.speedlines span:nth-child(2){animation-delay:20ms!important}.speedlines span:nth-child(3){animation-delay:35ms!important}.speedlines span:nth-child(4),.speedlines span:nth-child(5){animation-delay:50ms!important}.speedlines span:nth-child(6){animation-delay:35ms!important}.speedlines span:nth-child(7){animation-delay:20ms!important}.speedlines span:nth-child(8){animation-delay:0s!important}@keyframes sl-line{0%{transform-origin:0;transform:scaleX(0)}30%{transform-origin:0;transform:scaleX(1)}60%{transform-origin:100%;opacity:1;transform:scaleX(1)}to{transform-origin:100%;opacity:0;transform:scaleX(0)}}.chroma-layer{z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen;position:absolute;inset:0}.chroma-layer.burst{animation:.3s steps(3,end) forwards chroma-burst}@keyframes chroma-burst{0%{opacity:.6;filter:hue-rotate()}33%{opacity:.4;filter:hue-rotate(90deg)}66%{opacity:.3;filter:hue-rotate(180deg)}to{opacity:0}}.cinema-stage{z-index:10;transform-origin:50%;will-change:transform;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding:14vh 8vw;display:flex;position:relative}.cinema-meta-top{opacity:0;transition:opacity .6s ease 2.6s, transform .6s var(--ease-whip) 2.6s;justify-content:space-between;align-items:center;padding:0 8vw;display:flex;position:absolute;top:15vh;left:0;right:0;transform:translateY(-12px)}#hero.cinema-active .cinema-meta-top{opacity:1;transform:translateY(0)}.cinema-studio{font-family:var(--font-hud);letter-spacing:.55em;color:#ffffff47;text-transform:uppercase;font-size:clamp(.5rem,.9vw,.72rem);font-weight:500}.cinema-aspect{font-family:var(--font-hud);letter-spacing:.35em;color:#ffffff2e;font-size:.6rem}.cinema-title-block{text-align:center;will-change:transform;flex-direction:column;align-items:center;gap:0;transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(0)scale(1)}.cinema-title-block.size-decreased{transform:translate(0)scale(.68)}.cinema-pretitle{opacity:0;transition:opacity .5s ease, transform .5s var(--ease-whip);align-items:center;gap:1.4rem;margin-bottom:2.8rem;display:flex;transform:translateY(16px)}.titles-in .cinema-pretitle{opacity:1;transform:translateY(0)}.pretitle-line{width:0;height:1px;transition:width .7s var(--ease-whip) .2s;background:#ffffff38;display:block}.titles-in .pretitle-line{width:80px}.pretitle-text{font-family:var(--font-cinema);letter-spacing:.65em;color:#ffffff4d;text-transform:uppercase;white-space:nowrap;font-size:clamp(.55rem,.85vw,.7rem);font-weight:400}.cinema-name-wrap{margin-bottom:2.2rem;display:inline-block;position:relative}.cinema-name{font-family:var(--font-cinema);letter-spacing:.14em;text-transform:uppercase;color:var(--white);z-index:2;flex-direction:column;align-items:center;gap:0;font-size:clamp(2.2rem,7vw,10rem);font-weight:900;line-height:.88;display:flex;position:relative}.cinema-name span:first-child,.cinema-name-echo span:first-child{letter-spacing:.16em;font-size:.4em;line-height:2}.cn-word{opacity:0;transform-origin:bottom;transition:opacity .9s var(--ease-slam), transform .9s var(--ease-slam);filter:blur(8px);display:inline-block;transform:translateY(60px)scaleY(1.3)}.cn-word.in{opacity:1;filter:blur();transform:translateY(0)scaleY(1)}.cinema-name-echo{font-family:var(--font-cinema);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;opacity:0;z-index:1;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(2.2rem,7vw,10rem);font-weight:900;line-height:.88;transition:opacity .3s;display:flex;position:absolute;inset:0}.echo-r{color:#ff32328c;mix-blend-mode:screen;transform:translate(4px)}.echo-b{color:#3264ff73;mix-blend-mode:screen;transform:translate(-4px)}.cinema-name-wrap.glitch .echo-r,.cinema-name-wrap.glitch .echo-b{opacity:1}#hero.cinema-active .cinema-name{animation:8s ease-in-out 3s infinite name-shimmer}@keyframes name-shimmer{0%,to{text-shadow:none}50%{text-shadow:0 0 60px #ffffff1f,0 0 120px #ffffff0d}}.cinema-subtitle{opacity:0;transition:opacity .5s ease .3s, transform .5s var(--ease-whip) .3s;align-items:center;gap:1.8rem;margin-bottom:3rem;display:flex;transform:translateY(10px)}.titles-in .cinema-subtitle{opacity:1;transform:translateY(0)}.subtitle-rule{width:0;height:1px;transition:width .8s var(--ease-whip) .6s;background:linear-gradient(90deg,#0000,#ffffff59);flex-shrink:0}.cinema-subtitle .subtitle-rule:last-child{background:linear-gradient(90deg,#ffffff59,#0000)}.titles-in .subtitle-rule{width:120px}.subtitle-text{font-family:var(--font-hud);letter-spacing:.6em;color:#ffffff8c;text-transform:uppercase;white-space:nowrap;font-size:clamp(.65rem,1.2vw,.95rem);font-weight:500}.cinema-tagline{font-family:var(--font-body);letter-spacing:.05em;color:#ffffffd9;text-align:center;flex-direction:column;gap:1.2rem;width:90%;max-width:800px;margin:0 auto;font-size:clamp(.9rem,1.4vw,1.25rem);font-style:italic;font-weight:300;line-height:1.6;display:flex}.cinema-tagline span{opacity:0;filter:blur(4px);transition:opacity .8s ease, filter .8s ease, transform .8s var(--ease-whip);display:block;transform:translateY(12px)}.cinema-tagline span.burn{opacity:1;filter:blur();transform:translateY(0)}.cinema-credits-bottom{opacity:0;transition:opacity .7s ease 2.8s, transform .7s var(--ease-whip) 2.8s;justify-content:center;align-items:center;gap:0;padding:0 8vw;display:flex;position:absolute;bottom:15vh;left:0;right:0;transform:translateY(12px)}#hero.cinema-active .cinema-credits-bottom{opacity:1;transform:translateY(0)}.credit-col{flex-direction:column;align-items:center;gap:.35rem;padding:0 2.5vw;display:flex}.credit-label{font-family:var(--font-hud);letter-spacing:.45em;color:#ffffff2e;text-transform:uppercase;white-space:nowrap;font-size:clamp(.42rem,.65vw,.55rem);font-weight:500}.credit-value{font-family:var(--font-cinema);letter-spacing:.25em;color:#ffffff6b;white-space:nowrap;font-size:clamp(.6rem,1vw,.85rem);font-weight:400}.credit-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:32px}.cinema-gate{z-index:20;opacity:0;transition:opacity .8s 3.2s;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}#hero.cinema-active .cinema-gate{opacity:1}.gate-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;padding:0;display:flex;position:relative}.gate-pulse{border:1px solid #ffffff59;border-radius:50%;width:48px;height:48px;margin-bottom:.4rem;transition:border-color .3s;display:block;position:relative}.gate-pulse:before,.gate-pulse:after{content:"";border:1px solid #fff3;border-radius:50%;animation:2.4s ease-out infinite gate-ring;position:absolute;inset:0}.gate-pulse:after{animation-delay:1.2s}@keyframes gate-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.gate-pulse:before{border:1.5px solid #ffffff80;border-top:none;border-left:none;border-radius:0;width:10px;height:10px;animation:none;inset:50% 50% auto;transform:translate(-50%,-70%)rotate(45deg)}.htl-role-year{font-family:var(--font-body);color:#fff9;text-transform:uppercase;margin-bottom:.2rem;font-size:.75rem;font-weight:600;transition:color .3s}.gate-label{font-family:var(--font-hud);letter-spacing:.5em;color:#ffffff4d;text-transform:uppercase;font-size:.6rem;font-weight:600;transition:color .3s}.gate-sub{letter-spacing:.25em;color:#ffffff1f;font-size:.5rem;font-weight:300}.gate-btn:hover .gate-pulse{border-color:#ffffffb3}.gate-btn:hover .gate-label{color:#ffffffb3}.lens-flare{pointer-events:none;opacity:0;z-index:15;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);height:1px;animation:6s infinite flare-flash;position:absolute;left:0;right:0}#lens-flare-1{animation-delay:0s;top:30%}.lens-flare-2{animation-delay:3s;top:65%}@keyframes flare-flash{0%,85%,to{opacity:0;transform:scaleX(.4)}87%{opacity:1;transform:scaleX(1)}90%{opacity:.3;transform:scaleX(1.1)}92%{opacity:0}}@keyframes fade-in{to{opacity:1}}.panel-journey{background:0 0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.journey-inner{transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;gap:1vh;width:100%;height:100%;padding:2vh 4vw;display:flex}.journey-header{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;margin-bottom:3.5rem;display:flex}.journey-label{font-family:var(--font-hud);letter-spacing:.5em;color:#ffffff4d;text-transform:uppercase;font-size:.5rem;font-weight:600}.journey-heading{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--white);font-size:clamp(1.8rem,4.5vw,4.5rem);line-height:.9}.jh-hollow{-webkit-text-stroke:1.5px #fff6;color:#0000}.journey-header-rule{background:linear-gradient(90deg,#0000,#fff9,#0000);width:120px;height:2px;margin-top:1rem;box-shadow:0 0 15px #ffffff4d}.htl-section{flex-direction:column;flex-shrink:0;gap:0;width:100%;margin-top:1vh;display:flex}.htl-section-label{z-index:10;pointer-events:none;background:#ffffff08;border:1px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;gap:.35rem;width:120px;height:18px;margin:0;padding:0 8px;display:flex;position:absolute;left:.5rem}.htl-section-label--edu{bottom:0}.htl-section-label--exp{background:#ffaa0008;border-color:#ffaa0040;top:0}.htl-section-icon{color:#ffffffb3;flex-shrink:0;font-size:.55rem}.htl-section-label--exp .htl-section-icon{color:#ffaa00e6}.htl-section-title{font-family:var(--font-hud);letter-spacing:.2em;color:#ffffffd9;text-transform:uppercase;white-space:nowrap;font-size:.55rem;font-weight:700}.htl-section-label--exp .htl-section-title{color:#ffaa00f2}.htl-track-wrap{width:100%;padding:0 .5rem 0 145px;position:relative}.htl-rail{pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000 0%,#ffffff4d 10% 90%,#0000 100%);height:1.5px;position:absolute;bottom:8px;left:145px;right:.5rem;box-shadow:0 0 8px #fff3}.htl-rail--gold{background:linear-gradient(90deg,#0000 0%,#fa06 10% 90%,#0000 100%);box-shadow:0 0 8px #fa03}.htl-rail--bottom{top:8px;bottom:auto}.htl-nodes{z-index:1;justify-content:flex-start;align-items:end;gap:4vw;width:max-content;padding-bottom:8px;padding-right:15vw;display:flex;position:relative}.htl-nodes--bottom{align-items:start;padding-top:8px;padding-bottom:0}.htl-node{opacity:0;flex:0 0 320px;grid-template-rows:1fr 0;animation:.6s cubic-bezier(.16,1,.3,1) forwards htl-fadein;display:grid;position:relative}.htl-node--bottom{grid-template-rows:0 1fr}@keyframes htl-fadein{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.htl-node-half{flex-direction:column;width:100%;display:flex}.htl-node-half--top{grid-row:1;justify-content:flex-end;padding-bottom:12px}.htl-node-half--bottom{grid-row:2;justify-content:flex-start;padding-top:12px}.htl-stem{z-index:2;grid-row:2;justify-content:center;align-items:center;display:flex;position:relative}.htl-node--bottom .htl-stem{grid-row:1}.htl-dot{background:var(--black);z-index:3;border:2px solid #fffc;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.htl-dot--gold{border-color:#ffaa00e6;box-shadow:0 0 10px #fa06}.htl-node:hover .htl-dot{background:var(--white);border-color:var(--white);transform:translate(-50%,-50%)scale(1.3);box-shadow:0 0 16px #fffc}.htl-node:hover .htl-dot--gold{background:#fa0;border-color:#fa0;transform:translate(-50%,-50%)scale(1.3);box-shadow:0 0 18px #fa0c}.htl-stem:before{content:"";z-index:1;width:1.5px;height:12px;transition:height .3s;position:absolute;left:50%;transform:translate(-50%)}.htl-stem--edu:before{background:linear-gradient(#fff6,#ffffff1a)}.htl-stem--exp:before{background:linear-gradient(#fa09,#ffaa0026)}.htl-node--top .htl-stem:before{bottom:0}.htl-node--bottom .htl-stem:before{top:0;bottom:auto}.htl-node:hover .htl-stem:before{height:16px}.htl-card-physics-wrapper{will-change:transform, opacity;flex-direction:column;width:100%;display:flex;transition:none!important}.htl-card{-webkit-backdrop-filter:blur(24px)saturate(200%);cursor:default;isolation:isolate;background:#ffffff0a;border:1px solid #ffffff29;border-radius:16px;width:100%;padding:1.1rem 1.3rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s,background .4s;position:relative;overflow:hidden;box-shadow:inset 0 1.5px 1px #ffffff4d,0 16px 40px #00000073}.htl-node:hover .htl-card{background:#ffffff12;border-color:#ffffff47;box-shadow:inset 0 1.5px 1.5px #ffffff73,0 20px 50px #0000008c}.htl-card--top{transform-origin:bottom;margin-bottom:0}.htl-card--bottom{transform-origin:top;margin-top:0}.htl-node:hover .htl-card--top{transform:translateY(-4px)}.htl-node:hover .htl-card--bottom{transform:translateY(4px)}.htl-year{font-family:var(--font-body);letter-spacing:.05em;color:#ffffffe6;white-space:nowrap;background:#ffffff14;border-radius:4px;margin-bottom:.4rem;padding:3px 8px;font-size:.75rem;font-weight:500;display:inline-block}.htl-title{font-family:var(--font-body);letter-spacing:.01em;color:var(--white);margin:.6rem 0 .3rem;font-size:1.05rem;font-weight:600;line-height:1.4;transition:color .3s}.htl-node:hover .htl-title{color:#fffc}.htl-place{font-family:var(--font-body);color:#ffffffb3;letter-spacing:.02em;margin-bottom:.4rem;font-size:.85rem;font-weight:400;line-height:1.3}.htl-desc{font-family:var(--font-body);color:#ffffffb3;margin:0 0 .5rem;font-size:.8rem;line-height:1.5}.htl-marks-badge{font-family:var(--font-hud);letter-spacing:.05em;color:var(--white);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;margin:.2rem .5rem .6rem 0;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.htl-tag{font-family:var(--font-body);letter-spacing:.05em;color:#fffc;text-transform:uppercase;border:1px solid #ffffff40;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:500;transition:all .3s;display:inline-block}.htl-node:hover .htl-tag{color:#ffffffe6;background:#ffffff14;border-color:#ffffff80}.htl-card--exp{border-color:#ffaa002e}.htl-node:hover .htl-card--exp{border-color:#ffaa0059;box-shadow:inset 0 1.5px .5px #ffffff4d,inset 1.5px 0 .5px #ffffff2e,inset 0 -1px 1px #ffffff05,inset -8px -10px 22px #0003,0 0 50px -10px #ffaa0014,0 16px 40px -8px #000000bf}.htl-company{font-family:var(--font-body);color:var(--white);letter-spacing:.02em;margin:.2rem 0 .8rem;font-size:1.1rem;font-weight:600;line-height:1.3;transition:color .3s}.htl-node:hover .htl-company{color:#ffaa00e6}.htl-roles{flex-direction:column;gap:.8rem;display:flex}.htl-role{border-left:2px solid #ffffff1a;flex-direction:column;gap:.3rem;padding-left:.8rem;transition:border-color .3s;display:flex}.htl-role--active{border-left-color:#fa09}.htl-role-title{font-family:var(--font-body);color:#fffffff2;font-size:.9rem;font-weight:500;line-height:1.3}.htl-role-year{font-family:var(--font-body);color:#fff9;letter-spacing:.05em;font-size:.75rem;font-weight:500}.htl-role--active .htl-role-year{color:#ffaa00f2}.htl-tags{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.htl-exp-tag{font-family:var(--font-body);color:#ffffffa6;letter-spacing:.05em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff38;border-radius:4px;padding:2px 7px;font-size:.65rem}.panel-title-card{background:var(--black);border-top:1px solid #ffffff0d;flex-direction:column;align-items:flex-start;padding:8rem 10vw}.title-card-label{letter-spacing:.4em;color:#ffffff4d;margin-bottom:3rem;font-size:.65rem;font-weight:700}.title-card-huge{flex-direction:column;gap:0;margin-bottom:4rem;display:flex}.tc-line{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;opacity:0;transition:opacity .5s var(--ease-slam), transform .5s var(--ease-slam);font-size:clamp(4rem,12vw,14rem);line-height:.88;display:block;transform:scale(2.5)translateY(-20px)}.tc-line.in-view{opacity:1;transform:scale(1)translateY(0)}.tc-hollow{-webkit-text-stroke:2px var(--white);color:#0000}.about-body{color:#ffffff73;opacity:0;max-width:520px;transition:opacity .6s ease .3s, transform .6s var(--ease-whip) .3s;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.8;transform:translateY(30px)}.about-body.in-view{opacity:1;transform:translateY(0)}.about-body strong{color:var(--white)}.panel-skills{border-top:1px solid #ffffff0d;flex-direction:column;gap:5rem;padding:8rem 0}.skills-label{letter-spacing:.4em;color:#ffffff4d;align-self:flex-start;margin-left:10vw;font-size:.65rem;font-weight:700}.skills-ticker-wrap{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;width:100%;padding:1.5rem 0;overflow:hidden}.skills-ticker{white-space:nowrap;gap:2rem;animation:25s linear infinite ticker-scroll;display:flex}.skills-ticker span{font-family:var(--font-display);color:#ffffff1f;flex-shrink:0;font-size:clamp(1.8rem,4vw,3rem)}.skills-ticker .dot{color:#ffffff0f}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);gap:0;width:100%;display:grid}.skill-block{opacity:0;transition:opacity .5s ease, transform .5s var(--ease-whip);border-right:1px solid #ffffff14;padding:3rem 4vw;transform:translateY(30px)}.skill-block:last-child{border-right:none}.skill-block.in-view{opacity:1;transform:translateY(0)}.skill-block:hover{background:#ffffff08}.skill-block-num{font-family:var(--font-display);color:#fff3;letter-spacing:.1em;margin-bottom:1rem;font-size:.85rem}.skill-block-title{font-family:var(--font-display);letter-spacing:.05em;margin-bottom:1rem;font-size:clamp(1.2rem,2vw,1.8rem)}.skill-block-items{color:#ffffff59;font-size:.78rem;font-weight:400;line-height:1.9}.panel-work{border-top:1px solid #ffffff0d;flex-direction:column;align-items:stretch;min-height:auto;padding:8rem 0}.work-label{letter-spacing:.4em;color:#ffffff4d;font-size:.65rem;font-weight:700}.work-count{font-family:var(--font-display);letter-spacing:.2em;color:#ffffff26;font-size:.75rem}.projects-list{width:100%}.project-row{cursor:pointer;border-top:1px solid #ffffff14;align-items:center;padding:2.5rem 10vw;transition:background .3s;display:flex;position:relative;overflow:hidden}.project-row:last-child{border-bottom:1px solid #ffffff14}.project-row:before{content:"";width:0;transition:width .4s var(--ease-whip);background:#ffffff0a;position:absolute;top:0;bottom:0;left:0}.project-row:hover:before{width:100%}.proj-meta{flex-direction:column;flex-shrink:0;gap:.3rem;width:80px;display:flex}.proj-num{font-family:var(--font-display);color:#fff3;letter-spacing:.1em;font-size:.8rem}.proj-year{color:#ffffff26;letter-spacing:.1em;font-size:.65rem}.proj-title-wrap{flex:1;padding-left:2rem}.proj-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--white);transition:letter-spacing .3s var(--ease-whip);font-size:clamp(2.5rem,6vw,6rem);line-height:1}.project-row:hover .proj-title{letter-spacing:.04em}.proj-tags{letter-spacing:.2em;color:#fff3;opacity:0;transition:opacity .3s ease, transform .3s var(--ease-whip);margin-top:.5rem;font-size:.65rem;font-weight:700;transform:translateY(5px)}.project-row:hover .proj-tags{opacity:1;transform:translateY(0)}.proj-arrow{font-family:var(--font-body);color:#ffffff26;transition:transform .3s var(--ease-whip), color .3s ease;flex-shrink:0;font-size:1.5rem}.project-row:hover .proj-arrow{color:var(--white);transform:translate(8px,-8px)}.proj-blade-overlay{background:var(--white);transform-origin:0;pointer-events:none;z-index:10;position:absolute;inset:0;transform:scaleX(0)}.hover-preview{pointer-events:none;z-index:500;opacity:0;width:400px;height:240px;transition:opacity .25s var(--ease-whip), transform .25s var(--ease-whip);border:1px solid #ffffff26;position:fixed;overflow:hidden;transform:scale(.9)rotate(-2deg)}.hover-preview.visible{opacity:1;transform:scale(1)rotate(0)}.hover-preview img{object-fit:cover;width:100%;height:100%}.project-detail-overlay{background:var(--black);z-index:2000;transition:transform .6s var(--ease-slam);align-items:stretch;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(-100%)}.project-detail-overlay.open{transform:translate(0)}.detail-close{color:var(--white);font-family:var(--font-body);letter-spacing:.2em;cursor:pointer;z-index:2001;background:0 0;border:1px solid #fff3;padding:.6rem 1.2rem;font-size:.7rem;font-weight:700;transition:background .2s,border-color .2s;position:fixed;top:2rem;right:3rem}.detail-close:hover{border-color:var(--white);background:#ffffff1a}.detail-inner{width:100%;min-height:100vh;display:flex}.detail-left{border-right:1px solid #ffffff14;flex-direction:column;flex:1;justify-content:center;padding:12rem 8vw 8rem;display:flex}.detail-num{font-family:var(--font-display);color:#ffffff26;letter-spacing:.2em;margin-bottom:1.5rem;font-size:1rem}.detail-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(4rem,8vw,10rem);line-height:.9}.detail-tags{letter-spacing:.3em;color:#ffffff4d;margin-bottom:3rem;font-size:.65rem;font-weight:700}.detail-desc{color:#ffffff73;max-width:480px;margin-bottom:3rem;font-size:clamp(.9rem,1.4vw,1rem);line-height:1.9}.detail-stack-label{letter-spacing:.3em;color:#fff3;margin-bottom:.6rem;font-size:.6rem;font-weight:700}.detail-stack-items{color:#ffffff80;letter-spacing:.05em;margin-bottom:3rem;font-size:.8rem}.detail-cta{letter-spacing:.2em;border:1px solid #ffffff4d;align-items:center;gap:.8rem;width:fit-content;padding:1rem 2rem;font-size:.75rem;font-weight:700;transition:background .3s,border-color .3s;display:inline-flex}.detail-cta:hover{background:var(--white);color:var(--black);border-color:var(--white)}.detail-right{background:#ffffff03;flex:1.2;justify-content:center;align-items:center;padding:6rem 4vw;display:flex}.detail-img-wrap{aspect-ratio:16/9;border:1px solid #ffffff1a;width:100%;overflow:hidden}.detail-img-wrap img{object-fit:cover;width:100%;height:100%}.panel-escalation{background:var(--black);border-top:1px solid #ffffff0d;flex-direction:column;align-items:flex-start;gap:0;padding:8rem 10vw;overflow:visible}.esc-wrap{flex-direction:column;gap:0;line-height:.85;display:flex}.esc-line{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;text-transform:uppercase;opacity:0;transition:opacity .6s var(--ease-whip), transform .6s var(--ease-whip);transform:translate(-60px)}.esc-line.in-view{opacity:1;transform:translate(0)}.esc-sm{color:#fff3;font-size:clamp(3rem,7vw,8rem);transition-delay:0s}.esc-md{color:#fff6;font-size:clamp(5rem,10vw,12rem);transition-delay:80ms}.esc-lg{color:#ffffffb3;font-size:clamp(7rem,14vw,18rem);transition-delay:.16s}.esc-xl{color:var(--white);-webkit-text-stroke:0px transparent;font-size:clamp(9rem,20vw,28rem);transition-delay:.24s}.panel-contact{background:var(--black);border-top:1px solid #ffffff0d;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:100vh;padding:8rem 10vw;position:relative}.panel-contact:before{content:"";pointer-events:none;background:radial-gradient(at 50% 100%,#ffffff0a 0%,#0000 70%);position:absolute;inset:0}.contact-inner{z-index:2;width:100%;position:relative}.contact-pre{letter-spacing:.4em;color:#ffffff40;opacity:0;transition:opacity .5s ease, transform .5s var(--ease-whip);margin-bottom:3rem;font-size:.65rem;font-weight:700;transform:translateY(20px)}.contact-pre.in-view{opacity:1;transform:translateY(0)}.contact-cta{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;opacity:0;transition:opacity .7s var(--ease-slam) .1s, transform .7s var(--ease-slam) .1s;margin-bottom:5rem;font-size:clamp(6rem,18vw,22rem);line-height:.88;transform:scale(.85)translateY(40px)}.contact-cta.in-view{opacity:1;transform:scale(1)translateY(0)}.contact-links{opacity:0;transition:opacity .5s ease .3s, transform .5s var(--ease-whip) .3s;align-items:center;gap:4rem;margin-bottom:6rem;display:flex;transform:translateY(20px)}.contact-links.in-view{opacity:1;transform:translateY(0)}.contact-btn{background:var(--white);color:var(--black);font-family:var(--font-body);letter-spacing:.2em;transition:background .3s ease, transform .3s var(--ease-whip);align-items:center;gap:1rem;padding:1.2rem 2.5rem;font-size:.75rem;font-weight:900;display:inline-flex;position:relative;overflow:hidden}.contact-btn:after{content:"";transition:transform .4s var(--ease-whip);background:#0000001a;position:absolute;inset:0;transform:translate(-100%)}.contact-btn:hover:after{transform:translate(0)}.contact-btn:hover{transform:translateY(-3px)}.btn-arrow{transition:transform .3s var(--ease-whip);font-size:1.1rem}.contact-btn:hover .btn-arrow{transform:translate(4px,-4px)}.contact-socials{gap:2.5rem;display:flex}.social-link{letter-spacing:.2em;color:#ffffff4d;font-size:.65rem;font-weight:700;transition:color .2s;position:relative}.social-link:after{content:"";background:var(--white);width:0;height:1px;transition:width .3s var(--ease-whip);position:absolute;bottom:-3px;left:0}.social-link:hover{color:var(--white)}.social-link:hover:after{width:100%}.contact-footer{letter-spacing:.15em;color:#fff3;opacity:0;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.65rem;font-weight:500;transition:opacity .5s .5s;display:flex}.contact-footer.in-view{opacity:1}.panel-techstack{justify-content:center;align-items:center;display:flex;overflow:hidden}.ts-inner{transform-origin:50%;flex-direction:column;gap:2.5rem;width:100%;max-width:1400px;padding:3rem 6vw;display:flex}.ts-header{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:relative}.ts-label{font-family:var(--font-cinema);letter-spacing:.65em;color:#fff6;text-transform:uppercase;text-shadow:0 0 10px #fff3;font-size:clamp(.5rem,.9vw,.68rem)}.ts-heading{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--white);text-shadow:0 0 40px #ffffff26;font-size:clamp(1.8rem,4.5vw,4.5rem);line-height:.9}.tsh-hollow{-webkit-text-stroke:1.5px #fff6;color:#0000}.ts-sub{font-family:var(--font-body);letter-spacing:.12em;color:#ffffff80;max-width:480px;margin-top:.4rem;font-size:clamp(.7rem,1.2vw,.9rem);font-weight:400}.ts-header-rule{background:linear-gradient(90deg,#0000,#fff9,#0000);width:120px;height:2px;margin-top:1rem;box-shadow:0 0 15px #ffffff4d}.ts-bg-bloom{z-index:0;pointer-events:none;background:radial-gradient(#ffffff09 0%,#ffffff03 40%,#0000 70%);width:90vw;height:90vh;animation:8s ease-in-out infinite alternate ts-bloom-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ts-bloom-pulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.ts-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:2rem;display:grid;position:relative}.ts-col{isolation:isolate;background:#ffffff03;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:1.1rem;padding:1.9rem 2vw;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .6s;display:flex;position:relative;box-shadow:inset 0 1.5px .5px #fff3,inset 1.5px 0 .5px #ffffff26,inset 0 -1px 1px #ffffff05,inset -8px -10px 20px #0003,0 30px 50px -20px #000000b3}.ts-col:before{content:"";z-index:-2;border-radius:inherit;-webkit-backdrop-filter:blur(8px)saturate(180%)brightness(1.08);pointer-events:none;background:linear-gradient(155deg,#ffffff08 0%,#ffffff01 35%,#fff0 55%,#ffffff03 100%);position:absolute;inset:0}.ts-col:after{content:"";z-index:-1;border-radius:inherit;mix-blend-mode:screen;opacity:.1;pointer-events:none;background:radial-gradient(circle at 30% 18%,#fff3 0%,#ffffff0a 28%,#0000 58%);transition:opacity .5s;position:absolute;inset:0}.ts-col:hover:after{opacity:.15}.ts-col:hover{border-color:#ffffff26;transform:translateY(-8px)scale(1.01);box-shadow:inset 0 1.5px .5px #ffffff59,inset 1.5px 0 .5px #fff3,inset 0 -1px 1px #ffffff05,inset -8px -10px 22px #0003,0 0 70px -10px #ffffff0d,0 45px 70px -20px #000000bf}.ts-col-header{align-items:center;gap:.8rem;display:flex}.tsch-icon{color:var(--white);text-shadow:0 0 10px #ffffff80;flex-shrink:0;font-size:1.2rem;line-height:1}.tsch-title{font-family:var(--font-hud);letter-spacing:.5em;color:#fffc;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:700}.tsch-rule{background:linear-gradient(90deg,#ffffff4d,#0000);flex:1;height:1.5px;box-shadow:0 0 8px #fff3}.ts-col-desc{color:#ffffff73;font-size:clamp(.7rem,1vw,.8rem);font-weight:400;line-height:1.7}.ts-pills{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.ts-pill{cursor:default;opacity:0;animation:ts-pill-in .5s var(--ease-whip) forwards;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex:auto;justify-content:center;align-items:center;gap:.75rem;padding:.7rem 1.1rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translate(-12px);box-shadow:0 4px 12px #0003}.ts-pill:hover{background:#ffffff14;border-color:#fff6;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 24px -5px #ffffff1f,inset 0 0 12px #ffffff1a}.ts-pill:before{content:"";transition:transform .6s var(--ease-whip);background:linear-gradient(120deg,#0000,#ffffff1a,#0000);position:absolute;inset:0;transform:translate(-100%)}.ts-pill:hover:before{transform:translate(100%)}@keyframes ts-pill-in{to{opacity:1;transform:translate(0)}}.ts-pill-icon{font-family:var(--font-body);color:#fff9;font-size:1.2rem;line-height:1;transition:all .3s}.ts-pill:hover .ts-pill-icon{color:var(--white);text-shadow:0 0 12px #fffc;transform:scale(1.1)}.ts-pill-name{font-family:var(--font-body);letter-spacing:.05em;color:#ffffffb3;white-space:nowrap;font-size:clamp(.75rem,1vw,.85rem);font-weight:600;transition:all .3s}.ts-pill:hover .ts-pill-name{color:var(--white);text-shadow:0 0 8px #fff6}.ts-ticker-wrap{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;width:100%;padding:.9rem 0;overflow:hidden}.ts-ticker{white-space:nowrap;gap:1.5rem;animation:30s linear infinite ts-ticker-scroll;display:flex}.ts-ticker span{font-family:var(--font-display);color:#ffffff14;letter-spacing:.15em;flex-shrink:0;font-size:clamp(1rem,2.5vw,1.8rem)}.ts-ticker-dot{color:#ffffff0a!important}@keyframes ts-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=900px){.ts-inner{gap:1.5rem;margin-top:-45px;padding:5rem 4vw}.ts-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ts-col{border-radius:20px;gap:.7rem;padding:1.1rem .8rem}.ts-col:first-child{grid-column:1/-1}.ts-col:nth-child(2),.ts-col:nth-child(3){grid-column:span 1;padding:.9rem .6rem}.ts-col-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;line-height:1.35;display:-webkit-box;overflow:hidden}.ts-col:nth-child(2) .ts-col-desc,.ts-col:nth-child(3) .ts-col-desc{-webkit-line-clamp:3;font-size:.6rem}.ts-col-header{gap:.4rem}.tsch-icon{font-size:.85rem}.tsch-title{letter-spacing:.25em;font-size:.55rem}.ts-pills{gap:.35rem}.ts-pill{border-radius:6px;gap:.35rem;padding:.4rem .5rem}.ts-pill-icon{font-size:.8rem}.ts-pill-name{font-size:.6rem}}.panel-projects{justify-content:flex-start;align-items:flex-start;overflow:hidden}.prj-inner{transform-origin:50%;flex-direction:column;justify-content:center;gap:min(1.5vh,1rem);width:100%;height:100%;max-height:100vh;padding:5vw;display:flex}.prj-header{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:0;margin-bottom:2vh;display:flex}.prj-header-left{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.prj-chapter{font-family:var(--font-cinema);letter-spacing:.65em;color:#fff6;text-shadow:0 0 10px #fff3;margin-bottom:.5rem;font-size:clamp(.5rem,.9vw,.68rem);display:block}.prj-heading{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--white);text-shadow:0 0 40px #ffffff26;font-size:clamp(1.8rem,4.5vw,4.5rem);line-height:.9}.prj-hollow{-webkit-text-stroke:1.5px #fff6;color:#0000}.prj-header-right{flex-direction:column;align-items:flex-end;gap:1rem;max-width:380px;display:flex}.prj-header-desc{color:#ffffff52;text-align:right;font-size:clamp(.68rem,1vw,.82rem);font-weight:300;line-height:1.7}.prj-count-badge{border:1px solid #ffffff14;border-radius:2px;align-items:baseline;gap:.5rem;padding:.4rem .2rem;display:flex}.prj-count-num{font-family:var(--font-display);color:var(--white);font-size:1.4rem;line-height:1}.prj-count-label{font-family:var(--font-hud);letter-spacing:.4em;color:#ffffff4d;text-transform:uppercase;font-size:.55rem}.prj-header-rule,.prj-header-rule-full{background:linear-gradient(90deg,#0000,#fff9,#0000);width:120px;height:2px;margin-top:1rem;box-shadow:0 0 15px #ffffff4d}.prj-bg-bloom{z-index:0;pointer-events:none;background:radial-gradient(#ffffff08 0%,#ffffff01 50%,#0000 80%);width:120vw;height:120vh;animation:10s ease-in-out infinite alternate prj-bloom-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes prj-bloom-pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.prj-list-viewport{flex:1;align-items:center;width:100vw;margin-top:-50px;margin-bottom:-50px;margin-left:-5vw;padding:50px 5vw;display:flex;overflow:hidden}.prj-list{will-change:transform;flex-direction:row;flex:1;align-items:center;gap:2vw;width:max-content;display:flex}.prj-card{isolation:isolate;opacity:0;width:21vw;height:430px;animation:prj-card-in .6s var(--ease-whip) forwards;-webkit-backdrop-filter:blur(12px);background:#0c0c10d9;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;flex-shrink:0;padding:0;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .5s;display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.prj-card-content{will-change:opacity;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.prj-card:hover{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 20px 50px #0009,0 4px 16px #0006}@keyframes prj-card-in{to{opacity:1;transform:translateY(0)}}.prj-card:first-child{animation-delay:50ms}.prj-card:nth-child(2){animation-delay:.12s}.prj-card:nth-child(3){animation-delay:.19s}.prj-card:nth-child(4){animation-delay:.26s}.prj-card:nth-child(5){animation-delay:.33s}@media (width<=900px){.prj-inner{justify-content:flex-start;gap:0;padding-top:7vh}.prj-list-viewport{margin-top:0;margin-bottom:0;padding:0 5vw}.prj-list{width:100%;height:62vh;display:block;position:relative}.prj-card{width:min(320px,90vw);height:410px;transition:box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .5s;animation:none;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.prj-card:hover{border-color:#ffffff1a;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080}.prj-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:.5vh}.prj-header-left{text-align:center;align-items:center}.prj-header-rule-full{background:linear-gradient(90deg,#0000,#fffc,#0000);width:80px;height:2px;margin:8px auto 12px;box-shadow:0 0 10px #fff6}}.prj-num{font-family:var(--font-cinema);letter-spacing:.2em;color:#ffffff26;-webkit-user-select:none;user-select:none;font-size:clamp(.55rem,.85vw,.7rem);display:none}.prj-thumb-wrap{border-radius:14px 14px 0 0;flex-shrink:0;width:100%;height:155px;position:relative;overflow:hidden}.prj-thumb-frame{position:absolute;inset:0;overflow:hidden}.prj-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-whip);display:block}.prj-card:hover .prj-thumb-img{transform:scale(1.02)}.prj-thumb-overlay{background:linear-gradient(#0000 50%,#000000b3 100%);justify-content:space-between;align-items:flex-end;padding:.8rem;display:flex;position:absolute;inset:0}.prj-thumb-label{font-family:var(--font-cinema);letter-spacing:.4em;color:#ffffff4d;font-size:.55rem}.prj-scanlines{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:absolute;inset:0}.prj-corner{z-index:5;border-style:solid;border-color:#ffffff4d;width:14px;height:14px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute}.prj-card:hover .prj-corner{border-color:#fffc;width:24px;height:24px;box-shadow:0 0 10px #fff6}.prj-corner--tl{border-width:1px 0 0 1px;top:0;left:0}.prj-corner--tr{border-width:1px 1px 0 0;top:0;right:0}.prj-corner--bl{border-width:0 0 1px 1px;bottom:0;left:0}.prj-corner--br{border-width:0 1px 1px 0;bottom:0;right:0}.prj-info{flex-direction:column;flex:1;gap:.4rem;min-height:0;padding:.85rem 1rem;display:flex;overflow:hidden}.prj-meta-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.prj-type{font-family:var(--font-body);letter-spacing:.12em;color:#ffffff8c;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;padding:.18rem .55rem;font-size:.65rem;font-weight:700}.prj-year{font-family:var(--font-body);color:#ffffff59;font-size:.7rem;font-weight:500}.prj-name{font-family:var(--font-body);color:#fff;margin-top:.15rem;font-size:1.15rem;font-weight:700;line-height:1.25;transition:color .3s}.prj-card:hover .prj-name{color:#fff}.prj-tagline{font-family:var(--font-body);color:#ffffff8c;font-size:.78rem;font-weight:400;line-height:1.4}.prj-rule{width:28px;height:1.5px;transition:width .4s var(--ease-whip);background:#fff3;border-radius:2px;margin:.15rem 0}.prj-card:hover .prj-rule{width:56px}.prj-desc{font-family:var(--font-body);color:#ffffffbf;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;font-size:.78rem;font-weight:400;line-height:1.55;display:-webkit-box;overflow:hidden}.prj-stack{flex-wrap:wrap;gap:.3rem;margin-top:.1rem;display:flex}.prj-tag{font-family:var(--font-body);color:#fff9;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:.18rem .55rem;font-size:.67rem;font-weight:500;transition:all .25s}.prj-card:hover .prj-tag{color:#ffffffd9;background:#ffffff14;border-color:#ffffff2e}.prj-tag:hover{background:#ffffff1f;color:#fff!important;border-color:#ffffff59!important}.prj-actions{border-top:1px solid #ffffff12;align-items:center;gap:.6rem;margin-top:auto;padding-top:.5rem;display:flex}.prj-btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.prj-btn--primary{color:#0a0a0a;background:#ffffffeb;border:1px solid #0000;padding:.45rem 1rem}.prj-btn--primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #ffffff40}.prj-btn--secondary{color:#ffffffa6;background:0 0;border:1px solid #ffffff26;padding:.45rem .85rem}.prj-btn--secondary:hover{color:#fff;background:#ffffff0f;border-color:#fff6;transform:translateY(-1px)}.prj-btn-icon{font-size:.65rem;line-height:1}.prj-btn-arrow{font-size:.8rem;transition:transform .25s}.prj-btn--primary:hover .prj-btn-arrow{transform:translate(2px,-2px)}@media (width<=960px){.prj-card{width:320px}}@media (width<=600px){.prj-header{text-align:center;flex-direction:column;align-items:center}.prj-header-right{align-items:center}.prj-header-desc{text-align:center}}@media (width<=1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}.detail-inner{flex-direction:column}.detail-right{padding-top:0}}@media (width<=768px){#hero{padding:0 5vw}.panel-title-card{padding:6rem 5vw}.panel-skills{padding:6rem 0}.skills-grid{grid-template-columns:1fr 1fr}.skill-block{padding:2rem 5vw}.panel-work{padding:6rem 0}.work-header,.project-row{padding-left:5vw;padding-right:5vw}.panel-escalation,.panel-connect{padding:6rem 5vw}.hover-preview{display:none}.contact-links{flex-direction:column;align-items:flex-start;gap:2rem}.detail-left{padding:8rem 5vw 4rem}}@media (width<=480px){.skills-grid{grid-template-columns:1fr}}.no-pointer{pointer-events:none}.glitch-hover{transition:text-shadow .2s,transform .2s;display:inline-block;position:relative}.glitch-hover:hover{text-shadow:3px 0 #f00c,-3px 0 #0ffc;color:#fff;animation:.2s infinite glitch-shake-subtle}@keyframes glitch-shake-subtle{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(0)}}.panel-connect{will-change:opacity;justify-content:center;align-items:center;display:flex;overflow:hidden}.conn-inner{transform-origin:50%;z-index:1;will-change:transform;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:min(2vh,1.2rem);width:100%;max-width:1400px;height:100%;max-height:100vh;padding:5rem 6vw 6.5rem;display:flex;position:relative}.conn-bg-bloom{z-index:-1;pointer-events:none;background:radial-gradient(#ffffff09 0%,#ffffff01 50%,#0000 80%);width:100vw;height:100vh;animation:8s ease-in-out infinite alternate conn-bloom-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes conn-bloom-pulse{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.conn-header{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:min(1vh,.5rem);display:flex}.conn-label{font-family:var(--font-cinema);letter-spacing:.65em;color:#fff6;text-transform:uppercase;text-shadow:0 0 10px #fff3;font-size:clamp(.5rem,.9vw,.68rem)}.conn-heading{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--white);text-shadow:0 0 40px #ffffff26;margin:0;font-size:clamp(1.8rem,4.5vw,4.5rem);font-weight:900;line-height:.9}.con-hollow{color:#0000;-webkit-text-stroke:1.5px #fff6}.conn-sub{font-family:var(--font-hud);letter-spacing:.25em;color:#ffffff61;text-transform:uppercase;max-width:600px;margin:min(1vh,.5rem) 0 0;font-size:clamp(.68rem,1vw,.82rem);font-weight:500;line-height:1.6}.conn-header-rule{background:linear-gradient(90deg,#0000,#fff9,#0000);width:120px;height:2px;margin-top:min(1.5vh,1rem);box-shadow:0 0 15px #ffffff4d}.conn-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:min(1.2vh,.9rem);width:100%;max-width:1200px;display:grid}.conn-card{isolation:isolate;background:#ffffff04;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:space-between;gap:min(.8vh,.5rem);padding:min(1.4vh,1rem);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .6s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fff3,inset 0 -1px 1px #ffffff05,inset 1px 0 1px #fff3,inset -8px -10px 20px #00000040,0 30px 50px -20px #000000b3}.conn-card:before{content:"";z-index:0;border-radius:inherit;-webkit-backdrop-filter:blur(6px)saturate(180%)brightness(1.08);pointer-events:none;background:linear-gradient(155deg,#ffffff08 0%,#ffffff01 35%,#fff0 55%,#ffffff03 100%);position:absolute;inset:0}.conn-card:after{content:"";z-index:1;border-radius:inherit;background:radial-gradient(circle at var(--mx,30%) var(--my,18%), #fff3 0%, #ffffff0a 28%, transparent 58%);mix-blend-mode:screen;opacity:.1;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.conn-card:hover:after{opacity:.15}.conn-card:hover{box-shadow:inset 0 1px 1px #ffffff14, inset 0 -1px 1px #ffffff05, inset 1px 0 1px #ffffff0d, inset -8px -10px 22px #0003, 0 0 70px -10px var(--card-accent-g,#ffffff0d), 0 45px 70px -20px #000000bf;border-color:#ffffff26;transform:translateY(-4px)}.conn-card-top{z-index:2;justify-content:space-between;align-items:center;display:flex}.conn-icon-wrapper{color:#ffffffa6;width:32px;height:32px;transition:all .4s var(--ease-whip);background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.conn-icon-wrapper svg{width:16px;height:16px}.conn-card:hover .conn-icon-wrapper{color:var(--white);background:#ffffff0f;border-color:#ffffff40;box-shadow:0 0 15px #ffffff0d}.conn-status-badge{font-family:var(--font-connect-body);letter-spacing:.04em;color:#ffffffe0;background:#ffffff0f;border:1px solid #ffffff21;border-radius:20px;align-items:center;gap:6px;padding:.22rem .65rem;font-size:.63rem;font-weight:600;transition:all .4s;display:inline-flex}.conn-status-dot{background-color:var(--card-accent);width:6px;height:6px;box-shadow:0 0 6px var(--card-accent);border-radius:50%;animation:1.5s infinite alternate conn-dot-pulse}@keyframes conn-dot-pulse{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.conn-card:hover .conn-status-badge{color:var(--white);background:#ffffff0f;border-color:#ffffff26}.conn-card-body{z-index:2;flex-direction:column;gap:.2rem;display:flex}.conn-card-label{font-family:var(--font-connect-body);letter-spacing:.1em;color:#fff6;text-transform:uppercase;font-size:.63rem;font-weight:600}.conn-card-platform{font-family:var(--font-connect-head);letter-spacing:-.03em;color:#fff;margin:0;font-size:1.45rem;font-weight:800;line-height:1.15}.conn-card-value{font-family:var(--font-connect-body);color:#ffffffad;word-break:break-all;margin-top:.1rem;font-size:.84rem;font-weight:400;line-height:1.5}.conn-card-footer{z-index:2;border-top:1px solid #ffffff0f;margin-top:auto;padding-top:min(.8vh,.5rem);transition:border-color .4s}.conn-card:hover .conn-card-footer{border-color:#ffffff26}.conn-card-link{font-family:var(--font-connect-body);letter-spacing:.02em;color:#ffffff94;align-items:center;gap:.45rem;font-size:.77rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.conn-card:hover .conn-card-link{color:var(--white);text-shadow:0 0 10px #ffffff4d}.conn-card-arrow{transition:transform .3s var(--ease-whip);font-size:.9rem}.conn-card-link:hover .conn-card-arrow{transform:translate(3px,-3px)}@media (width<=1024px){.conn-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}}@media (width<=768px){.conn-inner{gap:1.2rem}}@media (width<=640px){.conn-inner{padding:max(env(safe-area-inset-top,1.5rem), 1.5rem) 1rem max(env(safe-area-inset-bottom,1.5rem), 1.5rem) 1rem;justify-content:center;gap:.8rem}.conn-header{gap:.2rem}.conn-label{font-size:.5rem}.conn-heading{font-size:clamp(2rem,8vw,2.5rem)}.conn-sub{max-width:95%;margin-top:.2rem;font-size:.6rem;line-height:1.4}.conn-header-rule{width:80px;margin-top:.4rem}.conn-grid{flex:1;grid-template-rows:auto;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;max-height:70vh;display:grid}.conn-card{border-radius:12px;gap:.2rem;min-height:0;padding:.7rem}.conn-card:hover{transform:none}.conn-card:first-child{grid-column:span 2}.conn-card:nth-child(2),.conn-card:nth-child(3){grid-column:span 1}.conn-card:nth-child(4){grid-column:span 2}.conn-card:nth-child(5),.conn-card:nth-child(6){grid-column:span 1}.conn-card-top{margin-bottom:.2rem}.conn-icon-wrapper{border-radius:8px;width:28px;height:28px}.conn-icon-wrapper svg{width:14px;height:14px}.conn-status-badge{border-radius:3px;gap:3px;padding:.2rem .4rem;font-size:.4rem}.conn-status-dot{width:4px;height:4px}.conn-card-body{flex:1;justify-content:center;gap:.1rem}.conn-card-label{letter-spacing:.15em;font-size:.45rem}.conn-card-platform{font-size:.9rem}.conn-card-value{white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.conn-card-footer{margin-top:0;padding-top:.4rem}.conn-card-link{font-size:.5rem}.conn-card-arrow{font-size:.7rem}.conn-card:nth-child(2) .conn-card-value,.conn-card:nth-child(3) .conn-card-value,.conn-card:nth-child(5) .conn-card-value,.conn-card:nth-child(6) .conn-card-value{display:none}.conn-card:nth-child(2) .conn-card-label,.conn-card:nth-child(3) .conn-card-label,.conn-card:nth-child(5) .conn-card-label,.conn-card:nth-child(6) .conn-card-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.panel-message{justify-content:center;align-items:center;padding-top:4rem;display:flex;overflow:hidden}.msg-inner{transform-origin:50%;flex-direction:column;gap:1.2rem;width:100%;max-width:860px;margin-bottom:5rem;padding:.5rem 6vw;display:flex}.msg-header{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.msg-label{font-family:var(--font-cinema);letter-spacing:.65em;color:#ffffff38;text-transform:uppercase;font-size:clamp(.45rem,.75vw,.62rem)}.msg-heading{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(1.8rem,4.5vw,4.5rem);font-weight:900;line-height:.9}.msg-hollow{color:#0000;-webkit-text-stroke:1.5px #fff6}.msg-sub{font-family:var(--font-connect-body);letter-spacing:.08em;color:#ffffffb3;text-transform:uppercase;max-width:560px;margin:0;font-size:clamp(.72rem,1vw,.85rem);font-weight:500;line-height:1.45}.msg-header-rule{background:linear-gradient(90deg,#0000,#fff9,#0000);width:120px;height:2px;margin-top:1rem;box-shadow:0 0 15px #ffffff4d}.msg-form-wrapper{isolation:isolate;background:#ffffff04;border:1px solid #ffffff26;border-radius:16px;width:100%;padding:clamp(1.2rem,2.5vw,2rem);transition:transform .4s,border-color .4s,box-shadow .4s;position:relative;box-shadow:inset 0 1.5px .5px #ffffff40,inset 1.5px 0 .5px #ffffff26,inset 0 -1px 1px #ffffff05,inset -8px -10px 20px #00000040,0 25px 50px -15px #000000b3}.msg-form-wrapper:before{content:"";z-index:-2;border-radius:inherit;-webkit-backdrop-filter:blur(10px)saturate(180%)brightness(1.08);pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#ffffff01 40%,#00000014 70%,#0000002e 100%);position:absolute;inset:0}.msg-form-wrapper:after{content:"";z-index:-1;border-radius:inherit;mix-blend-mode:screen;opacity:.1;pointer-events:none;background:radial-gradient(circle at 35% 20%,#ffffff2e 0%,#ffffff0a 25%,#0000 55%);transition:opacity .5s;position:absolute;inset:0}.msg-form-wrapper:hover{border-color:#ffffff40;transform:translateY(-3px);box-shadow:inset 0 2px .5px #ffffff59,0 30px 60px -15px #000c}.msg-corner{opacity:.5;border:1px solid #ffffff4d;width:8px;height:8px;transition:all .5s;position:absolute}.msg-corner--tl{border-bottom:none;border-right:none;border-top-left-radius:24px;top:-1px;left:-1px}.msg-corner--tr{border-bottom:none;border-left:none;border-top-right-radius:24px;top:-1px;right:-1px}.msg-corner--bl{border-top:none;border-right:none;border-bottom-left-radius:24px;bottom:-1px;left:-1px}.msg-corner--br{border-top:none;border-left:none;border-bottom-right-radius:24px;bottom:-1px;right:-1px}.msg-form-wrapper:hover .msg-corner{opacity:1;border-color:#fffc;width:12px;height:12px}.msg-form{flex-direction:column;gap:1rem;display:flex}.msg-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.msg-input-group{flex-direction:column;gap:.5rem;display:flex}.msg-input-group label{font-family:var(--font-connect-body);letter-spacing:.06em;color:#ffffffd9;text-transform:uppercase;font-size:.72rem;font-weight:600}.msg-input-group input,.msg-input-group textarea{color:#fff;font-family:var(--font-connect-body);background:#1e1e1e66;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:.85rem 1rem;font-size:.92rem;transition:all .25s}.msg-input-group input::placeholder,.msg-input-group textarea::placeholder{color:#ffffff59}.msg-input-group input:focus,.msg-input-group textarea:focus{background:#ffffff12;border-color:#fff6;box-shadow:0 0 12px #ffffff14}.msg-submit-btn{color:#0a0a0a;font-family:var(--font-connect-head);letter-spacing:.04em;cursor:pointer;background:#ffffffeb;border:1px solid #0000;border-radius:8px;align-self:flex-start;align-items:center;gap:.5rem;margin-top:.5rem;padding:.65rem 1.6rem;font-size:.8rem;font-weight:700;transition:all .25s;display:inline-flex}.msg-submit-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #ffffff40}.msg-submit-btn:hover .msg-btn-icon-wrap{background:var(--white);color:var(--black);border-color:var(--white);transform:scale(1.05);box-shadow:0 0 15px #ffffff80}.msg-btn-arrow{font-size:.95rem;transition:transform .4s cubic-bezier(.16,1,.3,1)}.msg-submit-btn:hover .msg-btn-arrow{transform:translate(2px,-2px)}@media (width<=768px){.msg-inner{margin-bottom:2rem;padding:.5rem 4vw}.msg-form-row{grid-template-columns:1fr}.msg-form-wrapper:hover{border-color:#ffffff1f!important;transform:none!important;box-shadow:inset 0 2px #ffffff1a,inset 2px 0 #ffffff1f,inset -2px -2px #ffffff0d,inset 0 -4px 10px #00000059,inset -10px -15px 35px #0000001a,0 30px 60px -15px #000c,0 0 40px -10px #ffffff05!important}.msg-form-wrapper:hover:after{opacity:.08!important}.msg-form-wrapper:hover .msg-corner{opacity:.5!important;border-color:#ffffff4d!important;width:8px!important;height:8px!important}}.ji-company{font-family:var(--font-display);color:var(--white);letter-spacing:.05em;text-transform:uppercase;margin:0 0 1.2rem;font-size:clamp(1rem,2vw,1.4rem)}.ji-roles-wrap{flex-direction:column;gap:1.2rem;display:flex}.ji-role{flex-direction:column;display:flex}.ji-role-rule{background:linear-gradient(90deg,#ffffff1a,#0000);width:100%;height:1px;margin-bottom:1.2rem}@media (width<=768px){.journey-inner{justify-content:flex-start;gap:0;padding:6vh 3vw 2vh}.journey-header{margin-bottom:1rem}.vtl-section{flex-grow:1;justify-content:center;align-items:center;width:100%;margin-top:1vh;display:flex;position:relative;overflow:visible}.vtl-container{width:100%;height:100%;position:relative;overflow:visible}.vtl-rail-silver,.vtl-rail-gold{pointer-events:none;z-index:1;border-radius:1px;width:1.5px;height:calc(100vh - 245px);position:absolute;top:105px;left:35px}.vtl-rail-silver{background:linear-gradient(#0000 0%,#ffffff4d 10% 90%,#0000 100%);box-shadow:0 0 8px #fff3}.vtl-rail-gold{background:linear-gradient(#0000 0%,#fa06 10% 90%,#0000 100%);box-shadow:0 0 8px #fa03}.vtl-track{will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.vtl-node{align-items:center;width:100%;display:flex;position:absolute;left:0}.vtl-node-physics-wrapper{will-change:transform, opacity;align-items:center;width:100%;height:100%;display:flex;position:relative}.vtl-dot{background:var(--black);z-index:4;border:2px solid #fffc;border-radius:50%;width:9px;height:9px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:35px;transform:translate(-50%,-50%)}.vtl-dot--gold{border-color:#ffaa00e6;box-shadow:0 0 10px #fa06}.vtl-stem{z-index:3;background:linear-gradient(90deg,#fff6,#ffffff1a);width:25px;height:1.5px;position:absolute;left:35px}.vtl-stem--gold{background:linear-gradient(90deg,#fa09,#ffaa0026)}.vtl-card-wrap{max-width:calc(100% - 85px);position:absolute;left:70px;right:15px}.vtl-card-wrap .htl-card{border-radius:10px;padding:1rem .95rem}.vtl-card-wrap .htl-title{margin:.5rem 0;font-size:1.05rem}.vtl-card-wrap .htl-place{margin-bottom:.4rem;font-size:.76rem}.vtl-card-wrap .htl-year{margin-bottom:.3rem;padding:2.5px 7px;font-size:.65rem}.vtl-card-wrap .htl-tag{padding:2.5px 7px;font-size:.6rem}.vtl-card-wrap .htl-company{margin:.3rem 0;font-size:1.05rem}.vtl-card-wrap .htl-role-title{font-size:.78rem}.vtl-card-wrap .htl-role-year{font-size:.64rem}.vtl-card-wrap .htl-role{gap:.1rem;padding-left:.5rem}.vtl-card-wrap .htl-roles{gap:.25rem}.vtl-card-wrap .htl-tags{gap:.2rem;margin-top:.15rem}.vtl-card-wrap .htl-exp-tag{padding:2px 5px;font-size:.56rem}.htl-section-label--mobile{z-index:10;pointer-events:none;transition:all .3s;position:absolute;top:15px;left:15px}.vtl-separator-physics-wrapper{will-change:transform, opacity;align-items:center;width:100%;height:100%;display:flex;position:relative}.vtl-separator-dot{background:var(--black);z-index:5;border:3px solid #ffaa00f2;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:35px;transform:translate(-50%,-50%);box-shadow:0 0 12px #fa09}.vtl-separator-dot--silver{border-color:#ffffffd9;box-shadow:0 0 12px #fff6}.vtl-separator-stem{z-index:3;background:#fa06;width:30px;height:1.5px;position:absolute;left:35px}.vtl-separator-stem--silver{background:#ffffff4d}.vtl-separator-badge{-webkit-backdrop-filter:blur(8px);background:#ffaa0014;border:1px solid #ffaa0073;border-radius:6px;align-items:center;gap:.4rem;padding:6px 14px;display:flex;position:absolute;left:75px;box-shadow:inset 0 1px #ffffff0d,0 0 15px #ffaa001a}.vtl-separator-badge--silver{background:#ffffff08;border-color:#ffffff40;box-shadow:inset 0 1px #ffffff0d,0 0 15px #ffffff08}.vtl-separator-badge .vtl-separator-icon{color:#ffaa00f2;font-size:.65rem}.vtl-separator-badge--silver .vtl-separator-icon{color:#ffffffd9}.vtl-separator-badge .vtl-separator-title{font-family:var(--font-hud);letter-spacing:.25em;color:#ffaa00f2;text-transform:uppercase;font-size:.65rem;font-weight:800}.vtl-separator-badge--silver .vtl-separator-title{color:#ffffffd9}}.cockpit-overlay{z-index:5;pointer-events:none;filter:url(#remove-white)brightness(.3);will-change:transform, opacity;transform-origin:50%;background-image:url(/cockpit.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:absolute;top:0;left:0}@media (width<=768px){.cockpit-overlay{background-image:url(/cockpit-mobile.png);background-position:bottom;background-size:150%}.cinema-name,.cinema-name-echo{font-size:2.6rem}.cinema-title-block{transform:translate(0)scale(.8)}.cinema-title-block.size-decreased{transform:translate(0)scale(.65)}.liquid-nav-label{display:none}.liquid-glass-nav-dock{padding:6px 12px;bottom:1.5rem}.liquid-nav-item{padding:8px 12px}.liquid-nav-items{gap:8px}.hud-watermark-logo{font-size:1.1rem;top:1.5rem;left:4vw}.conn-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.cockpit-overlay{filter:url(#remove-white)brightness(.2);background-image:url(/cockpit-mobile.png);background-position:bottom;background-size:150%}.cinema-subtitle{gap:.8rem;margin-bottom:1.5rem}.cinema-name,.cinema-name-echo{font-size:2.6rem}.titles-in .subtitle-rule{width:40px}.subtitle-text{letter-spacing:.4em;font-size:clamp(.55rem,1.2vw,.75rem)}.cinema-meta-top,.cinema-credits-bottom{padding:0 4vw}.cinema-tagline{gap:.9rem;font-size:.7rem;line-height:1.55}.conn-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.conn-card{border-radius:10px;min-width:0;padding:.6rem}.conn-card-top{flex-wrap:wrap;gap:4px}.conn-icon-wrapper{width:20px;height:20px}.conn-icon-wrapper svg{width:10px;height:10px}.conn-status-badge{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:.15rem .35rem;font-size:.45rem;overflow:hidden}.conn-card-label{overflow-wrap:break-word;font-size:.5rem;line-height:1.2}.conn-card-platform{overflow-wrap:break-word;font-size:.9rem}.conn-card-value{word-break:break-all;margin-top:0;font-size:.6rem}.conn-card-footer{padding-top:.3rem}.conn-card-link{overflow-wrap:break-word;font-size:.55rem}.conn-card:first-child,.conn-card:nth-child(4){flex-direction:row;align-items:center;padding:.5rem .6rem}.conn-card:first-child .conn-card-top,.conn-card:nth-child(4) .conn-card-top{flex-direction:column;align-items:flex-start;width:auto;margin-bottom:0}.conn-card:first-child .conn-card-body,.conn-card:nth-child(4) .conn-card-body{flex:1;align-items:flex-start;padding:0 .5rem}.conn-card:first-child .conn-card-footer,.conn-card:nth-child(4) .conn-card-footer{border-top:none;margin-top:0;margin-left:auto;padding-top:0}.conn-card:first-child .conn-status-badge,.conn-card:nth-child(4) .conn-status-badge{display:none}}.panel-footer{color:var(--white);pointer-events:none;background:0 0;justify-content:center;align-items:center;display:flex}.footer-inner{flex-direction:column;align-items:center;gap:3rem;width:90%;max-width:1200px;padding:4rem;display:flex;position:relative;overflow:hidden}.footer-bg-bloom{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:80%;height:80%;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.footer-content{z-index:2;flex-direction:column;align-items:center;gap:2.5rem;width:100%;display:flex;position:relative}.footer-top{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer-logo{object-fit:contain;opacity:.9;filter:drop-shadow(0 0 10px #fff3);width:auto;height:60px}.footer-heading{font-family:var(--font-connect-head);letter-spacing:.25em;text-transform:uppercase;margin:0;font-size:2.2rem;font-weight:300}.footer-tagline{font-family:var(--font-hud);letter-spacing:.3em;color:var(--dim-hi);text-transform:uppercase;font-size:1rem}.footer-links{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:center;gap:3rem;width:100%;padding:1.5rem 0;display:flex}.footer-link{font-family:var(--font-hud);color:var(--white);letter-spacing:.15em;font-size:1.1rem;text-decoration:none;transition:all .3s}.footer-link:hover{color:var(--white);text-shadow:0 0 10px #fffc;transform:translateY(-2px)}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.footer-copyright{font-family:var(--font-body);color:var(--dim-hi);font-size:.9rem}.footer-tech{font-family:var(--font-body);color:#ffffff80;font-size:.8rem}.footer-totop{color:var(--white);font-family:var(--font-hud);letter-spacing:.2em;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:4px;margin-top:1rem;padding:.8rem 2rem;transition:all .3s}.footer-totop:hover{background:#ffffff1a;border-color:#fff9;box-shadow:0 0 15px #fff3}@media (width<=768px){.footer-inner{gap:2rem;padding:2rem 1rem}.footer-logo{height:45px}.footer-heading{letter-spacing:.15em;text-align:center;font-size:1.5rem}.footer-tagline{letter-spacing:.15em;text-align:center;font-size:.8rem}.footer-bottom{gap:.8rem}.footer-copyright{font-size:.75rem}.footer-tech{text-align:center;font-size:.75rem;line-height:1.4}.footer-totop{margin-top:.5rem;padding:.6rem 1.5rem;font-size:.85rem}}