@font-face {
  font-family: "KITforge Sans";
  src: url("../fonts/BarlowCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "KITforge Sans";
  src: url("../fonts/BarlowCondensed-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "KITforge Display";
  src: url("../fonts/BarlowCondensed-BlackItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}
body.kit-native-editor,
.editor-styles-wrapper {
  --kit-cream: #f7f1e4;
  --kit-paper: #fffdf7;
  --kit-ink: #081914;
  --kit-green: #00462f;
  --kit-orange: #ee4c0b;
  --kit-line: #0a533b;
  --kit-frame-max: 92rem;
  --kit-frame-gutter: 2.5rem;
  --kit-grain: url("../img/home/paper-grain-transparent-2048-v2.png");
  --kit-sans: "KITforge Sans", Arial, sans-serif;
  --kit-display: "KITforge Display", Impact, sans-serif;
  --kit-display-tracking: -0.065em;
  --kit-action-bevel: min(1.9rem, 8%);
}
body.kit-native-editor { margin: 0; background: var(--wp--preset--color--kit-cream); }
.kit-native-editor .wp-site-blocks { padding: 0; }
.kit-editor-frame { max-width: var(--kit-frame-max); margin-inline: auto; }
.kit-showcase-editor-card {
  border: 2px dashed var(--wp--preset--color--kit-green);
  padding: 1.25rem;
  background: var(--wp--preset--color--kit-paper);
}
.kit-showcase-editor-card p { margin-bottom: 0; }
.editor-styles-wrapper :is(.kit-contact-hero, .kit-contact-track, .kit-contact-handoff) { font-family: Arial, sans-serif; }
.kit-editor-frame *, .editor-styles-wrapper * { box-sizing: border-box; }
.kit-editor-frame :where(a) { color: inherit; }
.kit-editor-frame :where(a, button, input, textarea):focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
:where(.kit-editor-frame, .editor-styles-wrapper) .wp-block-heading a { text-decoration: none; }
:where(.kit-editor-frame, .editor-styles-wrapper) .wp-block-heading a:hover { text-decoration: underline; text-underline-offset: .1em; }
:where(.kit-editor-frame, .editor-styles-wrapper) .is-style-kit-paper {
  background-image: url("../img/home/paper-grain-transparent-2048-v2.png");
  background-size: 56rem;
}
:where(.kit-editor-frame, .editor-styles-wrapper) .is-style-kit-racing-type {
  letter-spacing: var(--kit-display-tracking) !important;
  transform: skewX(-8deg);
  transform-origin: center;
  -webkit-text-stroke: .015em currentColor;
}
:where(.kit-editor-frame, .editor-styles-wrapper) :is(.kit-contact-hero, .kit-contact-grid, .kit-contact-handoff, .kit-contact-handoff-item) > * { margin-block: 0; min-width: 0; }
.kit-contact-header {
  position: relative;
  min-height: clamp(5rem,6.88vw,7.63rem);
  padding-inline: 2%;
  gap: 1.5rem;
}
.kit-contact-header::before {
  content: "";
  position: absolute;
  left: clamp(23rem, 27vw, 35rem); right: 8%; bottom: 1.2rem;
  border-bottom: 3px solid var(--wp--preset--color--kit-green);
}
.kit-contact-header::after {
  content: "";
  position: absolute;
  right: 1%; bottom: .2rem;
  width: 8.2rem; height: 3.6rem;
  background: url("../img/contact/header-checker-v1.png") center / contain no-repeat;
}
.kit-contact-brand { position: relative; z-index: 1; background: inherit; }
.kit-contact-brand .wp-block-image { margin: 0; }
.kit-contact-brand img { display: block; }
.kit-contact-brand figure { height: clamp(5rem,6.88vw,7.63rem); display: flex; align-items: center; }
.kit-contact-header .kit-contact-header-links { margin-right: 10.5%; }
.kit-contact-hero mark, .kit-contact-grid mark { background: transparent; }
.kit-contact-tagline { line-height: 1.2; margin: 0; }
.kit-contact-header-links { margin-right: 10.5%; padding-bottom: .4rem; }
.kit-contact-header .kit-language-switcher { margin: 0; }
.kit-contact-hero { display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; }
.kit-contact-title { color: var(--wp--preset--color--kit-cream) !important; font-size: clamp(2.5rem, 7.2vw, 6rem) !important; white-space: nowrap; }
.kit-contact-title.is-style-kit-racing-type { transform: skewX(-8deg) translateY(-.027em); }
.kit-contact-intro h2 { font-size: clamp(3.3rem, 4.65vw, 4.3rem) !important; }
.kit-contact-direct h2 { font-size: clamp(2.2rem, 2.65vw, 2.5rem) !important; }
.kit-contact-kicker { font-style: italic; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.kit-contact-track { position: relative; overflow: hidden; border-block: 5px solid var(--wp--preset--color--kit-cream); }
.kit-contact-backdrop { position: absolute; inset: -18.25% 0; margin: 0; width: 100%; height: 136.5%; pointer-events: none; }
.kit-contact-backdrop img { display: block; width: 100%; height: 100%; object-fit: fill; }
.kit-contact-grid { position: relative; margin-bottom: 0; }
.kit-contact-grid > .wp-block-column { min-width: 0; }
.kit-contact-track > .kit-contact-grid { margin-top: 0; }
.kit-contact-intro p { line-height: 1.18; }
.kit-contact-intro h2 { margin-top: .3rem; white-space: nowrap; }
.kit-contact-direct { border-left: 1px solid var(--wp--preset--color--kit-ink); padding-left: 2.1rem; }
.kit-contact-direct h2 { margin-block: -.2rem .65rem; }
.kit-contact-info-row figure { flex-shrink: 0; margin: 0; }
.kit-contact-info-row img { display: block; height: 2.1rem; }
.kit-contact-info-row p { margin: 0; line-height: 1.12; overflow-wrap: anywhere; }
.kit-contact-info-row a { text-decoration: none; }
.kit-contact-direct .kit-contact-info-row a { font-size: .8em; letter-spacing: -.015em; white-space: nowrap; }
.kit-contact-info-row a:hover { text-decoration: underline; }
.kit-contact-info-row small { font-size: .86em; }
.kit-contact-response { border-top: 1px solid; padding-top: .65rem; }
.kit-contact-response strong { font-size: 1.25em; }
.kit-editor-form { font-family: Arial, sans-serif; }
.kit-editor-form form p { margin: 0; }
.kit-editor-form form p > br { display: none; }
.kit-editor-form .kit-contact-field {
  display: block;
  border: 1px solid var(--wp--preset--color--kit-green);
  border-radius: 2px;
  padding: .3rem .8rem .35rem;
  margin-bottom: .6rem;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.kit-editor-form .kit-contact-field > br { display: none; }
.kit-editor-form .wpcf7-form-control-wrap { display: block; }
.kit-editor-form :is(input:not([type="submit"]), textarea) {
  display: block;
  width: 100%; max-width: 100%;
  padding: .4rem 0 .15rem;
  margin: 0;
  font: 1.05rem/1.25 Arial, sans-serif;
  letter-spacing: normal;
  color: var(--wp--preset--color--kit-ink);
  background: transparent;
  border: 0; border-radius: 0; box-shadow: none;
}
.kit-editor-form :is(input, textarea)::placeholder { color: #898b83; opacity: 1; }
.kit-editor-form textarea { min-height: 4rem; height: 4rem; resize: vertical; }
.kit-editor-form .kit-contact-submit { position: relative; margin-top: 1rem; transform: skewX(-22deg); background: var(--wp--preset--color--kit-ink); }
.kit-editor-form input[type="submit"] {
  width: 100%; padding: 0 5rem .4rem 1rem; margin: 0;
  border: 0; border-radius: 0; box-shadow: none;
  color: var(--wp--preset--color--kit-cream); background: transparent;
  font: italic 900 clamp(2rem,3vw,3.35rem)/1 "KITforge Display",Impact,sans-serif;
  letter-spacing: var(--kit-display-tracking); -webkit-text-stroke: .015em currentColor;
  text-transform: uppercase; cursor: pointer; transform: skewX(14deg);
}
.kit-editor-form .kit-contact-submit::after {
  content: ""; position: absolute; top: 15%; right: 19%; height: 65%; width: 3rem;
  background: url("../img/contact/arrow-fat-right-fill.svg") center / contain no-repeat;
  filter: invert(38%) sepia(86%) saturate(4165%) hue-rotate(353deg) brightness(97%) contrast(95%);
  transform: skewX(22deg);
  pointer-events: none;
}
.kit-editor-form input[type="submit"]:hover { opacity: .8; }
.kit-editor-form .wpcf7-spinner { display: none; }
.kit-editor-form .submitting .wpcf7-spinner { display: inline-block; position: absolute; right: 0; }
.kit-editor-form .wpcf7-response-output { margin: 1rem 0 0; padding: .75rem; font-size: 1rem; }
.kit-editor-form .wpcf7-not-valid-tip { font-size: .8rem; line-height: 1.3; text-transform: none; letter-spacing: 0; }
.kit-contact-handoff { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; border-top: 3px solid var(--wp--preset--color--kit-green); }
.kit-contact-handoff-item { display: grid; grid-template-columns: 50% 1fr; gap: 1.65rem; align-items: center; }
.kit-contact-handoff-item + .kit-contact-handoff-item { grid-template-columns: 53% 1fr; }
.kit-contact-handoff-item + .kit-contact-handoff-item { border-left: 1px solid var(--wp--preset--color--kit-green); padding-left: 1.75rem; }
.kit-contact-handoff-title { gap: .6rem; justify-content: space-between; }
.kit-contact-handoff-title h2 { font-size: clamp(4rem, 7.3vw, 6.8rem) !important; margin: 0; }
.kit-contact-handoff-title .wp-block-heading { transform: skewX(-8deg) scaleX(1.12); transform-origin: left; margin-right: .22em; }
.kit-contact-handoff-title figure { flex-shrink: 0; margin: 0; }
.kit-contact-arrow img { display: block; }
.kit-contact-arrow--kit-orange { filter: invert(38%) sepia(86%) saturate(4165%) hue-rotate(353deg) brightness(97%) contrast(95%); }
.kit-contact-handoff-copy { position: relative; border-left: 1px solid var(--wp--preset--color--kit-green); min-width: 0; overflow-wrap: anywhere; padding: .5rem 0 1rem 1.8rem; line-height: 1.25; }
.kit-contact-handoff-copy::after { content: ""; position: absolute; bottom: 0; right: 0; left: 1rem; border-bottom: 3px solid var(--wp--preset--color--kit-green); }
body:not(.home) .kit-tools-games-link__inner > .kit-editor-showcase-button {
  justify-self: start;
  margin: 0;
}
body:not(.home) .kit-tools-games-link__inner .wp-block-button__link {
  align-items: center;
  background: var(--kit-paper);
  border: 0.13rem solid var(--kit-paper);
  border-radius: 0;
  clip-path: polygon(var(--kit-action-bevel) 0, 100% 0, calc(100% - var(--kit-action-bevel)) 100%, 0 100%);
  color: var(--kit-ink);
  display: inline-flex;
  font-family: var(--kit-sans);
  font-size: 1.4rem;
  font-weight: 600;
  gap: 0.75rem;
  padding: 0.65rem 1.35rem;
  text-decoration: none;
}
body:not(.home) .kit-tools-games-link__inner .wp-block-button__link:hover,
body:not(.home) .kit-tools-games-link__inner .wp-block-button__link:focus-visible {
  background: var(--kit-ink);
  border-color: var(--kit-ink);
  color: var(--kit-paper);
  transform: none;
}

body:not(.home) .kit-tools-games-link__inner .wp-block-button__link:focus-visible {
  outline: .2rem solid var(--kit-orange);
  outline-offset: .2rem;
}
@media (max-width: 1199px) {
  .kit-contact-header { min-height: 6rem; }
  .kit-contact-header::after { width: 5rem; height: 2rem; bottom: 0; }
  .kit-contact-header .kit-contact-header-links { margin-right: 4%; gap: 1.5rem; }
  .kit-contact-header nav { --wp--style--block-gap: 1.5rem; }
  .kit-contact-track { padding: 2.5rem 5% !important; }
  .kit-contact-track .kit-contact-backdrop { display: none; }
  .kit-contact-track .kit-contact-grid.wp-block-columns { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
  .kit-contact-grid > .wp-block-column:last-child { grid-column: 1 / -1; }
  .kit-contact-grid .kit-contact-direct { border-left: 0; border-top: 1px solid; padding: 1.5rem 0 0; }
  .kit-contact-direct { padding-left: 1rem; }
  .kit-contact-info-row { gap: .7rem; }
  .kit-contact-info-row img { width: 1.5rem !important; height: 1.5rem; }
  .kit-contact-intro h2 { font-size: clamp(3rem,4.85vw,4.3rem) !important; }
  .kit-contact-hero { grid-template-columns: minmax(0,1fr); }
  .kit-contact-title { font-size: 6.8vw !important; }
  .kit-contact-handoff .kit-contact-handoff-item { grid-template-columns: 1fr; gap: .7rem; }
  .kit-contact-handoff-copy { border-left: 0; padding-left: 0; }
  .kit-contact-handoff-copy::after { left: 0; }
}
@media (max-width: 900px) {
  .kit-contact-header .kit-contact-header-links { margin-right: 0; }
  .kit-contact-tagline { display: none; }
  .kit-contact-header::after { width: 5rem; height: 2rem; bottom: -.1rem; }
  .kit-contact-header::before { display: none; }
  .kit-contact-header nav { font-size: .9rem !important; }
  .kit-contact-hero { grid-template-columns: minmax(0,1fr); }
  .kit-contact-title { font-size: 8vw !important; }
  .kit-contact-track { padding: 2rem 8% !important; }
  .kit-contact-track .kit-contact-backdrop { display: none; }
  .kit-contact-track .kit-contact-grid.wp-block-columns { display: flex; flex-direction: column; }
  .kit-contact-grid > .wp-block-column { flex-basis: auto !important; width: 100%; }
  .kit-contact-direct { grid-column: 1 / -1; border-left: 0; border-top: 1px solid; padding: 1.5rem 0 0; }
  .kit-contact-direct h2 { font-size: 3rem !important; }
  .kit-contact-info-row img { width: 2rem !important; height: 2rem; }
  .kit-contact-intro h2 { font-size: clamp(3.6rem,7vw,5rem) !important; }
}
@media (max-width: 599px) {
  .kit-contact-header { min-height: 5.5rem; padding-inline: 1rem; }
  .kit-contact-header-links { padding-right: .5rem; }
  .kit-contact-header::after { right: 1rem; }
  .kit-contact-hero { grid-template-columns: 1fr; padding: 1.5rem 1.15rem !important; }
  .kit-contact-title { font-size: 7.8vw !important; }
  .kit-editor-form .kit-contact-submit::after { right: .8rem; }
  .kit-editor-form input[type="submit"] { padding-right: 3rem; }
  .kit-contact-track { padding: 2rem 1.5rem !important; }
  .kit-contact-intro h2 { font-size: 4.2rem !important; }
  .kit-contact-intro h2 { white-space: normal; }
  .kit-contact-intro h2 br { display: none; }
  .kit-contact-intro p { font-size: 1.05rem !important; }
  .kit-contact-direct { grid-column: auto; }
  .kit-contact-handoff { grid-template-columns: minmax(0,1fr); padding: 1.5rem !important; gap: 1.5rem; }
  .kit-contact-handoff-item { grid-template-columns: minmax(0,1fr); }
  .kit-contact-handoff-item + .kit-contact-handoff-item { border-left: 0; border-top: 1px solid; padding: 1.5rem 0 0; }
  .kit-contact-handoff-title { justify-content: start; gap: 1rem; }
  .kit-contact-handoff-title h2 { font-size: 5.8rem !important; }
}
