:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;--color-main: #fff;--color-accent: #1d1d1d;--color-accent-2-dark: #2b2b2b;--color-accent-2-light: #e1e1e1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--spacing-s: .5rem;--spacing-m: 1rem;--spacing-l: 2rem;--spacing-xl: 5rem}@media (prefers-color-scheme: light){:root{--color-main: #1d1d1d;--color-accent: #fff;--color-accent-2-dark: #e1e1e1;--color-accent-2-light: #373737}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}ul{margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.header{display:grid;grid-template-columns:min-content min-content;justify-content:space-between;padding:var(--spacing-m);position:fixed;width:100%;color:var(--color-main);z-index:1000;transition:background-color .2s ease-in-out,color .2s ease-in-out}.logo{min-height:100%;aspect-ratio:1;background-color:var(--color-main);color:inherit}.menu{display:grid;gap:1rem;display:flex;list-style:none;color:inherit}.menu a{text-decoration:none;color:inherit;text-transform:capitalize}.about{width:100%;padding:0 var(--spacing-xl);background-color:var(--color-accent-2-dark);display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;gap:var(--spacing-l)}.about .img{height:100%;width:100%;display:grid;align-items:center;justify-content:center}.about img{max-height:80vh;filter:grayscale(1);transform:perspective(1500px) rotateY(-5deg)}#socials{min-height:100vh;min-width:100vw;background-color:var(--color-accent);color:var(--color-main);display:grid;grid-template-columns:min-content min-content min-content;grid-template-rows:min-content min-content;gap:var(--spacing-xl);justify-content:center;align-content:center}#socials img{aspect-ratio:1;width:70px;background-color:var(--color-main)}#socials .card{grid-column:span 3;justify-content:center}#socials .card .card-container{margin:0 auto;width:fit-content}#socials .card div{width:fit-content}.brands{display:grid;grid-template-rows:1fr;align-items:center}.brands h2{text-align:center;margin-bottom:var(--spacing-xl)}.brands .brand-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-s);width:clamp(15rem,80vw,80rem);margin:0 auto;justify-content:center}.brands .brand-grid li{background-color:var(--color-main);list-style:none;aspect-ratio:1;padding:var(--spacing-l);justify-content:center;align-items:center;display:grid;grid-template-columns:1fr}.brands .brand-grid li svg{width:100%}.fullpage{height:100vh}html{scroll-behavior:smooth}body{margin:0;min-width:100vw;min-height:100vh;background-color:var(--color-accent);color:var(--color-main);overflow-x:hidden}#container{margin:auto;display:grid;justify-content:center}h5{text-align:right;font-family:sans-serif;font-size:1.275rem;text-transform:uppercase;line-height:0}.by-line{position:absolute;bottom:30px;right:30px;text-align:right;font-family:sans-serif;font-size:1.275rem;text-transform:uppercase;line-height:.8;max-width:min-content}