html{line-height:1.5;padding:0;margin:0}.landing-wrapper{width:100%;height:100vh;text-align:center}.name-wrapper{font-weight:600;width:60%;margin:0 auto}.branding-wrapper{position:relative;max-width:fit-content;margin:0 auto}.branding-wrapper p{margin-top:0;text-align:center}.branding-wrapper svg{width:1rem;height:1rem;fill:#eb5b00;position:absolute;top:.3rem;left:-1.2rem}.branding-wrapper .creative-keyword{color:#ff6945}.scroll-down-wrapper{position:relative;width:5rem;margin:0 auto}.scroll-down-wrapper .down-arrow{position:absolute;height:5rem;top:-35%;left:1.8rem}@media (min-width:40em){.name-wrapper{margin-top:4rem;width:80%}.name-wrapper .hey{margin-bottom:2rem}.landing-wrapper h1 div{font-size:5rem}}.featured-work-wrapper{margin:10rem 0 0;min-height:100vh}.work-title-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.work-title-wrapper h3{margin-top:0;margin-bottom:0}.external-icon{width:1.5rem;height:1.5rem}.featured-work-wrapper .work-item{height:15rem;background-color:#353535;border-radius:.5rem;color:#fff;padding:1rem;margin-bottom:1.5rem;width:90%;max-width:30rem;display:flex;flex-direction:column}.work-img{height:90%;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.work-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:0 auto}.work-1{background:linear-gradient(#5556,#07070766),url(/images/background.jpg) center/cover no-repeat;background-size:cover;background-position:center}.work-2{background:url(/images/background2.jpg);background-size:cover}.work-3{background:url(/images/background3.jpg);background-size:cover}.homepage-work-wrapper{display:flex;margin:0 auto;flex-direction:column;align-items:center;justify-content:center}.homepage-work{margin:0 auto;width:100%;height:40vh}.single-work-wrapper{height:100%;border-radius:1rem}.single-work-wrapper img{display:block;width:100%;margin:0 auto}.single-work-2 img{width:55%}@media (min-width:40em){.work-items-wrapper{display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(14rem,30rem));margin:0 auto;justify-content:center}.featured-work-wrapper .work-item{justify-self:center;height:25rem}.work-1{grid-column:1/2;grid-row:1/2}.work-2{grid-column:2/3;grid-row:1/2;margin-top:10rem;justify-self:left}.work-3{margin-top:-7rem;grid-column:1/2;grid-row:2/3}}@media (min-width: 55em){.work-item{max-width:30rem}}.about-me-wrapper{margin:0 auto}.about-me-wrapper h3{font-size:1.6rem;color:#ff6945;margin-bottom:0}.about-me-text,.about-me-tools{margin-bottom:7rem;position:relative;overflow:hidden}.about-me-text .about-number,.about-me-tools .about-number{position:absolute;font-size:11rem;font-family:Shippori Mincho B1,serif;letter-spacing:5px;right:0;font-weight:lighter;top:6rem;transform:rotate(-90deg);color:#ff6945;opacity:25%}.about-me-text .about-number{top:-2rem}.seperating-line{height:1px;border-top:1px solid rgb(193 192 192);width:40%;margin:0 auto}.who-am-i p{max-width:40rem}@media (min-width:40em){.about-me-text,.about-me-tools{max-width:50rem;margin:7rem auto}.about-me-tools{margin-top:0rem}}.toolkits-wrapper{margin-bottom:7rem;margin-top:7rem}.toolkits{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem auto;position:relative}.tool{width:fit-content;display:flex;align-items:center;justify-items:center;gap:.6rem;padding:.2rem .4rem;background-color:#fff;border-radius:1.5rem;color:#000}.tool span{order:1;font-size:.9rem}.tool img{order:0;width:1.3rem;height:1.3rem;background-color:#dfdfdf;padding:.2rem;border-radius:50%}@media (min-width:40em){.toolkits{max-width:35rem;margin-left:0}}.hamburger-menu{width:2rem;height:1.2rem;display:flex;flex-direction:column;gap:5px;position:relative;justify-content:flex-end;z-index:1000}.hamburger-menu .line{width:100%;height:1.5px;border-radius:1px;background-color:#ffffffb3;position:absolute}.top-line{top:0}.middle-line{top:50%;transform:translateY(-50%)}.bottom-line{bottom:0}.nav-links-wrapper{position:fixed;bottom:0;left:0;top:0;width:100dvw;height:100dvh;background-color:#000;display:flex;align-items:flex-end;justify-content:flex-start;transform:translate(-100%);opacity:0;pointer-events:none;transition:transform .6s ease,opacity .4s ease .8s;z-index:999}.nav-links{margin-left:1rem;margin-bottom:7rem;display:flex;flex-direction:column}.nav-links-wrapper.links-open{transform:translate(0);opacity:1;pointer-events:auto;transition:transform .6s ease,opacity .4s ease}.main-nav{display:flex;align-items:center;justify-content:space-between}.site-brand{text-decoration:none;font-family:Rouge Script,cursive;font-weight:300;font-style:normal;font-size:3rem;color:#ff6945}.main-nav li{list-style:none;margin-bottom:.5rem;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .8s ease}.main-nav li:nth-child(1){transition-delay:.5s}.main-nav li:nth-child(2){transition-delay:.7s}.main-nav li:nth-child(3){transition-delay:.9s}.nav-open li{opacity:1;transform:translateY(0);transition-delay:1.2s}.nav-links-wrapper:not(.links-open) .main-nav li{transition-delay:.2s;opacity:0;transform:translateY(20px)}.main-nav li a{color:#ffffffb3;text-decoration:none;font-size:3rem}@media (min-width:20rem){.main-nav li{list-style:none}.nav-links{display:flex;gap:1.5rem;opacity:1;transition:opacity .3s ease-in-out;padding-left:0}}@media (min-width:50em){.main-nav{position:fixed;top:0;bottom:0;left:2rem;flex-direction:column;margin:3rem 0;width:4rem;z-index:999}}footer p{border:solid 1px #ff6945;border-radius:2rem;width:50%;padding:.5rem 1rem;text-align:center;margin:0 auto;margin-bottom:2rem;margin-top:3rem;font-size:1.2rem}footer nav{margin:0 auto;width:90%}footer ul{padding-left:0}footer li{display:flex;align-items:center;justify-content:center;gap:.2rem;margin-bottom:1rem;position:relative;padding-bottom:.3rem}footer li a{text-decoration:none;color:#ffffffb3}footer li img{width:1.2rem}footer li:nth-child(1){justify-content:flex-start}footer li:nth-child(2){justify-content:center}footer li:nth-child(3){justify-content:flex-end}footer li:after{content:"";position:absolute;bottom:-.2rem;left:0;width:50%;height:.5px;background-color:#ffffffb3}footer li:nth-child(2):after{content:"";position:absolute;bottom:-.4rem;right:0;left:auto;width:50%;height:.5px;background-color:#ffffffb3}footer li:nth-child(3):after{display:none}@media (min-width: 40em){footer{max-width:25rem;margin:0 auto}}body{color:#ffffffb3;background-color:#444343;margin:2rem;max-width:100%;overflow-x:hidden;font-family:Shippori Mincho B1,serif}h1{font-size:3.5rem}h2{font-size:3rem}img{display:block}p,span{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:300;font-size:1rem;font-style:normal}@media (min-width:45em){h2{font-size:4.5rem}}@media (min-width:49em){.home-page{margin-left:7rem}}@media (min-width:55em){.home-page{margin:0 8rem}}.scroll-line{display:hidden}@media (min-width:50em){.scroll-line{display:block;position:fixed;top:0;bottom:0;left:8rem;width:2px;background-color:#a9a7a7}.scroll-line-progress{background-color:#ff6945;width:2px}}