.header{background:#000;color:#fff;text-align:center;padding:4rem 2rem;position:relative}.header-content{max-width:1200px;margin:0 auto}.header-name{font-size:3.5rem;font-weight:300;letter-spacing:4px;margin-bottom:1rem;font-family:Helvetica Neue,Arial,sans-serif}.header-subtitle{font-size:1.2rem;font-weight:300;letter-spacing:2px;color:#ccc;text-transform:uppercase}@media (max-width: 768px){.header{padding:2rem 1rem}.header-name{font-size:2.5rem;letter-spacing:2px}.header-subtitle{font-size:1rem;letter-spacing:1px}}.navigation{background:#fafafa;border-bottom:1px solid #eee;padding:0;position:sticky;top:0;z-index:100}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;gap:0}.nav-link{display:block;padding:1.5rem 2rem;color:#666;text-decoration:none;font-weight:400;letter-spacing:1px;font-size:.9rem;transition:all .3s ease;border-bottom:3px solid transparent;text-transform:uppercase}.nav-link:hover{color:#333;background-color:#f0f0f0}.nav-link.active{color:#333;border-bottom-color:#333;background-color:#fff}@media (max-width: 768px){.nav-content{flex-wrap:wrap}.nav-link{padding:1rem 1.5rem;font-size:.8rem;flex:1;text-align:center}}.bio-page{padding:2rem;max-width:1000px;margin:0 auto}.section{margin-bottom:3rem}.hero-section{text-align:center;margin-bottom:4rem;padding:3rem 0}.bio-photo{margin-bottom:2rem}.profile-image{width:100%;max-width:450px;height:auto;border-radius:12px;box-shadow:0 8px 24px #00000026;transition:transform .3s ease,box-shadow .3s ease}.profile-image:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003}.bio-text{max-width:700px;margin:0 auto}.bio-intro{font-size:1.1rem;line-height:1.7;color:#444;text-align:center;margin:0;font-weight:300}.photo-placeholder{width:400px;height:500px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#666;margin:0 auto}h2{color:#333;border-bottom:2px solid #0066cc;padding-bottom:.5rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}.year-heading{color:#06c;font-size:1.2rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:.25rem}ul{list-style-type:none;padding:0}.year-list{margin-bottom:1.5rem}li{padding:.75rem 0;border-bottom:1px solid #f0f0f0;line-height:1.6}li:last-child{border-bottom:none}li strong{color:#333;font-weight:600}li em{color:#555;font-style:italic}@media (max-width: 768px){.bio-page{padding:1rem}.hero-section{padding:2rem 0;margin-bottom:3rem}.profile-image{max-width:350px}.bio-intro{font-size:1rem;line-height:1.6}.section{margin-bottom:2rem}h2{font-size:1.3rem}.year-heading{font-size:1.1rem}}@media (max-width: 480px){.profile-image{max-width:280px}.bio-intro{font-size:.95rem}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:minmax(120px,auto);gap:1.5rem;margin-top:1.5rem}.project-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.project-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.project-item.clickable{cursor:pointer;grid-row:span 2}.project-item:not(.clickable){min-height:120px;padding:1.25rem;justify-content:center;grid-row:span 1}.project-item.clickable{cursor:pointer}.project-image{width:100%;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-item:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-item:not(.clickable) .project-content{padding:0}.project-title{font-size:1.2rem;font-weight:600;color:#2c2c2c;margin-bottom:.5rem;line-height:1.3}.project-item.clickable .project-title{font-size:1.3rem}.project-details{font-size:.85rem;color:#666;margin-bottom:.75rem;font-style:italic;line-height:1.4}.project-item.clickable .project-details{font-size:.9rem;margin-bottom:1rem}.project-description{color:#444;line-height:1.6;margin-bottom:1.5rem;flex-grow:1;font-size:.95rem}.view-more{color:#06c;font-weight:500;font-size:.9rem;margin-top:auto;transition:color .3s ease}.project-item:hover .view-more{color:#0052a3}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;grid-auto-rows:minmax(100px,auto)}.project-image{height:160px}.project-content{padding:1.25rem}.project-item:not(.clickable){min-height:100px;padding:1rem}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr;gap:1rem}.project-item.clickable{grid-row:span 1}.project-image{height:140px}}.contact-content{display:flex;justify-content:center;margin-top:2rem}.contact-info{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 15px #00000014;max-width:500px;width:100%}.contact-info h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333;font-weight:400;text-align:center}.contact-info h4{font-size:1.2rem;margin:2rem 0 1rem;color:#444;font-weight:500}.contact-info p{margin-bottom:1rem;line-height:1.6}.contact-info a{color:#06c;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#0052a3;text-decoration:underline}.languages ul{list-style:none;padding:0}.languages li{padding:.5rem 0;border-bottom:1px solid #f0f0f0;margin-bottom:.5rem}.languages li:last-child{border-bottom:none}@media (max-width: 768px){.contact-info{padding:1.5rem;margin:0 1rem}}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.image-modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.modal-image-container{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}.modal-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080;animation:scaleIn .3s ease-in-out}.modal-caption{background-color:#000000b3;color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-top:1rem;max-width:500px;text-align:center}.modal-caption p{margin:0;line-height:1.4;font-size:.9rem}.modal-close{position:absolute;top:-20px;right:-20px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;color:#333}.modal-close:hover{background:#fff;transform:scale(1.1)}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;color:#333}.modal-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.modal-prev{left:-70px}.modal-next{right:-70px}.modal-indicators{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;gap:8px}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;border-color:#fff}.indicator:hover{border-color:#fff;background:#ffffffb3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.modal-close{top:10px;right:10px;width:35px;height:35px;font-size:20px}.modal-nav{width:40px;height:40px;font-size:20px}.modal-prev{left:10px}.modal-next{right:10px}.modal-image{max-height:75vh}.modal-caption{padding:.75rem 1rem;margin-top:.75rem;font-size:.8rem}.modal-indicators{bottom:-30px}.indicator{width:10px;height:10px}}@media (max-width: 480px){.modal-nav{display:none}.modal-image{max-height:70vh}}.project-detail{max-width:1200px;margin:0 auto;padding:2rem}.project-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.back-button{background:none;border:1px solid #ddd;padding:.5rem 1rem;border-radius:4px;cursor:pointer;color:#666;transition:all .3s ease;font-size:.9rem}.back-button:hover{background:#f5f5f5;border-color:#333;color:#333}.breadcrumbs{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}.breadcrumbs a{color:#666;text-decoration:none;transition:color .3s ease}.breadcrumbs a:hover{color:#333}.breadcrumbs span:not(:last-child){color:#999}.project-header{margin-bottom:3rem}.project-title{font-size:3rem;font-weight:300;color:#2c2c2c;margin-bottom:1rem;line-height:1.2}.project-author{font-size:1.2rem;color:#666;margin-bottom:.5rem;font-style:italic}.project-translation{font-size:1rem;color:#777;margin-bottom:.5rem}.project-context{font-size:.95rem;color:#888;margin-bottom:1rem;font-style:italic}.project-links{margin-top:1rem}.imdb-link{display:inline-block;background-color:#f5c518;color:#000;padding:.5rem 1rem;text-decoration:none;border-radius:4px;font-weight:700;transition:background-color .3s ease}.imdb-link:hover{background-color:#e6b800}.project-meta{display:flex;flex-wrap:wrap;gap:1.5rem;color:#666;font-size:1rem}.project-meta span{position:relative}.project-meta span:not(:last-child):after{content:"•";position:absolute;right:-.75rem;color:#ccc}.project-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.project-status.completed{background:#e8f5e8;color:#2d5a2d}.project-status.upcoming{background:#fff3cd;color:#856404}.project-content{display:flex;flex-direction:column;gap:3rem}.image-gallery h2,.project-description h2,.project-cast h2,.project-crew h2,.project-awards h2,.project-festivals h2,.project-support h2{font-size:1.5rem;font-weight:400;color:#333;margin-bottom:1.5rem;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.gallery-item{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative}.gallery-image{width:100%;height:250px;object-fit:cover;display:block}.clickable-image{cursor:pointer;transition:transform .3s ease,opacity .3s ease}.clickable-image:hover{transform:scale(1.02);opacity:.9}.gallery-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.gallery-item:hover .clickable-image{transform:scale(1.05)}.gallery-item:before{content:"🔍";position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:.5rem;border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:2;font-size:.8rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.gallery-item:hover:before{opacity:1}.image-placeholder{width:100%;height:250px;background:#f8f8f8;border:2px dashed #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;color:#999;font-style:italic;padding:1rem;text-align:center;transition:all .3s ease}.image-placeholder:hover{background:#f0f0f0;border-color:#ccc}.image-info{padding:1rem;background:#fff}.image-caption{color:#666;font-size:.9rem;margin:0;line-height:1.4}.description-content{line-height:1.8;color:#444;font-size:1.1rem}.description-content p{margin-bottom:1.5rem}.project-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:2rem}.cast-list,.crew-list,.awards-list,.festivals-list,.support-list{list-style:none;padding:0}.cast-member,.crew-member{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0;transition:background-color .3s ease}.cast-member:hover,.crew-member:hover{background-color:#fafafa;margin:0 -1rem;padding:.75rem 1rem;border-radius:4px}.role,.crew-role{font-weight:500;color:#333}.actor,.crew-name{color:#666}.award-item,.festival-item,.support-item{padding:.75rem 0;border-bottom:1px solid #f0f0f0;color:#444;line-height:1.6}.award-item:last-child,.festival-item:last-child,.support-item:last-child,.cast-member:last-child,.crew-member:last-child{border-bottom:none}.project-not-found{text-align:center;padding:4rem 2rem}.project-not-found h1{font-size:2rem;color:#333;margin-bottom:1rem}.back-link{display:inline-block;margin-top:2rem;color:#666;text-decoration:none;border:1px solid #ddd;padding:.75rem 1.5rem;border-radius:4px;transition:all .3s ease}.back-link:hover{background:#f5f5f5;border-color:#333;color:#333}@media (max-width: 768px){.project-detail{padding:1rem}.project-nav{flex-direction:column;gap:1rem;align-items:flex-start}.project-title{font-size:2rem}.project-meta{flex-direction:column;gap:.5rem}.project-meta span:after{display:none}.gallery-grid{grid-template-columns:1fr}.project-details-grid{grid-template-columns:1fr;gap:2rem}.cast-member,.crew-member{flex-direction:column;align-items:flex-start;gap:.25rem}}.footer{background:#f5f5f5;border-top:1px solid #e0e0e0;text-align:center;padding:2rem 1rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto}.footer p{color:#666;font-size:.9rem;margin:0;letter-spacing:.5px}.app{min-height:100vh}.section{margin-bottom:3rem;animation:fadeIn .6s ease-in}.section h2{font-size:2rem;margin-bottom:1.5rem;color:#2c2c2c;font-weight:300;letter-spacing:.5px}.section ul{list-style:none;padding:0}.section li{margin-bottom:1rem;padding:.8rem 0;border-bottom:1px solid #eee;line-height:1.8;transition:all .3s ease}.section li:hover{background-color:#f8f8f8;padding-left:1rem}.section li:last-child{border-bottom:none}.project-item{margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.project-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.project-title{font-weight:600;color:#2c2c2c;margin-bottom:.5rem}.project-details{color:#666;font-size:.95rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.section h2{font-size:1.5rem}.project-item{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}@media (max-width: 768px){.main-content{padding:1rem}}