@font-face{font-family:Heroeau Regular;src:url(/assets/fonts/HEROEAU%20ELEGANT%20DEMO.ttf)}@font-face{font-family:Riesling;src:url(/assets/fonts/riesling.ttf)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:all .3s ease-in-out}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}html,body{margin:0;padding:0;-webkit-user-select:none;user-select:none;overflow-y:auto}@keyframes gradientAnimation{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}body{background-image:radial-gradient(circle farthest-corner at 50.3% 47.3%,#505050 .1%,#141414 65%);background-size:300% 300%;animation:gradientAnimation 45s ease infinite;min-height:100%;background-attachment:fixed}a,a:visited,a:hover,a:active{color:inherit}.name{font-size:8.5vmin;margin-top:1.5em;color:#fff;font-family:Cardo,serif;letter-spacing:2px;text-align:center;pointer-events:none}.nav{padding:1rem;margin-bottom:5em}.nav ul{padding-left:0;margin-top:5em;text-align:center}.nav li{font-size:2em;color:#fff;list-style:none;font-family:Josefin Sans,sans-serif;font-weight:100;padding-top:.5em;transition:all .5s ease-in-out}.nav li:hover{color:#999;cursor:pointer;padding-left:.1em}.links{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);background-color:#29292940;color:#fff;text-align:center;font-size:1.1em;padding:.5rem 1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;box-shadow:0 4px 20px #0003;display:flex;align-items:center;gap:1rem;transition:all .3s ease-in-out}.links:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d,#fff0);border-radius:50px;pointer-events:none}.links:hover{border-color:#ffffff26;box-shadow:0 6px 25px #0000004d}.links a{padding:0;transition:all .3s ease-in-out;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#ffffff0d;border:1px solid transparent;text-decoration:none}.links a:hover{color:#fff;background-color:#ffffff1a;border-color:#fff3;cursor:pointer}.pop-ups.hide .title,.pop-ups.hide .content,.pop-ups.hide,.overlay.hide{opacity:0;visibility:hidden}.overlay{position:fixed;left:0;bottom:0;width:100%;height:100%;background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:all .5s ease-in-out;pointer-events:none}.overlay.show{opacity:1;pointer-events:auto}.pop-ups{opacity:0;min-width:60%;max-width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #666;border-radius:10px;transition:all .5s ease-in-out;max-height:75vh;display:flex;flex-direction:column;overflow:hidden}.pop-ups.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.pop-ups .title{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;position:sticky;top:0;background-color:#292929e6;border-bottom:1px solid rgba(255,255,255,.3);z-index:100}.pop-ups .title .title-content{display:flex;align-items:center;gap:.75rem}.pop-ups .title .title-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.pop-ups .title .title-icon i{font-size:.85rem;color:#ffffffb3}.pop-ups .title p{font-family:Josefin Sans,sans-serif;font-size:1rem;color:#fffc;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:.2em;margin:0}.pop-ups .title .close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-family:Josefin Sans,sans-serif;font-weight:300;cursor:pointer;transition:all .2s ease-in-out;opacity:1;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:50%;background-color:#ffffff0d}.pop-ups .title .close:hover{opacity:.6;border-color:#fff3;background-color:#ffffff1a}.pop-ups .content{opacity:0;transform:translateY(10px);transition:all .5s ease-in-out;overflow-y:auto;flex:1;min-height:0}.pop-ups.show .content{opacity:1;transform:translateY(0)}.quote{position:fixed;bottom:8rem;left:0;right:0;font-size:1.25em;display:flex;flex-direction:column;align-items:center;padding:0 1rem;z-index:-1}.quote div:first-of-type{font-family:Heroeau Regular;color:#fff;text-align:center;line-height:1.2}.quote div:last-of-type{font-family:Riesling;color:#fff;text-align:center;margin-top:.5em}.bts-details,.prologue-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.chapters-grid,.experiments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.chapter,.experiment{background:#29292940;padding:1.5rem;border-radius:12px;transition:all .5s ease-in-out;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chapter:hover,.experiment:hover{transform:translateY(-5px);border-color:#fff3}.tech-tags,.experiment-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tags span,.experiment-tags span{font-family:Josefin Sans,sans-serif;font-weight:200;font-size:.9rem;padding:.25rem .75rem;background:#ffffff1a;border-radius:15px;transition:background .3s ease-in-out}.tech-tags span:hover,.experiment-tags span:hover{background:#fff3}@media (max-width: 768px){.pop-ups{min-width:95%;max-width:95%}.pop-ups .title{padding-right:1rem}.bts-content h2,.prologue-content h2,.chapters-content h2,.spin-offs-content h2{font-size:1.75rem}.bts-content .intro,.prologue-content .intro,.chapters-content .intro,.spin-offs-content .intro{font-size:1.1rem}.bts-details,.prologue-details{grid-template-columns:1fr;gap:1.5rem}.chapters-grid,.experiments-grid{grid-template-columns:1fr}.chapter,.experiment{padding:1rem}.quote{bottom:7rem;font-size:2vmin}.name{font-size:6vmin;margin-top:3em}.nav ul{margin-top:4em}.nav li{font-size:1.75em;padding-top:.4em}}@media (max-width: 480px){.pop-ups .title .close{font-size:1.75rem}.bts-content h2,.prologue-content h2,.chapters-content h2,.spin-offs-content h2{font-size:1.5rem}.bts-content .intro,.prologue-content .intro,.chapters-content .intro,.spin-offs-content .intro{font-size:1rem}.tech-tags span,.experiment-tags span{font-size:.8rem;padding:.2rem .6rem}.quote{bottom:7rem;font-size:3vmin}.name{font-size:6vmin;margin-top:3em}.nav ul{margin-top:4em}.nav li{font-size:1.5em;padding-top:.3em}}@media (max-height: 750px){.quote{bottom:6rem;font-size:2vmin}}@media (max-height: 575px){.quote{visibility:hidden}}.background-blur{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1;pointer-events:none}.about-container{padding:2rem;color:#fff}.about-content{max-width:1200px;margin:0 auto}.hero-section{display:grid;grid-template-columns:300px 1fr;gap:1rem;align-items:center;margin-bottom:3rem}.hero-left{display:flex;justify-content:center;align-items:center}.profile-image{width:15rem;height:15rem;border-radius:10%;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .4s ease-in-out;box-shadow:0 4px 20px #0003;position:relative}.profile-image img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-in-out;filter:grayscale(30%);display:block}.hero-right{display:flex;align-items:center}.intro-window{padding:2.5rem 3rem;background-color:#29292940;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .4s ease-in-out;width:100%;min-width:200px}.intro-window:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d,#fff0);opacity:0;transition:opacity .4s ease-in-out}.intro-window:hover{border-color:#fff3;box-shadow:0 8px 30px #00000026}.intro-window:hover:before{opacity:1}.intro{color:#ffffffd9;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:1.15rem;line-height:2;margin:0;transition:all .4s ease-in-out;position:relative;z-index:1}.intro-window:hover .intro{color:#fff}.vanakkam-link{color:inherit;text-decoration:underline;text-decoration-style:dashed;text-decoration-color:#fff6;text-underline-offset:.2em;font-style:italic;transition:all .3s ease-in-out}.vanakkam-link:hover{text-decoration-color:#ffffffb3;color:#fff}.background-section{margin-bottom:0}.background-section .accordion-item{width:100%}.accordion-item{background-color:#29292940;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease-in-out;margin-bottom:0}.accordion-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d,#fff0);opacity:0;transition:opacity .3s ease-in-out}.accordion-item.open:before{opacity:1}.accordion-item.open{border-color:#fff3}.accordion-trigger{padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease-in-out;position:relative;z-index:1;gap:1.5rem}.accordion-trigger:hover{background-color:#ffffff05}.accordion-label{display:flex;align-items:center;flex:1}.accordion-label h3{font-size:1.3rem;margin:0;font-family:Josefin Sans,sans-serif;font-weight:300;color:#ffffffe6;position:relative;letter-spacing:.3px}.accordion-item.open .accordion-label h3{color:#fff}.accordion-indicator{display:flex;align-items:center;gap:.75rem}.indicator-line{width:50px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .3s ease-in-out}.accordion-item.open .indicator-line{width:70px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.indicator-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;transition:all .3s ease-in-out}.indicator-icon i{font-size:.85rem;color:#ffffffb3;transition:all .3s ease-in-out}.indicator-icon.open{background-color:#ffffff1a;border-color:#ffffff4d;transform:rotate(45deg)}.indicator-icon.open i{color:#fff}.accordion-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .5s ease-in-out;padding:0 1.5rem}.accordion-item.open .accordion-content{max-height:600px;padding:0 1.5rem 1.5rem}.accordion-body{padding-top:1rem;position:relative}.background .accordion-body p{font-weight:300;color:#ffffffbf;line-height:1.8;font-family:Josefin Sans,sans-serif;position:relative;padding:0;margin:0;font-size:1.05rem;transition:all .3s ease-in-out}.accordion-item.open .background .accordion-body p{color:#ffffffe6}@media (max-width: 768px){.about-container{padding:1rem}.hero-section{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.hero-left{justify-content:center}.profile-image{width:180px;height:180px}.intro-window{padding:1.5rem}.intro{font-size:1rem;line-height:1.8;text-align:center}.accordion-trigger{padding:1rem 1.25rem;gap:1rem}.accordion-label h3{font-size:1.15rem}.accordion-content{padding:0 1.25rem}.accordion-item.open .accordion-content{padding:0 1.25rem 1.25rem}.background .accordion-body p{font-size:1rem}}.works-container{padding:2rem;color:#fff}.works-content{max-width:1200px;margin:0 auto}.works-content h2{font-size:2.5rem;margin-bottom:3rem;text-align:center;font-family:Josefin Sans,sans-serif;font-weight:300;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-card{position:relative;background-color:#29292940;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:1.25rem;transition:all .3s ease-in-out;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card-inner{display:flex;flex-direction:column;height:100%}.project-card-front{display:flex;flex-direction:column;height:100%;position:relative;min-height:0}.project-card-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ffffff08,#fff0);opacity:0;transition:opacity .3s ease-in-out}.project-card:hover{border-color:#fff3}.project-card h3,.project-description{transition:all .3s ease-in-out}.project-card:hover h3,.project-card:hover .project-description{color:#fff}.project-card:hover:before{opacity:1}.project-card:hover .project-link-bottom{opacity:1}.project-card h3{color:#eee;font-size:1.2rem;margin-bottom:.75rem;font-family:Josefin Sans,sans-serif;font-weight:300;line-height:1.4;flex-shrink:0}.project-description{color:#ffffffb3;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.95rem;line-height:1.5;margin-bottom:1rem;flex-shrink:0}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0;flex-shrink:0}.tech-tag{background-color:#ffffff0d;color:#ffffffb3;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-family:Josefin Sans,sans-serif;font-weight:300;transition:all .2s ease-in-out}.tech-tag:hover{background-color:#ffffff1a;color:#ffffffe6}.project-links{display:flex;gap:.75rem;opacity:0;transition:all .3s ease-in-out}.project-card:hover .project-links{opacity:1}.project-link{display:flex;align-items:center;gap:.4rem;color:#ffffffb3;text-decoration:none;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.85rem;padding:.5rem .75rem;border-radius:6px;background-color:#ffffff0d;transition:all .2s ease-in-out}.project-link:hover{background-color:#ffffff1a;color:#ffffffe6}.project-link i{font-size:.9rem}.project-link-bottom{display:flex;align-items:center;gap:.4rem;color:#ffffffb3;text-decoration:none;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.9rem;padding:.5rem .75rem;border-radius:6px;background-color:#ffffff0d;border:1px solid transparent;transition:all .3s ease-in-out;margin-top:1.5rem;align-self:flex-start;width:fit-content;flex-shrink:0;opacity:0}.project-link-bottom:hover{background-color:#ffffff1a;color:#ffffffe6;border-color:#fff3}.project-link-bottom i{font-size:.9rem}@media (max-width: 768px){.works-container{padding:1rem}.works-content h2{font-size:2rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.project-card{padding:1rem}.project-card h3{font-size:1.1rem}.project-description{font-size:.9rem}.project-links,.project-link-bottom{opacity:1;transform:none}}.tech-container{padding:2rem;color:#fff}.tech-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.tech-section{background-color:#29292940;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease-in-out}.tech-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d,#fff0);opacity:0;transition:opacity .3s ease-in-out}.tech-section:hover:before{opacity:1}.tech-section:hover{border-color:#ffffff26}.section-header{margin-bottom:1.5rem;position:relative;z-index:1}.section-header h3{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:1.4rem;color:#ffffffe6;margin:0;padding-bottom:.75rem;position:relative;display:flex;align-items:center;gap:1rem}.section-header h3:after{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .3s ease-in-out}.tech-section:hover .section-header h3:after{width:60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.tech-cloud{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;z-index:1}.tech-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background-color:#ffffff0d;border-radius:20px;border:1px solid transparent;transition:all .3s ease-in-out;position:relative;cursor:default}.tech-badge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff14,#ffffff05);opacity:0;transition:opacity .3s ease-in-out;border-radius:20px;pointer-events:none}.tech-badge:hover:before{opacity:1}.tech-badge:hover{background-color:#ffffff14;border-color:#fff3}.tech-badge-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.tech-badge-icon i{font-size:.95rem;color:#fffc;transition:all .3s ease-in-out}.tech-badge:hover .tech-badge-icon i{color:#fff}.tech-badge-name{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.85rem;color:#fffc;white-space:nowrap;position:relative;z-index:1;transition:all .3s ease-in-out}.tech-badge:hover .tech-badge-name{color:#fff}.fab,.fas{font-family:"Font Awesome 5 Brands","Font Awesome 5 Free"}@media (max-width: 768px){.tech-container{padding:1rem}.tech-content{gap:1rem}.tech-section{padding:1.5rem}.section-header h3{font-size:1.2rem}.tech-cloud{gap:.6rem}.tech-badge{padding:.4rem .875rem}.tech-badge-icon{width:22px;height:22px}.tech-badge-icon i{font-size:.85rem}.tech-badge-name{font-size:.8rem}}.contact-container{padding:2rem;color:#fff}.contact-content{max-width:1000px;margin:0 auto}.contact-intro{text-align:center;margin:1.5rem 0;padding:0 1rem}.contact-intro p{color:#fffc;font-family:Josefin Sans,sans-serif;font-size:1.1rem;line-height:1.9;font-weight:300;margin:0}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.contact-card{background-color:#29292940;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease-in-out;display:flex;flex-direction:column;gap:.875rem;text-decoration:none;color:inherit;cursor:pointer}.contact-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d,#fff0);opacity:0;transition:opacity .3s ease-in-out}.contact-card:hover:before{opacity:1}.contact-card:hover{border-color:#fff3}.card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease-in-out;position:relative;z-index:1}.contact-card:hover .card-icon{background-color:#ffffff1a;border-color:#fff3}.card-icon i{font-size:1.1rem;color:#fffc;transition:all .3s ease-in-out}.contact-card:hover .card-icon i{color:#fff}.card-content{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1;flex:1}.card-content h3{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.95rem;color:#ffffffb3;margin:0;transition:all .3s ease-in-out}.contact-card:hover .card-content h3{color:#ffffffe6}.card-value{font-family:Josefin Sans,sans-serif;font-weight:400;font-size:1rem;color:#fff;margin:0;transition:all .3s ease-in-out}.card-hint{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:.85rem;color:#ffffff80;margin-top:.25rem;transition:all .3s ease-in-out}.contact-card:hover .card-hint{color:#ffffffb3}.card-arrow{position:absolute;top:1rem;right:1rem;color:#fff6;font-size:.85rem;opacity:0;transition:all .3s ease-in-out;z-index:1}.contact-card:hover .card-arrow{opacity:1;color:#ffffffb3}.email-card{cursor:pointer}.location-card{cursor:default}.social-card{cursor:pointer}.fa-regular.fa-heart{color:#e30000}@media (max-width: 768px){.contact-container{padding:1rem}.contact-intro{margin-bottom:2rem}.contact-intro p{font-size:1rem}.contact-grid{grid-template-columns:1fr;gap:1.25rem}.contact-card{padding:1rem}.card-icon{width:36px;height:36px}.card-icon i{font-size:1rem}.card-content h3{font-size:.9rem}.card-value{font-size:.95rem}.card-hint{font-size:.75rem}}