@import"https://use.typekit.net/qxt6cgi.css";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}li{margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}img{max-width:100%}body.homepage{overflow-x:hidden}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes mask-in{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes circle-reveal{0%{clip-path:circle(0% at 0% 100%)}100%{clip-path:circle(150% at 0% 100%)}}:root{--customCurve: cubic-bezier(.13,.37,0,.82);--siteMargin: 5vw}strong{font-weight:bold}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}@view-transition{navigation:auto}::view-transition-old(root){animation:fade-out .3s ease forwards}::view-transition-new(root){animation:fade-in 1.3s ease forwards}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}body{background:#ff8f00;color:#000;font-family:"DM Sans",system-ui,"Roboto",sans-serif;font-feature-settings:"kern" 1,"liga" 1,"pnum" 1;font-kerning:normal;font-weight:500;line-height:120%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.workpage{background:#fff}body a,body a:link,body a:visited,body a:focus,body a:hover,body a:active{color:#000;text-decoration:none;transition:all .35s}body a:any-link,body a:link:any-link,body a:visited:any-link,body a:focus:any-link,body a:hover:any-link,body a:active:any-link{text-decoration:none !important}em{font-style:italic}a,a:link,a:active,a:visited{color:#000;transition:all .35s}a:hover,a:link:hover,a:active:hover,a:visited:hover{color:#555}h1{font-size:clamp(2rem,3vw,3rem);line-height:100%;margin-bottom:20px}h2{font-family:"gopher",sans-serif;font-size:clamp(1.5rem,1.007rem + 2.006vi,2.813rem);line-height:1.2;font-weight:normal;margin-bottom:30px}@media(min-width: 600px){h2{margin-bottom:90px}}h3{font-size:clamp(1rem,1.25vw,1.5rem);font-size:clamp(1.125rem,.703rem + 1.719vi,2.25rem);font-family:"gopher",sans-serif;line-height:1.2;font-weight:normal}h5{font-family:"DM Sans",system-ui,"Roboto",sans-serif;font-size:1rem !important;line-height:140%;font-weight:600;text-transform:uppercase;letter-spacing:1px}p{font-size:clamp(1rem,1.125vw,1.2rem);line-height:120%;margin-block-end:1rem}.orange{color:#ff8f00}.theText p{font-family:"DM Sans",system-ui,"Roboto",sans-serif;color:#333;font-size:clamp(1.125rem,1.059rem + .289vi,1.313rem);font-weight:400}.mainMenu{background-color:#000;border-left:1px solid #333;color:#fff;position:fixed;z-index:2;width:auto;height:100%;top:0;right:0;padding:2rem 3.5rem;padding-top:2rem;transition:transform .25s;transition-timing-function:cubic-bezier(0.83, 0.16, 0.3, 1);transform:translateX(calc(100% - 3.5rem))}@media(min-width: 600px){.mainMenu{padding:3rem 4.2rem}}.mainMenu a,.mainMenu a:link,.mainMenu a:active,.mainMenu a:visited{color:#fff}.mainMenu a:hover,.mainMenu a:link:hover,.mainMenu a:active:hover,.mainMenu a:visited:hover{color:#ff8f00}.mainMenu .menuToggle{margin-left:-2.5rem;margin-bottom:2rem;width:24px;height:15px;transform:rotate(0deg);transition:.35s ease-in-out;cursor:pointer}@media(min-width: 600px){.mainMenu .menuToggle{margin-left:-3rem}}.mainMenu .menuToggle:hover span{background:#ff8f00}.mainMenu .menuToggle span{display:block;position:absolute;height:1px;width:100%;background:#fff;opacity:1;left:0;transform:rotate(0deg);transition:.35s ease-in-out}.mainMenu .menuToggle span:nth-child(1){top:0px}.mainMenu .menuToggle span:nth-child(2){top:calc(50% - .5px)}.mainMenu .menuToggle span:nth-child(3){top:14px}.mainMenu .menuToggle.open span{background:#fff}.mainMenu .menuToggle.open span:nth-child(1){transform-origin:center;transform:rotate(45deg);top:50%}.mainMenu .menuToggle.open span:nth-child(2){width:0}.mainMenu .menuToggle.open span:nth-child(3){transform-origin:center;transform:rotate(-45deg);top:50%}.mainMenu .menuToggle .menuSwitch{height:20px;display:block}.mainMenu nav h3{font-size:clamp(1rem,1.25vw,1.5rem);line-height:150%;padding-block-end:.5rem;margin-block-end:.5rem;color:#ff8f00;border-bottom:1px solid #fff;font-weight:700}.mainMenu nav h3 a,.mainMenu nav h3 a:link,.mainMenu nav h3 a:active,.mainMenu nav h3 a:visited{color:#ff8f00}.mainMenu nav h3 a:hover,.mainMenu nav h3 a:link:hover,.mainMenu nav h3 a:active:hover,.mainMenu nav h3 a:visited:hover{color:#fff}.mainMenu nav ul li{padding-inline-end:2vw;font-size:clamp(1.25rem,2vw,2.5rem);font-weight:300;line-height:150%;border-bottom:1px solid #555;font-family:"gopher",sans-serif}.mainMenu nav ul li a,.mainMenu nav ul li a:link,.mainMenu nav ul li a:active,.mainMenu nav ul li a:visited{display:block;padding:.5rem 0}.mainMenu nav ul li a:hover,.mainMenu nav ul li a:link:hover,.mainMenu nav ul li a:active:hover,.mainMenu nav ul li a:visited:hover{color:#ff8f00}.mainMenu nav ul.infoLinks{margin-block-end:2rem}.mainMenu nav ul.infoLinks li{font-size:clamp(1rem,1.25vw,1.5rem);line-height:150%;font-weight:500;line-height:150%;border-top:1px solid #fff}.mainMenu nav ul.infoLinks li:last-child{border-bottom:none}.mainMenu nav ul.infoLinks li a,.mainMenu nav ul.infoLinks li a:link,.mainMenu nav ul.infoLinks li a:active,.mainMenu nav ul.infoLinks li a:visited{color:#ff8f00;padding:.75rem 0}.mainMenu nav ul.infoLinks li a:hover,.mainMenu nav ul.infoLinks li a:link:hover,.mainMenu nav ul.infoLinks li a:active:hover,.mainMenu nav ul.infoLinks li a:visited:hover{color:#fff}.mainMenu nav ul.socialLinks{display:flex;justify-content:flex-start;grid-gap:1.5rem}.mainMenu nav ul.socialLinks li{padding:0;border:none}@media(min-width: 600px){.mainMenu{transform:translateX(calc(100% - 4rem))}}.mainMenu.open{transform:translateX(0)}@keyframes chroma01{from{transform:translateX(-1.5%)}50%{transform:translateX(0%)}100%{ptransform:translateX(-1.5%)}}@keyframes chroma02{from{transform:translateX(0%)}50%{transform:translateX(-1.5%)}100%{ptransform:translateX(0%)}}.backBar{padding:2rem 3vw}.backBar a,.backBar a:link,.backBar a:active,.backBar a:visited{color:#fff;display:flex;justify-content:flex-start;gap:20px;font-weight:bold;font-size:1.2rem}.backBar a .arrow,.backBar a:link .arrow,.backBar a:active .arrow,.backBar a:visited .arrow{transition:transform .3s cubic-bezier(0.16, -0.18, 0.37, 1.51);width:26px}.backBar a .arrow svg,.backBar a:link .arrow svg,.backBar a:active .arrow svg,.backBar a:visited .arrow svg{fill:#fff}.backBar a:hover,.backBar a:link:hover,.backBar a:active:hover,.backBar a:visited:hover{color:#ff8f00}.backBar a:hover .arrow,.backBar a:link:hover .arrow,.backBar a:active:hover .arrow,.backBar a:visited:hover .arrow{transform:translateX(-10px)}.backBar a:hover .arrow svg,.backBar a:link:hover .arrow svg,.backBar a:active:hover .arrow svg,.backBar a:visited:hover .arrow svg{fill:#ff8f00}@media(min-width: 600px){.backBar{padding:2rem 5vw}}.layout{width:100%;max-width:1200px;margin-inline:auto;padding:0 20px}.content-grid,.full-width{--padding-inline: 1rem;--content-max-width: 1800px;--breakout-max-width: 2000px;--breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - var(--padding-inline)*2,var(--content-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content;padding-right:64px}.content-grid>.breakout,.full-width>.breakout{grid-column:breakout;padding-right:64px}.content-grid>.full-width,.full-width>.full-width{grid-column:full-width;padding-right:64px}.greyRow{background:#333;color:#fff}.blackRow{background:#000;color:#fff}.lGreyRow{background:#ccc;color:#333}.growRow{interpolate-size:allow-keywords;position:relative;z-index:1;margin-block-end:0}@media(min-width: 600px){#smooth-content{overflow-x:clip}}#loader{position:fixed;inset:0;background:#121212;display:flex;align-items:center;justify-content:center;z-index:9999}#loader-circle{position:fixed;border-radius:50%;background:#ff8f00;width:0vmax;height:0vmax;transition:width .1s ease,height .1s ease}#loader-count{position:relative;font-size:clamp(4rem,12vw,9rem);font-weight:900;color:#fff;font-variant-numeric:tabular-nums;font-family:"gopher",sans-serif;line-height:1}header{padding-block:1rem}header h1{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:bold}@media(min-width: 600px){header{padding-block:3rem}}.wireScene{position:absolute;top:-30px;z-index:0;width:100%;right:0;min-width:900px}@media(min-width: 600px){.wireScene{right:unset;top:0}}.workpage{padding-right:56px}.workpage header{padding-block:1rem;padding-inline:1rem}.workpage header h1{margin-block-end:0}@media(min-width: 960px){.workpage header{position:absolute;z-index:5;top:16px}}.aboutpage .aboutHead{padding-right:56px;background:#2e2e2e;color:#fff;padding-block:1rem;padding-inline:1rem}.aboutpage .aboutHead h1{margin-block-end:0}.aboutpage .aboutHead h1 a,.aboutpage .aboutHead h1 a:link,.aboutpage .aboutHead h1 a:active,.aboutpage .aboutHead h1 a:visited{color:#fff}.aboutpage .aboutHead h1 a:hover,.aboutpage .aboutHead h1 a:link:hover,.aboutpage .aboutHead h1 a:active:hover,.aboutpage .aboutHead h1 a:visited:hover{color:#ff8f00}@media(min-width: 600px){.aboutpage .aboutHead{padding-block:2rem;padding-inline:2rem}}.workListPage .workHead{padding-inline:1rem}@media(min-width: 600px){.workListPage .workHead{padding-inline:5vw}}.wireSceneTwo{position:absolute;top:-10px;z-index:0;width:100%;left:0;pointer-events:none;overflow:hidden}.wireSceneTwo svg{min-width:900px;stroke-width:1px}@media(min-width: 600px){.wireSceneTwo{right:unset;top:0}}footer{background:#000;color:#fff;position:relative;overflow-x:hidden;padding-block:2rem}footer a,footer a:link,footer a:active,footer a:visited{color:#ff8f00}footer a:hover,footer a:link:hover,footer a:active:hover,footer a:visited:hover{color:#fff}footer .footerImg{position:absolute;top:36px;z-index:0;width:100%;right:-40px;min-width:796px}footer .footerContact h2{font-size:clamp(1.5rem,.915rem + 2.383vw,3rem);margin-block-end:0;line-height:1.5}footer .footerContact p{font-size:clamp(1rem,.707rem + 1.192vw,1.75rem);line-height:1.5;margin-block-end:0}footer .footerSocial p{font-size:clamp(1rem,.707rem + 1.192vw,1.75rem);line-height:1.5;margin-block-end:0}@media(min-width: 600px){footer{padding-block:4rem;padding-inline:4.5vw}footer .footerImg{display:flex;bottom:0;top:unset;right:64px;min-width:unset;width:100%}footer .footerContact{z-index:1}footer .footerContact .footerDetails{gap:20px;justify-content:space-between;margin-block-end:70px}}body.homepage{display:grid;grid-template-rows:auto 1fr}body.homepage .homeContent hgroup{display:flex;flex-direction:column;justify-content:flex-end;min-height:30vh}body.homepage .homeContent hgroup h1{font-family:"gopher",sans-serif;font-weight:800;font-size:clamp(4rem,25vw,22rem);font-size:clamp(7.5rem,2.128rem + 21.872vi,21.813rem);overflow:hidden;margin-block-end:-10px}body.homepage .homeContent hgroup h2{font-family:"gopher",sans-serif;font-size:2.25rem;font-size:clamp(1.313rem,.961rem + 1.433vi,2.25rem);font-weight:700;line-height:110%;overflow:hidden;max-width:23ch}body.homepage .homeContent .introPara{margin-block-start:4rem;padding-inline-start:2rem}body.homepage .homeContent .introPara p{max-width:30ch;text-wrap:balance;font-size:clamp(1rem,.812rem + .764vi,1.5rem);line-height:1.2}body.homepage .homeContent .introPara p div{overflow:hidden}@media(min-width: 600px){body.homepage .homeContent{align-self:flex-end;padding-bottom:8dvh}body.homepage .homeContent .homeText{display:grid;grid-template-columns:1fr 1fr;gap:20px}body.homepage .homeContent .homeText hgroup{grid-row:1;grid-column:1/span 2;min-height:80vh}body.homepage .homeContent .homeText .introPara{margin-block:5rem;padding-inline-start:0;grid-column:2;grid-row:2}body.homepage .homeContent .homeText .introPara p{max-width:30ch;text-wrap:balance;font-size:clamp(1rem,.812rem + .764vi,1.5rem);line-height:1.2}}body.homepage .growRow{width:100%;overflow-x:hidden}@media(min-width: 600px){body.homepage .growRow{margin-block:90px;margin-block:0;position:relative;width:100%}}body.homepage .growRow hgroup{padding-inline:2rem;padding-block-start:2rem}@media(min-width: 600px){body.homepage .growRow hgroup{padding-block-start:4rem;padding-right:100px}}body.homepage .growRow .projectCards{padding-block:0rem;margin-block-end:2rem;overflow-x:visible;padding-inline:1rem;padding-inline-end:70px}body.homepage .growRow .projectCards .projectCard{margin-bottom:2rem;width:fit-content;max-width:1100px;flex-shrink:0}body.homepage .growRow .projectCards .projectCard .projectImg{margin-block-end:.65rem}body.homepage .growRow .projectCards .projectCard .projectCardTxt h3{margin-block-end:.5rem}body.homepage .growRow .projectCards .projectCard .projectCardTxt h3 a,body.homepage .growRow .projectCards .projectCard .projectCardTxt h3 a:link,body.homepage .growRow .projectCards .projectCard .projectCardTxt h3 a:active,body.homepage .growRow .projectCards .projectCard .projectCardTxt h3 a:visited{color:#fff}body.homepage .growRow .projectCards .projectCard .projectCardTxt h3 a:hover,body.homepage .growRow .projectCards .projectCard .projectCardTxt h3 a:link:hover,body.homepage .growRow .projectCards .projectCard .projectCardTxt h3 a:active:hover,body.homepage .growRow .projectCards .projectCard .projectCardTxt h3 a:visited:hover{color:#ff8f00}body.homepage .growRow .projectCards .projectCard .projectCardTxt ul{font-size:clamp(.875rem,.781rem + .382vi,1.125rem);font-size:clamp(.875rem,.828rem + .191vi,1rem);color:#ccc}@media(min-width: 600px){body.homepage .growRow .projectCards{padding-right:80px;display:flex;gap:5vw;flex-shrink:0;padding-inline:0;padding-inline-end:0;width:100vw;overflow:visible}body.homepage .growRow .projectCards .projectCard .projectImg{margin-block-end:1rem;width:100%;min-width:unset max-width 70vw}body.homepage .growRow .projectCards .projectCard .projectCardTxt{display:grid;gap:3vw;grid-template-columns:4fr 1fr}body.homepage .growRow .projectCards .projectCard .projectCardTxt ul{padding-top:18px;line-height:1.25;font-weight:300}}body.homepage .growRow .moreProjects{position:relative;padding-inline:1rem;margin-bottom:2rem}body.homepage .growRow .moreProjects a,body.homepage .growRow .moreProjects a:link,body.homepage .growRow .moreProjects a:active,body.homepage .growRow .moreProjects a:visited{color:#fff;display:flex;justify-content:flex-start;gap:20px;font-weight:bold;font-size:1.2rem}body.homepage .growRow .moreProjects a .arrow,body.homepage .growRow .moreProjects a:link .arrow,body.homepage .growRow .moreProjects a:active .arrow,body.homepage .growRow .moreProjects a:visited .arrow{transition:transform .3s cubic-bezier(0.16, -0.18, 0.37, 1.51);width:32px}body.homepage .growRow .moreProjects a .arrow svg,body.homepage .growRow .moreProjects a:link .arrow svg,body.homepage .growRow .moreProjects a:active .arrow svg,body.homepage .growRow .moreProjects a:visited .arrow svg{fill:#fff}body.homepage .growRow .moreProjects a:hover,body.homepage .growRow .moreProjects a:link:hover,body.homepage .growRow .moreProjects a:active:hover,body.homepage .growRow .moreProjects a:visited:hover{color:#ff8f00}body.homepage .growRow .moreProjects a:hover .arrow,body.homepage .growRow .moreProjects a:link:hover .arrow,body.homepage .growRow .moreProjects a:active:hover .arrow,body.homepage .growRow .moreProjects a:visited:hover .arrow{transform:translateX(10px)}body.homepage .growRow .moreProjects a:hover .arrow svg,body.homepage .growRow .moreProjects a:link:hover .arrow svg,body.homepage .growRow .moreProjects a:active:hover .arrow svg,body.homepage .growRow .moreProjects a:visited:hover .arrow svg{fill:#ff8f00}@media(min-width: 600px){body.homepage .growRow .moreProjects{margin-block:3rem;text-align:right}body.homepage .growRow .moreProjects a,body.homepage .growRow .moreProjects a:link,body.homepage .growRow .moreProjects a:active,body.homepage .growRow .moreProjects a:visited{justify-content:flex-end}}body.homepage .homeCTA{margin-block:2rem;margin-top:4rem}body.homepage .homeCTA h1{font-family:"gopher",sans-serif;font-size:clamp(1.75rem,1.093rem + 2.674vi,3.5rem);text-wrap:balance;font-weight:normal;margin-block-end:.5rem}body.homepage .homeCTA p{font-size:clamp(1rem,.812rem + .764vi,1.5rem);font-weight:300}body.homepage .homeCTA p a,body.homepage .homeCTA p a:link,body.homepage .homeCTA p a:active,body.homepage .homeCTA p a:visited{color:#ff8f00}body.homepage .homeCTA p a:hover,body.homepage .homeCTA p a:link:hover,body.homepage .homeCTA p a:active:hover,body.homepage .homeCTA p a:visited:hover{color:#fff}body.homepage .homeCTA p:first-child{margin-block-end:0}@media(min-width: 600px){body.homepage .homeCTA{margin-block:4rem;margin-top:6rem}body.homepage .homeCTA .ctaLinks{display:flex;gap:20px;justify-content:space-between}}.workpage .loadBar{border-top:10px solid #ff8f00}@media(min-width: 600px){.workpage .loadBar{border-top:12px solid #ff8f00}}.workpage .projectHeader__img{width:100%;overflow:hidden}.workpage .projectHeader__img img{width:100%;height:130%;object-fit:cover;object-position:center;will-change:transform;display:block}.workpage .projectHeader__title{padding:20px}.workpage .projectHeader__title hgroup h1{font-size:clamp(4rem,2.775rem + 5.4vi,7rem);color:#ff8f00;font-family:"gopher",sans-serif;line-height:85%}.workpage .projectHeader__title hgroup h2{font-size:clamp(1.313rem,1.072rem + 1.061vi,2rem);color:#555;padding-left:20%;font-weight:400;text-wrap:balance}@media(min-width: 960px){.workpage .projectHeader{display:grid;grid-template-columns:3fr 4fr;min-height:70dvh;gap:30px;margin-bottom:100px}.workpage .projectHeader__title{padding:0;align-self:flex-end}.workpage .projectHeader__title hgroup h2{padding-left:0;font-weight:500;margin-bottom:0;max-width:36ch}}.workpage .projectDetails{padding-inline:20px;margin-bottom:50px}.workpage .projectDetails__skills{font-size:clamp(.875rem,.787rem + .386vi,1.025rem)}.workpage .projectDetails__skills ul{margin-bottom:30px;coloR:#555}.workpage .projectDetails__skills__collab{margin-bottom:30px}.workpage .projectDetails__skills__collab p{font-size:clamp(.875rem,.787rem + .386vi,1.025rem);max-width:25ch;text-wrap:balance}.workpage .projectDetails__intro p{font-family:"DM Sans",system-ui,"Roboto",sans-serif;color:#333;font-size:clamp(1.125rem,1.059rem + .289vi,1.313rem);font-weight:400}@media(min-width: 960px){.workpage .projectDetails{display:grid;grid-template-columns:3fr 4fr;gap:30px;margin-bottom:120px}.workpage .projectDetails__skills{font-size:clamp(.875rem,.787rem + .386vi,1.025rem)}.workpage .projectDetails__skills ul{line-height:125%}.workpage .projectDetails__skills__collab{margin-bottom:30px}.workpage .projectDetails__skills__collab p{font-size:clamp(.875rem,.787rem + .386vi,1.025rem);max-width:25ch;text-wrap:balance}.workpage .projectDetails__skills__collab p a:hover,.workpage .projectDetails__skills__collab p a:link:hover,.workpage .projectDetails__skills__collab p a:active:hover,.workpage .projectDetails__skills__collab p a:visited:hover{color:#ff8f00}.workpage .projectDetails__intro p{font-family:"DM Sans",system-ui,"Roboto",sans-serif;color:#333;font-size:clamp(1.125rem,1.059rem + .289vi,1.313rem);font-weight:400}.workpage .projectDetails__intro>*{max-width:40ch}}.workpage .project__bigVideo{margin-block-end:40px;width:100%;padding:30px 30px;background:#eae9e9}@media(min-width: 960px){.workpage .project__bigVideo{padding:60px}.workpage .project__bigVideo .embed{max-width:1440px;margin-inline:auto}}.workpage .project__textImg{padding:20px;margin-block-end:50px}.workpage .project__textImg__text{margin-block-end:30px}@media(min-width: 960px){.workpage .project__textImg{margin-block:100px;padding-inline:5vw;display:grid;gap:5vw;grid-template-columns:1fr 2fr}.workpage .project__textImg__text{position:relative}.workpage .project__textImg__text .theText{position:sticky;padding-block-start:2rem;top:0;max-width:40ch}.workpage .project__textImg__img{text-align:right;padding-inline-end:15px}.workpage .project__textImg__img img{width:100%}}.workpage .project__mobileBox{border-top:15px solid #ff8f00;margin-block-end:40px;background:#555;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}@media(min-width: 600px){.workpage .project__mobileBox{flex-direction:row;flex-shrink:1;justify-content:center;gap:7vw;padding-block:5vw}.workpage .project__mobileBox img{width:100%}}.workpage .project__imgText{padding:20px}.workpage .project__imgText__img{margin-block-end:20px}.workpage .project__imgText__img img{width:100%}.workpage .project__imgText__text{margin-block-end:30px}@media(min-width: 960px){.workpage .project__imgText{margin-block:100px;padding-inline:5vw;display:grid;gap:5vw;grid-template-columns:3fr 2fr}.workpage .project__imgText__text{position:relative}.workpage .project__imgText__text .theText{position:sticky;padding-block-start:2rem;top:0;max-width:40ch}.workpage .project__imgText__img{padding-inline-end:15px}.workpage .project__imgText__img img{width:100%}}.workpage .project__textLngImg{padding:20px;margin-block-end:50px}.workpage .project__textLngImg__text{margin-block-end:30px}.workpage .project__textLngImg__img img{width:100%}@media(min-width: 960px){.workpage .project__textLngImg{margin-block:160px;padding-inline:5vw;display:grid;gap:5vw;grid-template-columns:1fr 1fr}.workpage .project__textLngImg__text{position:relative}.workpage .project__textLngImg__text .theText{position:sticky;padding-block-start:2rem;top:0;max-width:40ch}.workpage .project__textLngImg__img{text-align:right;padding-inline-end:15px}.workpage .project__textLngImg__img img{width:100%}}.aboutTop{background:#2e2e2e;color:#fff;padding-inline:20px;margin-inline-end:56px;padding-block-end:3rem;display:grid;grid-template-columns:4fr 6fr}@media(min-width: 600px){.aboutTop{gap:0 7vw;padding-inline:5vw}}.aboutTop .aboutHeader{padding:20px 0;grid-column:1/span 2}.aboutTop .aboutHeader h1{font-family:"gopher",sans-serif;font-size:clamp(3.375rem,.419rem + 12.034vw,11.25rem);color:#ff8f00}@media(min-width: 600px){.aboutTop .aboutHeader{margin-bottom:50px}}.aboutTop .aboutPic{grid-column:1/span 2;padding:0 20px;text-align:right;width:100%;margin-block-end:40px;position:relative;aspect-ratio:4/5;overflow:hidden;animation:circle-reveal .5s var(--customCurve) both}.aboutTop .aboutPic img{max-width:85%;width:100%;height:115%;object-fit:cover;margin-top:-7.5%;will-change:transform}@media(min-width: 600px){.aboutTop .aboutPic{grid-column:1/span 1;margin-block-end:4vw;text-align:left;padding:0}.aboutTop .aboutPic img{width:100%;max-width:unset}}.aboutTop .aboutText{grid-column:1/span 2}.aboutTop .aboutText article{margin-block-end:50px}.aboutTop .aboutText article h4{font-size:clamp(1.313rem,1.054rem + 1.051vw,2rem);font-weight:500;line-height:1.2;margin-bottom:30px}.aboutTop .aboutText article p{font-size:clamp(1.125rem,.89rem + .955vw,1.75rem);line-height:1.3;margin-bottom:1.125rem;text-wrap:pretty}@media(min-width: 600px){.aboutTop .aboutText{grid-column:2/span 1;grid-row:3/span 1}.aboutTop .aboutText article{max-width:42ch}.aboutTop .aboutText article h4{margin-block-end:50px;line-height:1.3}.aboutTop .aboutText article p{margin-block-end:50px;line-height:1.3;font-weight:300}}.aboutTop .aboutSkills{grid-column:2/span 1;font-size:clamp(.938rem,.867rem + .287vw,1.125rem)}.aboutTop .aboutSkills ul{margin-block-end:40px}.aboutTop .aboutSkills ul li{line-height:1.5;font-weight:300}@media(min-width: 600px){.aboutTop .aboutSkills{grid-column:1;grid-row:3;align-self:center}}.aboutServices{padding:30px 20px;padding-inline-end:56px}.aboutServices hgroup{margin-block-end:50px}.aboutServices hgroup h2{font-size:clamp(2rem,.874rem + 4.585vw,5rem)}.aboutServices .servicesList{padding-inline-end:1rem;margin-block-end:30px}.aboutServices .servicesList__item{border-top:1px solid #333;margin-block-end:40px}.aboutServices .servicesList__item__heading a,.aboutServices .servicesList__item__heading a:link,.aboutServices .servicesList__item__heading a:active,.aboutServices .servicesList__item__heading a:visited{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;padding-block:.75rem;margin-block-end:1rem}.aboutServices .servicesList__item__heading a h4,.aboutServices .servicesList__item__heading a:link h4,.aboutServices .servicesList__item__heading a:active h4,.aboutServices .servicesList__item__heading a:visited h4{font-size:clamp(1.313rem,1.242rem + .287vw,1.5rem);font-weight:500;line-height:1.2}.aboutServices .servicesList__item__heading a span,.aboutServices .servicesList__item__heading a:link span,.aboutServices .servicesList__item__heading a:active span,.aboutServices .servicesList__item__heading a:visited span{margin-block-start:5px;display:flex;align-items:center;transition:transform .25s}.aboutServices .servicesList__item__heading a:hover,.aboutServices .servicesList__item__heading a:link:hover,.aboutServices .servicesList__item__heading a:active:hover,.aboutServices .servicesList__item__heading a:visited:hover{color:#fff}.aboutServices .servicesList__item__text{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;overflow:hidden}.aboutServices .servicesList__item__text p{font-family:"DM Sans",system-ui,"Roboto",sans-serif;color:#333;font-size:clamp(1.125rem,1.059rem + .289vi,1.313rem);font-weight:400}.aboutServices .servicesList__item__text>*{min-height:0}.aboutServices .servicesList__item__text p{text-wrap:pretty}.aboutServices .servicesList__item__text p:last-child{margin-block-end:0}.aboutServices .servicesList__item.open .servicesList__item__heading a span,.aboutServices .servicesList__item.open .servicesList__item__heading a:link span,.aboutServices .servicesList__item.open .servicesList__item__heading a:active span,.aboutServices .servicesList__item.open .servicesList__item__heading a:visited span{transform:rotate(45deg)}.aboutServices .servicesList__item.open .servicesList__item__text{grid-template-rows:1fr}.aboutServices .extraInfo{font-size:clamp(1rem,.812rem + .764vw,1.5rem);font-weight:600}@media(min-width: 600px){.aboutServices{padding:100px 5vw;margin-inline-end:56px;display:grid;grid-template-columns:4fr 6fr;gap:0 7vw}.aboutServices .servicesList{padding-inline-end:1rem;margin-block-end:30px;max-width:640px;padding-top:20px}.aboutServices .servicesList__item__heading a:hover,.aboutServices .servicesList__item__heading a:link:hover,.aboutServices .servicesList__item__heading a:active:hover,.aboutServices .servicesList__item__heading a:visited:hover{color:#fff}.aboutServices .servicesList__item__text{max-width:50ch}.aboutServices .servicesList__item.open{border-top:1px solid #fff}.aboutServices .servicesList__item.open .servicesList__item__heading a,.aboutServices .servicesList__item.open .servicesList__item__heading a:link,.aboutServices .servicesList__item.open .servicesList__item__heading a:active,.aboutServices .servicesList__item.open .servicesList__item__heading a:visited{color:#fff}.aboutServices .extraInfo{font-size:clamp(1rem,.812rem + .764vw,1.2rem);font-weight:600;margin-bottom:0}}body.workListPage{background:#a0a0a0}body.workListPage .workHeader{padding-inline:1rem}body.workListPage .workHeader h1{line-height:.9;font-size:clamp(54px,37.609px + 4.171vw,96px);font-family:"gopher",sans-serif}body.workListPage .workHeader h1 span{display:block}body.workListPage .workHeader h1 span:last-child{padding-left:3em}@media(min-width: 600px){body.workListPage .workHeader{padding-inline:5vw;margin-bottom:6vw}body.workListPage .workHeader h1 span:last-child{padding-left:3em}}body.workListPage .workList{padding-inline:1rem;margin-inline-end:56px}@media(min-width: 600px){body.workListPage .workList{display:grid;gap:6vw 9vw;grid-template-columns:1fr 1fr;padding-inline:5vw}}body.workListPage .workList .workCard{margin-bottom:40px;position:relative}body.workListPage .workList .workCard__img{margin-block-end:.5rem;overflow:hidden}body.workListPage .workList .workCard__text h3{font-family:"gopher",sans-serif;font-weight:500;line-height:1.2;font-size:clamp(18px,16.222px + .556vw,24px)}body.workListPage .workList .workCard__text h3 a,body.workListPage .workList .workCard__text h3 a:link,body.workListPage .workList .workCard__text h3 a:active,body.workListPage .workList .workCard__text h3 a:visited{color:#000}body.workListPage .workList .workCard__text h3 a:hover,body.workListPage .workList .workCard__text h3 a:link:hover,body.workListPage .workList .workCard__text h3 a:active:hover,body.workListPage .workList .workCard__text h3 a:visited:hover{color:#fff}body.workListPage .workList .workCard__text p{font-size:clamp(16px,14.519px + .463vw,21px)}body.workListPage .workList .workCard__text p a,body.workListPage .workList .workCard__text p a:link,body.workListPage .workList .workCard__text p a:active,body.workListPage .workList .workCard__text p a:visited{color:#fff}body.workListPage .workList .workCard__text p a:hover,body.workListPage .workList .workCard__text p a:link:hover,body.workListPage .workList .workCard__text p a:active:hover,body.workListPage .workList .workCard__text p a:visited:hover{color:#000}body.workListPage .workList .workCard .blackBird01{position:absolute;width:48px;top:-21px;left:20px;z-index:10}body.workListPage .workList .workCard .blackBird02{position:absolute;width:27px;top:-30px;right:20px;z-index:10}body.workListPage .workList .workCard .blackBird03{position:absolute;width:27px;top:-30px;right:20px;z-index:10}@media(min-width: 600px){body.workListPage .workList .workCard{grid-row:span 2}body.workListPage .workList .workCard:nth-child(odd){grid-column:1/span 1}body.workListPage .workList .workCard:nth-child(even){grid-column:2/span 1;margin-left:auto}body.workListPage .workList .workCard:nth-child(2){grid-column:2/span 1;grid-row:2/span 2}body.workListPage .workList .workCard__img{margin-block-end:1rem}body.workListPage .workList .workCard__img img{width:100%}body.workListPage .workList .workCard__text{display:flex;gap:unit;justify-content:space-between}body.workListPage .workList .workCard__text h3 a,body.workListPage .workList .workCard__text h3 a:link,body.workListPage .workList .workCard__text h3 a:active,body.workListPage .workList .workCard__text h3 a:visited{color:#000}body.workListPage .workList .workCard__text h3 a:hover,body.workListPage .workList .workCard__text h3 a:link:hover,body.workListPage .workList .workCard__text h3 a:active:hover,body.workListPage .workList .workCard__text h3 a:visited:hover{color:#fff}body.workListPage .workList .workCard__text p{font-size:clamp(16px,14.519px + .463vw,21px)}body.workListPage .workList .workCard__text p a,body.workListPage .workList .workCard__text p a:link,body.workListPage .workList .workCard__text p a:active,body.workListPage .workList .workCard__text p a:visited{color:#fff}body.workListPage .workList .workCard__text p a:hover,body.workListPage .workList .workCard__text p a:link:hover,body.workListPage .workList .workCard__text p a:active:hover,body.workListPage .workList .workCard__text p a:visited:hover{color:#000}body.workListPage .workList .workCard .blackBird01{position:absolute;width:60px;top:-26px;left:26px}body.workListPage .workList .workCard .blackBird02{position:absolute;width:36px;top:-42px;right:80px}body.workListPage .workList .workCard .blackBird03{position:absolute;width:36px;top:-30px;right:120px}}