.section{height:100vh;max-height:1000px;width:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;padding-left:5%;padding-right:5%;flex-direction:row;overflow-y:hidden;overflow:visible}@media (max-width:768px){.section{height:auto;flex-direction:column;align-items:center;text-align:center;padding-top:60px}}.section.snap{scroll-snap-align:start}@media (hover:none){.section.snap{scroll-snap-align:none}}.section.white{background-color:white;color:black}.section.black{background-color:black;color:white}@media (min-width:2000px){.section.black{border-radius:15px}}.section-text-container{flex-direction:column;padding-bottom:30px}@media (max-width:768px){.section-text-container{order:2}}@media (min-width:768px){.section-text-container{display:flex;flex-direction:column;justify-content:space-between;height:80%;width:35%;padding-top:2.5%}}.header-text{font-size:4vw;font-weight:700;line-height:1;text-align:left;overflow-wrap:break-word}@media (max-width:768px){.header-text{font-size:2rem;margin-bottom:30px}}.subtext-container{text-align:left;justify-content:space-between;max-height:45%;flex:1;display:flex;flex-direction:column}@media (min-width:768px){.header-text-container,.subtext-container{width:100%}}.sub-text{font-size:2vw;font-weight:700;line-height:1;text-align:left;margin-top:20px}@media (max-width:768px){.sub-text{font-size:1.2rem}}.text-container{display:flex;flex-direction:column;justify-content:center;height:100%}.details-text{font-weight:700;font-size:1.2rem;line-height:1.5;text-align:left;color:black}@media (max-width:768px){.details-text{font-size:1rem;line-height:1.2;margin-top:20px}}.details-text.inline{display:inline}.details-text.white{color:white}.details-text.end{color:#c4cbd1}.details-text.end.white{color:#686a70}.mockup-image{height:80%;width:auto;object-fit:contain}@media (max-width:768px){.mockup-image{width:100%;height:auto;max-height:60vh}}.mockup-image.absolute{position:absolute}.mockup-container.left{margin-right:2.5%}.mockup-container.right{margin-left:2.5%}@media (min-width:769px){.mockup-container{width:45%;max-width:50%;min-width:40%}}.mockup-container{height:100%;min-width:40%;max-width:50%;display:flex;justify-content:center;align-items:center;position:relative;opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.mockup-container.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.mockup-container{max-width:unset;height:auto;order:1;margin:30px 0}}.mockup-viewport{overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:5}.mockup-image-layer{position:absolute;width:100%;height:100%;object-fit:contain}video{-webkit-mask-image:-webkit-radial-gradient(white,black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;isolation:isolate}