/* Shared full-width header */
@media (min-width: 981px) {
#nav4961789503 { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: none !important; margin: 0 !important; z-index: 99999 !important; }
#nav4961789503 .t446__maincontainer { position: relative !important; left: 0 !important; width: 100vw !important; max-width: none !important; margin: 0 !important; }
}
/* The editable Tilda menu lives in the shared Header page; show it only on project pages. */
#rec5015892303 { display: none !important; }
body.val-project-page #rec5015892303 { display: block !important; }
body.val-project-page .t830:not(#nav5015892303) { display: none !important; }
body.val-project-page, body.val-project-page #allrecords, body.val-project-page #allrecords > .t-rec,
body.val-project-page #nav4961789503, body.val-project-page #nav4961789503 .t446__maincontainer,
body.val-project-page #nav4961789503 .t446__leftwrapper, body.val-project-page #rec5015892303,
body.val-project-page #nav5015892303 .t830m { background-color: #050505 !important; }
@media (min-width: 981px) {
body.val-project-page #nav5015892303 .t830m { position: fixed !important; top: 50px !important; left: 0 !important; bottom: 0 !important; width: clamp(220px, 13vw, 280px) !important; height: calc(100vh - 50px) !important; transform: none !important; overflow-y: auto !important; z-index: 99998 !important; }
body.val-project-page #nav5015892303 .t830m__container { position: relative !important; width: 100% !important; min-height: 100% !important; }
body.val-project-page #nav5015892303 .t830m__overlay,
body.val-project-page #nav5015892303 .t830m__close-button,
body.val-project-page #nav5015892303 .t830m__textwrapper { display: none !important; }
body.val-project-page #nav5015892303 .t830__logo__text,
body.val-project-page #nav5015892303 .t-menusub__link-item { color: #fff !important; }
body.val-project-page #nav5015892303 .t830__logo__text { font-size: 16px !important; }
body.val-project-page #nav5015892303 .t-menusub__link-item { color: #666 !important; }
body.val-project-page #nav5015892303 .t-menusub__link-item.val-active-project { color: #fff !important; }
}
@media (max-width: 980px) { #rec5015892303, .t830 { display: none !important; } }
/* Shared navigation: full viewport width, independent of page columns. */
@media (min-width: 981px) {
#nav4961789503 {
position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important;
width: 100vw !important; max-width: none !important; margin: 0 !important; z-index: 99999 !important;
}
#nav4961789503 .t446__maincontainer {
position: relative !important; left: 0 !important; width: 100vw !important;
max-width: none !important; margin: 0 !important;
}
}
/* One project menu, editable as a native Tilda block on the shared Header page. */
#rec5015892303 { display: none !important; }
body.val-project-page #rec5015892303 { display: block !important; }
body.val-project-page .t830:not(#nav5015892303) { display: none !important; }
body.val-project-page,
body.val-project-page #allrecords,
body.val-project-page #allrecords > .t-rec,
body.val-project-page #nav4961789503,
body.val-project-page #nav4961789503 .t446__maincontainer,
body.val-project-page #nav4961789503 .t446__leftwrapper,
body.val-project-page #rec5015892303,
body.val-project-page #nav5015892303 .t830m { background-color: #050505 !important; }
@media (min-width: 981px) {
body.val-project-page #nav5015892303 .t830m {
position: fixed !important; top: 50px !important; left: 0 !important; bottom: 0 !important;
width: clamp(220px, 13vw, 280px) !important; height: calc(100vh - 50px) !important;
transform: none !important; overflow-y: auto !important; z-index: 99998 !important;
}
body.val-project-page #nav5015892303 .t830m__container { position: relative !important; width: 100% !important; min-height: 100% !important; }
body.val-project-page #nav5015892303 .t830m__overlay,
body.val-project-page #nav5015892303 .t830m__close-button,
body.val-project-page #nav5015892303 .t830m__textwrapper { display: none !important; }
body.val-project-page #nav5015892303 .t830__logo__text,
body.val-project-page #nav5015892303 .t-menusub__link-item { color: #666 !important; }
body.val-project-page #nav5015892303 .t830__logo__text { color: #fff !important; font-size: 16px !important; }
body.val-project-page #nav5015892303 .t-menusub__link-item.val-active-project { color: #fff !important; }
}
@media (max-width: 980px) {
#rec5015892303, .t830 { display: none !important; }
}
/* Prevent old page-local navigation headers from stacking with the shared header. */
#rec1420385381, #rec4913534603, #rec4961611903, #rec1420384691 { display: none !important; }
/* Shared full-width header */
@media (min-width: 981px) {
#nav4961789503 { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: none !important; margin: 0 !important; z-index: 99999 !important; }
#nav4961789503 .t446__maincontainer { position: relative !important; left: 0 !important; width: 100vw !important; max-width: none !important; margin: 0 !important; }
}
/* The editable Tilda menu lives in the shared Header page; show it only on project pages. */
#rec5015892303 { display: none !important; }
body.val-project-page #rec5015892303 { display: block !important; }
body.val-project-page .t830:not(#nav5015892303) { display: none !important; }
body.val-project-page, body.val-project-page #allrecords, body.val-project-page #allrecords > .t-rec,
body.val-project-page #nav4961789503, body.val-project-page #nav4961789503 .t446__maincontainer,
body.val-project-page #nav4961789503 .t446__leftwrapper, body.val-project-page #rec5015892303,
body.val-project-page #nav5015892303 .t830m { background-color: #050505 !important; }
@media (min-width: 981px) {
body.val-project-page #nav5015892303 .t830m { position: fixed !important; top: 50px !important; left: 0 !important; bottom: 0 !important; width: clamp(220px, 13vw, 280px) !important; height: calc(100vh - 50px) !important; transform: none !important; overflow-y: auto !important; z-index: 99998 !important; }
body.val-project-page #nav5015892303 .t830m__container { position: relative !important; width: 100% !important; min-height: 100% !important; }
body.val-project-page #nav5015892303 .t830m__overlay,
body.val-project-page #nav5015892303 .t830m__close-button,
body.val-project-page #nav5015892303 .t830m__textwrapper { display: none !important; }
body.val-project-page #nav5015892303 .t830__logo__text,
body.val-project-page #nav5015892303 .t-menusub__link-item { color: #fff !important; }
body.val-project-page #nav5015892303 .t830__logo__text { font-size: 16px !important; }
body.val-project-page #nav5015892303 .t-menusub__link-item { color: #666 !important; }
body.val-project-page #nav5015892303 .t-menusub__link-item.val-active-project { color: #fff !important; }
}
@media (max-width: 980px) { #rec5015892303, .t830 { display: none !important; } }
UFL
I worked as an Art Director on UFL, the football simulator by Strikerz Inc. Leading a powerhouse team of 20+ artists, I completely oversaw the creation of game premiere cinematics, contributed to the branding design, and drove the entire visual style of the game, including character and kit designs. Being a hardcore football fan myself, I approached everything with genuine love and a deep understanding of the game—crafting it for players who live and breathe this sport. This project was a true masterclass in sports art direction and high-end content creation.
Role: Art Director, Cinematic Art Director
Client: Strikerz Inc.
2024
Role: Art Director, Cinematic Art Director
Client: Strikerz Inc.
2024
