html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:main;src:url(/fonts/OverusedGroteskJM-VF.woff2)format("woff2"),url(/fonts/OverusedGroteskJM-VF.woff)format("woff")}*{box-sizing:border-box}* ::selection{color:#fff;background:#222}html,body{font-feature-settings:"ss06" on,"ss03" on;color:#222;letter-spacing:.2px;scrollbar-color:#0003 #0000;scrollbar-gutter:stable;scrollbar-width:thin;background-color:#fff;font-family:main,sans-serif;font-size:18px}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}html,body{-ms-overflow-style:none;scrollbar-width:none}a{color:#222;text-decoration:none}.wrapper{width:100%;max-width:1600px;margin:0 auto;padding:0 24px}@media screen and (max-width:600px){.wrapper{padding:0 16px}}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid{display:grid}.image-grid{gap:16px;width:100%;max-width:100%;padding-bottom:16px;display:grid}.image-grid img{object-fit:cover;height:100%;width:100%!important}.image-grid .image-grid{padding-bottom:0}.grid-col-1{grid-template-columns:auto}.grid-col-2{grid-template-columns:auto auto}.grid-col-3{grid-template-columns:auto auto auto}.grid-bento-1{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"main main side1""main main side2"}.grid-bento-1 .main{grid-area:main}.grid-bento-1 .side1{grid-area:side1}.grid-bento-1 .side2{grid-area:side2}.grid-bento-2{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"side1 main main""side2 main main"}.grid-bento-2 .main{grid-area:main}.grid-bento-2 .side1{grid-area:side1}.grid-bento-2 .side2{grid-area:side2}@media screen and (max-width:600px){.grid-col-1,.grid-col-2,.grid-col-3{grid-template-columns:1fr}.image-grid{flex-direction:column;gap:12px;padding-bottom:12px;display:flex}}.underline{text-decoration:underline}.page-home .intro{padding-top:180px;padding-bottom:128px}@media screen and (max-width:900px){.page-home .intro{padding-top:120px;padding-bottom:96px}}.page-home h1{letter-spacing:.2px;width:50%;font-size:40px;font-weight:500;line-height:48px}@media screen and (max-width:1200px){.page-home h1{width:100%}}@media screen and (max-width:900px){.page-home h1{font-size:32px;line-height:38px}}.page-home .featured-heading{padding-bottom:20px;font-size:32px;font-weight:500}.page-home .featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media screen and (max-width:900px){.page-home .featured{grid-template-columns:repeat(1,minmax(0,1fr))}}.page-home .project-tile{width:100%;margin-bottom:48px}.page-home .project-tile .image{aspect-ratio:4/2.75;border-radius:8px;overflow:hidden}.page-home .project-tile .image img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease-in-out}.page-home .project-tile .info{padding-top:14px;font-size:18px}.page-home .project-tile .info .primary{align-items:center;gap:2px;height:18px;font-weight:500;display:flex}.page-home .project-tile .info .primary img{padding-bottom:2px}.page-home .project-tile .info .secondary{padding-top:6px;line-height:24px}.page-home .project-tile:hover img{transform:scale(1.025)}.page-home .project-tile.selz img{height:125%}.page-home .project-tile.anz img,.page-home .project-tile.brickx img{height:115%}.page-home .project-tile.frost>.image{background-color:#e4f2ff}.page-home .project-tile.frost>.image img{width:auto;height:85%}.page-home .links{flex-direction:column;align-items:start;padding-top:128px;padding-bottom:128px;display:flex}.page-home .links .logo{height:32px;margin-bottom:12px}.page-home .links a{align-items:center;font-size:40px;display:flex}.page-home .links a img{opacity:.2;height:48px;transition:opacity .15s ease-in-out}.page-home .links a:hover img{opacity:1}@media screen and (max-width:600px){.page-home .links{padding-bottom:64px}.page-home .links a{font-size:32px}.page-home .links a img{height:40px}}.page-projects{padding-top:80px;padding-bottom:96px}@media screen and (max-width:900px){.page-projects{padding-top:48px}}.page-projects h1{padding:80px 0 104px;font-size:64px;font-weight:500}@media screen and (max-width:900px){.page-projects h1{padding-top:64px;padding-bottom:72px;font-size:44px}}.page-projects .filter-container{padding-bottom:24px}.page-projects .filter-container .filter-button{text-transform:capitalize;background:#fff;border:1px solid #ddd;border-radius:6px;margin-right:6px;padding:10px 16px;font-size:16px}.page-projects .filter-container .filter-button:hover{cursor:pointer}.page-projects .filter-container .filter-button.active{color:#fff;background:#222;border-color:#222}.page-projects .filter-container .filter-button.option-3d,.page-projects .filter-container .filter-button.option-ui{text-transform:uppercase}@media screen and (max-width:600px){.page-projects .filter-container{padding-bottom:16px}.page-projects .filter-container .filter-button{padding:8px 12px;font-size:15px}}.page-projects .tile-container{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media screen and (max-width:900px){.page-projects .tile-container{grid-template-columns:1fr}}.page-projects .project-tile{aspect-ratio:16/11;background-color:#eee;width:100%;height:100%;transition:transform .22s ease-in-out,border-radius .2s ease-in-out;transform:scale(1)!important}.page-projects .project-tile.mason{background-color:#e9e8e2}.page-projects .project-tile.terrasage{background-color:#192438}.page-projects .project-tile.give-up{background-color:#ff6e1f}.page-projects .project-tile.anz-ps-plugin{background-color:#333}.page-projects .project-tile.mathspace{background-color:#efeef7}.page-projects .project-tile:hover .image img{transform:scale(1.015)}.page-projects .image{width:100%;height:100%}.page-projects .image img{object-fit:cover;width:100%;height:100%;transition:transform .22s ease-in-out}.page-projects .image-frost{background-color:#e4f2ff}.page-projects .image-frost img{width:75%;height:auto}.page-projects .image-selz{background-image:linear-gradient(#7200ff2b,#7200ff12,#fff0)}.page-projects .image-selz img{width:auto;height:80%}.page-projects .image-anz{background-color:#c5edfc}.page-projects .image-anz img{width:auto;height:85%}.page-projects .image-telstra{background-color:#c9e3ff}.page-projects .image-telstra img{width:auto;height:110%}.page-projects .image-cba-plugin{background-color:#f5f5f5}.page-projects .image-cba-plugin img{width:80%;height:auto}.page-projects .image-cba-investing .overlay .project-info{color:#fff!important}.page-projects .image-cba-investing img{width:auto;height:110%;position:relative;top:-20px}@media screen and (max-width:600px){.page-projects .image-cba-investing img{top:0}}.page-projects .image-mason img,.page-projects .image-terrasage img{width:75%;max-width:450px;height:auto;position:absolute;top:50px;box-shadow:0 0 25px #00000026}.page-projects .image-give-up img{object-fit:contain}.page-projects .image-thorn img{background:#000}.page-projects .image-sinecosine img{object-fit:contain;background:#000}.page-projects .image-reset-image img,.page-projects .image-anz-figma-plugin img,.page-projects .image-anz-ps-plugin img{object-fit:contain;height:90%}.page-projects .image-mathspace img{object-fit:contain;height:75%}.project-page .image-banner.hero{height:80vh;max-height:80vh;overflow:hidden}.project-page .image-banner.hero img{width:auto;height:100%}@media screen and (max-width:600px){.project-page .image-banner.hero{height:500px;max-height:unset}}.project-page .image-grid-container{width:100%;padding:128px 0}@media screen and (max-width:600px){.project-page .image-grid-container{padding:96px 0}}.project-page .back-to-projects .wrapper{justify-content:center;align-items:center;padding-bottom:128px;display:flex}.project-page .back-to-projects a{text-align:center;border-radius:6px;padding:24px 32px;font-size:24px;transition:all .2s ease-in-out}.project-page .back-to-projects a:hover{font-weight:450}@media screen and (max-width:600px){.project-page .back-to-projects .wrapper{padding-bottom:96px}.project-page .back-to-projects a{font-size:20px}}.project-page.project-selz .image-banner.hero{background-color:#f5f5f5;background-image:linear-gradient(#7200ff2b,#7200ff12,#fff0)}.project-page.project-selz .image-banner.hero img{width:auto;height:70%}.project-page.project-anz .image-banner.hero{background-color:#c5edfc}.project-page.project-anz .image-banner.hero img{width:auto;height:80%}.project-page.project-anz .image-grid img{border-radius:12px}@media screen and (max-width:600px){.project-page.project-anz .image-banner.hero img{height:65%}}.project-page.project-telstra .image-banner.hero{background-color:#b7cdea}.project-page.project-telstra .project-info{border-bottom:1px solid #eee}.project-page.project-cba-plugin .image-banner.hero,.project-page.project-cba-investing .image-banner.hero{background-color:#faec20}.project-page.project-cba-investing .image-banner.hero img{object-fit:cover;width:100%;height:100%}.project-page.project-cba-investing .image-grid img{border-radius:12px}.project-page.project-brickx .image-banner.hero img{object-fit:cover;width:100%;height:100%}.project-page.project-anz-figma-plugin .image-banner.hero{background-color:#eee}.project-page.project-anz-figma-plugin .image-banner.hero img{object-fit:contain;width:100%;height:75%}.project-page.project-anz-ps-plugin .image-banner.hero{background-color:#333}.project-page.project-anz-ps-plugin .image-banner.hero img{object-fit:contain;width:100%;height:75%}.project-page.project-mathspace .image-banner.hero{background-color:#efeef7}.project-page.project-mathspace .image-banner.hero img{object-fit:contain;width:80%;max-height:75%}.project-page.project-mathspace .btn{color:#fff;background-color:#222;border-radius:8px;gap:4px;margin-top:16px;padding:12px 16px;display:inline-flex}.project-page.project-mathspace .btn img{transition:all .1s ease-in-out}.project-page.project-mathspace .btn:hover img{transform:translate(2px,-2px)}.page-about{padding-top:80px;padding-bottom:96px}@media screen and (max-width:900px){.page-about{padding-top:48px}}.page-about h1{padding:80px 0;font-size:64px;font-weight:500}@media screen and (max-width:900px){.page-about h1{padding-top:64px;padding-bottom:64px;font-size:44px}}.page-about .intro{width:60%;padding-bottom:64px}.page-about .intro p{padding-bottom:40px;font-size:20px;line-height:32px}@media screen and (max-width:900px){.page-about .intro{width:100%}}@media screen and (max-width:600px){.page-about .intro p{font-size:18px;line-height:28px}}.page-about .info{border-top:1px solid #eee;padding-top:40px;padding-bottom:80px;display:flex}.page-about .info .heading{min-width:350px;font-size:24px;font-weight:500}.page-about .info .detail{display:flex}.page-about .info .detail .column{width:280px}.page-about .info .detail .column-heading{color:#999;text-transform:uppercase;letter-spacing:1px;padding-top:4px;padding-bottom:16px;font-size:14px;font-weight:500}.page-about .info .detail .column ul li{height:30px;padding-bottom:12px}.page-about .info .detail .column ul li a{align-items:center;display:flex}.page-about .info .detail .column ul li a img{opacity:.3;width:22px;height:22px;transition:opacity .15s ease-in-out;position:relative;top:-1px;left:1px}.page-about .info .detail .column ul li:hover a img{opacity:1}@media screen and (max-width:900px){.page-about .info .heading{min-width:30%;margin-right:32px}.page-about .info .detail{width:70%}.page-about .info .detail .column{width:100%}}@media screen and (max-width:600px){.page-about .info{flex-direction:column;padding-top:32px}.page-about .info .heading{padding-bottom:24px}.page-about .info .detail{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.page-about .info .detail .column{width:unset}.page-about .info:last-child{padding-bottom:0}}