.navbar{background-color:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0}.navbar-logo{font-size:1.15rem;font-weight:600;color:#333}.nav-links{display:flex;list-style:none;gap:1.8rem;flex-wrap:wrap;justify-content:flex-end}.nav-links a{font-size:.92rem;color:#666;font-weight:500;transition:color .3s ease}.nav-links a:hover,.nav-links a.active{color:#333}@media (max-width: 768px){.navbar-content{align-items:flex-start;gap:1rem}.nav-links{gap:.8rem 1.2rem}}.hero{min-height:100vh;background-color:#f8f7f3;display:flex;align-items:center;justify-content:center;padding:4rem 0}.hero-content{max-width:680px;margin:0 auto;text-align:center}.hero-kicker{margin-bottom:1.1rem;color:#999;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.hero-name{font-size:4.2rem;font-weight:600;margin-bottom:.8rem;line-height:1.08}.hero-title{font-size:1.2rem;color:#777;margin-bottom:1.6rem;font-weight:400}.hero-description{max-width:560px;margin:0 auto 2.3rem;font-size:1rem;color:#666;line-height:1.8}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:1.4rem}.hero-cta{display:inline-block;padding:.78rem 2rem;background-color:#333;color:#fff;font-size:.95rem;font-weight:500;border-radius:4px;transition:background-color .3s ease}.hero-cta:hover{background-color:#555;color:#fff}.hero-secondary-links{display:flex;justify-content:center;gap:1.4rem}.hero-secondary-links a{color:#777;font-size:.92rem}.hero-secondary-links a:hover{color:#333}@media (max-width: 768px){.hero{padding:3rem 0}.hero-name{font-size:2.7rem}.hero-title{font-size:1.05rem}.hero-description{font-size:.95rem}}.works{background-color:#fff;padding:4rem 0}.section-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:3rem;letter-spacing:-.5px}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;align-items:stretch}.work-item{background-color:#f8f7f3;border-radius:4px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.work-card-link{display:flex;flex:1;flex-direction:column}.work-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014}.work-image{position:relative;width:100%;height:250px;overflow:hidden;background-color:#eee}.work-image img,.work-video{width:100%;height:100%;object-fit:cover}.work-image img{transition:transform .3s ease}.work-video{display:block;background-color:#111}.work-item:hover .work-image img{transform:scale(1.05)}.work-image-placeholder{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:1rem;background-color:#e8e4dc;color:#777;text-align:center;font-size:.9rem}.media-badge{position:absolute;top:.8rem;right:.8rem;padding:.3rem .55rem;background-color:#333333db;color:#fff;border-radius:4px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.media-badge-placeholder{top:auto;bottom:.8rem}.work-info{padding:1.2rem;flex:1}.work-info h3{font-size:1rem;margin-bottom:.5rem;font-weight:600}.work-info p{font-size:.85rem;color:#999;line-height:1.6}.work-meta{color:#666;margin-bottom:.4rem}.works-actions{display:flex;justify-content:center;margin-top:2.5rem}.works-toggle{display:inline-block;padding:.75rem 1.8rem;background-color:transparent;color:#333;border:1px solid #333;border-radius:4px;font-size:.95rem;font-weight:500;transition:background-color .3s ease,color .3s ease}.works-toggle:hover{background-color:#333;color:#fff}@media (max-width: 768px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.work-image{height:200px}.section-title{font-size:1.5rem;margin-bottom:2rem}}@media (max-width: 520px){.works-grid{grid-template-columns:1fr}.work-image{height:240px}.works-toggle{width:100%;text-align:center}}.all-works-page{background-color:#fff;min-height:100vh}.all-works-hero{background-color:#f8f7f3;padding:4rem 0 3rem;text-align:center}.back-link{display:inline-block;margin-bottom:1.5rem;color:#666;font-size:.95rem}.back-link:hover{color:#333}.all-works-hero h1{font-size:2.6rem;line-height:1.2;margin-bottom:1rem}.all-works-hero p{max-width:620px;margin:0 auto;color:#666;line-height:1.8}.all-works-section{padding-top:3rem}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem}.category-filters button{padding:.55rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#666;font-size:.9rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.category-filters button:hover,.category-filters button.active{border-color:#333;background-color:#333;color:#fff}@media (max-width: 768px){.all-works-hero{padding:3rem 0 2rem}.all-works-hero h1{font-size:2rem}.category-filters{justify-content:flex-start;gap:.6rem}}.vimeo-embed{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#111}.vimeo-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.vimeo-placeholder{position:relative;display:grid;min-height:360px;place-items:center;overflow:hidden;background-color:#eee;color:#fff;text-align:center}.vimeo-placeholder img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vimeo-placeholder:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:#00000047}.vimeo-placeholder p{position:relative;z-index:1;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase}@media (max-width: 768px){.vimeo-placeholder{min-height:240px}}.work-detail-page{min-height:100vh;background-color:#fff;padding:3rem 0 5rem}.work-detail-container{max-width:980px}.work-detail-header{margin:2.4rem 0 2.2rem}.work-detail-header h1{font-size:2.4rem;font-weight:600;line-height:1.18;margin-bottom:.9rem}.work-detail-meta,.work-detail-medium{color:#666;line-height:1.7}.work-detail-section{max-width:760px;margin-top:2.6rem}.work-detail-section h2{font-size:1rem;margin-bottom:.9rem;font-weight:600}.work-detail-section p,.work-detail-section li{color:#666;line-height:1.8}.work-detail-section ul{list-style:none}.stills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.stills-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background-color:#eee}.work-not-found{padding:5rem 0;text-align:center}.work-not-found h1{margin-bottom:1rem}@media (max-width: 768px){.work-detail-page{padding-top:2rem}.work-detail-header h1{font-size:1.9rem}}.about{background-color:#f8f7f3;padding:4rem 0}.about-content{max-width:700px;margin:0 auto}.about-text h2{font-size:1.3rem;margin-top:2rem;margin-bottom:1rem;font-weight:600}.about-text h2:first-child{margin-top:0}.about-text p{font-size:1rem;color:#666;line-height:1.8;margin-bottom:1.5rem}.skills-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.skills-list li{background-color:#fff;border-radius:4px;font-size:.95rem;color:#333;border-left:3px solid #333;padding:.8rem .8rem .8rem 1rem}@media (max-width: 768px){.about-text h2{font-size:1.1rem}.about-text p{font-size:.95rem}.skills-list{grid-template-columns:1fr}}.content-page{min-height:100vh;background-color:#fff;padding-top:3rem}.content-page .back-link{display:inline-block;color:#666;font-size:.95rem}.content-page .back-link:hover{color:#333}.content-page .about,.content-page .contact{padding-top:2rem}@media (max-width: 768px){.content-page{padding-top:2rem}}.contact{background-color:#fff;padding:4rem 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:900px;margin:0 auto}.contact-content-simple{align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-item h2{font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.info-item p{font-size:.95rem;color:#666;line-height:1.8}.info-item a{color:#333;font-weight:500}.social-links{display:flex;flex-wrap:wrap;gap:.6rem 1rem}.contact-note{font-size:1rem;color:#666;line-height:1.8;margin:0}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;font-family:inherit;color:#333;transition:border-color .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#333}.submit-btn{padding:.75rem 1.5rem;background-color:#333;color:#fff;font-size:.95rem;font-weight:500;border-radius:4px;transition:background-color .3s ease;align-self:flex-start}.submit-btn:hover{background-color:#555}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:2rem}.submit-btn{align-self:stretch}}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:#666}button{cursor:pointer;border:none;font-size:inherit;font-family:inherit}img{max-width:100%;height:auto;display:block}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f7f3;color:#333}html{scroll-behavior:smooth}
