@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--black:#000;--cream:#fff4cf;--white:#f5f5f2;--soft:#d9d9d2;--muted:#aaa9a3;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:"DM Sans",Arial,sans-serif;background:var(--black)}
.site-header{position:sticky;top:0;z-index:10;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#000;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--white);height:100%}.brand-text{font-family:"Space Grotesk",sans-serif;font-size:clamp(21px,2.2vw,30px);font-weight:600;letter-spacing:-.8px;color:var(--cream);white-space:nowrap}
.nav{display:flex;gap:28px}.nav a{color:var(--white);text-decoration:none;font-size:14px;font-weight:600}.nav a:hover{color:var(--cream)}.menu-toggle{display:none;border:0;background:none;color:var(--white);font-size:24px}
.hero{position:relative;isolation:isolate;min-height:calc(100vh - 76px);display:flex;align-items:flex-end;padding:8vw;background:#000;color:var(--white);overflow:hidden}.hero-video{position:absolute;inset:0;z-index:-2;background:#000}.hero-video video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.56) 45%,rgba(0,0,0,.25) 100%)}.video-loader{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 0 10px;display:flex;flex-direction:column;gap:7px;pointer-events:none;opacity:1;transition:opacity .45s ease}.video-loader.is-hidden{opacity:0}.video-loader-track{display:block;width:100%;height:3px;background:rgba(255,255,255,.18);overflow:hidden}.video-loader-fill{display:block;width:0;height:100%;background:var(--cream);box-shadow:0 0 12px rgba(255,244,207,.45);transition:width .2s ease}.video-loader-text{align-self:flex-end;margin-right:18px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.78);text-shadow:0 1px 4px rgba(0,0,0,.6)}
.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700;margin:0 0 18px;color:#aaa9a3}.hero .eyebrow{color:var(--cream)}
h1,h2,h3{font-family:"Space Grotesk",sans-serif;margin:0;line-height:1.02}h1{font-size:clamp(48px,7vw,94px);letter-spacing:-4px}h1 span{color:var(--cream)}h1 strong{color:#fff}.lead{font-size:19px;line-height:1.7;color:#e0e0dc;max-width:690px;margin:28px 0 34px}
.button{display:inline-block;padding:15px 22px;border-radius:999px;background:var(--cream);color:#000;text-decoration:none;font-weight:700}.button.light{background:#fff;color:#000}.hero-copy{position:relative;z-index:1;max-width:900px}
.section{padding:110px 8vw;background:#000;color:var(--white)}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.section h2{font-size:clamp(40px,5vw,68px);letter-spacing:-3px}.about-copy{font-size:19px;line-height:1.8;color:var(--soft)}
.section-heading{max-width:820px;margin-bottom:55px}.section-heading>p:last-child{color:var(--muted);font-size:18px;line-height:1.7;margin-top:24px}
.services{background:#000}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{overflow:hidden;padding:0;background:#050505;border:1px solid var(--line);border-radius:24px;min-height:0}.service-image{height:250px;overflow:hidden;background:#080808}.service-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.service-card:hover .service-image img{transform:scale(1.035)}.service-content{padding:30px 38px 38px}.service-card span{font-size:12px;letter-spacing:2px;color:#888}.service-card h3{font-size:31px;margin:18px 0 16px;color:var(--white)}.service-card p{color:var(--muted);line-height:1.7;margin:0}
.gallery{background:#000}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-item{margin:0;overflow:hidden;border-radius:14px;background:#080808;border:1px solid rgba(255,255,255,.08)}.gallery-item img{width:100%;height:360px;display:block;object-fit:cover;transition:transform .45s ease}.gallery-item:hover img{transform:scale(1.035)}
.cta{padding:90px 8vw;background:#000;color:var(--white);display:flex;justify-content:space-between;gap:40px;align-items:center;border-top:1px solid var(--line)}.cta h2{font-size:clamp(42px,5vw,70px);letter-spacing:-3px}.cta p:not(.eyebrow){color:var(--soft);line-height:1.7;max-width:650px}
footer{padding:34px 8vw;display:flex;justify-content:space-between;align-items:center;gap:36px;border-top:1px solid var(--line);font-size:13px;color:#777;background:#000}.partners{display:flex;flex-direction:column;gap:12px}.partners .eyebrow{margin:0;color:var(--muted)}.partner-logos{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.partner-logos img{display:block;max-width:128px;max-height:66px;width:auto;height:auto;object-fit:contain}.partner-logos img[alt="Agency M"]{width:70px;max-height:70px;border-radius:50%;background:#fff}.partner-logos img[alt="Roaring Minds"]{width:86px;max-height:70px}.partner-logos img[alt="SoBA"]{width:130px;max-height:52px}.copyright{margin:0;white-space:nowrap}
@media(max-width:800px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#000;padding:20px 8vw;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block}.hero,.about{grid-template-columns:1fr}.hero{padding-top:70px;padding-bottom:70px;min-height:calc(100vh - 76px)}.hero-copy{max-width:100%}.hero-video video{object-position:center center}.service-grid,.gallery-grid{grid-template-columns:1fr}.service-image{height:220px}.service-content{padding:26px 28px 30px}.gallery-item img{height:300px}.cta,footer{flex-direction:column;align-items:flex-start}.partner-logos{gap:18px}h1{letter-spacing:-2px}}
@media(min-width:801px) and (max-width:1100px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item img{height:320px}}