*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f5f5f3;color:#151515}
a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 22px}
header{position:sticky;top:0;z-index:20;background:rgba(10,10,10,.97);color:#fff;border-bottom:1px solid #333}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:8px}.navlinks{display:flex;gap:18px;align-items:center;font-size:14px}
.cta{display:inline-block;background:#fff;color:#111;padding:13px 18px;border-radius:8px;font-weight:800}
.hero{min-height:72vh;display:grid;align-items:end;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.20)),url('assets/IMG_9422.jpeg') center/cover no-repeat;color:#fff}
.hero .content{padding:82px 0 72px;max-width:780px}.kicker{font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;opacity:.86}
h1{font-size:clamp(42px,7vw,78px);line-height:.95;margin:16px 0 22px;letter-spacing:-.04em}.hero p{font-size:20px;line-height:1.5;max-width:650px;color:#e9e9e9}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn-dark,.btn-light{padding:15px 20px;border-radius:8px;font-weight:800;display:inline-block}
.btn-light{background:#fff;color:#111}.btn-dark{border:1px solid rgba(255,255,255,.5);color:#fff}
.contact-strip{background:#0f0f0f;color:#fff;border-top:1px solid #252525}.contact-strip .wrap{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.contact-strip a{font-weight:700}.contact-strip span{color:#777}
section{padding:76px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2{font-size:38px;margin:0}
.section-head p{max-width:600px;color:#626262;line-height:1.6;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;padding:28px;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.card h3{margin:0 0 10px;font-size:22px}.card p{color:#666;line-height:1.55;margin:0}
.gallery-teaser{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:12px}.gallery-teaser img{width:100%;height:100%;object-fit:cover;border-radius:12px}.gallery-teaser img:first-child{grid-row:1/3}
.project{padding:70px 0;border-bottom:1px solid #ddd}.project-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:28px}.project-head h3{font-size:32px;margin:4px 0}.project-head p{color:#666;line-height:1.6}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.steps img{width:100%;height:300px;object-fit:cover;display:block}.steps figcaption{padding:12px 14px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.band{background:#111;color:#fff}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}blockquote{margin:0;background:#fff;color:#111;padding:26px;border-radius:14px}
blockquote p{font-size:18px;line-height:1.55;margin:0 0 14px}blockquote footer{font-size:13px;color:#777}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.about-logo{background:#0b0b0b;border-radius:16px;min-height:320px;display:flex;align-items:center;justify-content:center}.about-logo img{width:180px;background:#fff;border-radius:14px}
.quote{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact-cards{display:grid;gap:12px;margin-top:24px}.contact-card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.contact-card small{display:block;color:#777;margin-bottom:4px}.contact-card strong{font-size:19px}
form{background:#fff;padding:26px;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.05)}label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}
input,textarea{width:100%;padding:14px;margin-top:6px;border:1px solid #d7d7d7;border-radius:8px;font:inherit}textarea{min-height:125px}button{border:0;background:#111;color:#fff;padding:15px 18px;border-radius:8px;font-weight:800;width:100%}
.small{font-size:13px;color:#777;line-height:1.5}.status{margin-top:12px;color:#555;font-size:13px}
footer.main{background:#0b0b0b;color:#ccc;padding:34px 0}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{text-decoration:underline}
@media(max-width:760px){.navlinks{display:none}.hero{min-height:68vh}.services,.reviews{grid-template-columns:1fr}.gallery-teaser{grid-template-columns:1fr 1fr;grid-template-rows:240px 180px 180px}.gallery-teaser img:first-child{grid-column:1/3;grid-row:auto}.section-head,.project-head,.quote,.about{display:block}.section-head p,.project-head p{margin-top:12px}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.steps{grid-template-columns:1fr}.steps img{height:320px}.brand span{font-size:12px}}

.video-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.video-steps.two{grid-template-columns:repeat(2,1fr)}
.video-steps figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.video-steps video{display:block;width:100%;aspect-ratio:9/16;max-height:540px;background:#111;object-fit:contain}
.video-steps figcaption{padding:13px 15px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
@media(max-width:760px){.video-steps,.video-steps.two{grid-template-columns:1fr}.video-steps video{max-height:620px}}

.video-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.video-card{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.video-card video{display:block;width:100%;height:420px;background:#0b0b0b;object-fit:contain}
.video-card figcaption{padding:13px 15px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.video-project .project-head p{max-width:600px}
@media(max-width:900px){.video-gallery-grid{grid-template-columns:repeat(2,1fr)}.video-card video{height:440px}}
@media(max-width:560px){.video-gallery-grid{grid-template-columns:1fr}.video-card video{height:auto;max-height:620px;aspect-ratio:auto}}

.work-showcase{background:#f4f4f1;padding:90px 0}
.feature-project{padding:50px 0;border-top:1px solid #cfcfca}
.project-title{display:grid;grid-template-columns:70px 1fr;gap:20px;margin-bottom:28px}
.project-title>span{font-size:42px;font-weight:900;color:#aaa}
.project-title h3,.finished-copy h3{font-size:clamp(28px,4vw,52px);margin:0 0 8px}
.film-grid{display:grid;gap:18px}.film-grid.three{grid-template-columns:repeat(3,1fr)}.film-grid.two{grid-template-columns:repeat(2,1fr)}.film-grid.single{grid-template-columns:minmax(0,700px)}
.film-card{margin:0;background:#111;border-radius:14px;overflow:hidden}.film-card video{display:block;width:100%;height:440px;object-fit:contain;background:#080808}.film-card figcaption{color:#fff;padding:14px 16px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.finished-feature{margin-top:50px;padding:35px;background:#111;border-radius:20px}.finished-copy{color:#fff;margin-bottom:25px}.finished-stills{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:18px}.finished-stills img{width:100%;height:320px;object-fit:contain;background:#090909;border-radius:10px}
@media(max-width:760px){.film-grid.three,.film-grid.two,.finished-stills{grid-template-columns:1fr}.film-card video{height:auto;max-height:620px}.finished-stills img{height:auto}.project-title{grid-template-columns:45px 1fr}.finished-feature{padding:18px}}

.interior-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}
.interior-sequence .film-card video{height:520px;object-fit:contain}
@media(max-width:760px){.interior-sequence{grid-template-columns:1fr}.interior-sequence .film-card video{height:auto;max-height:650px}}