:root{--bg:#050505;--panel:#101012;--text:#fff;--muted:#a1a1aa;--line:rgba(255,255,255,.1);--orange:#f97316;--green:#10b981}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.siteNav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(5,5,5,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.brand img{width:54px;height:54px;object-fit:contain;border-radius:16px}.navLinks{display:flex;gap:22px;color:#d4d4d8;font-size:14px}.navLinks a{transition:.2s}.navLinks a:hover,.navLinks a.active{color:var(--orange)}.menuBtn{display:none;background:none;border:0;color:#fff;font-size:28px}.hero,.projectHero{position:relative;min-height:88vh;display:grid;align-items:end;overflow:hidden}.projectHero{min-height:72vh}.heroBg{position:absolute;inset:0}.heroBg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.1) contrast(1.05);transform:scale(1.03)}.heroOverlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(249,115,22,.22),transparent 30%),linear-gradient(90deg,#050505 0%,rgba(5,5,5,.74) 40%,rgba(5,5,5,.2)),linear-gradient(0deg,#050505 0%,rgba(5,5,5,0) 45%)}.heroContent{position:relative;padding:12vh 5vw;max-width:1000px}.eyebrow{color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.42em;text-transform:uppercase}.hero h1,.pageHero h1,.emptyPage h1{font-size:clamp(48px,9vw,120px);line-height:.94;margin:18px 0;letter-spacing:-.06em}.hero p,.pageHero p,.emptyPage p{max-width:760px;color:#d4d4d8;font-size:18px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;font-weight:700;border:1px solid var(--line)}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.ghost{background:rgba(255,255,255,.04);color:#fff}.section{padding:90px 5vw;max-width:1500px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.section h2{font-size:clamp(32px,5vw,72px);line-height:1;margin:12px 0;letter-spacing:-.045em}.section p{color:#c9c9cf;line-height:1.8}.sectionHead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.textLink{color:var(--orange);font-weight:700}.grid{display:grid;gap:22px}.projectsGrid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(3,1fr)}.projectCard{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.035);transition:.25s}.projectCard:hover{transform:translateY(-5px);background:rgba(255,255,255,.065)}.projectImg{aspect-ratio:4/3;overflow:hidden;background:#111}.projectImg img{width:100%;height:100%;object-fit:cover;transition:.5s}.projectCard:hover img{transform:scale(1.05)}.projectMeta{padding:22px}.projectMeta p{margin:0;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase}.projectMeta h3{font-size:25px;margin:12px 0 4px}.projectMeta span,.projectMeta small{display:block;color:var(--muted);margin-top:8px}.pageHero{padding:110px 5vw 55px;max-width:1300px;margin:auto}.pageHero h1{font-size:clamp(46px,8vw,100px)}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.04);padding:30px}.panel h2{font-size:32px}.num{color:var(--orange);font-weight:700}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:10px 18px;cursor:pointer}.filters button.active{background:var(--orange);border-color:var(--orange)}.projectInfo{display:grid;grid-template-columns:1fr 1fr;gap:40px}.projectInfo dl{display:grid;grid-template-columns:160px 1fr;gap:14px}.projectInfo dt{color:var(--muted)}.projectInfo dd{margin:0}.gallery{display:grid;gap:24px}.gallery img{width:100%;border-radius:30px;border:1px solid var(--line)}.clientGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clientGrid div,.tags span{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px;padding:16px;color:#d4d4d8}.teamGrid{grid-template-columns:repeat(3,1fr)}.person{border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.04);overflow:hidden}.person img{width:100%;aspect-ratio:4/5;object-fit:cover}.person h2,.person p,.person small{margin-left:24px;margin-right:24px}.person h2{font-size:28px}.role{color:var(--orange)!important}.person small{display:block;color:var(--muted);line-height:1.7;margin-bottom:24px}.tags{display:flex;flex-wrap:wrap;gap:10px}.emptyPage{min-height:70vh;display:grid;place-items:center;text-align:center;padding:80px 5vw}.contactList a{color:var(--orange)}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;background:#050505;border:1px solid var(--line);border-radius:16px;color:#fff;padding:15px;font:inherit}.siteFooter{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:36px 5vw;border-top:1px solid var(--line);color:var(--muted)}.siteFooter img{width:120px}.footerLinks{display:flex;gap:14px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.show{opacity:1;transform:none}.cta{border:1px solid var(--line);border-radius:42px;background:linear-gradient(135deg,rgba(249,115,22,.14),rgba(255,255,255,.035));margin-bottom:90px}@media(max-width:960px){.menuBtn{display:block}.navLinks{display:none;position:absolute;left:0;right:0;top:91px;background:#050505;border-bottom:1px solid var(--line);padding:20px 5vw;flex-direction:column}.navLinks.open{display:flex}.projectsGrid,.cards,.clientGrid,.teamGrid{grid-template-columns:1fr 1fr}.intro,.two,.projectInfo{grid-template-columns:1fr}.sectionHead{display:block}}@media(max-width:640px){.projectsGrid,.cards,.clientGrid,.teamGrid{grid-template-columns:1fr}.hero h1{font-size:54px}.heroContent{padding-top:20vh}.siteFooter{display:block}.footerLinks{margin-top:20px}}

/* 2026-05 update: larger logo and expanded multipage systems */
.brand img{width:78px;height:78px;border-radius:18px}.brand span{font-size:15px}.siteNav{padding:14px 5vw}.navLinks{gap:18px}.siteFooter img{width:150px}.categoryTile{display:block;min-height:260px;transition:.25s}.categoryTile:hover{transform:translateY(-5px);background:rgba(255,255,255,.075)}.categoryTile h2{font-size:42px}.categoryTile p{font-size:16px}.projectCard[target="_blank"] .projectMeta h3:after{content:" ↗";color:var(--orange)}.next{padding-top:0}.gallery{grid-template-columns:1fr}.gallery img{background:#111;min-height:320px;object-fit:cover}.projectMeta small{line-height:1.6}.clientGrid div:hover,.tags span:hover{border-color:rgba(249,115,22,.55)}@media(max-width:960px){.brand img{width:64px;height:64px}.navLinks{top:93px}}@media(max-width:640px){.brand span{display:none}.brand img{width:58px;height:58px}}

/* 2026-05 cinematic home + YouTube channel upgrade */
.cinematicHero{min-height:96vh;align-items:end;background:#050505}.cinematicSlides{position:absolute;inset:0;overflow:hidden}.cinematicSlide{position:absolute;inset:0;margin:0;opacity:0;animation:cinematicFade 18s infinite}.cinematicSlide.s1{animation-delay:0s}.cinematicSlide.s2{animation-delay:6s}.cinematicSlide.s3{animation-delay:12s}.cinematicSlide img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(.9) brightness(.78);transform:scale(1.08);animation:slowZoom 18s infinite}.cinematicSlide figcaption{position:absolute;right:5vw;bottom:120px;color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.35em;text-transform:uppercase}.cinematicGrid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:88px 88px}.cinematicOverlay{background:radial-gradient(circle at 20% 20%,rgba(249,115,22,.28),transparent 28%),linear-gradient(90deg,#050505 0%,rgba(5,5,5,.80) 38%,rgba(5,5,5,.18) 74%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,0) 45%)}.cinematicContent{max-width:1120px}.cinematicContent h1{max-width:1050px;text-wrap:balance}.cinematicStats{position:absolute;left:5vw;right:5vw;bottom:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.04);backdrop-filter:blur(16px)}.cinematicStats span{padding:18px;color:#d4d4d8;text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.22em}.scrollCue{position:absolute;right:5vw;bottom:40px;color:rgba(255,255,255,.55);font-size:11px;text-transform:uppercase;letter-spacing:.4em;writing-mode:vertical-rl;display:none}@keyframes cinematicFade{0%{opacity:0}6%{opacity:1}31%{opacity:1}38%{opacity:0}100%{opacity:0}}@keyframes slowZoom{0%{transform:scale(1.08)}38%{transform:scale(1.16)}100%{transform:scale(1.08)}}.animationHero{background:radial-gradient(circle at 75% 20%,rgba(249,115,22,.18),transparent 32%),#050505}.youtubeFeature{display:grid;grid-template-columns:1.1fr .55fr;gap:28px;align-items:stretch}.youtubeBadge{min-height:280px;border:1px solid rgba(249,115,22,.35);border-radius:36px;background:radial-gradient(circle at 30% 15%,rgba(249,115,22,.30),transparent 30%),rgba(255,255,255,.04);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;transition:.25s}.youtubeBadge:hover{transform:translateY(-5px);background:radial-gradient(circle at 30% 15%,rgba(249,115,22,.42),transparent 30%),rgba(255,255,255,.07)}.youtubeBadge span{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#050505;font-weight:900;letter-spacing:.12em}.youtubeBadge strong{margin-top:22px;font-size:30px}.youtubeBadge small{margin-top:10px;color:var(--orange);font-weight:700}.youtubeFeature h2{font-size:clamp(34px,5vw,72px)}@media(max-width:960px){.cinematicStats{grid-template-columns:1fr 1fr}.youtubeFeature{grid-template-columns:1fr}.cinematicSlide figcaption{display:none}}@media(max-width:640px){.cinematicHero{min-height:92vh}.cinematicStats{display:none}.cinematicContent h1{font-size:54px}.scrollCue{display:none}}