@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.page{cursor:none;z-index:1;background:0 0;animation:.45s page-fade-in;position:fixed;inset:0;overflow:hidden}.page *{cursor:none}.cursor{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:9999;background:#fff9;border:1.5px solid #ffffffb3;border-radius:50%;width:20px;height:20px;transition:background .2s,border-color .2s,transform .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.hovered{background:#c4f5f0bf;border-color:#9ec8e0f2;transform:translate(-50%,-50%)scale(1.25)}.bg-layer{will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;width:108%;height:108%;position:absolute;top:-4%;left:-4%}.hero-center{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:20px;padding:0 24px;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.hero-tagline{color:#fff7ede9;text-align:center;letter-spacing:.06em;text-shadow:0 1px 8px #00000059;max-width:480px;margin:0;font-family:Times New Roman,Times,serif;font-size:clamp(1.4rem,3.5vw,1.7rem);font-weight:300;line-height:1.3}.hero-about-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffffff2;letter-spacing:.15em;background:#ffffff26;border:1.5px solid #ffffffbf;border-radius:999px;justify-content:center;align-items:center;padding:10px 32px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.8rem;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.hero-about-btn:hover{background:#ffffff47;border-color:#fff}.logo-container{z-index:100;position:fixed;top:0;left:25px}.logo-container img{width:auto;height:clamp(125px,5vh,200px);display:block}.top-right-buttons{z-index:100;align-items:center;gap:1.5vw;display:flex;position:fixed;top:50px;right:50px}.btn-circle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1.5px solid #ffffffc1;border-radius:50%;justify-content:center;align-items:center;width:5vh;height:5vh;transition:background .2s,border-color .2s;display:flex}.btn-icon{object-fit:contain;filter:brightness(0)invert();width:55%;height:55%}#linkedin-logo{object-fit:contain;width:100%;height:100%}#inaproc-logo{object-fit:contain;width:90%;height:90%}.btn-circle:hover{background:#ffffff4d;border-color:#fff}.btn-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7ca66326;border:1.5px solid #ffffffc1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:5vh;height:5vh;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.btn-pill .btn-icon{width:80%;height:80%}.btn-pill:hover{background:#ffffff4d;border-color:#fff}.bottom-nav{z-index:100;align-items:center;display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}.bottom-nav:before{content:"click here to start";letter-spacing:.1em;color:#ffffffb3;white-space:nowrap;pointer-events:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;position:absolute;bottom:calc(100% + 28px);left:50%;transform:translate(-50%)}.bottom-nav:after{content:"↓";color:#ffffffbf;pointer-events:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;line-height:1;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.bottom-nav.open:before,.bottom-nav.open:after{display:none}.btn-expand{color:#655949;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#ffffffa6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:5vh;height:5vh;font-size:20px;line-height:1;transition:background .2s,border-color .2s;display:flex;position:relative}.btn-expand:before{content:"";pointer-events:none;background:#ffffff80;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite pulse-hint;position:absolute}.bottom-nav.open .btn-expand:before{opacity:0;animation:none}@keyframes pulse-hint{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.btn-expand:hover{background:#fffc;border-color:#fff}.btn-expand:after{content:"more";letter-spacing:.12em;color:#fff;white-space:nowrap;pointer-events:none;font-family:Times New Roman,Times,serif;font-size:.8rem;font-weight:700;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.btn-expand-icon{flex-shrink:0;width:14px;height:14px;position:relative}.btn-expand-icon:before,.btn-expand-icon:after{content:"";background:#8d7d69;border-radius:1px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%}.btn-expand-icon:before{width:14px;height:1.5px;transform:translate(-50%,-50%)rotate(0)}.btn-expand-icon:after{width:1.5px;height:14px;transform:translate(-50%,-50%)rotate(0)}.bottom-nav.open .btn-expand-icon:before,.bottom-nav.open .btn-expand-icon:after{transform:translate(-50%,-50%)rotate(45deg)}.ripple-ring{opacity:0;pointer-events:none;border:.75px solid #f6ffffcc;border-radius:50%;width:50%;height:50%;position:absolute}.ripple-ring.ripple-active{animation:1s ease-out forwards ripple-out}@keyframes ripple-out{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.5)}}.nav-side-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;white-space:nowrap;color:#64584d;letter-spacing:.2em;background:#fff9;border-radius:24px;justify-content:center;align-items:center;width:120px;max-width:0;height:4vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;text-decoration:none;transition:max-width .35s cubic-bezier(.4,0,.2,1) .1s,opacity .12s,padding .35s cubic-bezier(.4,0,.2,1) .1s,margin .35s cubic-bezier(.4,0,.2,1) .1s;display:flex;overflow:hidden}.bottom-nav.open .nav-side-btn{opacity:1;width:120px;max-width:140px;margin:0 10px;padding:0;transition:max-width .55s cubic-bezier(.16,1,.3,1),opacity .3s .2s,padding .55s cubic-bezier(.16,1,.3,1),margin .55s cubic-bezier(.16,1,.3,1)}.nav-side-btn:hover{background:#ffffff85;border-color:#fff}@media (max-width:768px){.cursor{display:none}.page,.page *{cursor:auto}.bg-layer{background-position:top;width:100%;height:100%;top:0;left:0}.hero-tagline{letter-spacing:.04em;min-width:360px;max-width:400px;margin-top:40px;font-size:clamp(1.4rem,4vw,1.7rem)}.logo-container{top:0;left:-10px}.top-right-buttons{flex-direction:column;align-items:flex-end;gap:10px;top:20px;right:20px}.bottom-nav{left:30px;bottom:calc(env(safe-area-inset-bottom,0px) + 30px);flex-direction:column-reverse;align-items:flex-start;transform:none}.btn-expand{order:-1}.nav-side-btn{opacity:0;width:120px;max-width:140px;max-height:0;margin:0;transition:max-height .3s cubic-bezier(.4,0,.2,1) 80ms,opacity .1s,margin .3s cubic-bezier(.4,0,.2,1) 80ms}.bottom-nav.open .nav-side-btn{opacity:1;max-height:50px;margin:6px 0;padding:0 16px;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .28s .18s,margin .45s cubic-bezier(.16,1,.3,1)}.bottom-nav.open .btn-expand{margin-top:8px}.bottom-nav:before{content:"← click here to start";align-items:center;height:5vh;display:flex;bottom:0;left:calc(5vh + 14px);transform:none}.bottom-nav:after{display:none}}.about-page .bottom-nav:before,.about-page .bottom-nav:after{display:none}.about-content{z-index:10;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:0 clamp(2rem,8vw,5rem);display:flex;position:absolute;inset:-20% 0 0}.about-content p{color:#fff;text-align:center;max-width:600px;font-family:Times New Roman,Times,serif;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6}.about-content h3{color:#fff;text-align:center;margin-top:10px;font-family:Times New Roman,Times,serif;font-size:clamp(1.2rem,3.5vw,1.7rem);line-height:1.6}.about-contact-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.15em;background:#ffffff26;border:1.5px solid #ffffffb3;border-radius:999px;margin-top:1.5rem;padding:.75rem 2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.85rem;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.about-contact-btn:hover{background:#ffffff4d;border-color:#fff}
