:root{--bg-color: #0c0c0c;--text-color: #f4f4f4;--accent-color: #94a3b8;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--spacing-container: 1200px;--spacing-section: 8rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2}.section{padding-bottom:var(--spacing-section)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}.slide-up{opacity:0;animation:slideUp .8s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}html{scroll-behavior:smooth}.navbar{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;padding-bottom:2.5rem}.navbar-brand{font-size:1.1rem;font-weight:500;color:var(--text-color);letter-spacing:-.01em}.navbar-links{display:flex;align-items:center;gap:2.5rem}.navbar-links a{font-size:.9rem;color:var(--text-color);opacity:.7;transition:opacity .3s ease}.navbar-links a:hover{opacity:1}.navbar-cta{opacity:1!important;font-weight:500;border-bottom:1px solid transparent}.navbar-cta:hover{border-bottom-color:var(--text-color)}.hero{min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:4rem;position:relative;overflow:hidden}@media(min-width:1024px){.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}}.hero-content{z-index:2}.hero-headline{font-size:5rem;font-weight:500;line-height:1.05;margin-bottom:2.5rem;letter-spacing:-.03em;color:var(--text-color)}.hero-subhead{font-size:1.35rem;color:var(--text-color);opacity:.7;max-width:580px;margin-bottom:3.5rem;line-height:1.5;font-weight:400}.hero-cta{display:inline-block;padding:1.1rem 2.8rem;background-color:var(--text-color);color:var(--bg-color);font-weight:500;font-size:1rem;border-radius:999px;transition:transform .2s,background-color .2s}.hero-cta:hover{transform:translateY(-2px);background-color:#fff}.hero-image-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:.9;mix-blend-mode:lighten}.hero-image{max-width:100%;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 20px 40px #0003;transition:transform .5s ease-out}.hero:hover .hero-image{transform:scale(1.02)}@media(max-width:768px){.hero-headline{font-size:3rem}.hero-subhead{font-size:1.1rem}.hero-image-container{margin-top:3rem;opacity:.8}}.section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:5rem;opacity:.5;font-weight:500}.work-list{display:flex;flex-direction:column;gap:10rem}.work-item{display:flex;flex-direction:column;gap:2.5rem}.work-image-container{width:100%;aspect-ratio:16/9;overflow:hidden;background-color:#1a1a1a;border-radius:2px}.work-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1),filter .6s ease;filter:grayscale(10%) contrast(1.1)}.work-item:hover .work-image{transform:scale(1.03);filter:grayscale(0%) contrast(1.1)}.work-category{font-size:.9rem;color:var(--accent-color);margin-bottom:.75rem;display:block;font-weight:500}.work-title{font-size:2.5rem;margin-bottom:1.25rem;font-weight:400;letter-spacing:-.02em}.work-description{font-size:1.1rem;opacity:.7;max-width:600px;margin-bottom:2.5rem;line-height:1.6}.work-link{font-size:1rem;border-bottom:1px solid rgba(244,244,244,.3);padding-bottom:4px;transition:all .3s;font-weight:500}.work-link:hover{border-bottom-color:var(--text-color);opacity:1}@media(min-width:900px){.work-item{flex-direction:row;align-items:center;gap:5rem}.work-image-container{width:55%}.work-content{width:45%}.work-item:nth-child(2n){flex-direction:row-reverse}}.services-list{display:flex;flex-direction:column}.service-item{border-top:1px solid rgba(244,244,244,.1);padding:3.5rem 0;display:flex;flex-direction:column;gap:1.5rem;transition:opacity .3s}.service-item:last-child{border-bottom:1px solid rgba(244,244,244,.1)}.service-item:hover{opacity:.8}.service-title{font-size:2.2rem;font-weight:400;letter-spacing:-.02em}.service-description{font-size:1.1rem;opacity:.6;max-width:500px;line-height:1.6}@media(min-width:768px){.service-item{flex-direction:row;justify-content:space-between;align-items:flex-start}.service-title{width:40%}.service-description{width:50%}}.about-content{display:flex;flex-direction:column;gap:4rem}.about-headline{font-size:2.5rem;font-weight:500;line-height:1.2;letter-spacing:-.02em;max-width:900px}.about-text{display:flex;flex-direction:column;gap:2rem;opacity:.7;font-size:1.15rem;max-width:600px;line-height:1.7;margin-left:auto}@media(max-width:768px){.about-headline{font-size:1.8rem}.about-text{margin-left:0}}.contact{padding-bottom:4rem}.contact-box{border-top:1px solid rgba(244,244,244,.1);padding-top:6rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}.contact-headline{font-size:2rem;font-weight:400;opacity:.8}.contact-link{font-size:3rem;font-weight:500;border-bottom:2px solid transparent;transition:border-bottom-color .3s;letter-spacing:-.03em}.contact-link:hover{border-bottom-color:var(--text-color)}.contact-footer{width:100%;margin-top:6rem;display:flex;justify-content:space-between;font-size:.9rem;opacity:.5;text-transform:uppercase;letter-spacing:.05em}.contact-socials{display:flex;gap:2rem}.contact-socials a:hover{color:#fff;opacity:1}@media(max-width:768px){.contact-link{font-size:1.8rem}.contact-footer{flex-direction:column;gap:2rem;align-items:center}}.case-study{padding-top:8rem;padding-bottom:8rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cs-header{margin-bottom:4rem;max-width:800px}.cs-category{font-size:.9rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;display:block;font-weight:500}.cs-title{font-size:3.5rem;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.cs-intro{font-size:1.25rem;line-height:1.6;opacity:.8;max-width:600px}.cs-social-link{display:inline-block;margin-top:1.5rem;font-size:.95rem;border-bottom:1px solid rgba(244,244,244,.3);padding-bottom:2px}.cs-image-container{width:100%;margin-bottom:6rem;border-radius:4px;overflow:hidden}.cs-hero-image{width:100%;max-height:80vh;object-fit:cover}.cs-content{max-width:700px}.cs-section{margin-bottom:5rem}.cs-section-title{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;opacity:.6;font-weight:500}.cs-section-text{font-size:1.15rem;line-height:1.7;color:var(--text-color)}.cs-footer{margin-top:8rem;border-top:1px solid rgba(244,244,244,.1);padding-top:3rem}.cs-back-link{font-size:1.1rem;opacity:.7;transition:opacity .3s}.cs-back-link:hover{opacity:1}@media(max-width:768px){.cs-title{font-size:2.5rem}.cs-hero-image{max-height:50vh}}