html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38b0_PlusJakartaSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38b9_PlusJakartaSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38c6_PlusJakartaSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38c7_PlusJakartaSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38b2_PlusJakartaSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38c4_PlusJakartaSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38b8_PlusJakartaSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Plus Jakarta Sans;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38b3_PlusJakartaSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pressstart 2 P";
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67311d5a6275fc755539db8a_PressStart2P-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38a4_Satoshi-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38b7_Satoshi-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38ad_Satoshi-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38ae_Satoshi-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38ba_Satoshi-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d78a8f3f1a5160b2f38b6_Satoshi-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --color--white: white;
  --font--body: Satoshi, sans-serif;
  --color--dark: #000;
  --type--body-regular: 20px;
  --font--headings: "Plus Jakarta Sans", sans-serif;
  --type--h1: 120px;
  --type--h2: 52px;
  --type--h3: 32px;
  --color--accent: #fc5071;
  --color--dark-elevation: #1a1a1a;
  --type--subtitle: 28px;
  --type--body-big: 22px;
  --color--light-elevation: #ededed;
  --color--barone: #ff808c;
  --font--8-bit: "Pressstart 2 P", Arial, sans-serif;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  background-color: var(--color--white);
  font-family: var(--font--body);
  color: var(--color--dark);
  font-size: var(--type--body-regular);
  font-weight: 500;
  line-height: 130%;
}

h1 {
  font-family: var(--font--headings);
  font-size: var(--type--h1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 130%;
}

h2 {
  font-family: var(--font--headings);
  font-size: var(--type--h2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 130%;
}

h3 {
  font-family: var(--font--headings);
  font-size: var(--type--h3);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 130%;
}

a {
  color: var(--color--dark);
  text-decoration: underline;
}

blockquote {
  border-left: 5px solid var(--color--accent);
  font-family: var(--font--headings);
  margin-top: 48px;
  margin-bottom: 48px;
  padding: 56px;
  font-size: 26px;
  line-height: 130%;
}

.text-style-h3 {
  font-family: var(--font--headings);
  font-size: var(--type--h3);
  font-weight: 500;
  line-height: 130%;
}

.tile-template-navigation {
  grid-row-gap: 16px;
  background-color: var(--color--dark-elevation);
  color: var(--color--white);
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  position: sticky;
  top: 120px;
}

.grid-buttons {
  grid-template-rows: auto;
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.section.dark {
  background-color: var(--color--dark);
  color: var(--color--white);
  border: 1px #000;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.dark.template-details {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.dark.under-hero-studio {
  margin-top: -240px;
  padding-top: 320px;
}

.section.dark.background {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.hero-template {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.hero-home {
  padding-top: 40px;
  padding-bottom: 20px;
}

.section.hero-studio {
  padding-top: 80px;
  padding-bottom: 0;
}

.section.hero-contact {
  padding-top: 100px;
}

.section.hero-works {
  padding-top: 72px;
  padding-bottom: 72px;
}

.section.hero-work-inner {
  padding-top: 100px;
}

.section.hero-services {
  padding-top: 100px;
  padding-bottom: 16px;
}

.section.hero-services.scrolling {
  background-color: #171d1b;
}

.section.hero-services.breakit {
  background-image: linear-gradient(#323f38, #323f38);
}

.section.hero-blogs {
  padding-top: 92px;
}

.section.hero-blog-template, .section.legal-section {
  padding-top: 100px;
}

.section.hero-pricing, .section.hero-product {
  padding-top: 80px;
}

.section.hero-404 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.hero-sales {
  padding-top: 52px;
  padding-bottom: 64px;
}

.section.details-sales-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.photo-break {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aab9f04fa50bb9c522500_Banner.jpg");
  background-position: 50% 100%;
  background-size: cover;
  padding-top: 149px;
}

.section.mobile {
  display: none;
}

.section.event-desktop.scrolling {
  background-color: #171d1b;
}

.section.event-desktop.breakit {
  background-image: linear-gradient(#323f38, #323f38);
}

.section.scrolling {
  background-color: #171d1b;
}

.section.breakit {
  background-color: #323f38;
}

.section.background {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67c07b8ec2abe37506089a09_HB%20Cover%20Large-02.webp");
  background-position: 50%;
  background-size: cover;
}

.section.directory {
  height: auto;
  margin-top: -100px;
  padding-top: 0;
}

.section.directory-2 {
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section.phone-directory {
  padding-top: 0;
  padding-bottom: 0;
}

.text-style-h1 {
  font-family: var(--font--headings);
  font-size: var(--type--h1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 130%;
}

.subtitle {
  font-size: var(--type--subtitle);
  font-weight: 400;
  line-height: 130%;
}

.grid-colors {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.left-column-template-details {
  padding: 0;
}

.body-big {
  font-size: var(--type--body-big);
  line-height: 130%;
}

.text-cta {
  z-index: 3;
  position: relative;
}

.right-column-template-details {
  grid-row-gap: 32px;
  flex-direction: column;
  padding: 0 0 0 24px;
  display: flex;
}

.text-style-h2 {
  font-family: var(--font--headings);
  font-size: var(--type--h2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 130%;
}

.link-template-navigation {
  opacity: 1;
  color: var(--color--white);
  font-size: 24px;
  line-height: 135%;
  text-decoration: none;
  transition: font-size .2s;
}

.link-template-navigation.w--current {
  color: #fc5071;
  font-weight: 500;
}

.color-master {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.columns-template-details {
  display: flex;
}

.divider-typography {
  background-color: #fff3;
  width: 100%;
  height: 1px;
  margin-top: 12px;
}

.tile-template-details {
  grid-row-gap: 16px;
  background-color: var(--color--dark-elevation);
  color: var(--color--white);
  border-radius: 8px;
  flex-direction: column;
  padding: 40px;
  display: flex;
}

.main-container {
  width: 100%;
  max-width: 1600px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
  position: static;
}

.main-container.small {
  justify-content: center;
  align-items: center;
  display: flex;
}

.main-container.container-digital, .main-container.container-traditional {
  display: none;
}

.main-container.phone {
  height: 794px;
}

.fill-cta {
  z-index: 1;
  background-color: var(--color--accent);
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0, 101%);
}

.wrap-template-ui {
  grid-row-gap: 24px;
  background-color: var(--color--light-elevation);
  color: var(--color--dark);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.wrap-template-ui.inverted-wrap {
  color: #fff;
  background-color: #000;
}

.color {
  background-color: #faebe3;
  border: 1px solid #ffffff29;
  border-radius: 8px;
  padding-top: 100%;
}

.color.color-five {
  background-color: var(--color--light-elevation);
}

.color.color-four {
  background-color: var(--color--dark-elevation);
}

.color.color-one {
  background-color: var(--color--accent);
}

.color.color-three {
  background-color: var(--color--white);
}

.color.color-two {
  background-color: var(--color--dark);
}

.link-cta {
  background-color: var(--color--dark);
  color: var(--color--white);
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 1px 20px;
  font-size: 18px;
  line-height: 120%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: clip;
}

.link-cta.white-cta {
  background-color: var(--color--white);
  color: var(--color--dark);
  transition: color .5s;
}

.link-cta.white-cta:hover {
  color: #fff;
}

.link-cta.medium-cta {
  height: 48px;
  padding-left: 26px;
  padding-right: 26px;
  font-size: 20px;
}

.template-h2 {
  margin-top: 0;
}

.title-wrap-template {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.limit-subtitle-template {
  max-width: 630px;
}

.flex-cta-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex-cta-left.mg-top-16 {
  margin-top: 16px;
}

.flex-cta-left.mg-top-8 {
  margin-top: 8px;
}

.span-accent {
  color: var(--color--accent);
}

.span-accent.project-category-filter {
  text-transform: lowercase;
}

.close-icon {
  width: 100%;
  height: 100%;
  display: block;
}

.cart-wrapper {
  background-color: #0000;
}

.close-button {
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.menu-cta-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-cta-wrap.mobile {
  display: none;
}

.cart-quantity {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-menu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  align-items: center;
  width: auto;
  margin-right: auto;
  display: flex;
}

.cart-quantity-text {
  color: #0e0e0e;
  letter-spacing: -.01em;
  background-color: #0000;
  min-width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.text-dropdown {
  color: #000;
}

.dropdown-list.w--open {
  background-color: var(--color--light-elevation);
  border-radius: 6px;
  overflow: clip;
}

.nav-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.cart-price-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.quantity-wrap {
  display: flex;
}

.nav-mid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
}

.cart-info-wrap {
  margin-left: 0;
}

.cart-container {
  background-color: #fff;
  border-radius: 24px;
  height: 95svh;
  margin-top: 3svh;
  margin-right: 16px;
}

.cart-list {
  padding-left: 32px;
  padding-right: 32px;
}

.cart-footer {
  border-top-color: #0003;
  padding: 32px;
}

.brand-navbar {
  height: 100%;
}

.brand-link {
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex;
}

.link-dropdown {
  color: #151515;
  text-align: left;
  padding: 8px 32px 8px 12px;
  font-size: 14px;
  font-weight: 500;
}

.link-dropdown:hover {
  background-color: #0101010a;
}

.link-dropdown.w--current {
  color: #010101;
  font-weight: 700;
}

.text-cart-container-heading {
  font-size: 40px;
  line-height: 120%;
}

.cart-info-master {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dropdown-toggle {
  grid-column-gap: 6px;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

.remove-button {
  text-align: right;
  text-decoration: underline;
}

.cart-quantity-transparent {
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  width: 30px;
  height: auto;
  padding: 0;
  font-size: 16px;
}

.cart-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #0003;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.cart-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0e0e0e;
  background-color: #0000;
  padding: 0;
  line-height: 140%;
}

.nav-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.button-text {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.nav-link {
  color: #000;
  text-align: center;
  letter-spacing: -.01em;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  transition: color .3s;
}

.nav-link:hover {
  color: var(--color--barone);
  text-decoration: none;
}

.nav-link.w--current {
  color: #0e0e0e;
  transition: color .3s;
}

.nav-link.w--current:hover {
  color: var(--color--barone);
  text-decoration: none;
}

.text-cart-container {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.navbar {
  z-index: 99;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown {
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  font-weight: 400;
}

.cart-header {
  border-bottom-style: none;
  padding-top: 24px;
  padding-left: 32px;
  padding-right: 32px;
}

.master-title-home {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1020px;
  margin-bottom: 20px;
  display: flex;
}

.single-title-home {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: clip;
}

.hide {
  overflow: clip;
}

.flex-bottom-hero-home {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.subtitle-home {
  font-size: var(--type--body-big);
  line-height: 130%;
}

.subtitle-home.scroll-text {
  color: #0000008c;
  font-size: 18px;
}

.video-home {
  z-index: 1;
  border-radius: 8px;
  height: 95vh;
  min-height: 600px;
  max-height: 1100px;
  margin-top: 64px;
  margin-bottom: 64px;
  position: relative;
  overflow: hidden;
}

.lightbox-home-video {
  z-index: 40;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.icon-play {
  z-index: 30;
  object-fit: contain;
  width: 120px;
  height: 120px;
  position: relative;
}

.overlay-image-general {
  z-index: 1;
  mix-blend-mode: color;
  background-color: #fc5071b3;
  position: absolute;
  inset: 0%;
}

.flex-logos {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-logo {
  max-width: 20%;
  max-height: 35px;
}

.flex-heading-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: clip;
}

.flex-heading-left.mg-bottom-80 {
  margin-bottom: 80px;
}

.flex-heading-left.mg-bottom-80.center-phone {
  margin-bottom: 60px;
}

.flex-heading-left.mg-bottom-100 {
  margin-bottom: 100px;
}

.flex-heading-left.mg-bottom-100.center-landscape {
  margin-bottom: 60px;
}

.flex-heading-left.mg-bottom-48 {
  margin-bottom: 48px;
}

.abstract-heading {
  object-fit: contain;
  width: 52px;
  height: 52px;
  margin-top: 4px;
  padding: 4px;
  display: block;
}

.no-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.grid-projects-home-b-halves {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.bottom-project-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.wrap-text-view {
  overflow: hidden;
}

.image-project-main {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-subheading-project {
  font-size: 24px;
  line-height: 125%;
}

.link-project-main {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #fff;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.link-project-main.dark-text-link {
  color: var(--color--dark);
}

.wrap-image-project-main {
  border-radius: 8px;
  width: 100%;
  padding-top: 72%;
  position: relative;
  overflow: hidden;
}

.wrap-image-project-main.home-one {
  min-height: 740px;
  padding-top: 0%;
}

.wrap-image-project-main.home-two {
  padding-top: 72%;
}

.wrap-image-project-main.home-three {
  padding-top: 60%;
}

.wrap-image-project-main.work-general-wrap {
  padding-top: 72%;
}

.view-circle {
  background-color: var(--color--accent);
  color: #fff;
  text-transform: uppercase;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.master-project-tile {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  display: flex;
}

.list-wrapper-project-home-wide {
  margin-top: 120px;
  overflow: hidden;
}

.container-medium {
  width: 100%;
  max-width: 1170px;
  padding-left: 24px;
  padding-right: 24px;
}

.list-services-animated {
  flex-direction: column;
  max-width: 1008px;
  margin-bottom: 40px;
  display: flex;
}

.single-service-animated {
  border-top: 1px solid var(--color--dark);
  opacity: 1;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 52px;
  padding-bottom: 52px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.single-service-animated:hover {
  opacity: 1;
}

.single-service-animated.list-item {
  border-bottom: 1px solid #000;
}

.number-service-animated {
  font-family: var(--font--headings);
  width: 72px;
  margin-bottom: 7px;
  overflow: hidden;
}

.wrap-text-service-animated {
  overflow: hidden;
}

.big-text-service-animated {
  font-family: var(--font--headings);
  text-transform: uppercase;
  font-size: 64px;
  font-weight: 600;
  line-height: 100%;
  overflow: hidden;
}

.image-service-animated {
  z-index: 10;
  object-fit: cover;
  border-radius: 8px;
  width: 32%;
  max-width: 290px;
  height: 180%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% 65px 0% auto;
}

.flex-under-animated-services {
  max-width: 1008px;
  margin-top: 72px;
}

.big-text {
  font-size: 32px;
  line-height: 130%;
}

.master-quote-center {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-quote {
  height: 56px;
}

.text-manifesto-big {
  font-family: var(--font--headings);
  font-size: 72px;
  font-weight: 500;
  line-height: 120%;
}

.block-testimonial {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 740px;
  display: flex;
}

.slider-testimonials {
  background-color: #0000;
  height: 100%;
  display: flex;
}

.image-wrap-testimonials-4 {
  width: 411px;
  height: 560px;
  position: relative;
  overflow: hidden;
}

.slide-nav-hidden {
  display: none;
}

.right-person-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.icon-slider {
  object-fit: contain;
  width: 40px;
}

.mask-full {
  width: 100%;
  margin-bottom: 100px;
}

.grid-testimonials {
  grid-column-gap: 132px;
  grid-row-gap: 132px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-subname {
  opacity: .7;
  font-size: 18px;
  line-height: 130%;
}

.text-testimonial {
  font-size: 32px;
  line-height: 130%;
}

.master-person-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.carousel-button {
  justify-content: center;
  align-items: center;
  display: flex;
}

.carousel-button.testimonial-right {
  color: #24201f;
  width: auto;
  display: block;
  position: absolute;
  inset: auto auto 0% 4%;
}

.carousel-button.testimonial-left {
  color: #24201f;
  width: auto;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.carousel-button.testimonial-left:hover {
  color: #c73f1d;
}

.image-testimonials {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid-process-thirds {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.wrap-process-one {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-number-process-one {
  color: var(--color--accent);
  font-size: 62px;
  font-weight: 500;
  line-height: 120%;
}

.divider-process-one {
  background-color: #ffffff4d;
  width: 100%;
  height: 2px;
}

.bottom-process-one {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.circle-contact {
  background-color: var(--color--barone);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 49px;
  height: 48px;
  display: flex;
}

.icon-social {
  flex: none;
  width: 26px;
  height: 26px;
}

.divider-contact {
  background-color: var(--color--dark);
  height: 2px;
  margin-top: 72px;
  margin-bottom: 52px;
}

.h2-contact {
  font-family: var(--font--headings);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 84px;
  font-weight: 600;
  line-height: 120%;
}

.bottom-contact {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.left-contact {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrap-contact-heading {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.single-contact-heading {
  position: relative;
  overflow: hidden;
}

.single-contact-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 32px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.overlay-contact-heading {
  z-index: 4;
  transform-origin: 100%;
  background-color: #fff8ebb3;
  display: none;
  position: absolute;
  inset: 0%;
}

.legal-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.column-footer-links {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.link-footer {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

.link-legal-footer {
  color: #fff;
}

.link-big-email-footer {
  border: 1px solid var(--color--white);
  font-family: var(--font--headings);
  color: var(--color--white);
  text-align: center;
  border-radius: 160px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 164px;
  margin-bottom: 80px;
  font-size: 68px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  transition: color .5s, background-color .5s;
  display: flex;
}

.link-big-email-footer:hover {
  color: #141414;
  background-color: #fff;
}

.third-footer {
  border: 1px #fff;
  border-top-style: solid;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.brand-link-footer {
  height: 100%;
}

.brand-link-footer.w--current {
  height: 80px;
}

.brand-footer {
  width: 200px;
  max-width: none;
  height: 100%;
  display: inline-block;
  overflow: clip;
}

.link-footer-social {
  color: #fffdf5;
  font-size: 20px;
  text-decoration: none;
  transition: color .3s;
}

.link-footer-social:hover {
  color: var(--color--barone);
}

.footer {
  background-color: var(--color--dark);
  color: #fff;
  border: 1px #000;
  padding-top: 40px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.text-legal-footer {
  color: #fff;
  font-size: 16px;
}

.right-third-footer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.heading-footer-links {
  color: #fff;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 500;
}

.second-footer {
  grid-column-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-moving-insta {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.wrap-image-moving-insta {
  object-fit: cover;
  flex: none;
  width: 320px;
  position: relative;
  overflow: hidden;
}

.master-moving-insta {
  z-index: 1;
  position: relative;
}

.overlay-moving-insta {
  z-index: 1;
  background-color: #fff6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.single-insta-moving {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
  position: relative;
}

.list-moving-insta {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  display: flex;
}

.realtive-moving-images {
  z-index: 1;
  position: relative;
}

.section-moving-insta {
  overflow: clip;
}

.logo-hero-studio {
  width: 100%;
}

.flex-hero-studio {
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 56px;
  display: flex;
}

.icon-brand-hero-about {
  width: 64px;
  height: 64px;
}

.limit-sutitle-hero-about {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  max-width: 704px;
  display: flex;
  overflow: clip;
}

.master-moving-studio-hero {
  width: 100vw;
  margin-top: 64px;
  position: relative;
  overflow: hidden;
}

.inside-moving-hero-studio {
  justify-content: space-between;
  align-items: center;
  width: 160vw;
  display: flex;
}

.image-hero-studio {
  width: 32%;
}

.moving-images-top-fill {
  width: 102vw;
  position: absolute;
  inset: -1% 0% auto;
}

.moving-images-bottom-fill {
  width: 102vw;
  max-width: none;
  margin-left: -1vw;
  position: absolute;
  inset: auto 0% -2px;
}

.grid-numbers-thirds {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1060px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.wrap-number {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-big-number {
  font-family: var(--font--headings);
  color: var(--color--accent);
  font-size: 100px;
  font-weight: 500;
  line-height: 110%;
}

.text-sub-number {
  color: #fffc;
  font-size: 22px;
  font-weight: 400;
}

.grid-master-values {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
}

.plus-line-big {
  background-color: var(--color--dark);
  border-radius: 1px;
  width: 18px;
  height: 2px;
}

.plus-line-big.vertical {
  position: absolute;
  transform: rotate(-90deg);
}

.h3-expandable-big {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 130%;
}

.master-expandable-big {
  grid-row-gap: 0px;
  flex-direction: column;
  display: flex;
}

.expandable-top-big {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-expanabdle-botton {
  transform-origin: 50% 0;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 12px;
}

.expandable-bottom-big {
  transform-origin: 50% 0;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  display: flex;
}

.limit-wrap-feature {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 740px;
  display: flex;
}

.plus-expand-master-big {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.expandable-single-big {
  border-top: 1px solid var(--color--dark);
  cursor: pointer;
  padding: 26px 0;
}

.grid-team-thirds {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.tile-team {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-team-tile {
  width: 100%;
}

.bottom-team {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid-thirds-awards-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 974px;
}

.cell {
  border-bottom: 1px solid #fff;
  align-items: center;
  height: 70px;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.cell.top {
  font-family: var(--font--headings);
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.cell.right {
  text-align: right;
  justify-content: flex-end;
}

.text-contact-address {
  font-size: 22px;
  line-height: 130%;
}

.left-contact-hero {
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 570px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.link-contact {
  color: #151515;
  font-size: 28px;
  line-height: 120%;
  text-decoration: none;
  transition: opacity .2s;
}

.link-contact:hover {
  text-decoration: underline;
}

.single-contact-social {
  grid-column-gap: 16px;
  color: #151515;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.single-contact-social:hover {
  opacity: .9;
}

.cirlce-contact-social {
  background-color: var(--color--accent);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.list-contact-socials {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.divider-contact-page {
  background-color: #151515;
  width: 100%;
  height: 2px;
}

.list-contact-links {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.grid-contact-halves {
  grid-column-gap: 40px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
}

.icon-contact-social {
  width: 24px;
  height: 24px;
}

.wrap-image-contact {
  border-radius: 12px;
  position: relative;
  overflow: clip;
}

.image-coontact {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.expandable-bottom {
  transform-origin: 50% 0;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  display: flex;
}

.master-faq {
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  max-width: 894px;
  display: flex;
}

.heading-faq {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 135%;
}

.wrap-plus-faq {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.single-faq {
  background-color: var(--color--light-elevation);
  cursor: pointer;
  border-radius: 8px;
  padding: 32px 40px;
}

.text-faq {
  transform-origin: 50% 0;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 12px;
  font-size: 16px;
}

.top-faq {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.line-faq {
  background-color: var(--color--dark);
  border-radius: 2px;
  width: 18px;
  height: 1px;
}

.line-faq.vertical-line {
  position: absolute;
  transform: rotate(-90deg);
}

.title-wrap-works {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1098px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.list-filters {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-filter {
  background-color: var(--color--light-elevation);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding-left: 28px;
  padding-right: 28px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.link-filter:hover {
  background-color: #dfdfdf;
}

.link-filter.w--current {
  background-color: var(--color--dark);
  color: var(--color--white);
}

.grid-work-halves {
  grid-column-gap: 24px;
  grid-row-gap: 52px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.master-title-filter {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.flex-cta-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-cta-center.mg-top-64 {
  margin-top: 64px;
}

.flex-cta-center.mg-top-16 {
  margin-top: 16px;
}

.limit-project-template {
  width: 90%;
  max-width: 1240px;
}

.image-hero-project {
  border-radius: 8px;
  width: 100%;
}

.list-gallery-project {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.lightbox-gallery-project {
  border-radius: 8px;
  width: 100%;
  overflow: clip;
}

.image-lightbox-project {
  width: 100%;
}

.limit-subtitle-project {
  max-width: 870px;
  overflow: clip;
}

.limit-rich-text-project {
  max-width: 1008px;
}

.title-wrap-project-template {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 72px;
  display: flex;
}

.divider-hero-project {
  background-color: var(--color--dark);
  width: 100%;
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.flex-project-template {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.wrapper-gallery-project {
  margin-top: 80px;
  margin-bottom: 80px;
}

.title-wrap-services {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.left-single-service {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 435px;
  display: flex;
}

.single-service-detail {
  border-top: 1px solid var(--color--dark);
  padding-top: 24px;
  padding-bottom: 24px;
}

.single-service-detail.last-detail {
  border-bottom: 1px solid var(--color--dark);
}

.single-service-detail.last-detail.inverted-color {
  border-bottom-color: var(--color--white);
}

.single-service-detail.inverted-color {
  border-top-color: var(--color--white);
}

.grid-single-service {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
}

.h3-no-capitals {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
}

.master-service-details-list {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.right-single-service {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 550px;
  display: flex;
}

.title-wrap-blogs {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1098px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-blog-thirds {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tile-blog {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--color--light-elevation);
  color: #000;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 32px 24px 24px;
  text-decoration: none;
  transition: transform .4s;
  display: flex;
}

.tile-blog:hover {
  transform: translate(0, -6px);
}

.tile-blog.dark-tile {
  background-color: var(--color--dark-elevation);
  color: var(--color--white);
}

.top-blog-tile {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 320px;
  display: flex;
}

.tag {
  background-color: var(--color--dark);
  color: var(--color--white);
  text-align: center;
  border-radius: 70px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 13px;
  line-height: 13px;
  display: flex;
}

.tag.light-tag {
  background-color: var(--color--white);
  color: var(--color--dark);
}

.tag.medium-pricing {
  color: var(--color--dark);
  background-color: #0000001c;
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

.wrap-image-blog {
  border-radius: 6px;
  position: relative;
  overflow: clip;
}

.image-blog {
  width: 100%;
}

.title-wrap-blog-template {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.limit-subtitle-blog-template {
  max-width: 810px;
}

.wrap-image-blog-hero {
  border-radius: 12px;
  max-width: 1080px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: clip;
}

.image-blog-hero {
  width: 100%;
}

.container-small {
  width: 100%;
  max-width: 920px;
  padding-left: 24px;
  padding-right: 24px;
}

.title-wrap-pricing {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 72px;
  display: flex;
}

.grid-pricing-thirds {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.tile-pricing {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--color--light-elevation);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 32px 32px;
  display: flex;
}

.divider-pricing-tile {
  background-color: #0000002b;
  width: 100%;
  height: 1px;
}

.master-checklist {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.master-checklist.horizontal-product {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 24px;
}

.single-checklist {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  display: flex;
}

.icon-check {
  width: 24px;
  height: 24px;
}

.title-wrap-product {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.limit-subtitle-package {
  max-width: 694px;
}

.default-state {
  margin-bottom: 0;
}

.shipping-method {
  background-color: #fff;
}

.block-header {
  background-color: var(--color--light-elevation);
  border: 1px #0f1a2326;
  border-bottom: 1px solid #0f1a231a;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.checkout-form {
  background-color: #fff;
  border-top: 1px solid #0000000f;
  padding: 80px 0 64px;
}

.text-field-checkout-page {
  background-color: var(--color--white);
  color: #000;
  border: 1px solid #0000001a;
  border-radius: 70px;
  height: 40px;
  margin-bottom: 12px;
}

.text-field-checkout-page:focus, .text-field-checkout-page.-wfp-focus {
  color: #000;
  border-style: solid;
  border-color: #3a6cee;
}

.block-content {
  background-color: var(--color--light-elevation);
  border: 1px #000;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.apple-pay {
  border-radius: 60px;
  height: 36px;
}

.checkbox-label-checkout {
  margin-bottom: 0;
}

.shipping-method-list {
  border: 1px #000;
}

.billing-address-toggle {
  justify-content: flex-start;
  align-items: center;
}

.checkbox-checkout {
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  padding-top: 72px;
  padding-bottom: 80px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.brand-simple {
  background-color: #fff;
  border-bottom: 1px solid #0000000f;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.link-brand-checkout {
  justify-content: center;
  align-items: center;
  height: 22px;
  display: flex;
}

.brand-image-checkout {
  height: 100%;
}

.icon-lock {
  width: 100%;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.title-wrap-404 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 100px;
  margin-right: 100px;
  display: flex;
}

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

.tile-changelog {
  background-color: var(--color--dark-elevation);
  color: var(--color--white);
  border-radius: 8px;
  width: 100%;
  max-width: 620px;
  margin-left: 0;
  margin-right: auto;
  padding: 40px 32px;
}

.master-title-sales {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1140px;
  margin-bottom: 40px;
  display: flex;
}

.single-title-sales {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: clip;
}

.flex-bottom-hero-sales {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sales-mock-image {
  border: 1px solid #ffffff2b;
  border-radius: 12px;
  width: 100%;
  margin-bottom: 0;
}

.sales-mock-link-block {
  border-radius: 6px;
  width: 100%;
  margin-bottom: 24px;
  transition: transform .5s;
  overflow: hidden;
}

.sales-mock-link-block:hover {
  transform: scale(1.03);
}

.section-sales-mockups {
  background-color: var(--color--accent);
  height: 95vh;
  min-height: 600px;
  max-height: 900px;
  position: relative;
  overflow: hidden;
}

.grid-thirds-mokckups {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-sales-mockups {
  max-width: 1600px;
  padding-left: 24px;
  padding-right: 24px;
}

.grid-included {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 64px;
}

.included-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--light-elevation);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 340px;
  padding: 0;
  display: flex;
}

.included-card.figma-card {
  grid-column-gap: 56px;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  min-height: 0;
  padding: 32px;
}

.included-padding-wrap {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
}

.image-included {
  width: 100%;
}

.icon-figma {
  width: 120px;
  height: 120px;
}

.wrap-figma-content {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hide-title-animation {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-sales-page {
  border: 1px #0000;
  border-radius: 2px;
  width: 100%;
}

.grid-fourths-sales-fourths {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.sales-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--dark-elevation);
  color: var(--color--white);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 24px;
  text-decoration: none;
  transition: transform .2s;
  display: flex;
}

.sales-card:hover {
  transform: translate(0, -4px);
}

.grid-thirds-sales-page {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.master-sales-pages {
  grid-row-gap: 80px;
  flex-direction: column;
  display: flex;
}

.center-tablet {
  margin-top: 0;
  margin-bottom: 0;
}

.single-sales-pages {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.grid-thirds-all-features {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 64px;
}

.more-power-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  text-align: left;
  background-color: #f5f5f5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding: 32px 24px;
  display: flex;
}

.box-more-templates {
  background-color: var(--color--dark);
  color: var(--color--white);
  border-radius: 8px;
  margin-top: 32px;
  padding: 0;
  overflow: hidden;
}

.grid-more-templates {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  padding-right: 48px;
}

.right-more-templates {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 490px;
  display: flex;
}

.video-tutorial {
  border-radius: 12px;
}

.grid-tutorial-halves {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
}

.left-tutorial-video {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 490px;
  display: flex;
}

.video-instructions-page {
  border-radius: 24px;
}

.hb_logo {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/671580da331f9a60417a34ae_HB_Split_Light-07.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 500px;
  height: 120px;
}

.hb_logo.top {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67c07a60fc90052c64790898_HB_Full_Light%20thick-01.svg");
  height: 200px;
  transform: none;
}

.hb_logo.bottom {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/671580d9e034eba568a5a72e_HB_Split_Light-06.svg");
  margin-top: 0;
}

.projects-container {
  position: relative;
}

.projects_header {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.projects_photo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 20px;
  height: 250px;
}

.projects_photo.events {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68681b72e511c90c45e4f6cf_Easter%2025%20Cover%20Photo%20small.jpg");
  background-position: 50%;
  background-size: cover;
}

.projects_photo.web {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c022614cd840dd89eba9_Missions%20Webpage.jpg");
  background-position: 50%;
  background-size: 150%;
}

.projects_photo.social {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c12eb35886d42a10b716_Iams2cond%20pt1.jpg");
  background-position: 0 0;
  background-size: cover;
}

.projects_photo.prints {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67c4bfd19a93e78ca69036dd_zeal%20hoodie.png"), linear-gradient(#fff, #fff);
  background-position: 50% 10%, 0 0;
  background-size: cover, auto;
}

.projects_photo.games {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c425852694778890e1d9_pRJcmc.jpg");
  background-position: 50%;
  background-size: cover;
}

.projects_photo._3d {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c6180410957e0ecba94c_AP_Plant001_HB.jpg");
  background-position: 80%;
  background-size: cover;
}

.projects_photo.concept-art {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c721c7a8a94a923b5a56_Hannah_Alley%20(1).jpg");
  background-position: 50% 70%;
  background-size: cover;
  width: auto;
  height: 250px;
}

.projects_photo.graphics {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6738f6c61229ecc84529ae68_zeal%20%20Screen.png");
  background-position: 45%;
  background-size: cover;
  width: auto;
  height: 250px;
}

.projects_photo.signage {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6718372966ce2f5e95684c07_8x8%20banner.jpg");
  background-position: 50%;
  background-size: cover;
}

.projects_photo.series {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/685ec39229db0f17ca2aa6ce_Summer%2025%20cover.jpg");
  background-position: 50%;
  background-size: cover;
}

.projects_photo.illustrations {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f4df0f61228082af8_Painting_Realism.jpg");
  background-position: 50% 15%;
  background-size: cover;
  width: auto;
  height: 250px;
}

.projects_photo.phone {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/686821432a7d4e3ea20241ec_phone%20cover.avif");
  background-position: 50% 20%;
  background-size: cover;
}

.projects_photo.allillustrations {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68560041e4e11c37d2481b6f_Girl%202.jpg");
  background-position: 50% 60%;
  background-size: cover;
  width: auto;
  height: 250px;
}

.projects_photo.linn-falls {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/673112b12eddeee2870d73d2_linn%20falls.png");
  background-position: 61%;
  background-size: cover;
}

.projects_photo.feat1 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67c3dbe2b287cfef935c3419_pre%20service%20i%20escaped%20cover%20photo.png"), linear-gradient(#fff, #fff);
  background-position: 50% 10%, 0 0;
  background-size: cover, auto;
}

.link-block {
  color: var(--color--white);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-block:hover {
  color: var(--color--barone);
  mix-blend-mode: normal;
  text-decoration: underline;
}

.link-block:active {
  text-decoration: underline;
}

.grid-events {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.events-container {
  background-image: linear-gradient(#00000080, #00000080);
  border-radius: 20px;
  width: 100%;
  height: 300px;
}

.events-container.bloom-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b2f6901fe3cfef5bd7d3_bloom%20wall%20fix%204-09.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-container.xmas-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b4b2113dfdb09574cf32_XMAS%20LED%202023%20MESSAGE_03-04.jpg");
  background-position: 50% 0;
  background-size: 260%;
}

.events-container.easter-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b722a2813ab34aa67078_HavenChapel%20LED%20Easter2023.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-container.dt-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b77a4f75ec100ac85be4_Dream%20Team%2024%20sidescreen%20.png");
  background-position: 50%;
  background-size: cover;
}

.events-container.mn-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b83b67768ed6c1c15f89_Mens%20Night%20LED%20WALKIN%20Screens-02.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-container.wop-f23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67182fe8898b1c3a97124b33_WOP%20social%20ad%202.png");
  background-position: 50%;
  background-size: cover;
}

.events-container.wop-s24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717baf97b41816950e630f2_NOW%20thumb.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-container.wop-f24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717ba036351d1dac5559287_a58751795b9824cd84f2ad968b8c2bb2_WOPf24_SideScreen.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-container.bloom-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa7a3d10182c41116e132_Bloom%2024%20title%20Card.jpg");
  background-position: 50%;
  background-size: cover;
}

.events-container.select {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: relative;
  overflow: hidden;
}

.events-container.other {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.events-container.other.games {
  height: 290px;
}

.events-container.featured {
  height: 250px;
  overflow: hidden;
}

.events-container.games {
  height: 250px;
}

.title-wrap-events {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 2px solid #000;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
  display: flex;
}

.title-wrap-events._8-bit {
  border-bottom-color: #fff;
}

.slider-featured {
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.slider-featured.cheeky {
  display: none;
}

.featured-slide {
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 0;
  padding-right: 0;
}

.grid-featured {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template: "Area"
                 "."
                 "."
                 / auto auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: stretch;
  display: grid;
}

.image-wrap-featured {
  width: 411px;
  height: 560px;
  position: relative;
  overflow: hidden;
}

.featured-image {
  border-radius: 20px;
}

.featured-image._1 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b02fe38cf894d3740e71_Bloom%2023.jpeg");
  background-position: 50%;
  background-size: cover;
  width: 550px;
  height: 350px;
}

.featured-image._2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b2f6901fe3cfef5bd7d3_bloom%20wall%20fix%204-09.jpg");
  background-position: 50%;
  background-size: cover;
  width: 600px;
  height: 300px;
}

.featured-image._3 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b309140f34123e8aa3b7_bloom%20wall%20fix%204-08.jpg");
  background-position: 50%;
  background-size: cover;
  width: 700px;
  height: 300px;
}

.slide {
  width: 100%;
  height: 250px;
  margin-left: 0;
  margin-right: 0;
}

.div-block {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa7a3d10182c41116e132_Bloom%2024%20title%20Card.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.slide-featured {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 250px;
  display: grid;
  overflow: hidden;
}

.slide-photo {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa7a3d10182c41116e132_Bloom%2024%20title%20Card.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.slide-photo._2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b722a2813ab34aa67078_HavenChapel%20LED%20Easter2023.jpg");
}

.slide-photo._3 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b83b67768ed6c1c15f89_Mens%20Night%20LED%20WALKIN%20Screens-02.jpg");
}

.slide-photo._4 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672ac371c478f7cc2f992358_open%20handed%202.jpg");
}

.slide-photo._5 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81eca262079bf86687a_Hannah_Apartment4.JPG");
}

.slide-photo._6 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81e0d391b3fd79d137f_AP_Door001_HB.png");
  background-position: 20%;
}

.slide-photo._7 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81fc93a8b2d17e74525_Painting_Monet.jpg");
}

.slide-photo._8 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c617ec17fa304265ef12_AP_Lamp03_HB.jpg");
}

.slide-photo._9 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67182fe8898b1c3a97124b33_WOP%20social%20ad%202.png");
}

.slide-photo._10 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b2f6901fe3cfef5bd7d3_bloom%20wall%20fix%204-09.jpg");
}

.slide-photo._11 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717baf97b41816950e630f2_NOW%20thumb.jpg");
}

.slide-photo._12 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b77a4f75ec100ac85be4_Dream%20Team%2024%20sidescreen%20.png");
}

.grid-text-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--color--white);
  text-transform: uppercase;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 25px;
  padding-right: 25px;
  display: block;
  position: absolute;
  inset: auto auto 6%;
}

.grid-line {
  background-image: linear-gradient(to bottom, var(--color--white), var(--color--white));
  width: 70%;
  height: 1px;
  margin-bottom: 10px;
}

.project-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.project-image.bloom-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa7a3d10182c41116e132_Bloom%2024%20title%20Card.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  height: 100%;
}

.project-image.bloom-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b2f6901fe3cfef5bd7d3_bloom%20wall%20fix%204-09.jpg");
  background-position: 50%;
  background-size: cover;
}

.project-image.xmas-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672d611dfd0531449047f7af_xmas%202024.jpg");
  background-position: 50%;
  background-size: cover;
}

.project-image.easter-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b722a2813ab34aa67078_HavenChapel%20LED%20Easter2023.jpg");
  background-position: 50%;
  background-size: cover;
}

.project-image.dtp {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b77a4f75ec100ac85be4_Dream%20Team%2024%20sidescreen%20.png");
}

.project-image.unlocked {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b83b67768ed6c1c15f89_Mens%20Night%20LED%20WALKIN%20Screens-02.jpg");
}

.project-image.wop-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67182fe8898b1c3a97124b33_WOP%20social%20ad%202.png");
  background-size: cover;
}

.project-image.now-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672ce0a46f4a3c434605a8e7_NOW%202024%20thumb.jpg");
  background-position: 50%;
}

.project-image.wop-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717ba036351d1dac5559287_a58751795b9824cd84f2ad968b8c2bb2_WOPf24_SideScreen.jpg");
}

.project-image.open-handed {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672ac371c478f7cc2f992358_open%20handed%202.jpg");
}

.project-image.faith {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6718339309b5f31f9e675381_Things%20Not%20Seen.jpg");
}

.project-image.summer-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6855f323ece6d6b2abad967b_shore%20thing%204.avif");
  background-position: 50%;
}

.project-image.prayer {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672ed898fee33aecc2a7c7b3_Prayer.png");
}

.project-image.guest {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672ed8108a7bfcca8a30280f_miracle%20of%20preservation.jpg");
  background-position: 0%;
}

.project-image.cat-meoir {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6731118431f65d2cb902601a_Cat%20meoir%20cover.jpg");
  background-position: 0%;
}

.project-image.scrolling {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/673112630d77f8eb401e3dd3_Scrolling%20to%20oblivion.jpg");
}

.project-image.linn-falls {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/673112b12eddeee2870d73d2_linn%20falls.png");
}

.project-image.break-it {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/673114455ec7b38727417faf_BreakIt.jpg");
}

.project-image.wellness-hero {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/673118b1b4c68c8bc6c4e4ad_wellness%20hero%20logo.jpg");
}

.project-image.kitchen-concept {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81eca262079bf86687a_Hannah_Apartment4.JPG");
}

.project-image._3d-door {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81e0d391b3fd79d137f_AP_Door001_HB.png");
}

.project-image.monet-cat {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81fc93a8b2d17e74525_Painting_Monet.jpg");
}

.project-image._3d-lamp {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c617ec17fa304265ef12_AP_Lamp03_HB.jpg");
}

.project-image.missions {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c022614cd840dd89eba9_Missions%20Webpage.jpg");
  background-size: 150%;
}

.project-image.bloom-web {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6737aae9b39a37c260493698_bloom%20full%20webpage.jpg");
  background-position: 50% 30%;
  background-size: 150%;
}

.project-image.havenmade {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6737ab3c8e772eb2849e8e7b_haven%20made%20page.jpg");
  background-position: 50%;
  background-size: 150%;
}

.project-image.print-1 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6737cdb664be103cbe00ae9a_Summer%20Event%20Guide%202023%405x-100.jpg");
  background-position: 50% 0;
}

.project-image.print-2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6737cdb7c90eef73ce515857_Summer%202023.jpg");
  background-position: 50% 0;
}

.project-image.print-3 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6737ce1f536e3e95e957b890_New%20Year%202024%404x-100.jpg");
  background-position: 50% 0;
}

.project-image.print-4 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6737cdb68082f63a5d581454_Welcom%20Guide%405x-100.jpg");
  background-position: 50% 0;
}

.project-image.print-5 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6737cdb8fe302638971c603f_5820636be891dbdd61c94dbb0fc3e0aa_Spring%202024%405x-100.jpg");
  background-position: 50% 0;
}

.project-image.print-6 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6737cdb4d95aa9b28ec143a0_Times%408x-100.jpg");
  background-position: 0%;
}

.project-image.mouse-sculpt {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6738c61b0036ea32826a5f85_mouse%20cover.jpg");
}

.project-image.chicken {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6738c7dcc8e327ef3cd4d52d_metal%20chicken1.jpg");
}

.project-image.architecture {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6738cc9981d888807bdb641d_buildingHB%20(1).jpg");
}

.project-image.bathroom-props {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81ec02829d76988038c_AP_Bath03_HB.jpg");
  background-position: 50% 100%;
}

.project-image.camera {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f4163926064c0ef56_AP_Camera01_HB.jpg");
}

.project-image.radio {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6738cc90d57d47744792b19c_AP_Radio01_HB.jpg");
  background-position: 80%;
}

.project-image.cash-registers {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f4256aee30bc28919_register3.jpg");
}

.project-image.dog-texture {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6738cfd29e0da7d6b51defe0_tbone01.JPG");
  background-position: 50% 0;
}

.project-image.safe {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6738cfd2af48d83856b37890_IMG_0805%20(1).PNG");
}

.project-image.rigs {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6738cfd20036ea3282719f70_RIG2.JPG");
}

.project-image.house-props {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c617ec17fa304265ef12_AP_Lamp03_HB.jpg");
}

.project-image.xmas-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6786b0ef748cf81cd8105faf_Xmas%2024%20app%20insert.png");
}

.project-image.legacy-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6787c393bd4d36174d2414e6_legacy%2024%20Cover%20screen.jpg");
}

.project-image.xmas-at-haven {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6787c8f73b96d13b97470244_Christmas%20at%20Haven%202024%20cover%20photo.jpg");
  background-position: 100%;
}

.project-image.spanish-banner {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6787d18f181c45a97d2dc30a_Spanish%20Screens%20Service-01.png");
  background-position: 0%;
}

.project-image.app-ad {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6787d30b6eed81f8305fef53_App%20signs-10.jpg");
  background-position: 50% 0;
  background-size: cover;
}

.project-image.nfc-tag {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/678927ed33a8a672244a8527_nfc%20edit.jpg"), linear-gradient(#fff, #fff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-image.wop-25 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6787d9482a5c34516a9f9cd5_sp2025%20WOP%20Side%20Screen.png");
}

.project-image.first-things {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6787fc563b685dbccda3c212_First%20Things%20First%20Graphic.png");
}

.project-image.zeal-shirt {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67c4bfd19a93e78ca69036dd_zeal%20hoodie.png");
}

.project-image.app {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6787d31640ba47e46b0ebaa1_App%20signs-07.jpg");
  background-position: 50%;
}

.project-image.unlocked-25 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67c3dbe2b287cfef935c3419_pre%20service%20i%20escaped%20cover%20photo.png");
}

.project-image.easter-25 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/680a5caafb6208a830610420_653500f92c084353835ef8d8cd761ffd_Easter%2025%20Cover%20Photo.jpg");
}

.project-image.dtp25 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681d7c67eb86f54041b56a50_Greatest%20Team%20Cover%20Screen.png");
}

.project-image.illusfeatured {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e2a902d04ec4d7532b7f9_card3.jpg");
}

.project-image.kidsboard {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6823993301da2d74e83e2e9b_HavenKids%20White%20Board.png");
  background-position: 50% 0;
}

.project-image.kidsbanner1 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/682396684391be3bd1908570_Haven%20KidsYouth%20Banner.jpg");
  background-position: 50% 0;
}

.project-image.kidsbanner2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68239448f32228c8634f141f_Kids%20Checkin%20Banner.jpg");
  background-position: 50% 55%;
}

.project-image.unlocked-merch {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68248cceb4f7519a29f2a342_Escaped%20Shirt%20Front%20Mock.jpg");
  background-position: 50% 19%;
}

.project-image.serve-25 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/684c43240eab97f8db7816ee_Serve%20Day%202025.png");
}

.project-image.catalyst {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/684c44df4e6efce80d09f8de_Catalyst%20Cover.avif");
  background-position: 0%;
}

.project-image.phone {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/683241d99c216dd188d72599_phone%20bit%20crop%202.png"), url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/683241dbe2a78d1bb12e4584_phone%20rotary%20crop%202.png"), url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/683241dbea21a80a4ea2869a_phone%20base%20crop%202.png"), linear-gradient(#fff, #fff);
  background-position: 50%, 50%, 50%, 0 0;
  background-size: cover, cover, cover, auto;
}

.project-image.unshakable {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/685ac2dcbd4205dbb6be40f8_Unshakable%20cover.png");
}

.project-image.summer25 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/685ec39229db0f17ca2aa6ce_Summer%2025%20cover.jpg");
}

.project-image.havencase {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/685ee17788d53be55b329436_SundayMorning%20vol%201%20cd%20case.jpg");
  background-repeat: no-repeat;
}

.other-featured {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 250px;
  display: grid;
}

.other-photo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.other-photo._2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b722a2813ab34aa67078_HavenChapel%20LED%20Easter2023.jpg");
}

.other-photo._3 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b83b67768ed6c1c15f89_Mens%20Night%20LED%20WALKIN%20Screens-02.jpg");
}

.other-photo._4 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672ac371c478f7cc2f992358_open%20handed%202.jpg");
}

.other-photo._5 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81eca262079bf86687a_Hannah_Apartment4.JPG");
}

.other-photo._6 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81e0d391b3fd79d137f_AP_Door001_HB.png");
  background-position: 20%;
}

.other-photo._7 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81fc93a8b2d17e74525_Painting_Monet.jpg");
}

.other-photo._8 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c617ec17fa304265ef12_AP_Lamp03_HB.jpg");
}

.other-photo._9 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67182fe8898b1c3a97124b33_WOP%20social%20ad%202.png");
}

.other-photo._10 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b2f6901fe3cfef5bd7d3_bloom%20wall%20fix%204-09.jpg");
}

.other-photo._11 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717baf97b41816950e630f2_NOW%20thumb.jpg");
}

.other-photo._12 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b77a4f75ec100ac85be4_Dream%20Team%2024%20sidescreen%20.png");
}

.grid-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading {
  font-weight: 700;
}

.heading._8-bit {
  font-family: var(--font--8-bit);
  color: var(--color--white);
}

.info-programs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-bottom: 10px;
  display: flex;
}

.info-programs.test {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
}

.bubble-tool {
  border: 3px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bubble-tool._8-bit {
  border-color: #fff;
}

.bubble-tool.white {
  color: var(--color--white);
  background-color: #070707;
}

.info-tools-text {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
}

.info-tools-text._8-bit {
  color: var(--color--white);
}

.info-tools-text._8-bit.dark {
  color: #171d1b;
}

.project-cover-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
}

.project-cover-image.bloom-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa7a3d10182c41116e132_Bloom%2024%20title%20Card.jpg");
  height: 1000px;
}

.project-cover-image.bloom-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b2f6901fe3cfef5bd7d3_bloom%20wall%20fix%204-09.jpg"), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%, 50%;
  background-size: cover, cover;
  height: 1000px;
}

.project-cover-image.xmas-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672d611dfd0531449047f7af_xmas%202024.jpg");
  height: 1000px;
}

.project-cover-image.easter-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672e2cdd04b2df122b1de07d_Easter%20graphic.png");
  height: 1000px;
}

.project-cover-image.dtp-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b77a4f75ec100ac85be4_Dream%20Team%2024%20sidescreen%20.png");
  height: 1000px;
}

.project-cover-image.unlocked-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717b83b67768ed6c1c15f89_Mens%20Night%20LED%20WALKIN%20Screens-02.jpg");
  height: 900px;
}

.project-cover-image.wop-23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67182fe8898b1c3a97124b33_WOP%20social%20ad%202.png");
  height: 1000px;
}

.project-cover-image.now-24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672ce0a46f4a3c434605a8e7_NOW%202024%20thumb.jpg");
  height: 1000px;
}

.grid-project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  position: static;
}

.project-info-left {
  margin-right: 20px;
  position: relative;
  top: auto;
}

.project-info-right {
  display: block;
}

.grid-project-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-details-title {
  padding-right: 15px;
}

.heading-2 {
  font-weight: 700;
}

.heading-2._8-bit {
  font-family: var(--font--8-bit);
  font-size: 45px;
}

.info-the-story._8-bit {
  font-family: var(--font--8-bit);
  font-size: 15px;
}

.container-project-photos {
  width: 600px;
}

.project-photos-rounded {
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.project-photos-rounded.graphics {
  background-image: none;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.left {
  position: sticky;
  top: 60px;
}

.project-info-mobile {
  margin-right: 20px;
  position: relative;
  top: auto;
}

.mobile-info {
  position: sticky;
  top: 60px;
}

.image {
  border-radius: 20px;
}

.event-cover-image {
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
}

.projects-image-container {
  border-radius: 20px;
  overflow: hidden;
}

.link-block-2 {
  color: var(--color--white);
}

.link-no-underline {
  color: var(--color--white);
  text-decoration: none;
}

._3d-card {
  perspective: 1000px;
}

._3d-card.home {
  box-shadow: none;
  border-radius: 0;
}

._8-bit {
  font-family: var(--font--8-bit);
  color: var(--color--white);
}

.scrolling-install {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: flex;
}

.scrolling-photo {
  border: 3px solid #fff;
  border-radius: 20px;
}

.install-button {
  background-color: #bcf0e1;
  border: 4px solid #fff;
  border-radius: 100px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.button.itchio {
  font-family: var(--font--8-bit);
  background-color: #a6d8c7;
  border-radius: 100px;
  margin-top: 0;
  padding: 8px 15px;
  font-size: 15px;
  text-decoration: none;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
}

.button.itchio:hover {
  outline-offset: 0px;
  color: var(--color--white);
  background-color: #a6d8c700;
  border: 3px #fff;
  border-radius: 100px;
  outline: 3px solid #fff;
}

.button.itchio.breakit {
  color: #323f38;
  background-color: #d6a060;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
}

.button.itchio.breakit:hover {
  color: var(--color--white);
  background-color: #d6a06000;
}

.link-block-3 {
  text-decoration: none;
}

.grid-social-media {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-2 {
  border-radius: 20px;
}

.header._8bit {
  font-family: var(--font--8-bit);
  font-size: 100px;
}

.youtube, .lightbox-video {
  width: 100%;
  height: 100%;
}

.lightbox-video-container {
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.powerpoint-linnfalls {
  border-radius: 20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.linn-install {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  margin-top: 20px;
  display: flex;
}

.div-block-2 {
  width: 100%;
}

.icon-google-play {
  width: auto;
  max-width: none;
  height: auto;
  padding: 5px;
}

.linn-app {
  display: flex;
}

.image-3 {
  border-radius: 20px;
}

.rounded {
  border-radius: 15px;
  width: 40%;
  max-width: none;
}

.app-install {
  text-align: center;
  border-radius: 1000px;
  align-self: center;
  margin-left: 15px;
  margin-right: 15px;
  transition: all .5s;
}

.app-install:hover {
  outline-offset: 0px;
  color: #3898ec;
  background-color: #fff;
  outline: 3px solid #3898ec;
}

.illustration-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.illustrations {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 370px;
  overflow: hidden;
}

.illustrations.realism {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f4df0f61228082af8_Painting_Realism.jpg");
  background-position: 50% 0;
  background-size: cover;
  height: 370px;
}

.illustrations.monet {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81fc93a8b2d17e74525_Painting_Monet.jpg");
  background-position: 50%;
  background-size: cover;
  height: 370px;
}

.illustrations.sky {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67379e294206a3a22deeec97_Untitled_Artwork%20(5).avif");
  background-position: 50%;
  background-size: cover;
  height: 370px;
}

.illustrations.cubism {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f07d23aa54bf7cec5_Painting_CubismCat.jpg");
  background-position: 50%;
  background-size: cover;
}

.illustrations._1 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81fae1c4a1d1adfea8e_Painting_VictorianPortrait.jpg");
  background-position: 50%;
  background-size: cover;
}

.illustrations._2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81fc9769c30b419c676_Painting_AbstractExpressionism.jpg");
}

.illustrations._3 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81fe9a0c91466f59d51_Painting_David.jpg");
}

.illustrations._4 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f637c06359fb54932_Painting_Abstract.jpg");
}

.illustrations._5 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f4f035266a3fc7440_Painting_Cubism.jpg");
}

.illustrations._6 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cb7eaca82c7096dead_card1.jpg");
  background-position: 50% 35%;
}

.illustrations._7 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e2a912c5bed1919d6f6e4_card2.jpg");
  background-position: 50%;
}

.illustrations._8 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e2a902d04ec4d7532b7f9_card3.jpg");
  background-position: 50% 30%;
}

.illustrations._9 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cc21573427ef131757_Christmas%20Card%201.avif");
  background-position: 50% 60%;
}

.illustrations._10 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cc435bd3a8cbd1378c_building%20architecture.jpg");
  background-position: 50% 30%;
}

.illustrations._11 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cc58acb36d1156d45a_Christmas%20Card%204.avif");
  background-position: 50% 60%;
}

.illustrations._12 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cce933de2a3e8dca3b_Christmas%20Card%203.avif");
  background-position: 50% 75%;
}

.illustrations._13 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cc77e99f9e6185236b_Christmas%20Card%202.avif");
  background-position: 50% 40%;
}

.illustrations._14 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cc2032d19a59647507_character1.jpg");
  background-position: 50% 30%;
}

.illustrations._15 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cc171283fee487a05d_Birthday%20card1.avif");
  background-position: 50% 29%;
}

.illustrations._16 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cca680aef2ac494449_character2.jpg");
}

.illustrations._17 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ccd4550508998278fe_Art%20Contrast.jpg");
}

.illustrations._18 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28cccf3432f8435b8b56_castle%20sketch.jpg");
}

.illustrations._19 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ce0b02dc2d73cecfd4_Christmas%20Card%207.avif");
  background-position: 50% 58%;
}

.illustrations._20 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ce69b50336433bf9c6_Christmas%20Card%208.avif");
}

.illustrations._21 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ceff6c9dcc4902e7e1_chatacteer%20sheet.jpg");
  background-position: 50% 18%;
}

.illustrations._22 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ceb86167dd5b346c7f_Christmas%20Card%206.avif");
  background-position: 50% 60%;
}

.illustrations._23 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ceb69116bfcaf53ac7_Christmas%20Card%205.avif");
  background-position: 50% 55%;
}

.illustrations._24 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ce4e4e2f6b5e253560_Christmas%20Card%2012.jpg");
}

.illustrations._25 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ce062e7b6225ccd8d6_Christmas%20Card%2011.jpg");
}

.illustrations._26 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ce8afa9f048c16b45e_Christmas%20Card%2013.jpg");
}

.illustrations._27 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ce96785b24f952f5b6_Christmas%20Card%209.avif");
}

.illustrations._28 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28ceb094490ff2237e5d_Christmas%20Card%2010.avif");
}

.illustrations._29 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d0753337b4ce375cc4_glasses.jpg");
}

.illustrations._30 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d02da132c78325da39_Christmas%20Card%2014.avif");
  background-position: 50% 10%;
}

.illustrations._31 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d02d04ec4d753196b4_flowers1.jpg");
  background-position: 50%;
  background-size: cover;
}

.illustrations._32 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d09e791d0b5f82bcd6_flowers2.jpg");
}

.illustrations._33 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d08afa9f048c16b57d_Christmas%20Card%2018.avif");
}

.illustrations._34 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d0b69116bfcaf53be8_flowers3.jpg");
  background-position: 50% 24%;
}

.illustrations._35 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d0b69116bfcaf53bec_Flower%20watercolor.jpg");
}

.illustrations._36 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d0651e46c34d4bee84_Christmas%20Card%2015.avif");
}

.illustrations._37 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d0771d6c89a7740143_Christmas%20Card%2016.avif");
}

.illustrations._38 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d037a8c739db4086fe_Christmas%20Card%2017.avif");
}

.illustrations._39 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d2062e7b6225ccdaaa_Painting2.jpg");
}

.illustrations._40 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d22d6950e8d6b17d5f_mando.jpg");
}

.illustrations._41 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d37ee5d30c049c2e6b_roomdrawing.jpg");
}

.illustrations._42 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d3f9a72ae07ca9ff72_Painting1.jpg");
}

.illustrations._43 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d372a2ae8fea0f5e06_solairedrawing.jpg");
}

.illustrations._44 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d3032715b917604f43_oval%20drawing%20tea.jpg");
}

.illustrations._45 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d3fab4ce7062e2efec_still%20life%202.jpg");
}

.illustrations._46 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d5e62de13d0a00bbee_still%20life%20thumbs.jpg");
}

.illustrations._47 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d50b02dc2d73ced160_thumbs%20of%20project2.jpg");
}

.illustrations._48 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d5e04a8d79332d7ff8_still%20life%203.jpg");
}

.illustrations._49 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d5210f046e2208684f_still%20life%204.jpg");
  background-position: 50% 80%;
}

.illustrations._50 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d596e64347a4a93ee0_symmetry%20cutout2.jpg");
}

.illustrations._51 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d5e84aa151ddc0b2aa_Tucker1.jpg");
  background-position: 50% 32%;
}

.illustrations._52 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d5f77b2126e1f33c3c_still%20life%20thumbs2.jpg");
}

.illustrations._53 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d5a96b10c0ffd4051e_still%20life.jpg");
}

.illustrations._54 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d5648e1449a5e422de_thumbnails2.jpg");
}

.illustrations._55 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d6b094490ff2238190_symmetry%20cutout.jpg");
}

.illustrations._56 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d7f77b2126e1f33f2e_thumbs%20of%20project.jpg");
  background-position: 50% 37%;
}

.illustrations._57 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d7ee84880768b3b6be_Tucker4.jpg");
}

.illustrations._58 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d7f9d68ca125eb4d64_Tucker2.jpg");
}

.illustrations._59 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d7623af3f03f156589_Tucker3.jpg");
}

.illustrations._60 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e2a8a4e4e2f6b5e26412e_EldenRing_Poster_-_Barone.JPG");
  background-position: 50% 35%;
}

.illustrations._61 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e2a96f629279260428a53_contour%20lines.jpg");
}

.illustrations._62 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d22f583492e1b84b1b_HBProfile%20Pic.jpg");
}

.illustrations._63 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d2e933de2a3e8dcc75_melina%20drawing.jpg");
  background-position: 50%;
}

.illustrations._64 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/681e28d28ecfbfd10e7f9126_Painting3.jpg");
}

.illustrations._65 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6822660e7c050ace10c4f934_Character3.jpg");
}

.illustrations._66 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/682266107c050ace10c4ffd4_Character4.jpg");
}

.illustrations._67 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68560041e4e11c37d2481b6f_Girl%202.jpg");
  background-position: 50%;
}

.illustrations._68 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6856025330d12f4d46a9119d_kirby%20car2.jpg");
  background-position: 100% 0;
}

.illustrations._69 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/685603254e2f52bc0c36405e_IMG_0482.GIF"), linear-gradient(#fff, #fff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  background-attachment: scroll, scroll;
  width: 31.5%;
  display: block;
  position: absolute;
}

.illustrations._69.still {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/685604a990d15f06db783564_kirby%20still%201.jpg"), linear-gradient(to bottom, null, null);
}

.illustrations._69.hidden {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/685604a990d15f06db783564_kirby%20still%201.jpg"), linear-gradient(#0000, #0000);
  display: block;
}

.illustrations._70 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/685604a9103f438aeaf35b01_kirby%20still2.jpg"), linear-gradient(#fff, #fff);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.illustrations._71 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/685604a990d15f06db783564_kirby%20still%201.jpg");
  background-position: 50% 10%;
}

.illustrations._72 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68560a9e7f30f7baf0597c7a_Untitled_Artwork.jpg");
}

.illustrations._73 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68560a9f6a00aca2128802b3_Untitled_Artwork%203.jpg");
  background-position: 50% 90%;
}

.illustrations._74 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68560a9fa88479cce4429ba0_Untitled_Artwork%202.jpg");
  background-position: 50% 90%;
}

.illustrations._75 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6863f3130ea0e936330d556d_Bunny%20day.jpg");
  background-position: 50% 55%;
}

.illustrations._76 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6863f313b367a68ab0072fb5_bunny%20night.jpg");
  background-position: 50% 55%;
}

.illustrations._77 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68696eeaabb697eb201e0bd3_revenant%20meme.avif");
  background-position: 50% 14%;
}

.div-block-3 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f4df0f61228082af8_Painting_Realism.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.cat-meoir-install {
  border-radius: 20px;
  margin-top: 20px;
  overflow: hidden;
}

.powerpoint-cat-meoir {
  border-radius: 20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.container-illustrations, .container-concept-art {
  border-radius: 20px;
  overflow: hidden;
}

.concept-art {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 370px;
  overflow: hidden;
}

.concept-art.realism {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f4df0f61228082af8_Painting_Realism.jpg");
  background-position: 50% 0;
  background-size: cover;
  height: 370px;
}

.concept-art.monet {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81fc93a8b2d17e74525_Painting_Monet.jpg");
  background-position: 50%;
  background-size: cover;
  height: 370px;
}

.concept-art.sky {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67379e294206a3a22deeec97_Untitled_Artwork%20(5).avif");
  background-position: 50%;
  background-size: cover;
  height: 370px;
}

.concept-art.cubism {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f07d23aa54bf7cec5_Painting_CubismCat.jpg");
  background-position: 50%;
  background-size: cover;
}

.concept-art._1 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa820c0531e325cdd5b43_AP_TubShower_HB.png");
  background-position: 50%;
  background-size: cover;
}

.concept-art._2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa820e48c63b8c35eebec_Untitled_Artwork%20(3).png");
  background-position: 50%;
}

.concept-art._3 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa820d10182c41117561b_Untitled_Artwork%20(4).png");
}

.concept-art._4 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa8209cc16e1447594867_Untitled_Artwork%20(2).png");
  background-position: 50%;
}

.concept-art._5 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f4dc2c2be2ee33e0d_Untitled_Artwork%20(1).png");
}

.concept-art._6 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81d07d23aa54bf7cb31_Hannah_apartment6.JPG");
}

.concept-art._7 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa82004fa50bb9c4f345e_Hannah_Apartment1.PNG");
}

.concept-art._8 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81e71cb48ec1e68cff1_Hannah_Apartment3.JPG");
}

.concept-art._9 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81e1d6bf14ef460ec98_Hannah_Apartment2.JPG");
}

.concept-art._10 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81eca262079bf86687a_Hannah_Apartment4.JPG");
}

.concept-art._11 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c721c7a8a94a923b5a56_Hannah_Alley%20(1).jpg");
}

.concept-art._12 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6717c6af14a748e8a4f05890_IMG_6034.PNG");
}

.concept-art._13 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81f9831a1c347ff09f4_IMG_0605%20(1).PNG");
  background-position: 0%;
}

.concept-art._14 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81fe9a0c91466f59d54_IMG_0600.PNG");
}

.concept-art._15 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67379d649498a99d797eba7e_IMG_0594.PNG");
}

.concept-art._16 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67379d646c1c21a8a9313ff1_IMG_0592.PNG");
}

.concept-art._17 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67379d62be69710d4207078a_IMG_0591.PNG");
}

.concept-art._19 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/672aa81ed053b34a1f141f47_AP_Door_HB.png");
}

.grid-3d, .grid-graphics {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-graphics {
  border-radius: 20px;
  overflow: hidden;
}

.graphics {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 370px;
}

.grid-me {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  position: static;
}

.rounded-corners {
  border-radius: 20px;
}

.rounded-corners.margin {
  margin-top: 10px;
  margin-bottom: 10px;
}

.rounded-corners.margin.header {
  display: none;
}

.container-me-photos {
  width: 600px;
}

.me-right {
  display: block;
}

.me-left {
  margin-right: 20px;
  position: relative;
  top: auto;
}

.me-content {
  position: sticky;
  top: 60px;
}

.series-featured {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 250px;
  display: grid;
}

.other-featured-series {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 250px;
  display: grid;
}

.other-games {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header-mask {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: clip;
}

.relative-div {
  position: relative;
}

.featured-tag {
  position: absolute;
  bottom: 75%;
  right: 78%;
}

.project-type {
  border: 3px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-type._8-bit {
  border-color: #fff;
}

.project-type.white {
  color: var(--color--white);
  background-color: #07070700;
  border-width: 2px;
  border-color: #fff;
}

.filter {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-bottom: 40px;
  display: flex;
}

.filter.all {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
}

.filter-button {
  mix-blend-mode: normal;
  border: 3px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  transition: color .4s, background-color .4s;
  display: flex;
}

.filter-button:hover, .filter-button:active {
  color: var(--color--white);
  background-color: #000;
}

.filter-button._8-bit {
  border-color: #fff;
}

.filter-button.white {
  color: var(--color--white);
  background-color: #070707;
}

.filter-button.is-active {
  color: var(--color--white);
  background-color: #000;
}

.filter-title {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
}

.filter-title._8-bit {
  color: var(--color--white);
}

.filter-title._8-bit.dark {
  color: #171d1b;
}

.container-footer {
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 20px;
}

.nav-dropdown {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.dropdown-toggle-2 {
  padding: 0 23px 0 0;
  transition: color .3s;
}

.dropdown-toggle-2:hover {
  color: var(--color--barone);
}

.icon {
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 0;
  transition: color .3s;
}

.dropdown-list-2 {
  background-color: #fff;
  border-radius: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
  overflow: hidden;
}

.dropdown-list-2.w--open {
  background-color: #fff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  padding-left: 3px;
  padding-right: 3px;
}

.navbar_logo {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/670d7b1d89de6c5de425b0c3_hannah%20barone%20icon.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 60px;
  height: 60px;
  font-size: 1.5rem;
}

.btn-icon {
  justify-content: center;
  align-items: center;
  max-width: 1.2em;
  line-height: 1;
  display: inline-flex;
}

.navbar_menu-button {
  padding: 0;
}

.navbar_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 120rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.icon-2 {
  width: 1em;
  font-size: 1em;
  font-style: normal;
  display: inline-flex;
}

.navbar_component {
  background-color: #fcfbfa;
  border-bottom-style: solid;
  border-bottom-width: 0;
  align-items: center;
  width: 100%;
  height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 600;
  display: flex;
}

.btn {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  color: #153a43;
  text-align: center;
  letter-spacing: 0;
  background-color: #ff7c4d;
  border: 1px solid #0000;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: .5em 2em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3em;
  text-decoration: none;
  transition: box-shadow .35s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1);
  display: inline-flex;
  box-shadow: inset 0 0 #0000;
}

.btn:hover {
  opacity: .96;
  box-shadow: 2px 2px 14px 2px #0003;
}

.btn:focus-visible, .btn[data-wf-focus-visible] {
  outline-offset: 0px;
  outline: 2px solid #ff7c4d;
}

.navbar_menu {
  align-items: center;
  display: flex;
  position: static;
}

.navbar_menu.is-page-height-tablet {
  background-color: #fcfbfa;
  font-size: 16px;
  font-weight: 400;
}

.navbar_link {
  padding: .5rem 1rem;
}

.navbar_menu-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.navbar_logo-link {
  color: #153a43;
  padding-left: 0;
  font-size: 1.25rem;
  font-weight: 900;
}

.icon-color {
  color: inherit;
  display: inline-flex;
}

.icon-3 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: block;
}

.dropdown-toggle-3 {
  padding: 0;
}

.text-block-2 {
  padding-right: 22px;
}

.nav-wrapper {
  z-index: 1000;
  width: 100%;
  height: 90px;
  padding: 1rem;
  position: fixed;
  top: 0;
  left: 0;
}

.navbar_logo-2 {
  font-size: 1.5rem;
}

.nav-menu-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
  display: block;
}

.nav-menu-new {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
}

.text-block-3 {
  transition: color .3s;
}

.dropdown-link:hover, .dropdown-link.w--current {
  color: var(--color--barone);
}

.hannah-barone-header {
  width: 500px;
  height: 200px;
}

.visually-hidden {
  color: #fff;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.arrow-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: none;
  position: absolute;
  bottom: 0%;
  left: 0%;
  transform: rotate(0);
}

.right-icon, .left-icon {
  width: 40px;
}

.container-phone {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
  display: flex;
}

.container-phone._2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  background-color: #fff0;
  justify-content: flex-end;
  align-items: center;
  width: 97%;
  height: 794px;
  display: flex;
  position: absolute;
  overflow: visible;
}

.phone-base {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6830a0eb96aff2426163b99d_Barone%20Phone%20Base.png");
  background-position: 50%;
  background-size: cover;
  width: 1200px;
  height: 760.13px;
  position: absolute;
}

.phone-base._2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6832221d77455fd18ea04306_Untitled_Artwork%208.png");
}

.phone-base._3 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/683241dbea21a80a4ea2869a_phone%20base%20crop%202.png");
  flex: 0 auto;
  width: 900px;
  height: 794px;
}

.phone-dial {
  backface-visibility: visible;
  transform-origin: 42.6148% 42.3164%;
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6830a0ea4bf1e49a67c3875d_Barone%20Phone%20Rotary.png");
  background-position: 50%;
  background-size: cover;
  width: 1200px;
  height: 760.13px;
  position: absolute;
}

.phone-dial._2 {
  z-index: 1;
  transform-origin: 50%;
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6832223d700597d66a48ecd5_Untitled_Artwork%209.png");
  width: 900px;
  height: 794px;
}

.rotary-selection {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  display: flex;
  position: absolute;
  top: 252px;
  left: 469px;
}

.rotary-selection.circle-1 {
  z-index: 3;
  z-index: 3;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 309px;
  left: 511px;
}

.rotary-selection.circle-2 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 279px;
  left: 476px;
}

.rotary-selection.circle-3 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 268px;
  left: 428px;
}

.rotary-selection.circle-4 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 284px;
  left: 381px;
}

.rotary-selection.circle-5 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 313px;
  left: 345px;
}

.rotary-selection.circle-6 {
  justify-content: center;
  align-items: center;
  display: flex;
  top: 356px;
  left: 325px;
}

.rotary-selection.circle-7 {
  top: 403px;
  left: 326px;
}

.rotary-selection.circle-9 {
  top: 474px;
  left: 384px;
}

.rotary-selection.circle-0 {
  top: 483px;
  left: 434.5px;
}

.rotary-selection.circle-8 {
  top: 443px;
  left: 346px;
}

.phone-bit {
  backface-visibility: visible;
  transform-origin: 42.6148% 42.3164%;
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6830a0e823326dcc7f029679_Barone%20Phone%20Bit.png");
  background-position: 50%;
  background-size: cover;
  width: 1200px;
  height: 760.13px;
  position: absolute;
}

.phone-bit._2 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6832224a587e9027a32785c3_Untitled_Artwork%2010.png");
  width: 900px;
  height: 794px;
}

.image-4 {
  width: 1200px;
  position: absolute;
}

.image-5 {
  transform-origin: 42.6148% 42.3164%;
  width: 1200px;
  position: absolute;
  transform: rotate(0);
}

.number-button {
  z-index: 1;
  background-color: #000;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  inset: 0 auto auto 0;
}

.number-button._0 {
  z-index: 1;
  position: absolute;
  inset: 499px auto auto 451px;
}

.number-button._9 {
  z-index: 1;
  position: absolute;
  inset: 491px auto auto 401px;
}

.number-button._8 {
  z-index: 1;
  position: absolute;
  inset: 459px auto auto 362px;
}

.number-button._7 {
  top: 420px;
  bottom: auto;
  left: 342px;
}

.number-button._6 {
  top: 372px;
  left: 341px;
}

.number-button._5 {
  top: 330px;
  left: 361px;
}

.number-button._4 {
  top: 301px;
  left: 398px;
}

.number-button._3 {
  top: 285px;
  left: 445px;
}

.number-button._2 {
  top: 295px;
  left: 492px;
}

.number-button._1 {
  top: 326px;
  left: 528px;
}

.containter-notes {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 794px;
  display: flex;
  position: absolute;
  overflow: visible;
}

.containter-notes.mobile {
  display: none;
}

.note-1 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68322417427b6216d4c24cf3_Untitled_Artwork%2011.png");
  background-position: 0%;
  background-size: cover;
  width: 100%;
  height: 760px;
  position: absolute;
  inset: auto;
}

.note-1._2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/683245ec9c216dd188d8fa38_Note%20Crop%203.png");
  width: 900px;
  height: 794px;
}

.note-2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68322489fc5bf3dae9bf5a4f_Untitled_Artwork%2012.png");
  background-position: 0%;
  background-size: cover;
  width: 100%;
  height: 760px;
  position: absolute;
  inset: auto;
}

.note-2._2 {
  background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/683245edaa3a781637bd1f8e_Note%202%20Crop%203.png");
  width: 900px;
  height: 794px;
}

.columns, .column, .column-2 {
  height: 760.13px;
}

.phone-buttons {
  width: 900px;
  height: 794px;
  position: absolute;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 794px;
  display: flex;
  position: relative;
}

.phone-directory-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .85fr 1fr;
  grid-auto-columns: 1fr;
  height: 760px;
  display: grid;
  position: relative;
}

.note-holder {
  position: relative;
}

.notes {
  position: absolute;
}

.phone-holder {
  position: relative;
}

.image-6 {
  height: 100%;
  position: absolute;
}

.code-embed {
  color: #fff;
  width: 40px;
}

.arrow-left-icon {
  color: #fff;
  width: 40px;
  transition: color .3s;
}

.arrow-left-icon:hover {
  color: var(--color--barone);
}

.arrow-right-icon {
  color: #fff;
  width: 40px;
  transition: color .3s;
}

.arrow-right-icon:hover {
  color: var(--color--barone);
}

.page-gradient_container {
  z-index: -1;
  width: 100%;
  height: 100vh;
  font-size: 1vw;
  position: fixed;
  inset: 0%;
}

.page-gradient_img {
  z-index: 1;
  opacity: .5;
  width: 68em;
  max-width: none;
  margin-bottom: 0;
  margin-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.page-gradient_img._2 {
  inset: 0% auto 0% 0%;
}

.page-gradient_bkgd {
  background-image: linear-gradient(#f9ecff, #b3cafc);
  position: absolute;
  inset: 0%;
}

.slider {
  display: none;
}

.div-block-5 {
  width: 100%;
}

.anchor-scroll {
  width: 3.5rem;
  height: 3.5rem;
  position: fixed;
  inset: auto 5% 5% auto;
}

.anchor-scroll.up {
  bottom: 12%;
}

.scroll-icon {
  color: var(--color--dark);
  background-image: linear-gradient(#ffffff80, #ffffff80);
  border: 4px solid #000;
  border-radius: 100px;
  width: 3.5rem;
  height: 3.5rem;
  transition: border-color .3s, background-color .3s, color .3s;
}

.scroll-icon:hover {
  border-color: var(--color--barone);
  color: var(--color--barone);
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.anchor-point {
  position: absolute;
  inset: -25% auto auto 0%;
}

.anchor-point.down {
  position: static;
  top: 0%;
}

.mix-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.link-block-14 {
  width: 33%;
  display: block;
}

.mix {
  display: block;
}

.filter-button-mix {
  mix-blend-mode: normal;
  border: 3px solid #000;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  transition: border-color .4s, color .4s, background-color .4s;
  display: flex;
}

.filter-button-mix:hover, .filter-button-mix:active {
  border-color: var(--color--barone);
  background-color: var(--color--barone);
  color: var(--color--white);
}

.filter-button-mix._8-bit {
  border-color: #fff;
}

.filter-button-mix.white {
  color: var(--color--white);
  background-color: #070707;
}

.filter-button-mix.is-active {
  color: var(--color--white);
  background-color: #000;
}

.filter-button-mix.clear:active {
  background-color: #000;
  border-color: #000;
}

.filter-button-mix.active {
  border-color: var(--color--barone);
  background-image: linear-gradient(to bottom, var(--color--barone), var(--color--barone));
  color: var(--color--white);
}

.filter-button-mix.view-all:hover {
  border-color: var(--color--dark);
  background-color: var(--color--dark);
}

.filter-button-mix.view-all.active {
  border-color: var(--color--dark);
  background-image: linear-gradient(to bottom, var(--color--dark), var(--color--dark));
}

.cheeky {
  max-width: 800px;
  margin-bottom: 40px;
}

.project-feat-grid {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 72px;
  }

  .text-style-h3 {
    font-size: 26px;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
  }

  .section.dark.under-hero-studio {
    margin-top: -190px;
    padding-top: 260px;
  }

  .section.hero-home {
    padding-top: 52px;
  }

  .section.hero-contact {
    padding-top: 80px;
  }

  .section.hero-work-inner {
    padding-top: 64px;
  }

  .section.hero-blog-template {
    padding-top: 80px;
  }

  .section.hero-sales {
    padding-top: 52px;
  }

  .section.mobile {
    display: block;
  }

  .section.event-desktop {
    display: none;
  }

  .text-style-h1 {
    font-size: 64px;
  }

  .subtitle {
    font-size: 26px;
  }

  .left-column-template-details {
    display: none;
  }

  .right-column-template-details {
    padding: 0;
  }

  .text-style-h2 {
    font-size: 64px;
  }

  .columns-template-details {
    flex-direction: column;
  }

  .main-container.phone {
    height: auto;
  }

  .link-cta {
    height: 48px;
  }

  .menu-cta-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .menu-cta-wrap.mobile {
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    display: flex;
  }

  .menu-cta-wrap.desktop {
    display: none;
  }

  .nav-menu {
    z-index: 11;
    background-color: #fff;
    border-top: 1px solid #1515151a;
    width: auto;
    max-height: 100vh;
    margin-top: 0;
    margin-right: 0;
    padding: 24px 15px 32px;
    display: block;
    overflow: scroll;
  }

  .dropdown-list.w--open {
    margin-bottom: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    position: static;
  }

  .nav-container {
    text-align: center;
    background-image: linear-gradient(#fff, #fff);
    justify-content: space-between;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .brand-menu-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex;
    position: static;
  }

  .nav-mid {
    justify-content: center;
    align-items: center;
    position: absolute;
  }

  .cart-container {
    max-width: 420px;
  }

  .brand-link {
    justify-content: center;
    align-items: center;
  }

  .link-dropdown {
    text-align: center;
    padding-right: 12px;
    font-size: 20px;
    line-height: 130%;
  }

  .dropdown-toggle {
    color: #ff3128;
    font-size: 22px;
  }

  .menu-close-icon {
    width: 20px;
    display: none;
  }

  .menu-hamburger-icon {
    width: 20px;
  }

  .cart-button {
    padding: 0;
  }

  .nav-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    padding-bottom: 20px;
    display: flex;
    position: static;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    color: #0e0e0e;
    background-color: #0000;
  }

  .nav-link {
    flex: 0 auto;
    padding: 12px 16px;
    font-size: 22px;
  }

  .nav-link.w--current {
    background-color: #0000;
  }

  .navbar {
    border-radius: 0;
    height: 90px;
  }

  .dropdown {
    display: block;
  }

  .flex-bottom-hero-home {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .subtitle-home.scroll-text {
    font-size: 16px;
  }

  .video-home {
    height: 60vw;
    min-height: 0;
    max-height: none;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .icon-play {
    width: 100px;
    height: 100px;
  }

  .flex-logos {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .image-logo {
    width: 30%;
    max-width: 25%;
    max-height: 33px;
  }

  .flex-heading-left.center-tablet {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .grid-projects-home-b-halves {
    grid-template-columns: 1fr 1fr;
  }

  .text-subheading-project {
    font-size: 20px;
  }

  .wrap-image-project-main.home-one {
    min-height: 62vw;
  }

  .list-services-animated {
    margin-bottom: 0;
  }

  .big-text-service-animated {
    font-size: 56px;
  }

  .image-service-animated {
    display: none;
  }

  .big-text {
    font-size: 24px;
  }

  .master-quote-center {
    max-width: 730px;
  }

  .text-manifesto-big {
    font-size: 45px;
  }

  .block-testimonial {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .image-wrap-testimonials-4 {
    width: 100%;
  }

  .grid-testimonials {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .carousel-button.testimonial-right {
    left: 7%;
  }

  .carousel-button.testimonial-left {
    left: 0%;
  }

  .circle-contact {
    width: 40px;
    height: 40px;
  }

  .icon-social {
    width: 18px;
    height: 18px;
  }

  .h2-contact {
    font-size: 64px;
  }

  .bottom-contact {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: flex-start;
  }

  .left-contact {
    flex-wrap: wrap;
  }

  .single-contact-link {
    font-size: 28px;
  }

  .wrap-image-moving-insta {
    width: 350px;
    height: 250px;
  }

  .overlay-moving-insta {
    display: flex;
  }

  .limit-sutitle-hero-about {
    max-width: 580px;
  }

  .inside-moving-hero-studio {
    width: 180vw;
  }

  .grid-numbers-thirds {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
  }

  .grid-master-values {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    grid-template-columns: 1fr;
  }

  .left-contact-hero {
    text-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-contact-halves {
    grid-template-columns: 1fr;
  }

  .wrap-image-contact {
    padding: 90% 0% 0%;
  }

  .grid-work-halves {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .limit-project-template {
    width: 100%;
  }

  .grid-single-service {
    grid-template-columns: 1fr;
  }

  .grid-blog-thirds {
    grid-template-columns: 1fr 1fr;
  }

  .grid-pricing-thirds {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 440px;
  }

  .tile-changelog {
    padding-right: 4px;
  }

  .master-title-sales {
    margin-bottom: 24px;
  }

  .flex-bottom-hero-sales {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .grid-thirds-mokckups {
    grid-template-columns: 1fr;
  }

  .grid-thirds-mokckups.sales-mokcups {
    grid-template-columns: 1fr 1fr;
  }

  .sales-mockups-column.third-column {
    display: none;
  }

  .grid-included {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .included-card {
    min-height: 260px;
  }

  .grid-fourths-sales-fourths {
    grid-template-columns: 1fr 1fr;
  }

  .sales-card {
    padding: 16px;
  }

  .grid-thirds-sales-page {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .center-tablet {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-thirds-all-features {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .box-more-templates {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-more-templates {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
    padding-bottom: 48px;
    padding-right: 0;
  }

  .right-more-templates {
    width: 90%;
  }

  .grid-tutorial-halves {
    grid-template-columns: 1fr;
  }

  .left-tutorial-video {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-events {
    grid-template-columns: 1fr 1fr;
  }

  .events-container {
    height: 240px;
  }

  .events-container.select {
    height: 250px;
  }

  .text-block {
    width: 100%;
    font-size: 70%;
  }

  .slider-featured {
    display: flex;
  }

  .slider-featured.cheeky {
    margin-bottom: 0;
    display: flex;
  }

  .grid-featured {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-wrap-featured {
    width: 100%;
  }

  .slide, .slide._1 {
    height: auto;
  }

  .slide-featured {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .slide-photo._2, .slide-photo._3, .slide-photo._5, .slide-photo._6, .slide-photo._10, .slide-photo._12 {
    display: none;
  }

  .other-featured {
    grid-template-columns: 1fr 1fr;
    height: 450px;
  }

  .info-tools-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .project-cover-image.bloom-24, .project-cover-image.bloom-23, .project-cover-image.xmas-23 {
    height: 500px;
  }

  .grid-project-info {
    flex-flow: column;
  }

  .grid-project-details {
    grid-template-columns: .8fr;
  }

  .container-project-photos {
    width: 100%;
  }

  .container-project-photos.mobile {
    width: auto;
  }

  .project-info-mobile {
    margin-bottom: 50px;
    margin-right: 0;
    position: static;
  }

  .mobile-info {
    position: static;
  }

  .image {
    border-radius: 20px;
  }

  .grid-social-media {
    grid-template-columns: 1fr 1fr;
  }

  .header._8bit {
    font-size: 50px;
  }

  .illustration-grid {
    grid-template-columns: 1fr 1fr;
  }

  .concept-art {
    height: 300px;
  }

  .grid-3d, .grid-graphics {
    grid-template-columns: 1fr 1fr;
  }

  .grid-me {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .rounded-corners.margin.header, .rounded-corners.margin.header-desktop {
    display: block;
  }

  .container-me-photos {
    flex-flow: column;
    align-items: center;
    width: auto;
    display: none;
  }

  .container-me-photos.mobile {
    width: auto;
  }

  .me-right {
    align-self: center;
  }

  .series-featured {
    grid-template-columns: 1fr 1fr;
    height: 450px;
  }

  .other-featured-series {
    grid-template-columns: 1fr 1fr;
    height: 250px;
  }

  .link-block-4 {
    display: none;
  }

  .other-games {
    grid-template-columns: 1fr 1fr;
    overflow: visible;
  }

  .filter-title {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-dropdown {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    font-size: 22px;
    display: flex;
  }

  .nav-dropdown:hover {
    color: var(--color--barone);
  }

  .dropdown-toggle-2 {
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    display: flex;
  }

  .icon {
    width: 23px;
    margin-top: 7.5px;
    margin-bottom: 0;
    padding-left: 0;
    display: block;
  }

  .dropdown-list-2 {
    background-color: #fff;
    flex: 0 auto;
    order: 0;
    align-self: center;
    padding-left: 0;
    display: none;
    position: static;
    overflow: hidden;
  }

  .menu-icon1_line-top {
    background-color: #153a43;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon1_line-bottom {
    background-color: #153a43;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_component {
    border-bottom-style: none;
  }

  .navbar_menu {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .navbar_menu.is-page-height-tablet {
    border-bottom-style: none;
    height: 100dvh;
    padding-bottom: 6.5rem;
    transition: height .5s;
  }

  .navbar_link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar_menu-buttons {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .menu-icon1_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar_logo-link {
    color: #000;
  }

  .menu-icon1_line-middle {
    background-color: #153a43;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .nav-wrapper {
    height: 90px;
  }

  .text-block-3 {
    width: 110px;
    padding-right: 0;
  }

  .dropdown-link {
    color: #969696;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dropdown-link:hover, .dropdown-link.w--current {
    color: var(--color--barone);
  }

  .dropdown-link-2, .dropdown-link-3, .dropdown-link-4 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-icon1-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .container-phone._2 {
    justify-content: center;
    align-items: center;
  }

  .containter-notes {
    flex-flow: column;
    display: none;
  }

  .containter-notes.mobile {
    flex-flow: column;
    width: auto;
    height: 300px;
    display: flex;
    position: static;
  }

  .note-1._2 {
    background-position: 50% 100%;
    width: 100%;
    height: 200px;
  }

  .note-2._2 {
    width: 100%;
    height: 200px;
  }

  .note-2._2.mobile {
    background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/68561b1e2983c55c03d7d044_Note%20Combined.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 720px;
    height: 300px;
  }

  .div-block-4 {
    transform: scale(.85);
  }

  .code-embed {
    color: #fff;
    border-radius: 0;
    width: 40px;
  }

  .arrow-left-icon, .arrow-right-icon {
    color: #fff;
    border-radius: 0;
    width: 45px;
  }

  .page-gradient_img._2 {
    height: 100%;
  }

  .slide-2 {
    border-radius: 20px;
  }

  .slider {
    border-radius: 50px;
  }

  .name-mobile-header {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 0 0;
    background-size: auto;
    flex: 0 auto;
    align-self: center;
    display: block;
  }

  .link-block-6, .link-block-7, .link-block-9, .link-block-10, .link-block-12, .link-block-13 {
    display: none;
  }

  .mix-container {
    grid-template-columns: 1fr 1fr;
  }

  .project-feat-grid {
    grid-template-columns: 1fr 1fr;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 56px;
  }

  h2 {
    font-size: 36px;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.hero-contact {
    padding-top: 56px;
  }

  .section.hero-pricing {
    padding-top: 64px;
  }

  .text-style-h1 {
    font-size: 52px;
  }

  .grid-colors {
    grid-template-columns: 1fr 1fr;
  }

  .left-column-template-details {
    display: none;
  }

  .right-column-template-details {
    padding: 0;
  }

  .text-style-h2 {
    font-size: 52px;
  }

  .columns-template-details {
    flex-direction: column;
  }

  .tile-template-details {
    padding: 24px;
  }

  .nav-menu {
    margin-top: 0;
  }

  .brand-navbar {
    display: block;
  }

  .brand-link {
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
  }

  .master-title-home {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
  }

  .flex-bottom-hero-home {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .flex-heading-left.mg-bottom-80.center-landscape {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .flex-heading-left.mg-bottom-100 {
    margin-bottom: 72px;
  }

  .flex-heading-left.mg-bottom-100.center-landscape {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 72px;
  }

  .abstract-heading {
    width: 48px;
    height: 48px;
  }

  .grid-projects-home-b-halves {
    grid-template-columns: 1fr;
  }

  .text-subheading-project {
    font-size: 24px;
  }

  .wrap-image-project-main.home-one {
    min-height: 0;
    padding-top: 72%;
  }

  .wrap-image-project-main.home-three {
    padding-top: 72%;
  }

  .list-wrapper-project-home-wide {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .single-service-animated {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .big-text-service-animated {
    font-size: 52px;
  }

  .master-quote-center {
    max-width: 510px;
  }

  .text-manifesto-big {
    font-size: 37px;
  }

  .block-testimonial {
    text-align: center;
    align-items: center;
  }

  .image-wrap-testimonials-4 {
    width: 60%;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .right-person-small.no-image-person {
    justify-content: flex-start;
    align-items: center;
  }

  .grid-testimonials {
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .carousel-button.testimonial-right {
    inset: auto auto 0% 10%;
  }

  .carousel-button.testimonial-left {
    inset: auto auto 0% 0%;
  }

  .grid-process-thirds {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
  }

  .h2-contact {
    font-size: 44px;
  }

  .legal-footer {
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .column-footer-links {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .link-big-email-footer {
    margin-bottom: 50px;
    font-size: 9vw;
  }

  .third-footer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .text-legal-footer {
    font-size: 16px;
  }

  .right-third-footer {
    flex-wrap: wrap;
    justify-content: center;
  }

  .heading-footer-links {
    border-bottom: 1px solid #fff;
  }

  .second-footer {
    grid-row-gap: 100px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .wrap-image-moving-insta {
    width: 300px;
    height: 200px;
  }

  .icon-brand-hero-about {
    order: 1;
  }

  .limit-sutitle-hero-about {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .master-moving-studio-hero {
    margin-top: 64px;
  }

  .inside-moving-hero-studio {
    width: 1280px;
  }

  .text-big-number {
    font-size: 100px;
  }

  .text-sub-number {
    font-size: 20px;
  }

  .text-expanabdle-botton {
    font-size: 16px;
    line-height: 140%;
  }

  .grid-team-thirds {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .cell {
    text-align: left;
    font-size: 16px;
  }

  .heading-faq {
    font-size: 22px;
    line-height: 28px;
  }

  .text-faq {
    font-size: 16px;
    line-height: 140%;
  }

  .grid-work-halves {
    grid-row-gap: 72px;
  }

  .grid-blog-thirds {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .title-wrap-404 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .tile-changelog {
    padding: 32px 24px;
  }

  .master-title-sales {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
  }

  .flex-bottom-hero-sales {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .sales-mockups-column.third-column {
    display: none;
  }

  .grid-included {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }

  .included-card.figma-card {
    text-align: center;
    flex-direction: column;
  }

  .wrap-figma-content {
    text-align: center;
    align-items: center;
  }

  .hb_logo.top {
    width: 400px;
  }

  .projects_photo, .projects_photo.concept-art, .projects_photo.graphics, .projects_photo.illustrations, .projects_photo.allillustrations {
    height: 300px;
  }

  .grid-events {
    grid-template-columns: 1fr;
  }

  .events-container, .events-container.select {
    height: 300px;
  }

  .text-block {
    font-size: 65%;
  }

  .grid-featured {
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .image-wrap-featured {
    width: 60%;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-featured {
    grid-template-columns: 1fr;
  }

  .slide-photo._1 {
    display: none;
  }

  .slide-photo._4 {
    display: block;
  }

  .slide-photo._8, .slide-photo._9, .slide-photo._10, .slide-photo._12 {
    display: none;
  }

  .other-featured {
    grid-template-columns: 1fr;
    height: 1300px;
  }

  .grid-info {
    grid-template-columns: 1fr;
  }

  .project-cover-image.bloom-24 {
    height: 400px;
  }

  .project-cover-image.bloom-23 {
    height: 300px;
  }

  .link-no-underline._2, .link-no-underline._3, .link-no-underline._6, .link-no-underline._7 {
    display: none;
  }

  .grid-social-media {
    grid-template-columns: 1fr;
  }

  .header._8bit {
    font-size: 49px;
  }

  .illustration-grid {
    grid-template-columns: 1fr;
  }

  .concept-art {
    height: 300px;
  }

  .grid-3d, .grid-graphics {
    grid-template-columns: 1fr;
  }

  .series-featured {
    grid-template-columns: 1fr;
    height: 1300px;
  }

  .other-featured-series {
    grid-template-columns: 1fr;
    height: 700px;
  }

  .other-games {
    grid-template-columns: 1fr;
  }

  .navbar_component {
    height: auto;
  }

  .navbar_menu.is-page-height-tablet {
    padding-bottom: 6rem;
  }

  .navbar_logo-link {
    padding-left: 0;
  }

  .hannah-barone-header {
    width: 400px;
  }

  .containter-notes.mobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .note-2._2.mobile {
    width: 450px;
    height: 250px;
  }

  .div-block-4 {
    height: 450px;
    transform: scale(.52);
  }

  .page-gradient_img {
    width: 100em;
    margin-right: -16em;
  }

  .page-gradient_img._2 {
    margin-left: -16em;
  }

  .slider {
    border-radius: 20px;
    margin-top: 30px;
    display: block;
  }

  .me-1 {
    background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67390453af48d83856d55e69_me2.jpg");
    background-position: 50%;
    background-size: cover;
  }

  .me-2 {
    background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6739045670c197f9a56d2f15_me1.jpg");
    background-position: 50% 55%;
    background-size: cover;
  }

  .me-3 {
    background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6739046a6ccbf2bcc12f57dd_IMG_5452.jpg");
    background-position: 50% 22%;
    background-size: cover;
  }

  .me-4 {
    background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6739046806fabff799860058_RenderedImage.jpeg");
    background-position: 50%;
    background-size: cover;
  }

  .mask {
    border-radius: 20px;
  }

  .link-block-5, .link-block-8, .link-block-11 {
    display: none;
  }

  .project-feat-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 52px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 28px;
  }

  blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 32px;
    font-size: 22px;
    line-height: 125%;
  }

  .grid-buttons {
    grid-template-columns: 1fr;
  }

  .section, .section.dark {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.dark.under-hero-studio {
    margin-top: -140px;
    padding-top: 220px;
  }

  .section.hero-home {
    padding-top: 40px;
  }

  .section.hero-studio {
    padding-top: 64px;
  }

  .section.hero-contact {
    padding-bottom: 80px;
  }

  .section.hero-works {
    padding-top: 52px;
    padding-bottom: 56px;
  }

  .section.hero-services {
    padding-top: 52px;
  }

  .section.hero-blogs {
    padding-top: 56px;
  }

  .section.hero-blog-template {
    padding-top: 72px;
  }

  .section.legal-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section.hero-sales {
    padding-top: 40px;
  }

  .text-style-h1 {
    font-size: 46px;
  }

  .grid-colors {
    grid-template-columns: 1fr;
  }

  .text-style-h2 {
    font-size: 46px;
  }

  .main-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .wrap-template-ui {
    padding: 16px;
  }

  .menu-cta-wrap.mobile {
    display: block;
  }

  .menu-cta-wrap.desktop {
    display: none;
  }

  .nav-menu {
    background-color: #fff0;
    border-top-style: none;
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .cart-quantity-text {
    font-size: 12px;
  }

  .nav-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #fff;
    padding-left: 16px;
    padding-right: 16px;
  }

  .brand-menu-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
  }

  .cart-container {
    border-radius: 0;
    min-width: 320px;
    max-width: none;
    height: 100svh;
    margin: 0;
  }

  .cart-list, .cart-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .brand-navbar {
    height: 35px;
  }

  .brand-link {
    height: 30px;
  }

  .brand-link.w--current {
    height: 18px;
  }

  .cart-info-master {
    flex-direction: column;
  }

  .cart-button {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .button-text {
    font-size: 14px;
  }

  .nav-link {
    padding-left: 0;
    padding-right: 0;
  }

  .text-cart-container {
    font-size: 12px;
    line-height: 166%;
  }

  .navbar {
    height: 80px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .cart-header {
    padding-left: 16px;
    padding-right: 16px;
  }

  .master-title-home {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .single-title-home {
    justify-content: center;
    align-items: center;
  }

  .icon-play {
    width: 60px;
    height: 60px;
  }

  .image-logo {
    width: 40%;
    max-width: 40%;
  }

  .flex-heading-left {
    flex-direction: column;
    align-items: flex-start;
  }

  .flex-heading-left.mg-bottom-80.center-phone {
    text-align: center;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
  }

  .flex-heading-left.mg-bottom-100.center-landscape {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
  }

  .no-margins.left {
    text-align: left;
  }

  .grid-projects-home-b-halves {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .text-subheading-project {
    font-size: 20px;
  }

  .link-project-main {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .wrap-image-project-main.home-one, .wrap-image-project-main.home-two, .wrap-image-project-main.home-three, .wrap-image-project-main.work-general-wrap {
    padding-top: 100%;
  }

  .list-wrapper-project-home-wide {
    margin-bottom: 0;
  }

  .container-medium {
    padding-left: 16px;
    padding-right: 16px;
  }

  .list-services-animated {
    margin-bottom: 0;
  }

  .single-service-animated {
    justify-content: flex-start;
    align-items: center;
  }

  .number-service-animated {
    width: 12vw;
    margin-bottom: 0;
  }

  .big-text-service-animated {
    font-size: 9.5vw;
    line-height: 100%;
  }

  .image-service-animated {
    display: none;
  }

  .flex-under-animated-services {
    margin-top: 52px;
  }

  .big-text {
    font-size: 22px;
  }

  .icon-quote {
    height: 44px;
  }

  .text-manifesto-big {
    font-size: 9.5vw;
  }

  .slider-testimonials {
    margin-top: 40px;
  }

  .image-wrap-testimonials-4 {
    height: 250px;
  }

  .text-testimonial {
    font-size: 26px;
  }

  .carousel-button.testimonial-right {
    width: 48px;
    height: 48px;
    left: 30%;
  }

  .carousel-button.testimonial-left {
    width: 48px;
    height: 48px;
  }

  .h2-contact {
    font-size: 9vw;
  }

  .link-big-email-footer {
    height: 110px;
    font-size: 8.2vw;
  }

  .third-footer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    height: auto;
  }

  .brand-link-footer, .brand-link-footer.w--current {
    align-self: flex-start;
    width: auto;
    height: 70px;
  }

  .brand-footer {
    width: auto;
    height: 100%;
  }

  .link-footer-social:hover {
    color: var(--color--barone);
  }

  .text-legal-footer {
    font-size: 16px;
  }

  .right-third-footer {
    flex-flow: row;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
  }

  .wrap-image-moving-insta {
    width: 210px;
    height: auto;
  }

  .inside-moving-hero-studio {
    width: 1070px;
  }

  .text-big-number {
    font-size: 24vw;
  }

  .expandable-single-big {
    padding: 16px 0;
  }

  .cell {
    padding-right: 8px;
    font-size: 14px;
    line-height: 150%;
  }

  .cell.top {
    font-size: 18px;
  }

  .wrap-image-contact {
    padding-top: 120%;
  }

  .heading-faq {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 22px;
  }

  .single-faq {
    padding: 24px;
  }

  .link-filter {
    height: 44px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .title-wrap-blogs {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-bottom: 52px;
  }

  .title-wrap-blog-template, .wrap-image-blog-hero {
    margin-bottom: 48px;
  }

  .container-small {
    padding-left: 16px;
    padding-right: 16px;
  }

  .title-wrap-pricing {
    margin-bottom: 52px;
  }

  .tile-pricing {
    padding: 32px 24px;
  }

  .checkout-form {
    padding-top: 48px;
  }

  .order-item {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-direction: column;
    align-items: flex-start;
  }

  .block-content {
    padding: 16px;
  }

  .top-price {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 12px;
    margin-left: 0;
  }

  .top-order {
    margin-bottom: 12px;
    margin-left: 0;
  }

  .title-wrap-404 {
    margin-left: 0;
    margin-right: 0;
  }

  .h1-cms-template {
    font-size: 38px;
  }

  .master-title-sales {
    justify-content: center;
    align-items: flex-start;
  }

  .single-title-sales {
    justify-content: center;
    align-items: center;
  }

  .section-sales-mockups {
    max-height: 800px;
  }

  .grid-thirds-mokckups.sales-mokcups {
    grid-template-columns: 1fr;
  }

  .sales-mockups-column.second-column {
    display: none;
  }

  .sales-mockups-column.third-column {
    display: block;
  }

  .sales-mockups-column.first-column {
    display: none;
  }

  .container-sales-mockups {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-fourths-sales-fourths {
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .sales-card {
    padding: 16px;
  }

  .more-power-card {
    padding: 24px;
  }

  .break-link-mobile {
    word-break: break-all;
  }

  .box-more-templates {
    margin-top: 24px;
  }

  .grid-more-templates {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-bottom: 32px;
  }

  .right-more-templates {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hb_logo.top {
    width: 250px;
    height: 100px;
  }

  .projects_photo, .projects_photo.concept-art, .projects_photo.graphics, .projects_photo.illustrations, .projects_photo.allillustrations {
    height: 270px;
  }

  .events-container {
    height: 190px;
    overflow: hidden;
  }

  .events-container.select {
    height: 250px;
  }

  .events-container.other, .events-container.other.games {
    height: 270px;
  }

  .slider-featured {
    margin-top: 40px;
  }

  .image-wrap-featured {
    height: 250px;
  }

  .slide-featured {
    grid-template-columns: 1fr;
  }

  .slide-photo._4 {
    display: block;
  }

  .slide-photo._9, .slide-photo._10, .slide-photo._12 {
    display: none;
  }

  .other-featured {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    height: auto;
  }

  .info-programs.test {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    display: flex;
  }

  .info-tools-text._8-bit {
    font-size: 15px;
  }

  .project-cover-image.bloom-24, .project-cover-image.bloom-23 {
    height: 200px;
  }

  .heading-2._8-bit {
    font-size: 30px;
  }

  ._8-bit {
    font-size: 20px;
  }

  .header._8bit {
    font-size: 30px;
  }

  .illustrations, .illustrations.monet, .illustrations.sky {
    height: 370px;
  }

  .concept-art {
    height: 250px;
  }

  .concept-art.monet, .concept-art.sky {
    height: 370px;
  }

  .large {
    font-size: 40px;
  }

  .series-featured {
    height: auto;
  }

  .other-featured-series {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    height: auto;
  }

  .link-block-4 {
    display: block;
  }

  .other-games {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .filter-title._8-bit {
    font-size: 15px;
  }

  .dropdown-list-2 {
    padding-bottom: 0;
  }

  .navbar_menu-links {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar_logo {
    color: #000;
    width: 50px;
    height: 50px;
  }

  .menu-icon1 {
    margin-right: 0;
  }

  .navbar_menu.is-page-height-tablet {
    justify-content: center;
    align-items: center;
  }

  .hannah-barone-header {
    width: 300px;
  }

  .hannah-barone-header.cheek {
    height: 150px;
  }

  .containter-notes.mobile {
    height: 170px;
  }

  .note-2._2.mobile {
    width: 300px;
    height: 170px;
  }

  .div-block-4 {
    height: 300px;
    transform: scale(.35);
  }

  .page-gradient_container {
    font-size: 1em;
  }

  .page-gradient_img {
    width: 84em;
    margin-right: -20em;
  }

  .slide-2 {
    border-radius: 0;
  }

  .slider {
    border-radius: 20px;
    margin-top: 40px;
  }

  .slide-nav {
    margin-bottom: 10px;
  }

  .image-7 {
    width: 100%;
    height: 100%;
  }

  .me-1 {
    background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/67390453af48d83856d55e69_me2.jpg");
    background-position: 50%;
    background-size: cover;
  }

  .me-2 {
    background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6739045670c197f9a56d2f15_me1.jpg");
    background-position: 50% 80%;
    background-size: cover;
  }

  .me-3 {
    background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6739046a6ccbf2bcc12f57dd_IMG_5452.jpg");
    background-position: 50% 20%;
    background-size: cover;
  }

  .me-4 {
    background-image: url("https://cdn.prod.website-files.com/670d78a6f3f1a5160b2f36c9/6739046806fabff799860058_RenderedImage.jpeg");
    background-position: 50% 20%;
    background-size: cover;
  }

  .mask {
    border-radius: 20px;
  }

  .link-block-5, .link-block-6, .link-block-7, .link-block-8, .link-block-9, .link-block-10, .link-block-11, .link-block-12, .link-block-13 {
    display: none;
  }

  .anchor-scroll.up {
    bottom: 15%;
  }

  .mix-container {
    grid-template-columns: 1fr;
  }

  .section-2, .project-feat-grid {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }
}

#w-node-_268a4eef-699b-99b9-e1fb-b6d208698164-08698154 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_268a4eef-699b-99b9-e1fb-b6d20869816d-08698154 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1d5c16f2-7cd8-2c7a-b709-22a29463e24d-5dc0ce77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-_1d5c16f2-7cd8-2c7a-b709-22a29463e252-5dc0ce77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-_13b36966-5e30-8345-5c27-a84f81adb57d-5dc0ce77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-_13b36966-5e30-8345-5c27-a84f81adb582-5dc0ce77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-ffe6f870-561e-d969-f633-19bc610a95f4-5dc0ce77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-ffe6f870-561e-d969-f633-19bc610a95f9-5dc0ce77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-_13b36966-5e30-8345-5c27-a84f81adb57d-5b41064a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-_13b36966-5e30-8345-5c27-a84f81adb582-5b41064a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-ffe6f870-561e-d969-f633-19bc610a95f4-5b41064a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-ffe6f870-561e-d969-f633-19bc610a95f9-5b41064a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-_13b36966-5e30-8345-5c27-a84f81adb57d-65d2790d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-_13b36966-5e30-8345-5c27-a84f81adb582-65d2790d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-ffe6f870-561e-d969-f633-19bc610a95f4-65d2790d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch start;
}

#w-node-ffe6f870-561e-d969-f633-19bc610a95f9-65d2790d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

@media screen and (max-width: 991px) {
  #w-node-_1d5c16f2-7cd8-2c7a-b709-22a29463e252-5dc0ce77, #w-node-_13b36966-5e30-8345-5c27-a84f81adb582-5dc0ce77, #w-node-ffe6f870-561e-d969-f633-19bc610a95f9-5dc0ce77, #w-node-_13b36966-5e30-8345-5c27-a84f81adb582-5b41064a, #w-node-ffe6f870-561e-d969-f633-19bc610a95f9-5b41064a, #w-node-_13b36966-5e30-8345-5c27-a84f81adb582-65d2790d, #w-node-ffe6f870-561e-d969-f633-19bc610a95f9-65d2790d {
    justify-self: start;
  }
}