:root{--bg-color: #08080c;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-color: #2e2e2e;--accent-secondary: #828282;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-heading: "Tomorrow", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg-color);overflow-x:hidden}body{font-family:var(--font-body);background-color:transparent;color:var(--text-primary);overflow-x:hidden;line-height:1.6}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;transition:opacity .2s ease}#canvas-container-alt{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-2;z-index:-1;pointer-events:none;opacity:0;transition:opacity .2s ease}.navbar{position:fixed;top:0;left:0;width:100%;max-width:100vw;padding:1rem;display:flex;justify-content:space-between;align-items:center;z-index:100;box-sizing:border-box;transition:transform .3s ease}.navbar{mix-blend-mode:difference}.navbar.hidden{transform:translateY(-100%)}.logo img{width:auto;height:50px;transition:transform .3s ease;filter:invert(1)}.logo a{display:block;text-decoration:none}.logo:hover img{transform:rotate(360deg)}.nav-links{display:flex;gap:2rem}.nav-btn{text-decoration:none;color:var(--text-primary);font-family:var(--font-heading);font-weight:600;font-size:1rem;position:relative;transition:color .3s ease}.nav-btn:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.nav-btn:hover{color:#fff}.nav-btn:hover:after{width:100%}@media(min-width:769px){.navbar{mix-blend-mode:normal;padding:.5rem 2rem}.mobile-nav{display:none!important}.desktop-nav{display:block}.nav-image-trigger{position:relative;width:531px;height:80px;background-image:url(/all%20buttons.png);background-size:contain;background-repeat:no-repeat;background-position:center right;display:flex;transition:background-image .1s ease}.nav-area{flex:1;height:100%;cursor:pointer;z-index:2}.nav-image-trigger:has(#area-work:hover){background-image:url(/workpressed.png)}.nav-image-trigger:has(#area-about:hover){background-image:url(/aboutpressed.png)}.nav-image-trigger:has(#area-contact:hover){background-image:url(/contactpressed.png)}body:after{content:url(/all%20buttons.png) url(/workpressed.png) url(/aboutpressed.png) url(/contactpressed.png);display:none}}main{position:relative}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;position:relative}#hero{justify-content:center;text-align:center;position:relative;overflow:hidden;--mask-right: 85%;--mask-left: 100%;clip-path:polygon(0 0,100% 0,100% var(--mask-right),0 var(--mask-left));transition:clip-path .1s ease-out;background-color:transparent;z-index:2}#hero-bg-text{position:absolute;top:0;right:0;width:100%;height:100vh;display:flex;justify-content:flex-end;align-items:flex-end;padding:2rem;z-index:2;pointer-events:none;font-family:var(--font-heading)}.bg-text-content{display:flex;flex-direction:row;align-items:center;gap:1rem}.bg-text-content span{font-size:2.8rem;line-height:.8;color:#c0c0c033;letter-spacing:-1px}.bg-arrow-img{width:32px;height:auto;opacity:.3;filter:grayscale(1) brightness(1.5)}.hero-mask-layer{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:center;gap:0rem}.hero-subtitle{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;color:#fff;font-size:1.8rem;mix-blend-mode:normal;margin-bottom:.1rem;text-shadow:0 0 10px rgb(0,0,0),0 0 20px rgb(0,0,0),0 0 40px rgba(0,0,0,.9),0 0 80px rgba(0,0,0,.8);cursor:default}.hero-subtitle span{display:inline-block;font-weight:400;transition:font-weight .2s ease,transform .2s ease;pointer-events:auto}.glass-bar{background:#0a0a0a99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(236,236,236,.1);padding:.8rem 20vw;width:100vw;border-radius:0;border-left:none;border-right:none;box-shadow:0 4px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.glass-bar h1{font-family:var(--font-body);font-size:1.2rem;font-weight:200;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.hero-scroll-indicator{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:.7;font-size:.9rem;letter-spacing:1px}.arrow-down{width:20px;height:20px;border-right:2px solid var(--text-primary);border-bottom:2px solid var(--text-primary);transform:rotate(45deg);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-10px) rotate(45deg)}60%{transform:translateY(-5px) rotate(45deg)}}.work-anchor{position:absolute;top:40vh}#projects{min-height:140vh;margin-top:-40vh;padding-top:44vh;position:relative;z-index:1;background:linear-gradient(to bottom,var(--bg-color) 0%,var(--bg-color) 10%,rgba(8,8,12,0) 65%),url(/bnw%20neo%20river%20alt.jpg) no-repeat center top;background-size:140%;background-attachment:scroll}.section-header{margin-bottom:2rem;text-align:left}.section-header h2{font-family:var(--font-heading);font-size:2rem;color:#fffc;margin-bottom:1rem}.stacked-carousel{display:flex;align-items:center;justify-content:center;width:100%;max-width:1400px;margin:0 auto;padding:2px;position:relative}.carousel-container{position:relative;width:340px;height:680px;perspective:1200px;transition:transform .6s cubic-bezier(.23,1,.32,1)}.carousel-card.dragging{transition:none!important}.carousel-card{position:absolute;width:100%;height:100%;border-radius:2px;overflow:hidden;background:#111;box-shadow:0 25px 50px #0009;transition:all .6s cubic-bezier(.23,1,.32,1);cursor:default;display:flex;flex-direction:column}.card-media-wrapper{flex:0 0 28%;overflow:hidden;position:relative}.card-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s ease}.card-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.carousel-card[data-position="0"] .card-video{opacity:1}.carousel-card[data-position="0"] .card-thumbnail{opacity:0}.card-info{flex:1;padding:1.5rem;background:#000000e6;display:flex;flex-direction:column;gap:.5rem}.card-title{font-family:var(--font-heading);font-size:1.4rem;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px}.card-subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.4;margin:0}.card-role{font-size:.85rem;color:#ffffff80;font-style:italic;margin:0}.card-btn{display:inline-block;margin-top:auto;padding:.75rem 1.5rem;font-family:var(--font-heading);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-decoration:none;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);text-align:center}.card-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.card-btn:hover{background:#ffffff1a;border-color:#fff9;box-shadow:0 0 20px #ffffff26,inset 0 0 20px #ffffff0d;transform:translateY(-2px)}.card-btn:hover:before{left:100%}.card-btn:active{transform:translateY(0);box-shadow:0 0 10px #ffffff1a}.carousel-card[data-position="0"]{z-index:6;transform:translate(0) scale(1);opacity:1}.carousel-card[data-position="1"]{z-index:5;transform:translate(250px) scale(.9);opacity:.9;filter:brightness(.7)}.carousel-card[data-position="2"]{z-index:4;transform:translate(400px) scale(.8);opacity:.5;filter:brightness(.5)}.carousel-card[data-position="-1"]{z-index:5;transform:translate(-250px) scale(.9);opacity:.9;filter:brightness(.7)}.carousel-card[data-position="-2"]{z-index:4;transform:translate(-400px) scale(.8);opacity:.5;filter:brightness(.5)}.carousel-card[data-position=hidden]{z-index:0;transform:translate(0) scale(.6);opacity:0;pointer-events:none}.carousel-card[data-position="0"]:hover .card-image-wrapper img{transform:scale(1.05)}.carousel-nav{background:#0000;border:1px solid rgba(255,255,255,0);color:#fff;width:150px;height:150px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;overflow:hidden}.carousel-nav:hover{background:#fff0;transform:scale(1.4)}.carousel-nav-svg{display:none;width:60%;height:60%;stroke:#fff;transition:all .3s ease}.carousel-nav-png{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));transition:filter .3s ease}.carousel-nav:hover .carousel-nav-png{filter:drop-shadow(0 0 20px rgba(0,0,0,.8))}.carousel-prev{margin-right:300px}.carousel-next{margin-left:300px}.carousel-indicators{display:flex;justify-content:center;gap:12px;margin-top:2rem}.indicator{width:10px;height:10px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;transform:scale(1.2)}.indicator:hover{background:#fff9}#wonder-scroll-track{height:100vh;position:relative;z-index:5}#wonder-bg-video{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;opacity:0;pointer-events:none;object-fit:cover}@media(max-width:768px){#wonder-bg-video{width:120vw;left:-10vw;height:50vh;top:25vh}}#wonder-sticky-container{position:sticky;top:0;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20rem 2rem}.wonder-container{display:flex;flex-direction:column;width:100%;max-width:1400px;gap:1rem}.wonder-line{font-family:var(--font-heading);font-weight:800;line-height:.9;text-transform:uppercase;color:#fff;letter-spacing:-2px;opacity:1;transition:transform .3s ease}.wonder-line span{opacity:.2;transition:opacity .1s linear}.wonder-line.right{text-align:right;font-size:clamp(2rem,5vw,5rem);font-weight:800;letter-spacing:.1em}.wonder-line.left{text-align:left;font-size:clamp(2rem,5vw,5rem);font-weight:800;letter-spacing:.1em}.wonder-line.center{text-align:center;font-size:clamp(10vw,5vw,5rem);font-weight:900;letter-spacing:.05em;color:#fff;margin:1rem 0}.wonder-line.glow{text-shadow:0 0 20px rgba(255,255,255,.3)}@media(max-width:768px){.wonder-line{text-align:center!important}.wonder-container{gap:.5rem}}#about{position:relative;z-index:20;background-color:transparent;display:flex;justify-content:center;align-items:center;padding:5rem 20rem}.about-container{width:100%;max-width:60vw;display:flex;flex-direction:column;gap:2rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.about-image-cell{grid-row:span 2;width:100%;height:100%;min-height:400px;border-radius:2px;overflow:hidden;position:relative}.about-image-cell img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;transition:opacity .5s ease}.img-bw{opacity:1;z-index:1}.img-color{opacity:0;z-index:2}.about-image-cell:hover .img-color{opacity:1}.about-bio-cell{background-color:#0009;color:#c7c7c7;padding:2rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:2px;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;font-family:var(--font-body)}.about-bio-cell h2{font-family:var(--font-heading);font-weight:600;font-size:3rem;color:#fff}.about-bio-cell p{font-size:1rem;line-height:1.6}.about-skills-cell{background-color:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:2rem;border-radius:2px;display:flex;align-items:center}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;width:100%}.skill-item{display:flex;align-items:center;gap:1rem}.skill-icon{width:25px;height:25px;object-fit:contain;opacity:.4;filter:brightness(0) invert(1)}.skill-name{font-family:var(--font-heading);font-weight:400;font-size:1rem;opacity:.8;color:#fff;letter-spacing:.02em;white-space:nowrap}.about-timeline-cell{grid-column:1 / -1;background-color:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff;padding:2rem;border-radius:2px}.about-timeline-cell h3{font-family:var(--font-heading);font-weight:600;font-size:1.8rem;margin-bottom:2rem;color:#fff}.timeline-list{display:flex;flex-direction:column;gap:1.5rem}.timeline-item{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:1rem;border-bottom:0px solid rgba(255,255,255,.1);padding-bottom:.5rem}.t-role{font-weight:900;color:#fff;flex:2;opacity:.8}.t-separator{color:#000;margin:0 1rem;opacity:0}.t-loc{color:#ccc;flex:2}.t-date{color:#fff;font-weight:600;text-align:right;flex:.5}.about-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.about-btn{background-color:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:0px solid #333;color:#fff;padding:1rem;text-align:left;border-radius:2px;font-family:var(--font-heading);font-size:1.8rem;font-weight:600;text-decoration:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.about-btn:hover{background-color:#000;font-weight:900;transform:translateY(-2px)}@media(max-width:900px){.about-container{width:100%;max-width:100%}#about{padding:3rem 1rem}.about-grid{grid-template-columns:1fr;gap:1.5rem}.about-image-cell{grid-row:auto;min-height:300px;height:300px}.about-bio-cell,.about-skills-cell,.about-timeline-cell{padding:1.5rem}.about-bio-cell h2{font-size:2rem}.about-actions{grid-template-columns:1fr;gap:1rem}.about-btn{font-size:1.2rem;padding:1.2rem}.timeline-item{flex-direction:column;gap:.25rem;align-items:flex-start}.t-role,.t-loc,.t-date{font-size:.95rem;width:100%;text-align:left}.skills-grid{grid-template-columns:1fr 1fr;gap:1.2rem 1rem;width:100%}.skill-name{font-size:.8rem;white-space:normal}.skill-icon{width:32px;height:32px}.t-role{margin-bottom:.1rem}.t-separator{display:none}.t-loc{color:#a1a1aa;font-size:.85rem}.t-date{color:#888;font-size:.85rem;font-weight:400}}.btn-secondary{border:1px solid var(--text-primary);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--accent-color);color:var(--accent-color)}.about-optional-intro{margin-top:4rem;background-color:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:2rem;border-radius:2px;color:#fff;font-family:var(--font-body)}.about-optional-intro h3{font-family:var(--font-heading);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.about-optional-intro p{font-size:1rem;line-height:1.6;color:#c7c7c7}.about-reveal{opacity:0;transform:translateY(40px);transition:opacity 1.2s cubic-bezier(.2,.8,.2,1),transform 1.2s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.about-reveal.active{opacity:1;transform:translateY(0)}.about-optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.optional-btn{position:relative;overflow:hidden;background-color:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:1rem;text-align:center;border-radius:2px;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:top;min-height:150px}.optional-btn:hover{background-color:#000;transform:translateY(-2px)}.btn-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.1;pointer-events:none}.opt-title,.opt-sub{position:relative;z-index:1}.opt-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:#fff;text-transform:uppercase}.opt-sub{font-family:var(--font-body);font-size:.9rem;color:#aaa}.optional-btn:hover .opt-title{font-weight:900}@media(max-width:900px){#about{padding:3rem 1.5rem}.about-grid,.about-optional-grid{grid-template-columns:1fr;gap:1.5rem}.about-image-cell{min-height:300px;height:300px}.about-bio-cell,.about-timeline-cell,.about-optional-intro{padding:1.5rem}.about-bio-cell h2{font-size:2rem}.about-actions,.about-optional-grid{grid-template-columns:1fr;gap:1rem}.about-btn,.optional-btn{font-size:1.2rem;padding:1.2rem}}footer{background:#000;color:#fff;padding:4rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.footer-top-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:3rem;width:100%}.footer-left{flex:1;min-width:300px;display:flex;flex-direction:column;gap:1.5rem}.footer-left h2{font-family:var(--font-heading);font-size:2.5rem;line-height:1.2;font-weight:500;color:#fff}.footer-left p{font-family:var(--font-body);color:#888;font-size:1.1rem}.copyright{width:100%;text-align:center;margin-top:5rem;font-size:.9rem;color:#555;font-family:var(--font-body)}.footer-right{display:flex;flex-direction:column;gap:1rem;min-width:200px;align-items:flex-end}.footer-btn{font-family:var(--font-body);font-size:1.2rem;color:#fff;text-decoration:none;padding:.5rem 0;border-bottom:1px solid transparent;width:fit-content;transition:all .3s ease}.footer-btn:hover{color:var(--accent-color);border-bottom-color:var(--accent-color);padding-left:10px}@media(max-width:768px){.footer-top-row{flex-direction:column;gap:2rem}.footer-right{width:100%;align-items:flex-end}.footer-left h2{font-size:2rem}.footer-left .copyright{margin-top:1rem}}@media(max-width:768px){#projects{background-image:linear-gradient(to bottom,var(--bg-color) 0%,var(--bg-color) 10%,rgba(8,8,12,0) 65%),url(/mobile%20nbw%20neon%20river.png);background-size:cover;background-position:center top;padding-top:35vh}.hero-subtitle{font-size:.8rem!important;letter-spacing:0rem;padding:0 0rem;text-align:center}.section-header{text-align:center;padding:0 1rem}.section-header h2{font-size:1.6rem}.section-header p{font-size:1rem;color:#fffc}.stacked-carousel{flex-direction:column;padding:0;gap:1rem}.carousel-container{width:240px;height:520px;perspective:800px}.carousel-card{border-radius:4px}.card-info{padding:1rem}.card-info h3{font-size:1rem;margin-bottom:.1rem}.card-info p{font-size:.8rem;line-height:1.2}.carousel-card[data-position="1"]{transform:translate(50px) scale(.9)}.carousel-card[data-position="2"]{transform:translate(90px) scale(.8)}.carousel-card[data-position="-1"]{transform:translate(-50px) scale(.9)}.carousel-card[data-position="-2"]{transform:translate(-90px) scale(.8)}.carousel-nav{width:80px;height:80px;position:absolute;top:50%;transform:translateY(-50%);z-index:100}.carousel-nav-svg{display:block;width:32px;height:32px}.carousel-nav-png{display:none}.carousel-prev{left:-20px;margin-right:0}.carousel-next{right:-20px;margin-left:0}.carousel-nav:hover{transform:translateY(-50%) scale(1.1)}.carousel-indicators{margin-top:1.5rem;gap:8px}.indicator{width:8px;height:8px}.glass-bar{padding:.4rem .2rem;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.glass-bar h1{font-size:.8rem;line-height:1.2;padding:0 0rem}.hero-subtitle{font-size:1.8rem;width:100vw;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap:.1rem}#hero{--mask-right: 80%;--mask-left: 92%}#hero-bg-text{position:fixed;top:86vh;bottom:auto;right:1.5rem;left:auto;width:auto;height:auto;padding:0;z-index:3;transition:opacity .3s ease}.bg-text-content{flex-direction:row;gap:1rem}.bg-text-content span{font-size:1.8rem;color:#c0c0c066}.bg-arrow-img{width:20px;height:auto;opacity:.4;filter:grayscale(1) brightness(1.5)}.navbar{mix-blend-mode:difference;padding:.75rem 1rem;gap:.5rem}.desktop-nav{display:none!important}.mobile-nav{display:flex!important}.logo{flex-shrink:0}.logo img{height:30px}.nav-links{gap:.75rem;flex-shrink:1}.nav-btn{font-size:.85rem;white-space:nowrap}.work-anchor{top:35vh}}