*{box-sizing:border-box;margin:0;padding:0}:root{--color-black:#000;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--border-thin:1px;--border-medium:2px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--color-black);background-color:var(--color-white);font-size:16px;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.nav{background-color:var(--color-white);border-bottom:var(--border-thin) solid var(--color-gray-200);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;position:fixed;top:0;left:0;right:0}.nav-container{padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-logo{color:var(--color-black);letter-spacing:-.02em;font-size:1.25rem;font-weight:700;text-decoration:none}.nav-toggle{cursor:pointer;flex-direction:column;gap:4px;display:none}.nav-toggle span{background-color:var(--color-black);width:20px;height:2px;transition:var(--transition-fast)}.nav-menu{gap:var(--spacing-md);list-style:none;display:flex}.nav-link{color:var(--color-gray-600);letter-spacing:.05em;text-transform:uppercase;transition:var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--color-black)}.nav-link:after{content:"";background-color:var(--color-black);width:0;height:1px;transition:var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.hero{min-height:80vh;padding:2rem var(--spacing-md);text-align:center;justify-content:center;align-items:center;display:flex;position:relative}.hero-container{z-index:1;max-width:1200px;position:relative}.hero-title{letter-spacing:-.05em;margin-bottom:var(--spacing-xs);opacity:1;min-height:1.2em;font-size:clamp(2rem,6vw,4.5rem);font-weight:900;line-height:1.1}.cursor-typewriter{background-color:var(--color-black);vertical-align:middle;width:4px;height:.9em;margin-left:5px;animation:1s step-end infinite blink;display:inline-block}[data-theme=dark] .cursor-typewriter{background-color:var(--color-white)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-subtitle{letter-spacing:-.02em;margin-bottom:var(--spacing-md);opacity:1;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;line-height:1}.hero-description{letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-lg);opacity:1;font-size:1rem;font-weight:500}.hero-intro{opacity:1;max-width:500px;margin:0 auto;font-size:1.125rem;font-weight:300;line-height:1.6}.portfolio-section{padding:var(--spacing-xl) 0}.section-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.section-title{letter-spacing:-.02em;white-space:nowrap;font-size:2rem;font-weight:700}.section-line{background-color:var(--color-gray-300);flex:1;height:1px}.portfolio-grid{gap:var(--spacing-md);opacity:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.portfolio-item{aspect-ratio:4/5;cursor:pointer;background:#07182e;border-radius:20px;justify-content:center;align-items:center;width:100%;transition:transform .3s;display:flex;position:relative;overflow:hidden}.portfolio-item:before{content:"";background-image:linear-gradient(#1db954,#1ed760);width:120%;height:120%;transition:all .2s linear;animation:4s linear infinite rotBGimg;position:absolute}@keyframes rotBGimg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-item:after{content:"";background:var(--color-white);z-index:0;border-radius:15px;transition:background .3s;position:absolute;inset:5px}[data-theme=dark] .portfolio-item:after{background:#121212}.portfolio-item-inner{z-index:1;border-radius:15px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.portfolio-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-overlay{opacity:0;z-index:2;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay-text{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;font-weight:600;transition:transform .3s;transform:translateY(20px)}.portfolio-item:hover .portfolio-overlay-text{transform:translateY(0)}.item-error{color:var(--color-gray-400);font-size:.8rem;font-weight:500}.about-split-section{background-color:var(--color-white);align-items:center;width:100%;min-height:100vh;display:flex;overflow:hidden}.about-grid{grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.about-text-column{background-color:var(--color-gray-50);justify-content:center;align-items:center;padding:10% 8%;display:flex;position:relative}.about-text-wrapper{text-align:center;z-index:2;max-width:500px}.about-title-minimal{letter-spacing:.1em;margin-bottom:2rem;font-family:serif;font-size:2.5rem;font-weight:300}.about-description-minimal p{color:var(--color-gray-700);margin-bottom:2rem;font-size:1rem;line-height:1.8}.about-highlights{margin:3rem 0}.about-highlights h3{margin-bottom:1.5rem;font-size:1.2rem;font-weight:500}.about-highlights ul{padding:0;list-style:none}.about-highlights li{color:var(--color-gray-600);letter-spacing:.02em;margin-bottom:.8rem;font-size:.95rem}.about-signature{text-transform:uppercase;letter-spacing:.2em;color:var(--color-black);margin-top:3rem;font-size:.9rem;font-weight:700}.about-image-column{background-color:var(--color-white);justify-content:center;align-items:center;height:100vh;padding:80px;display:flex;position:relative}.about-image-column:after{content:"";opacity:.15;pointer-events:none;z-index:2;background-image:url(https://grainy-gradients.vercel.app/noise.svg);position:absolute;inset:0}.about-image-wrapper{background:var(--color-gray-100);border-radius:12px;width:100%;height:100%;max-height:85vh;transition:transform .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 30px 60px #0000001f}.about-image-wrapper:hover{transform:scale(1.02)translateY(-10px)}.about-portrait{object-fit:cover;filter:contrast(1.05)brightness(1.02);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:block}.about-image-wrapper:hover .about-portrait{transform:scale(1.1)}[data-theme=dark] .about-image-column{background-color:#111}[data-theme=dark] .about-text-column{background-color:#0d0d0d}[data-theme=dark] .about-title-minimal,[data-theme=dark] .about-highlights h3,[data-theme=dark] .about-signature{color:#fff}[data-theme=dark] .about-description-minimal p,[data-theme=dark] .about-highlights li{color:#ffffffe6}@media (width<=992px){.about-grid{grid-template-columns:1fr}.about-image-column{order:1;height:60vh}.about-text-column{padding:var(--spacing-xl) var(--spacing-md)}}.social-section{padding:var(--spacing-xl) 0;text-align:center}.social-links{justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.instagram-icon:before{content:"📷";font-size:1.1em;line-height:1}.social-link{color:#1e293b;cursor:pointer;background:linear-gradient(#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .1s;display:inline-flex;box-shadow:inset 0 2px 4px #0206174d,inset 0 -2px 4px #cbd5e1}.social-link:hover{opacity:.9}.social-link:active{opacity:1;transform:translateY(1px)}.social-icon{display:inline-block;position:relative}.footer{padding:var(--spacing-lg) 0;border-top:var(--border-thin) solid var(--color-gray-200);text-align:center}.hero-title .animation{white-space:nowrap;border-right:.15em solid #0000;width:0;margin:0 -.1em;padding:0 .1em;font-family:JetBrains Mono,Fira Code,monospace;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;display:inline-block;overflow:hidden}.is-loaded .hero-title .animation{border-right:.15em solid var(--color-black);width:10ch;animation:1s steps(10,end) typing,.5s step-end infinite alternate blink-caret}@keyframes typing{0%{width:0}}@keyframes blink-caret{50%{border-color:#0000}}.footer-text{letter-spacing:.05em;color:var(--color-gray-500);font-size:.875rem;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-section.section-3d-mode{padding:var(--spacing-xl) 0;perspective:2000px;opacity:1;background-color:#0000;transition:none;overflow:hidden;transform:none}.video-section.floated{opacity:1;transform:none}.video-scroll-container{width:100%;padding:80px 0;display:flex;position:relative;overflow:hidden}.video-scroll-container.manual-enabled{cursor:grab}.video-scroll-container.manual-enabled:active{cursor:grabbing}.video-track{will-change:transform;width:max-content;transform-style:preserve-3d;gap:50px;padding:0 100px;display:flex}.video-item-v2{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:24px;flex-shrink:0;width:260px;height:380px;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;transform:translateZ(0)}.video-inner{background:0 0;border-radius:24px;width:100%;height:100%;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 15px 35px #0003}.video-item-v2 video{object-fit:cover;pointer-events:none;width:100%;height:100%}.video-item-v2{transform:scale(1)}.error-placeholder{width:100%;height:100%;color:var(--color-gray-400);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:.875rem;display:flex}[data-theme=dark] .video-section{background-color:#0000}@media (width<=1024px){.hero-container{padding:0 var(--spacing-md)}}@media (width<=768px){.nav-toggle{display:flex}.nav-menu{background-color:var(--color-white);border-bottom:var(--border-thin) solid var(--color-gray-200);padding:var(--spacing-md);gap:var(--spacing-md);opacity:0;visibility:hidden;transition:var(--transition-normal);z-index:1000;flex-direction:column;position:fixed;top:60px;left:0;right:0;transform:translateY(-100%)}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.hero{padding:6rem var(--spacing-md) 2rem}.hero-title{font-size:clamp(2rem,10vw,3.5rem)}.hero-title .animation{width:100%;max-width:14.5ch}.portfolio-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.section-line{width:100%}.music-card-container{transform-origin:100% 100%;bottom:1rem;right:1rem;transform:scale(.9)}}@media (width<=480px){.container{padding:0 var(--spacing-md)}.hero{padding:4rem var(--spacing-md) var(--spacing-lg)}.hero-title .animation{font-size:1.5rem}.about-title{font-size:2.5rem}.about-text{font-size:1.1rem}.footer-btn{min-width:120px;padding:.6em 1em;font-size:14px}.music-card-container{transform:scale(.8)}}.portfolio-item.loading{background-color:var(--color-gray-100);position:relative;overflow:hidden}.portfolio-item.loading:before{content:"";background:linear-gradient(90deg, transparent, var(--color-gray-200), transparent);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.scroll-animate{opacity:1;transition:none;transform:none}.scroll-animate.visible{opacity:1;transform:none}.nav-link:focus,.social-link:focus{outline:2px solid var(--color-black);outline-offset:2px}@media print{.nav{display:none}.hero{min-height:auto;padding:var(--spacing-md) 0}.portfolio-section,.about-section,.social-section,.footer{padding:var(--spacing-md) 0}}.music-card-container{z-index:1000;position:fixed;bottom:2rem;right:2rem}.music-card-container.mini{background:0 0;width:64px;height:64px;transition:all .6s cubic-bezier(.25,1,.5,1)}.music-card-container.mini.expanded{width:340px}.music-bar{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#000000bf;border:none;border-radius:32px;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:100%;padding:.6rem;transition:all .4s;display:flex;position:relative;box-shadow:0 12px 40px -10px #00000080,inset 0 0 0 1px #ffffff1a}.music-bar:hover{background:#000000d9;box-shadow:0 15px 50px -5px #0009,inset 0 0 0 1px #ffffff26}.music{z-index:2;background:#111;border:1px solid #ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.album-art{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:inherit;display:block}.mini.expanded .music{transform:scale(.9)}.music.playing .album-art{animation:4s linear infinite spin-cd}@keyframes spin-cd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.song-info{opacity:0;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;margin-left:4px;animation:.3s .2s forwards fadeInText;display:flex}.song-name{color:#fff;white-space:nowrap;margin:0;font-size:13px;font-weight:600}.artist-name{color:#ffffffb3;letter-spacing:.5px;white-space:nowrap;margin:0;font-size:11px;font-weight:400}@keyframes fadeInText{to{opacity:1}}.music-control{align-items:center;gap:12px;margin-left:auto;padding-right:10px;display:flex}.volume_control_wrapper{align-items:center;gap:8px;display:flex}.volume_slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:50px;height:3px}.volume_slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px}.play-icon{cursor:pointer;fill:#fff;transition:transform .2s}.play-icon:hover{transform:scale(1.1)}.play-icon:active{transform:scale(.9)}@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.button-wrap{z-index:2;pointer-events:none;background:0 0;border-radius:999vw;margin-top:2rem;transition:all .4s cubic-bezier(.25,1,.5,1);display:inline-block;position:relative}.button-shadow{--shadow-cuttoff-fix:2em;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));pointer-events:none;position:absolute;overflow:visible}.button-shadow:after{content:"";z-index:0;width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);inset:0;top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);box-sizing:border-box;opacity:1;background:linear-gradient(#0003,#0000001a);border-radius:999vw;padding:.125em;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fancy-button{all:unset;cursor:pointer;-webkit-tap-highlight-color:#0000;pointer-events:auto;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,inset 0 0 .1em .25em #fff3}.fancy-button:hover{-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px);transform:scale(.975);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .15em .05em -.1em #00000040,inset 0 0 .05em .1em #ffffff80}.fancy-button span{-webkit-user-select:none;user-select:none;letter-spacing:-.05em;color:#323232;text-shadow:0 .25em .05em #0000001a;padding-block:1em;padding-inline:2em;font-family:inherit;font-size:1.1rem;font-weight:500;transition:all .4s cubic-bezier(.25,1,.5,1);display:block;position:relative}.fancy-button span:after{content:"";z-index:1;box-sizing:border-box;background:linear-gradient(var(--angle-2), #fff0 0%, #ffffff80 40% 50%, #fff0 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;background-position:0%;background-repeat:no-repeat;background-size:200% 200%;border-radius:999vw;width:calc(100% - 2px);height:calc(100% - 2px);transition:all .5s;display:block;position:absolute;top:1px;left:1px;overflow:clip}.fancy-button:hover span:after{background-position:25%}.button-wrap:has(.fancy-button:active){transform:rotateX(25deg)}.hero{position:relative;overflow:hidden}.hero-grid{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.footer-socials{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.footer-btn{color:#000;fill:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:15px;justify-content:center;align-items:center;min-width:150px;padding:.7em 1.2em;font-family:inherit;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s ease-in-out;display:flex;overflow:hidden}.footer-btn span{opacity:1;white-space:nowrap;max-width:100px;margin-left:.5em;transition:all .3s ease-in-out;display:block}.footer-btn svg{transform-origin:50%;transition:all .3s ease-in-out;display:block}.footer-btn:hover{color:#fff;background:#000}.footer-btn:hover .svg-wrapper{transform:scale(1.2)}.footer-btn:hover svg{fill:#fff;transform:scale(1.1)}.footer-btn:hover span{opacity:0;max-width:0;margin-left:0}.footer-btn:active{transform:scale(.95)}.preloader-overlay{background-color:var(--color-white);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.uiverse-loader{z-index:2;background-color:var(--color-gray-200);border:none;width:220px;height:80px;padding:0;position:relative;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") 50%/100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") 50%/100% no-repeat}.uiverse-loader:before{content:"";background-color:var(--color-black);width:0;height:100%;animation:2s ease-in-out infinite loader-fill;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uiverse-loader span{letter-spacing:4px;text-align:center;width:100%;color:var(--color-black);z-index:3;mix-blend-mode:difference;filter:invert();font-size:14px;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes loader-fill{0%{width:0}50%{width:100%}to{width:0}}.nav-actions{align-items:center;gap:var(--spacing-md);display:flex}.theme-switcher-container{flex-shrink:0;width:51px;height:31px;position:relative}.theme-checkbox{opacity:0;width:0;height:0;position:absolute}.theme-switch{cursor:pointer;background-color:#e9e9eb;border-radius:16px;width:100%;height:100%;transition:all .2s ease-out;display:block}.theme-slider{color:#fbbf24;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;transition:all .2s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.theme-icon{width:16px;height:16px}.theme-checkbox:checked+.theme-switch{background-color:#34c759}.theme-checkbox:checked+.theme-switch .theme-slider{color:#3b82f6;transform:translate(20px)}[data-theme=dark]{--color-black:#fff;--color-white:#0a0a0a;--color-gray-50:#171717;--color-gray-100:#262626;--color-gray-200:#404040}[data-theme=dark] body{background-color:var(--color-white)}[data-theme=dark] .nav{background-color:#0a0a0acc}[data-theme=dark] .fancy-button span{color:#fff}[data-theme=dark] .hero-title .animation{border-right-color:#fff}.collage-section{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#0000;width:100%;margin-top:-6rem;padding:1rem 0;position:relative;overflow:hidden}.collage-container{width:100%;display:flex;position:relative;overflow:hidden}.collage-track{will-change:transform;gap:20px;width:max-content;padding:0 40px;display:flex}.collage-item{background:0 0;border-radius:12px;flex-shrink:0;width:auto;height:85vh;transition:transform .5s cubic-bezier(.23,1,.32,1);overflow:hidden;box-shadow:0 20px 40px #0000001a}.collage-item:hover{transform:scale(1.02)}.collage-item img{object-fit:cover;width:auto;height:100%;display:block}[data-theme=dark] .collage-section{background-color:#0000}@media (width<=1024px){.video-section.section-3d-mode{perspective:1200px;padding:4rem 0}.profile-card-section{padding:3rem 0}.hero{align-items:flex-start;min-height:60vh;padding-top:6rem}.collage-section{margin-top:-10rem;padding:1rem 0}.video-scroll-container{padding:40px 0}}@media (width<=768px){.hero{padding-top:7rem}.collage-section{margin-top:-8rem;padding:.5rem 0}.video-track{gap:20px;padding:0 30px}.video-item-v2{border-radius:16px;width:180px;height:270px}.video-inner{border-radius:16px;box-shadow:0 10px 20px #0003}.video-item-v2{transform:none}.collage-item{width:auto;height:75vh}}@media (width<=480px){.video-item-v2{width:150px;height:225px}.collage-item{width:auto;height:65vh}.collage-section{margin-top:-5rem;padding:0}}