*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #191919;--bg-card: #232323;--text-primary: rgba(255, 255, 255, .85);--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--text-white: #ffffff;--accent: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .15);--font-main: "Inter", "Helvetica Neue", Arial, sans-serif;--page-padding: clamp(1rem, 3vw, 2.5rem);--max-width: 1600px}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text-primary);font-weight:450;font-size:1.05rem;line-height:1.6;overflow-x:hidden}a{color:var(--text-primary);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}img{display:block;max-width:100%;height:auto}::selection{background:#fff3;color:var(--text-white)}h1{font-size:clamp(3.5rem,10vw,9.4rem);font-weight:700;line-height:.95;letter-spacing:-.02em;color:var(--text-primary)}h2{font-size:clamp(1.2rem,2vw,1.65rem);font-weight:450;line-height:1.3;color:var(--text-primary)}h3{font-size:1.1rem;font-weight:500;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.7}.page-container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--page-padding)}.section-divider{width:100%;height:1px;background:var(--border);margin:3rem 0}.nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem var(--page-padding);background:var(--bg);font-size:.9rem;font-weight:500}.nav-left{display:flex;gap:1.5rem;align-items:center}.nav-left a{color:var(--text-secondary);transition:color .2s ease,opacity .2s ease}.nav-left a:hover,.nav-left a.active{color:var(--text-primary);opacity:1}.nav-left a:first-child{color:var(--text-primary);font-weight:600}.nav-right a{color:var(--text-secondary)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:4rem var(--page-padding)}.hero-rule{width:min(380px,60vw);height:3px;background:var(--text-primary);margin-bottom:1.5rem}.hero h1{margin-bottom:0}.hero-tagline{max-width:900px;margin-top:4rem;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.7;color:var(--text-secondary);text-align:left;width:100%}.hero-tagline .read-more{color:var(--text-primary);font-weight:500;margin-left:.25rem}.client-rows{padding:0 var(--page-padding)}.client-row{margin-bottom:2.5rem}.client-row-images{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;overflow:hidden}.client-row-image{position:relative;aspect-ratio:16 / 10;background:var(--bg-card);border-radius:2px;overflow:hidden;cursor:pointer}.client-row-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.client-row-image:hover img{transform:scale(1.03)}.carousel-wrapper{position:relative}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.25,.1,.25,1);gap:.5rem}.carousel-slide{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;min-width:100%;flex-shrink:0}.carousel-nav{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.carousel-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);border:none;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.carousel-dot.active{background:var(--text-primary);transform:scale(1.3)}.client-row-info{display:flex;align-items:baseline;gap:.75rem;margin-top:.75rem;padding-bottom:.5rem}.client-row-info .client-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.client-row-info .client-kind{font-size:.9rem;color:var(--text-tertiary);font-weight:400}.selected-work{padding:0 var(--page-padding);margin-top:1rem}.selected-work-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}.selected-work-header h2{font-size:1.1rem;font-weight:500}.selected-work-header .view-all{font-size:.85rem;color:var(--text-secondary);font-weight:500}.selected-work-header .view-all:hover{color:var(--text-primary)}.work-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.work-thumb{position:relative;aspect-ratio:1 / 1;background:var(--bg-card);border-radius:2px;overflow:hidden;cursor:pointer}.work-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.work-thumb:hover img{transform:scale(1.05)}.work-thumb-info{display:flex;align-items:baseline;gap:.5rem;margin-top:.5rem}.work-thumb-info .client-name{font-weight:600;font-size:.85rem;color:var(--text-primary)}.work-thumb-info .client-kind{font-size:.8rem;color:var(--text-tertiary)}.work-filters{display:flex;gap:1rem;padding:1.5rem var(--page-padding);flex-wrap:wrap}.filter-btn{background:none;border:none;color:var(--text-tertiary);font-family:var(--font-main);font-size:.9rem;font-weight:500;cursor:pointer;padding:.35rem .75rem;border-radius:.3rem;transition:color .2s ease,background .2s ease}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{color:var(--text-primary);background:var(--accent)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 var(--page-padding)}.work-card{cursor:pointer}.work-card-image{aspect-ratio:16 / 10;background:var(--bg-card);border-radius:2px;overflow:hidden}.work-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.work-card:hover .work-card-image img{transform:scale(1.03)}.work-card-info{margin-top:.75rem}.work-card-info h3{font-size:.95rem;font-weight:600}.work-card-info .category{font-size:.85rem;color:var(--text-tertiary);text-transform:capitalize;margin-top:.15rem}.studio-hero{padding:6rem var(--page-padding) 4rem;max-width:800px}.studio-hero h1{font-size:clamp(2.5rem,6vw,5rem);margin-bottom:2rem}.studio-section{padding:3rem var(--page-padding);max-width:800px}.studio-section h2{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.services-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.service-item h3{margin-bottom:.25rem}.service-item p{font-size:.9rem;color:var(--text-tertiary)}.contact-page{padding:6rem var(--page-padding) 4rem;max-width:700px}.contact-page h1{font-size:clamp(2.5rem,6vw,5rem);margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.contact-method{border-bottom:1px solid var(--border);padding-bottom:1.5rem}.contact-method .label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:.4rem}.contact-method a,.contact-method p{font-size:1.2rem;color:var(--text-primary);font-weight:500}.contact-form{margin-top:3rem}.contact-form h2{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 0;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-family:var(--font-main);font-size:1rem;outline:none;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--text-primary)}.form-group textarea{min-height:120px;resize:vertical}.form-group select{cursor:pointer}.form-group select option{background:var(--bg);color:var(--text-primary)}.submit-btn{display:inline-block;padding:.75rem 2.5rem;background:var(--text-primary);color:var(--bg);border:none;border-radius:.3rem;font-family:var(--font-main);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.submit-btn:hover{opacity:.85}.footer{display:flex;justify-content:space-between;align-items:center;padding:3rem var(--page-padding);margin-top:6rem;font-size:.85rem;color:var(--text-tertiary)}.footer-left{font-weight:500;color:var(--text-secondary)}.footer-center{text-align:center;max-width:500px;line-height:1.5}.footer-right{text-align:right}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.work-grid-5{grid-template-columns:repeat(3,1fr)}.work-grid{grid-template-columns:repeat(2,1fr)}.services-list{grid-template-columns:1fr}}@media(max-width:768px){.nav{padding:.75rem var(--page-padding);font-size:.8rem}.nav-left{gap:1rem}.hero{min-height:50vh;padding:3rem var(--page-padding)}.hero-tagline{margin-top:2.5rem}.client-row-images,.carousel-slide{grid-template-columns:1fr}.work-grid-5{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:1rem;text-align:center}.footer-center{order:-1}}