/* ============================================================
   NOT QUITE — notquite.css
   ============================================================

   TABLE OF CONTENTS
   -----------------
   1.  RESET
   2.  FONTS (@font-face)
   3.  VARIABLES (:root custom properties)
   4.  BASE ELEMENTS (body, h1-h6, p, a, form, input, button)
   5.  FORMS & FIELDS (.text-field, .form-block, etc.)
   6.  LAYOUT (.main-container, .section variants)
   7.  NAVIGATION (.navbar, .nav-container, .nav-button)
   8.  HERO (.hero-image-block, .hero-text, .hero-cta, etc.)
   9.  TAGS & STICKERS (.tag, .sticker, .circle-hero-sticker)
   10. NEWSLETTER (.newsletter-block)
   11. MARQUEE (.master-marquee, .marquee-footer)
   12. FOOTER (.footer, .content-footer, .left-footer, etc.)
   13. MENU (.menu, .menu-link, .menu-bg-panel, etc.)
   14. CMS / WORK (.cms-halves, .link-cms, .image-wrap-project)
   15. TYPOGRAPHY UTILITIES (.text-h2 through .text-h7, .text-bold, etc.)
   16. CURSOR (.cursor, .cursor-master)
   17. MEDIA QUERIES
       — max-width: 991px  (tablet)
       — max-width: 767px  (mobile)
       — max-width: 479px  (small mobile)

   ============================================================ */

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

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: Public Sans;
    src:
        url("../fonts/PublicSans-Italic.woff2") format("woff2"),
        url("../fonts/PublicSans-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Public Sans;
    src:
        url("../fonts/PublicSans-ExtraBoldItalic.woff2") format("woff2"),
        url("../fonts/PublicSans-ExtraBoldItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Public Sans;
    src:
        url("../fonts/PublicSans-ExtraBold.woff2") format("woff2"),
        url("../fonts/PublicSans-ExtraBold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Public Sans;
    src:
        url("../fonts/PublicSans-Regular.woff2") format("woff2"),
        url("../fonts/PublicSans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Public Sans;
    src:
        url("../fonts/PublicSans-Thin.woff2") format("woff2"),
        url("../fonts/PublicSans-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Zetkin Narrow;
    src:
        url("../fonts/Zetkin-NarrowBoldOblique.woff2") format("woff2"),
        url("../fonts/Zetkin-NarrowBoldOblique.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Zetkin Narrow;
    src:
        url("../fonts/Zetkin-NarrowBold.woff2") format("woff2"),
        url("../fonts/Zetkin-NarrowBold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Zetkin;
    src:
        url("../fonts/Zetkin-NormalLight.woff2") format("woff2"),
        url("../fonts/Zetkin-NormalLight.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Zetkin;
    src:
        url("../fonts/Zetkin-NormalLightOblique.woff2") format("woff2"),
        url("../fonts/Zetkin-NormalLightOblique.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Zetkin;
    src:
        url("../fonts/Zetkin-WideHeavy.woff2") format("woff2"),
        url("../fonts/Zetkin-WideHeavy.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Zetkin;
    src:
        url("../fonts/Zetkin-WideHeavyOblique.woff2") format("woff2"),
        url("../fonts/Zetkin-WideHeavyOblique.woff2") format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Zetkin Narrow;
    src:
        url("../fonts/Zetkin-NarrowBlack.woff2") format("woff2"),
        url("../fonts/Zetkin-NarrowBlack.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Zetkin Narrow;
    src:
        url("../fonts/Zetkin-NarrowBlackOblique.woff2") format("woff2"),
        url("../fonts/Zetkin-NarrowBlackOblique.woff2") format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Public Sans;
    src:
        url("../fonts/PublicSans-ThinItalic.woff2") format("woff2"),
        url("../fonts/PublicSans-ThinItalic.woff2") format("woff2");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

:root {
    --_colors---color--light: white;
    --_text---text-body--font-family: var(--font--main);
    --_colors---color--dark: black;
    --_text---text-body--font-size: 18px;
    --_text---text-body--line-height: 140%;
    --_text---text-body--font-weight: var(--font-weight--light);
    --_text---text-body--letter-spacing: 0.25em;
    --_text---h1--font-family: var(--font--secondary);
    --_text---h1--font-size: 24px;
    --_text---h1--line-height: 80%;
    --_text---h1--font-weight: var(--font-weight--bold);
    --_text---h1--letter-spacing: 0.5em;
    --_text---h2--font-family: var(--font--secondary);
    --_text---h2--font-size: 36px;
    --_text---h2--line-height: 85%;
    --_text---h2--font-weight: var(--font-weight--extra-bold);
    --_text---h2--letter-spacing: 0.1em;
    --_text---h3--font-family: var(--font--main);
    --_text---h3--font-size: 176px;
    --_text---h3--line-height: 85%;
    --_text---h3--font-weight: var(--font-weight--black);
    --_text---h3--letter-spacing: 0em;
    --_text---h4--font-family: var(--font--secondary);
    --_text---h4--font-size: 40px;
    --_text---h4--line-height: 110%;
    --_text---h4--font-weight: var(--font-weight--bold);
    --_text---h4--letter-spacing: 0em;
    --_text---h5--font-family: var(--font--secondary);
    --_text---h5--font-size: 36px;
    --_text---h5--line-height: 100%;
    --_text---h5--font-weight: var(--font-weight--bold);
    --_text---h5--letter-spacing: 0em;
    --_text---h6--font-family: var(--font--secondary);
    --_text---h6--font-size: 24px;
    --_text---h6--line-height: 100%;
    --_text---h6--font-weight: var(--font-weight--bold);
    --_text---h6--letter-spacing: 0em;
    --_colors---color--transparent: #0000;
    --container--main: 1800px;
    --_spacing---site-padding--main: 32px;
    --_spacing---spacing--0: 0px;
    --_spacing---spacing--120: 120px;
    --_spacing---spacing--hero-top-padding: 50px;
    --_spacing---hero: 24px;
    --_spacing---spacing--160: 160px;
    --_spacing---radius--main: 20px;
    --_text---h7--font-family: var(
        --font--main
    );
    --_text---h7--font-size: 24px;
    --_text---h7--line-height: 120%;
    --_text---h7--font-weight: var(
        --font-weight--light
    );
    --_text---h7--letter-spacing: -0.016em;
    --_buttons---button-large--line-height: 133%;
    --_colors---color--orange: #f96b12;
    --_colors---color--blue: #b4e1ff;
    --_spacing---spacing--64: 64px;
    --_spacing---spacing--40: 40px;
    --_spacing---spacing--80: 50px;
    --_spacing---radius--small: var(--_spacing---radius--main);
    --_text---h8--font-family: var(
        --font--main
    );
    --_text---h8--font-size: 16px;
    --_text---h8--line-height: 120%;
    --_text---h8--font-weight: var(
        --font-weight--light
    );
    --_text---h8--letter-spacing: -0.016em;
    --_spacing---spacing--12: 12px;
    --font--main: Zetkin, Verdana, sans-serif;
    --font-weight--bold: 700;
    --_spacing---spacing--32: 32px;
    --_spacing---spacing--16: 16px;
    --_colors---color--pink: #ff7ab6;
    --font--secondary: "Zetkin Narrow", Verdana, sans-serif;
    --_colors---color--green: #809314;
    --_colors---color--yellow: #f9bf01;
    --_spacing---radius--full: 100vw;
    --_text---text-large--font-size: 24px;
    --_spacing---spacing--hero-title-top: 20px;
    --_spacing---spacing--48: 48px;
    --_spacing---spacing--tag: 12px;
    --_colors---color--hot-pink: #ff3099;
    --font-weight--black: 900;
    --_colors---color--red: #fa4149;
    --_spacing---spacing--4: 4px;
    --_spacing---spacing--8: 8px;
    --_text---text-small--font-family: var(--font--main);
    --_text---text-small--font-size: 18px;
    --_text---text-small--line-height: 140%;
    --_text---text-small--font-weight: var(--font-weight--light);
    --_text---text-small--letter-spacing: 0.25em;
    --_spacing---spacing--20: 20px;
    --_text---text-large--font-family: var(--font--main);
    --_text---text-large--line-height: 140%;
    --_text---label-small--font-weight: var(--font-weight--medium);
    --_text---text-large--letter-spacing: -0.016em;
    --_text---text-large--font-weight: var(--font-weight--light);
    --_buttons---button-large--font-weight: var(--font-weight--black);
    --_buttons---button-large--font-family: var(--font--main);
}

body {
    background-color: var(--_colors---color--light);
    font-family: var(--_text---text-body--font-family);
    color: var(--_colors---color--dark);
    font-size: var(--_text---text-body--font-size);
    line-height: var(--_text---text-body--line-height);
    font-weight: var(--_text---text-body--font-weight);
    letter-spacing: var(--_text---text-body--letter-spacing);
    overscroll-behavior: none;
    text-align: left;
}

h1 {
    font-family: var(--_text---h1--font-family);
    font-size: var(--_text---h1--font-size);
    line-height: var(--_text---h1--line-height);
    font-weight: var(--_text---h1--font-weight);
    letter-spacing: var(--_text---h1--letter-spacing);
    margin-top: 0;
    margin-bottom: 0;
}

h2 {
    font-family: var(--_text---h2--font-family);
    font-size: var(--_text---h2--font-size);
    line-height: var(--_text---h2--line-height);
    font-weight: var(--_text---h2--font-weight);
    letter-spacing: var(--_text---h2--letter-spacing);
    margin-top: 20px;
    margin-bottom: 10px;
}

h3 {
    font-family: var(--_text---h3--font-family);
    font-size: var(--_text---h3--font-size);
    line-height: var(--_text---h3--line-height);
    font-weight: var(--_text---h3--font-weight);
    letter-spacing: var(--_text---h3--letter-spacing);
    margin-top: 20px;
    margin-bottom: 10px;
}

h4 {
    font-family: var(--_text---h4--font-family);
    font-size: var(--_text---h4--font-size);
    line-height: var(--_text---h4--line-height);
    font-weight: var(--_text---h4--font-weight);
    letter-spacing: var(--_text---h4--letter-spacing);
    margin-top: 10px;
    margin-bottom: 10px;
}

h5 {
    font-family: var(--_text---h5--font-family);
    font-size: var(--_text---h5--font-size);
    line-height: var(--_text---h5--line-height);
    font-weight: var(--_text---h5--font-weight);
    letter-spacing: var(--_text---h5--letter-spacing);
    margin-top: 10px;
    margin-bottom: 10px;
}

h6 {
    font-family: var(--_text---h6--font-family);
    font-size: var(--_text---h6--font-size);
    line-height: var(--_text---h6--line-height);
    font-weight: var(--_text---h6--font-weight);
    letter-spacing: var(--_text---h6--letter-spacing);
    margin-top: 10px;
    margin-bottom: 10px;
}

p {
    margin-top: .5em;
    margin-bottom: 10px;
    text-align: left;
    align-items: left;
}

a {
    text-decoration: none;
}

a:hover {
  color: var(--_colors---color--hot-pink);
}

li {
    margin-bottom: 10px;
}

form {

  align:left;
  font-weight: var(--_text---h4--font-weight);
  letter-spacing: var(--_text---h4--letter-spacing);
  padding-bottom: 15px;
  font-size: clamp(1rem, 4vw, 1.25rem);
  /*
  font-size: var(--_text---h4--font-size);
  color: var(--_colors---color--hot-pink);
  */
}

input {
  align: left;
  padding: 5px 50px;
  border: 1px solid black;
  border-radius: 3px;
  font-weight: var(--_text---h6--font-weight);
  font-size: clamp(1rem, 4vw, 1.25rem);
  /*
  font-size: var(--_text---h6--font-size);
  font-family: var(--_text---h4--font-family);
  font-weight: var(--_text---h6--font-weight);
  */
}
input:focus {
    border-color: var(--_colors---color--transparent)
        var(--_colors---color--transparent) var(--_colors---color--hot-pink);
}
input:placeholder {
    color: var(--_colors---color--dark);
}

button {
  padding: 5px 50px;
  background-color: var(--_colors---color--hot-pink);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: clamp(1rem, 4vw, 1.5rem);
  font-weight: var(--_text---h4--font-weight);
  font-family: var(--_text---h4--font-family);
  /*
  font-size: var(--_text---h6--font-size);
  */
}
button:hover {
  background-color: pink;
  color: violet;
}

.text-field {
    border-style: solid;
    border-width: 1px;
    border-color: var(--_colors---color--transparent)
        var(--_colors---color--transparent) var(--_colors---color--dark);
    background-color: var(--_colors---color--transparent);
    width: 75%;
    height: auto;
    color: var(--_colors---color--dark);
    margin-bottom: 0;
    padding: 0 0 20px;
    align: left;
}

.text-field:focus {
    border-color: var(--_colors---color--transparent)
        var(--_colors---color--transparent) var(--_colors---color--dark);
}

.text-field:placeholder {
    color: var(--_colors---color--dark);
}

.text-field.pw {
    border-bottom-color: var(--_colors---color--light);
    color: var(--_colors---color--light);
}

.text-field.pw::placeholder {
    color: var(--_colors---color--light);
}

.text-field.textarea {
    min-height: 86px;
}

.section-divider {
    background-color: var(--_colors---color--dark);
    width: 100%;
    height: 1px;
    margin-right: auto;
}

.main-container {
    z-index: 2;
    width: 100%;
    max-height: 100%;
    max-width: var(--container--main);
    padding-right: var(--_spacing---site-padding--main);
    padding-left: var(--_spacing---site-padding--main);
    clear: none;
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.section {
    padding-bottom: var(--_spacing---spacing--0);
    position: relative;
}

.section .section.hero-template {
    padding-top: var(--_spacing---spacing--hero-top-padding);
    padding-bottom: 64px;
}

.section.hero-home {
    padding-top: var(--_spacing---spacing--hero-top-padding);
    padding-bottom: var(--_spacing---spacing--0);
    overflow: visible;
}

.section.home-about-section {
    padding-top: var(--_spacing---hero);
    padding-bottom: var(--_spacing---hero);
    clear: left;
    flex-flow: column;
    display: flex;
    position: relative;
}

.section.home-services-section {
    padding-top: var(--_spacing---spacing--160);
    padding-bottom: var(--_spacing---spacing--160);
    border-radius: var(--_spacing---radius--main);
    background-color: var(--_colors---color--dark);
    color: var(--_colors---color--light);
    overflow: visible;
}

.section.hero-product {
    padding-top: var(--_spacing---spacing--hero-top-padding);
}

.section.home-work-section {
    padding-top: var(--_spacing---spacing--0);
}

.section.project-text-section {
    padding-top: var(--_spacing---spacing--0);
    padding-bottom: var(--_spacing---spacing--0);
}

.section.hero-contact {
    padding-top: var(--_spacing---spacing--0);
    padding-bottom: var(--_spacing---spacing--160);
}

.section.more-blogs {
    padding-top: var(--_spacing---spacing--160);
}

.text-h4 {
    font-family: var(--_text---h4--font-family);
    font-size: var(--_text---h4--font-size);
    line-height: var(--_text---h4--line-height);
    font-weight: var(--_text---h4--font-weight);
    text-align: left;
    letter-spacing: var(--_text---h4--letter-spacing);
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}

.text-h3 {
    z-index: 1;
    font-family: var(--_text---h3--font-family);
    font-size: var(--_text---h3--font-size);
    line-height: var(--_text---h3--line-height);
    font-weight: var(--_text---h3--font-weight);
    text-align: center;
    letter-spacing: var(--_text---h3--letter-spacing);
    text-transform: none;
    overflow-wrap: normal;
    justify-content: flex-start;
    align-items: center;
}

.text-what-title {
    text-align: left;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.text-h1 {
    z-index: 1;
    font-family: var(--_text---h1--font-family);
    font-size: var(--_text---h1--font-size);
    line-height: var(--_text---h1--line-height);
    font-weight: var(--_text---h1--font-weight);
    letter-spacing: var(--_text---h1--letter-spacing);
}

.text-h7 {
    font-family: var(
        --_text---h7--font-family
    );
    font-size: var(
        --_text---h7--font-size
    );
    line-height: var(
        --_text---h7--line-height
    );
    font-weight: var(
        --_text---h7--font-weight
    );
    letter-spacing: var(
        --_text---h7--letter-spacing
    );
}

.cta-main {
    border: 1px solid var(--_colors---color--dark);
    border-radius: var(--_spacing---radius--main);
    background-color: var(--_colors---color--dark);
    color: var(--_colors---color--light);
    line-height: var(--_buttons---button-large--line-height);
    justify-content: center;
    align-items: center;
    padding: 14px 20px;
    transition: background-color 0.4s;
    display: flex;
}

.cta-main:hover {
    border-color: var(--_colors---color--orange);
    background-color: var(--_colors---color--orange);
}

.cta-main.light {
    background-color: var(--_colors---color--light);
    color: var(--_colors---color--dark);
}

.cta-main.light:hover {
    background-color: var(--_colors---color--orange);
}

.hero-image-block {
    position: relative;
    background-image: url("/assets/images/FamousDonut.png");
    background-color: black;
    background-size: contain;
    background-position: center;
    background-attachment: fixed,scroll;
    border-radius: 1.5rem;
<!--    overflow: hidden; -->
    overflow: visible;
    min-height: 256px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    /*  padding: 2rem; */
}

.hero-nq {
    padding-left: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    align-self: self-start;
}

.hero-text {
    padding: 1.5rem;
    align-self: self-start;
    font-weight: 600;
    font-size: clamp(.75rem, 4vw, 1rem);
    color: var(--_colors---color--hot-pink);
    width: 100%;
    mix-blend-mode: difference;
    /*
    font-size: 1rem;
    font-weight: 600;
    background: white;
    line-height: 1.4;
    */
}

.hero-cta {
    align-self: self-end;
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    align-items: right;
    justify-content: right;
    width: 100%;
}

.newsletter-block {
    align-self: self-start;
    /*
    background: white;
    line-height: 1.4;
    */
    justify-content: left;
    font-size: 1.25rem;
    font-weight: 700;
    color: black;
    text-align: left;
    letter-spacing: var(--_text---h4--letter-spacing);
    margin: 0;
    padding-bottom: 10px;
    display: block;
}

.text-highlight {
    color: var(--_colors---color--hot-pink);
}
a.highlight:hover {
    color: pink;
}

.master-marquee-footer {
    width: 100%;
    padding-top: 20px;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.marquee-footer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.marquee-footer-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
}

.navbar {
    z-index: 999;
    background-color: var(--_colors---color--transparent);
    mix-blend-mode: difference;
    padding-top: 24px;
    position: fixed;
    inset: 0% 0% auto;
}

.brand-text {
    color: var(--_colors---color--light);
}

.brand-text.w--current {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: flex;
}

.brand-text.text-small {
    text-transform: none;
    font-style: italic;
}

.brand-text.text-small.w--current {
    text-transform: none;
    font-style: italic;
    display: block;
}

.text-animated {
    margin-top: -0.2em;
    margin-bottom: -0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.nav-wrap {
    float: none;
    clear: none;
}

.nav-button {
    position: absolute;
    left: 0;

    grid-column-gap: 5px;
    grid-row-gap: 5px;
    cursor: pointer;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 40px;
    display: flex;
}

/*
.nav-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.5fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  display: grid;
  overflow: visible;
}
*/

.nav-container {
    display: flex;
    /*
    align-items: center;
    justify-content: center;
    */
    position: relative;
    width: 100%;
}

.nav-container .brand {
    text-align: left;
    font-style: italic;
}

.nav-container .brand-text {
    position: absolute;
    right: 0;
}

.footer {
    z-index: 0;
    padding-top: var(--_spacing---spacing--64);
    padding-bottom: var(--_spacing---spacing--40);
    border-top-left-radius: var(--_spacing---radius--main);
    border-top-right-radius: var(--_spacing---radius--main);
    background-color: var(--_colors---color--dark);
    color: var(--_colors---color--light);
}

.content-footer {
    margin-bottom: var(--_spacing---spacing--80);
    grid-column-gap: var(--_spacing---radius--small);
    grid-row-gap: var(--_spacing---radius--small);
    grid-template-rows: auto;
    grid-template-columns: 0.5fr 1fr;
}

.left-footer {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.right-footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    max-width: 100%;
    display: inline-flex;
}

.column-footer {
    clear: none;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    display: flex;
}

.link-list-footer {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.link-footer {
    font-family: var(
        --_text---h8--font-family
    );
    color: var(--_colors---color--light);
    font-size: var(
        --_text---h8--font-size
    );
    line-height: var(
        --_text---h8--line-height
    );
    font-weight: var(
        --_text---h8--font-weight
    );
    letter-spacing: var(
        --_text---h8--letter-spacing
    );
}

.footer-thirds {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: auto auto 1fr;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
}

.text-wrap-mask-about {
    z-index: 2;
    text-align: center;
    max-width: 864px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.hidden {
    display: none;
}

.heading-hero {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-h5 {
    font-family: var(--_text---h5--font-family);
    font-size: var(--_text---h5--font-size);
    line-height: var(--_text---h5--line-height);
    font-weight: var(--_text---h5--font-weight);
    letter-spacing: var(--_text---h5--letter-spacing);
    text-transform: none;
}

.text-h6 {
    font-family: var(--_text---h6--font-family);
    font-size: var(--_text---h6--font-size);
    line-height: var(--_text---h6--line-height);
    font-weight: var(--_text---h6--font-weight);
    letter-spacing: var(--_text---h6--letter-spacing);
}

.text-h2 {
    font-family: var(--_text---h2--font-family);
    font-size: var(--_text---h2--font-size);
    line-height: var(--_text---h2--line-height);
    font-weight: var(--_text---h2--font-weight);
    text-align: left;
    letter-spacing: var(--_text---h2--letter-spacing);
}

.link-dark {
    color: var(--_colors---color--dark);
}

.gsap-code-body p {
    font-family: var(--font--main);
    margin-bottom: 20px;
}

.text-bold {
    font-weight: var(--font-weight--bold);
    text-transform: uppercase;
}

.bottom-tile-footer {
    grid-column-gap: var(--_spacing---spacing--32);
    grid-row-gap: var(--_spacing---spacing--32);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}

.text-underline {
    text-decoration: underline;
}

.line-first {
    background-color: var(--_colors---color--light);
    width: 100%;
    height: 2px;
}

.line-second {
    background-color: var(--_colors---color--light);
    width: 65%;
    height: 2px;
}

.menu-bottom {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: row;
    display: flex;
}

.bg-menu {
    z-index: 0;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: absolute;
    inset: 0%;
}

.menu-bg-panel {
    z-index: 0;
    border-top-left-radius: var(--_spacing---radius--main);
    border-bottom-left-radius: var(--_spacing---radius--main);
    background-color: var(--_colors---color--dark);
    margin-left: auto;
    position: absolute;
    inset: 0%;
}

.menu-bg-panel.first {
    background-color: var(--_colors---color--pink);
}

.menu-bg-panel.second {
    background-color: var(--_colors---color--orange);
}

.menu-bg-panel.third {
    background-color: var(--_colors---color--light);
}

.menu-link-eyebrow {
    z-index: 1;
    font-family: var(--font--secondary);
    color: var(--_colors---color--orange);
    font-size: var(--_text---h5--font-size);
    line-height: var(--_text---h5--line-height);
    font-weight: var(--_text---h5--font-weight);
    letter-spacing: var(--_text---h5--letter-spacing);
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
}

.menu-link-eyebrow.first {
    font-size: var(--_text---h6--font-size);
}

.menu-link-eyebrow.second {
    color: var(--_colors---color--pink);
}

.menu-link-eyebrow.third {
    color: var(--_colors---color--green);
}

.menu-link-eyebrow.fourth {
    color: var(--_colors---color--blue);
}

.menu-link-eyebrow.fifth {
    color: var(--_colors---color--yellow);
    font-size: var(--_text---h6--font-size);
}

.content-menu {
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 128px var(--_spacing---site-padding--main) 24px;
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    position: relative;
    overflow: auto;
}

.menu-details {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.menu-list-item {
    flex-flow: column;
    position: relative;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.menu-list {
    flex-flow: column;
    width: 100%;
    list-style: none;
    display: flex;
}

.menu-link {
    grid-column-gap: var(--_spacing---spacing--12);
    grid-row-gap: var(--_spacing---spacing--12);
    width: 100%;
    color: var(--_colors---color--dark);
    text-decoration: none;
    transition: padding 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: flex;
    position: relative;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.menu-link:hover {
    padding-left: 24px;
}

.menu-link-title {
    z-index: 1;
    font-family: var(--_text---h3--font-family);
    font-size: var(--_text---h6--font-size);
    line-height: var(--_text---h3--line-height);
    font-weight: var(--_text---h3--font-weight);
    letter-spacing: var(--_text---h3--letter-spacing);
    text-transform: uppercase;
    margin-bottom: 0;
    transition: transform 0.55s cubic-bezier(0.65, 0.05, 0, 1);
    position: relative;
}

.menu-link-bg {
    z-index: 0;
    border-radius: var(--_spacing---radius--full);
    background-color: var(--_colors---color--orange);
    transform-origin: 50% 100%;
    width: 10px;
    height: 10px;
    transform-style: preserve-3d;
    margin-top: auto;
    margin-bottom: auto;
    transition: transform 0.55s cubic-bezier(0.65, 0.05, 0, 1);
    position: absolute;
    inset: 0 0% 10px;
    transform: none;
}

.menu-link-bg._2 {
    background-color: var(--_colors---color--pink);
}

.menu-link-bg._3 {
    background-color: var(--_colors---color--green);
}

.menu-link-bg._5 {
    background-color: var(--_colors---color--yellow);
}

.menu-link-bg._4 {
    background-color: var(--_colors---color--blue);
}

.menu {
    z-index: 998;
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0% 0% 0% auto;
}

.title-hero {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    grid-template:
        ". Area"
        / 40% 60%;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.hero-image {
    z-index: auto;
    float: none;
    clear: none;
    border-radius: var(--_spacing---radius--main);
    vertical-align: middle;
    flex-flow: row;
    place-content: flex-start center;
    align-self: center;
    align-items: center;
    width: auto;
    max-width: 25%;
    height: auto;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
    overflow: visible;
}

.hero-paragraph {
    z-index: auto;
    float: left;
    clear: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: var(--_text---text-large--font-size);
    background-color: var(--_colors---color--blue);
    flex: 1;
    max-width: 70%;
    max-height: 100%;
    padding: 32px 32px 32px 20px;
    display: flex;
    position: relative;
    inset: 0% auto auto 0%;
    overflow: visible;
}

.hero-notch-top-2,
.hero-notch-bottom-2 {
    width: auto;
}

.hero-notch-top {
    height: 40px;
    transform-style: preserve-3d;
    margin-right: -3px;
    padding-top: 0;
    position: absolute;
    inset: auto auto 3px -3px;
    transform: rotateX(0) rotateY(180deg) rotateZ(0) translate(0, 100%);
}

.hero-notch-top.second {
    transform-style: preserve-3d;
    margin-top: 0;
    margin-right: 0;
    inset: 0% 0% auto auto;
    transform: rotateX(0) rotateY(180deg) rotateZ(0) translate(-100%);
}

.hero-image-sticker {
    box-sizing: border-box;
    float: right;
    border-top-left-radius: var(--_spacing---radius--main);
    background-color: var(--_colors---color--transparent);
    vertical-align: middle;
    object-fit: fill;
    display: inline-block;
    position: static;
    inset: 0% 0% auto auto;
}

.sticker {
    vertical-align: middle;
    object-fit: contain;
    width: auto;
    max-height: 256px;
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    overflow: visible;
}

.sticker:hover {
    transform: scale(1.1);
}

.hero-notch-bottom {
    height: 40px;
    margin-left: 3px;
    position: absolute;
    inset: auto auto 0% 0%;
    transform: rotate(90deg) translate(3px, 100%);
}

.hero-notch-bottom.second {
    margin-top: 3px;
    margin-left: 0;
    margin-right: -3px;
    inset: 0% 0% auto auto;
    transform: rotate(90deg) translate(-100%);
}

.circle-hero-sticker {
    float: right;
    vertical-align: middle;
    width: 200px;
    display: inline-block;
    position: relative;
}

.hero-title {
    z-index: 2;
    margin-top: var(--_spacing---spacing--hero-title-top);
    position: relative;
}

.circle-hero-cta img {
    width: 176px;
}

.home-about-text {
    text-align: left;
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
}

.tag {
    border-radius: var(--_spacing---radius--small);
    background-color: var(--_colors---color--pink);
    color: var(--_colors---color--light);
    padding: 12px 12px 0;
    position: relative;
}

.tag.hero {
    padding: var(--_spacing---spacing--tag);
    background-color: var(--_colors---color--hot-pink);
    opacity: 0.9;
    margin-left: -4px;
    transform: rotate(0);
}

.tag.cta-first {
    padding: var(--_spacing---spacing--tag);
    background-color: var(--_colors---color--yellow);
}

.tag.cta-second {
    background-color: var(--_colors---color--green);
    padding-bottom: 12px;
    transform: rotate(16deg);
}

.tag.cta-third {
    background-color: var(--_colors---color--pink);
    padding-bottom: 12px;
}

.tag.cta-fourth {
    padding: var(--_spacing---spacing--tag);
    background-color: var(--_colors---color--orange);
    opacity: 0.9;
    transform: rotate(-10deg);
}

.tag.hero-first {
    padding: 0px var(--_spacing---spacing--tag) 6px;
    background-color: var(--_colors---color--pink);
    transform: rotate(-15deg);
}

.tag.hero-print {
    padding: var(--_spacing---spacing--tag);
    background-color: var(--_colors---color--hot-pink);
    opacity: 0.9;
    justify-content: center;
    display: flex;
    transform: rotate(0);
}

.tag.hero-club {
    padding: var(--_spacing---spacing--tag);
    background-color: var(--_colors---color--hot-pink);
    opacity: 0.9;
    transform: rotate(0);
}

.tag-text {
    font-family: var(--font--secondary);
    font-size: var(--_text---h4--font-size);
    line-height: 100%;
    font-weight: var(--font-weight--black);
    text-align: center;
    text-transform: uppercase;
    position: static;
}

.tag-text.a {
    text-transform: lowercase;
}

.title-cta {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.wrap-hero-title {
    overflow: visible;
}

.title-side-home {
    width: 100%;
}

.title-side-home.left {
    width: 100%;
    max-width: 100%;
    max-height: 350px;
    font-family: var(--_text---h1--font-family);
    font-weight: var(--_text---h1--font-weight);
    vertical-align: middle;
}

.title-side-home.right {
    text-align: right;
    max-height: 350px;
}

.hero-tag-shop {
    position: fixed;
    top: 10%;
    bottom: auto;
    left: 25%;
}

.hero-tag-club {
    white-space: nowrap;
    object-fit: fill;
    position: absolute;
    inset: auto 0% 0% auto;
}

.hero-tag-famous {
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    object-fit: fill;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
    position: relative;
    inset: -80px 0% 0%;
}

.icon-wrap-cta {
    z-index: 2;
    border-radius: var(--_spacing---radius--full);
    background-color: var(--_colors---color--orange);
    width: 130px;
    height: 130px;
    color: var(--_colors---color--light);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -75px;
    left: 50%;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.icon-cta {
    z-index: 2;
    justify-content: center;
    align-items: center;
    width: 64px;
    display: flex;
    position: relative;
}

.bg-cta-icon {
    border-radius: var(--_spacing---radius--full);
    background-color: var(--_colors---color--red);
    width: 100%;
    height: 100%;
    position: absolute;
}

.master-cta-block {
    width: 100%;
    padding-top: var(--_spacing---spacing--120);
    padding-bottom: var(--_spacing---spacing--80);
    color: var(--_colors---color--dark);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.work {
    width: 100%;
}

.cms-halves {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.link-cms {
    grid-column-gap: var(--_spacing---hero);
    grid-row-gap: var(--_spacing---hero);
    width: 100%;
    color: var(--_colors---color--dark);
    flex-flow: column;
    display: flex;
    position: relative;
}

.image-wrap-project {
    border-radius: var(--_spacing---radius--small);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 493px;
    display: flex;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.text-wrap-project {
    grid-column-gap: var(--_spacing---spacing--12);
    grid-row-gap: var(--_spacing---spacing--12);
    flex-flow: column;
    display: flex;
}

.cursor {
    background-color: var(--_colors---color--hot-pink);
    color: #040404;
    text-align: center;
    border-radius: 100vw;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    display: flex;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.liquid-image {
    object-fit: cover;
    filter: url("../images/");
    flex: none;
    width: 110%;
    max-width: none;
    height: 110%;
    display: block;
}

.cursor-master {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
}

.headline-project {
    margin-right: auto;
    margin-bottom: var(--_spacing---spacing--48);
    grid-column-gap: var(--_spacing---spacing--32);
    grid-row-gap: var(--_spacing---spacing--32);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    display: flex;
}

.project-paragraph {
    max-width: 440px;
}

.info-line-cms {
    width: 100%;
    margin-top: var(--_spacing---spacing--48);
    margin-bottom: var(--_spacing---spacing--48);
    grid-column-gap: var(--_spacing---spacing--32);
    grid-row-gap: var(--_spacing---spacing--32);
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-block-cms {
    grid-column-gap: var(--_spacing---spacing--4);
    grid-row-gap: var(--_spacing---spacing--4);
    justify-content: center;
    align-items: center;
    display: flex;
}

.info-block-cms.left {
    margin-right: auto;
}

.info-block-cms.middle {
    position: absolute;
}

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

.image-cover.horizontal {
    aspect-ratio: 2.39;
}

.main-image-cms {
    border-radius: var(--_spacing---radius--main);
    width: 100%;
    height: 500px;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.first-tag {
    z-index: 1;
    position: absolute;
    top: 15%;
    left: 5%;
    transform: rotate(-5deg);
}

.second-tag {
    z-index: 1;
    white-space: nowrap;
    position: absolute;
    top: 15%;
    right: 5%;
}

.third-tag {
    z-index: 1;
    white-space: nowrap;
    position: absolute;
    bottom: 5%;
    left: 5%;
    transform: rotate(7deg);
}

.fourth-tag {
    z-index: 1;
    white-space: nowrap;
    position: absolute;
    bottom: 10%;
    right: 5%;
}

.master-marquee {
    padding-top: 20px;
    position: relative;
}

.master-marquee.service-1 {
    color: var(--_colors---color--orange);
}

.master-marquee.service-2 {
    color: var(--_colors---color--pink);
}

.master-marquee.service-3 {
    color: var(--_colors---color--green);
}

.master-marquee.service-4 {
    color: var(--_colors---color--yellow);
}

.marquee-services {
    grid-column-gap: var(--_spacing---spacing--32);
    grid-row-gap: var(--_spacing---spacing--32);
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    display: flex;
}

.single-marquee-services {
    grid-column-gap: var(--_spacing---spacing--32);
    grid-row-gap: var(--_spacing---spacing--32);
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.master-services {
    grid-column-gap: var(--_spacing---spacing--16);
    grid-row-gap: var(--_spacing---spacing--16);
    flex-flow: column;
    display: flex;
}

.title-why {
    margin-bottom: var(--_spacing---spacing--80);
    text-align: center;
}

.testimonial-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.card-testimonial {
    grid-column-gap: var(--_spacing---spacing--32);
    grid-row-gap: var(--_spacing---spacing--32);
    border-radius: var(--_spacing---radius--small);
    background-color: var(--_colors---color--orange);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 325px;
    padding: 30px;
    display: flex;
}

.card-testimonial.first {
    text-transform: uppercase;
    max-width: 400px;
    transform: rotate(-12deg);
}

.card-testimonial.second {
    background-color: var(--_colors---color--yellow);
    text-transform: uppercase;
    max-width: 400px;
    transform: rotate(6deg);
}

.card-testimonial.third {
    background-color: var(--_colors---color--pink);
    max-width: 400px;
    transform: rotate(-10deg);
}

.card-testimonial.fourth {
    background-color: var(--_colors---color--green);
    max-width: 400px;
    color: var(--_colors---color--light);
    transform: rotate(3deg);
}

.card-testimonial.fifth {
    background-color: var(--_colors---color--blue);
    transform: rotate(-13deg);
}

.icon-quotes {
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    width: 52px;
    display: flex;
}

.author-wrap-testimonial {
    grid-column-gap: var(--_spacing---spacing--8);
    grid-row-gap: var(--_spacing---spacing--8);
    flex-flow: column;
    display: flex;
}

.text-small {
    font-family: var(--_text---text-small--font-family);
    font-size: var(--_text---text-small--font-size);
    line-height: var(--_text---text-small--line-height);
    font-weight: var(--_text---text-small--font-weight);
    letter-spacing: var(--_text---text-small--letter-spacing);
    text-transform: uppercase;
    text-align: left;
}

.title-work-home {
    margin-bottom: var(--_spacing---spacing--80);
    text-align: center;
}

.home-work-item:nth-child(2n) {
    margin-top: 100px;
}

.home-work-halves {
    grid-column-gap: var(--_spacing---spacing--20);
    grid-row-gap: var(--_spacing---spacing--48);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.menu-inner {
    z-index: 3;
    width: 100%;
    max-width: 500px;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.bg-overlay-menu {
    z-index: 1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #0006;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.text-dark {
    color: var(--_colors---color--dark);
}

.menu-link-inner {
    grid-column-gap: var(--_spacing---spacing--12);
    grid-row-gap: var(--_spacing---spacing--12);
    width: 100%;
    display: flex;
    position: relative;
}

.title-wrap-project {
    grid-column-gap: var(--_spacing---spacing--32);
    grid-row-gap: var(--_spacing---spacing--32);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.projet-bento-grid {
    grid-column-gap: var(--_spacing---spacing--20);
    grid-row-gap: var(--_spacing---spacing--20);
    grid-template-rows: auto auto;
}

.image-wrap-project-gallery {
    border-radius: var(--_spacing---radius--main);
    width: 100%;
    height: 390px;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.image-wrap-project-gallery.left-side {
    height: 100%;
}

.project-gallery {
    grid-column-gap: var(--_spacing---spacing--20);
    grid-row-gap: var(--_spacing---spacing--20);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
}

.image-wrap-bottom-gallery {
    border-radius: var(--_spacing---radius--main);
    width: 100%;
    height: 490px;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.body-article {
    text-align: center;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
}

.blog {
    width: 100%;
}

.form-contact-inner {
    grid-column-gap: var(--_spacing---spacing--40);
    grid-row-gap: var(--_spacing---spacing--40);
    flex-flow: column;
    display: flex;
}

.form-block-contact {
    max-width: 440px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.title-contact {
    z-index: 2;
    margin-top: var(--_spacing---spacing--hero-top-padding);
    margin-bottom: var(--_spacing---spacing--80);
    text-align: center;
    position: relative;
}

.success-message {
    border: 1px solid var(--_colors---color--dark);
    border-radius: var(--_spacing---radius--small);
    background-color: var(--_colors---color--light);
}

.error-message {
    border-radius: var(--_spacing---radius--small);
    background-color: var(--_colors---color--red);
    color: var(--_colors---color--light);
}

.text-large {
    font-family: var(--_text---text-large--font-family);
    font-size: var(--_text---text-large--font-size);
    line-height: var(--_text---text-large--line-height);
    font-weight: var(--_text---label-small--font-weight);
    text-align: left;
    letter-spacing: var(--_text---text-large--letter-spacing);
}

.awards-item,
.contact-wrap {
    position: relative;
}

.image-wrap-service {
    z-index: 2;
    border-radius: var(--_spacing---radius--small);
    width: 300px;
    height: 400px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    inset: 0% 20% 0% auto;
    <!--    overflow: hidden; -->
    overflow: visible;
}

.master-hero-image {
    grid-column-gap: 2%;
    grid-row-gap: 2%;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    display: flex;
    position: relative;
}

.text-light {
    color: var(--_colors---color--light);
}

.title-more-blogs {
    margin-bottom: var(--_spacing---spacing--80);
    text-align: center;
}

.text-block,
.text-block-2,
.text-block-3,
.text-block-4,
.text-block-5 {
    text-transform: none;
}

.button {
    float: none;
    clear: none;
    font-weight: var(--_text---text-large--font-weight);
    background-color: #f96b12;
    border-radius: 8px;
    margin-left: 0;
    display: inline-block;
}

.button.text-h4 {
    border-radius: var(--_text---h4--font-size);
    margin-top: 0;
    padding: 20px 40px;
}

.button.text-h4:hover {
    background-color: var(--_colors---color--pink);
}

.button.text-button {
    border-radius: var(--_text---h4--font-size);
    font-weight: var(--_buttons---button-large--font-weight);
    vertical-align: middle;
    object-fit: contain;
    margin-top: 0;
    padding: 8px 20px;
    position: static;
}

.button.text-button:hover {
    background-color: var(--_colors---color--pink);
}

.div-block {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    font-family: var(--_buttons---button-large--font-family);
    border-radius: 5px;
    display: flex;
}

.heading-405 {
    text-align: left;
    position: static;
}

.logo {
    clear: none;
    text-align: left;
    vertical-align: top;
    object-fit: fill;
    max-width: 100%;
    max-height: 50px;
    padding-bottom: 0;
    position: static;
}

.brand {
    color: var(--_colors---color--light);
    justify-content: left;
    display: flex;
    position: relative;
}

.brand.w--current {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
    overflow: visible;
}

.image {
    min-width: 32px;
    max-width: 32em;
    max-height: 100px;
}

.heading-406 {
    text-align: left;
}

.heading-406.text-large {
    float: none;
    clear: none;
    object-fit: fill;
    position: static;
}

.text-what {
    text-align: left;
    padding-bottom: 0;
}

.image-3 {
    max-width: 128px;
    padding-top: 0;
    display: block;
    position: relative;
}

.section-2 {
    padding-bottom: 20px;
}

.bold-text-2 {
    font-family: var(--font--secondary);
    font-style: italic;
    font-weight: var(--font-weight--bold);
}

.link {
    color: var(--_colors---color--pink);
}

.flex-block {
    align-items: center;
}

.italic-text {
    text-transform: uppercase;
    font-style: normal;
    font-weight: 900;
}

.field-label {
    clear: none;
    text-align: left;
    object-fit: fill;
    flex: none;
    align-self: flex-start;
    margin-bottom: 0;
    padding-right: 20px;
    display: block;
    position: static;
    inset: 0% auto auto 0%;
}

.grid {
    grid-template-rows: auto;
    grid-template-columns: 1.75fr;
    grid-auto-flow: column;
    justify-content: end;
    width: 100%;
}

.text-field-email {
    max-width: 100%;
    color: var(--_colors---color--dark);
    font-weight: var(--_text---h6--font-weight);
    object-fit: fill;
    align-self: stretch;
    margin-bottom: 0;
    position: static;
}

.form-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
    display: flex;
}

.hero-tag-a {
    position: absolute;
    inset: 0% auto auto 0%;
}

.flex-block-2 {
    flex-flow: column;
    width: 100%;
}

.title-what {
    margin-bottom: var(--_spacing---spacing--80);
    text-align: center;
}

.no-margins {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    text-transform: none;
    overflow-wrap: normal;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 440px;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 20px;
    display: block;
}

.div-bubble-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    padding-left: 0;
    display: flex;
}

.form {
    flex: 1;
}

/*
.hero-image-2 {
    border-radius: var(--_spacing---radius--main);
    background-image: url("/assets/images/Fine-Hank.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 408px;
    position: relative;
    overflow: hidden;
}
*/

.hero-paragraph-2 {
    z-index: 1;
    border-bottom-right-radius: var(--_spacing---radius--main);
    background-color: var(--_colors---color--white);
    max-width: 550px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
    position: absolute;
    inset: 0% auto auto 0%;
}

.hero-notch-top-2 {
    height: 40px;
    transform-style: preserve-3d;
    position: absolute;
    inset: auto auto 3px -3px;
    transform: rotateX(0) rotateY(180deg) rotateZ(0) translate(0, 100%);
}

.hero-notch-top-2.second {
    transform-style: preserve-3d;
    margin-top: -3px;
    margin-right: 3px;
    inset: 0% 0% auto auto;
    transform: rotateX(0) rotateY(180deg) rotateZ(0) translate(-100%);
}

.hero-image-cta {
    border-top-left-radius: var(--_spacing---radius--main);
    background-color: var(--_colors---color--white);
    padding: 32px;
    position: absolute;
    inset: auto 0% 0% auto;
}

.circle-cta {
    width: 120px;
    height: 120px;
    display: block;
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.circle-cta:hover {
    transform: scale(1.1);
}

.hero-notch-bottom-2 {
    height: 40px;
    margin-left: 3px;
    position: absolute;
    inset: auto auto 0% 0%;
    transform: rotate(90deg) translate(3px, 100%);
}

.hero-notch-bottom-2.second {
    margin-top: 3px;
    margin-left: 0;
    margin-right: -3px;
    inset: 0% 0% auto auto;
    transform: rotate(90deg) translate(-100%);
}

.circle-hero-cta {
    width: 176px;
}

.master-hero-image-2 {
    width: 100%;
    position: relative;
}

.heading-408 {
    text-align: center;
    text-transform: none;
    margin-top: 10px;
}

@media screen and (max-width: 991px) {

    body {
        --_spacing---site-padding--main: 24px;
        --_spacing---spacing--0: 0px;
        --_spacing---spacing--120: 120px;
        --_spacing---spacing--hero-top-padding: 60px;
        --_spacing---hero: 24px;
        --_spacing---spacing--160: 160px;
        --_spacing---radius--main: 16px;
        --_spacing---spacing--64: 64px;
        --_spacing---spacing--40: 40px;
        --_spacing---spacing--80: 50px;
        --_spacing---radius--small: var(--_spacing---radius--main);
        --_spacing---spacing--12: 12px;
        --_spacing---spacing--32: 32px;
        --_spacing---spacing--16: 16px;
        --_spacing---radius--full: 100vw;
        --_spacing---spacing--hero-title-top: 20px;
        --_spacing---spacing--48: var(--_spacing---site-padding--main);
        --_spacing---spacing--tag: 10px;
        --_spacing---spacing--4: 4px;
        --_spacing---spacing--8: 8px;
        --_spacing---spacing--20: 20px;
        --_spacing---spacing--36: 36px;
        --_spacing---spacing--6: 6px;
        --_text---text-body--font-family: var(--font--main);
        --_text---text-body--font-size: 18px;
        --_text---text-body--line-height: 140%;
        --_text---text-body--font-weight: var(--font-weight--light);
        --_text---text-body--letter-spacing: 0.25em;
        --_text---h1--font-family: var(--font--secondary);
        --_text---h1--font-size: 24px;
        --_text---h1--line-height: 80%;
        --_text---h1--font-weight: var(--font-weight--bold);
        --_text---h1--letter-spacing: 0.5em;
        --_text---h2--font-family: var(--font--secondary);
        --_text---h2--font-size: 32px;
        --_text---h2--line-height: 85%;
        --_text---h2--font-weight: var(--font-weight--extra-bold);
        --_text---h2--letter-spacing: 0.1em;
        --_text---h3--font-family: var(--font--main);
        --_text---h3--font-size: 176px;
        --_text---h3--line-height: 85%;
        --_text---h3--font-weight: var(--font-weight--black);
        --_text---h3--letter-spacing: 0em;
        --_text---h4--font-family: var(--font--secondary);
        --_text---h4--font-size: 32px;
        --_text---h4--line-height: 110%;
        --_text---h4--font-weight: var(--font-weight--bold);
        --_text---h4--letter-spacing: 0em;
        --_text---h5--font-family: var(--font--secondary);
        --_text---h5--font-size: 30px;
        --_text---h5--line-height: 100%;
        --_text---h5--font-weight: var(--font-weight--bold);
        --_text---h5--letter-spacing: 0em;
        --_text---h6--font-family: var(--font--secondary);
        --_text---h6--font-size: 24px;
        --_text---h6--line-height: 100%;
        --_text---h6--font-weight: var(--font-weight--bold);
        --_text---h6--letter-spacing: 0em;
        --_text---h7--font-family: var(
            --font--main
        );
        --_text---h7--font-size: 24px;
        --_text---h7--line-height: 120%;
        --_text---h7--font-weight: var(
            --font-weight--light
        );
        --_text---h7--letter-spacing: -0.016em;
        --_text---h8--font-family: var(
            --font--main
        );
        --_text---h8--font-size: 16px;
        --_text---h8--line-height: 120%;
        --_text---h8--font-weight: var(
            --font-weight--light
        );
        --_text---h8--letter-spacing: -0.016em;
        --_text---text-large--font-size: 21px;
        --_text---text-small--font-family: var(--font--main);
        --_text---text-small--font-size: 16px;
        --_text---text-small--line-height: 140%;
        --_text---text-small--font-weight: var(--font-weight--light);
        --_text---text-small--letter-spacing: 0.25em;
        --_text---text-large--font-family: var(--font--main);
        --_text---text-large--line-height: 140%;
        --_text---label-small--font-weight: var(--font-weight--medium);
        --_text---text-large--letter-spacing: -0.016em;
        --_text---text-large--font-weight: var(--font-weight--light);
        --_text---label--font-size: 14px;
        --_text---label--font-weight: var(--font-weight--medium);
        --_text---label--line-height: 114%;
        --_text---label--letter-spacing: 0.25px;
        --_text---label--font-family: var(--font--secondary);
        --_text---label-small--font-size: 12px;
        --_text---label-small--line-height: 133%;
        --_text---label-small--letter-spacing: 0.25px;
        --_text---label-small--font-family: var(--font--secondary);
        --_buttons---button-large--line-height: 133%;
        --_buttons---button-large--font-weight: var(--font-weight--black);
        --_buttons---button-large--font-family: var(--font--main);
        --_buttons---button-large--font-size: 24px;
        --_buttons---button-large--letter-spacing: 0px;
    }
}

@media screen and (max-width: 767px) {

    body {
        --_spacing---site-padding--main: 24px;
        --_spacing---spacing--0: 0px;
        --_spacing---spacing--120: 80px;
        --_spacing---spacing--hero-top-padding: 48px;
        --_spacing---hero: 24px;
        --_spacing---spacing--160: 120px;
        --_spacing---radius--main: 12px;
        --_spacing---spacing--64: 48px;
        --_spacing---spacing--40: 32px;
        --_spacing---spacing--80: 40px;
        --_spacing---radius--small: 8px;
        --_spacing---spacing--12: 8px;
        --_spacing---spacing--32: 24px;
        --_spacing---spacing--16: 12px;
        --_spacing---radius--full: 100vw;
        --_spacing---spacing--hero-title-top: 20px;
        --_spacing---spacing--48: 24px;
        --_spacing---spacing--tag: 6px;
        --_spacing---spacing--4: 4px;
        --_spacing---spacing--8: 6px;
        --_spacing---spacing--20: 16px;
        --_spacing---spacing--36: 28px;
        --_spacing---spacing--6: 6px;
        --_text---text-body--font-family: var(--font--main);
        --_text---text-body--font-size: 14px;
        --_text---text-body--line-height: 140%;
        --_text---text-body--font-weight: var(--font-weight--light);
        --_text---text-body--letter-spacing: 0.25em;
        --_text---h1--font-family: var(--font--secondary);
        --_text---h1--font-size: 12px;
        --_text---h1--line-height: 80%;
        --_text---h1--font-weight: var(--font-weight--bold);
        --_text---h1--letter-spacing: 0.5em;
        --_text---h2--font-family: var(--font--secondary);
        --_text---h2--font-size: 18px;
        --_text---h2--line-height: 85%;
        --_text---h2--font-weight: var(--font-weight--extra-bold);
        --_text---h2--letter-spacing: 0.1em;
        --_text---h3--font-family: var(--font--main);
        --_text---h3--font-size: 96px;
        --_text---h3--line-height: 85%;
        --_text---h3--font-weight: var(--font-weight--black);
        --_text---h3--letter-spacing: 0em;
        --_text---h4--font-family: var(--font--secondary);
        --_text---h4--font-size: 24px;
        --_text---h4--line-height: 110%;
        --_text---h4--font-weight: var(--font-weight--bold);
        --_text---h4--letter-spacing: 0em;
        --_text---h5--font-family: var(--font--secondary);
        --_text---h5--font-size: 20px;
        --_text---h5--line-height: 100%;
        --_text---h5--font-weight: var(--font-weight--bold);
        --_text---h5--letter-spacing: 0em;
        --_text---h6--font-family: var(--font--secondary);
        --_text---h6--font-size: 24px;
        --_text---h6--line-height: 100%;
        --_text---h6--font-weight: var(--font-weight--bold);
        --_text---h6--letter-spacing: 0em;
        --_text---h7--font-family: var(
            --font--main
        );
        --_text---h7--font-size: 18px;
        --_text---h7--line-height: 120%;
        --_text---h7--font-weight: var(
            --font-weight--light
        );
        --_text---h7--letter-spacing: -0.016em;
        --_text---h8--font-family: var(
            --font--main
        );
        --_text---h8--font-size: 15px;
        --_text---h8--line-height: 140%;
        --_text---h8--font-weight: var(
            --font-weight--light
        );
        --_text---h8--letter-spacing: -0.016em;
        --_text---text-large--font-size: 18px;
        --_text---text-small--font-family: var(--font--main);
        --_text---text-small--font-size: 12px;
        --_text---text-small--line-height: 140%;
        --_text---text-small--font-weight: var(--font-weight--light);
        --_text---text-small--letter-spacing: 0.25em;
        --_text---text-large--font-family: var(--font--main);
        --_text---text-large--line-height: 140%;
        --_text---label-small--font-weight: var(--font-weight--medium);
        --_text---text-large--letter-spacing: -0.016em;
        --_text---text-large--font-weight: var(--font-weight--light);
        --_text---label--font-size: 10px;
        --_text---label--font-weight: var(--font-weight--medium);
        --_text---label--line-height: 114%;
        --_text---label--letter-spacing: 0.25px;
        --_text---label--font-family: var(--font--secondary);
        --_text---label-small--font-size: 8px;
        --_text---label-small--line-height: 133%;
        --_text---label-small--letter-spacing: 0.25px;
        --_text---label-small--font-family: var(--font--secondary);
        --_buttons---button-large--line-height: 133%;
        --_buttons---button-large--font-weight: var(--font-weight--black);
        --_buttons---button-large--font-family: var(--font--main);
        --_buttons---button-large--font-size: 14px;
        --_buttons---button-large--letter-spacing: 0px;
    }
}

@media screen and (max-width: 479px) {

    body {
        --_spacing---site-padding--main: 16px;
        --_spacing---spacing--0: 0px;
        --_spacing---spacing--120: 56px;
        --_spacing---spacing--hero-top-padding: 32px;
        --_spacing---hero: 24px;
        --_spacing---spacing--160: 80px;
        --_spacing---radius--main: 12px;
        --_spacing---spacing--64: 40px;
        --_spacing---spacing--40: 32px;
        --_spacing---spacing--80: 48px;
        --_spacing---radius--small: 8px;
        --_spacing---spacing--12: 8px;
        --_spacing---spacing--32: 24px;
        --_spacing---spacing--16: 12px;
        --_spacing---radius--full: 100vw;
        --_spacing---spacing--hero-title-top: 20px;
        --_spacing---spacing--48: 32px;
        --_spacing---spacing--tag: 6px;
        --_spacing---spacing--4: 4px;
        --_spacing---spacing--8: 6px;
        --_spacing---spacing--20: 16px;
        --_spacing---spacing--36: 28px;
        --_spacing---spacing--6: 6px;
        --_text---text-body--font-family: var(--font--main);
        --_text---text-body--font-size: 14px;
        --_text---text-body--line-height: 140%;
        --_text---text-body--font-weight: var(--font-weight--light);
        --_text---text-body--letter-spacing: 0.25em;
        --_text---h1--font-family: var(--font--secondary);
        --_text---h1--font-size: 12px;
        --_text---h1--line-height: 80%;
        --_text---h1--font-weight: var(--font-weight--bold);
        --_text---h1--letter-spacing: 0.5em;
        --_text---h2--font-family: var(--font--secondary);
        --_text---h2--font-size: 14px;
        --_text---h2--line-height: 85%;
        --_text---h2--font-weight: var(--font-weight--extra-bold);
        --_text---h2--letter-spacing: 0.1em;
        --_text---h3--font-family: var(--font--main);
        --_text---h3--font-size: 76px;
        --_text---h3--line-height: 85%;
        --_text---h3--font-weight: var(--font-weight--black);
        --_text---h3--letter-spacing: 0em;
        --_text---h4--font-family: var(--font--secondary);
        --_text---h4--font-size: 24px;
        --_text---h4--line-height: 110%;
        --_text---h4--font-weight: var(--font-weight--bold);
        --_text---h4--letter-spacing: 0em;
        --_text---h5--font-family: var(--font--secondary);
        --_text---h5--font-size: 20px;
        --_text---h5--line-height: 100%;
        --_text---h5--font-weight: var(--font-weight--bold);
        --_text---h5--letter-spacing: 0em;
        --_text---h6--font-family: var(--font--secondary);
        --_text---h6--font-size: 20px;
        --_text---h6--line-height: 100%;
        --_text---h6--font-weight: var(--font-weight--bold);
        --_text---h6--letter-spacing: 0em;
        --_text---h7--font-family: var(
            --font--main
        );
        --_text---h7--font-size: 18px;
        --_text---h7--line-height: 120%;
        --_text---h7--font-weight: var(
            --font-weight--light
        );
        --_text---h7--letter-spacing: -0.016em;
        --_text---h8--font-family: var(
            --font--main
        );
        --_text---h8--font-size: 15px;
        --_text---h8--line-height: 140%;
        --_text---h8--font-weight: var(
            --font-weight--light
        );
        --_text---h8--letter-spacing: -0.016em;
        --_text---text-large--font-size: 18px;
        --_text---text-small--font-family: var(--font--main);
        --_text---text-small--font-size: 10px;
        --_text---text-small--line-height: 140%;
        --_text---text-small--font-weight: var(--font-weight--light);
        --_text---text-small--letter-spacing: 0.25em;
        --_text---text-large--font-family: var(--font--main);
        --_text---text-large--line-height: 140%;
        --_text---label-small--font-weight: var(--font-weight--medium);
        --_text---text-large--letter-spacing: -0.016em;
        --_text---text-large--font-weight: var(--font-weight--light);
        --_text---label--font-size: 8px;
        --_text---label--font-weight: var(--font-weight--medium);
        --_text---label--line-height: 114%;
        --_text---label--letter-spacing: 0.25px;
        --_text---label--font-family: var(--font--secondary);
        --_text---label-small--font-size: 8px;
        --_text---label-small--line-height: 133%;
        --_text---label-small--letter-spacing: 0.25px;
        --_text---label-small--font-family: var(--font--secondary);
        --_buttons---button-large--line-height: 133%;
        --_buttons---button-large--font-weight: var(--font-weight--black);
        --_buttons---button-large--font-family: var(--font--main);
        --_buttons---button-large--font-size: 14px;
        --_buttons---button-large--letter-spacing: 0px;
    }
/*
    .hero-text {
        text-size: 1em;
    }
*/
    .circle-cta {
        width: 60px;
        height: 60px;
    }

    .content-footer {
        margin-bottom: 56px;
    }

    .left-footer {
        grid-column-gap: 36px;
        grid-row-gap: 36px;
    }

    .footer-thirds {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .content-menu {
        padding-top: 150px;
    }

    .title-hero {
        grid-template-columns: 40%;
        grid-auto-columns: 60%;
    }

    .hero-image {
        clear: left;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        object-fit: fill;
        flex-flow: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: center;
        max-width: 100%;
        height: auto;
        min-height: 0;
        max-height: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        position: relative;
    }

    .hero-paragraph {
        max-width: none;
        padding-top: 12px;
        padding-bottom: 12px;
        display: block;
        position: static;
    }

    .hero-image-sticker {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        display: inline-block;
        inset: 0% 0% auto auto;
        overflow: visible;
    }

    .hero-image-sticker.spin {
        flex: 0 auto;
        position: relative;
    }

    .sticker {
        clear: none;
        vertical-align: middle;
        flex: none;
        width: auto;
        max-width: 75%;
        max-height: none;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        position: static;
    }

    .circle-hero-sticker {
        float: none;
        justify-content: center;
        width: auto;
        min-width: 0%;
        max-width: 100%;
        display: flex;
        position: relative;
    }

    .tag {
        padding: 8px 8px 2px;
    }

    .tag.hero,
    .tag.cta-first {
        padding-bottom: var(--_spacing---spacing--tag);
        border-radius: var(--_spacing---radius--main);
    }

    .tag.cta-fourth {
        border-radius: var(--_spacing---radius--main);
    }

    .tag.hero-first {
        padding-bottom: var(--_spacing---spacing--tag);
        border-radius: var(--_spacing---radius--main);
        background-color: var(--_colors---color--pink);
    }

    .tag.hero-print {
        border-radius: var(--_spacing---radius--main);
        opacity: 0.9;
    }

    .tag.hero-club {
        border-radius: var(--_spacing---radius--main);
    }

    .tag-text {
        font-size: var(--_text---h4--font-size);
    }

    .wrap-hero-title {
        padding-bottom: 0;
        overflow: visible;
    }

    .hero-tag-club {
        overflow: visible;
    }

    .icon-wrap-cta {
        width: 56px;
        height: 56px;
        top: -37px;
    }

    .cms-halves {
        grid-template-columns: 1fr;
    }

    .info-line-cms {
        grid-row-gap: var(--_spacing---spacing--16);
    }

    .main-image-cms {
        height: 220px;
    }

    .first-tag {
        top: 0%;
        left: 1%;
    }

    .second-tag {
        top: 0%;
        right: 0%;
    }

    .third-tag {
        left: 0%;
    }

    .fourth-tag {
        right: 0%;
    }

    .master-services {
        grid-column-gap: var(--_spacing---spacing--0);
        grid-row-gap: var(--_spacing---spacing--0);
    }

    .testimonial-wrapper {
        grid-template-columns: 1fr;
    }

    .card-testimonial {
        max-width: 360px;
    }

    .home-work-item:nth-child(2n) {
        margin-top: 0;
    }

    .home-work-halves {
        grid-template-columns: 1fr;
    }

    .menu-inner {
        max-width: none;
    }

    .image-wrap-project-gallery,
    .image-wrap-project-gallery.left-side {
        height: 220px;
    }

    .image-wrap-bottom-gallery {
        height: 270px;
    }

    .master-hero-image {
        display: block;
    }

    .button {
        padding-left: 15px;
    }

    .button.text-h4,
    .button.text-button {
        vertical-align: middle;
        margin-top: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .div-block {
        grid-column-gap: 0.75rem;
        grid-row-gap: 0.75rem;
    }

    .logo {
        max-width: 150%;
        max-height: 100%;
        position: relative;
    }

    .bold-text-2 {
        vertical-align: middle;
    }

    .field-label {
        flex: 1;
    }

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

    .hero-tag-a {
        inset: 0% auto auto 0%;
    }

    .no-margins {
        display: block;
    }

    .hero-image-2 {
        height: 300px;
    }

    .hero-paragraph-2 {
        max-width: none;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 12px;
        position: static;
    }

    .hero-image-cta {
        padding: 12px;
    }

    .circle-hero-cta {
        width: 64px;
    }
}