*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

body {
  margin: 0;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important; }

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #0056b3;
    text-decoration: underline; }

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit;
  text-align: -webkit-match-parent; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

[role="button"] {
  cursor: pointer; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

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

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

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

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

body {
  background: #fff; }

* {
  -webkit-font-smoothing: antialiased; }

img {
  height: auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "MainFont", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
  h1.with-hr,
  h2.with-hr,
  h3.with-hr,
  h4.with-hr,
  h5.with-hr,
  h6.with-hr {
    border-bottom: 1px solid #fff;
    padding-bottom: 0.08em;
    margin-bottom: 40px; }

h2 {
  font-size: 58px; }

h3 {
  font-size: 46px; }

section {
  position: relative; }

.content {
  position: relative;
  margin: 0 auto;
  width: 811px;
  padding: 0 20px;
  padding-top: 140px;
  padding-bottom: 240px; }

.content.wide {
  width: 1120px; }

.wave {
  position: absolute;
  width: 100%;
  height: 0;
  pointer-events: none; }
  .wave svg {
    width: 100%;
    height: 120px;
    position: absolute; }
  .wave.wave-bot svg {
    bottom: 0; }

ul {
  list-style: none;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 0;
          padding-inline-start: 0; }
  ul li {
    display: block; }

ul.nascar-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: -2%; }
  ul.nascar-list li {
    position: relative;
    width: 21%;
    margin: 2%; }
    ul.nascar-list li img {
      width: 100%; }

.logo-label {
  display: none; }

@font-face {
  font-family: 'MainFont';
  font-weight: bold;
  src: url("../fonts/AvenirNext-Heavy.woff") format("woff"); }

@font-face {
  font-family: 'MainFont';
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/AvenirNext-HeavyItalic.woff") format("woff"); }

@font-face {
  font-family: 'ScriptFont';
  src: url("../fonts/LittleHandOne.woff") format("woff"); }

header {
  position: fixed;
  width: 100%;
  height: 100vh;
  padding: 24px 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  pointer-events: none; }
  header .content {
    position: relative;
    height: 100%;
    margin: 0 24px;
    padding: 0; }
  header #ink-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    pointer-events: all; }
    header #ink-logo img {
      width: 100%;
      height: 100%; }
  header nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    header nav li {
      position: absolute;
      width: 117px;
      height: 58px;
      display: flex;
      justify-content: center;
      align-items: center; }
      header nav li a {
        pointer-events: all;
        color: #fff;
        font-family: 'ScriptFont';
        -webkit-font-smoothing: initial;
        font-weight: bold;
        font-size: 33px;
        text-align: center;
        line-height: 0.9em; }
        header nav li a:hover {
          color: #fff;
          text-decoration: none;
          text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black; }
    header nav li:nth-child(1) {
      left: 0;
      bottom: 0; }
    header nav li:nth-child(2) {
      right: 0;
      bottom: 0; }
    header nav li:nth-child(3) {
      right: 0;
      top: 0; }

section#intro-section {
  height: 640px;
  z-index: 100;
  background: #ffcdd8; }
  section#intro-section .content {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px; }
  section#intro-section p {
    margin: 0;
    width: 880px;
    font-family: "MainFont", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 76px;
    line-height: 76px;
    color: #292929;
    text-align: center; }
    section#intro-section p .fluff-anim {
      position: relative;
      top: 0.05em;
      display: inline-block;
      width: 120px;
      height: 60px;
      background: url(/images/eye-ball.svg); }
  section#intro-section .wave-path {
    transform: scaleX(0.9) scaleY(0.75) translate(-20px, 0);
    fill: #ffcdd8; }

section#reel-section {
  height: 880px;
  background: url(/images/reel-background.jpg);
  background-size: cover;
  background-position: center; }
  section#reel-section .content {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer; }
  section#reel-section h2 {
    color: #fff;
    font-size: 64px;
    margin-bottom: -16px; }
  section#reel-section #overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  section#reel-section #lock-up {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  section#reel-section #play-btn {
    width: 80px;
    height: 80px;
    cursor: pointer; }
  section#reel-section #reel-video-wrapper {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    section#reel-section #reel-video-wrapper iframe {
      width: 100%;
      height: 100%; }
  section#reel-section.show-video #reel-video-wrapper {
    visibility: visible; }

section#work-section {
  background: #17191d;
  color: #f6f7e8; }
  section#work-section .lead {
    font-size: 29px;
    font-weight: bold; }
  section#work-section #lock-up {
    max-width: 608px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    section#work-section #lock-up h2 {
      margin-bottom: 22px; }
  section#work-section .wave-path {
    transform-origin: 0 100px;
    transform: scaleX(0.9) scaleY(0.75) translate(-20px, 0);
    fill: #17191d; }

section#about-section {
  background: #f8e668;
  color: #17191d; }
  section#about-section .intro {
    margin-bottom: 160px;
    display: grid;
    grid-template-columns: 60% 10% 30%;
    grid-template-areas: 'copy nothing fluff'; }
    section#about-section .intro .copy {
      grid-area: copy; }
    section#about-section .intro .fluff {
      width: 100%;
      height: 100%;
      background: red;
      grid-area: fluff; }
    section#about-section .intro h2 {
      margin-bottom: 16px; }
    section#about-section .intro .lead {
      font-size: 29px;
      font-weight: bold;
      color: #f07335; }
  section#about-section #team-sub-section ul {
    position: relative;
    height: 560px; }
  section#about-section #team-sub-section li {
    position: absolute;
    width: 240px;
    height: 240px;
    cursor: pointer; }
    section#about-section #team-sub-section li .name,
    section#about-section #team-sub-section li .title,
    section#about-section #team-sub-section li p {
      display: none; }
    section#about-section #team-sub-section li .image {
      -webkit-mask: url(/images/about-us-mask1.svg);
              mask: url(/images/about-us-mask1.svg); }
      section#about-section #team-sub-section li .image img {
        width: 100%;
        height: 100%; }
  section#about-section #team-sub-section li:nth-child(1) {
    left: -3%;
    top: 38%; }
  section#about-section #team-sub-section li:nth-child(2) {
    left: 32%;
    top: 2%; }
  section#about-section #team-sub-section li:nth-child(3) {
    right: -2%;
    top: 20%; }
  section#about-section #team-sub-section li:nth-child(4) {
    left: 36%;
    bottom: -4%; }
  section#about-section .wave-path {
    transform-origin: 0 100px;
    transform: scaleX(1.5) scaleY(0.75) translate(-65px, 0);
    fill: #f8e668; }

section#clients-section {
  background: #f07335;
  color: #fff; }
  section#clients-section h2 {
    margin-bottom: 16px; }
  section#clients-section #clients-sub-section {
    margin-bottom: 80px; }
  section#clients-section .wave-path {
    transform-origin: 0 100px;
    transform: scaleX(1.2) scaleY(0.95) translate(-278px, 0);
    fill: #f07335; }

section#awards-section {
  background: #f7a5b3;
  color: #fff; }
  section#awards-section h2 {
    margin-bottom: 16px; }
  section#awards-section .count {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    background: #fd1a42;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%; }
  section#awards-section .wave-path {
    transform-origin: 0 100px;
    transform: scaleX(1.2) scaleY(0.95) translate(-216px, 0);
    fill: #f7a5b3; }

section#join-section {
  background: #a7e2a3;
  color: #fff; }
  section#join-section h2 {
    margin-bottom: 16px;
    color: #292929; }
  section#join-section p {
    font-size: 35px;
    font-weight: bold;
    line-height: 1.3em; }
    section#join-section p a {
      color: #fff;
      text-decoration: underline; }
  section#join-section .wave-path {
    transform-origin: 0 100px;
    transform: scaleX(0.9) scaleY(0.75) translate(-20px, 0);
    fill: #a7e2a3; }

section#contact-section {
  background: #a2f2f1;
  color: #292929; }
  section#contact-section h2 {
    margin-bottom: 16px; }
  section#contact-section p {
    font-size: 44px;
    font-weight: bold;
    line-height: 1.3em; }
    section#contact-section p a {
      color: #292929;
      text-decoration: underline; }
  section#contact-section .wave-path {
    transform-origin: 0 100px;
    transform: scaleX(0.9) scaleY(0.75) translate(-20px, 0);
    fill: #a2f2f1; }