.nav-wrapper{position:fixed;left:0;right:0;display:flex;justify-content:center;z-index:1000;pointer-events:none;transition:top .6s cubic-bezier(.23,1,.32,1)}.nav-wrapper.top.at-top{top:2rem}.nav-wrapper.top:not(.at-top){top:1.25rem}.nav-island{pointer-events:auto;background:#fff6;backdrop-filter:blur(20px) saturate(190%) contrast(70%) brightness(110%);-webkit-backdrop-filter:blur(20px) saturate(190%) contrast(70%) brightness(110%);border:.5px solid rgba(255,255,255,.4);border-radius:22px;box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #fff3;display:flex;align-items:center;padding:.45rem;max-width:95vw;transition:all .5s cubic-bezier(.16,1,.3,1)}.nav-island:hover{background:#42424280;box-shadow:0 12px 40px #0003;transform:scale(1.05)}.nav-wrapper.at-top .nav-island{background:transparent;backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%);border-color:transparent;box-shadow:none}.nav-items-container{display:flex;align-items:center;gap:1.5rem;padding:0 1.5rem}.nav-item-link{display:flex;align-items:center;padding:.6rem .85rem;border-radius:999px;color:var(--nav-bar-links);position:relative;text-decoration:none;white-space:nowrap}.nav-item-link.active,.nav-item-link:hover{color:var(--item-accent, var(--text-primary))}.nav-item-link.active .icon-wrapper,.nav-item-link:hover .icon-wrapper{filter:drop-shadow(0 0 8px var(--item-accent))}.icon-wrapper{display:flex;align-items:center;justify-content:center;z-index:2;position:relative;flex-shrink:0}.nav-label{font-size:.85rem;font-weight:600;white-space:nowrap;z-index:2;position:relative;margin-left:.6rem;padding-right:.2rem}.active-indicator{position:absolute;inset:.25rem;background:var(--bg-secondary);border-radius:999px;z-index:1}.nav-separator{width:1px;height:20px;background:var(--border);margin:0 .5rem;opacity:.5}.theme-toggle-btn{background:transparent;border:none;width:40px;height:40px;border-radius:50%;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:none;margin-left:.1rem}.theme-toggle-btn:hover{background:var(--bg-secondary)}[data-theme=light] .nav-island{background:#ffffffbf}@media(max-width:640px){.nav-wrapper.top{top:1rem!important}.nav-label{display:none!important}}.cursor-dot{position:fixed;left:0;top:0;width:10px;height:10px;background-color:var(--accent-primary);border-radius:50%;pointer-events:none;z-index:10000;mix-blend-mode:exclusion}.cursor-ring{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;z-index:9999}.marquee-container{width:100%;overflow:hidden;white-space:nowrap;position:relative;padding:2rem 0;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.marquee-content{display:inline-block;white-space:nowrap}.marquee-item{display:inline-block;padding:0 2rem;font-size:2rem;font-weight:700;color:var(--text-secondary);opacity:.5;transition:color .3s ease,opacity .3s ease}.marquee-item:hover{color:var(--accent-primary);opacity:1}.horizontal-scroll-section{position:relative}.snap-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.snap-point{height:100vh;scroll-snap-align:start}.sticky-container{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;align-items:center}.spotlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;pointer-events:none;z-index:1}.content-wrapper{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.section-title{font-size:3rem;margin-left:5vw;margin-bottom:2rem;mix-blend-mode:overlay}.cards-container{display:flex;gap:40vw;padding-left:10vw}.hs-card{width:60vw;height:60vh;background:var(--bg-secondary);border-radius:24px;overflow:hidden;position:relative;flex-shrink:0;cursor:pointer;border:1px solid var(--border);transition:transform .3s ease;box-shadow:0 20px 50px #00000080}.hs-card:hover{transform:scale(1.02);border-color:var(--accent-primary)}.hs-card-image{width:100%;height:60%;background-size:cover;background-position:center}.hs-card-info{padding:1.5rem;height:40%;display:flex;flex-direction:column;justify-content:center}.hs-card-info h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.hs-card-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.card-perspective{perspective:2000px;width:100%;height:400px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:left;transform-style:preserve-3d}.card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;border:1px solid var(--border);overflow:hidden;background:var(--bg-secondary);display:flex}.card-front{z-index:2}.card-back{transform:rotateY(180deg);z-index:1;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);display:flex;align-items:center;justify-content:center}.card-info{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center}.card-title{font-size:2.2rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.04em}.card-tech{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.tech-tag{background:var(--bg-primary);border:1px solid var(--border);padding:.5rem 1rem;border-radius:10px;font-size:.85rem;color:var(--accent-primary);font-weight:600;transition:all .3s ease}.card-image-container{flex:0 0 45%;position:relative;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover}.card-back-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}.card-back-content{max-width:800px;padding:4rem;text-align:center}.card-description{font-size:1.4rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem}.card-footer{margin-top:1rem}.view-project{color:var(--text-primary);font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:.8;transition:gap .3s ease}.view-project:hover{gap:1rem}@media(max-width:968px){.card-perspective{height:600px}.card-face{flex-direction:column-reverse}.card-image-container{flex:0 0 250px}.card-info,.card-back-content{padding:2rem}.card-description{font-size:1.1rem}}:root{--bg-primary-light: #ffffff;--bg-secondary-light: #f5f5f7;--text-primary-light: #1d1d1f;--nav-bar-links-light: #1d1d1f;--text-secondary-light: #86868b;--accent-primary-light: #0071e3;--accent-secondary-light: #5e5ce6;--border-light: rgba(0, 0, 0, .1);--glass-bg-light: rgba(255, 255, 255, .7);--bg-primary-dark: #000000;--bg-secondary-dark: #1c1c1e;--text-primary-dark: #f5f5f7;--nav-bar-links-dark: #f5f5f7;--text-secondary-dark: #86868b;--accent-primary-dark: #2997ff;--accent-secondary-dark: #bf5af2;--border-dark: rgba(255, 255, 255, .15);--glass-bg-dark: rgba(28, 28, 30, .7);--cursor-size: 20px;--cursor-hover-size: 60px;--font-main: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--transition-smooth: all .4s cubic-bezier(.25, 1, .5, 1)}[data-theme=light]{--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--accent-primary: var(--accent-primary-light);--accent-secondary: var(--accent-secondary-light);--border: var(--border-light);--glass-bg: var(--glass-bg-light);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--accent-primary: var(--accent-primary-dark);--accent-secondary: var(--accent-secondary-dark);--border: var(--border-dark);--glass-bg: var(--glass-bg-dark);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box;cursor:none!important}html{scroll-snap-type:y proximity;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);transition:background-color .5s ease,color .5s ease;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,var(--accent-primary) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);background-attachment:fixed;transition:background-image .8s ease}[data-theme=light] body{background-image:radial-gradient(at 0% 0%,hsla(253,16%,95%,1) 0,transparent 50%),radial-gradient(at 50% 0%,var(--accent-primary) 10%,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,95%,1) 0,transparent 50%)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit;cursor:pointer}button{cursor:pointer}ul{list-style:none}.container{max-width:1000px;margin:0 auto;padding:0 2rem}.container-wide{max-width:1400px;margin:0 auto;padding:0 2rem}.section{padding:2.5rem 0 6rem;min-height:90vh}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, var(--accent-primary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .5s ease}.btn-primary{background:var(--accent-primary);color:#fff;padding:1rem 2.5rem;border-radius:var(--radius-lg);font-weight:700;transition:all .3s ease;display:inline-block;cursor:none;box-shadow:0 10px 20px -5px rgba(var(--accent-primary-rgb),.3)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 15px 30px -5px rgba(var(--accent-primary-rgb),.4)}.btn-primary:active{transform:scale(.95)}.btn-secondary{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);padding:1rem 2.5rem;border-radius:var(--radius-lg);font-weight:700;border:1px solid var(--border);transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-block;cursor:none}.btn-secondary:hover{background:rgba(var(--accent-primary-rgb),.1);border-color:var(--accent-primary);box-shadow:0 0 30px rgba(var(--accent-primary-rgb),.2);transform:translateY(-2px)}.btn-secondary:active{transform:scale(.98)}.availability-badge{position:relative;padding:3px;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--border);box-shadow:0 0 15px #22c55e33}.availability-badge:before{content:"";position:absolute;width:180%;height:180%;background:conic-gradient(from 0deg,transparent 0deg,transparent 280deg,#4ade80 320deg,transparent 360deg);animation:rotate 4s linear infinite}.availability-content{position:relative;background:var(--bg-secondary);padding:.5rem 1rem;border-radius:999px;font-size:.9rem;font-weight:500;color:var(--text-secondary);z-index:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bento-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:180px;gap:1.5rem;margin-top:2rem}.bento-item{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;justify-content:center;transition:var(--transition-smooth);overflow:hidden;position:relative}.bento-item:hover{border-color:var(--accent-primary);transform:translateY(-5px);background:#ffffff0d}.bento-item h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem}.bento-item .stat{font-size:3rem;font-weight:800;line-height:1;margin:.5rem 0;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bento-item .label{font-size:1.1rem;color:var(--text-primary);font-weight:600}.bento-item .subtext{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.bento-item.large{grid-column:span 3;grid-row:span 2}.bento-item.medium{grid-column:span 2;grid-row:span 2}.bento-item.wide-4{grid-column:span 4}.bento-item.wide-3{grid-column:span 3}.bento-item.wide-2{grid-column:span 2}.bento-item.tall-2{grid-row:span 2}.bento-item.tall-3{grid-row:span 3}.bento-item.accent-blue{background:radial-gradient(circle at top right,rgba(0,113,227,.2),transparent)}.bento-item.accent-purple{background:radial-gradient(circle at bottom left,rgba(191,90,242,.15),transparent)}.bento-item.accent-green{background:radial-gradient(circle at 50% 50%,rgba(52,199,89,.1),transparent)}.bento-item.accent-orange{background:radial-gradient(circle at top left,rgba(255,159,10,.15),transparent)}@media(max-width:1200px){.bento-grid{grid-template-columns:repeat(4,1fr)}.bento-item.large{grid-column:span 2}}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(180px,auto)}.bento-item.large,.bento-item.medium,.bento-item.wide-3,.bento-item.wide-2,.bento-item.tall-2,.bento-item.tall-3{grid-column:span 2;grid-row:span 1}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr;gap:1rem}.bento-item.large,.bento-item.medium,.bento-item.wide-3,.bento-item.wide-2,.bento-item.tall-2,.bento-item.tall-3{grid-column:span 1;grid-row:span 1}.bento-item .stat{font-size:2.5rem}}