.about-page{--void: oklch(.06 .01 280);--indigo: oklch(.35 .28 271);--cyan: oklch(.72 .18 202);--purple: oklch(.42 .28 294);--lavender: oklch(.78 .12 315);--surface: oklch(.12 .02 280 / .75);--surface-stroke: oklch(.4 .07 280 / .45);--vulkan-fill: #A41E22;--vulkan-glow: #ff2d55;--text-primary: oklch(.97 .005 270);--text-muted: oklch(.7 .02 270);--text-dim: oklch(.5 .015 270)}.about-page{background:radial-gradient(ellipse 70% 50% at 15% 25%,#3d0f7a 0%,transparent 65%),radial-gradient(ellipse 60% 45% at 85% 75%,#021a38 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,#1a0538 0%,transparent 70%),#070410;color:var(--text-primary);font-family:SoftIceCream,sans-serif;-webkit-user-select:none;user-select:none;min-height:100vh}.about-main{position:relative}.about-brand-mark{background:linear-gradient(to right,#ffd5fe,#e4dd90);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;white-space:nowrap}.about-section{position:relative;padding:100px 80px 100px 120px;max-width:1200px;margin:0 auto;overflow:hidden}.side-label{position:absolute;left:20px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center center;font-size:.62rem;letter-spacing:5px;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;pointer-events:none}.about-hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;max-width:none}.about-hero-shader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.about-hero-shader canvas{width:100%!important;height:100%!important}.about-hero-content{position:relative;z-index:1;text-align:center;padding:0 20px;animation:fadeInUp .9s cubic-bezier(.16,1,.3,1) .2s both}.about-hero-headline{font-size:clamp(2.4rem,6vw,5.5rem);font-weight:400;color:var(--text-primary);margin:0 0 20px;line-height:1.15;letter-spacing:-.02em}.about-hero-tagline{font-size:clamp(.9rem,2vw,1.35rem);color:var(--text-muted);margin:0;letter-spacing:.05em;font-weight:400}.tagline-bracket{color:var(--cyan);opacity:.8}.tagline-dot{color:var(--cyan);margin:0 4px;opacity:.6}.about-scroll-cue{position:absolute;bottom:36px;left:50%;transform:translate(-50%);z-index:1;animation:scrollBob 2s ease-in-out infinite}.scroll-chevron{font-size:1.6rem;color:var(--text-dim);display:inline-block;transform:rotate(90deg);line-height:1}@keyframes scrollBob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.who-am-i{padding-top:120px;padding-bottom:120px}.who-card{background:var(--surface);border:1px solid var(--surface-stroke);border-radius:20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden}.who-card-inner{display:grid;grid-template-columns:1fr 1px 340px;min-height:360px}.who-col{padding:52px 48px}.who-divider{background:var(--surface-stroke);width:1px;margin:36px 0}.who-heading{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:400;color:var(--text-primary);margin:0 0 24px;line-height:1.3}.who-body{font-size:1rem;line-height:1.85;color:var(--text-muted);margin:0;max-width:60ch}.who-col-portrait{position:relative;display:flex;align-items:center;justify-content:center;padding:36px}.portrait-box{width:100%;aspect-ratio:3 / 4;background-color:#858688;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:cover;border:1px solid var(--surface-stroke);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.portrait-img{width:100%;height:100%;object-fit:cover;border-radius:11px}.portrait-placeholder-label{font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}.portrait-img+.portrait-placeholder-label{display:none}.utc-badge-box{position:absolute;bottom:44px;left:44px;width:52px;height:52px}.utc-badge-img{width:100%;height:100%;object-fit:contain}.skills-section{padding-top:120px;padding-bottom:120px}.skills-buckets{display:flex;flex-direction:column;gap:60px}.skill-bucket{background:var(--surface);border:1px solid var(--surface-stroke);border-radius:16px;padding:36px 40px}.bucket-label{font-size:.68rem;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin:0 0 28px;font-family:monospace;font-weight:400}.chip-cloud{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.skill-chip{display:inline-block;padding:6px 14px;border:1px solid var(--surface-stroke);border-radius:999px;font-size:.88rem;color:var(--text-muted);background:#0b0c1ab3;cursor:default;transform:rotate(var(--rot, 0deg));transition:border-color .2s ease,color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.skill-chip:hover{border-color:var(--chip-color, var(--cyan));color:var(--chip-color, var(--text-primary));box-shadow:0 0 12px color-mix(in srgb,var(--chip-color, var(--cyan)) 50%,transparent);animation:chipGlitch .35s steps(4) forwards}.chip-vulkan{transform:rotate(0)!important}.chip-vulkan:hover{border-color:var(--vulkan-glow)!important;box-shadow:0 0 8px var(--vulkan-fill),0 0 24px #d2004680!important;box-shadow:0 0 8px var(--vulkan-fill),0 0 24px oklch(.55 .28 15 / .5)!important;animation:none!important;filter:none!important}@keyframes chipGlitch{0%{transform:rotate(var(--rot, 0deg)) translate(0);filter:none}25%{transform:rotate(var(--rot, 0deg)) translate(-2px);filter:hue-rotate(90deg) saturate(2)}50%{transform:rotate(var(--rot, 0deg)) translate(2px);filter:hue-rotate(-90deg) saturate(2)}75%{transform:rotate(var(--rot, 0deg)) translate(-1px);filter:hue-rotate(45deg)}to{transform:rotate(var(--rot, 0deg)) translate(0);filter:none}}.projects-section{padding-top:120px;padding-bottom:120px}.projects-grid{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr;gap:20px;min-height:500px}.project-panel{border:1px solid var(--surface-stroke);border-radius:18px;background:var(--surface);overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease}.project-umika{grid-row:1 / 3;display:flex;flex-direction:row;align-items:center;padding:52px 48px;text-decoration:none;background:radial-gradient(ellipse at 60% 40%,oklch(.25 .12 320 / .45) 0%,transparent 70%),var(--surface);cursor:pointer}.umika-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;z-index:1}.umika-char{position:absolute;right:0;bottom:0;height:95%;width:auto;transform:translate(22%);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.project-umika:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #9b8fff,0 8px 40px #7f8aff66,0 0 80px #d98eff33}.project-umika:hover .umika-tags-overlay{opacity:1;transform:translateY(0)}.umika-logo-wrap{margin-bottom:20px}.umika-logo-text{font-family:VAL,sans-serif;font-size:3.5rem;background:linear-gradient(to right,#7f8aff,#d98eff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height:1;display:inline-block}.umika-tagline{font-size:1rem;color:var(--text-muted);margin:0 0 28px;line-height:1.6;max-width:38ch}.umika-cta{font-size:.88rem;color:var(--cyan);letter-spacing:.05em;transition:opacity .2s ease}.project-umika:hover .umika-cta{opacity:.6}.umika-tags-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:#030309e6;display:flex;gap:8px;flex-wrap:wrap;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s cubic-bezier(.25,1,.5,1)}.project-tag{font-size:.72rem;font-family:monospace;padding:3px 10px;border:1px solid var(--cyan);border-radius:999px;color:var(--cyan);opacity:.8}.project-tag--claude{border-color:#d97757;color:#d97757}.project-placeholder{display:flex;align-items:center;justify-content:center}.placeholder-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.placeholder-glitch{font-family:monospace;font-size:.8rem;color:var(--text-dim);letter-spacing:.04em;animation:pulseOpacity 3s ease-in-out infinite}.placeholder-mark{font-size:2.5rem;color:var(--text-dim);line-height:1;border:1px solid var(--surface-stroke);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%}.placeholder-hint{font-size:.72rem;font-family:monospace;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;opacity:0;transition:opacity .25s ease}.project-placeholder-b:hover .placeholder-hint{opacity:1}@keyframes pulseOpacity{0%,to{opacity:.4}50%{opacity:.9}}.fun-zone{padding-top:120px;padding-bottom:180px;max-width:none;min-height:600px;overflow:visible}.dumb-wall{position:relative;min-height:560px;margin-bottom:60px}.wall-line{position:absolute;cursor:default;white-space:nowrap;transition:transform .3s cubic-bezier(.25,1,.5,1);-webkit-user-select:none;user-select:none}.wall-line--white{color:#e3e4e8}.wall-line--cyan{color:var(--cyan);text-shadow:0 0 8px oklch(.72 .18 202 / .5);font-style:italic;opacity:.85!important}.terminal-wrap{position:relative;max-width:560px;margin:0 auto}.claude-bubble{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#05050d;border:1px solid #D97757;border-radius:10px;padding:10px 18px;font-family:monospace;font-size:.85rem;color:#d97757;white-space:nowrap;box-shadow:0 0 16px #d9775744;animation:fadeInUp .2s ease-out both}.claude-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#d97757}.terminal-box{display:flex;align-items:center;gap:10px;background:#030309;border:1px solid var(--cyan);border-radius:10px;padding:14px 20px;box-shadow:0 0 20px #01bbc526;box-shadow:0 0 20px oklch(.72 .18 202 / .15)}.terminal-glitch{animation:termGlitch .5s steps(3) forwards}.terminal-prompt{font-family:monospace;color:var(--cyan);font-size:1rem;flex-shrink:0}.terminal-input{-webkit-user-select:text;user-select:text;background:transparent;border:none;outline:none;font-family:monospace;font-size:.95rem;color:var(--text-primary);width:100%;caret-color:var(--cyan)}.terminal-input::placeholder{color:var(--text-dim);font-size:.82rem}@keyframes termGlitch{0%{border-color:var(--cyan);transform:translate(0)}20%{border-color:#ff2d55;transform:translate(-3px)}40%{border-color:#7300ff;transform:translate(3px)}60%{border-color:#ff2d55;transform:translate(-2px)}80%{border-color:var(--cyan);transform:translate(1px)}to{border-color:var(--cyan);transform:translate(0)}}.f-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000001eb;z-index:9000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;animation:fadeIn .4s ease both}.f-candle{font-size:3rem;filter:drop-shadow(0 0 20px oklch(.7 .15 60 / .6));animation:candleFlicker 1.5s ease-in-out infinite}.f-text{font-size:.9rem;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);margin:0}@keyframes candleFlicker{0%,to{opacity:1;transform:scale(1)}30%{opacity:.85;transform:scale(.97)}70%{opacity:.95;transform:scale(1.02)}}.erase-toast{position:fixed;top:20px;right:20px;z-index:8000;background:#010103;border:1px solid var(--cyan);border-radius:10px;padding:14px 20px;font-family:monospace;font-size:.85rem;color:var(--cyan);box-shadow:0 0 20px #01bbc54d;box-shadow:0 0 20px oklch(.72 .18 202 / .3);animation:fadeInDown .3s cubic-bezier(.25,1,.5,1) both;pointer-events:none}.sleep-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;pointer-events:all}.aurora-trail-dot{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:opacity .4s ease;opacity:.8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-section{padding-top:120px;padding-bottom:0;max-width:none}.contact-inner{max-width:900px;margin:0 auto;text-align:center;padding:0 40px 100px}.contact-invite{font-size:clamp(4rem,12vw,10rem);font-weight:400;color:var(--text-primary);margin:0 0 48px;letter-spacing:-.04em;line-height:1}.contact-period{color:var(--cyan);animation:periodPulse 3s ease-in-out infinite}@keyframes periodPulse{0%,to{text-shadow:none}50%{text-shadow:0 0 20px oklch(.72 .18 202 / .6)}}.contact-email{display:inline-block;font-size:clamp(1rem,2.5vw,1.4rem);color:var(--text-muted);text-decoration:none;border-bottom:1px solid oklch(.72 .18 202 / .4);padding-bottom:2px;margin-bottom:36px;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease}.contact-email:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 2px 12px #01bbc54d;box-shadow:0 2px 12px oklch(.72 .18 202 / .3)}.contact-socials{display:flex;gap:28px;justify-content:center;align-items:center}.contact-socials a{color:var(--text-dim);display:flex;align-items:center;transition:color .2s ease,transform .2s cubic-bezier(.25,1,.5,1)}.contact-socials a:hover{color:var(--cyan);transform:translateY(-3px)}.contact-socials svg{width:22px;height:22px;fill:currentColor}.exit-to-bright{display:none}.about-page .site-footer{background-color:#070410;color:var(--text-muted);border-top:1px solid var(--surface-stroke)}.about-page .footer-links a,.about-page .footer-label,.about-page .footer-bottom{color:var(--text-dim)}.about-page .footer-links a:hover{color:var(--cyan)}.about-page .footer-socials a{color:var(--text-dim)}.about-page .footer-socials a:hover{color:var(--cyan);transform:translateY(-3px)}.about-page .cf-link:hover{color:var(--cyan)}.about-section:not(.about-hero){opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.25,1,.5,1),transform .7s cubic-bezier(.25,1,.5,1)}.about-section.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 900px){.about-section{padding:80px 24px 80px 60px}.who-card-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto}.who-col{padding:32px 28px}.who-divider{width:auto;height:1px;margin:0 28px}.who-col-portrait{max-width:240px;margin:0 auto}.projects-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto}.project-umika{grid-row:auto;min-height:280px}.skills-buckets{gap:40px}.contact-invite{font-size:clamp(3rem,14vw,6rem)}}@media (prefers-reduced-motion: reduce){.about-scroll-cue{animation:none}.about-hero-content{animation:none;opacity:1}.about-section:not(.about-hero){opacity:1;transform:none;transition:none}.contact-period{animation:none}.placeholder-glitch{animation:none;opacity:.6}.f-candle{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}