.homepage-landing{align-items:center;background-color:var(--dark-gray-2);color:var(--white);display:flex;justify-content:flex-start;min-height:90vh;padding:var(--app-margin);position:relative}.homepage-landing .contents{align-items:flex-start;display:flex;flex-direction:column;gap:18px;height:100%;justify-content:center;position:relative;width:100%;z-index:10}.homepage-landing .contents .title{font-size:var(--header-h1);letter-spacing:3%;line-height:1;margin:0;max-width:30ch}.homepage-landing .contents .subtitle,.homepage-landing .contents .title{font-weight:var(--light)}.homepage-landing .contents .subtitle{font-size:var(--subheader);line-height:1.3;max-width:50ch}.homepage-landing .contents .call-to-actions{display:flex;gap:48px;margin-top:48px}.homepage-landing .background-image{height:100%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:auto;z-index:1}.homepage-landing .background-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:800px){.homepage-landing{padding:var(--app-margin-mobile);position:relative}.homepage-landing .background-image{bottom:0;height:40vh;top:auto}}.homepage-features{background-color:var(--light-gray);color:var(--black);padding:76px var(--app-margin);position:relative}.homepage-features .contents{align-items:flex-start;align-self:flex-end;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:center;position:relative;width:100%;z-index:100}.homepage-features .contents .title{font-size:var(--header-h2);font-weight:300;letter-spacing:3%;line-height:1;margin:0;max-width:20ch}.homepage-features .contents .features{align-self:flex-end}.homepage-features .background-image{height:50%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:25%;width:auto;z-index:1}.homepage-features .background-image img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left;width:100%}.homepage-features .features-wrapper{display:grid;grid-template-columns:1fr 1fr}.homepage-features .features-wrapper :nth-child(4){margin-bottom:48px}@media screen and (max-width:1200px){.homepage-features{padding:76px var(--app-margin-mobile)}.homepage-features .features-wrapper{grid-template-columns:1fr;padding-bottom:400px}.homepage-features .features-wrapper :nth-child(4){margin-bottom:24px}.homepage-features .background-image{bottom:1%;height:30%;left:0;pointer-events:none;position:absolute;top:auto;width:auto;z-index:1}}