:root{--bg:#0a0a0a;--bg-rgb:10,10,10;--text:#fff;--text-dim:#fff6;--text-mid:#ffffffb3;--border:#ffffff14;--border-strong:#fff3;--glass-bg:#0a0a0a73;--glass-blur:blur(16px) saturate(1.4);--accent:#fff;--accent-rgb:255,255,255;--radius-pill:60px;--radius-card:32px;--radius-sm:20px;--radius-xs:4px;--font-heading:"Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif;--font-nav:"Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-heading:900;--letter-spacing-heading:-.04em;--easing:cubic-bezier(.22, 1, .36, 1);--transition-speed:.5s;--noise-opacity:.06;--bg-filter:grayscale(100%) contrast(120%) brightness(.85);--text-shadow:none;--border-width:1px;--cursor-dot-size:10px;--cursor-ring-size:40px;--cursor-dot-shape:50%;--cursor-ring-shape:50%;--ripple-shape:50%;--heading-transform:uppercase}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;font-family:var(--font-body);color:var(--text);cursor:none;transition:background var(--transition-speed) ease}.hero{min-height:100vh;position:relative;overflow:hidden}.wave-bg{width:120%;height:120%;filter:var(--bg-filter) url(#waveDistortion);will-change:transform, filter;z-index:1;transition:filter var(--transition-speed) ease;background-image:url(/ocean.jpg);background-position:50%;background-size:cover;position:absolute;top:-10%;left:-10%;transform:scale(1.05)}.bg-solid{background:var(--bg);z-index:0;opacity:0;transition:opacity var(--transition-speed) ease;position:absolute;inset:0}.svg-filters{width:0;height:0;position:absolute;overflow:hidden}.noise{width:100%;height:100%;opacity:var(--noise-opacity);pointer-events:none;z-index:3;transition:opacity var(--transition-speed) ease;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJnIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC42NSIgbnVtT2N0YXZlcz0iMyIgc3RpdGNoVGlsc2VzPSJzdGl0Y2giLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjZykiIG9wYWNpdHk9IjAiLz48L3N2Zz4=);position:absolute;top:0;left:0}.scanlines{pointer-events:none;z-index:2;opacity:0;width:100%;height:100%;transition:opacity var(--transition-speed) ease;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:absolute;top:0;left:0}.content{text-align:center;z-index:4;mix-blend-mode:difference;pointer-events:none;user-select:none;will-change:transform, opacity;transition:all var(--transition-speed) ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content h1{font-family:var(--font-heading);font-size:clamp(3rem,8vw,7rem);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);text-transform:var(--heading-transform);color:var(--text);text-shadow:var(--text-shadow);line-height:.9}.content p{letter-spacing:.4em;opacity:.8;color:var(--text);margin-top:1.2rem;font-size:clamp(.8rem,1.2vw,1.3rem);font-weight:300}.navbar{z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);pointer-events:auto;transition:all var(--transition-speed) ease;align-items:center;gap:2rem;padding:12px 32px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.navbar a,.navbar .nav-btn{color:var(--text-mid);font-family:var(--font-nav);letter-spacing:.04em;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.95rem;font-weight:400;text-decoration:none;transition:all .25s;position:relative}.navbar a:after{content:"";background:var(--accent);height:1px;transition:transform .3s;position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.navbar a:hover{color:var(--text);background:#ffffff14}.navbar a:hover:after{transform:scaleX(1)}.navbar .nav-btn:hover{color:var(--text);background:#ffffff14}.nav-panel{background:rgba(var(--bg-rgb), .88);width:400px;max-width:92vw;height:100vh;-webkit-backdrop-filter:var(--glass-blur);border-left:var(--border-width) solid var(--border);z-index:20;pointer-events:auto;will-change:transform;padding:40px 32px 32px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 40px #0009}.nav-panel.open{transform:translate(0)}.nav-panel .close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;position:absolute;top:20px;right:24px}.nav-panel .close-btn:hover{color:var(--text)}.nav-panel h2{font-family:var(--font-heading);letter-spacing:.06em;border-bottom:var(--border-width) solid var(--border);color:var(--text);margin-bottom:28px;padding-bottom:16px;font-size:1.6rem;font-weight:300}.nav-panel h2 span{font-weight:600}.nav-panel .section{margin-bottom:28px}.nav-panel .section h3{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-size:.8rem;font-weight:400;font-family:var(--font-nav);margin-bottom:12px}.nav-panel .section a{color:var(--text-mid);border-left:2px solid #0000;padding:6px 0 6px 8px;font-size:.95rem;text-decoration:none;transition:all .2s;display:block}.nav-panel .section a:hover{color:var(--text);border-left-color:var(--accent);background:rgba(var(--accent-rgb), .05);padding-left:16px}.nav-panel .section a .icon{opacity:.5;margin-right:10px}.nav-panel::-webkit-scrollbar{width:4px}.nav-panel::-webkit-scrollbar-track{background:0 0}.nav-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.cursor-dot{width:var(--cursor-dot-size);height:var(--cursor-dot-size);background:var(--accent);border-radius:var(--cursor-dot-shape);pointer-events:none;z-index:9999;mix-blend-mode:difference;will-change:transform;transition:border-radius .3s,background .3s;position:fixed;top:0;left:0}.cursor-ring{width:var(--cursor-ring-size);height:var(--cursor-ring-size);border:1px solid rgba(var(--accent-rgb), .4);border-radius:var(--cursor-ring-shape);pointer-events:none;z-index:9998;will-change:transform;transition:width .2s,height .2s,border-color .2s,border-radius .3s;position:fixed;top:0;left:0}.overlay{z-index:15;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .4s;position:fixed;inset:0}.overlay.active{opacity:1;pointer-events:auto}.footer-note{z-index:5;font-family:var(--font-nav);letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;pointer-events:none;mix-blend-mode:difference;transition:bottom var(--transition-speed) ease;font-size:.7rem;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.ripple{border:2px solid rgba(var(--accent-rgb), .9);border-radius:var(--ripple-shape);pointer-events:none;z-index:9997;box-shadow:0 0 20px rgba(var(--accent-rgb), .15);will-change:transform, opacity;animation:.9s cubic-bezier(.2,.9,.4,1) forwards rippleAnim;position:fixed;transform:translate(-50%,-50%)scale(0)}@keyframes rippleAnim{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}.roulette-container{z-index:30;background:rgba(var(--bg-rgb), .75);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);transition:all var(--transition-speed) ease;border-radius:50px;align-items:center;gap:6px;padding:8px 12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.roulette-label{color:var(--text-dim);font-family:var(--font-nav);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;pointer-events:none;padding:0 10px 0 4px;font-size:.65rem}.roulette-chip{cursor:pointer;width:36px;height:36px;transition:all .3s var(--easing);background:#ffffff0a;border:1.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:relative}.roulette-chip:hover{border-color:var(--border-strong);background:#ffffff1a;transform:translateY(-3px)}.roulette-chip.active{background:rgba(var(--accent-rgb), .12);border-color:var(--accent);box-shadow:0 0 16px rgba(var(--accent-rgb), .25);transform:translateY(-3px)scale(1.1)}.roulette-chip .tooltip{color:#fff;font-family:var(--font-nav);white-space:nowrap;opacity:0;pointer-events:none;letter-spacing:.04em;background:#000000e6;border-radius:12px;padding:4px 10px;font-size:.7rem;transition:opacity .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.roulette-chip:hover .tooltip{opacity:1}.roulette-arrows{color:var(--text-dim);pointer-events:none;letter-spacing:.1em;font-size:.7rem;font-family:var(--font-nav);padding:0 6px 0 10px}.theme-flash{z-index:99999;pointer-events:none;opacity:0;background:#fff;transition:opacity .15s;position:fixed;inset:0}.theme-flash.fire{opacity:.12;transition:opacity}@media (width<=640px){.navbar{white-space:nowrap;border-radius:40px;flex-wrap:nowrap;justify-content:center;gap:.8rem;max-width:94%;padding:10px 18px;top:16px;overflow-x:auto}.navbar a,.navbar .nav-btn{padding:4px 10px;font-size:.8rem}.roulette-container{border-radius:40px;gap:3px;padding:6px 10px;bottom:16px}.roulette-chip{width:30px;height:30px;font-size:.75rem}.roulette-label{padding:0 4px;font-size:.6rem}.roulette-arrows{display:none}.footer-note{bottom:80px}}[data-theme=monument]{--font-heading:"Playfair Display", Georgia, serif;--font-body:Georgia, "Times New Roman", serif;--font-nav:"Inter", -apple-system, sans-serif;--font-weight-heading:900;--letter-spacing-heading:-.03em;--heading-transform:none;--text-shadow:0 2px 40px #00000080;--cursor-dot-shape:0%;--cursor-ring-shape:0%;--cursor-dot-size:8px;--cursor-ring-size:36px;--radius-pill:2px;--radius-card:0px;--radius-sm:0px;--easing:cubic-bezier(.4, 0, .2, 1);--bg:#000;--bg-rgb:0,0,0;--noise-opacity:.04;--bg-filter:grayscale(100%) contrast(140%) brightness(.7);--glass-bg:#000c;--glass-blur:blur(0px);--border:#ffffff0f;--border-width:1px}[data-theme=monument] .cursor-dot{clip-path:polygon(40% 0%,60% 0%,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0% 60%,0% 40%,40% 40%)}[data-theme=steel]{--font-heading:"Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-nav:"JetBrains Mono", monospace;--font-weight-heading:900;--letter-spacing-heading:-.06em;--heading-transform:uppercase;--accent:#8bb4c7;--accent-rgb:139,180,199;--cursor-dot-shape:2px;--cursor-ring-shape:2px;--cursor-dot-size:8px;--cursor-ring-size:34px;--radius-pill:2px;--radius-card:4px;--radius-sm:2px;--easing:cubic-bezier(.4, 0, .2, 1);--bg:#0c0d0d;--bg-rgb:12,13,13;--noise-opacity:.03;--bg-filter:grayscale(100%) contrast(130%) brightness(.7) saturate(.3);--glass-bg:#0c0d0de6;--glass-blur:blur(4px);--border:#8bb4c71a;--border-width:1px;--text-dim:#8bb4c759}[data-theme=steel] .content{mix-blend-mode:normal}[data-theme=woodcut]{--font-heading:"Noto Serif SC", "SimSun", serif;--font-body:"Noto Serif SC", "SimSun", serif;--font-nav:"Noto Serif SC", "SimSun", serif;--font-weight-heading:900;--letter-spacing-heading:.02em;--heading-transform:none;--text-shadow:0 1px 2px #000c, 0 0 1px #ffffff1a;--accent:#e8d5b7;--accent-rgb:232,213,183;--cursor-dot-shape:50%;--cursor-ring-shape:50%;--cursor-dot-size:6px;--cursor-ring-size:32px;--radius-pill:0px;--radius-card:0px;--radius-sm:0px;--easing:steps(4);--bg:#080808;--bg-rgb:8,8,8;--noise-opacity:.15;--bg-filter:grayscale(100%) contrast(180%) brightness(.55);--glass-bg:#080808f2;--glass-blur:blur(0px);--border:#e8d5b71f;--border-width:2px;--text-dim:#e8d5b766;--text-mid:#e8d5b7b3}[data-theme=woodcut] .content{mix-blend-mode:normal}[data-theme=brutalist]{--font-heading:"Times New Roman", "SimSun", serif;--font-body:system-ui, -apple-system, sans-serif;--font-nav:"Courier New", monospace;--font-weight-heading:700;--letter-spacing-heading:0em;--heading-transform:none;--text-shadow:none;--accent:#fff;--accent-rgb:255,255,255;--cursor-dot-shape:0%;--cursor-ring-shape:0%;--cursor-dot-size:16px;--cursor-ring-size:0px;--radius-pill:0px;--radius-card:0px;--radius-sm:0px;--easing:steps(1);--bg:#f5f5f5;--bg-rgb:245,245,245;--text:#111;--text-dim:#00000080;--text-mid:#000000bf;--noise-opacity:0;--bg-filter:none;--glass-bg:#fff;--glass-blur:blur(0px);--border:#111;--border-strong:#111;--border-width:3px}[data-theme=brutalist] .content{mix-blend-mode:normal}[data-theme=brutalist] .cursor-dot{mix-blend-mode:normal;background:#111}[data-theme=brutalist] .wave-bg,[data-theme=brutalist] .noise{display:none}[data-theme=brutalist] .bg-solid{opacity:1}[data-theme=brutalist] .navbar a,[data-theme=brutalist] .navbar .nav-btn{color:#111}[data-theme=brutalist] .navbar a:hover,[data-theme=brutalist] .navbar .nav-btn:hover{color:#fff;background:#111}[data-theme=brutalist] .navbar a:after{background:#111}[data-theme=brutalist] .nav-panel h2,[data-theme=brutalist] .nav-panel .section a,[data-theme=brutalist] .nav-panel .close-btn{color:#111}[data-theme=brutalist] .nav-panel .section h3{color:#00000080}[data-theme=brutalist] .nav-panel .section a:hover{color:#fff;background:#111;border-left-color:#111}[data-theme=brutalist] .footer-note{color:#0009;mix-blend-mode:normal}[data-theme=cyber]{--font-heading:"Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-nav:"JetBrains Mono", monospace;--font-weight-heading:900;--letter-spacing-heading:-.04em;--heading-transform:uppercase;--text-shadow:2px 2px 0px #ff33004d;--accent:#f30;--accent-rgb:255,51,0;--cursor-dot-shape:0%;--cursor-ring-shape:0%;--cursor-dot-size:10px;--cursor-ring-size:38px;--radius-pill:0px;--radius-card:0px;--radius-sm:0px;--easing:steps(3);--bg:#0a0a0a;--bg-rgb:10,10,10;--noise-opacity:.1;--bg-filter:grayscale(100%) contrast(150%) brightness(.65);--glass-bg:#0a0a0ae6;--glass-blur:blur(2px);--border:#ff330026;--border-strong:#f306;--border-width:2px;--text-dim:#ff33004d}[data-theme=cyber] .content{mix-blend-mode:normal}[data-theme=cyber] .scanlines{opacity:1}[data-theme=cyber] .navbar a:hover:after{background:var(--accent)}[data-theme=woodcut] .navbar a,[data-theme=woodcut] .navbar .nav-btn,[data-theme=woodcut] .nav-panel h2,[data-theme=woodcut] .nav-panel .section a{color:#e8d5b7cc}[data-theme=woodcut] .navbar a:hover,[data-theme=woodcut] .navbar .nav-btn:hover,[data-theme=woodcut] .nav-panel .section a:hover{color:#e8d5b7}[data-theme=steel] .navbar a,[data-theme=steel] .navbar .nav-btn,[data-theme=steel] .nav-panel h2,[data-theme=steel] .nav-panel .section a{color:#c8d7e1cc}[data-theme=steel] .navbar a:hover,[data-theme=steel] .navbar .nav-btn:hover,[data-theme=steel] .nav-panel .section a:hover{color:#d4dfe8}.portfolio-section[data-astro-cid-esm27qn5]{z-index:4;justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex;position:relative}.portfolio-card[data-astro-cid-esm27qn5]{-webkit-backdrop-filter:blur(24px)saturate(1.4);background:#0a0a0a8c;border:1px solid #ffffff0f;border-radius:32px;width:100%;max-width:800px;padding:56px 60px;box-shadow:0 24px 80px #0009}.portfolio-card[data-astro-cid-esm27qn5] h1[data-astro-cid-esm27qn5]{font-size:2.8rem;font-weight:300;font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text);margin-bottom:4px}.portfolio-card[data-astro-cid-esm27qn5] h1[data-astro-cid-esm27qn5] span[data-astro-cid-esm27qn5]{font-weight:700}.sub[data-astro-cid-esm27qn5]{letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;margin-bottom:32px;font-size:.85rem}.project-grid[data-astro-cid-esm27qn5]{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.project-item[data-astro-cid-esm27qn5]{background:#ffffff08;border:1px solid #ffffff0a;border-radius:20px;padding:24px 20px;transition:all .3s}.project-item[data-astro-cid-esm27qn5]:hover{background:#ffffff12;border-color:#ffffff1f;transform:translateY(-2px)}.project-item[data-astro-cid-esm27qn5] .emoji[data-astro-cid-esm27qn5]{margin-bottom:8px;font-size:1.8rem;display:block}.project-item[data-astro-cid-esm27qn5] h3[data-astro-cid-esm27qn5]{color:var(--text);margin-bottom:4px;font-size:1.2rem;font-weight:500}.project-item[data-astro-cid-esm27qn5] p[data-astro-cid-esm27qn5]{color:var(--text-dim);margin-bottom:0;font-size:.9rem}.contact-links[data-astro-cid-esm27qn5]{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.contact-links[data-astro-cid-esm27qn5] a[data-astro-cid-esm27qn5]{color:var(--text-mid);border:1px solid var(--border);border-radius:40px;padding:8px 18px;font-size:.95rem;text-decoration:none;transition:all .25s}.contact-links[data-astro-cid-esm27qn5] a[data-astro-cid-esm27qn5]:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff0f}.back-btn[data-astro-cid-esm27qn5]{color:var(--text-dim);letter-spacing:.05em;border:1px solid var(--border);border-radius:40px;margin-top:12px;padding:10px 24px;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block}.back-btn[data-astro-cid-esm27qn5]:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff0d;transform:translate(-4px)}@media (width<=640px){.portfolio-card[data-astro-cid-esm27qn5]{padding:32px 24px}.portfolio-card[data-astro-cid-esm27qn5] h1[data-astro-cid-esm27qn5]{font-size:2rem}.project-grid[data-astro-cid-esm27qn5]{grid-template-columns:1fr}.contact-links[data-astro-cid-esm27qn5]{flex-direction:column}}