*{margin:0;padding:0;box-sizing:border-box}:root{--navy: #060040;--white: #ffffff;--light-gray: #f5f5f7;--mid-gray: #86868b;--text: #1d1d1f;--max-width: 1100px}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color:var(--text);line-height:1.6;background:var(--white)}a{color:var(--navy);text-decoration:none}.site-header{border-bottom:1px solid var(--light-gray)}.site-nav{max-width:var(--max-width);margin:0 auto;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between}.site-title{font-size:1.125rem;font-weight:600;letter-spacing:-0.01em;display:flex;align-items:center;gap:0.5rem}.nav-logo{width:32px;height:32px}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links a{font-size:0.9375rem;color:var(--mid-gray);transition:color 0.2s}.nav-links a:hover{color:var(--text)}.site-content{max-width:var(--max-width);margin:0 auto}.site-footer{border-top:1px solid var(--light-gray);padding:2rem;text-align:center;color:var(--mid-gray);font-size:0.875rem}.hero-banner{width:100%;max-height:400px;overflow:hidden}.hero-banner img{width:100%;height:100%;object-fit:cover;display:block}.hero-intro{display:flex;align-items:center;gap:2rem}.headshot{width:180px;height:180px;border-radius:50%;object-fit:cover;flex-shrink:0}.hero{padding:3rem 0 1rem}.hero h1{font-size:3rem;font-weight:700;letter-spacing:-0.03em;line-height:1.1;margin-bottom:1rem}.hero p{font-size:1.25rem;color:var(--mid-gray);max-width:540px}.project-featured{display:flex;align-items:center;gap:2rem;border:1px solid var(--light-gray);border-radius:12px;padding:2rem;margin-top:2rem;transition:box-shadow 0.2s}.project-featured:hover{box-shadow:0 4px 24px rgba(0,0,0,0.06)}.project-featured .project-featured-img{width:50%;max-height:300px;object-fit:cover;border-radius:8px;flex-shrink:0}.project-featured h3{font-size:1.5rem;margin-bottom:0.5rem}.project-featured p{color:var(--mid-gray);font-size:1rem}.projects{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2rem;padding-top:2rem}.project-card{border:1px solid var(--light-gray);border-radius:12px;padding:2rem;transition:box-shadow 0.2s}.project-card:hover{box-shadow:0 4px 24px rgba(0,0,0,0.06)}.project-card .project-thumb{width:100%;border-radius:8px;margin-bottom:1rem;object-fit:contain;max-height:250px}.project-card h3{font-size:1.25rem;margin-bottom:0.5rem}.project-card p{color:var(--mid-gray);font-size:0.9375rem}.hexominos-page{background:var(--white)}.hexominos-header{display:flex;align-items:center;gap:2rem;padding:1rem 2rem;border-bottom:1px solid var(--light-gray);max-width:100%}.hexominos-wordmark-link{flex-shrink:0}.hexominos-wordmark{height:28px;width:auto;color:var(--navy);display:block}.hexominos-nav{flex:1}.hexominos-nav ul{list-style:none;display:flex;gap:1.5rem;align-items:center}.hexominos-nav a{font-size:0.9375rem;color:var(--mid-gray);transition:color 0.2s;padding:0.25rem 0}.hexominos-nav a:hover,.hexominos-nav a.active{color:var(--navy)}.has-submenu{position:relative}.has-submenu .submenu{display:none;position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--light-gray);border-radius:8px;padding:0.5rem 0;min-width:200px;box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:10;flex-direction:column;gap:0}.has-submenu .submenu li{display:block}.has-submenu .submenu a{display:block;padding:0.5rem 1rem;white-space:nowrap}.has-submenu .submenu a:hover{background:var(--light-gray)}.has-submenu:hover .submenu{display:flex}.hexominos-content{max-width:var(--max-width);margin:0 auto;padding:3rem 2rem}.hexominos-content h1{font-size:2.5rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:1.5rem}.hexominos-content h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem}.hexominos-content p{color:var(--text);line-height:1.7;margin-bottom:1rem;max-width:680px}.hexominos-hero{display:flex;align-items:flex-start;gap:3rem;padding:4rem 0 2rem}.hexominos-hero .hero-text{flex:1}.hexominos-hero .hero-text h1{font-size:2.5rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:1rem}.hexominos-hero .hero-text p{font-size:1.125rem;color:var(--mid-gray);max-width:480px}.hexominos-video{flex-shrink:0;width:340px;max-height:400px;border-radius:12px;overflow:hidden}.hexominos-video video{width:100%;height:100%;max-height:400px;object-fit:cover;display:block;border-radius:12px}.hexominos-logo-container{width:400px;height:200px;margin-bottom:1.5rem}.hexominos-logo{width:100%;height:100%}.hexominos-logo .hex-top{opacity:0;animation:hexFadeSlide 0.8s ease-out 0.2s forwards}.hexominos-logo .hex-line-1{stroke-dasharray:900;stroke-dashoffset:900;animation:hexDraw 0.6s ease-out 0.6s forwards}.hexominos-logo .hex-line-2{stroke-dasharray:900;stroke-dashoffset:900;animation:hexDraw 0.6s ease-out 0.75s forwards}.hexominos-logo .hex-bottom{opacity:0;animation:hexFadeSlide 0.8s ease-out 0.9s forwards;transform:translateY(10px)}@keyframes hexFadeSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hexDraw{to{stroke-dashoffset:0}}.about-layout{display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start}.about-image{position:sticky;top:2rem}.about-image img{width:100%;border-radius:12px;object-fit:cover}.ruleset-links{list-style:none;padding:0}.ruleset-links li{border-bottom:1px solid var(--light-gray)}.ruleset-links li:first-child{border-top:1px solid var(--light-gray)}.ruleset-links a{display:block;padding:1.25rem 0;font-size:1.125rem;font-weight:500;transition:padding-left 0.2s}.ruleset-links a:hover{padding-left:0.5rem;color:var(--navy)}@media (max-width: 768px){.hexominos-header{flex-direction:column;align-items:flex-start;gap:1rem}.hexominos-nav ul{flex-wrap:wrap;gap:1rem}.hexominos-hero{flex-direction:column;gap:2rem}.hexominos-hero .hero-text p{max-width:100%}.hexominos-video{width:100%}.hexominos-logo-container{width:150px;height:150px}.about-layout{grid-template-columns:1fr}.about-image{position:static}}