#root{align-self:center;font-family:"Cactus Classical Serif",sans-serif;line-height:1.5;font-weight:400;text-shadow:0px 0px 0px black;-webkit-text-stroke:0px black;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{width:100%;height:auto;object-fit:cover}a,button{color:var(--accent);cursor:pointer;text-decoration:none}body{background-color:var(--bg);color:var(--text);margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh}hr{border:none;height:2px;width:100%;background-color:var(--accent)}html{scroll-behavior:smooth}section{scroll-margin-top:70px}select{min-width:100px;text-align:center;font-size:18px}button{font-family:var(--text-font);text-align:start}.grow-btn{position:relative;background:none;border:none;color:var(--accent);cursor:pointer}.grow-btn:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background-color:var(--accent);transition:width .3s ease}.grow-btn:hover:after{width:100%}h3{font-family:Anton SC}.service-box{flex:1;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.image-box{overflow:hidden;border:2px solid var(--accent);line-height:0}.image-box img{min-width:200px;max-width:600px;max-height:500px;width:var(--body-image-width);height:clamp(300px,30vw,400px)}.banner-box{width:100%;height:400px;background:url(/hoodie-logo.webp) center/cover no-repeat;background-attachment:fixed;box-shadow:0 0 0 var(--accent);outline:0px solid var(--accent);display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;padding-left:.5em}.test-container{flex:1;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.test-box{flex:1;background-color:var(--surface);border-radius:1rem;padding:1rem;display:flex;flex-flow:column nowrap}.author{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:0rem;padding:1rem 0rem}.author-pic{width:clamp(128px,10vw,256px);height:clamp(128px,10vw,256px);border-radius:50%}.test{background-color:var(--accent);border-radius:1rem;display:flex;flex-flow:column nowrap;justify-content:center;margin:2rem}.quote{font-size:var(--text-size);color:var(--bg);padding:0rem 2rem}#quote-right{align-self:end}.project-title{padding:0rem 1rem;font-size:var(--heading-size)}.project-info{padding:0rem 1rem;font-size:var(--text-size)}.project-box:has(.image-box:in-view) .image-box{opacity:1;transform:translate(0)}.moveRight-in{animation:move-right-in 2s ease forwards}.moveRight-out{animation:move-right-out 2s ease forwards}.moveLeft-in{animation:move-left-in 2s ease forwards}.moveLeft-out{animation:move-left-out 2s ease forwards}.moveUp-in{animation:move-up-in 2s ease forwards}.moveUp-out{animation:move-up-out 2s ease forwards}.moveDown-in{animation:move-down-in 2s ease forwards}.moveDown-out{animation:move-down-out 2s ease forwards}@keyframes move-right-in{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes move-right-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes move-left-in{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes move-left-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes move-up-in{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}@keyframes move-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-200px)}}@keyframes move-down-in{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}@keyframes move-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(200px)}}@media screen and (max-width:500px){.test-box{flex-flow:column nowrap}.author{flex-flow:row nowrap;text-align:center}.author-pic{width:clamp(128px,50vw,256px);height:clamp(128px,50vw,256px)}}.slideshow{flex:2;position:relative;width:100%;max-width:100%;max-height:1200px;height:clamp(400px,90vw,800px);margin:0 auto;overflow:hidden;display:flex;align-items:center}.slide-wrapper{flex:1;min-width:0;display:flex;justify-content:center;align-items:center}.slide{width:100%;max-height:1200px;height:clamp(400px,90vw,800px);object-fit:cover;display:block;opacity:0;transition:opacity .4s ease}.fade-in{opacity:1}.fade-out{opacity:0}.nav{background:none;border:none;font-size:2rem;cursor:pointer;padding:0 10px;color:#fff;-webkit-user-select:none;user-select:none}:root{--bg: #1A1A1A;--surface: #313131;--text: #EBAF00;--accent: #EBAF00;--highlight: #F78166;--logo-size: clamp(50px, 5vw, 80px);--header-size: clamp(24px, 4vw, 2em);--nav-size: clamp(18px, 2vw, 1.2em);--heading-size: clamp(1.6em, 2vw, 2em);--text-size: clamp(1.2em, 2vw, 1.4em);--banner-size: clamp(2em, 4vw, 6em);--button-font-size: clamp(.6em, 100%, 1em);--body-image-width: clamp(400px, 40vw, 600px);--icon-image-width: clamp(24px, 10vw, 48px);--footer-size: clamp(12px, 2vw, 1em);--footer-image-width: clamp(150px, 20vw, 400px);--heading-font: "Anton SC";--text-font: "Cactus Classical Serif"}.page{min-height:800px;display:flex;flex-flow:column nowrap}.header{position:sticky;font-family:var(--heading-font);color:var(--text);background-color:var(--bg);width:100%;height:80px;border-bottom:4px solid var(--accent);top:0;left:0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;z-index:99}.head-title{position:relative;flex:1;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:1em;padding-left:2rem}.header-logo{height:80px;width:140px}.home-button{font-size:var(--header-size);font-family:var(--heading-font);line-height:1}.head-nav{flex:2;display:flex;flex-flow:row nowrap;gap:1em}nav{font-size:var(--nav-size);font-family:var(--text-font);flex:2;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;text-align:center;column-gap:2rem}.nav-item{max-width:200px;padding:0;border-bottom:2px solid transparent;transition:all .25s}.head-social{font-size:var(--nav-size);font-family:var(--text-font);flex:1;display:flex;flex-flow:row nowrap;justify-content:center;align-items:start;gap:1rem}.ham-box{width:64px;height:auto;display:flex;justify-content:center;align-items:center}.hamburger{width:32px;height:32px;display:none;flex-flow:column nowrap;justify-content:space-evenly;background:none;border:none;padding:0;cursor:pointer}.hamburger span{display:block;height:4px;width:100%;background:var(--accent);border-radius:2px}.mobile-sidebar{box-sizing:border-box;position:fixed;top:84px;right:-200px;width:200px;height:40vh;background:#111;border-bottom-left-radius:1em;border-left:4px solid var(--accent);border-bottom:4px solid var(--accent);padding:1rem;font-size:var(--nav-size);display:none;flex-flow:column nowrap;gap:1.5rem;transition:right .3s ease}.mobile-sidebar.open{right:0}.content{background-color:var(--bg);min-height:100vh;width:100%;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;gap:2rem;padding-top:0;padding-bottom:0rem}#front{min-width:0;min-height:0;width:100%;height:clamp(500px,90vw,800px);background-color:var(--surface);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.title-block{flex:1;font-family:Anton SC;justify-content:center;align-items:center;text-align:center}.title-1{font-size:clamp(48px,5vw,144px);-webkit-text-stroke:2px black;text-shadow:-2px 2px 4px white}.title-2{font-size:clamp(24px,5vw,64px);color:#f5f5f5}.title-3{font-size:clamp(48px,5vw,144px);text-decoration:underline}.title-4{font-size:clamp(24px,5vw,64px);color:#f5f5f5}#services{width:100%;min-height:800px;background:var(--bg);display:flex;flex-flow:column wrap;justify-content:center;align-items:center;gap:2em}.s-textbox{flex:1;padding:0rem 2rem}.s-images{flex:1;padding:0rem 4rem}.s-title{flex:1;font-size:var(--heading-size);font-family:var(--heading-font);letter-spacing:0px;padding:1rem 0rem}.s-text{font-size:var(--text-size);font-family:var(--text-font);padding-bottom:1rem}.service-container{width:100%;height:auto;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:1rem}#banner{width:100%;max-height:600px;background:var(--surface);font-size:var(--banner-size);font-family:Anton SC;flex:1;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}#testimonials{min-height:600px;height:auto;position:relative;overflow-x:hidden;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding:0rem 2rem;gap:4rem}.footer{width:100%;height:auto;font-size:var(--footer-size);color:var(--text);background-color:var(--surface);border-top:4px solid var(--accent);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;margin-top:2em}.footer-top{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;margin-top:2em;margin-bottom:2em}.footer-bottom{width:100%;font-family:var(--text-font);font-size:14px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:1em;padding:1em 0}.footer-bottom>img{width:32px;height:auto;padding-left:1em}.footer-logo{flex:1;min-width:100px;max-width:400px;width:var(--footer-image-width);height:auto;text-align:left;padding:0em 2rem}.company{flex:1;display:flex;flex-flow:row nowrap;justify-content:space-around}.company-nav,.company-services,.company-contact{display:flex;flex-flow:column wrap;font-size:var(--footer-size);letter-spacing:2px;padding:0rem .5rem;gap:1rem}.footbtn{font-size:var(--footer-size)}.social-container{max-width:400px;height:auto;word-wrap:break-word;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:1rem}.social{width:100%;height:auto;word-wrap:break-word;font-size:16px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.social>div{min-width:0;width:100%;height:auto}.icon{min-width:16px;width:var(--icon-image-width);height:auto;transition:all .25s ease-in-out;cursor:pointer}.icon:hover{transform:scale(1.1)}@media screen and (max-width:500px){.header-logo{height:60px;width:100px}.home-button{padding:0}.head-nav{display:none}.head-social{flex:0;flex-flow:row;gap:1rem}.hamburger,.mobile-sidebar{display:flex;font-size:24px}#front{flex-flow:column nowrap}.social-container>div{min-width:0;width:100px;height:50px}.footer-top{flex-flow:column nowrap}}