:root{--color-black:#000000;--color-white:#ffffff;--color-gray-100:#f5f5f7;--color-gray-200:#e8e8ed;--color-gray-300:#d2d2d7;--color-gray-400:#a1a1a6;--color-gray-500:#8e8e93;--color-gray-600:#424245;--color-gray-700:#1d1d1f;--font-primary:var(--font-ui);--font-accent:var(--font-display);--text-xs:var(--small);--text-sm:var(--small);--text-base:var(--body);--text-lg:var(--body);--text-xl:var(--h3);--text-2xl:var(--h3);--text-3xl:var(--h2);--text-4xl:var(--h2);--text-5xl:var(--h1);--text-6xl:var(--h1);--text-7xl:var(--h1);--space-xs:var(--s-0);--space-sm:var(--s-1);--space-md:var(--s-2);--space-lg:var(--s-3);--space-xl:var(--s-4);--space-2xl:var(--s-5);--space-3xl:var(--s-6);--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--transition-slower:0.8s cubic-bezier(0.16,1,0.3,1);--max-width:var(--container);--nav-height:var(--s-4)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;scrollbar-gutter:stable}h1,h2,h3,h4,h5,h6{text-wrap:balance}body{background-color:var(--color-black);color:var(--color-white);font-weight:300;letter-spacing:0.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--color-white);color:var(--color-black)}a{color:inherit;text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:0.7}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{min-height:100vh;padding:var(--space-3xl) 0;position:relative}.section-label{display:block;font-size:var(--text-xs);letter-spacing:0.3em;text-transform:uppercase;color:var(--color-gray-400);margin-bottom:var(--space-lg);opacity:0;transform:translateY(20px);transition:all var(--transition-slower)}.section-title{font-size:var(--text-5xl);font-weight:200;letter-spacing:-0.02em;margin-bottom:var(--space-sm);opacity:0;transform:translateY(30px);transition:all var(--transition-slower);transition-delay:0.1s}.section-subtitle{font-size:var(--text-lg);color:var(--color-gray-400);font-weight:300;margin-bottom:var(--space-2xl);opacity:0;transform:translateY(20px);transition:all var(--transition-slower);transition-delay:0.2s}.section-label.visible,.section-title.visible,.section-subtitle.visible{opacity:1;transform:translateY(0)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);z-index:1000;transition:background-color var(--transition-base),backdrop-filter var(--transition-base)}.nav.scrolled{background-color:rgba(0,0,0,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-logo{font-size:var(--text-sm);font-weight:400;letter-spacing:0.2em;text-transform:lowercase}.nav-menu{display:flex;gap:var(--space-lg);list-style:none}.nav-menu a{font-size:var(--text-xs);letter-spacing:0.15em;text-transform:uppercase;color:var(--color-gray-300);transition:color var(--transition-fast)}.nav-menu a:hover{color:var(--color-white);opacity:1}.nav-toggle{display:none;flex-direction:column;gap:6px;width:24px;height:20px;justify-content:center}.nav-toggle span{display:block;width:100%;height:1px;background-color:var(--color-white);transition:all var(--transition-base)}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:last-child{transform:rotate(-45deg) translate(5px,-5px)}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;padding-top:var(--nav-height);padding-bottom:var(--space-xl);position:relative}.hero-content{text-align:center;position:relative;z-index:2}.hero-text{margin-bottom:var(--space-3xl)}.hero-greeting{display:block;font-size:var(--text-xs);letter-spacing:0.4em;text-transform:uppercase;color:var(--color-gray-400);margin-bottom:var(--space-md);opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:0.2s}.hero-title{font-size:var(--text-7xl);font-weight:100;line-height:1;letter-spacing:-0.03em;word-break:break-word;hyphens:auto}.title-line{display:block;opacity:0;transform:translateY(50px);transition:all var(--transition-slower)}.title-line.visible{opacity:1;transform:translateY(0)}.title-line.accent{font-family:var(--font-accent);font-style:italic;font-weight:400}.hero-tagline{margin-top:var(--space-xl);font-size:var(--text-sm);letter-spacing:0.3em;text-transform:uppercase;color:var(--color-gray-400);opacity:0;transition:opacity var(--transition-slower)}.hero-tagline.visible{opacity:1}.scroll-indicator{margin-top:var(--space-3xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.scroll-indicator span{font-size:var(--text-xs);letter-spacing:0.2em;text-transform:uppercase;color:var(--color-gray-500)}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--color-white),transparent);animation:scrollPulse 2s ease-in-out infinite}.hero-grain{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:0.03;pointer-events:none}.philosophy{display:flex;align-items:center}.philosophy-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-3xl);align-items:center}.philosophy-quote{position:relative;opacity:0;transform:translateY(40px);transition:all var(--transition-slower)}.philosophy-quote.visible{opacity:1;transform:translateY(0)}.quote-mark{position:absolute;top:-40px;left:-20px;font-size:8rem;font-family:var(--font-accent);color:var(--color-gray-700);line-height:1}.philosophy-quote p{font-family:var(--font-accent);font-size:var(--text-4xl);font-weight:400;font-style:italic;line-height:1.4;letter-spacing:0}.philosophy-text{opacity:0;transform:translateY(40px);transition:all var(--transition-slower);transition-delay:0.2s}.philosophy-text.visible{opacity:1;transform:translateY(0)}.philosophy-text h2{font-size:var(--text-xs);letter-spacing:0.3em;text-transform:uppercase;color:var(--color-gray-400);margin-bottom:var(--space-md)}.philosophy-text p{color:var(--color-gray-300);margin-bottom:var(--space-md);font-size:var(--text-lg)}.works-filter{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.filter-btn{font-size:var(--text-xs);letter-spacing:0.15em;text-transform:uppercase;color:var(--color-gray-500);padding:var(--space-xs) var(--space-md);border:1px solid transparent;border-radius:100px;transition:all var(--transition-base)}.filter-btn:hover{color:var(--color-white)}.filter-btn.active{color:var(--color-white);border-color:var(--color-white)}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.work-card{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer;opacity:0;transform:translateY(40px);transition:all var(--transition-slower)}.work-card.visible{opacity:1;transform:translateY(0)}.work-card:nth-child(1){transition-delay:0.1s}.work-card:nth-child(2){transition-delay:0.2s}.work-card:nth-child(3){transition-delay:0.3s}.work-card:nth-child(4){transition-delay:0.4s}.work-card:nth-child(5){transition-delay:0.5s}.work-card:nth-child(6){transition-delay:0.6s}.work-image{width:100%;height:100%;background-color:var(--color-gray-700);transition:transform var(--transition-slow)}.work-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-4xl);font-weight:100;color:var(--color-gray-600);background:linear-gradient(135deg,var(--color-gray-700),var(--color-black))}.work-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);background:linear-gradient(to top,rgba(0,0,0,0.9),transparent);transform:translateY(100%);transition:transform var(--transition-base)}.work-card:hover .work-image{transform:scale(1.05)}.work-card:hover .work-info{transform:translateY(0)}.work-category{font-size:var(--text-xs);letter-spacing:0.2em;text-transform:uppercase;color:var(--color-gray-400);display:block;margin-bottom:var(--space-xs)}.work-info h3{font-size:var(--text-xl);font-weight:400;margin-bottom:var(--space-xs)}.work-info p{font-size:var(--text-sm);color:var(--color-gray-400)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:var(--space-sm)}.gallery-item{position:relative;overflow:hidden;cursor:pointer;opacity:0;transform:scale(0.95);transition:all var(--transition-slower)}.gallery-item.visible{opacity:1;transform:scale(1)}.gallery-item:nth-child(1){transition-delay:0.05s}.gallery-item:nth-child(2){transition-delay:0.1s}.gallery-item:nth-child(3){transition-delay:0.15s}.gallery-item:nth-child(4){transition-delay:0.2s}.gallery-item:nth-child(5){transition-delay:0.25s}.gallery-item:nth-child(6){transition-delay:0.3s}.gallery-item:nth-child(7){transition-delay:0.35s}.gallery-item:nth-child(8){transition-delay:0.4s}.gallery-item.large{grid-column:span 2;grid-row:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-700),var(--color-gray-600));transition:transform var(--transition-slow)}.gallery-placeholder span{font-size:var(--text-2xl);font-weight:100;color:var(--color-gray-500)}.gallery-item:hover .gallery-placeholder{transform:scale(1.1)}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.journal-card{padding:var(--space-xl);border:1px solid var(--color-gray-700);transition:all var(--transition-base);opacity:0;transform:translateY(40px);transition:all var(--transition-slower)}.journal-card.visible{opacity:1;transform:translateY(0)}.journal-card:nth-child(1){transition-delay:0.1s}.journal-card:nth-child(2){transition-delay:0.2s}.journal-card:nth-child(3){transition-delay:0.3s}.journal-card:nth-child(4){transition-delay:0.4s}.journal-card:hover{border-color:var(--color-gray-500);background-color:rgba(255,255,255,0.02)}.journal-card.featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);padding:0;border:none}.journal-card.featured .journal-image{aspect-ratio:16/10}.journal-card.featured .journal-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl)}.journal-image{background-color:var(--color-gray-700)}.journal-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);letter-spacing:0.2em;text-transform:uppercase;color:var(--color-gray-500);background:linear-gradient(135deg,var(--color-gray-700),var(--color-black))}.journal-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.journal-tag{font-size:var(--text-xs);letter-spacing:0.15em;text-transform:uppercase;color:var(--color-white);background-color:var(--color-gray-700);padding:4px 12px;border-radius:2px}.journal-date,.journal-read{font-size:var(--text-xs);letter-spacing:0.1em;color:var(--color-gray-500)}.journal-content h3{font-size:var(--text-2xl);font-weight:400;margin-bottom:var(--space-sm);line-height:1.3}.journal-content p{color:var(--color-gray-400);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-md)}.journal-link{font-size:var(--text-xs);letter-spacing:0.2em;text-transform:uppercase;color:var(--color-white);display:inline-flex;align-items:center;gap:var(--space-xs)}.journal-link::after{content:'';width:20px;height:1px;background-color:var(--color-white);transition:width var(--transition-base)}.journal-link:hover::after{width:40px}.timeline{position:relative;padding-left:var(--space-2xl);margin-bottom:var(--space-3xl)}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--color-white),var(--color-gray-700))}.timeline-item{position:relative;padding-bottom:var(--space-2xl);opacity:0;transform:translateX(-20px);transition:all var(--transition-slower)}.timeline-item.visible{opacity:1;transform:translateX(0)}.timeline-item:nth-child(1){transition-delay:0.1s}.timeline-item:nth-child(2){transition-delay:0.2s}.timeline-item:nth-child(3){transition-delay:0.3s}.timeline-item:nth-child(4){transition-delay:0.4s}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:calc(-1 * var(--space-2xl) - 4px);top:0;width:9px;height:9px;background-color:var(--color-white);border-radius:50%}.timeline-year{font-size:var(--text-xs);letter-spacing:0.3em;text-transform:uppercase;color:var(--color-gray-400);display:block;margin-bottom:var(--space-sm)}.timeline-content h3{font-size:var(--text-2xl);font-weight:400;margin-bottom:var(--space-sm)}.timeline-content p{color:var(--color-gray-400);font-size:var(--text-base)}.skills-section h3{font-size:var(--text-xs);letter-spacing:0.3em;text-transform:uppercase;color:var(--color-gray-400);margin-bottom:var(--space-xl)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.skill-item{opacity:0;transform:translateY(20px);transition:all var(--transition-slower)}.skill-item.visible{opacity:1;transform:translateY(0)}.skill-item:nth-child(1){transition-delay:0.1s}.skill-item:nth-child(2){transition-delay:0.15s}.skill-item:nth-child(3){transition-delay:0.2s}.skill-item:nth-child(4){transition-delay:0.25s}.skill-name{font-size:var(--text-sm);color:var(--color-gray-300);display:block;margin-bottom:var(--space-xs)}.skill-bar{height:2px;background-color:var(--color-gray-700);position:relative;overflow:hidden}.skill-progress{position:absolute;left:0;top:0;height:100%;width:var(--progress);background-color:var(--color-white);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(0.16,1,0.3,1)}.skill-item.visible .skill-progress{transform:scaleX(1)}.playground-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.playground-card{aspect-ratio:16/10;border:1px solid var(--color-gray-700);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;opacity:0;transform:translateY(40px)}.playground-card.visible{opacity:1;transform:translateY(0)}.playground-card:nth-child(1){transition-delay:0.1s}.playground-card:nth-child(2){transition-delay:0.2s}.playground-card:nth-child(3){transition-delay:0.3s}.playground-card:nth-child(4){transition-delay:0.4s}.playground-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,0.05),transparent 70%);opacity:0;transition:opacity var(--transition-base)}.playground-card:hover{border-color:var(--color-gray-500)}.playground-card:hover::before{opacity:1}.playground-content{text-align:center;padding:var(--space-lg);position:relative;z-index:1}.playground-icon{width:48px;height:48px;margin:0 auto var(--space-md)}.playground-icon svg{width:100%;height:100%;color:var(--color-gray-400);transition:color var(--transition-base)}.playground-card:hover .playground-icon svg{color:var(--color-white)}.playground-content h3{font-size:var(--text-xl);font-weight:400;margin-bottom:var(--space-xs)}.playground-content p{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-md)}.playground-tag{font-size:var(--text-xs);letter-spacing:0.15em;text-transform:uppercase;color:var(--color-gray-400);padding:4px 12px;border:1px solid var(--color-gray-600);border-radius:2px}.playground-card.coming-soon{opacity:0.5}.playground-card.coming-soon.visible{opacity:0.5}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}.contact-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:var(--space-md) 0;font-family:inherit;font-size:var(--text-base);color:var(--color-white);background:transparent;border:none;border-bottom:1px solid var(--color-gray-600);outline:none;transition:border-color var(--transition-base)}.form-group textarea{resize:none;min-height:120px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-white)}.form-group label{position:absolute;left:0;top:var(--space-md);font-size:var(--text-base);color:var(--color-gray-500);pointer-events:none;transition:all var(--transition-base)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{top:-10px;font-size:var(--text-xs);letter-spacing:0.1em;color:var(--color-gray-400)}.submit-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background-color:var(--color-white);color:var(--color-black);font-size:var(--text-sm);letter-spacing:0.1em;border:none;cursor:pointer;transition:all var(--transition-base);align-self:flex-start}.submit-btn svg{width:16px;height:16px;transition:transform var(--transition-base)}.submit-btn:hover{background-color:var(--color-gray-200)}.submit-btn:hover svg{transform:translate(4px,-4px)}.connect-info{display:flex;flex-direction:column;gap:var(--space-xl)}.connect-label{font-size:var(--text-xs);letter-spacing:0.3em;text-transform:uppercase;color:var(--color-gray-500);display:block;margin-bottom:var(--space-sm)}.email-link{font-size:var(--text-2xl);font-weight:300;display:inline-flex;flex-direction:column;gap:var(--space-xs);cursor:pointer}.copy-hint{font-size:var(--text-xs);letter-spacing:0.1em;color:var(--color-gray-500);transition:color var(--transition-base)}.email-link:hover .copy-hint{color:var(--color-white)}.social-links{display:flex;gap:var(--space-md)}.social-link{width:44px;height:44px;border:1px solid var(--color-gray-600);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.social-link svg{width:18px;height:18px}.social-link:hover{background-color:var(--color-white);border-color:var(--color-white);color:var(--color-black);opacity:1;transform:translateY(-2px)}.connect-status{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-gray-400)}.status-indicator{width:8px;height:8px;background-color:#4ade80;border-radius:50%;animation:pulse 2s ease-in-out infinite}.footer{padding:var(--space-xl) 0;border-top:1px solid var(--color-gray-800)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-size:var(--text-sm);letter-spacing:0.2em;text-transform:lowercase}.footer-copy{font-size:var(--text-xs);color:var(--color-gray-500)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,100%{opacity:1;transform:scaleY(1)}50%{opacity:0.5;transform:scaleY(0.8)}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.1)}}@media (max-width:1200px){.works-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.nav-menu{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background-color:var(--color-black);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);opacity:0;visibility:hidden;transition:all var(--transition-base)}.nav-menu.active{opacity:1;visibility:visible}.nav-menu a{font-size:var(--text-lg)}.nav-toggle{display:flex}}@media (max-width:992px){.philosophy-content{grid-template-columns:1fr;gap:var(--space-xl)}.quote-mark{font-size:5rem;top:-20px}.philosophy-quote p{font-size:var(--text-3xl)}.journal-grid{grid-template-columns:1fr}.journal-card.featured{grid-column:span 1;grid-template-columns:1fr}.connect-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.skills-grid{grid-template-columns:1fr}}@media (max-width:768px){.works-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.gallery-item.large{grid-column:span 2;grid-row:span 1}.gallery-item.tall{grid-row:span 1}.playground-grid{grid-template-columns:1fr}.section{padding:var(--space-2xl) 0}}@media (max-width:480px){.container{padding:0 var(--space-md)}.hero-title{font-size:var(--text-5xl)}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}.gallery-item.large,.gallery-item.wide{grid-column:span 1}.works-filter{justify-content:center}.footer-content{flex-direction:column;gap:var(--space-sm);text-align:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.card-hidden{display:none}.btn-sending{opacity:0.7}.btn-sending svg,.btn-icon-hidden{display:none}.btn-success{background-color:#10B981;opacity:1}.progress-80{--progress:80%}.progress-85{--progress:85%}.progress-88{--progress:88%}.progress-90{--progress:90%}