/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --aspect-portrait: 2 / 3;
    --color-action: #e70e7b;
    --color-sec: #fff1d6;
    --color-white: #fff;
    --color-black: #000;
    --text-sm: clamp(16.00px, 0.00vi + 16.00px, 16.00px);
    --text-base: clamp(18.00px, 0.23vi + 17.27px, 20.00px);
    --text-md: clamp(20.00px, 0.91vi + 17.09px, 28.00px);
    --text-lg: clamp(28.00px, 0.91vi + 25.09px, 36.00px);
    --text-giga: clamp(36.00px, 1.36vi + 31.64px, 48.00px);
    --text-mega: clamp(64.00px, 2.95vi + 54.55px, 90.00px);
    --font-tt-trailers: "tt trailers";
    --spacing-0: 0;
    --spacing-auto: auto;
    --spacing-full: 100%;
    --spacing-fit: fit-content;
    --spacing-xs: clamp(10.42px, -0.90vi + 15.83px, 5.00px);
    --spacing-base: clamp(15.00px, 0.83vi + 10.00px, 20.00px);
    --spacing-md: clamp(18.00px, 3.67vi + -4.00px, 40.00px);
    --spacing-lg: clamp(21.60px, 9.73vi + -36.80px, 80.00px);
    --spacing-giga: clamp(25.92px, 22.35vi + -108.16px, 160.00px);
    --spacing-mega: clamp(31.10px, 48.15vi + -257.79px, 320.00px);
    --radius-full: calc(infinity * 1px);
    --radius-20: 20px;
    --radius-30: 30px;
  }
}
@layer utilities {
  .hl-group {
    position: relative;
    margin-block: var(--spacing-base);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-black);
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: var(--spacing-0);
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
    @media (width >= 280px) {
      max-width: 280px;
    }
    @media (width >= 480px) {
      max-width: 480px;
    }
    @media (width >= 600px) {
      max-width: 600px;
    }
    @media (width >= 782px) {
      max-width: 782px;
    }
    @media (width >= 960px) {
      max-width: 960px;
    }
    @media (width >= 1080px) {
      max-width: 1080px;
    }
    @media (width >= 1280px) {
      max-width: 1280px;
    }
    @media (width >= 1440px) {
      max-width: 1440px;
    }
    @media (width >= 1920px) {
      max-width: 1920px;
    }
  }
  .m-0 {
    margin: var(--spacing-0);
  }
  .\!mx-auto {
    margin-inline: auto !important;
  }
  .\!mx-auto {
    margin-inline: var(--spacing-auto) !important;
  }
  .mx-auto\! {
    margin-inline: auto !important;
  }
  .mx-auto\! {
    margin-inline: var(--spacing-auto) !important;
  }
  .my-giga {
    margin-block: var(--spacing-giga);
  }
  .\!-mt-mega {
    margin-top: calc(var(--spacing-mega) * -1) !important;
  }
  .mt-0 {
    margin-top: var(--spacing-0);
  }
  .mt-lg {
    margin-top: var(--spacing-lg);
  }
  .mb-base {
    margin-bottom: var(--spacing-base);
  }
  .mb-lg {
    margin-bottom: var(--spacing-lg);
  }
  .mb-lg\! {
    margin-bottom: var(--spacing-lg) !important;
  }
  .mb-md\! {
    margin-bottom: var(--spacing-md) !important;
  }
  .\!block {
    display: block !important;
  }
  .\!inline-block {
    display: inline-block !important;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .aspect-\[9\/6\.5\] {
    aspect-ratio: 9/6.5;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .size-full {
    width: var(--spacing-full);
    height: var(--spacing-full);
  }
  .h-auto {
    height: auto;
  }
  .h-auto {
    height: var(--spacing-auto);
  }
  .h-fit {
    height: fit-content;
  }
  .h-fit {
    height: var(--spacing-fit);
  }
  .\!w-fit {
    width: fit-content !important;
  }
  .\!w-fit {
    width: var(--spacing-fit) !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .\!w-full {
    width: var(--spacing-full) !important;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-full {
    width: 100%;
  }
  .w-full {
    width: var(--spacing-full);
  }
  .max-w-\[1800px\] {
    max-width: 1800px;
  }
  .min-w-0 {
    min-width: var(--spacing-0);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .basis-3\/10 {
    flex-basis: calc(3/10 * 100%);
  }
  .basis-4\/10 {
    flex-basis: calc(4/10 * 100%);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .columns-1 {
    columns: 1;
  }
  .columns-2 {
    columns: 2;
  }
  .columns-3 {
    columns: 3;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-0\! {
    gap: var(--spacing-0) !important;
  }
  .gap-base {
    gap: var(--spacing-base);
  }
  .gap-lg {
    gap: var(--spacing-lg);
  }
  .gap-lg\! {
    gap: var(--spacing-lg) !important;
  }
  .rounded-20 {
    border-radius: var(--radius-20);
  }
  .rounded-30 {
    border-radius: var(--radius-30);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/20 {
    border-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-sec {
    background-color: var(--color-sec);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: var(--spacing-0);
  }
  .p-base {
    padding: var(--spacing-base);
  }
  .container {
    padding-inline: var(--spacing-lg) !important;
  }
  .px-lg {
    padding-inline: var(--spacing-lg);
  }
  .px-md {
    padding-inline: var(--spacing-md);
  }
  .py-base {
    padding-block: var(--spacing-base);
  }
  .py-giga {
    padding-block: var(--spacing-giga);
  }
  .py-xs {
    padding-block: var(--spacing-xs);
  }
  .pt-0\! {
    padding-top: var(--spacing-0) !important;
  }
  .pt-lg\! {
    padding-top: var(--spacing-lg) !important;
  }
  .h2-title {
    font-family: "FK Screamer";
    font-size: var(--text-mega);
    text-transform: uppercase;
    letter-spacing: 0.2rem;
  }
  .font-tt-trailers\! {
    font-family: var(--font-tt-trailers) !important;
  }
  .text-base {
    font-size: var(--text-base);
  }
  .text-giga\! {
    font-size: var(--text-giga) !important;
  }
  .text-lg {
    font-size: var(--text-lg);
  }
  .text-md {
    font-size: var(--text-md);
  }
  .text-mega {
    font-size: var(--text-mega);
  }
  .text-sm {
    font-size: var(--text-sm);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold\! {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-semibold\! {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .text-black\! {
    color: var(--color-black) !important;
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline\! {
    text-decoration-line: none !important;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-\[2px\] {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-offset-4 {
    outline-offset: 4px;
  }
  .outline-black\/10 {
    outline-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .outline-black\/20 {
    outline-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .hover\:text-action\! {
    &:hover {
      @media (hover: hover) {
        color: var(--color-action) !important;
      }
    }
  }
  .hover\:outline-4 {
    &:hover {
      @media (hover: hover) {
        outline-style: var(--tw-outline-style);
        outline-width: 4px;
      }
    }
  }
  .hover\:outline-\[4px\] {
    &:hover {
      @media (hover: hover) {
        outline-style: var(--tw-outline-style);
        outline-width: 4px;
      }
    }
  }
  .hover\:outline-offset-8 {
    &:hover {
      @media (hover: hover) {
        outline-offset: 8px;
      }
    }
  }
  .hover\:outline-black\! {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--color-black) !important;
      }
    }
  }
  .small\:\!hidden {
    @media (width >= 600px) {
      display: none !important;
    }
  }
  .medium\:aspect-portrait {
    @media (width >= 782px) {
      aspect-ratio: var(--aspect-portrait);
    }
  }
  .wide\:sticky {
    @media (width >= 1280px) {
      position: sticky;
    }
  }
  .wide\:top-giga {
    @media (width >= 1280px) {
      top: var(--spacing-giga);
    }
  }
  .wide\:top-mega {
    @media (width >= 1280px) {
      top: var(--spacing-mega);
    }
  }
  .wide\:min-w-\[100px\] {
    @media (width >= 1280px) {
      min-width: 100px;
    }
  }
  .wide\:grid-cols-2 {
    @media (width >= 1280px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xhuge\:flex {
    @media (width >= 1920px) {
      display: flex;
    }
  }
  .\[\&_img\]\:w-full {
    & img {
      width: 100%;
    }
  }
  .\[\&_img\]\:w-full {
    & img {
      width: var(--spacing-full);
    }
  }
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.hl-group:before {
  content: "";
  position: absolute;
  top: calc(6px * -1);
  display: block;
  height: 1px;
  width: 100% !important;
  width: var(--spacing-full) !important;
  background-color: color-mix(in srgb, #000 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
  }
}
.hl-group:after {
  content: "";
  position: absolute;
  bottom: calc(6px * -1);
  display: block;
  height: 1px;
  width: 100% !important;
  width: var(--spacing-full) !important;
  background-color: color-mix(in srgb, #000 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
  }
}
section {
  padding-block: var(--spacing-giga);
}
@media (max-width: 600px) {
  section > *:not(.alignfull) {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  section .alignfull.is-layout-constrained {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-block-image {
  position: relative;
}
.wp-block-image .wp-element-caption {
  position: absolute;
  bottom: var(--spacing-0);
  left: var(--spacing-0);
  margin: var(--spacing-0);
  width: fit-content;
  width: var(--spacing-fit);
  padding: 4px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
.is-style-rounded img {
  border-radius: 16px !important;
}
.projects-loop .post-loop-content, .projects-loop .post-archive-loop-content {
  transition: all ease-in-out 1s;
  border-radius: 16px;
}
.projects-loop .post-loop-content:hover, .projects-loop .post-archive-loop-content:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.projects-loop li:nth-child(even) .post-loop-content {
  @media (width >= 960px) {
    flex-direction: row-reverse;
  }
}
.post-type-archive-project .wp-block-post-featured-image img {
  aspect-ratio: 4/3;
}
.is-menu-open a.wp-block-navigation-item__content {
  font-size: 2rem;
}
.home-hero-2 mark {
  @media (width >= 1920px) {
    display: none !important;
  }
}
.wp-element-button:hover, .btn:hover {
  cursor: pointer;
  border-color: var(--color-action) !important;
  background-color: var(--color-action) !important;
  color: var(--color-white);
  color: var(--color-white) !important;
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: var(--color-action) !important;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
[class^=aspect-]:has(img), [class*=" aspect-"]:has(img) {
  position: relative;
}
[class^=aspect-]:has(img) img, [class*=" aspect-"]:has(img) img {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  top: 0;
}
.has-modal-open header:has(.is-menu-open) {
  position: fixed;
  z-index: 9999999;
  min-height: 100vh;
  width: 100%;
}
.wp-block-navigation a {
  border-radius: var(--radius-full);
  padding: var(--spacing-xs);
}
.wp-block-navigation a:hover {
  cursor: pointer;
  border-color: var(--color-action) !important;
  background-color: var(--color-action) !important;
  color: var(--color-white);
  color: var(--color-white) !important;
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: var(--color-action) !important;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.hire-me-nav a {
  display: none;
  border-radius: var(--radius-full);
  border-style: var(--tw-border-style);
  border-width: 2px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-black);
  padding-inline: var(--spacing-base);
  padding-block: var(--spacing-xs);
  color: var(--color-black);
  text-decoration-line: none;
  @media (width >= 782px) {
    display: flex;
  }
}
.hire-me-nav a:hover {
  cursor: pointer;
  border-color: var(--color-action) !important;
  background-color: var(--color-action) !important;
  color: var(--color-white);
  color: var(--color-white) !important;
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: var(--color-action) !important;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-duration: initial;
    }
  }
}