@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;900&family=Anton&display=swap";:root{--font-title: 900;--font-body: 400;--space-xs: 16px;--space-sm: 24px;--space-md: 32px;--space-lg: 48px;--space-xl: 72px;--bg-primary: #000000;--bg-secondary: #f4f4f4;--text-primary: #ffffff;--text-inverse: #000000;font-family:Anton,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:var(--font-body);color:var(--text-inverse);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-secondary)}body{min-width:320px;min-height:100vh;background:var(--bg-secondary);color:var(--text-inverse)}#root{background:var(--bg-secondary);min-height:100vh}a{color:inherit}.landing-container{height:100vh;width:100vw;background-color:var(--bg-primary);color:var(--text-primary);position:relative;overflow:hidden}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.landing-video,.video-background stream,.video-background video,.video-background iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;display:block;pointer-events:none}.landing-content{position:relative;z-index:10;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-lg)}.landing-left{display:flex;align-items:center}.landing-name{font-family:Anton,sans-serif;font-weight:900;font-size:16px;letter-spacing:.01em;text-transform:uppercase;color:var(--text-primary)}.landing-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.landing-all{font-family:Anton,sans-serif;font-weight:900;font-size:16px;letter-spacing:.01em;text-transform:uppercase;color:var(--text-primary);text-decoration:none}.landing-all:hover{opacity:.8}.landing-roles{display:flex;align-items:center;gap:8px;font-family:Anton,sans-serif;font-weight:900;font-size:16px;letter-spacing:.01em;text-transform:uppercase;color:var(--text-primary)}.landing-divider{opacity:.6}@media(max-width:800px){.landing-content{padding:0 var(--space-sm)}.landing-name,.landing-all,.landing-roles{font-size:14px}.landing-roles{gap:6px}.landing-right{gap:4px}}.projects-wrapper{background:var(--bg-secondary);min-height:calc(100vh - 64px);padding-top:0}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 30px;padding:64px 20px 40px;max-width:960px;margin:0 auto;background:var(--bg-secondary);color:var(--text-inverse)}.project-item{display:flex;flex-direction:column;text-decoration:none;color:var(--text-inverse)}.project-thumbnail{width:100%;aspect-ratio:3 / 2;overflow:hidden;background:#f0f0f0}.project-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.project-text{display:flex;justify-content:flex-start;align-items:baseline;gap:6px;padding-top:6px;font-family:Inter,sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;letter-spacing:.02em;color:var(--text-inverse);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-client,.project-title,.project-separator{font-family:Inter,sans-serif;font-weight:400}@media(max-width:800px){.projects-grid{grid-template-columns:1fr;gap:20px;padding:64px 16px 28px}.project-text{font-size:11px;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.project-page{padding:64px 20px var(--space-xl);color:var(--text-inverse);background:var(--bg-secondary);max-width:960px;margin:0 auto}.project-video-wrapper{width:100%;background:#111;position:relative;cursor:pointer;overflow:hidden}.project-poster{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#111}.project-poster img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:3;transition:background .3s ease}.project-video-wrapper:hover .play-overlay{background:#00000080}.play-icon{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center}.play-icon:after{content:"";width:0;height:0;border-left:24px solid #000;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}.project-meta{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.project-title-line,.project-client-line{font-family:Inter,sans-serif;font-weight:400;font-size:16px;text-transform:uppercase;letter-spacing:.02em}.project-description{font-family:Inter,sans-serif;font-weight:var(--font-body);font-size:16px;line-height:1.5;color:var(--text-inverse);white-space:pre-line;margin-top:var(--space-xs)}@media(max-width:800px){.project-page{padding:64px 16px var(--space-xl)}.project-title-line,.project-client-line{font-size:14px}.project-description{font-size:15px}.play-icon{width:60px;height:60px}.play-icon:after{border-left-width:18px;border-top-width:10px;border-bottom-width:10px;margin-left:4px}}.stream-player-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.stream-video{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.stream-player-placeholder{width:100%;height:100%;background:#111;color:#999;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.stream-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .3s ease}.stream-player-wrapper:hover .stream-controls{opacity:1}.stream-play-btn,.stream-mute-btn{background:none;border:none;cursor:pointer;padding:4px;color:#fff;display:flex;align-items:center;justify-content:center}.stream-play-btn svg,.stream-mute-btn svg{width:20px;height:20px}.stream-play-btn:hover,.stream-mute-btn:hover{opacity:.8}.stream-progress-container{flex:1;cursor:pointer;padding:8px 0}.stream-progress-bar{height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.stream-progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .1s linear}.stream-progress-container:hover .stream-progress-bar{height:6px}.stream-time{font-family:Inter,sans-serif;font-size:12px;color:#fff;white-space:nowrap;min-width:80px;text-align:center}.stream-volume-container{display:flex;align-items:center;gap:8px}.stream-volume-slider{width:60px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer}.stream-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.stream-volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}@media(max-width:800px){.stream-controls{padding:8px 12px;gap:8px}.stream-play-btn svg,.stream-mute-btn svg{width:16px;height:16px}.stream-time{font-size:10px;min-width:60px}.stream-volume-slider{width:40px}}.imprint-page{max-width:960px;margin:0 auto;padding:80px 20px var(--space-xl);color:var(--text-inverse);background:var(--bg-secondary);font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:1.6}.imprint-page h1{font-family:Anton,sans-serif;font-weight:900;font-size:24px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-md)}.imprint-page h2{font-family:Anton,sans-serif;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:.02em;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.imprint-page h3{font-family:Inter,sans-serif;font-weight:600;font-size:16px;margin-top:var(--space-md);margin-bottom:var(--space-xs)}.imprint-page h4{font-family:Inter,sans-serif;font-weight:600;font-size:14px;margin-top:var(--space-sm);margin-bottom:8px}.imprint-page p{margin-bottom:var(--space-xs)}.imprint-page ul{margin-left:var(--space-sm);margin-bottom:var(--space-sm)}.imprint-page li{margin-bottom:8px}.imprint-page a{color:inherit;text-decoration:underline}.imprint-page a:hover{opacity:.7}.imprint-page em{font-style:italic}.imprint-page strong{font-weight:600}@media(max-width:800px){.imprint-page{padding:80px 16px var(--space-lg);font-size:13px;min-height:calc(100vh - 48px)}.imprint-page h1{font-size:20px}.imprint-page h2{font-size:16px}.imprint-page h3{font-size:14px}.imprint-page h4{font-size:13px}}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;font-family:Anton,sans-serif;font-weight:900;font-size:24px;letter-spacing:.01em;text-transform:uppercase;transition:background-color .3s ease,color .3s ease;box-sizing:border-box}.site-header-inner{max-width:960px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.site-header.transparent{background:transparent;color:var(--text-primary)}.site-header.solid{background:var(--bg-secondary);color:var(--text-inverse)}.site-brand,.site-contact{text-decoration:none;color:inherit}.site-contact{cursor:pointer}@media(max-width:800px){.site-header{font-size:18px}.site-header-inner{padding:8px 16px}}.page-shell{min-height:100vh;background:var(--bg-secondary);color:var(--text-inverse);display:flex;flex-direction:column}.container{padding-top:0;flex:1;display:flex;flex-direction:column}.container main{flex:1}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);max-width:960px;width:100%;margin-left:auto;margin-right:auto;padding:var(--space-md) 20px var(--space-lg);font-family:Anton,sans-serif;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#888;background:var(--bg-secondary)}.footer-location{font-weight:400;text-transform:none}.footer-links{display:flex;gap:var(--space-md);align-items:center}.site-footer a{text-decoration:none;color:inherit}@media(max-width:800px){.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) 16px var(--space-lg);position:static;max-width:none;width:100%;margin-left:auto;margin-right:auto}.footer-links{gap:var(--space-sm)}}