:root{--color-gray-98: hsl(0deg 0% 98%);--color-gray-90: hsl(0deg 0% 90%);--color-gray-80: hsl(0deg 0% 80%);--color-gray-70: hsl(0deg 0% 70%);--color-gray-40: hsl(0deg 0% 40%);--color-gray-30: hsl(0deg 0% 30%);--color-gray-20: hsl(0deg 0% 20%);--color-gray-12: hsl(0deg 0% 12%);--color-gray-10: hsl(0deg 0% 10%);--color-black: hsl(0deg 0% 0%);--color-default-background: var(--color-black);--color-default-foreground: var(--color-gray-98);--color-primary: hsl(345deg 80% 48%);--color-primary-fade: hsl(345deg 20% 90%);--color-primary-lighter: hsl(345deg 80% 52%);--color-primary-darker: hsl(345deg 80% 40%);--color-primary-opposite: var(--color-gray-98);--color-body-background: var(--color-default-background);--color-body-foreground: var(--color-default-foreground);--color-placeholder: var(--color-gray-40);--color-border-fade: var(--color-gray-80);--color-separator: var(--color-border-fade);--color-input-border: var(--color-border-fade);--color-button-disabled-background: var(--color-gray-70);--color-button-disabled-foreground: var(--color-default-foreground);--color-popper-background: var(--color-gray-20);--color-popper-foreground: var(--color-default-background);--color-box-shadow-subtle: hsl(0deg 0% 10% / 12%);--box-shadow-subtle: 0 .2rem .5rem 0 var(--color-box-shadow-subtle);--gradien-color-dark: hsl(0deg 0% 0% / 100%);--gradien-color-dark-transparent-50: hsl(0deg 0% 0% / 50%);--gradien-color-dark-transparent: hsl(0deg 0% 0% / 0%);--border-radius: .2rem;--full-width: 120rem;--full-width-padding-inline: calc(max(100% - var(--full-width), 4rem)/2) ;--shell-padding: 2rem;--animation-duration-fast: .1s;--animation-duration-normal: .5s;--animation-duration-slow: 1s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding:2rem;font-family:Poppins,sans-serif;font-size:62.5%}input,label,select,textarea,button,fieldset,legend,datalist,output,option,optgroup{font-family:inherit}ul{list-style:none}a{color:inherit;text-decoration:none}button,.button{display:flex;align-items:center;gap:1rem;width:fit-content;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);text-transform:uppercase}button:not([disabled]),.button:not([disabled]){cursor:pointer}button[disabled],.button[disabled]{background-color:var(--color-button-disabled-background)!important;color:var(--color-button-disabled-foreground)!important}button.button--primary,.button.button--primary{background-color:var(--color-primary);color:var(--color-primary-opposite)}button.button--primary:hover,.button.button--primary:hover{background-color:var(--color-primary-darker)}input:focus{outline:none}input[type=file]{display:none}img{display:block}svg{fill:currentcolor!important;display:block;width:1em!important;height:1em!important}body{background-color:var(--color-body-background);color:var(--color-body-foreground);display:flex;flex-direction:column;gap:4rem;min-height:100vh;font-size:1.6rem}body>*{padding-block:2rem}body main{display:flex;flex-direction:column;gap:12rem}section{display:flex;flex-direction:column;gap:2rem}section>.title{display:flex;flex-direction:column}section>.title span,section>.title h2{line-height:1}section>.title span{color:var(--color-primary-fade)}section>.title h2{color:var(--color-primary);font-size:4.8rem;text-transform:uppercase}.bleed{padding-inline:var(--full-width-padding-inline)}.primary{color:var(--color-primary)}@media (max-width: 700px){section>.title{align-items:center}}@media (max-width: 450px){section>.title h2{font-size:3.6rem}}header{position:relative;display:flex;flex-direction:column;gap:8rem;min-height:100vh}header .background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover}header .overlay{background-image:linear-gradient(to right,var(--gradien-color-dark),var(--gradien-color-dark-transparent-50)),linear-gradient(to top,var(--gradien-color-dark),var(--gradien-color-dark-transparent) 20%),linear-gradient(to bottom,var(--gradien-color-dark),var(--gradien-color-dark-transparent) 20%);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}header nav{display:flex;align-items:center}header nav .logo{font-size:2.4rem;text-align:center}header nav .logo:hover{color:var(--color-primary)}header nav ul{display:flex;align-items:center;gap:2rem;margin-inline-start:auto}header nav ul li a{position:relative}header nav ul li a:before{content:"";background-color:currentcolor;position:absolute;inset-block-end:0;width:100%;height:.1rem;transform:scaleX(0);transform-origin:center;transition:transform var(--animation-duration-fast) ease-in-out}header nav ul li a:hover:before{transform:scaleX(1)}header .hero{flex:1;box-sizing:content-box;display:flex;flex-direction:column;justify-content:center;gap:2rem;max-width:50ch;font-size:1.8rem}header .hero h1{color:var(--color-gray-98);font-size:6rem;text-transform:uppercase;line-height:1}header .hero a{margin-block-start:4rem}@media (max-width: 700px){header nav{justify-content:center}header nav ul{display:none}header .hero{align-items:center;text-align:center}}@media (max-width: 450px){header .hero h1{font-size:4.8rem}}#our-work .slideshow{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 10;border-radius:var(--border-radius)}#our-work .slideshow .bullets li .bullet,#our-work .slideshow>button,#our-work .slideshow>button:before{transition:opacity var(--animation-duration-fast) ease-in-out}#our-work .slideshow .slides{display:flex;width:100%;height:100%}#our-work .slideshow .slides li{flex:0 0 100%}#our-work .slideshow .slides li img{filter:contrast(1.5) brightness(.9);width:100%;height:100%;object-fit:cover;object-position:center}#our-work .slideshow .overlay{background-image:linear-gradient(to right,var(--gradien-color-dark-transparent-50),var(--gradien-color-dark-transparent) 30%,var(--gradien-color-dark-transparent) 70%,var(--gradien-color-dark-transparent-50)),linear-gradient(to top,var(--gradien-color-dark-transparent-50),var(--gradien-color-dark-transparent) 30%);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#our-work .slideshow .bullets{position:absolute;inset-block-end:1rem;inset-inline-start:50%;z-index:2;display:flex;align-items:center;gap:1rem;transform:translate(-50%)}#our-work .slideshow .bullets li .bullet{background-color:var(--color-gray-98);opacity:.5;display:block;width:1rem;aspect-ratio:1 / 1;border-radius:999rem}#our-work .slideshow .bullets li .bullet.active{opacity:1}#our-work .slideshow>button{--offset: 0;background-color:transparent;color:var(--color-gray-98);opacity:.6;position:absolute;isolation:isolate;inset-block-start:50%;z-index:2;height:100%;padding:0;transform:translateY(-50%);font-size:4.8rem}#our-work .slideshow>button:before{content:"";background-image:linear-gradient(var(--gradient-direction),var(--gradien-color-dark-transparent-50),var(--gradien-color-dark-transparent));opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}#our-work .slideshow>button:hover{opacity:1}#our-work .slideshow>button:hover:before{opacity:1}#our-work .slideshow>button.previous{inset-inline-start:var(--offset)}#our-work .slideshow>button.previous:before{--gradient-direction: to right}#our-work .slideshow>button.next{inset-inline-end:var(--offset)}#our-work .slideshow>button.next:before{--gradient-direction: to left}#services ul{display:flex;flex-wrap:wrap;gap:1rem}#services ul li{flex:1 1 auto;background-color:var(--color-gray-10);padding:2rem;border-radius:var(--border-radius);font-size:2rem;text-align:center}#services ul li:last-of-type{flex:1 0 100%;font-size:3.6rem;font-weight:700;text-transform:uppercase}@media (max-width: 450px){#services ul li{padding:1rem;font-size:1.6rem}#services ul li:last-of-type{font-size:2.8rem}}#contact-us .content{display:flex;flex-wrap:wrap;gap:4rem}#contact-us .content form{flex:1 1 70rem;display:flex;flex-direction:column;gap:2rem;max-width:100%}#contact-us .content form label{display:flex;flex-direction:column;gap:.2rem;font-size:1.4rem}#contact-us .content form label input,#contact-us .content form label textarea{background-color:var(--color-gray-10);padding:1rem 1.5rem;border:.1rem solid var(--color-gray-30);border-radius:var(--border-radius);font-size:1.8rem}#contact-us .content form label input:focus,#contact-us .content form label textarea:focus{border-color:var(--color-primary);outline:none}#contact-us .content form label:focus-within{color:var(--color-primary)}#contact-us .content .info{flex:1 1 30rem;display:flex;flex-direction:column;gap:2rem}#contact-us .content .info .row{display:flex;flex-direction:column;gap:.2rem}#contact-us .content .info .row .label{color:var(--color-primary);display:flex;align-items:center;gap:.5rem;font-size:1.6rem;text-transform:uppercase}#contact-us .content .info .row .value{font-size:2rem}#contact-us #map{width:100%;height:60rem;margin-block-start:4rem}@media (max-width: 700px){#contact-us .content form button{justify-content:center;width:100%}#contact-us .content .info .row{align-items:center;text-align:center}}footer{font-size:1.4rem;text-align:center}