:root{--black:#000;--white:#fff;--line:#262626;--muted:#929292}*{box-sizing:border-box}html,body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.site-header{height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3;background:#000}.wordmark{font-size:20px;letter-spacing:-.08em;font-weight:700;color:#fff;text-decoration:none}.wordmark span{font-weight:400;letter-spacing:-.06em}.header-actions{display:flex;gap:24px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.header-actions a,.language{color:#fff;text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}.language span{opacity:.35;margin:0 2px}.work-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:2px 2px 84px}.work-card{border:0;background:#111;aspect-ratio:1;position:relative;overflow:hidden;padding:0;color:#fff;text-align:left;cursor:pointer}.grid-video,.video-placeholder{width:100%;height:100%;object-fit:cover;display:block;background:#111;transition:transform .55s ease,filter .55s ease}.work-card:hover .grid-video{transform:scale(1.045);filter:brightness(.75)}.work-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(0,0,0,.78))}.work-card__copy{position:absolute;left:12px;right:12px;bottom:10px;display:flex;flex-direction:column;gap:3px;opacity:0;transition:opacity .25s}.work-card:hover .work-card__copy{opacity:1}.work-card__copy b{font-size:13px;font-weight:500}.work-card__copy small{font-size:10px;color:#bbb;text-transform:uppercase;letter-spacing:.08em}.empty-state{height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.empty-state p{font-size:clamp(36px,8vw,110px);margin:0;letter-spacing:-.07em}.empty-state span{color:#999}.brand-bar{position:fixed;bottom:0;left:0;right:0;height:64px;z-index:4;background:rgba(0,0,0,.86);backdrop-filter:blur(12px);border-top:1px solid #252525;display:flex;align-items:center;padding:0 6px;transition:transform .35s ease}.brand-viewport{overflow:hidden;flex:1;height:100%}.brand-track{display:flex;align-items:center;gap:22px;height:100%;width:max-content;animation:marquee 80s linear infinite}.brand-viewport:hover .brand-track{animation-play-state:paused}.brand-logo{height:42px;width:112px;margin:0;display:grid;place-items:center;flex:0 0 auto}.brand-logo img{max-width:100%;max-height:100%;object-fit:contain}.brand-arrow{border:0;color:#fff;background:#000;width:36px;height:100%;font-size:18px;cursor:pointer;z-index:1}.brand-arrow:hover{background:#151515}@keyframes marquee{to{transform:translateX(-50%)}}.project-overlay{position:fixed;inset:0;background:rgba(0,0,0,.74);z-index:10;display:none;align-items:flex-start;justify-content:center;padding:25px;overflow:auto}.project-overlay.is-open{display:flex}.project-panel{width:min(1420px,100%);background:#080808;border:1px solid #333;min-height:calc(100vh - 50px);padding:25px}.overlay-close{position:fixed;right:38px;top:32px;width:42px;height:42px;border:1px solid #555;background:#000;color:#fff;border-radius:50%;font-size:28px;z-index:12;cursor:pointer}.project-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.project-main{width:100%;max-height:75vh;background:#000;object-fit:contain;display:block}.project-info{border-top:1px solid #444;padding-top:12px}.project-info h1{font-size:28px;letter-spacing:-.06em;margin:0 0 24px;font-weight:500}.project-info dl{margin:0}.project-info dt{font-size:10px;letter-spacing:.1em;color:#909090;text-transform:uppercase;margin-top:16px}.project-info dd{font-size:13px;line-height:1.35;margin:4px 0 0}.project-description{font-size:13px;line-height:1.5;margin-top:25px;white-space:pre-line}.breakdowns{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:45px}.breakdowns video,.breakdowns img{display:block;width:100%;background:#111;max-height:540px;object-fit:contain}.breakdowns .wide{grid-column:span 2}.no-main{aspect-ratio:16/9;background:#111;display:grid;place-items:center;color:#777}.project-overlay[aria-hidden="true"]{visibility:hidden}.project-overlay.is-open[aria-hidden="false"]{visibility:visible}@media(max-width:900px){.work-grid{grid-template-columns:repeat(3,1fr)}.project-overlay{padding:0}.project-panel{min-height:100vh;border:0;padding:60px 14px 24px}.overlay-close{top:12px;right:12px}.project-top{grid-template-columns:1fr;gap:20px}.project-main{max-height:none}.breakdowns{grid-template-columns:1fr 1fr;margin-top:26px}.brand-bar{position:relative;height:58px}.work-grid{padding-bottom:2px}.work-card__copy{opacity:1}.header-actions{gap:14px}}@media(max-width:520px){.site-header{padding:0 14px}.work-grid{grid-template-columns:repeat(2,1fr)}.work-card__copy{left:8px;bottom:7px}.work-card__copy b{font-size:11px}.breakdowns{grid-template-columns:1fr}.breakdowns .wide{grid-column:auto}}