:root{--bg-deep:#010010;--bg-section:#05051e;--bg-nav:#010010e0;--accent:#0cf;--accent-dim:#00ccff26;--accent-glow:#0cf6;--text:#c8d3e6;--text-muted:#6b7a97;--text-heading:#dde4f0;--border:#0cf3;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--section-max-width:1100px;--section-padding-block:5rem;--section-padding-inline:8%;--section-padding-block-mobile:3.5rem;--section-padding-inline-mobile:1.25rem}*,:before,:after{box-sizing:border-box}html,:root{background-color:var(--bg-deep)}body{background-color:var(--bg-deep);min-height:100dvh;color:var(--text);font:18px/1.6 var(--sans);letter-spacing:.18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;margin:0;display:flex}@media (width<=768px){body{font-size:16px}}h1,h2,h3{font-family:var(--heading);color:var(--text-heading);margin:0}h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.15}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.2}h3{letter-spacing:.02em;font-size:1.1rem;font-weight:600}p{margin:0}.accent{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.canyon-divider{width:100%;height:auto;display:block}.site-header{z-index:100;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset-block-start:0;inset-inline:0}.site-header.scrolled{background-color:var(--bg-nav);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex}@media (width<=768px){.nav-container{flex-wrap:wrap;padding:1rem 1.25rem}}.logo{letter-spacing:.18em;color:var(--accent);flex-shrink:0;font-size:1rem;font-weight:700;text-decoration:none}.logo:hover{color:#fff}.nav-links{gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}@media (width<=768px){.nav-links{flex-direction:column;gap:0;width:100%;padding:.5rem 0 1rem;display:none}}.nav-links.open{display:flex}.nav-links a{color:var(--text-heading);letter-spacing:.04em;padding-block:.25rem;font-size:.95rem;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s;position:absolute;inset-block-end:0;inset-inline-start:0}.nav-links a:hover:after,.nav-links a:focus-visible:after,.nav-links a.active:after{width:100%}.nav-links a:hover,.nav-links a.active{color:var(--accent)}@media (width<=768px){.nav-links li{border-top:1px solid var(--border);background-color:#0a0a0acc;padding-left:1rex}.nav-links a{padding:.75rem 0;display:block}.nav-links a:after{display:none}}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:2rem;height:2rem;padding:0;display:none}@media (width<=768px){.nav-toggle{display:flex}}.nav-toggle span{background:var(--text-heading);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:transform .25s,opacity .25s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{background-color:var(--bg-deep);height:650px;position:relative;overflow:hidden}#canyon{width:1200px;height:calc(100% + 300px);position:absolute;top:-300px;left:50%;transform:translate(-50%)}.canyon-controls{z-index:2;gap:.5rem;display:flex;position:absolute;bottom:1rem;right:1rem}.canyon-btn{color:#00ccffb3;cursor:pointer;background:#0100108c;border:1px solid #00ccff59;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex}.canyon-btn:hover,.canyon-btn:focus-visible{color:#0cf;background:#00ccff26;border-color:#00ccffb3;outline:none}.canyon-btn svg{width:1rem;height:1rem}.canyon-btn .icon-play{display:none}.canyon-btn .icon-pause,.canyon-btn.is-paused .icon-play{display:block}.canyon-btn.is-paused .icon-pause,.canyon-btn .icon-stroke{display:none}.canyon-btn .icon-dots,.canyon-btn.is-dots .icon-stroke{display:block}.canyon-btn.is-dots .icon-dots{display:none}.hero-content{z-index:1;max-width:560px;position:absolute;bottom:15%;left:max(8%,50% - 550px)}@media (width<=768px){.hero-content{max-width:none;bottom:10%;left:1.25rem;right:1.25rem}}.hero-content h1{margin-bottom:1rem}.hero-sub{color:var(--text);max-width:460px;margin-bottom:1rem;font-size:1rem;line-height:1.7}@media (width<=768px){.hero-sub{max-width:none}}.btn-cta{color:var(--text-heading);letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);border:2px solid #ffffffbf;border-radius:4px;padding:.75rem 2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-block}.btn-cta:hover,.btn-cta:focus-visible{background-color:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px var(--accent-glow);outline:none}.fps-counter{color:var(--accent);opacity:.7;pointer-events:none;z-index:10;font-family:ui-monospace,Consolas,monospace;font-size:12px;position:absolute;top:8px;left:8px}main{flex:1}section{padding-block:var(--section-padding-block);padding-inline:var(--section-padding-inline)}@media (width<=768px){section{padding-block:var(--section-padding-block-mobile);padding-inline:var(--section-padding-inline-mobile)}}.section-inner,.about-inner{max-width:var(--section-max-width);margin-inline:auto}.about{background-color:var(--bg-section)}.section-heading{color:var(--text-heading);margin-bottom:2.75rem;padding-bottom:.6rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:600;display:inline-block;position:relative}.section-heading:after{content:"";background:var(--accent);border-radius:2px;width:100%;height:3px;position:absolute;inset-block-end:0;inset-inline-start:0}.about-grid{grid-template-columns:1fr 1fr;gap:3rem 4rem;display:grid}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:2.5rem}}.about-col h3{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-size:1.05rem}.about-col ul{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.about-col li{color:var(--text);padding-inline-start:1.25rem;line-height:1.55;position:relative}.about-col li:before{content:"";background:var(--accent);opacity:.7;border-radius:50%;width:6px;height:6px;position:absolute;inset-block-start:.55em;inset-inline-start:0}.projects{background-color:var(--bg-deep)}.section-subtitle{color:var(--text-muted);margin-top:.5rem;margin-bottom:2.5rem;font-size:1rem}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;display:grid}.project-highlight{border:1px solid var(--border);background-color:var(--bg-section);border-radius:12px;flex-direction:column;gap:.875rem;padding:2rem;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden}.project-highlight:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 15% 0,#00ccff0f 0%,#0000 60%);position:absolute;inset:0}.project-highlight:hover{border-color:#0cf6;transform:translateY(-3px);box-shadow:0 0 0 1px #00ccff1f,0 8px 32px #00ccff12,0 2px 8px #0006}.project-highlight-meta{gap:.5rem;display:flex}.project-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#00ccff1a;border:1px solid #0cf3;border-radius:4px;padding:.2em .65em;font-size:.7rem;font-weight:600}.project-highlight h3{color:var(--text-heading);letter-spacing:-.01em;margin:0;font-size:1.25rem}.project-highlight p{color:var(--text-muted);flex:1;margin:0;line-height:1.7}.btn-project{letter-spacing:.03em;color:var(--accent);background:#00ccff12;border:1px solid #00ccff4d;border-radius:6px;align-self:flex-start;align-items:center;gap:.35rem;margin-top:.5rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn-project:hover,.btn-project:focus-visible{color:#fff;background:#00ccff26;border-color:#00ccff8c;outline:none;box-shadow:0 0 12px #0cf3}.site-footer{background-color:var(--bg-deep);border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 1.25rem 2.5rem;display:flex}.social-links{align-items:center;gap:1rem;display:flex}.social-btn{border:1px solid var(--border);width:2.75rem;height:2.75rem;color:var(--text-heading);background:0 0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .2s,color .2s;display:inline-flex}.social-btn svg{fill:currentColor;display:block}.social-btn:hover,.social-btn:focus-visible{border-color:var(--accent);background-color:var(--accent-dim);box-shadow:0 0 12px var(--accent-glow);color:var(--accent);outline:none}.footer-brand{color:var(--text-muted);letter-spacing:.06em;font-size:.875rem}.canyon-divider--bottom{background-color:var(--bg-deep);width:100%;display:block}