:root{--bg:#030303;--panel:#0b0b0c;--panel2:#111113;--text:#fff;--muted:#ffffff9e;--soft:#ffffff1f;--red:#b11226;--red2:#dc263d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;opacity:.06;z-index:0;background-image:radial-gradient(circle at 1px 1px,#fff 1px,#0000 0);background-size:18px 18px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 0,#b1122638,#0000 34%),radial-gradient(circle at 80% 10%,#ffffff14,#0000 30%);position:fixed;inset:0}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site{z-index:1;min-height:100vh;position:relative;overflow:hidden}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000db;border-bottom:1px solid #ffffff1a;position:fixed;inset:0 0 auto}.topbar>div{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.brand{color:#fff;text-transform:uppercase;letter-spacing:.28em;background:0 0;border:0;font-weight:900}nav{flex-wrap:wrap;gap:20px;display:flex}nav button{color:#ffffffb8;text-transform:uppercase;letter-spacing:.2em;background:0 0;border:0;font-size:12px;font-weight:700;transition:color .2s}nav button:hover{color:var(--red2)}.page-pad{padding-top:140px!important}.hero,.section{max-width:1200px;margin:0 auto;padding:80px 24px}.hero{padding-top:144px;padding-bottom:40px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:48px;display:grid}h1,h2,h3,p{margin:0}h1{text-transform:uppercase;letter-spacing:-.075em;font-size:clamp(64px,11vw,128px);font-weight:950;line-height:.86}h2{text-transform:uppercase;letter-spacing:-.055em;font-size:clamp(40px,6vw,72px);font-weight:950;line-height:.9}.location{color:#f87171d9;text-transform:uppercase;letter-spacing:.45em;margin-top:16px;font-size:12px;font-weight:800}.tagline{color:#ffffffd6;max-width:720px;margin-top:24px;font-size:20px;line-height:1.6}.pill-row,.cta-row,.contact-row,.filter-row,.link-row{flex-wrap:wrap;gap:12px;display:flex}.pill-row{color:#ffffffa6;letter-spacing:.18em;text-transform:uppercase;margin-top:28px;font-size:12px;font-weight:800}.pill-row span{border:1px solid #ffffff24;border-radius:999px;padding:10px 16px}.pill-row span:first-child{background:#b1122624;border-color:#b1122666}.cta-row{margin-top:30px}.cta-row button,.contact-row a,.contact-row span,.link-row a{color:#fff;text-transform:uppercase;letter-spacing:.14em;background:0 0;border:1px solid #ffffff3d;border-radius:999px;padding:13px 22px;font-size:13px;font-weight:900;transition:all .2s}.cta-row button:first-child,.link-row a,.contact-row a:first-child{background:var(--red);border-color:var(--red);color:#fff}.cta-row button:hover,.contact-row a:hover,.link-row a:hover{background:var(--red2);border-color:var(--red2);transform:translateY(-2px)}.card{background:#0a0a0be6;border:1px solid #ffffff1a;border-radius:28px;overflow:hidden;box-shadow:0 22px 60px #00000040}.focus{border-color:#b1122640;padding:24px;box-shadow:0 22px 70px #b112261f}.focus span{text-transform:uppercase;letter-spacing:.14em;color:#ffffffe0;background:#b112261f;border:1px solid #b1122642;border-radius:18px;margin-top:12px;padding:14px 16px;font-weight:850;display:block}.label,.eyebrow{color:#f87171c7;text-transform:uppercase;letter-spacing:.3em;margin-bottom:12px;font-size:12px;font-weight:900}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px;display:flex}.section-head>p,.section-head p{color:#ffffff80;line-height:1.65}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-card{color:inherit;text-align:left;border:0;width:100%;min-width:0;padding:0;transition:transform .25s}.project-card:hover{transform:translateY(-4px)scale(1.015)}.project-card.card{border-color:#ffffff1a}.project-card:hover.card{border-color:#dc263dbf;box-shadow:0 28px 70px #b1122638}.prod-accent{background:linear-gradient(135deg,#b112262e,#0a0a0bfa)}.ad-accent{background:linear-gradient(135deg,#4a82b42e,#0a0a0bfa)}.other-accent{background:linear-gradient(135deg,#78787824,#0a0a0bfa)}.thumb{object-fit:cover;opacity:.92;width:100%;height:170px;transition:transform .3s;display:block}.project-card:hover .thumb{transform:scale(1.04)}.card-body{flex-direction:column;justify-content:space-between;min-height:190px;padding:22px;display:flex}.badges{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.badges span,.status{color:#ffffff9e;text-transform:uppercase;letter-spacing:.12em;border:1px solid #ffffff29;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850}.badges span:nth-child(2),.status{color:#fecacae6;border-color:#f8717159}.meta{color:#ffffff7a;text-transform:uppercase;letter-spacing:.2em;margin-bottom:8px;font-size:11px;font-weight:850}.project-card h3{color:#fff;font-size:19px;font-weight:950;line-height:1.12}.role{color:#ffffffc7;margin-top:10px;line-height:1.35}.company{color:#ffffff73;margin-top:6px}.view{color:#ffffff9e;text-transform:uppercase;letter-spacing:.2em;margin-top:18px;font-size:12px;font-weight:850}.bio{border-color:#b1122638;padding:44px}.bio p:last-child{color:#ffffffd1;max-width:880px;font-size:18px;line-height:1.8}.work .section-head{margin-bottom:22px}.search{color:#fff;background:#0a0a0beb;border:1px solid #ffffff24;border-radius:20px;outline:none;width:100%;margin-bottom:22px;padding:16px 18px}.search:focus{border-color:var(--red2)}.filter-block{margin:18px 0}.filter-block>p{color:#ffffff73;text-transform:uppercase;letter-spacing:.2em;margin-bottom:12px;font-size:12px;font-weight:900}.filter-row button{color:#fff;text-transform:uppercase;letter-spacing:.12em;background:0 0;border:1px solid #ffffff2e;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:850}.filter-row button:hover,.filter-row button.active{border-color:var(--red);background:var(--red)}@keyframes workCrawl{0%{transform:translate(0)}to{transform:translate(-25%)}}.crawl-wrap{scrollbar-color:var(--red) #171717;scrollbar-width:thin;background:#0a0a0bc2;border:1px solid #b1122640;border-radius:28px;padding:24px;position:relative;overflow:auto hidden}.crawl-track{gap:20px;width:max-content;padding-bottom:12px;animation:160s linear infinite workCrawl;display:flex}.crawl-wrap:hover .crawl-track,.crawl-wrap:focus-within .crawl-track{animation-play-state:paused}.crawl-track .project-card{flex:none;width:300px}.fade{pointer-events:none;z-index:2;width:80px;position:absolute;top:0;bottom:0}.fade.left{background:linear-gradient(90deg,#000,#0000);left:0}.fade.right{background:linear-gradient(270deg,#000,#0000);right:0}.contact{background:var(--red);border-radius:30px;max-width:1000px;margin-bottom:40px;padding:50px;box-shadow:0 30px 90px #b1122638}.contact .eyebrow{color:#ffffffa6}.contact h2{margin-bottom:28px}.contact-row a,.contact-row span{border-color:#ffffff4d}.contact-row a:first-child{color:#7f1020;background:#fff;border-color:#fff}.detail{max-width:1160px;margin:0 auto;padding:80px 24px}.back{color:#fff9;text-transform:uppercase;letter-spacing:.18em;background:0 0;border:0;margin-bottom:30px}.detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:40px;display:grid}.media-stack{gap:18px;display:grid}.media-tile{color:#ffffff80;text-transform:uppercase;letter-spacing:.16em;background:#080808;border:1px solid #ffffff1f;border-radius:24px;justify-content:center;align-items:center;min-height:260px;font-size:12px;display:flex;overflow:hidden}.media-tile iframe,.media-tile img{aspect-ratio:16/9;object-fit:cover;border:0;width:100%;display:block}.detail-info{padding:32px}.detail-info h1{margin-bottom:18px;font-size:clamp(42px,5vw,68px)}.detail-info>div{margin-top:24px}.synopsis{color:#ffffffbf;line-height:1.75}@media (width<=850px){.topbar>div,nav{gap:12px}nav button{font-size:10px}.hero-grid,.detail-grid,.grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.contact{border-radius:0;margin:0}}
