body, html {height: 100%;margin: 0;background-color: #f2f2f2;font-family: 'Gilroy', sans-serif;}
html{scroll-behavior: smooth;}

/*--------------------Landing--------------------*/

.landing {position: relative;z-index: 2;width: 100%;height: 100%;overflow: hidden;background-color:#f2f2f2;}

.landing .logo svg {fill: #4F345A;margin:0 0 0 7%;}

.landing .base {position: absolute;z-index: 1;width: 100%;height: 100%;padding: 38px;color: #082352;}

.landing .image {display: none;}
.landing .image img{width:100%;}

/*--------------------Copy--------------------*/

.copy {position: relative;z-index: 2;}

.copy .title {font-size: 7em;font-weight: 800;text-transform: uppercase;line-height: 1;margin-bottom: 30px;margin-left: 7%;background-image: linear-gradient(45deg, #4F345A, #EDB458); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.copy .title small {font-size: 18px;font-weight: 800;text-transform: uppercase;margin-top: 8%;line-height: 1;display: block;}

.copy .text {color: #282652;width: 30%;margin: 3% 0 0 7%;font-size: 1.2em;}

.copy .cta {cursor: pointer;margin: 3% 0 0 7%;background: linear-gradient(25deg, #4F345A, #EDB458);color: #fff;text-transform: uppercase;display: inline-block;border-radius: 30px;text-decoration: none;padding: 10px 30px;font-weight: 600;}

/*--------------------Overlay--------------------*/

.base.overlay {z-index: 2;-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);clip-path: polygon(100% 0, 40% 0, 60% 100%, 100% 100%);color: #fff;;transition: all .6s ease-in-out;-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.base.overlay.over {-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);}

.base.overlay .logo svg {fill: #fff;}

.base.overlay .image {display: block;position: absolute;width: 100%;height: 100%;top: 0;right: 0;z-index: 1;}
.base.overlay .image::after {content: '';position: absolute;width: 100%;height: 100%;top: 0;right: 0;z-index: 1;background: linear-gradient(42deg, #4F345A, #EDB458);opacity: 0.8;
}
.base.overlay .title {background-image: linear-gradient(0, #f2f2f2, #f2f2f2);}

.base.overlay .text {color: #f2f2f2;}

.base.overlay .cta {background: #fff;color: #0A2452;}