.hero{justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;justify-content:center;align-items:center;gap:clamp(40px,8vw,120px);width:100%;max-width:1200px;display:flex}.hero-text{flex:1;max-width:480px}.hero-greeting{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em;margin-bottom:8px;font-size:1rem}.hero-name{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(4rem,12vw,8rem);font-weight:800;line-height:.9}.hero-bio{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem;line-height:1.7}.company{color:var(--text);font-weight:600}.company.purple{color:var(--accent-purple);text-decoration:none;transition:opacity .2s}.company.purple:hover{opacity:.7}.hero-links{flex-wrap:wrap;gap:16px;display:flex}.link-primary,.link-secondary{color:var(--text);font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .2s}.link-primary:hover,.link-secondary:hover{opacity:.7}.holo-card{cursor:pointer;width:clamp(200px,28vw,280px);transform-style:preserve-3d;will-change:transform;transition:transform .1s ease-out;position:relative}.holo-card:before{content:"";background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple),var(--accent-cyan));z-index:-1;opacity:0;filter:blur(40px);border-radius:20px;width:80%;height:80%;transition:opacity .3s;position:absolute;top:10%;left:10%}.holo-card.active:before{opacity:.5}.card-image{z-index:1;width:100%;height:auto;display:block;position:relative}.holo-overlay-container{z-index:2;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:url(/card.png);mask-image:url(/card.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.holo-glare{opacity:0;mix-blend-mode:overlay;transition:opacity .2s;position:absolute;inset:0}.holo-card.active .holo-glare{opacity:1}.holo-shimmer{opacity:0;mix-blend-mode:color-dodge;background:linear-gradient(105deg,#0000 20%,#ffdb704d 25%,#8432ff4d 30%,#00ffff4d 35%,#4cff0033 40%,#0000 50%) 0 0/300% 300%;transition:opacity .3s;position:absolute;inset:0}.holo-card.active .holo-shimmer{opacity:1}.holo-rainbow{opacity:0;mix-blend-mode:overlay;background:repeating-linear-gradient(135deg,#0000 0%,#ff00000a 2%,#ff9a000a 4%,#d0de210a 6%,#4fdc4a0a 8%,#3fdad80a 10%,#2fc9e20a 12%,#1c7fee0a 14%,#5f15f20a 16%,#ba0cf80a 18%,#0000 20%);transition:opacity .3s;position:absolute;inset:0}.holo-card.active .holo-rainbow{opacity:1}.holo-sparkle{background:radial-gradient(circle at var(--sparkle-x,50%)var(--sparkle-y,50%),#fffc 0%,#fff6 10%,transparent 40%);opacity:0;mix-blend-mode:overlay;transition:opacity .15s;position:absolute;inset:0}.holo-card.active .holo-sparkle{opacity:.6}@media (max-width:900px){.hero-content{text-align:center;flex-direction:column-reverse;gap:50px}.hero-text{max-width:100%}.hero-links{justify-content:center}.holo-card{width:clamp(180px,50vw,240px)}}@media (max-width:480px){.hero{padding:100px 16px 60px}.hero-name{font-size:3.5rem}.hero-bio{font-size:1rem}.link-primary,.link-secondary{font-size:.875rem}}.gyro-hint{color:var(--text-secondary);white-space:nowrap;z-index:10;background:#000000b3;border-radius:20px;padding:8px 16px;font-size:.75rem;animation:2s ease-in-out infinite pulse;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.holo-card{transition:none}.holo-card:before,.holo-overlay-container,.gyro-hint{display:none}}
.about{padding:80px 0}.section-title{color:var(--text-dim);text-transform:lowercase;margin-bottom:32px;font-size:.875rem;font-weight:500}.bento-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s}.bento-card:hover{background:var(--bg-card-hover);border-color:#ffffff1a}.bento-card.large,.bento-card.medium{grid-column:span 2}.card-text{color:var(--text-dim);margin-bottom:16px;line-height:1.7}.card-text:last-child{margin-bottom:0}.card-text strong{color:var(--text)}.owly-link{color:var(--accent-purple);font-weight:600;transition:opacity .2s}.owly-link:hover{opacity:.8}.stat-number{color:var(--text);margin-bottom:8px;font-size:2.5rem;font-weight:700;display:block}.stat-label{color:var(--text-dim);font-size:.8rem}.card-heading{color:var(--text-dim);text-transform:lowercase;margin-bottom:16px;font-size:.8rem;font-weight:500}.card-list{list-style:none}.card-list li{color:var(--text);padding:6px 0;font-size:.95rem}.card-list li:before{content:"→ ";color:var(--text-dim)}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--font-mono);color:var(--text-dim);background:#ffffff08;border-radius:20px;padding:6px 12px;font-size:.75rem}@media (max-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.large,.bento-card.medium{grid-column:span 2}}@media (max-width:480px){.about{padding:60px 0}.bento-grid{grid-template-columns:1fr}.bento-card.large,.bento-card.medium{grid-column:span 1}.bento-card{padding:20px}.stat-number{font-size:2rem}}
.projects{padding:80px 0}.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;padding:24px;transition:all .2s;display:flex}.project-card:hover{background:var(--bg-card-hover);border-color:#ffffff1a;transform:translateY(-4px)}.project-card:hover .project-arrow{opacity:1;transform:translate(4px,-4px)}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.project-title{color:var(--text);font-size:1.125rem;font-weight:600}.project-arrow{color:var(--text-dim);opacity:.5;font-size:1.25rem;transition:all .2s}.project-description{color:var(--text-dim);flex:1;margin-bottom:16px;font-size:.9rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{font-family:var(--font-mono);color:var(--text-dim);background:#ffffff08;border-radius:20px;padding:4px 10px;font-size:.7rem}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}@media (max-width:480px){.projects{padding:60px 0}.project-card{padding:20px}}
.contact{padding:80px 0 120px}.contact-content{max-width:480px}.contact-text{color:var(--text-dim);margin-bottom:32px;font-size:1.25rem;line-height:1.7}.contact-links{flex-direction:column;gap:24px;display:flex}.contact-link{font-size:1.125rem;transition:color .2s}.contact-link.primary{color:var(--text);font-weight:500}.contact-link.primary:hover{color:var(--accent)}.contact-socials{color:var(--text-dim);align-items:center;gap:12px;font-size:.9rem;display:flex}.contact-socials a{color:var(--text-dim);transition:color .2s}.contact-socials a:hover{color:var(--text)}.dot{opacity:.3}@media (max-width:480px){.contact{padding:60px 0 80px}.contact-text{font-size:1.1rem}}