h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(var(--text-3xl),8vw,var(--text-5xl))}h2{font-size:clamp(var(--text-2xl),6vw,var(--text-4xl))}h3{font-size:var(--text-2xl)}p{line-height:1.6;font-size:var(--text-base)}.text-mono{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.navigation{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);padding:var(--space-lg) var(--space-xl);background-color:var(--bg-primary);transition:var(--transition-base)}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width);margin:0 auto}.nav-left{display:flex;align-items:center;gap:var(--space-lg)}.nav-name{font-family:var(--font-mono);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.nav-tagline{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.nav-right{display:flex;align-items:center;gap:var(--space-xl)}.nav-links{display:flex;gap:var(--space-lg)}.nav-link{font-family:var(--font-mono);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;transition:opacity var(--transition-fast)}.nav-link:hover{opacity:.6}.nav-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--text-primary)}.hero{min-height:100vh;height:100vh;display:flex;flex-direction:column;padding:0;margin:0;width:100%}.hero-logotype-wrapper{width:100%;overflow:hidden;margin:0 0 1rem}.hero-logotype{width:100%;margin:0;padding:0;font-family:var(--font-display);font-style:normal;font-weight:700;font-size:10.9vw;line-height:1.27;letter-spacing:-.01em;text-transform:uppercase;text-align:center;color:var(--text-primary)}.hero-headlines{display:flex;flex-direction:column;gap:1rem;width:100%;padding:0 var(--padding-container) var(--padding-container);max-width:var(--max-width);margin-left:auto;margin-right:auto;margin-top:auto}.headline{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700;letter-spacing:-.07em;line-height:1.28;text-transform:uppercase}.headline-right{text-align:right;align-self:flex-end}.headline-left{text-align:left;align-self:flex-start}.projects-section{background-color:var(--bg-primary)}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4xl)}.project-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.project-card{width:100%;max-width:var(--content-width);margin:0 auto}.project-image{width:100%;aspect-ratio:3 / 2;background:linear-gradient(135deg,var(--accent-purple) 0%,#8B86E6 100%);border-radius:0;overflow:hidden;margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover}.project-placeholder{font-family:var(--font-mono);font-size:var(--text-xl);color:#fff;opacity:.5}.project-info{display:flex;flex-direction:column;gap:var(--space-sm)}.project-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.project-description{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.footer{background-color:var(--bg-dark);color:var(--text-light);padding:var(--space-3xl) var(--space-xl);text-align:center}.footer p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width: 768px){.navigation{padding:var(--space-md) var(--space-lg)}.nav-tagline{display:none}.hero-logotype{font-size:clamp(2rem,10vw,4rem)}.headline-right,.headline-left{text-align:left;align-self:flex-start}.projects-grid{gap:var(--space-3xl)}}@media (max-width: 480px){:root{--padding-container: 1rem}.hero-logotype{font-size:clamp(1.75rem,12vw,3rem)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,header{margin:0}.hero-section{min-height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:0}header{margin-top:0;padding-top:0}.hero-logotype{width:100%;font-family:var(--font-display);font-size:clamp(32px,10.8vw,200px);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:1;margin:0;padding-bottom:0;overflow:hidden;display:block}.hero-nav{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;position:relative;margin-top:var(--space-md);padding:0 var(--space-sm);z-index:10}.hero-nav.is-sticky{background-color:transparent;position:fixed;top:0;left:0;right:0;margin-top:0;padding:var(--space-sm);z-index:100}.hero-nav-item{transition:opacity var(--transition-fast)}.hero-nav-item:hover:not(.static){opacity:.6}.hero-center{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;min-height:0}.hero-headlines{width:100%;max-width:none;display:flex;flex-direction:column;gap:var(--space-lg);padding:0 clamp(60px,calc(-180px + 18.75vw),300px) 20px clamp(60px,calc(-180px + 18.75vw),300px);position:relative;z-index:10}.hero-headline{font-family:var(--font-display);font-size:clamp(var(--text-xl),4vw,var(--text-2xl));font-weight:700;letter-spacing:-.07em;line-height:1.28;margin:0;max-width:none;text-transform:uppercase}.hero-headline.right{text-align:right;margin-left:auto}.hero-headline.left{text-align:left;max-width:1200px}@media (max-width: 768px){.hero-section{padding:var(--space-md);min-height:100vh}.hero-logotype{font-size:clamp(var(--text-xl),6vw,var(--text-2xl))}.hero-nav{font-size:10px;gap:var(--space-xs)}.hero-headline{font-size:clamp(var(--text-base),5vw,var(--text-lg))}.hero-center{padding:var(--space-xl) 0}}.hero-project-image{position:relative;width:100%;max-width:var(--content-width);margin:0 auto;border-radius:0;overflow:hidden}.hero-project-image img{width:100%;height:auto;aspect-ratio:3 / 2;display:block}.hero-project-name{margin-top:-166px;padding-left:212px;text-align:left;transform:scale(1.43);transform-origin:left top;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:400;width:100%;max-width:var(--content-width)}.projects-section{position:relative;z-index:5;width:100%;padding-top:0;padding-bottom:var(--space-4xl);background:transparent;margin-top:calc(-50vh - 280px)}.project-card{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative;z-index:var(--z-dropdown)}.project-card-wrapper{margin-bottom:0}.project-image{position:relative;width:100%;max-width:var(--content-width);margin-bottom:0;border-radius:0;overflow:hidden}.project-image img{width:100%;height:auto;aspect-ratio:3 / 2;display:block}.project-title{text-align:left;transform-origin:left top;font-family:var(--font-body);font-size:var(--text-lg);font-weight:500;width:100%;max-width:var(--content-width)}.sticky-work-wrapper{position:fixed;bottom:-200px;left:60px;z-index:var(--z-base);pointer-events:none}.sticky-work-title{font-family:var(--font-display);font-size:18rem;letter-spacing:-1.6rem;font-weight:700;text-transform:uppercase;color:var(--text-primary);line-height:1;margin:0}@media (max-width: 768px){.project-card{min-height:500px;padding:0}}.about-section{position:relative;width:100%;min-height:100vh;background-color:var(--bg-dark);padding:var(--section-padding) 60px;z-index:10}.about-title-wrapper{margin-bottom:var(--space-3xl)}.about-title{font-family:var(--font-display);font-size:18rem;letter-spacing:-1.6rem;font-weight:700;text-transform:uppercase;color:var(--text-light);line-height:1;margin:0;overflow:hidden}.about-text-wrapper{max-width:var(--content-width);overflow:hidden}.about-text{font-family:var(--font-display);font-size:clamp(var(--text-xl),4vw,var(--text-2xl));font-weight:700;letter-spacing:-.07em;line-height:1.28;text-transform:uppercase;color:var(--text-light);margin:0}.about-marquee{width:100%;margin:var(--space-4xl) 0}.marquee-track{display:flex;gap:var(--space-3xl);align-items:center;will-change:transform}.marquee-logo{height:60px;width:auto;flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.marquee-logo:hover{opacity:1}.about-slider{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;overflow:visible}.slider-slides{display:flex;gap:var(--space-xl)}.slider-card{flex:0 0 auto;width:500px;padding:var(--space-xl);background-color:transparent;border:1px solid var(--text-light);border-radius:12px}.slider-card-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-lg)}.slider-card-avatar img{width:100%;height:100%;object-fit:cover}.slider-card-quote{font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6;color:var(--text-light);margin-bottom:var(--space-lg)}.slider-card-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-light);margin:0;margin-bottom:var(--space-xs)}.slider-card-role{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-light);opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin:0}.section-caption{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-light);opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:var(--space-xs)}.slider-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl)}.slider-btn{background:transparent;border:1px solid var(--text-light);color:var(--text-light);width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:var(--text-lg);transition:background-color var(--transition-fast),color var(--transition-fast)}.slider-btn:hover{background-color:var(--text-light);color:var(--bg-dark)}.slider-dots{display:flex;gap:var(--space-sm)}.slider-dot{width:10px;height:10px;border-radius:50%;background-color:var(--text-light);opacity:.3;cursor:pointer;transition:opacity var(--transition-fast)}.slider-dot.active{opacity:1}@media (max-width: 768px){.about-section{padding:var(--space-3xl) var(--space-md)}.about-title{font-size:clamp(4rem,20vw,10rem);letter-spacing:-.5rem}.about-text{font-size:clamp(var(--text-lg),5vw,var(--text-xl))}.slider-card{width:300px;padding:var(--space-lg)}}
