/* Add font files for Oswald */
@font-face {
  font-family: 'Oswald';
  src: url('fonts/oswald.woff2') format('woff2'),
       url('fonts/oswald.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Add font files for Cormorant Garamond */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('fonts/cormorant-garamond.woff2') format('woff2'),
       url('fonts/cormorant-garamond.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Add font files for IBM Plex Mono */
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('fonts/ibm-plex-mono.woff2') format('woff2'),
       url('fonts/ibm-plex-mono.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Add font files for Avenir Next */
@font-face {
  font-family: 'Avenir Next';
  src: url('fonts/avenir-next.woff2') format('woff2'),
       url('fonts/avenir-next.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

:root {
  --font-family-oswald: 'Oswald', sans-serif;
  --font-family-cormorant-garamond: 'Cormorant Garamond', sans-serif;
  --font-family-ibm-plex-mono: 'IBM Plex Mono', sans-serif;
  --font-family-avenir-next: 'Avenir Next', sans-serif;
  --font-family-inter: 'Inter', sans-serif;
  --text-white: rgba(255, 255, 255, 1);
  --text-rgb-196-106-62: rgba(196, 106, 62, 1);
  --text-rgb-98-97-92: rgba(98, 97, 92, 1);
  --text-black: rgba(0, 0, 0, 1);
}

.text-white {
  color: var(--text-white);
}

.text-rgb-196-106-62 {
  color: var(--text-rgb-196-106-62);
}

.text-rgb-98-97-92 {
  color: var(--text-rgb-98-97-92);
}

.text-black {
  color: var(--text-black);
}

/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* Prototype Links */
a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.ellipse-2-2 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  filter: blur(36.900001525878906px);
  border: none;
  outline: none;
}

.hastelogo-1-3 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.hastelogo-2-4 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.text-5 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-oswald);
  font-weight: 300;
  font-size: 32px;
  letter-spacing: 1%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
  font-family: var(--font-family-cormorant-garamond);
  font-weight: normal;
  font-size: 40px;
  letter-spacing: 1%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-6 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-7 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-8 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-9 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-10 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-11 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-cormorant-garamond);
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-12 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-13 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-14 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-15 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-16 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-17 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-18 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: underline;
  text-transform: none;
  color: var(--text-white);
}

.ellipse-1-19 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  filter: blur(36.900001525878906px);
  border: none;
  outline: none;
}

.hastelogo-3-20 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.text-21 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-22 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-23 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.hastelogo-4-24 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.text-25 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-cormorant-garamond);
  font-weight: normal;
  font-size: 48px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-26 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inter);
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-27 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-28 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-29 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.node-1 {
@media (max-width: 1440px) {
  .node-1 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 768px) {
  .node-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.ellipse-3-31 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  filter: blur(36.900001525878906px);
  border: none;
  outline: none;
}

.hastelogo-2-32 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.hastelogo-1-33 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.ellipse-3-34 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  filter: blur(36.900001525878906px);
  border: none;
  outline: none;
}

.ellipse-3-35 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  filter: blur(36.900001525878906px);
  border: none;
  outline: none;
}

.ellipse-4-36 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  filter: blur(36.900001525878906px);
  opacity: 0.8199999928474426;
  border: none;
  outline: none;
}

.text-37 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: 300;
  font-size: 40px;
  letter-spacing: 1%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-38 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-39 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-oswald);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-40 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-cormorant-garamond);
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-41 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-42 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-43 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-44 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-45 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-46 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-47 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inter);
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-48 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-49 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-50 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-51 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-52 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-cormorant-garamond);
  font-weight: 500;
  font-size: 48px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-53 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 32px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-54 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inter);
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.hastelogo-5-55 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.line-1-56 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 4px solid rgba(196, 106, 62, 1);
  border: none;
  outline: none;
}

.text-57 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: right;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-58 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
  font-family: var(--font-family-oswald);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-59 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-60 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.text-61 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-62 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-cormorant-garamond);
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-63 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: underline;
  text-transform: none;
  color: var(--text-white);
}

.macbook-pro-14-about-30 {
@media (max-width: 1440px) {
  .macbook-pro-14-about-30 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 768px) {
  .macbook-pro-14-about-30 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.text-65 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-66 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-67 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-68 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-69 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-70 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-71 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-72 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-73 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-74 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-75 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-76 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-77 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-78 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-79 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-oswald);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-80 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-81 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-82 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-oswald);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-83 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-oswald);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-84 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-85 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-86 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-87 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.line-2-88 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid rgba(255, 255, 255, 0.20000000298023224);
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.line-3-89 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid rgba(255, 255, 255, 0.20000000298023224);
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-5-90 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  filter: blur(36.900001525878906px);
  border: none;
  outline: none;
}

.ellipse-26-91 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  filter: blur(36.900001525878906px);
  border: none;
  outline: none;
}

.ellipse-6-92 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-7-93 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-8-94 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-19-95 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-16-96 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-23-97 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-25-98 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-9-99 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-17-100 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-21-101 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-10-102 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-11-103 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-14-104 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-20-105 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-18-106 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-24-107 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-22-108 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-15-109 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-12-110 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.ellipse-13-111 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  fill: rgba(217, 217, 217, 0.5);
  border: none;
  outline: none;
}

.line-4-112 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid rgba(255, 255, 255, 0.20000000298023224);
  border: none;
  outline: none;
}

.line-5-113 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid rgba(255, 255, 255, 0.20000000298023224);
  border: none;
  outline: none;
}

.line-6-114 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid rgba(255, 255, 255, 0.15000000596046448);
  border: none;
  outline: none;
}

.line-7-115 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid rgba(255, 255, 255, 0.15000000596046448);
  border: none;
  outline: none;
}

.hastelogo-5-116 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.hastelogo-6-117 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.text-118 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-ibm-plex-mono);
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-98-97-92);
}

.text-119 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-196-106-62);
}

.text-120 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-cormorant-garamond);
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 6%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-121 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-avenir-next);
  font-weight: normal;
  font-size: 24px;
  letter-spacing: 6%;
  text-decoration: underline;
  text-transform: none;
  color: var(--text-white);
}

.node-64 {
@media (max-width: 1440px) {
  .node-64 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 768px) {
  .node-64 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}