.scrolly-wrapper{background:#070709;height:400vh;position:relative}.scrolly-wrapper:before{content:"";z-index:0;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#dc262614 0%,#0000 70%);width:600px;height:600px;position:absolute;top:20%;right:10%}.scrolly-sticky{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.scrolly-image-container{z-index:1;justify-content:flex-end;align-items:center;padding-right:0;display:flex;position:absolute;inset:0}.scrolly-face-img{object-fit:contain;object-position:right center;-webkit-mask-composite:source-in;max-width:50vw;max-height:90vh;display:block;-webkit-mask-image:linear-gradient(#000 75%,#0000 98%),linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(#000 75%,#0000 98%),linear-gradient(90deg,#000 85%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.scrolly-overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,#070709cc 0%,#07070966 45%,#0000 75%);position:absolute;inset:0}.scrolly-text{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;width:100%;padding:0 calc(10vw + 1.5rem);display:flex;position:absolute;inset:0}.scrolly-text-inner{pointer-events:auto;max-width:550px}.scrolly-greeting{font-family:var(--font-unbounded,sans-serif);text-transform:uppercase;letter-spacing:.15em;color:#fff9;align-items:center;gap:.6rem;margin-bottom:1.25rem;font-size:clamp(.85rem,1.5vw,1.1rem);font-weight:500;display:flex}.scrolly-wave{font-size:1.3em}.scrolly-title{font-family:var(--font-cinzel,serif);letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(2.4rem,7vw,5rem);font-weight:700;line-height:1.08}.scrolly-highlight{-webkit-text-fill-color:transparent;text-shadow:0 0 20px #dc26264d;background:linear-gradient(90deg,#ff3131,#8b0000);-webkit-background-clip:text;background-clip:text;font-weight:800}.scrolly-sub{font-family:var(--font-unbounded,sans-serif);color:#ffffff73;letter-spacing:.05em;margin-top:1.5rem;font-size:clamp(.8rem,1.2vw,.95rem);font-weight:400}.scrolly-scroll-hint{font-family:var(--font-unbounded,sans-serif);letter-spacing:.15em;text-transform:uppercase;color:#ffffff59;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:3rem;font-size:.75rem;display:flex}.scrolly-arrow{font-size:1.2rem;animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width:1024px){.scrolly-text-inner{max-width:600px}.scrolly-title{font-size:clamp(2rem,6vw,3.5rem)}}@media (max-width:768px){.scrolly-wrapper{height:300vh}.scrolly-image-container{opacity:.6;justify-content:center;align-items:flex-start;padding-top:10vh;padding-right:0}.scrolly-face-img{max-width:90%;max-height:50vh}.scrolly-text{text-align:center;justify-content:flex-end;align-items:center;max-width:100%;padding:0 6vw 12vh}.scrolly-greeting{justify-content:center}.scrolly-overlay{background:linear-gradient(#0000 0%,#07070966 40%,#070709cc 70%,#070709 100%)}.scrolly-title{font-size:clamp(1.8rem,9vw,2.8rem)}.scrolly-scroll-hint{align-items:center;margin-top:2rem}}@media (max-width:480px){.scrolly-title{font-size:clamp(1.6rem,10vw,2.2rem)}.scrolly-sub{margin-top:1rem;font-size:.85rem}}
.about-section{background:rgb(var(--background));padding:10vh 0;overflow:hidden}.about-container{align-items:center;gap:4rem;max-width:1300px;margin:0 auto;padding:0 2rem;display:flex}.about-content{z-index:10;flex:1}.about-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--muted));margin-bottom:1rem;font-size:.875rem;display:block}.about-title{color:rgb(var(--foreground));margin-bottom:2rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.1}.about-title .highlight{background:linear-gradient(90deg,rgb(var(--primary)),rgb(var(--primary-dark)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-desc{color:rgb(var(--muted));max-width:600px;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.7}.about-socials{gap:1.5rem;margin-top:2rem;display:flex}.social-icon{color:rgb(var(--muted));font-size:1.5rem;transition:color .3s}.social-icon:hover{color:rgb(var(--foreground))}.dive-deeper{color:rgb(var(--foreground));border:1px solid rgb(var(--border));border-radius:999px;align-items:center;gap:.5rem;margin-top:3rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .3s;display:inline-flex}.dive-deeper:hover{background:rgb(var(--surface))}.about-visuals{flex:1;justify-content:center;align-items:center;height:600px;display:flex;position:relative;overflow:visible}.carousel-3d-container{perspective:1000px;width:300px;height:400px;position:relative}.carousel-3d-spinner{width:100%;height:100%;transform-style:preserve-3d;animation:20s linear infinite rotateCarousel;position:absolute}@keyframes rotateCarousel{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.carousel-3d-spinner:hover{animation-play-state:paused}.carousel-item{border:1px solid rgb(var(--border));background:rgb(var(--surface));width:100%;height:100%;box-shadow:0 0 20px rgba(var(--background),.2);backface-visibility:hidden;transform-style:preserve-3d;border-radius:1.5rem;transition:transform 1s;position:absolute;top:0;left:0;overflow:hidden}.carousel-item img{object-fit:cover;width:100%;height:100%}.item-1{transform:rotateY(0)translateZ(250px)}.item-2{transform:rotateY(120deg)translateZ(250px)}.item-3{transform:rotateY(240deg)translateZ(250px)}@media (max-width:1024px){.about-container{text-align:center;flex-direction:column;gap:2.5rem}.about-visuals{width:100%;height:400px;margin-top:0}.about-title{font-size:2.2rem;line-height:1.2}.about-desc{margin-left:auto;margin-right:auto;font-size:1rem}.about-socials{justify-content:center}}@media (max-width:768px){.carousel-3d-container{width:200px;height:300px}.item-1{transform:rotateY(0)translateZ(110px)}.item-2{transform:rotateY(120deg)translateZ(110px)}.item-3{transform:rotateY(240deg)translateZ(110px)}}@media (max-width:480px){.about-title{font-size:1.8rem}}@media (max-width:320px){.about-section{padding:5vh 0}.about-container{gap:2rem;padding:0 1rem}.about-title{word-break:break-word;font-size:1.5rem}.about-desc{font-size:.95rem;line-height:1.5}.about-visuals{height:300px;margin-top:1rem}.carousel-3d-container{width:160px;height:240px}.item-1{transform:rotateY(0)translateZ(100px)}.item-2{transform:rotateY(120deg)translateZ(100px)}.item-3{transform:rotateY(240deg)translateZ(100px)}.dive-deeper{margin-top:2rem;padding:.6rem 1.2rem}}
.bento-section{background:radial-gradient(circle at top right,rgba(var(--surface),.45)0%,transparent 40%),radial-gradient(circle at bottom left,rgba(var(--primary),.08)0%,transparent 35%),rgb(var(--background));padding:8rem 0;position:relative;overflow:hidden}.bento-grid{grid-template-rows:auto auto auto;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1400px;margin:0 auto;padding:0 5vw;display:grid}.bento-card{background:rgba(var(--background),.65);-webkit-backdrop-filter:blur(24px);border:1px solid rgb(var(--border));box-shadow:0 20px 40px -20px rgba(var(--background),.5);border-radius:2rem;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.card-ambient-glow{background:radial-gradient(circle at center,rgba(var(--foreground),.03)0%,transparent 60%);opacity:0;pointer-events:none;z-index:0;width:200%;height:200%;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.premium-hover:hover{border-color:rgba(var(--foreground),.12);box-shadow:0 30px 60px -15px rgba(var(--background),.6),0 0 0 1px rgba(var(--primary),.1)inset}.premium-hover:hover .card-ambient-glow{opacity:1}.inline-icon{vertical-align:middle;color:rgb(var(--primary));margin-right:.4rem;display:inline-block}.text-highlight{color:rgb(var(--foreground));font-weight:600}.bento-card--partnership{z-index:1;flex-direction:column;grid-area:1/1/2/2;justify-content:space-between;min-height:280px;padding:2.5rem;display:flex}.partnership-images{z-index:2;justify-content:center;align-items:center;height:140px;display:flex;position:relative}.partnership-img-ring{border:4px solid rgba(var(--background),.9);background:rgb(var(--surface));box-shadow:0 10px 20px rgba(var(--background),.4);border-radius:50%;flex-shrink:0;transition:filter .3s,border-color .3s;position:relative;overflow:hidden}.partnership-img-ring img{display:block;object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important}.ring-1{z-index:1;filter:grayscale(40%);width:95px;height:95px;margin-right:-25px}.ring-2{z-index:2;border-color:rgba(var(--primary),.8);width:120px;height:120px;box-shadow:0 0 20px rgba(var(--primary),.3),0 10px 20px rgba(var(--background),.5)}.ring-3{z-index:1;filter:grayscale(40%);width:95px;height:95px;margin-left:-25px}.premium-hover:hover .ring-1,.premium-hover:hover .ring-3{filter:grayscale(0%)}.partnership-footer{z-index:2;margin-top:auto}.partnership-label{text-transform:uppercase;letter-spacing:.15em;color:rgba(var(--foreground),.4);align-items:center;margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:flex}.partnership-text{color:rgba(var(--foreground),.6);margin:0;font-size:1.05rem;font-weight:400;line-height:1.6}.bento-card--techstack{grid-area:1/2/2/4;padding:2.5rem 2.5rem 0;overflow:hidden}.bento-card-title{color:rgba(var(--foreground),.9);z-index:10;letter-spacing:-.02em;margin:0 0 1.5rem;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;line-height:1.2;position:relative}.bento-card-title--gradient{background:linear-gradient(to right,rgb(var(--foreground)),rgba(var(--foreground),.5));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.tech-tags-wrapper{z-index:1;flex-direction:column;gap:.8rem;margin-top:1rem;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.tech-tags-track{gap:.8rem;width:max-content;animation:25s linear infinite scrollTech;display:flex}.tech-tags-track--reverse{animation-duration:35s;animation-direction:reverse}@keyframes scrollTech{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-tag{background:rgba(var(--foreground),.03);border:1px solid rgba(var(--foreground),.08);color:rgba(var(--foreground),.65);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:.4rem 1.1rem;font-size:.85rem;transition:all .3s}.tech-tag:hover{background:rgba(var(--foreground),.1);color:rgb(var(--foreground));border-color:rgba(var(--foreground),.2);transform:scale(1.05)}.bento-card--globe{flex-direction:column;grid-area:2/1/3/2;min-height:480px;padding:2.5rem 2.5rem 1.5rem;display:flex}.globe-card-top{z-index:2;flex-direction:column;gap:1rem;display:flex;position:relative}.globe-title{color:rgb(var(--foreground));letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,2vw,1.45rem);font-weight:800;line-height:1.3}.globe-title-gradient{background:linear-gradient(135deg,rgb(var(--primary)),#f87171);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.globe-tags{flex-wrap:wrap;gap:.5rem;display:flex}.globe-tag{background:rgba(var(--foreground),.04);border:1px solid rgba(var(--foreground),.06);color:rgba(var(--foreground),.5);border-radius:999px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;transition:all .3s}.globe-tag--active{background:rgba(var(--primary),.1);border-color:rgba(var(--primary),.3);color:rgb(var(--foreground));box-shadow:0 0 15px rgba(var(--primary),.2)}.globe-canvas-box{flex:1;min-height:250px;margin:0 -2.5rem;position:relative;overflow:hidden}.globe-footer{z-index:2;border-top:1px solid rgba(var(--foreground),.05);flex-direction:column;gap:.2rem;padding-top:1rem;display:flex;position:relative}.globe-footer-label{text-transform:uppercase;letter-spacing:.15em;color:rgba(var(--foreground),.4);font-size:.7rem;font-weight:700}.globe-footer-city{color:rgba(var(--foreground),.9);font-size:1rem;font-weight:600}.bento-card--contact{text-align:center;background:linear-gradient(180deg,rgba(var(--background),.4)0%,rgba(var(--surface),.4)100%);flex-direction:column;grid-area:2/2/3/3;justify-content:center;align-items:center;gap:.85rem;padding:3rem 2rem;display:flex}.contact-pulse-ring{z-index:2;padding:1rem;position:relative}.contact-pulse-ring:before{content:"";background:rgba(var(--primary),.2);z-index:-1;border-radius:50%;animation:3s ease-out infinite contactPulse;position:absolute;inset:0}@keyframes contactPulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.contact-logo{background:linear-gradient(135deg,rgb(var(--primary)),#991b1b);width:68px;height:68px;color:rgb(var(--foreground));font-size:1.5rem;font-weight:800;font-family:var(--font-cinzel,serif);box-shadow:0 10px 20px rgba(var(--primary),.3);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-title{color:rgb(var(--foreground));letter-spacing:-.02em;z-index:2;margin:0;font-size:1.35rem;font-weight:800}.contact-sub{color:rgba(var(--foreground),.5);z-index:2;margin:0;font-size:.9rem}.contact-email-btn{background:rgba(var(--foreground),.04);border:1px solid rgba(var(--foreground),.15);color:rgb(var(--foreground));z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.6rem;margin-top:.5rem;padding:.75rem 1.4rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.contact-icon{color:rgb(var(--primary));font-size:1.1rem}.contact-hint{color:rgba(var(--foreground),.3);z-index:2;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.75rem}.bento-card--standout{perspective:1000px;grid-area:2/3/3/4;justify-content:center;align-items:center;padding:2.5rem;display:flex}.standout-browser{background:linear-gradient(145deg,rgba(var(--surface),.9),rgba(var(--background),.9));border:1px solid rgba(var(--foreground),.08);width:100%;box-shadow:0 25px 50px -12px rgba(var(--background),.7);z-index:2;border-radius:1.25rem;overflow:hidden}.browser-dots{background:rgba(var(--foreground),.02);border-bottom:1px solid rgba(var(--foreground),.04);gap:.4rem;padding:1rem 1.2rem .75rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.browser-body{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 2rem;display:flex}.browser-icon-wrap{background:rgba(var(--foreground),.03);border:1px solid rgba(var(--foreground),.08);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.5rem;display:flex}.browser-icon{color:rgba(var(--foreground),.7);font-size:1.5rem}.browser-text{color:rgba(var(--foreground),.85);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.browser-text--gradient{background:linear-gradient(to right,rgb(var(--foreground)),rgba(var(--foreground),.5));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.browser-btns{gap:.75rem;margin-top:1.2rem;display:flex}.browser-btn{cursor:pointer;border:none;border-radius:999px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .3s}.browser-btn--primary{color:rgb(var(--background));background:#fff}.browser-btn--primary:hover{background:#e5e5e5;transform:translateY(-2px)}.browser-btn--ghost{border:1px solid rgba(var(--foreground),.2);color:rgba(var(--foreground),.8);background:0 0}.browser-btn--ghost:hover{background:rgba(var(--foreground),.05);color:rgb(var(--foreground))}.bento-card--projects{flex-direction:column;grid-area:3/1/4/4;gap:1.5rem;padding:2rem 2.5rem;display:flex;overflow:hidden}.projects-header{z-index:2;justify-content:space-between;align-items:center;display:flex}.projects-label{text-transform:uppercase;letter-spacing:.15em;color:rgba(var(--foreground),.4);margin:0;font-size:.75rem;font-weight:700}.projects-cta{color:rgba(var(--foreground),.6);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-flex}.projects-cta:hover{color:rgb(var(--foreground))}.projects-scroll-track-wrapper{z-index:2;width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.projects-scroll-track{gap:1rem;width:max-content;animation:30s linear infinite scrollProjects;display:flex}.projects-scroll-track:hover{animation-play-state:paused}@keyframes scrollProjects{0%{transform:translate(0)}to{transform:translate(-50%)}}.project-chip{background:rgba(var(--foreground),.02);border:1px solid rgba(var(--foreground),.06);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.25rem;flex-direction:column;flex-shrink:0;gap:.6rem;min-width:200px;padding:1.2rem 1.75rem;display:flex}.project-chip-tag{text-transform:uppercase;letter-spacing:.12em;color:rgb(var(--primary));font-size:.72rem;font-weight:700}.project-chip-label{color:rgba(var(--foreground),.85);letter-spacing:-.01em;font-size:1rem;font-weight:600}@media (max-width:1024px){.bento-grid{grid-template-columns:1fr 1fr}.bento-card--partnership{grid-area:1/1/2/2}.bento-card--techstack{grid-area:1/2/2/3}.bento-card--globe{grid-area:2/1/3/2}.bento-card--contact{grid-area:2/2/3/3}.bento-card--standout{grid-area:3/1/4/3}.bento-card--projects{grid-area:4/1/5/3}}@media (max-width:768px){.bento-section{padding:4rem 0}.bento-grid{grid-template-columns:1fr;padding:0 1rem}.bento-card--partnership,.bento-card--techstack,.bento-card--globe,.bento-card--contact,.bento-card--standout,.bento-card--projects{grid-area:auto/1/auto/2}}