:root{--film-black:#1a1814;--film-dark:#2d2a24;--film-warm:#3d3830;--film-sepia:#8b7355;--film-cream:#f4efe4;--film-paper:#faf8f3;--film-highlight:#fff9ed;--kodak-orange:#c4622d;--kodak-yellow:#d4a84b;--fuji-green:#4a6741;--grain-opacity:.03}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.4s}::view-transition-new(root){animation-duration:.4s}*{box-sizing:border-box;margin:0;padding:0}html:before{content:"";pointer-events:none;z-index:9999;width:100%;height:100%;opacity:var(--grain-opacity);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;top:0;left:0}body{background:var(--film-paper);color:var(--film-dark);font-family:Cormorant Garamond,Georgia,serif;line-height:1.7;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 1.5rem calc(1.5rem + 3vw)}nav{z-index:100;background:linear-gradient(to bottom,var(--film-paper)0%,transparent 100%);-webkit-backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:1.5rem calc(1.5rem + 3vw);display:flex;position:fixed;top:0;left:0;right:0}.logo{color:var(--film-black);letter-spacing:.2em;border:1px solid var(--film-black);padding:.5rem .75rem;font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.logo:hover{background:var(--film-black);color:var(--film-cream)}.nav-links{gap:3rem;list-style:none;display:flex}.nav-links a{color:var(--film-warm);letter-spacing:.15em;text-transform:uppercase;padding:.25rem 0;font-family:Space Mono,monospace;font-size:.7rem;text-decoration:none;position:relative}.nav-links a:before{content:"→";opacity:0;transition:all .3s;position:absolute;left:-1.5rem;transform:translate(-10px)}.nav-links a:hover:before{opacity:1;transform:translate(0)}.hero{align-items:center;min-height:100vh;padding-top:8rem;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(135deg,var(--kodak-yellow)0%,transparent 70%);opacity:.08;pointer-events:none;border-radius:0 0 0 100%;width:40vw;height:60vh;position:absolute;top:20%;right:-5%}.hero-content{z-index:1;position:relative}.hero-content h1{color:var(--film-black);letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(3rem,10vw,8rem);font-weight:400;line-height:1}.hero-content h1 span{color:var(--kodak-orange);font-style:italic;display:inline-block;position:relative}.hero-content h1 span:after{content:"";background:var(--kodak-orange);transform-origin:100%;width:100%;height:2px;transition:transform .6s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:.1em;left:0;transform:scaleX(0)}.hero-content:hover h1 span:after{transform-origin:0;transform:scaleX(1)}.subtitle{color:var(--film-sepia);letter-spacing:.3em;text-transform:uppercase;margin-left:.5rem;font-family:Space Mono,monospace;font-size:.8rem}.section{padding:8rem 0;position:relative}.section-header{align-items:baseline;gap:2rem;margin-bottom:5rem;display:flex}.section-header h2{color:var(--film-black);font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,6vw,4rem);font-style:italic;font-weight:400}.section-header .line{background:linear-gradient(to right,var(--film-sepia)0%,transparent 100%);flex:1;height:1px}.projects-list{gap:6rem;display:grid;container-type:inline-size}.project-item{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid;position:relative;container-type:inline-size}.project-item:nth-child(odd){padding-left:5%}.project-item:nth-child(2n){grid-template-columns:1fr 1fr;padding-right:5%}.project-item:nth-child(2n) .project-media{order:2}.project-item:nth-child(2n) .project-info{text-align:right;order:1}.project-item:nth-child(2n) .project-tags,.project-item:nth-child(2n) .project-links{justify-content:flex-end}.project-item:nth-child(3n+1){transform:translateY(0)}.project-item:nth-child(3n+2){transform:translateY(2rem)}.project-item:nth-child(3n){transform:translateY(-1rem)}.project-media{background:var(--film-dark);position:relative;overflow:hidden}.project-media:before{content:"";border:12px solid var(--film-cream);z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 30px #0000004d,0 20px 60px -20px #0006}.project-media:after{content:"";z-index:3;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(135deg,#c4622d1a 0%,#0000 50%,#4a67410d 100%);position:absolute;inset:12px}.project-media video,.project-media img{object-fit:cover;filter:saturate(.9)contrast(1.05);width:100%;height:320px;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.project-item:hover .project-media video,.project-item:hover .project-media img{filter:saturate()contrast(1.1)}.project-media.contain video{object-fit:contain;background:var(--film-warm)}.project-info{padding:2rem 0}.project-type{letter-spacing:.25em;text-transform:uppercase;color:var(--kodak-orange);align-items:center;gap:.75rem;margin-bottom:1rem;font-family:Space Mono,monospace;font-size:.65rem;display:inline-flex}.project-type:before{content:"";background:var(--kodak-orange);width:2rem;height:1px}.project-item:nth-child(2n) .project-type:before{order:2}.project-title{color:var(--film-black);margin-bottom:1.25rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2}.project-description{color:var(--film-warm);max-width:45ch;margin-bottom:2rem;font-size:1.05rem}.project-item:nth-child(2n) .project-description{margin-left:auto}.project-tags{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.tag{color:var(--film-sepia);border:1px solid var(--film-sepia);padding:.4rem .9rem;font-family:Space Mono,monospace;font-size:.7rem;transition:all .3s;position:relative}.tag:before{content:"";background:var(--film-sepia);transform-origin:0;z-index:-1;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.tag:hover{color:var(--film-cream)}.tag:hover:before{transform:scaleX(1)}.project-links{gap:1.5rem;display:flex}.project-link{color:var(--film-black);letter-spacing:.1em;align-items:center;gap:.5rem;padding:.6rem 0;font-family:Space Mono,monospace;font-size:.75rem;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.project-link:after{content:"";background:var(--film-black);transform-origin:0;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(.3)}.project-link:hover{color:var(--kodak-orange)}.project-link:hover:after{background:var(--kodak-orange);transform:scaleX(1)}#kontakt{padding-bottom:6rem;position:relative}#kontakt:before{content:"";background:var(--film-sepia);opacity:.3;height:1px;position:absolute;bottom:0;left:-3vw;right:-3vw}.contact-simple{grid-template-columns:repeat(2,1fr);gap:1.5rem 4rem;max-width:600px;display:grid}.contact-simple p{color:var(--film-warm);flex-direction:column;gap:.25rem;font-size:1rem;display:flex}.contact-simple strong{letter-spacing:.2em;text-transform:uppercase;color:var(--film-sepia);font-family:Space Mono,monospace;font-size:.65rem;font-weight:400}.contact-simple a{color:var(--film-black);font-family:Cormorant Garamond,serif;font-size:1.15rem;text-decoration:none;transition:color .3s}.contact-simple a:hover{color:var(--kodak-orange)}@container (max-width:700px){.project-item,.project-item:nth-child(2n){grid-template-columns:1fr;gap:2rem;padding-left:0;padding-right:0}.project-item:nth-child(2n) .project-media,.project-item:nth-child(2n) .project-info{order:unset}.project-item:nth-child(2n) .project-info{text-align:left}.project-item:nth-child(2n) .project-tags,.project-item:nth-child(2n) .project-links,.project-item:nth-child(2n) .project-description{justify-content:flex-start;margin-left:0}.project-item:nth-child(2n) .project-type:before{order:unset}}@media (max-width:900px){.container{padding-left:1.5rem}nav{padding:1rem 1.5rem}.hero-content h1{font-size:clamp(2.5rem,12vw,5rem)}.section{padding:5rem 0}.section-header{margin-bottom:3rem}.projects-list{gap:4rem}.project-item:nth-child(3n+1),.project-item:nth-child(3n+2),.project-item:nth-child(3n){transform:none}.contact-simple{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:600px){.nav-links{gap:1.5rem}.nav-links a{font-size:.65rem}.nav-links a:before{display:none}.project-media video,.project-media img{height:240px}.project-media:before{border-width:8px}}@supports (animation-timeline:scroll()){.hero-content h1{animation:linear both parallax-hero;animation-timeline:scroll();animation-range:0 50vh}@keyframes parallax-hero{0%{opacity:1;transform:translateY(0)}to{opacity:.7;transform:translateY(-30px)}}.project-media{animation:linear both parallax-media;animation-timeline:view();animation-range:entry cover 50%}@keyframes parallax-media{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}}html{scroll-behavior:smooth}::selection{background:var(--kodak-orange);color:var(--film-cream)}a:focus-visible,button:focus-visible{outline:2px solid var(--kodak-orange);outline-offset:4px}