*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#1a1a1a;cursor:none;background:#f0e8dd;font-family:Outfit,sans-serif;overflow-x:hidden}.custom-cursor{pointer-events:none;z-index:10000;mix-blend-mode:difference;border:2px solid #1a1a1a;border-radius:50%;width:32px;height:32px;transition:transform .15s,background .2s,border-color .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hover{background:#ffffff26;border-color:#fff;transform:translate(-50%,-50%)scale(2)}.sidebar-nav{z-index:900;height:100vh;display:flex;position:fixed;top:0;right:0}.sidebar-strip{background:var(--strip-color);writing-mode:vertical-rl;text-orientation:mixed;color:#1a1a1a;letter-spacing:2px;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;width:48px;font-size:.75rem;font-weight:700;text-decoration:none;transition:width .3s,filter .2s;display:flex}.sidebar-strip:hover{filter:brightness(1.05);width:64px}.sidebar-strip span:first-child{opacity:.7;font-weight:400}.floating-cta{color:#1a1a1a;z-index:950;background:#e8a87c;border-radius:50px;padding:14px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;position:fixed;bottom:32px;left:32px;box-shadow:0 4px 20px #00000026}.floating-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000040}.mobile-menu-btn{z-index:1100;cursor:pointer;background:#1a1a1a;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;display:none;position:fixed;top:20px;right:20px}.mobile-menu-btn span{background:#fff;border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.mobile-menu-btn.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu-overlay{z-index:1050;background:#1a1a1af7;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:none;position:fixed;inset:0}.mobile-menu-overlay.active{display:flex}.mobile-menu-overlay a{color:#f0e8dd;letter-spacing:2px;text-transform:uppercase;font-size:2rem;font-weight:700;text-decoration:none;transition:color .2s}.mobile-menu-overlay a:hover{color:#e8a87c}.marquee-bar{color:#f0e8dd;letter-spacing:3px;text-transform:uppercase;z-index:800;background:#1a1a1a;align-items:center;width:100%;height:36px;font-size:.8rem;font-weight:500;line-height:36px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.marquee-track{width:max-content;animation:25s linear infinite marqueeScroll;display:flex}.marquee-track span{white-space:nowrap;padding-right:0}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.btn{cursor:pointer;border:2px solid #0000;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#1a1a1a;background:#e8a87c;border-color:#e8a87c}.btn-primary:hover{background:#d4944e;border-color:#d4944e}.btn-outline{color:#1a1a1a;background:0 0;border-color:#1a1a1a}.btn-outline:hover{color:#f0e8dd;background:#1a1a1a}.btn-outline-dark{color:#1a1a1a;background:0 0;border-color:#1a1a1a}.btn-outline-dark:hover{color:#f0e8dd;background:#1a1a1a}.btn-cta{color:#1a1a1a;background:#e8a87c;border-color:#e8a87c}.btn-cta:hover{background:#d4944e;transform:translateY(-2px)}.btn-lg{padding:16px 32px;font-size:1rem}.section{padding:120px 60px}.section-cream{background:#f0e8dd}.section-dark{color:#f0e8dd;background:#1a1a1a}.section-inner{max-width:1200px;margin:0 auto}.section-heading{margin-bottom:24px;font-size:3rem;font-weight:800;line-height:1.15}.section-heading-lg{margin-bottom:16px;font-size:3.5rem;font-weight:800;line-height:1.1}.section-sub{opacity:.7;max-width:600px;font-size:1.1rem;font-weight:400;line-height:1.6}.hero{align-items:center;min-height:100vh;padding:140px 60px 80px;display:flex}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid}.hero-logo{filter:invert();width:auto;height:60px;margin-top:-40px;margin-bottom:20px;display:block}.hero-label{color:#f0e8dd;letter-spacing:3px;text-transform:uppercase;background:#1a1a1a;border-radius:50px;margin-bottom:24px;padding:6px 18px;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{margin-bottom:24px;font-size:6rem;font-weight:900;line-height:1}.hero-title span{display:block}.hero-accent{color:#e8a87c}.hero-subtitle{opacity:.7;margin-bottom:16px;font-size:1.2rem;font-weight:400;line-height:1.6}.hero-name{letter-spacing:2px;text-transform:uppercase;opacity:.5;margin-bottom:32px;font-size:1rem;font-weight:700}.hero-buttons{flex-wrap:wrap;gap:12px;display:flex}.hero-3d{border-radius:20px;width:100%;height:500px;position:relative;overflow:hidden}.hero-profile-card{justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.ingredients-bar{justify-content:flex-end;gap:60px;max-width:1200px;margin:0 auto;padding:40px 60px;display:flex}.ingredient{letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.ingredient-label{font-weight:700}.gradient-pill{background:linear-gradient(90deg,#98c1d9,#ffb7b2,#ffdac1,#e8a87c);border-radius:4px;width:40px;height:8px;display:inline-block}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-desc{opacity:.85;margin-bottom:32px;font-size:1.15rem;line-height:1.8}.about-circles{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.circle-item{aspect-ratio:1;background:var(--c);color:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:100%;font-size:.85rem;font-weight:700;transition:transform .4s;display:flex}.circle-item:hover{transform:scale(1.1)}.section-header{margin-bottom:60px}.skills-columns{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.skill-column{background:var(--col-color);border-radius:16px;padding:32px 24px;transition:transform .4s;position:relative;transform:perspective(600px)rotateY(-2deg)}.skill-column:nth-child(2){transform:perspective(600px)rotateY(0)}.skill-column:nth-child(3){transform:perspective(600px)rotateY(2deg)}.skill-column:hover{transform:perspective(600px)rotateY(0)scale(1.02)}.skill-column-title{text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:1.3rem;font-weight:800}.skill-list{list-style:none}.skill-list li{background:#ffffff73;border-radius:8px;margin-bottom:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:background .2s}.skill-list li:hover{background:#ffffffb3}.skills-cta{text-align:center;margin-bottom:60px}.skills-tagline{max-width:700px;font-size:1.8rem;font-weight:700;line-height:1.4}.projects-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.projects-counter{opacity:.15;font-size:4rem;font-weight:900;line-height:1}.filmstrip{background:#1a1a1a;padding:0;position:relative;overflow:hidden}.filmstrip-perf{background:repeating-linear-gradient(90deg,#1a1a1a 0 12px,#f0e8dd 12px 24px,#1a1a1a 24px 28px,#f0e8dd 28px 40px) 0 0/40px 100%;height:28px}.filmstrip-track{scroll-behavior:smooth;scrollbar-width:none;gap:24px;padding:20px 40px;display:flex;overflow-x:auto}.filmstrip-track::-webkit-scrollbar{display:none}.film-card{border-radius:12px;flex:0 0 360px;transition:transform .4s;overflow:hidden}.film-card:hover{transform:scale(1.03)}.film-card-img{justify-content:flex-end;align-items:flex-start;height:220px;padding:16px;display:flex;position:relative}.film-view-badge{color:#1a1a1a;letter-spacing:1px;background:#f0e8dd;border-radius:50px;padding:8px 16px;font-size:.75rem;font-weight:700}.film-card-overlay{color:#fff;opacity:0;align-items:center;gap:6px;font-size:.8rem;font-weight:600;transition:opacity .3s;display:flex;position:absolute;bottom:12px;left:12px}.film-card:hover .film-card-overlay{opacity:1}.film-card-info{background:#f0e8dd;padding:20px}.film-card-info h4{color:#1a1a1a;margin-bottom:4px;font-size:1.1rem;font-weight:800}.film-card-info p{color:#666;margin-bottom:12px;font-size:.85rem}.film-tags{flex-wrap:wrap;gap:6px;display:flex}.film-tags span{color:#1a1a1a;background:#1a1a1a14;border-radius:50px;padding:4px 10px;font-size:.7rem;font-weight:600}.filmstrip-nav{gap:12px;padding:20px 60px;display:flex}.filmstrip-btn{cursor:pointer;background:0 0;border:2px solid #1a1a1a;border-radius:8px;width:48px;height:48px;font-size:1.2rem;transition:all .3s}.filmstrip-btn:hover{color:#f0e8dd;background:#1a1a1a}.profiles-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.profile-card{background:var(--card-bg);text-align:center;color:#1a1a1a;border-radius:20px;padding:48px 32px;text-decoration:none;transition:transform .4s,box-shadow .4s}.profile-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.profile-card svg{opacity:.8;margin-bottom:16px}.profile-card h3{margin-bottom:4px;font-size:1.3rem;font-weight:800}.profile-card p{opacity:.6;font-size:.9rem}.resume-section{text-align:center;padding:80px 0}.resume-section .section-sub{margin:0 auto 40px}.contact-grid{grid-template-columns:1fr 1fr;gap:60px;margin-top:48px;display:grid}.contact-form{flex-direction:column;gap:16px;display:flex}.form-group input,.form-group textarea{color:#f0e8dd;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:14px 20px;font-family:inherit;font-size:.95rem;transition:border-color .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#f0e8dd66}.form-group textarea{resize:vertical}.contact-info{flex-direction:column;justify-content:center;gap:24px;display:flex}.contact-card{background:#ffffff0f;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;display:flex}.contact-card svg{opacity:.6;flex-shrink:0}.contact-card h4{margin-bottom:2px;font-size:1rem;font-weight:700}.contact-card p{opacity:.6;font-size:.9rem}.contact-socials{gap:16px;padding-top:12px;display:flex}.contact-socials a{color:#f0e8dd;opacity:.5;transition:opacity .3s,transform .3s}.contact-socials a:hover{opacity:1;transform:translateY(-3px)}.footer{color:#f0e8dd;background:#1a1a1a;border-top:1px solid #ffffff14;padding:40px 60px}.footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-brand{align-items:center;display:flex}.footer-logo{width:auto;height:36px;transition:opacity .3s}.footer-logo:hover{opacity:.8}.footer p{opacity:.4;font-size:.85rem}.scroll-progress{z-index:10001;background:linear-gradient(90deg,#e8a87c,#ffb7b2,#98c1d9,#ffdac1) 0 0/300% 100%;width:0%;height:3px;transition:width .1s linear;animation:3s infinite gradientShift;position:fixed;top:0;left:0;box-shadow:0 0 10px #e8a87c80}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.floating-orb{filter:blur(80px);opacity:.35;pointer-events:none;z-index:0;border-radius:50%;animation:8s ease-in-out infinite alternate orbFloat;position:absolute}.orb-1{background:radial-gradient(circle,#98c1d9 0%,#0000 70%);width:400px;height:400px;animation-duration:10s;top:-100px;right:-100px}.orb-2{background:radial-gradient(circle,#ffb7b2 0%,#0000 70%);width:300px;height:300px;animation-duration:12s;animation-delay:-3s;bottom:-50px;left:-80px}.orb-3{background:radial-gradient(circle,#e8a87c 0%,#0000 70%);width:250px;height:250px;animation-duration:9s;animation-delay:-5s;top:40%;left:50%}.orb-4{background:radial-gradient(circle,#98c1d9 0%,#0000 70%);width:350px;height:350px;animation-duration:11s;top:-80px;left:-120px}.orb-5{background:radial-gradient(circle,#ffdac1 0%,#0000 70%);width:280px;height:280px;animation-duration:13s;animation-delay:-2s;bottom:-60px;right:-60px}@keyframes orbFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.95)}to{transform:translate(20px,-30px)scale(1.02)}}.shimmer-text{background:linear-gradient(120deg,currentColor 0% 40%,#e8a87c 50%,currentColor 60% 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite shimmerSweep}@keyframes shimmerSweep{0%{background-position:200%}to{background-position:-200%}}.anim-reveal{opacity:0;filter:blur(4px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0s);transform:translateY(40px)scale(.97)}.anim-reveal.visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.anim-slide-right{filter:blur(4px);transform:translate(-60px)scale(.97)}.anim-slide-right.visible{filter:blur();transform:translate(0)scale(1)}.anim-slide-left{filter:blur(4px);transform:translate(60px)scale(.97)}.anim-slide-left.visible{filter:blur();transform:translate(0)scale(1)}.anim-slide-up{filter:blur(6px);transform:translateY(60px)scale(.95)}.anim-slide-up.visible{filter:blur();transform:translateY(0)scale(1)}.tilt-card{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.tilt-card:hover{transform:perspective(800px)rotateY(-5deg)rotateX(5deg)translateY(-8px);box-shadow:0 25px 50px #0003,0 0 30px #e8a87c1a}.magnetic-btn{transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-ripple{pointer-events:none;background:#fff6;border-radius:50%;animation:.6s ease-out forwards rippleExpand;position:absolute;transform:scale(0)}@keyframes rippleExpand{to{opacity:0;transform:scale(4)}}.circle-item{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.circle-item:hover{transform:scale(1.15)rotate(5deg);box-shadow:0 10px 30px #0003}.film-card{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.film-card:hover{transform:perspective(600px)rotateY(-3deg)scale(1.04)translateY(-5px);box-shadow:0 20px 40px #0000004d}.form-group input:focus,.form-group textarea:focus{border-color:#e8a87c}.skill-column{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .4s}.skill-column:hover{transform:perspective(600px)rotateY(0)scale(1.04)translateY(-5px);box-shadow:0 20px 40px #0000001a}.skill-list li{transition:background .2s,transform .2s,box-shadow .2s}.skill-list li:hover{box-shadow:-4px 0 0 var(--col-color,#e8a87c);background:#ffffffbf;transform:translate(6px)}.hero,.section-dark,.section-cream{position:relative;overflow:hidden}.profile-card:hover svg{animation:.5s cubic-bezier(.16,1,.3,1) iconBounce}@keyframes iconBounce{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.2)rotate(-10deg)}60%{transform:scale(.95)rotate(5deg)}to{transform:scale(1)rotate(0)}}.contact-card{transition:transform .3s,background .3s}.contact-card:hover{background:#ffffff1a;transform:translate(8px)}@media (width<=1024px){.sidebar-nav{display:none}.mobile-menu-btn{display:flex}.hero-title{font-size:4rem}.hero-content{grid-template-columns:1fr}.hero-3d{height:350px}.about-grid{grid-template-columns:1fr;gap:40px}.skills-columns{grid-template-columns:1fr}.skill-column{transform:none!important}.profiles-grid,.contact-grid{grid-template-columns:1fr}.section{padding:80px 24px}.hero{padding:100px 24px 60px}.ingredients-bar{flex-direction:column;gap:16px;padding:24px}.section-heading{font-size:2.2rem}.section-heading-lg{font-size:2.5rem}.projects-header{flex-direction:column;align-items:flex-start}.projects-counter{font-size:2.5rem}.filmstrip-nav{padding:20px 24px}.film-card{flex:0 0 300px}.footer-inner{text-align:center;flex-direction:column;gap:12px}body{cursor:auto}.custom-cursor{display:none}.floating-cta{padding:10px 20px;font-size:.85rem;bottom:16px;left:16px}}@media (width<=600px){.hero-title{font-size:2.8rem}.hero-buttons{flex-direction:column}.hero-3d{height:260px}.section-heading-lg{font-size:1.8rem}.skills-tagline{font-size:1.3rem}.film-card{flex:0 0 260px}.film-card-img{height:160px}}