:root {
  /* Colours */
  --limelight: #3B7DFF;
  --midnight: #1A1A24;
  --twilight: #FFA273;
  --daylight: #FFFFFF;
}

.surface-limelight {
  background: var(--limelight);
}

.surface-midnight {
  background: var(--midnight);
}

.surface-twilight {
  background: var(--twilight);
}

.surface-daylight {
  background: var(--daylight);
}




* {
  box-sizing: border-box;
}




@font-face {
  font-family: "Marguerite Grotesk";
  src: 
      url('https://20678544.fs1.hubspotusercontent-ap1.net/hubfs/20678544/Rise/fonts/MargueriteGrotesk-Light.woff2') format(woff2),
      url('https://20678544.fs1.hubspotusercontent-ap1.net/hubfs/20678544/Rise/fonts/MargueriteGrotesk-Light.woff') format(woff);
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

html {
  font-family: "Marguerite Grotesk", Helvetica, Arial, sans-serif;
  font-weight: 300;
  scroll-behavior: smooth;
}
}

body {
  text-transform: uppercase;
  overflow-x: hidden;
  margin: 0;
}

.text-transform--none {
  text-transform: none;
}

.text-transform--uppercase {
  text-transform: uppercase;
}

.hero-section .main-heading h1 {
  text-align: center;
  font-size: clamp(4rem, 1.913rem + 10.435vw, 10rem);
  line-height: 1;
  margin: 0;
  font-weight: inherit;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.hero-section .tag p,
.socials a,
.info-section h2,
.rise-footer-cta h3,
.rise-footer-cta h4,
.rise-footer-cta .logo p {
  line-height: 1.05;
}

.hero-section .deco-text,
.hero-section .tag p,
.socials a,
.primary-cta a {
  font-size: clamp(1rem, 0.739rem + 1.304vw, 1.75rem);
}

.info-section h2,
.rise-footer-cta h3,
.rise-footer-cta h4,
.rise-footer-cta .socials a,
.rise-footer-cta .logo p {
  font-size: 1.75rem;
}




form {
  display: flex;
  grid-template-columns: 1fr 1fr;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2rem;
}

form label {
  font-size: 1.125rem;
  color: var(--limelight);
  margin-bottom: 0.5rem;
}

form legend {
  font-size: 1.188rem;
}

/* Input fields */
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background: var(--midnight);
  border: var(--limelight) solid 1px;
  font-size: 1.125rem;
  padding: 0.8rem;
  color: var(--daylight);
  width: 100%;
}

form select {
  width: 50%;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: var(--daylight);
  outline: var(--twilight) solid 2px;
}

form input[type=text]:active,
form input[type=email]:active,
form input[type=password]:active,
form input[type=tel]:active,
form input[type=number]:active,
form input[type=file]:active,
form select:active,
form textarea:active {
  border-color: var(--twilight);
}

/* Validation */
form .hs-error-msgs {
  list-style: none;
  margin: 0.75rem 0 0;
  padding: 0;
}

.hs-error-msg {
  color: var(--twilight);
  font-size: 1rem;
}

/* Form separator */
span.form-separator {
  display: inline-block;
  margin: 4rem 0;
  font-style: italic;
}

/* Submit button */
form .hs-submit {
  text-align: right;
}

form input[type=submit],
form .hs-button,
form input[type=submit]:link,
form .hs-button:link {
  border: none;
  display: inline-flex;
  font-size: 1.75rem;
  font-weight: inherit;
  padding: 0.5rem 0;
  text-decoration: none;
  background: var(--midnight);
  color: var(--daylight);
  text-transform: uppercase;
}

form .submitted-message {
  color: var(--limelight) !important;
}





header .header-container,
.section-content {
  max-width: 1440px;
  margin: 0 auto;
}

.hero-section .section-content {
  display: grid;
}

.hero-section .image-container,
.hero-section .deco-text,
.hero-section .tag,
.socials,
.primary-cta,
.rise-footer-copyright .section-content {
  display: flex;
}

.hero-section .main-heading,
.hero-section .image-container,
.primary-cta a {
  position: relative;
}

.hero-section .image-container img {
  position: absolute;
  top: 0;
}

.socials {
  flex-direction: column;
  align-items: center;
}

.socials a,
.socials a:link,
.socials a:visited {
  transition-duration: 0.2s;
}

.hero-section .socials a,
.hero-section .socials a:link,
.hero-section .socials a:visited {
  color: var(--midnight);
  text-decoration: none;
}

.socials a:focus,
.socials a:hover,
.socials a:active,
.hero-section .socials a:focus,
.hero-section .socials a:hover,
.hero-section .socials a:active {
  color: var(--twilight);
  text-decoration: underline;
}

.primary-cta a,
.primary-cta a:link,
.primary-cta a:visited {
  border: 2px solid var(--daylight);
  border-radius: 40rem;
  color: var(--daylight);
  background: transparent;
  text-decoration: none;
  transition-duration: 0.2s;
  padding: 0.5rem 1rem;
  width: max-content;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.primary-cta a:focus,
.primary-cta a:hover,
.primary-cta a:active {
  border: 2px solid var(--daylight);
  background: var(--daylight);
  color: var(--limelight);
}

.info-section h2 {
  color: var(--limelight);
  font-size: 1.75rem;
}



@media only screen and (max-width: 767px) {
  .section .section-content {
    padding: 1.75rem;
  }
  
  .hero-section .section-content {
    grid-template-columns: repeat(5, minmax(1rem, 1fr));
    grid-template-rows: repeat(7, min(4.25rem));
    gap: 0.75rem;
    padding-bottom: 3rem;
  }
  
  .hero-section .image-container_1,
  .hero-section .image-container_4,
  .hero-section .socials,
  .hero-section .tag {
    display: none;
  }
  
  .hero-section .logo {
    display: flex;
    justify-content: flex-end;
    grid-row: 1;
    grid-column: 5;
  }
  
  .hero-section .logo img {
    height: 100%;
  }
  
  .hero-section .main-heading {
    text-wrap: wrap;
    grid-row: 2;
    grid-column: 3;
  }
  
  .hero-section .main-heading h1 {
    max-width: 360px;
  }
  
  .hero-section .image-container img {
    max-width: 120px;
    min-width: 100px;
  }
  
  .hero-section .image-container_2 {
    grid-row: 1;
    grid-column: 1;
    margin-left: 0.75rem;
  }
  
  .hero-section .image-container_3 {
    grid-row: 5;
    grid-column: 5;
    justify-content: flex-end;
    margin-top: -0.5rem;
  }
  
  .hero-section .deco-text_1 {
    grid-row: 3;
    grid-column: 5;
    align-items: center;
    margin-left: 0.75rem;
  }
 
  .hero-section .deco-text_2 {
    grid-row: 4;
    grid-column: 2;
    align-items: center;
    justify-content: flex-end;
    margin-right: -1rem;
  }
  
  .hero-section .deco-text_3 {
    grid-column: 4;
    grid-row: 6;
    margin-top: -2rem;
    align-items: flex-start;
    margin-left: -1rem;
  }
  
  .hero-section .primary-cta {
    grid-row: 7;
    grid-column: 3;
    align-items: flex-end;
    max-width: max-content;
  }
  
  .info-section p {
    padding: 0 2rem;
  }  
}

@media only screen and (min-width: 768px) {
  .section .section-content {
    padding: 2rem;
  }
  
  .hero-section .section-content {
    grid-template-rows: repeat(7, min(6.25rem));
    grid-template-columns: repeat(5, minmax(1rem, 1fr));
    gap: 0.75rem;
  }
  
  .hero-section .image-container_1,
  .hero-section .image-container_4,
  .hero-section .socials,
  .hero-section .tag {
    display: none;
  }
  
  .hero-section .logo {
    display: flex;
    justify-content: flex-end;
    grid-row: 1;
    grid-column: 5;
  }
  
  .hero-section .logo img {
    height: 100%;
  }
  
  .hero-section .main-heading {
    text-wrap: wrap;
    grid-row: 2;
    grid-column: 3;
  }
  
  .hero-section .main-heading h1 {
    width: max-content;
    max-width: 360px;
  }
  
  .hero-section .image-container img {
    max-width: 180px;
    min-width: 120px;
  }
  
  .hero-section .image-container_2 {
    grid-row: 1;
    grid-column: 1;
    margin-left: 0.75rem;
  }
  
  .hero-section .image-container_3 {
    grid-row: 5;
    grid-column: 5;
    justify-content: flex-end;
  }
  
  .hero-section .deco-text_1 {
    grid-row: 3;
    grid-column: 5;
    align-items: center;
    margin-left: 0.75rem;
  }
 
  .hero-section .deco-text_2 {
    grid-row: 4;
    grid-column: 2;
    align-items: center;
    justify-content: flex-end;
    margin-right: -1rem;
  }
  
  .hero-section .deco-text_3 {
    grid-column: 4;
    grid-row: 6;
    margin-top: -2rem;
    align-items: flex-start;
    margin-left: -1rem;
  }
  
  .hero-section .primary-cta {
    grid-row: 7;
    grid-column: 3;
    align-items: flex-end;
    max-width: max-content;
  }
  
  .info-section p {
    padding: 0 3rem;
  }
}

@media only screen and (min-width: 1023px) {  
  .hero-section .section-content {
    grid-template-columns: repeat(7, minmax(5rem, 1fr));
    grid-template-rows: repeat(7, min(6.25rem));
    gap: 0.75rem;
    padding-bottom: 4rem;
  }
  
  .hero-section .image-container_1,
  .hero-section .image-container_4,
  .hero-section .socials,
  .hero-section .tag {
    display: flex;
  }

  .hero-section .logo {
    display: flex;
    justify-content: flex-end;
    grid-area: 1 / 6 / 2 / 8;
    padding: 0 0 0 4rem;
  }
  
  .hero-section .logo img {
    flex: 1 1 auto;
    object-fit: cover;
    max-width: 100%;
    height: auto;
    margin-right: -3rem;
  }
  
  .hero-section .main-heading {
    text-wrap: wrap;
    grid-row: 1;
    grid-column: 4;
  }
  
  .hero-section .main-heading h1 {
    margin-top: -1rem;
    width: max-content;
    max-width: 640px;
  }
  
  .hero-section .image-container img {
    max-width: 170px;
    min-width: 160px;
  }
  
  .hero-section .image-container_1 {
    grid-row: 1;
    grid-column: 1;
  }
  
  .hero-section .image-container_2 {
    grid-row: 3;
    grid-column: 2;
    margin-top: -2rem;
    margin-left: 0;
  }
  
  .hero-section .image-container_3 {
    grid-row: 3;
    grid-column: 5;
    margin: 1.5rem 0 0 1rem;
  }
  
  .hero-section .image-container_3 img {
    left: 0;
  }
  
  .hero-section .image-container_4 {
    grid-row: 4;
    grid-column: 7;
    justify-content: flex-end;
    margin-top: 2.25rem;
  }
  
  .hero-section .deco-text_1 {
    grid-row: 1;
    grid-column: 3;
    justify-content: flex-end;
    align-items: center;
    margin-right: 1.5rem;
  }
  
  .hero-section .deco-text_2 {
    grid-row: 3;
    grid-column: 5;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0.5rem 0 0 -2.5rem;
  }
  
  .hero-section .deco-text_3 {
    grid-row: 5;
    grid-column: 3;
    justify-content: flex-end;
    align-items: center;
    margin: -2rem 0.5rem 0 0;
  }
  
  .hero-section .tag {
    grid-row: 7;
    grid-column: 1;
    margin-left: 3rem;
  }
  
  .hero-section .socials {
    grid-row: 3;
    grid-column: 7;
    margin-left: -3rem;
  }
  
  .hero-section .primary-cta {
    grid-row: 7;
    grid-column: 4;
    align-items: flex-end;
    max-width: max-content;
  }
  
  .info-section .section-content {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    padding: 3rem 5rem;
  }
  
  .info-section p {
    padding: 3rem 0 0 0;
  }
}

@media only screen and (min-width: 1200px) {
  .hero-section .section-content {
    grid-template-rows: repeat(7, min(6.5rem));
  }
  
  .hero-section .image-container img {
    max-width: 235px;
    min-width: 215px;
  }
}




header .logo {
  height: 80px;
}

header .logo img {
  height: 100%;
}




.rise-footer-cta h3 {
  color: var(--daylight);
  font-weight: inherit;
}

.rise-footer-cta h4 {
  margin: 0 0 1rem 0;
  font-weight: inherit;
}

.rise-footer-cta .socials {
  color: var(--limelight);
  align-items: flex-start;
  padding-left: 3rem;
}

.rise-footer-cta .socials a,
.rise-footer-cta .socials a:link,
.rise-footer-cta .socials a:visited {
  color: var(--limelight);
  text-decoration: underline;
}

.rise-footer-cta .socials a:focus,
.rise-footer-cta .socials a:hover,
.rise-footer-cta .socials a:active {
  color: var(--twilight);
  text-decoration: underline;
}

.rise-footer-cta .logo p {
  color: var(--limelight);
  margin: 0;
  padding-left: 3rem;
}

.rise-footer-cta .logo img {
  width: 100%;
  margin-left: -3rem;
}

.rise-footer-copyright .section-content {
  padding: 1.25rem 2rem;
}

.rise-footer-copyright .section-content p {
  margin: 0;
}

.rise-footer-copyright .section-content p:last-child {
  text-align: right;
}

.rise-footer-copyright .section-content a,
.rise-footer-copyright .section-content a:link,
.rise-footer-copyright .section-content a:visited {
  color: var(--midnight);
  transition-duration: 0.2s;
}

.rise-footer-copyright .section-content a:focus,
.rise-footer-copyright .section-content a:hover,
.rise-footer-copyright .section-content a:active {
  color: var(--limelight);
}

@media only screen and (max-width: 767px) {
  .rise-footer-cta h3 {
    padding-left: 0;
  }
  
  .rise-footer-cta .newsletter-signup {
    margin-bottom: 5rem;
  }
  
  .rise-footer-cta .socials {
    margin-bottom: 3rem;
  }
  
  .rise-footer-cta .logo img {
    margin-top: -3.5rem;
  }
  
  .rise-footer-copyright .section-content {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
}

@media only screen and (min-width: 768px) {  
  .rise-footer-cta h3 {
    padding-left: 0;
  }
  
  .rise-footer-cta .newsletter-signup {
    margin-bottom: 5rem;
  }
  
  .rise-footer-cta .socials {
    margin-bottom: 3rem;
  }
  
  .rise-footer-cta .logo img {
    margin-top: -3.5rem;
  }
  
  .rise-footer-copyright .section-content {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
}

@media only screen and (min-width: 1023px) {    
  .rise-footer-cta .section-content {
    display: grid;
    grid-template-rows: 5rem 8rem 10rem;
    grid-template-columns: 35% 65%;
    padding-top: 6rem;
    padding-bottom: 4rem;
  }
  
  .rise-footer-cta h3 {
    grid-row: 1;
    grid-column: 1;
    margin: 0;
    padding-left: 3rem;
  }
  
  .rise-footer-cta .newsletter-signup {
    grid-row: 1;
    grid-column: 2 / span 3;
    margin-bottom: 0;
  }
  
  .rise-footer-cta form {
    height: 25rem;
  }
  
  .rise-footer-cta .socials {
    grid-row: 2;
    grid-column: 1;
    margin-bottom: 0;
  }
  
  .rise-footer-cta .logo {
    grid-row: 3;
    grid-column: 1;
  }
  
  .rise-footer-cta .logo p {
    display: none;
  }
  
  .rise-footer-cta .logo img {
    margin-top: 0;
  }
  
  .rise-footer-copyright .section-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: unset;
  }