.header{border-top:1rem solid var(--primary-black);border-bottom:3rem solid var(--primary-black);background-image:url(/assets/dpf_background-01-BIRiOIz0.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;box-sizing:border-box;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}@media (min-width: 768px){.header{padding:4rem;align-items:flex-start}}@media (min-width: 1280px){.header{padding:4rem 8rem}}.header__logo{width:10rem}@media (min-width: 768px){.header__logo{width:15rem}}.header__title{color:var(--primary-white);text-transform:capitalize;margin:0;text-align:center}@media (min-width: 768px){.header__title{text-align:left}}.header__buttons{display:flex;gap:1rem;flex-direction:column}@media (min-width: 768px){.header__buttons{flex-direction:row}}.button{color:var(--primary-white);padding:.5rem 1rem;border-radius:.5rem;border:.15rem solid var(--primary-white);text-align:center;font-size:1.25rem;outline:none;text-decoration:none;transition:background-color .3s ease-out,color .3s ease-out;background-color:transparent;display:flex;flex:0 0 auto;justify-content:center;max-width:15rem;gap:1rem;cursor:pointer}@media (min-width: 768px){.button{padding:1rem 2rem;font-size:2rem;font-size:1.5rem;max-width:auto}}.button:hover,.button:active{background-color:var(--primary-white);color:var(--primary-black);transition:background-color .3s ease-out,color .3s ease-out}.footer{padding:1rem;background-color:var(--primary-black);color:var(--primary-white);display:flex;gap:0rem;flex-direction:column;justify-content:center;align-items:center;font-size:.75rem}@media (min-width: 768px){.footer{flex-direction:row;align-items:baseline;font-size:.85rem;gap:.5rem}}.footer__icon>svg{margin-bottom:-.2rem}.sub-footer{padding:4rem 3rem;background-color:var(--secondary-black);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:4rem}@media (min-width: 768px){.sub-footer{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2.5rem}}@media (min-width: 1280px){.sub-footer{padding:4rem 8rem}}.navigation{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:0 2rem;text-align:center;cursor:pointer}.navigation__icon{font-size:4rem;color:var(--primary-grey);margin:0}.navigation__title{color:var(--primary-white);margin:0}.navigation__desc{color:var(--primary-grey);margin:0}.image__file{display:inline-block;max-width:100%;min-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:var(--secondary-white);border:1px solid var(--accent-white);border-radius:.25rem}.models{margin-bottom:2rem}.models__title{margin-top:0;margin-bottom:.5rem}.models__tags{display:flex;gap:.25rem;flex-wrap:wrap}.models__tag{padding:.25rem .5rem;font-size:.9rem;font-weight:700;line-height:1;color:var(--primary-white);background-color:var(--primary-grey);display:flex;justify-content:center;align-items:center;border-radius:.25em}.app__section{padding:3rem 2rem;display:flex;flex-direction:column;justify-content:space-between;gap:3rem}@media (min-width: 768px){.app__section{padding:4rem;flex-direction:row}}@media (min-width: 1280px){.app__section{padding:4rem 8rem}}.app__section--light{background-color:var(--primary-white)}.app__section--reverse{flex-direction:column-reverse}@media (min-width: 768px){.app__section--reverse{flex-direction:row}}.app__article{flex:2}.app__aside{flex:1;display:flex;gap:.5rem;flex-direction:column}.app__contact{display:flex;gap:1rem}.app__contact svg{margin-bottom:-.2rem}.app__contact-icon{color:var(--secondary-grey)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;--primary-black: #000000;--secondary-black: #111111;--primary-grey: #999999;--secondary-grey: #555555;--primary-white: #f5f5f5;--secondary-white: #ffffff;--accent-white: #ddd}body{font-family:sans-serif;padding:0;margin:0}a{color:var(--secondary-grey);text-decoration:none}a:hover,a:visited{color:var(--primary-grey)}h1{font-size:3rem;line-height:1.1;font-family:Roboto Slab,serif}@media (min-width: 768px){h1{font-size:6rem}}h2{font-size:1.5rem;line-height:1.1;font-family:Roboto Slab,serif;margin-top:0rem}@media (min-width: 768px){h2{font-size:2rem}}h3{font-size:1.25rem;line-height:1.1;font-family:Roboto Slab,serif}@media (min-width: 768px){h3{font-size:1.5rem}}h4{font-size:.9rem;line-height:1.1;font-family:Roboto Slab,serif}@media (min-width: 768px){h4{font-size:1.25rem}}