.component-wrapper{padding:2rem;margin:auto;box-sizing:border-box;min-height:87vh;background-color:#eee;overflow:hidden}@media (min-width: 32rem){.component-wrapper{padding:6rem}}@font-face{font-family:'Zoika';src:url("../assets/Zoika.ttf") format("truetype")}@font-face{font-family:'Roboto';font-weight:300;src:url("../assets/Roboto-Light.ttf") format("truetype")}.heading-wrapper{display:inline-block}@media (min-width: 32rem){.heading-wrapper{position:relative;top:8vh}}.heading-wrapper h1{line-height:1;font-family:"Zoika",Fallback,sans-serif;font-size:3rem;margin-bottom:0;color:#2b2a2e}@media (min-width: 32rem){.heading-wrapper h1{font-size:5rem}}.heading-wrapper p{font-family:"Roboto",sans-serif;font-size:1.25rem;text-align:left;color:#2b2a2e}@media (min-width: 32rem){.heading-wrapper p{font-size:1.5rem}}.component-heading{font-family:"Zoika",Fallback,sans-serif;font-size:3rem;padding:1rem;line-height:1;padding-bottom:2rem;text-align:center;box-sizing:border-box;margin-bottom:0;border-bottom:1px solid #2b2a2e}@media (min-width: 32rem){.component-heading{padding:0;padding-bottom:1.5rem}}h1{text-align:left;line-height:1.5;margin:2rem 0 4rem;color:#2b2a2e}p{font-family:"Roboto",sans-serif;font-size:0.875rem;margin-bottom:0;text-align:center}@media (min-width: 50rem){p{font-size:1.25rem}}@media (min-width: 32rem){.header{height:0}}.nav{transform-origin:bottom left;background-color:#2b2a2e;height:4rem;position:relative;top:-0.25rem}@media (min-width: 32rem){.nav{transform:rotate(90deg) translateX(-60px);width:100vh}}.nav__link{font-size:1.125rem;font-family:"Roboto",sans-serif;color:#fff;padding:1rem;text-decoration:none;position:relative;top:1.5rem}.nav__link:first-child{margin-left:2rem}.nav__link::after{content:'';height:2px;width:100%;position:absolute;left:0;display:block;background-color:#f0f095;transform:scaleX(0);transform-origin:100% 0%;transition:transform 800ms cubic-bezier(0.19, 1, 0.22, 1)}.nav__link:hover{color:#f0f095}.nav__link:hover::after{transform:scaleX(1);transform-origin:0 50%}.nav__link+.nav__link{margin-left:2rem}body{margin:0}.l--center{display:flex;flex-direction:column;align-content:center;justify-content:center;padding:0 1rem;margin:5rem auto;max-width:40rem}@media (min-width: 50rem){.l--center .l--center{padding:0}}.reveal-text{overflow:hidden;display:block;line-height:1.25;position:relative;padding:0 1rem}.reveal-text::after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:#2b2a2e;animation:revealBefore 1.25s cubic-bezier(0.77, 0, 0.18, 1) forwards;transform:translateX(-101%)}.reveal-text::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:#fff;animation:revealAfter 1.25s cubic-bezier(0.77, 0, 0.18, 1) forwards;transform:translateX(0)}.reveal-text:nth-child(1)::before,.reveal-text:nth-child(1)::after{animation-delay:0.5s}.reveal-text:nth-child(2)::before,.reveal-text:nth-child(2)::after{animation-delay:1s}@keyframes revealBefore{from{transform:translateX(-100%)}to{transform:translateX(101%)}}@keyframes revealAfter{from{transform:translateX(0)}to{transform:translateX(200%)}}.showcase{display:flex;flex-direction:column}.showcase__cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(14rem, 1fr));grid-template-rows:auto;grid-column-gap:4rem;grid-row-gap:2rem}@media (min-width: 32rem){.showcase--position{position:relative;top:-6rem}}.block{padding:2rem;box-sizing:border-box}@media (min-width: 32rem){.block{padding:5rem;margin-left:4rem}}.block--upper{margin-top:4rem;background-color:#fff}@media (min-width: 32rem){.block--upper{height:60vh;margin-top:0}}.block--lower{background-color:#f0f095;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23d9d986' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@media (min-width: 32rem){.block--lower{height:40vh}}.card{border-radius:0.5rem;box-shadow:3px -3px 7px 0 rgba(0,0,0,0.1);background-color:#fff;color:#2b2a2e;padding:0.75rem;box-sizing:border-box;text-align:center;position:relative;overflow:hidden;text-decoration:none;transition:transform 800ms cubic-bezier(0.19, 1, 0.22, 1);animation:fadeIn 2s cubic-bezier(0.77, 0, 0.18, 1) forwards}.card:hover{color:#fff}.card h2{font-family:"Roboto",sans-serif;font-weight:300;position:relative;z-index:100}.card::before{content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#2b2a2e;transform:scaleX(0);transform-origin:100% 0%;transition:transform 800ms cubic-bezier(0.19, 1, 0.22, 1)}.card:hover::before{transform:scaleX(1);transform-origin:0 50%}@keyframes fadeIn{0%{transform:translateY(-1rem);opacity:0}100%{transform:scale(1);opacity:1}}.wrapper{display:flex;justify-content:center}.button{border:none;font-family:"Roboto",sans-serif;font-weight:700;font-size:1rem;letter-spacing:0.04rem;background-color:#2b2a2e;color:#fff;padding:0.5rem 1rem;border-radius:1.25rem;transform:scale(1.1);transition:all 200ms ease-in}.button:hover{color:#7fa9cc;transform:scale(0.98)}.button--form-field{position:absolute;right:0}.no-js .button--close-modal{display:none}.button--close-modal{position:absolute;top:0;right:0;padding:0.25rem 0.75rem;line-height:1.5;font-size:1rem;font-weight:bold;font-family:"Roboto",sans-serif;background-color:#7fa9cc;color:#fff;transition:all 100ms linear}.button--close-modal:hover{background-color:#7fa9cc;border-radius:1rem}.description{opacity:0}.modal{position:absolute;top:2rem;left:10vw;z-index:2;width:80%;margin:auto;margin-top:2rem;background-color:#fff;padding:1rem 2rem;box-sizing:border-box;border:2px solid #7fa9cc}@media (min-width: 32rem){.modal{left:19vw;width:60%}}.modal[aria-hidden='false']{display:block}.no-js .modal[aria-hidden='false']{display:block;z-index:1;width:100%;border:none;background-color:darkent(#fff, 2%);margin-top:5rem}.modal[aria-hidden='true']{display:none}.modal h1{font-size:1.25rem;font-family:sans-serif;margin:0.25rem auto}.no-js .modal[aria-hidden='false'] ~ .modal-backdrop{display:none}.modal[aria-hidden='false'] ~ .modal-backdrop{position:fixed;overflow-y:auto;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.75)}.form{margin:auto;position:relative;padding-bottom:2.5rem}.form-field{margin:0.5rem 0}.form-field__label{display:inline-block;margin-top:1rem;font-family:sans-serif}@media (min-width: 32rem){.form-field__label{margin-left:1rem;width:4rem}}.form-field__input{margin-bottom:1rem;height:1.5rem;padding:0.25rem 0.5rem;font-weight:bold;font-size:1.125rem;letter-spacing:0.0625rem;background-color:#fff;border:2px solid #7fa9cc}@media (min-width: 32rem){.form-field__input{width:70%}}.form-field__input:focus{color:#fff;background-color:#7fa9cc}.m-accordion{max-width:40rem;margin:auto}.m-accordion__button{text-align:left;font-size:1rem;font-family:"Roboto",sans-serif;font-weight:500;background-color:#2b2a2e;color:#fff;border:none;padding:0.5rem 1rem;border-radius:0.25rem;display:block;width:100%;z-index:1;position:relative;margin-top:1rem;transition:all 150ms linear}.m-accordion__button::after{content:"";display:inline-block;position:absolute;right:0.875rem;top:0.75rem;width:0.4rem;height:0.4rem;border-right:0.25rem solid #fff;border-top:0.25rem solid #fff;transform:rotate(135deg);transition:transform 250ms linear}.m-accordion__button:hover{background-color:#37363b;transform:scale(1.01) translateY(-0.125rem)}.m-accordion__button[aria-expanded='true']{background-color:#fff;color:#2b2a2e}.m-accordion__button[aria-expanded='true']::after{transform:rotate(315deg) translateY(0.25rem);border-right-color:#2b2a2e;border-top-color:#2b2a2e}.m-accordion__content{padding:0.875rem;margin-left:0;margin-top:-0.25rem;background-color:#fff;color:#2b2a2e;line-height:1.5;font-family:sans-serif;font-size:0.875rem;border:1px solid #f5f5f5;box-shadow:1px 4px 10px 1px rgba(0,0,0,0.15);transition:all 200ms linear}.m-accordion__content a{color:#2b2a2e}.m-accordion__content[aria-hidden='false']{display:block}.m-accordion__content[aria-hidden='true']{display:none}.tabs{display:flex;flex-direction:column;margin:auto;max-width:46rem}.tabs__nav{width:100%;display:flex;flex-direction:column}@media (min-width: 29.75rem){.tabs__nav{flex-direction:row}}.tabs__button{position:relative;z-index:9;flex-grow:1;padding:0.75rem 0.25rem;font-size:1.25rem;background-color:#fff;color:#2b2a2e;border:none;font-family:"Roboto",sans-serif;transition:all 150ms ease}@media (min-width: 29.75rem){.tabs__button{border-radius:0.5rem 0.5rem 0 0}}@media (min-width: 29.75rem){.tabs__button+.tabs__button{margin-left:0.25rem}}.tabs__button[aria-selected="false"]{background-color:#fff;border-color:#2b2a2e;color:#2b2a2e}.tabs__button:hover{background-color:#444;border-color:#444;color:#fff;text-decoration:underline}.tabs__button:active,.tabs__button:focus,.tabs__button[aria-selected="true"]{background-color:#2b2a2e;border-color:#2b2a2e;color:#fff}.tabs__container{text-align:left;font-family:"Roboto",sans-serif;font-size:1rem;padding:1rem 2rem;border-top:2px solid #8b90be}.tabs__container[aria-hidden="true"]{display:none}.tabs__container[aria-hidden="false"]{display:block;background-color:#fff;box-shadow:2px 6px 10px 1px rgba(0,0,0,0.1)}