@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";
:root{--white:#fff;--black:#000;--gray-950:#2c2830;--gray-700:#837d88;--gray-200:#dadada;--gray-50:#fafafa;--blue-950:#2d2641;--blue-500:#96a9c6;--pink-400:#c396c6;--purple-500:#9e96c6;--main-font:"DM Serif Display",serif;--secondary-font:"Karla",sans-serif}header{width:100%;height:80px}.header-wrapper{justify-content:space-between;align-items:center;padding:32px 24px;display:flex}.desktop-nav ul li,.mobile-nav ul li{margin-left:24px;list-style:none}.mobile-nav img{cursor:pointer;position:absolute;top:24px;right:24px}.mobile-nav.open img{top:-56px;right:24px}.mobile-nav.open{background-color:var(--gray-950);z-index:1;width:100%;height:100vh;padding:40px 24px;position:absolute;top:80px;left:0}.mobile-nav.open:after{content:"";z-index:2;background:url(/backgrounds/bg-pattern-mobile-nav.svg) 0 0/cover no-repeat;width:100%;height:320px;position:absolute;bottom:0;right:0}.nav-items{display:none}.nav-items.open{text-align:center;flex-direction:column;gap:24px;display:flex}@media screen and (min-width:1024px){.desktop-nav ul{display:flex}.header-wrapper{width:100vw;max-width:1440px;margin:0 auto}}
footer{background-color:var(--gray-50);padding:84px 24px;position:relative}footer:before{content:"";background:url(/backgrounds/bg-pattern-footer-mobile.svg) 0 0/cover no-repeat;width:100%;height:200px;position:absolute;top:0;left:0}.footer-top{flex-direction:column;align-items:center;gap:32px;padding-bottom:40px;display:flex}.footer-top img{z-index:5}.socials-container{z-index:5;gap:16px;display:flex}.socials-container a img{transition:all .5s}.socials-container a:hover img{filter:brightness(0)}.footer-bottom,.link-container,.link-container ul{flex-direction:column;display:flex}.footer-bottom{align-items:center;gap:48px;margin-top:40px;position:relative}.footer-bottom:before{content:"";background-color:var(--gray-200);width:100%;height:1px;position:absolute;top:-40px;left:0}.link-container{text-align:center;text-transform:uppercase;gap:32px}.link-container li{list-style:none}.link-container a{text-decoration:none}.link-container h5,.link-container li a{font-family:var(--secondary-font);letter-spacing:1.5px;color:var(--gray-700);font-size:13px;line-height:115%}.link-container h5{color:var(--gray-700)}.link-container li a{color:var(--blue-950);font-weight:700}.link-container ul{gap:16px}@media screen and (min-width:768px){footer:before{background:url(/backgrounds/bg-pattern-footer-desktop.svg) 0 0/contain no-repeat;width:500px;height:250px;top:0;left:0}.footer-bottom{grid-template-columns:repeat(4,1fr);align-items:start;gap:64px;padding:0 32px;display:grid}.link-container{text-align:start}}@media screen and (min-width:1440px){.footer-wrapper{width:100vw;max-width:1110px;margin:0 auto}.footer-top{flex-direction:row;justify-content:space-between}}
:root{--white:#fff;--black:#000;--gray-950:#2c2830;--gray-700:#837d88;--gray-200:#dadada;--gray-50:#fafafa;--blue-950:#2d2641;--blue-500:#96a9c6;--pink-400:#c396c6;--purple-500:#9e96c6;--main-font:"DM Serif Display",serif;--secondary-font:"Karla",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}h1,h2,h3{font-family:var(--main-font)}h1,h4{color:var(--white)}h2,h3{color:var(--gray-950)}h1,h2{letter-spacing:-.5px;font-size:48px}h3{letter-spacing:-.5px;font-size:28px;line-height:135%}h4{letter-spacing:-.5px;font-size:40px}.nav-link{font-family:var(--secondary-font);letter-spacing:1.5px;color:var(--gray-700);text-transform:uppercase;font-size:20px;font-weight:700;line-height:200%;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--gray-950)}.btn{border:2px solid var(--gray-50);color:var(--gray-50);padding:12.5px 28.5px;transition:all .3s}.btn:hover{background:var(--gray-50);color:var(--gray-950)}.hero-btn,.cta-btn{background:var(--blue-950);border:2px solid var(--gray-50);width:160px;height:40px;color:var(--gray-700);font-family:var(--secondary-font);letter-spacing:-.5px;text-transform:uppercase;cursor:pointer;z-index:1;margin-top:16px;padding:12.5px 24px;font-size:13px;font-weight:700;line-height:115%;transition:all .3s}.hero-btn:hover,.cta-btn:hover{background:var(--gray-50);color:var(--gray-950)}.main-content{min-height:100vh}@media screen and (min-width:1024px){h1,h2{letter-spacing:-1px;font-size:72px;line-height:90%}h4{letter-spacing:-.8px;font-size:56px}.nav-link{font-family:var(--secondary-font);letter-spacing:1.5px;color:var(--gray-700);font-size:13px;line-height:115%;transition:color .5s}.nav-link:hover{color:var(--gray-950)}.btn{border:2px solid var(--gray-950);color:var(--gray-950);transition:all .3s}.btn:hover{background:var(--gray-950);color:var(--gray-50)}}