/* About Us */.about-us {}.about-us-header { background-color: var(--sandWhite); display: grid; justify-items: center; column-gap: var(--space-4xl); row-gap: var(--space-2xl); margin-top: var(--navbar-height); margin-bottom: calc(2 * var(--space-4xl));}.about-us-header > div { overflow: hidden; }@media screen and (max-width: 599px) { .about-us-header { height: 60vh; grid-template-rows: 40% 40% 40%; grid-template-columns: 1fr 1fr; } }@media screen and (min-width: 600px) { .about-us-header { height: 60vh; grid-template-rows: 60% 60%; grid-template-columns: 3fr 4fr 3fr; } }.about-us-header > div:nth-of-type(2) > h1 { font-family: var(--highlightFont); text-align: center; }.about-us-header > div:nth-of-type(2) > h1 > span:nth-of-type(1) { display: block; margin-bottom: var(--space-l); line-height: 100%; }@media screen and (max-width: 599px) { .about-us-header { padding: var(--space) var(--space-xs); } .about-us-header > div:nth-of-type(2) > h1 { font-size: calc(2 * var(--font-size-3xl)); } .about-us-header > div:nth-of-type(1) { display: none; } .about-us-header > div:nth-of-type(2) { grid-area: 1 / 1 / span 1 / span 3; align-self: center; } .about-us-header > div:nth-of-type(3) { grid-area: 2 / 1 / span 1 / span 2; transform: rotate(-8deg); margin-right: var(--space-4xl); } .about-us-header > div:nth-of-type(4) { display: none; } .about-us-header > div:nth-of-type(5) { grid-area: 2 / 2 / span 1 / span 2; transform: rotate(6deg); margin-left: var(--space-2xl); } .about-us-header > div:nth-of-type(6) { grid-area: 3 / 1 / span 1 / span 3; transform: rotate(-2deg); margin: -10% var(--space-3xl) 10% var(--space-3xl); }}@media screen and (min-width: 600px) { .about-us-header { padding: var(--space-l) 4rem; } .about-us-header > div:nth-of-type(2) > h1 { font-size: calc(2 * var(--font-size-4xl)); } .about-us-header > div:nth-of-type(1) { transform: rotate(-5deg); height: 90%; width: 75%; margin-right: auto; } .about-us-header > div:nth-of-type(2) { align-self: center; width: 200%; } .about-us-header > div:nth-of-type(3) { transform: rotate(8deg); height: 90%; width: 75%; margin-left: auto; } .about-us-header > div:nth-of-type(4) { transform: rotate(6deg); } .about-us-header > div:nth-of-type(5) { transform: rotate(0deg); } .about-us-header > div:nth-of-type(6) { transform: rotate(-2deg); }}/* About Us article */.about-us-overview-teaser { font-weight: 400; text-align: center;}@media screen and (min-width: 600px) { .about-us-overview-teaser { padding: 0 0 0 30%; } }@media screen and (max-width: 599px) { .about-us-overview { padding: var(--space-xl) var(--space-xs); margin: 0; } }@media screen and (min-width: 600px) { .about-us-overview { padding: var(--space-xl) 35% var(--space-xl) 15%; margin: 0 -25%; } }@media screen and (min-width: 900px) { .about-us-overview { padding: var(--space-xl) 60% var(--space-xl) 30%; margin: 0 -45%; } }@media screen and (min-width: 1200px) { .about-us-overview { padding: var(--space-xl) 50% var(--space-xl) 20%; margin: 0 -22%; } }/* Order of elements matters */.about-us > h2 { font-family: var(--highlightFont); font-size: var(--font-size-4xl); line-height: var(--font-size-4xl); text-align: center; margin-top: var(--space-2xl); margin-bottom: var(--space-l);}.about-us-overview { position: relative; background-color: var(--white); box-shadow: var(--cardShadow); margin-bottom: var(--space-4xl);}.about-us-featured-images { height: 100%; width: 100%; pointer-events: none;}.about-us-featured-images > img { position: absolute; box-sizing: border-box; border-style: solid; border-color: var(--floralWhite); border-width: var(--space-3xs); border-bottom-width: var(--space-xl); box-shadow: var(--cardShadowLight); object-position: center;}@media screen and (max-width: 899px) { .about-us-featured-images { position: relative; } .about-us-featured-images { height: 400px; margin: var(--space-l) calc(-1 * var(--space-s)); } .about-us-featured-images > img:nth-of-type(1) { top: 0; left: 0; transform: rotate(-5deg); z-index: 3; } .about-us-featured-images > img:nth-of-type(2) { top: calc(50% - 250px / 2); right: calc(-2 * var(--space-s)); transform: rotate(1deg); z-index: 2; } .about-us-featured-images > img:nth-of-type(3) { bottom: 0; left: 0; transform: rotate(-3deg); z-index: 1; }}@media screen and (min-width: 900px) { .about-us-featured-images { position: absolute; top: 0; left: 0; } .about-us-featured-images > img:nth-of-type(1) { top: -10%; left: -2%; transform: rotate(-5deg); } .about-us-featured-images > img:nth-of-type(2) { top: -6%; right: -2%; transform: rotate(3deg); } .about-us-featured-images > img:nth-of-type(3) { bottom: -5%; right: -2%; }}@media screen and (max-width: 599px) { .about-us-featured-images > img { height: 225px; width: 180px;} .about-us-featured-images > img:nth-of-type(1) { height: 160px; width: 200px; }}@media screen and (min-width: 600px) { .about-us-featured-images > img { height: 250px; width: 200px;} .about-us-featured-images > img:nth-of-type(1) { height: 180px; width: 225px; }}@media screen and (min-width: 900px) { .about-us-featured-images > img { height: 250px; width: 200px;} .about-us-featured-images > img:nth-of-type(1) { height: 200px; width: 250px; }}@media screen and (min-width: 1200px) { .about-us-featured-images > img { height: 350px; width: 280px;} .about-us-featured-images > img:nth-of-type(1) { height: 240px; width: 300px; }}@media screen and (min-width: 1800px) { .about-us-featured-images > img { height: 450px; width: 360px;} .about-us-featured-images > img:nth-of-type(1) { height: 280px; width: 350px; }}.about-us-faqs { margin-bottom: var(--space-4xl); }.about-us-faqs > h2 { margin-top: var(--space-3xl); margin-bottom: var(--space-s);}/* About Us - Work with us */.about-us-work-teaser { font-weight: 400; text-align: center;}@media screen and (min-width: 600px) { .about-us-work-teaser { padding: 0 20%; } }@media screen and (max-width: 599px) { .about-us-work { padding: var(--space-xl) var(--space-xs); margin: 0; } }@media screen and (min-width: 600px) { .about-us-work { padding: var(--space-xl) 10%; margin: 0 -25%; } }@media screen and (min-width: 900px) { .about-us-work { padding: var(--space-xl) 30%; margin: 0 -45%; } }@media screen and (min-width: 1200px) { .about-us-work { padding: var(--space-xl) 20%; margin: 0 -22%; } }.about-us-work { position: relative; background-color: var(--white); box-shadow: var(--cardShadow); margin-bottom: var(--space-4xl);}.about-us-work-images { height: 100%; width: 100%; pointer-events: none;}.about-us-work-images > img { position: absolute; box-sizing: border-box; border-style: solid; border-color: var(--floralWhite); border-width: var(--space-3xs); border-bottom-width: var(--space-xl); box-shadow: var(--cardShadowLight);}@media screen and (max-width: 899px) { .about-us-work-images { position: relative; } .about-us-work-images { height: 400px; margin: var(--space-l) calc(-1 * var(--space-s)); } .about-us-work-images > img:nth-of-type(1) { top: 0; left: 0; transform: rotate(-5deg); z-index: 3; } .about-us-work-images > img:nth-of-type(2) { top: calc(50% - 250px / 2); right: calc(-2 * var(--space-s)); transform: rotate(1deg); z-index: 2; } .about-us-work-images > img:nth-of-type(3) { bottom: 0; left: 0; transform: rotate(-3deg); z-index: 1; }}@media screen and (max-width: 599px) { .about-us-work-images { height: 200px; margin: var(--space-2xl) calc(-1 * var(--space-s)); }}@media screen and (min-width: 900px) { .about-us-work-images { position: absolute; top: 0; left: 0; } .about-us-work-images > img:nth-of-type(1) { top: -10%; left: -2%; transform: rotate(-5deg); } .about-us-work-images > img:nth-of-type(2) { top: -12%; right: -2%; transform: rotate(3deg); } .about-us-work-images > img:nth-of-type(3) { bottom: -5%; right: -2%; }}@media screen and (max-width: 599px) { .about-us-work-images > img { height: 225px; width: 180px;} .about-us-work-images > img:nth-of-type(1) { height: 160px; width: 200px; }}@media screen and (min-width: 600px) { .about-us-work-images > img { height: 250px; width: 200px;} .about-us-work-images > img:nth-of-type(1) { height: 180px; width: 225px; }}@media screen and (min-width: 900px) { .about-us-work-images > img { height: 250px; width: 200px;} .about-us-work-images > img:nth-of-type(1) { height: 200px; width: 250px; }}@media screen and (min-width: 1200px) { .about-us-work-images > img { height: 350px; width: 280px;} .about-us-work-images > img:nth-of-type(1) { height: 240px; width: 300px; }}@media screen and (min-width: 1800px) { .about-us-work-images > img { height: 450px; width: 360px;} .about-us-work-images > img:nth-of-type(1) { height: 280px; width: 350px; }}.about-us-work-form { margin-top: var(--space-4xl); }.about-us-work-form > form { display: grid; row-gap: var(--space-xs); column-gap: var(--space-xl);}@media screen and (max-width: 599px) { .about-us-work-form > form { grid-template-rows: 1fr 1fr 1fr 2fr 1fr; grid-template-columns: 1fr; }}@media screen and (min-width: 600px) { .about-us-work-form > form { grid-template-rows: repeat(4, auto); grid-template-columns: 1fr 1fr; } .about-us-work-form > form > div:nth-of-type(1) { grid-area: 1 / 1 / span 1 / span 1; } .about-us-work-form > form > div:nth-of-type(2) { grid-area: 2 / 1 / span 1 / span 1; } .about-us-work-form > form > div:nth-of-type(3) { grid-area: 3 / 1 / span 1 / span 1; } .about-us-work-form > form > div:nth-of-type(4) { grid-area: 1 / 2 / span 3 / span 1; } .about-us-work-form > form > div:nth-of-type(5) { grid-area: 4 / 2 / span 1 / span 1; }}.about-us-work-form > form > div:nth-of-type(4) > textarea { height: calc(100% - (var(--line-height) + var(--space-4xs))); }.about-us-work-form > form > div:nth-of-type(5) > input[type=submit] { background-color: var(--highlightBlue); color: var(--white); box-shadow: none; }