@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Oswald:wght@300;400;500;700&display=swap";:root{--color-bg: #0a0a0a;--color-surface: #1a1a1a;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-accent: #ccff00;--color-accent-dim: rgba(204, 255, 0, .1);--font-primary: "Montserrat", system-ui, -apple-system, sans-serif;--font-display: "Oswald", system-ui, sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--transition-fast: .2s ease;--transition-standard: .4s cubic-bezier(.2, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;overscroll-behavior-y:none;min-height:100vh}a{color:inherit;text-decoration:none}ul{list-style:none}img,video{max-width:100%;display:block}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}.top-nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);pointer-events:auto}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-primary);text-transform:uppercase}.nav-links{display:flex;gap:var(--spacing-lg)}.nav-link-btn{background:transparent;border:none;color:var(--color-text-secondary);font-family:var(--font-primary);text-transform:uppercase;font-size:.9rem;letter-spacing:.1em;cursor:pointer;transition:color var(--transition-fast)}.nav-link-btn:hover,.nav-link-btn.active{color:var(--color-text-primary)}.nav-link-btn.active{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-accent)}.lang-switch{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-md);padding-left:var(--spacing-md);border-left:1px solid rgba(255,255,255,.2)}.lang-btn{background:transparent;border:none;color:var(--color-text-secondary);font-family:var(--font-display);font-size:.9rem;font-weight:700;cursor:pointer;padding:0;transition:color var(--transition-fast)}.lang-btn:hover,.lang-btn.active{color:var(--color-text-primary)}.lang-switch .separator{color:var(--color-text-secondary);font-size:.8rem;opacity:.5}.btn-photo-video .mobile-text{display:none}@media(max-width:950px){.top-nav .btn-home{display:none!important}.btn-photo-video .desktop-text{display:none}.btn-photo-video .mobile-text{display:inline}.nav-links{gap:var(--spacing-sm)}}.project-view{position:fixed;top:0;left:0;width:100%;height:100%;padding:0;background-color:#181818!important;z-index:200;overflow-y:auto}.project-nav-top{position:sticky;top:0;left:0;width:100%;padding:var(--spacing-md);background:transparent;z-index:201;pointer-events:none}.project-nav-top .back-link{background:transparent;border:none;color:var(--color-accent);font-family:var(--font-display);font-size:.9rem;font-weight:500;letter-spacing:.1em;cursor:pointer;pointer-events:auto;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .2s ease}.project-nav-top .back-link:hover{transform:translateY(-1px);text-decoration:underline;text-underline-offset:4px}.project-header{padding:0 var(--spacing-md) 2rem var(--spacing-md);text-align:center;max-width:800px;margin:0 auto}@media(min-width:1024px){.project-header{max-width:1200px}}#project-title{font-size:2.4rem;line-height:1.1;margin-bottom:.5rem}.project-meta{color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:.05em;font-size:.9rem;margin-bottom:1.5rem;text-transform:uppercase}.project-description{font-size:1.1rem;line-height:1.6;color:#ddd}.project-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md) 4rem var(--spacing-md);display:flex;flex-direction:column;gap:4rem}.masonry-grid{display:block;column-count:2;column-gap:var(--spacing-md)}.masonry-grid>div{break-inside:avoid;margin-bottom:var(--spacing-md)}@media(min-width:1024px){.masonry-grid{column-count:3}}.project-block-row{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}@media(min-width:768px){.project-block-row{flex-direction:row;align-items:stretch}.project-block-row>div{display:flex}.project-block-row .project-block-image{display:flex;flex-direction:column;height:100%;width:100%}.project-block-row .project-block-image img{height:100%;object-fit:cover}}.project-block-image{width:100%}.project-block-image img{width:100%;height:auto;display:block;border-radius:4px}.project-block-image .caption{display:block;margin-top:.5rem;font-size:.85rem;color:#666;text-align:center;font-style:italic}.project-block-text{max-width:700px;margin:0 auto;font-size:1rem;line-height:1.7;color:#ccc;text-align:left}.project-block-video{width:100%;background:#000;border-radius:4px;overflow:hidden}.project-block-video video{width:100%;height:auto;display:block}.vertical-video,.landscape-video{max-width:100%}@media(min-width:768px){.vertical-video{max-width:33%;margin:0 auto}.landscape-video{max-width:66%;margin:0 auto}}@media(max-width:768px){#project-title{font-size:2rem}}.hub-container{display:flex;height:100dvh;width:100vw;overflow:hidden;position:relative;transition:opacity .4s ease}.hub-section{flex:1;position:relative;display:flex;align-items:center;justify-content:center;transition:flex var(--transition-standard);border-right:1px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;container-type:inline-size}.hub-section:last-child{border-right:none}@media(hover:hover){.hub-section:hover{flex:2}}.section-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s ease;z-index:1}.section-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at center,#1f2a3659,#000000b3)}.section-photo-video .section-overlay{background:radial-gradient(circle at center,#2a1f1f59,#000000b3)}.section-dit .section-bg{background:url(/dit-bg.jpg);background-size:cover;background-position:center;z-index:0}.section-slideshow{position:absolute;inset:0;z-index:1;pointer-events:none}.section-slideshow div{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease}.section-dit:hover .section-slideshow div{animation:slideCrossfadeZoom 9s infinite}.section-dit:hover .section-slideshow div:nth-child(1){animation-delay:0s}.section-dit:hover .section-slideshow div:nth-child(2){animation-delay:1.8s}.section-dit:hover .section-slideshow div:nth-child(3){animation-delay:3.6s}.section-dit:hover .section-slideshow div:nth-child(4){animation-delay:5.4s}.section-dit:hover .section-slideshow div:nth-child(5){animation-delay:7.2s}@keyframes slideCrossfadeZoom{0%{opacity:0;transform:scale(1)}10%{opacity:1}25%{opacity:1}40%{opacity:0}to{opacity:0;transform:scale(1.1)}}.section-photo-video .section-bg{background:url(/Foto_Video_bg.jpg);background-size:cover;background-position:center;z-index:0}.section-photo-video:hover .section-slideshow-fast div{animation:slideCrossfade7 6.3s infinite}@keyframes slideCrossfade7{0%{opacity:0;transform:scale(1)}7.14%{opacity:1}21.43%{opacity:1}28.57%{opacity:0}to{opacity:0;transform:scale(1.05)}}.section-photo-video:hover .section-slideshow-fast div:nth-child(1){animation-delay:0s}.section-photo-video:hover .section-slideshow-fast div:nth-child(2){animation-delay:.9s}.section-photo-video:hover .section-slideshow-fast div:nth-child(3){animation-delay:1.8s}.section-photo-video:hover .section-slideshow-fast div:nth-child(4){animation-delay:2.7s}.section-photo-video:hover .section-slideshow-fast div:nth-child(5){animation-delay:3.6s}.section-photo-video:hover .section-slideshow-fast div:nth-child(6){animation-delay:4.5s}.section-photo-video:hover .section-slideshow-fast div:nth-child(7){animation-delay:5.4s}@media(hover:hover){.hub-section:hover .section-bg{transform:scale(1.05)}}.section-content{position:relative;z-index:3;text-align:center;opacity:.6;transition:opacity var(--transition-fast),transform var(--transition-standard);transform:translateY(20px);display:flex;flex-direction:column;align-items:center;gap:1rem}@media(hover:hover){.hub-section:hover .section-content{opacity:1;transform:translateY(0)}}.section-content h2{font-family:var(--font-display);font-size:clamp(1.5rem,10cqi,3.5rem);text-transform:uppercase;margin:0;width:100%;overflow-wrap:break-word;line-height:1}.section-content p{margin:0;font-family:var(--font-primary);opacity:.8;line-height:1.2}.hub-footer{position:absolute;bottom:var(--spacing-md);left:0;width:100%;text-align:center;z-index:100;pointer-events:auto;font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.hub-footer .separator{margin:0 var(--spacing-sm);opacity:.3}.footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--color-text-primary)}#full-views{position:absolute;inset:0;z-index:20;pointer-events:none;padding-top:0}#full-views .full-view,#full-views .back-btn{pointer-events:auto}.full-view{position:absolute;inset:0;background-color:var(--color-bg);padding:0 var(--spacing-lg) 150px;overflow-y:auto;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.back-btn{display:none}.view-header{position:sticky;top:0;background-color:var(--color-bg);z-index:20;padding-top:50px;margin-top:0}.view-header h1{font-family:var(--font-display);font-size:4rem;font-weight:300;color:var(--color-text-primary);margin-top:0;margin-bottom:var(--spacing-md);text-align:center;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--spacing-md)}#view-dit .view-header h1{margin-bottom:0;padding-bottom:var(--spacing-sm);border-bottom:none}.filter-nav{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap}.filter-btn{background:transparent;border:none;color:var(--color-text-secondary);font-family:var(--font-display);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:.5rem 0;position:relative;transition:color .3s ease}.filter-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.filter-btn:hover,.filter-btn.active{color:var(--color-text-primary)}.filter-btn.active:after{transform:scaleX(1);transform-origin:left}.gallery-item.filtered-out{opacity:.1;transform:scale(.95);pointer-events:none;display:none}.gallery-grid{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:1400px;margin:0 auto}.gallery-col{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}@media(max-width:767px){.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.gallery-col{display:contents}.gallery-item[data-orientation=landscape]{grid-column:span 2}.gallery-item[data-orientation=vertical]{grid-column:span 1}}@media(min-width:768px){.gallery-grid{flex-direction:row;align-items:flex-start}.col-sidebar{width:auto;flex:1}.col-main{width:auto;flex:2}.gallery-grid.equal-cols .gallery-col{flex:1}}.gallery-item{background-color:#222;border-radius:4px;transition:box-shadow .3s ease,border-color .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;width:100%}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.gallery-item:hover{z-index:10;box-shadow:0 10px 30px #00000080;border-color:var(--color-accent)}.gallery-item:hover img{transform:scale(1.1)}.item-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .3s ease;border-radius:4px;pointer-events:none}.gallery-item:hover .item-overlay{opacity:1}.gallery-item.item-5{aspect-ratio:16/9}.gallery-item.item-3,.gallery-item.item-4,.gallery-item.item-6{aspect-ratio:9/16}.dit-intro-container{width:90%;max-width:900px;margin:0 auto 3rem}.dit-content{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);max-width:1275px;margin:0 auto;justify-content:center}.dit-panel{flex:1;min-width:300px;background:#ffffff0d;padding:var(--spacing-lg);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.dit-panel h3{color:var(--color-accent);margin-bottom:var(--spacing-md);font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;letter-spacing:.15em}.tech-list,.credits-list{color:var(--color-text-secondary);font-size:.85rem}.tech-list li,.credits-list li{margin-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--spacing-sm)}.video-hero{width:100%;height:60vh;background:#111;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl);border-radius:8px;border:1px solid #333;color:#555;font-family:var(--font-display);font-size:2rem;text-transform:uppercase}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md);max-width:1200px;margin:0 auto}.video-thumb{background:#222;aspect-ratio:16/9;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#555;cursor:pointer;transition:color .2s ease,background .2s ease;border:1px solid rgba(255,255,255,.05)}.video-thumb:hover{color:var(--color-accent);background:#333;border-color:var(--color-accent)}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal:not(.visually-hidden){opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;z-index:1001;width:90%;max-width:1000px;background:#000;border:1px solid #333;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #00000080;transform:scale(.95);transition:transform .3s cubic-bezier(.2,0,.2,1)}.modal:not(.visually-hidden) .modal-content{transform:scale(1)}.modal-close{position:absolute;top:10px;right:15px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1002;line-height:1}.modal-close:hover{color:var(--color-accent)}.video-container{aspect-ratio:16/9;width:100%;background:#111;display:flex;align-items:center;justify-content:center}.video-placeholder-content{color:#555;font-family:var(--font-display);letter-spacing:.1em}@media(max-width:768px){.hub-container{flex-direction:column;padding-top:78px;overscroll-behavior:none;touch-action:none}.hub-section{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.hub-section:last-child{border-bottom:none}.top-nav{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;background:#000000f2}.nav-links{gap:var(--spacing-md);margin-top:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.lang-switch{margin-left:0;padding-left:0;border-left:none;margin-top:0;width:auto;justify-content:flex-end;position:absolute;top:1.25rem;right:1.25rem}.nav-link-btn{font-size:.8rem}.section-content h2{font-size:2rem}.full-view{padding:var(--spacing-md);padding-top:90px;top:0}#view-photo-video.full-view{padding-top:0}.view-header h1{display:none}.view-header{border-bottom:none;padding-bottom:0;padding-top:0;position:static;box-shadow:none;background-color:transparent}#view-photo-video .view-header{position:sticky;top:0;background-color:var(--color-bg);z-index:90;margin-top:0;padding-top:calc(var(--nav-height, 130px) + 8px)}.filter-nav{margin-top:0;padding-bottom:.5rem;margin-bottom:0}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.gallery-col{display:contents}.gallery-item{aspect-ratio:auto}.gallery-item[data-orientation=landscape]{grid-column:span 2}.gallery-item[data-orientation=vertical]{grid-column:span 1}.section-content{opacity:1;transform:translateY(0)}}.play-hint{font-size:.8rem;margin-top:1rem;opacity:.7;font-family:var(--font-primary)}.video-placeholder{text-align:center}.video-thumb span{z-index:2;position:relative;font-family:var(--font-display);letter-spacing:.05em}.noise-overlay{position:fixed;inset:0;z-index:9000;opacity:.03;pointer-events:none;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url('%23noiseFilter')"/%3E%3C/svg%3E')}:root{--transition-cinematic: .8s cubic-bezier(.19, 1, .22, 1)}.hub-section{transition:flex var(--transition-cinematic)}.section-bg{transition:transform 1.2s cubic-bezier(.19,1,.22,1)}.full-view{transition:opacity .6s ease,transform .6s cubic-bezier(.19,1,.22,1)}.gallery-item,.video-thumb,.dit-panel{opacity:0;animation:fadeUp .6s cubic-bezier(.19,1,.22,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gallery-item:nth-child(1){animation-delay:.1s}.gallery-item:nth-child(2){animation-delay:.2s}.gallery-item:nth-child(3){animation-delay:.3s}.gallery-item:nth-child(4){animation-delay:.4s}.gallery-item:nth-child(5){animation-delay:.5s}.gallery-item:nth-child(6){animation-delay:.6s}.video-thumb:nth-child(1){animation-delay:.1s}.video-thumb:nth-child(2){animation-delay:.2s}.video-thumb:nth-child(3){animation-delay:.3s}.video-thumb:nth-child(4){animation-delay:.4s}.imprint-container{max-width:600px;margin:0 auto;color:var(--color-text-secondary);line-height:1.6;text-align:center;font-size:.75rem}.imprint-container h2{font-size:.9rem;margin-top:1.5rem!important;margin-bottom:.5rem;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-primary)}#view-imprint .view-header h1{font-size:2rem}.pv-intro p{font-size:1.1rem;line-height:1.6;opacity:.8}