:root{--bg: #222222;--fg: #cccccc;--green: #0aaf86;--tag: #666666;--thumb-bg: #000000;--card-w: 205px;--img-h: 104px;--text-h: 54px;--card-h: calc(10px + var(--img-h) + var(--text-h));--grid-gap: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:Lucida Grande,Lucida Sans Unicode,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.5;min-height:100%}a{color:var(--fg);text-decoration:none}.site-header{padding:32px 25px 24px;text-align:center}.site-title{margin:0 0 18px;font-weight:700;font-size:clamp(14px,4.4vw,42px);line-height:1.05;letter-spacing:.5px;white-space:nowrap}.site-title a{color:var(--green)}.site-nav{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:18px;overflow:visible}.site-nav a{color:var(--green);font-size:13px;white-space:nowrap}.site-nav .nav-page{text-decoration:none}.site-nav .nav-link{text-decoration:underline}.site-nav a:hover,.site-nav a.active{color:#ccc}.site-nav-tabs{margin-bottom:10px;gap:20px;flex-wrap:wrap;row-gap:6px}.site-nav-tabs .nav-tab{font-weight:700;font-size:14px;letter-spacing:.5px;text-decoration:none;padding-bottom:2px;border-bottom:2px solid transparent}.site-nav-tabs .nav-tab.active{color:#fff;border-bottom-color:var(--green)}.project-grid.has-intro{grid-template-rows:min-content}.section-intro{grid-column:1 / -1;margin:0;padding:14px 18px;background:var(--thumb-bg);border-radius:8px;text-align:center;color:var(--fg);font-size:13px;line-height:1.6}.not-found{max-width:700px;margin:0 auto}.not-found a{color:var(--green);text-decoration:underline}.contact-panel{max-width:700px;margin:0 auto 20px;padding:16px 18px;background:var(--thumb-bg);border-radius:8px;display:flex;justify-content:center;gap:32px;flex-wrap:wrap;text-align:center}.contact-panel .contact-k{display:block;margin-bottom:4px;color:var(--tag);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.contact-panel a{color:var(--green);text-decoration:underline;font-size:13px}.contact-panel a:hover{color:var(--fg)}.nav-more{position:relative;flex:0 0 auto}.nav-more[hidden]{display:none}.nav-more-btn{color:var(--green);font-size:13px;white-space:nowrap;background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.nav-more-btn:hover{color:#ccc}.nav-more-menu{display:none;position:absolute;top:100%;right:0;margin-top:8px;z-index:20;background:var(--bg);border:1px solid #333;border-radius:5px;padding:6px 0;text-align:left;min-width:160px}.nav-more-menu.open{display:block}.nav-more-menu a{display:block;padding:6px 14px;white-space:nowrap}.container{padding:8px 25px 48px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--card-w));grid-auto-rows:var(--card-h);gap:var(--grid-gap);justify-content:center}.project-grid.has-expanded{grid-auto-flow:dense}.video-responsive{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;margin:0 0 16px}.video-responsive iframe,.video-responsive video{position:absolute;inset:0;width:100%;height:100%;border:0}.video-responsive .video-js{position:absolute;inset:0;width:100%;height:100%;background:#000}.video-responsive .video-js video{position:absolute;inset:0;width:100%;height:100%}.project-expanded{background:#000;border-radius:5px;position:relative;overflow:hidden;padding:34px 12px 12px;display:flex;flex-direction:column;justify-content:center;gap:10px}.project-expanded .exp-close{position:absolute;top:4px;right:12px;background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:4px;z-index:2}.project-expanded .exp-close:hover{color:var(--green)}.project-expanded .video-responsive{position:relative;flex:0 0 auto;background:#000}.project-expanded iframe,.project-expanded video{position:absolute;inset:0;width:100%;height:100%;border:0}.project_feed_thumb{background:var(--thumb-bg);border-radius:5px;position:relative;overflow:hidden;height:var(--card-h)}.project_feed_thumb .thumb_link{display:block}.cardimgcrop{width:calc(100% - 20px);height:var(--img-h);margin:10px auto 0;overflow:hidden;border-radius:3px;background:#000;display:flex;align-items:center;justify-content:center}.cardimgcrop img{width:100%;height:100%;object-fit:cover;display:block}.thumb_placeholder{color:#888;font-size:11px;text-align:center;padding:8px}.thumb_title{padding:8px 11px 1px;text-align:center}.thumb_title .text{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb_title .text.is-hidden{visibility:hidden}.project_feed_thumb.is-open-hidden{display:none}.thumb_tag{padding:3px 11px 12px;font-size:10px;line-height:14px;text-align:center}.thumb_tag a{color:var(--tag)}.thumb_tag a:hover{color:#ccc}.thumb_tag .sep{color:var(--tag)}.project{max-width:940px;margin:0 auto}.project-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 16px}.project-client{color:#ccc;margin:12px 0 0}.project-credits{white-space:pre-line;color:#999;margin:12px 0}.project-cats{font-size:11px;text-transform:uppercase;margin-top:16px}.project-cats a{color:var(--green);text-decoration:underline}.bodycopy{max-width:700px;margin:0 auto;color:#ccc;text-align:left}.bodycopy a{color:var(--green);text-decoration:underline}.bodycopy img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:3px}.video-responsive .share{position:absolute;top:10px;right:10px;z-index:3}.share-btn{background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 14px;font-size:13px;cursor:pointer}.share-btn:hover{background:#000c}.share-panel{position:absolute;top:34px;right:0;display:flex;flex-direction:column;gap:2px;background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px;min-width:170px}.share-panel[hidden]{display:none}.share-copy{background:none;border:0;color:#fff;text-align:left;font-size:13px;padding:6px 10px;border-radius:5px;cursor:pointer;white-space:nowrap}.share-copy:hover{background:#ffffff26}.video-error{position:absolute;inset:0;z-index:2;background:#000;color:#fff;display:grid;place-items:center;text-align:center;font-size:13px;padding:12px}.video-error a{color:var(--green);text-decoration:underline}