@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;700;900&display=swap";:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #2bfb97;--text-muted: #cccccc;--glow-overlay: radial-gradient(circle at center, transparent 0%, rgba(43, 251, 151, .08) 100%);--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--transition-speed: .6s;--ease: cubic-bezier(.23, 1, .32, 1)}[data-theme=light]{--bg-color: #ffffff;--text-color: #000000;--text-muted: #666666;--glow-overlay: radial-gradient(circle at center, transparent 0%, rgba(59, 130, 246, .03) 100%)}[data-theme=light] .vignette{box-shadow:none}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;transition:background-color var(--transition-speed) var(--ease),color var(--transition-speed) var(--ease)}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;box-shadow:inset 0 0 150px #00000080}.glow-border{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;border:1px solid rgba(255,255,255,.05);background:var(--glow-overlay)}.brand-container{position:fixed;top:40px;left:40px;z-index:1001}.brand-name{font-family:var(--font-heading);font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-color);text-transform:uppercase}.sidebar{position:fixed;left:40px;top:240px;z-index:1000;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.nav-item{font-family:var(--font-heading);font-size:16px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:all .3s var(--ease);cursor:pointer;writing-mode:horizontal-tb;transform:none;opacity:.85}.nav-item:hover,.nav-item.active{color:var(--text-color);text-shadow:0 0 10px rgba(43,251,151,.5)}section{min-height:100vh;padding:120px 160px 120px 300px;display:flex;flex-direction:column;justify-content:center}.section-title{font-size:14px;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:60px}.hero{max-width:1400px}.hero-content{max-width:1000px}.hero-role-selector{display:flex;gap:30px;margin-bottom:60px}.role-btn{background:none;border:none;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:8px 0;border-bottom:1px solid transparent;transition:all .3s var(--ease)}.role-btn.active{color:var(--accent-color);border-bottom:1px solid var(--accent-color)}.hero-title{font-family:var(--font-heading);font-size:5vw;font-weight:700;line-height:1.05;letter-spacing:-.04em;margin-bottom:40px}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:60px 40px}.project-card-container{grid-column:span 6}.project-card-container:nth-child(2n){margin-top:100px}.project-card{position:relative;overflow:hidden;aspect-ratio:16/10;background:#111;border-radius:4px}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.project-card:hover img{transform:scale(1.03)}.project-info{margin-top:25px}.project-title{font-size:20px;font-weight:500;letter-spacing:-.02em}.project-tag{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:8px}.about-content{max-width:800px}.about-text{font-size:32px;line-height:1.4;font-weight:400;letter-spacing:-.02em}.blog-list{display:grid;gap:40px;max-width:1000px}.blog-post-link{display:flex;justify-content:space-between;align-items:center;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none;color:var(--text-color);transition:all .4s var(--ease);cursor:pointer}.blog-post-link:hover{border-bottom-color:var(--accent-color);padding-left:20px}.blog-post-main{display:flex;flex-direction:column;gap:12px}.blog-post-title{font-size:28px;font-weight:500;letter-spacing:-.02em}.blog-post-excerpt{font-size:14px;color:var(--text-muted);max-width:600px;line-height:1.6}.blog-post-date{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:40px}.modal-content{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);width:100%;max-width:800px;max-height:90vh;padding:80px;position:relative;overflow-y:auto;border-radius:8px}.modal-close{position:absolute;top:40px;right:40px;background:none;border:none;color:var(--text-color);font-size:40px;cursor:pointer;opacity:.5;transition:opacity .3s}.modal-close:hover{opacity:1}.modal-title{font-family:var(--font-heading);font-size:48px;font-weight:700;line-height:1.1;margin-bottom:40px;letter-spacing:-.04em}.modal-body{font-size:18px;line-height:1.8;color:var(--text-muted)}.modal-body p{margin-bottom:24px}@media(max-width:1024px){.hero-title{font-size:10vw}section{padding:80px 40px}.sidebar{display:none}.project-card-container{grid-column:span 12}.project-card-container:nth-child(2n){margin-top:0}.about-text{font-size:24px}}.bottom-bar{position:fixed;bottom:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;z-index:1000}.util-group{display:flex;gap:20px;align-items:center}.icon-btn{background:none;border:none;color:var(--text-color);cursor:pointer;opacity:.6;transition:opacity .3s ease}.icon-btn:hover{opacity:1}@media(max-width:1024px){.hero-title{font-size:5rem}section{padding:60px 40px}.sidebar{display:none}}.contact-portrait{position:absolute;bottom:0;right:0;width:350px;z-index:-1;opacity:.9;transition:opacity .5s ease;pointer-events:none}.contact-portrait:hover{opacity:1}.contact-portrait img{width:100%;height:auto;display:block}.contact{position:relative;overflow:hidden}