@font-face {
  font-family: "Premium Montserrat";
  src: url("../fonts/montserrat-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Premium Anton";
  src: url("../fonts/anton-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Premium Bryson";
  src: url("../fonts/bryson-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --border-radius--primary-font: "Premium Montserrat", Montserrat, Arial, sans-serif;
  --border-radius--secondary-font: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  --color-brand--secondary: #272b58;
  --color-brand--primary: #ea8000;
  --color-brand--tertiary: #fbfaf6;
  --color-brand--alternative: #ffffff;
  --color-brand--success: #ea8000;
  --dock-progress: 0;
  --header-height: 68px;
  --header-pad-y: 8px;
  --header-pad-x: 16px;
  --header-border: 1px;
  --header-outline-opacity: 1;
  --header-opacity: 1;
  --header-blur: 0px;
  --header-lift: 0px;
  --dock-height: 0px;
  --dock-pad: 0px;
  --dock-border: 0px;
  --dock-opacity: 0;
  --dock-blur: 18px;
  --dock-offset: 24px;
  --dock-scale: .96;
  --hero-side-left: 0vw;
  --hero-side-right: 0vw;
  --hero-side-opacity: .96;
  --hero-exit-blur: 0px;
  --hero-support-scale: 1;
  --hero-support-opacity: 1;
  --hero-support-blur: 0px;
  --hero-logo-scale: 1;
  --hero-logo-width: clamp(330px, 35vw, 520px);
  --hero-logo-y: 0vh;
  --hero-logo-blur: 0px;
  --hero-logo-opacity: 1;
  --hero-bottom-drop: 0px;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
  overflow-y: visible;
  scroll-padding-top: 0;
}

body {
  --border-radius--primary-font: "Premium Montserrat", Montserrat, Arial, sans-serif;
  --border-radius--secondary-font: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  --color-brand--secondary: #272b58;
  --color-brand--primary: #ea8000;
  --color-brand--tertiary: #fbfaf6;
  --color-brand--alternative: #ffffff;
  --color-brand--success: #ea8000;
  background: var(--color-brand--secondary);
  letter-spacing: 0;
  overflow-x: clip;
  overflow-y: visible;
  width: 100%;
  max-width: 100vw;
}

#about,
#proof {
  display: none !important;
}

.page-wrapper {
  overflow: visible;
}

::selection {
  background: rgba(234, 128, 0, .32);
  color: #fff;
}

.w-webflow-badge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.header-section {
  border-bottom: 0;
  padding-left: 18px;
  padding-right: 18px;
  inset: 18px 0% auto;
  position: fixed;
  z-index: 110;
  pointer-events: none;
  opacity: var(--header-opacity);
  filter: blur(var(--header-blur));
  transform: translateY(var(--header-lift));
  transition: none;
}

.header-container {
  padding-bottom: 0;
  pointer-events: auto;
}

.navbar-area {
  display: flex;
  align-items: center;
  background: rgba(15, 18, 48, .68);
  border: var(--header-border) solid rgb(255 255 255 / var(--header-outline-opacity));
  border-radius: 999px;
  padding: 10px 18px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  overflow: hidden;
  transition: border-color .42s linear, border-width .42s linear;
}

.header-section .header-container {
  width: min(calc(100% - 36px), 760px);
  max-width: none;
}

.header-section .navbar-area {
  height: var(--header-height);
  min-height: 0;
  padding: var(--header-pad-y) var(--header-pad-x);
}

.header-section .nav-bar-wrapper {
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.header-section .nav-menu-items {
  align-items: center;
  column-gap: clamp(22px, 2.35vw, 34px);
  row-gap: 18px;
  height: 100%;
  min-height: 0;
}

.header-section .nav-menu-items.w-nav-menu {
  align-self: stretch;
  height: 100% !important;
  max-height: 100% !important;
}

.header-section .nav-menu-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1em;
  padding-top: 0;
  padding-bottom: 0;
  font-size: clamp(19px, 1.3vw, 24px);
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, .92);
}

.header-section .nav-menu-item.w--current,
.header-section .nav-menu-item:hover {
  color: var(--color-brand--primary);
}

.header-section .header-button .button-primary {
  min-height: 64px;
  padding: 0 34px !important;
  font-size: clamp(22px, 1.4vw, 26px);
  font-weight: 800;
  line-height: 1.12;
  box-shadow: 0 18px 42px rgba(234, 128, 0, .26);
}

.header-section .header-button .button-text-wrapper {
  min-height: 1.12em;
}

body.is-scrolled .navbar-area {
  background: rgba(15, 18, 48, .88);
  border-color: rgb(255 255 255 / var(--header-outline-opacity));
  box-shadow: 0 18px 60px rgba(0, 0, 0, .28);
}

body.is-scrolled .header-section .navbar-area {
  min-height: 0;
}

body.is-dock-complete .header-section {
  pointer-events: none;
}

body.is-dock-complete .header-container {
  pointer-events: none;
}

.hero-section {
  padding-top: 172px;
  padding-bottom: 76px;
}

.hero-content-wrapper {
  margin-bottom: 48px;
  max-width: 920px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.client-name,
.client-say,
.price-text,
.marquee-text {
  letter-spacing: 0;
}

.hero-title-text {
  font-family: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(3.25rem, 7.4vw, 7.4rem);
  line-height: .9em;
}

.premium-hero-meta {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.premium-hero-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(4, 6, 22, .34);
  box-shadow: inset 0 1px rgba(255, 255, 255, .1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.premium-hero-meta .premium-score {
  color: #fff;
}

.premium-hero-meta .premium-score::after {
  content: "★★★★★";
  margin-left: 7px;
  color: var(--color-brand--primary);
  font-size: 10px;
  letter-spacing: 1px;
}

.premium-hero-skills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 18px auto 0;
  perspective: 900px;
}

.premium-hero-skills span {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 32px;
  padding: 8px 15px 8px 12px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 6px;
  background: rgba(234, 128, 0, .94);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  opacity: 0;
  transform: translate3d(var(--throw-x, 0), var(--throw-y, -34px), 0) rotate(var(--throw-rotate, -10deg)) scale(.86);
  transform-origin: center;
  animation:
    premium-pill-throw .72s cubic-bezier(.18, .92, .28, 1.12) forwards,
    premium-pill-snake 4.8s ease-in-out infinite;
  animation-delay:
    var(--throw-delay, .1s),
    calc(var(--throw-delay, .1s) + 1s);
  animation-fill-mode: forwards, both;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .18);
}

.premium-hero-skills span::before {
  content: "";
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background: currentColor;
  opacity: .95;
  -webkit-mask: var(--premium-skill-icon) center / contain no-repeat;
  mask: var(--premium-skill-icon) center / contain no-repeat;
}

.premium-hero-skills span:nth-child(even) {
  background: rgba(255, 255, 255, .94);
  color: var(--color-brand--secondary);
}

.premium-hero-skills span:nth-child(1) {
  --premium-skill-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 9h18M7 6.5h.01M10 6.5h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  --throw-x: -84px;
  --throw-y: -46px;
  --throw-rotate: -18deg;
  --rest-rotate: -2.8deg;
  --snake-peak-rotate: 4.8deg;
  --throw-delay: .12s;
}

.premium-hero-skills span:nth-child(2) {
  --premium-skill-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='14' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='9' cy='10' r='2' fill='black'/%3E%3Cpath d='M5.5 17.5l4.5-4 3 3 2-2 3.5 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --throw-x: -38px;
  --throw-y: -62px;
  --throw-rotate: 12deg;
  --rest-rotate: 2.2deg;
  --snake-peak-rotate: -4.2deg;
  --throw-delay: .2s;
}

.premium-hero-skills span:nth-child(3) {
  --premium-skill-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 18c3-4 5 2 8-1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 4l6 6-8 8H6v-6l8-8z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M13 5l6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  --throw-x: 14px;
  --throw-y: -78px;
  --throw-rotate: -8deg;
  --rest-rotate: -1.5deg;
  --snake-peak-rotate: 3.6deg;
  --throw-delay: .08s;
}

.premium-hero-skills span:nth-child(4) {
  --premium-skill-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h3l1.5-2h7L17 8h3v10H4z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='13' r='3.2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M18 10h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  --throw-x: 52px;
  --throw-y: -54px;
  --throw-rotate: 16deg;
  --rest-rotate: 2.5deg;
  --snake-peak-rotate: -4.5deg;
  --throw-delay: .25s;
}

.premium-hero-skills span:nth-child(5) {
  --premium-skill-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='12' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 21h6M12 17v4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  --throw-x: 96px;
  --throw-y: -42px;
  --throw-rotate: -14deg;
  --rest-rotate: -2.3deg;
  --snake-peak-rotate: 4.3deg;
  --throw-delay: .16s;
}

.premium-hero-skills span:nth-child(6) {
  --premium-skill-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 6h14v12H5z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8 9h8M8 12h5M8 15h7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M16 6l2-2 2 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --throw-x: 132px;
  --throw-y: -50px;
  --throw-rotate: 13deg;
  --rest-rotate: 2.1deg;
  --snake-peak-rotate: -4.4deg;
  --throw-delay: .28s;
}

.text-highlight,
.nav-menu-item:hover,
.nav-menu-item.w--current {
  color: var(--color-brand--primary);
}

.button-primary {
  border: 1px solid var(--color-brand--primary) !important;
  border-radius: 999px !important;
  background-color: var(--color-brand--primary) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(234, 128, 0, .24);
}

.button-primary:hover {
  border-color: #EA8000 !important;
  background-color: #EA8000 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.button-primary:where(.w-variant-1acf8b00-518e-f640-e840-7e88296234e6),
.button-primary:where(.w-variant-05ac7d3c-feae-3f06-b42c-e19b6f03ccbb) {
  border-color: var(--color-brand--primary) !important;
  background-color: var(--color-brand--primary) !important;
  color: #fff !important;
}

.button-primary:where(.w-variant-1acf8b00-518e-f640-e840-7e88296234e6):hover,
.button-primary:where(.w-variant-05ac7d3c-feae-3f06-b42c-e19b6f03ccbb):hover {
  border-color: #EA8000 !important;
  background-color: #EA8000 !important;
  color: #fff !important;
}

.button-icon,
.button-icon path {
  color: #fff !important;
  fill: currentColor;
}

.price-button,
.price-button.two {
  border: 1px solid var(--color-brand--primary) !important;
  border-radius: 999px !important;
  background-color: var(--color-brand--primary) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(234, 128, 0, .22);
}

.price-button:hover,
.price-button.two:hover {
  border-color: #EA8000 !important;
  background-color: #EA8000 !important;
  color: #fff !important;
}

.pricing-card-wrap.two .price-button {
  border-color: #EA8000 !important;
  background-color: #EA8000 !important;
}

.brand-logo,
.logo-wrap,
.brand {
  flex: 0 0 auto;
}

.header-section .brand-logo,
.header-section .logo-wrap,
.header-section .brand {
  width: 130px;
  min-width: 130px;
}

.header-section .brand-logo {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.logo {
  width: 130px;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  transition: width .35s ease;
}

.footer-logo-wrapper .logo {
  width: 245px;
  max-width: 100%;
  max-height: none;
}

#home,
#about,
#feature,
#team,
#pricing,
#faq,
#create {
  scroll-margin-top: 0;
}

.hero-image {
  filter: drop-shadow(0 24px 34px rgba(0, 0, 0, .22));
  max-width: min(100%, 370px);
}

.hero-image.one {
  transform: translate3d(18%, 0, 0) rotate(-14deg) !important;
}

.hero-image.three {
  transform: translate3d(-15%, 0, 0) rotate(13deg) !important;
}

.marquee-logo {
  width: 196px;
  height: 76px;
  padding: 0;
  object-fit: contain;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  display: block;
  filter: drop-shadow(0 3px 10px rgba(39, 43, 88, .16));
}

.marquee-section {
  display: none !important;
  position: relative;
  z-index: 2;
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), inset 0 -1px rgba(39, 43, 88, .16);
}

.feature-item-wrapper-two {
  display: none !important;
}

.feature-section,
.team-section,
.pricing-section,
.faq-section {
  background: #fbfaf6;
}

.feature-image,
.team-member-image {
  width: 100%;
  object-fit: cover;
}

.feature-image {
  aspect-ratio: 1 / 1.14;
}

.team-member-image {
  aspect-ratio: 51 / 55;
}

.services-card-wrap.two,
.pricing-card-wrap.two,
.team-card-wrapper.two {
  color: var(--color-brand--secondary);
}

.services-card-wrap.two .services-icon.two,
.services-card-wrap.two h3,
.pricing-card-wrap.two h3,
.pricing-card-wrap.two h4 {
  color: var(--color-brand--secondary);
}

.pricing-section-details {
  max-width: 690px;
  margin: 16px auto 0;
}

.retainer-price-note {
  margin-top: 8px;
  color: rgba(39, 43, 88, .72);
  font-size: 15px;
  line-height: 1.45;
}

.retainer-alt-price {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-top: 16px;
  padding: 0 14px;
  border: 1px solid rgba(39, 43, 88, .12);
  border-radius: 999px;
  background: rgba(39, 43, 88, .06);
  color: var(--color-brand--secondary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.pricing-card-wrap.two .retainer-price-note {
  color: rgba(39, 43, 88, .78);
}

.pricing-card-wrap.two .retainer-alt-price {
  border-color: rgba(39, 43, 88, .18);
  background: rgba(39, 43, 88, .1);
}

.services-left-area {
  top: 118px;
}

.services-card-wrap,
.pricing-card-wrap,
.team-card-wrapper {
  box-shadow: 0 22px 50px rgba(12, 16, 42, .08);
}

.services-card-wrap,
.pricing-card-wrap,
.team-card-wrapper,
.slider-item-wrapper,
.accordion-text {
  border: 1px solid rgba(39, 43, 88, .08);
}

.services-card-wrap,
.pricing-card-wrap,
.slider-item-wrapper,
.accordion-text {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.services-card-wrap:hover,
.pricing-card-wrap:hover,
.slider-item-wrapper:hover,
.accordion-text:hover {
  border-color: rgba(234, 128, 0, .25);
  box-shadow: 0 28px 70px rgba(12, 16, 42, .14);
  transform: translateY(-3px);
}

.services-wrapper {
  align-items: start;
}

.services-right-area {
  min-width: 0;
}

.services-card-wrapper {
  gap: clamp(24px, 4.2vh, 44px);
}

.premium-service-card {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(360px, 54vh, 520px);
  padding: clamp(34px, 4.2vw, 58px);
  overflow: hidden;
  isolation: isolate;
  background-color: var(--service-card-base, var(--color-brand--tertiary));
}

.premium-service-card.two {
  --service-card-base: var(--color-brand--primary);
}

.premium-service-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: clamp(20px, 4vw, 54px);
  top: 50%;
  width: min(42%, 360px);
  aspect-ratio: 1.3 / 1;
  border: 1px solid rgba(39, 43, 88, .1);
  border-radius: 24px;
  background-image: var(--service-art);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0 24px 60px rgba(12, 16, 42, .1);
  opacity: .46;
  pointer-events: none;
  transform: translateY(-50%) rotate(-2deg);
}

.premium-service-card.two::before {
  border-color: rgba(39, 43, 88, .16);
  box-shadow: 0 24px 60px rgba(39, 43, 88, .18);
  opacity: .34;
}

.premium-service-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(251, 250, 246, .99) 0%, rgba(251, 250, 246, .98) 48%, rgba(251, 250, 246, .74) 72%, rgba(251, 250, 246, .36) 100%),
    radial-gradient(circle at 86% 16%, rgba(234, 128, 0, .18), transparent 34%);
  opacity: 1;
  pointer-events: none;
}

.premium-service-card.two::after {
  background:
    linear-gradient(90deg, rgba(234, 128, 0, .98) 0%, rgba(234, 128, 0, .94) 48%, rgba(234, 128, 0, .72) 74%, rgba(234, 128, 0, .34) 100%),
    radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .18), transparent 34%);
}

.premium-service-content {
  position: relative;
  z-index: 2;
  align-items: flex-start;
  width: 100%;
}

.premium-service-card[data-service="Website Creation"] {
  --service-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Crect width='420' height='300' rx='28' fill='%23fbfaf6'/%3E%3Crect x='42' y='46' width='336' height='210' rx='18' fill='none' stroke='%23272b58' stroke-width='10'/%3E%3Cpath d='M42 90h336' stroke='%23272b58' stroke-width='10'/%3E%3Ccircle cx='72' cy='68' r='6' fill='%23ea8000'/%3E%3Ccircle cx='96' cy='68' r='6' fill='%23ea8000' opacity='.55'/%3E%3Crect x='70' y='122' width='116' height='36' rx='10' fill='%23ea8000'/%3E%3Crect x='70' y='176' width='88' height='12' rx='6' fill='%23272b58' opacity='.5'/%3E%3Crect x='70' y='202' width='128' height='12' rx='6' fill='%23272b58' opacity='.22'/%3E%3Crect x='226' y='120' width='104' height='100' rx='16' fill='%23272b58' opacity='.16'/%3E%3Cpath d='M244 176h66M244 198h48' stroke='%23272b58' stroke-width='10' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E");
}

.premium-service-card[data-service="HTML Signatures"] {
  --service-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Crect width='420' height='300' rx='28' fill='%23ea8000'/%3E%3Crect x='44' y='58' width='332' height='184' rx='18' fill='%23fbfaf6'/%3E%3Cpath d='M70 104h260M70 136h210' stroke='%23272b58' stroke-width='12' stroke-linecap='round' opacity='.28'/%3E%3Crect x='70' y='166' width='230' height='46' rx='12' fill='%23272b58' opacity='.12'/%3E%3Ccircle cx='96' cy='189' r='14' fill='%23ea8000'/%3E%3Cpath d='M124 178h84M124 198h128' stroke='%23272b58' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M278 178h32M278 198h44' stroke='%23ea8000' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M80 236c28-28 58 20 94-9 26-21 48-18 68 0' fill='none' stroke='%23272b58' stroke-width='10' stroke-linecap='round' opacity='.45'/%3E%3C/svg%3E");
}

.premium-service-card[data-service="Content Creation"] {
  --service-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Crect width='420' height='300' rx='28' fill='%23fbfaf6'/%3E%3Cg transform='rotate(-8 142 154)'%3E%3Crect x='54' y='70' width='134' height='174' rx='16' fill='%23272b58'/%3E%3Crect x='70' y='92' width='102' height='74' rx='10' fill='%23ea8000' opacity='.78'/%3E%3Cpath d='M74 190h86M74 212h58' stroke='%23fbfaf6' stroke-width='9' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='rotate(5 260 142)'%3E%3Crect x='206' y='48' width='150' height='190' rx='16' fill='%23fbfaf6' stroke='%23272b58' stroke-width='8'/%3E%3Crect x='226' y='74' width='110' height='84' rx='12' fill='%23272b58' opacity='.18'/%3E%3Ccircle cx='282' cy='116' r='24' fill='%23ea8000'/%3E%3Cpath d='M246 188h72M246 210h48' stroke='%23272b58' stroke-width='9' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.premium-service-card[data-service="Brand Assets"] {
  --service-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Crect width='420' height='300' rx='28' fill='%23ea8000'/%3E%3Crect x='48' y='58' width='324' height='52' rx='26' fill='%23fbfaf6'/%3E%3Ccircle cx='82' cy='84' r='11' fill='none' stroke='%23272b58' stroke-width='7'/%3E%3Cpath d='M91 93l15 15' stroke='%23272b58' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M132 84h150' stroke='%23272b58' stroke-width='9' stroke-linecap='round' opacity='.6'/%3E%3Crect x='62' y='136' width='286' height='34' rx='10' fill='%23fbfaf6' opacity='.82'/%3E%3Crect x='62' y='186' width='230' height='34' rx='10' fill='%23fbfaf6' opacity='.64'/%3E%3Cpath d='M82 236c32-34 62-18 92-36 34-20 50 6 78-10 28-16 38-50 76-42' fill='none' stroke='%23272b58' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='328' cy='148' r='20' fill='%23272b58'/%3E%3Cpath d='M318 149l8 8 16-18' fill='none' stroke='%23fbfaf6' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.premium-service-card[data-service="Video Production"] {
  --service-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Crect width='420' height='300' rx='28' fill='%23fbfaf6'/%3E%3Crect x='42' y='56' width='336' height='184' rx='20' fill='%23272b58'/%3E%3Cpath d='M188 118l68 40-68 40z' fill='%23ea8000'/%3E%3Cpath d='M74 212h210' stroke='%23fbfaf6' stroke-width='10' stroke-linecap='round' opacity='.35'/%3E%3Cpath d='M74 212h104' stroke='%23ea8000' stroke-width='10' stroke-linecap='round'/%3E%3Crect x='58' y='252' width='72' height='24' rx='7' fill='%23272b58' opacity='.22'/%3E%3Crect x='146' y='252' width='72' height='24' rx='7' fill='%23272b58' opacity='.22'/%3E%3Crect x='234' y='252' width='72' height='24' rx='7' fill='%23272b58' opacity='.22'/%3E%3C/svg%3E");
}

.premium-service-card[data-service="Photography"] {
  --service-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Crect width='420' height='300' rx='28' fill='%23ea8000'/%3E%3Cg fill='%23fbfaf6'%3E%3Crect x='52' y='62' width='92' height='92' rx='14'/%3E%3Crect x='164' y='62' width='92' height='92' rx='14' opacity='.86'/%3E%3Crect x='276' y='62' width='92' height='92' rx='14' opacity='.72'/%3E%3Crect x='52' y='176' width='92' height='70' rx='14' opacity='.72'/%3E%3Crect x='164' y='176' width='92' height='70' rx='14' opacity='.86'/%3E%3Crect x='276' y='176' width='92' height='70' rx='14'/%3E%3C/g%3E%3Ccircle cx='210' cy='150' r='48' fill='none' stroke='%23272b58' stroke-width='12'/%3E%3Ccircle cx='210' cy='150' r='22' fill='%23272b58'/%3E%3Cpath d='M86 128l22-26 24 26M298 224l22-24 28 24' fill='none' stroke='%23272b58' stroke-width='8' stroke-linecap='round' stroke-linejoin='round' opacity='.55'/%3E%3C/svg%3E");
}

.premium-service-card[data-service="Digital Displays"] {
  --service-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Crect width='420' height='300' rx='28' fill='%23fbfaf6'/%3E%3Crect x='48' y='68' width='140' height='92' rx='16' fill='%23272b58'/%3E%3Crect x='232' y='58' width='142' height='112' rx='16' fill='%23272b58' opacity='.88'/%3E%3Crect x='84' y='192' width='252' height='52' rx='15' fill='%23272b58' opacity='.16'/%3E%3Cpath d='M80 112h76M264 96h76M264 126h52M120 160v34M304 170v24M118 244v22M302 244v22' stroke='%23ea8000' stroke-width='10' stroke-linecap='round'/%3E%3Crect x='76' y='92' width='72' height='18' rx='9' fill='%23fbfaf6' opacity='.55'/%3E%3Crect x='262' y='86' width='72' height='18' rx='9' fill='%23fbfaf6' opacity='.6'/%3E%3C/svg%3E");
}

.premium-service-card[data-service="Launch Campaigns"] {
  --service-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Crect width='420' height='300' rx='28' fill='%23ea8000'/%3E%3Crect x='46' y='50' width='328' height='206' rx='18' fill='%23fbfaf6'/%3E%3Cpath d='M46 94h328M110 50v206M210 50v206M310 50v206' stroke='%23272b58' stroke-width='8' opacity='.2'/%3E%3Crect x='70' y='118' width='66' height='42' rx='10' fill='%23ea8000'/%3E%3Crect x='154' y='118' width='78' height='42' rx='10' fill='%23272b58' opacity='.18'/%3E%3Crect x='250' y='118' width='86' height='42' rx='10' fill='%23ea8000' opacity='.72'/%3E%3Crect x='82' y='186' width='88' height='38' rx='10' fill='%23272b58' opacity='.18'/%3E%3Crect x='208' y='186' width='98' height='38' rx='10' fill='%23272b58' opacity='.18'/%3E%3Cpath d='M126 160c44 34 74-20 122 20 28 24 54 14 82-8' fill='none' stroke='%23272b58' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.premium-service-index {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(58px, 5vw, 74px);
  height: clamp(58px, 5vw, 74px);
  border-radius: 999px;
  background: var(--color-brand--primary);
  color: #fff;
  font-family: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(1.7rem, 3vw, 2.65rem);
  line-height: 1;
  box-shadow: 0 16px 36px rgba(234, 128, 0, .22);
}

.premium-service-index.two {
  background: #fff;
  color: var(--color-brand--primary);
  box-shadow: 0 16px 36px rgba(39, 43, 88, .16);
}

.premium-service-kicker {
  margin-bottom: 12px;
  color: rgba(39, 43, 88, .64);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
  text-transform: uppercase;
}

.premium-service-card.two .premium-service-kicker {
  color: rgba(39, 43, 88, .78);
}

.premium-service-card .custom-heading-h4 {
  font-size: clamp(2.4rem, 4.1vw, 4.55rem);
  line-height: .92;
}

.services-section {
  position: relative;
  overflow: visible;
  background: var(--color-brand--secondary);
}

.services-section::before,
.testimonial-section::before,
.footer-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
  pointer-events: none;
}

.team-card-wrapper {
  transition: transform .28s ease, box-shadow .28s ease;
}

.team-card-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 60px rgba(12, 16, 42, .16);
}

.feature-icon-wrap path,
.svg-icon path {
  fill: var(--color-brand--secondary);
}

.social-icon-links,
.social-icon-link {
  color: var(--color-brand--primary);
}

.client-image {
  background: var(--color-brand--tertiary);
  object-fit: contain;
}

.delete-this {
  display: none !important;
}

.premium-scroll-progress {
  position: fixed;
  z-index: 130;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(39, 43, 88, .08);
  pointer-events: none;
}

.premium-scroll-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-brand--primary);
  transform: scaleX(var(--progress, 0));
  transform-origin: left center;
  transition: transform .12s linear;
}

.premium-services-progress {
  position: fixed;
  z-index: 126;
  top: 50%;
  right: clamp(14px, 1.8vw, 30px);
  width: 18px;
  height: clamp(230px, 44svh, 470px);
  opacity: var(--services-progress-opacity, 0);
  pointer-events: none;
  transform: translate3d(18px, -50%, 0) scale(.96);
  transition: opacity .2s ease, transform .26s cubic-bezier(.22, 1, .36, 1);
}

body.is-services-progress-visible .premium-services-progress {
  transform: translate3d(0, -50%, 0) scale(1);
}

.premium-services-progress-track {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .36);
  border-radius: 999px;
  background: rgba(255, 255, 255, .13);
  box-shadow: 0 18px 46px rgba(8, 10, 34, .28), inset 0 1px rgba(255, 255, 255, .22);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.premium-services-progress-fill {
  position: absolute;
  right: 3px;
  bottom: 3px;
  left: 3px;
  height: calc(var(--services-progress, 0) * (100% - 6px));
  min-height: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffad31 0%, #ea8000 62%, #d16f00 100%);
  box-shadow: 0 0 24px rgba(234, 128, 0, .52);
  transition: height .12s linear;
}

.premium-section-dock {
  position: fixed;
  z-index: 125;
  left: 50%;
  bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  padding: var(--dock-pad);
  border: var(--dock-border) solid rgba(255, 255, 255, .15);
  border-radius: 12px;
  background: rgba(4, 6, 22, .82);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .2);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transform: translateX(-50%);
}

.premium-section-dock a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: rgba(255, 255, 255, .78);
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.premium-section-dock a:hover,
.premium-section-dock a.is-active {
  border-color: rgba(234, 128, 0, .35);
  background: rgba(234, 128, 0, .18);
  color: #fff;
}

.premium-section-dock .premium-dock-cta {
  border-color: var(--color-brand--primary);
  background: var(--color-brand--primary);
  color: #fff;
  box-shadow: 0 10px 28px rgba(234, 128, 0, .28);
}

.premium-section-dock .premium-dock-cta:hover {
  background: #EA8000;
  border-color: #EA8000;
}

.premium-reveal {
  opacity: 0;
  transform: translateY(26px) scale(.985);
  transition: opacity .65s ease var(--reveal-delay, 0ms), transform .65s ease var(--reveal-delay, 0ms);
}

.premium-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@media screen and (min-width: 992px) {
  .header-section .navbar-area {
    position: relative;
  }

  .hero-section {
    padding-top: 156px;
  }

  .hero-image {
    max-width: min(100%, 340px);
  }

  .nav-bar-wrapper {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    width: 100%;
  }

  .nav-menu-items {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto !important;
    max-height: none !important;
    justify-content: center;
    transform: translate(-50%, -50%);
  }

  .div-block {
    justify-content: flex-end;
    display: flex;
  }

  .services-left-area {
    position: sticky;
    top: 138px;
    align-self: flex-start;
    min-height: calc(100vh - 176px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .services-card-wrap {
    border-radius: 16px;
    overflow: hidden;
  }

  .services-card-wrapper::after {
    content: "";
    display: block;
    height: clamp(640px, 82vh, 880px);
  }

  body.is-scrolled .header-section .logo {
    width: 92px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .services-card-wrapper::after {
    content: "";
    display: block;
    height: clamp(740px, 86vh, 920px);
  }
}

@media screen and (max-width: 991px) {
  .navbar-area {
    border-radius: 28px;
  }

  .services-left-area {
    position: static;
    top: auto;
    min-height: 0;
    display: block;
  }

  .premium-service-card {
    min-height: 0;
    padding: 32px 24px;
  }

  .premium-service-card::before {
    top: auto;
    right: -28px;
    bottom: 18px;
    width: min(58%, 300px);
    opacity: .22;
    transform: rotate(-3deg);
  }

  .premium-service-card.two::before {
    opacity: .18;
  }

  .premium-service-card::after {
    background:
      linear-gradient(180deg, rgba(251, 250, 246, .99) 0%, rgba(251, 250, 246, .98) 58%, rgba(251, 250, 246, .78) 100%),
      radial-gradient(circle at 86% 16%, rgba(234, 128, 0, .16), transparent 34%);
  }

  .premium-service-card.two::after {
    background:
      linear-gradient(180deg, rgba(234, 128, 0, .98) 0%, rgba(234, 128, 0, .94) 58%, rgba(234, 128, 0, .76) 100%),
      radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .16), transparent 34%);
  }

  .premium-service-card .custom-heading-h4 {
    font-size: clamp(2.2rem, 7.8vw, 3.8rem);
  }

  .header-section .brand-logo,
  .header-section .logo-wrap,
  .header-section .brand {
    width: 112px;
    min-width: 112px;
  }

  .logo {
    width: 112px;
  }

  .premium-section-dock {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .services-left-area {
    position: sticky;
    top: 128px;
    align-self: flex-start;
    min-height: calc(100vh - 164px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .premium-services-progress {
    display: none;
  }

  .services-left-area {
    position: static;
    top: auto;
    min-height: 0;
    display: block;
  }

  .services-card-wrapper {
    gap: 18px;
  }

  .premium-service-content {
    flex-direction: column;
    gap: 18px;
  }

  .premium-service-index {
    width: 50px;
    height: 50px;
    font-size: 1.65rem;
  }

  .premium-service-card {
    padding: 28px 22px;
  }

  .premium-service-card::before {
    right: -38px;
    bottom: 16px;
    width: min(82%, 280px);
    opacity: .16;
  }

  .premium-service-card.two::before {
    opacity: .13;
  }

  .premium-service-card .custom-heading-h4 {
    font-size: clamp(2rem, 11vw, 3.15rem);
  }

  .header-section .brand-logo,
  .header-section .logo-wrap,
  .header-section .brand {
    width: 104px;
    min-width: 104px;
  }

  .logo {
    width: 104px;
    max-height: none;
  }

  .hero-section {
    padding-top: 142px;
    padding-bottom: 56px;
  }

  .hero-content-wrapper {
    margin-bottom: 34px;
  }

  .premium-hero-meta {
    max-width: 320px;
    margin-bottom: 16px;
  }

  .premium-hero-skills {
    max-width: 340px;
    gap: 8px;
  }

  .premium-hero-skills span {
    min-height: 30px;
    gap: 7px;
    padding: 8px 11px 8px 10px;
    font-size: 11px;
  }

  .premium-hero-skills span::before {
    flex-basis: 16px;
    width: 16px;
    height: 16px;
  }

  .hero-title-text {
    max-width: calc(100vw - 30px);
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(2.8rem, 13vw, 4.5rem);
  }

  .hero-image-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

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

  .marquee-logo {
    width: 164px;
    height: 66px;
  }

}

@media screen and (max-width: 479px) {
  .header-section .brand-logo,
  .header-section .logo-wrap,
  .header-section .brand {
    width: 94px;
    min-width: 94px;
  }

  .logo {
    width: 94px;
  }

  .hero-section {
    padding-top: 132px;
  }

  .hero-content-wrapper {
    text-align: center;
  }

  .hero-title-text {
    font-size: clamp(2.6rem, 12vw, 3.25rem);
    line-height: .94em;
  }

  .hero-button-wrapper {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .hero-button-wrapper .button-primary {
    width: min(100%, 280px);
  }
}

@media screen and (min-width: 1280px) {
  .hero-section {
    padding-top: 132px;
    padding-bottom: 84px;
  }
}

@media screen and (min-width: 1440px) {
  .hero-section {
    padding-bottom: 96px;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.premium-hero-experience {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100vw;
  min-height: 100svh;
  padding: 126px 0 0;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(39, 43, 88, .98), rgba(24, 27, 62, 1) 68%, rgba(39, 43, 88, 1)),
    var(--color-brand--secondary);
}

.premium-hero-experience::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  height: 28vh;
  background: linear-gradient(180deg, transparent, rgba(39, 43, 88, .96));
  pointer-events: none;
}

.premium-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.premium-hero-grid {
  display: none;
  position: absolute;
  inset: -12%;
  opacity: .16;
  background-image:
    linear-gradient(rgba(255, 255, 255, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .16) 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: linear-gradient(180deg, transparent, #000 18%, #000 78%, transparent);
  transform: rotate(-6deg) scale(1.08);
  animation: premium-grid-drift 22s linear infinite;
}

.premium-energy-line {
  display: none;
  position: absolute;
  left: -18vw;
  width: 136vw;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(234, 128, 0, .08), rgba(234, 128, 0, .88), rgba(255, 255, 255, .58), transparent);
  opacity: .5;
  transform: rotate(-11deg);
  animation: premium-scan 7.2s linear infinite;
}

.premium-energy-line.line-one {
  top: 27%;
}

.premium-energy-line.line-two {
  top: 62%;
  animation-delay: -2.4s;
  opacity: .32;
}

.premium-energy-line.line-three {
  top: 82%;
  animation-delay: -4.6s;
  opacity: .24;
}

.premium-client-chip {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 7px 13px 7px 7px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(17, 19, 50, .72), rgba(8, 10, 34, .42));
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .14);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  animation: premium-chip-float 8s ease-in-out infinite;
}

.premium-client-chip img {
  box-sizing: border-box;
  width: 42px;
  height: 28px;
  padding: 4px 5px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .95);
  box-shadow: inset 0 0 0 1px rgba(39, 43, 88, .08);
  object-fit: contain;
}

.premium-client-chip span {
  white-space: nowrap;
}

.premium-client-chip::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--color-brand--primary);
  box-shadow: 0 0 16px rgba(234, 128, 0, .85);
}

.premium-client-chip.chip-one {
  top: 24%;
  left: 7%;
}

.premium-client-chip.chip-two {
  top: 27%;
  right: 7%;
  animation-delay: -1.8s;
}

.premium-client-chip.chip-three {
  bottom: 16%;
  left: 10%;
  animation-delay: -3.2s;
}

.premium-client-chip.chip-four {
  right: 10%;
  bottom: 18%;
  animation-delay: -5.1s;
}

.premium-hero-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: none;
  min-height: calc(100svh - 126px);
  padding: clamp(62px, 8vh, 92px) clamp(18px, 4vw, 72px) clamp(210px, 21vh, 250px);
}

.premium-hero-content {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: min(960px, 100%);
  margin: 0;
  text-align: center;
  transform: none;
}

.premium-hero-title {
  position: relative;
  display: flex;
  justify-content: center;
  isolation: isolate;
  z-index: 320;
  width: fit-content;
  max-width: min(760px, 92vw);
  margin: 8px auto 0;
  line-height: 1;
  overflow: visible;
  --premium-wink-x: 58.48%;
  --premium-wink-y: 16.95%;
  --premium-wink-width: clamp(11.5px, 1.09vw, 19px);
  --premium-wink-lid-height: clamp(4.2px, .392vw, 7px);
  --premium-wink-top-adjust: 0px;
  --premium-wink-bottom-adjust: 0px;
  --premium-wink-open-top-base-y: calc(var(--premium-wink-lid-height) * -.72);
  --premium-wink-open-bottom-base-y: calc(var(--premium-wink-lid-height) * .82);
  --premium-wink-closed-top-base-y: 1px;
  --premium-wink-closed-bottom-base-y: -1px;
  --premium-wink-open-top-y: calc(var(--premium-wink-open-top-base-y) + var(--premium-wink-top-adjust));
  --premium-wink-open-bottom-y: calc(var(--premium-wink-open-bottom-base-y) + var(--premium-wink-bottom-adjust));
  --premium-wink-closed-top-y: calc(var(--premium-wink-closed-top-base-y) + var(--premium-wink-top-adjust));
  --premium-wink-closed-bottom-y: calc(var(--premium-wink-closed-bottom-base-y) + var(--premium-wink-bottom-adjust));
  --premium-wink-lid-color: #EA8000;
  --premium-wink-z: 1402;
  --premium-wink-duration: .34s;
}

.premium-hero-title::before,
.premium-hero-title::after {
  content: "";
  display: block;
  position: absolute;
  left: var(--premium-wink-x);
  top: var(--premium-wink-y);
  z-index: var(--premium-wink-z);
  width: var(--premium-wink-width);
  height: var(--premium-wink-lid-height);
  border-radius: 0;
  background: var(--premium-wink-lid-color);
  box-shadow: none;
  opacity: 0;
  transform-origin: center center;
  pointer-events: none;
}

.premium-hero-title::before {
  transform: translate(-50%, -100%);
  transform-origin: center bottom;
}

.premium-hero-title::after {
  transform: translate(-50%, 0);
  transform-origin: center top;
}

body.is-hero-logo-wink .premium-hero-title::before {
  animation: premium-hero-p-wink-top var(--premium-wink-duration) cubic-bezier(.42, 0, .18, 1) both;
}

body.is-hero-logo-wink .premium-hero-title::after {
  animation: premium-hero-p-wink-bottom var(--premium-wink-duration) cubic-bezier(.42, 0, .18, 1) both;
}

@keyframes premium-hero-p-wink-top {
  0% {
    opacity: 1;
    transform: translate(-50%, -100%) translateY(var(--premium-wink-open-top-y));
  }

  15% {
    opacity: 1;
    transform: translate(-50%, -100%) translateY(var(--premium-wink-open-top-y));
  }

  48% {
    opacity: 1;
    transform: translate(-50%, -100%) translateY(var(--premium-wink-closed-top-y));
  }

  76% {
    opacity: 1;
    transform: translate(-50%, -100%) translateY(var(--premium-wink-open-top-y));
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -100%) translateY(var(--premium-wink-open-top-y));
  }
}

@keyframes premium-hero-p-wink-bottom {
  0% {
    opacity: 1;
    transform: translate(-50%, 0) translateY(var(--premium-wink-open-bottom-y));
  }

  15% {
    opacity: 1;
    transform: translate(-50%, 0) translateY(var(--premium-wink-open-bottom-y));
  }

  48% {
    opacity: 1;
    transform: translate(-50%, 0) translateY(var(--premium-wink-closed-bottom-y));
  }

  76% {
    opacity: 1;
    transform: translate(-50%, 0) translateY(var(--premium-wink-open-bottom-y));
  }

  100% {
    opacity: 0;
    transform: translate(-50%, 0) translateY(var(--premium-wink-open-bottom-y));
  }
}

.premium-hero-experience .premium-hero-meta {
  margin-top: 34px;
}

.premium-hero-logo {
  position: relative;
  z-index: 321;
  display: block;
  width: clamp(300px, 38vw, 570px);
  max-width: 100%;
  height: auto;
  max-height: min(34vh, 330px);
  overflow: visible;
  object-fit: contain;
  filter: drop-shadow(0 24px 55px rgba(0, 0, 0, .24));
  animation: premium-logo-lift 6.8s ease-in-out infinite;
}

svg.premium-hero-logo {
  overflow: visible !important;
}

body.is-premium-logo-calibration .premium-logo-mark,
body.is-premium-logo-calibration .premium-logo-impact {
  animation: none !important;
  transform: none !important;
}

.premium-logo-calibration-edge {
  fill: none;
  stroke: #ff0000;
  stroke-linecap: square;
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

.premium-hero-copy {
  display: block;
  width: clamp(300px, 38vw, 570px);
  max-width: 100%;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
  color: rgba(255, 255, 255, .94);
  font-family: "Premium Bryson", "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: clamp(1.65rem, 3vw, 2.95rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 18px 46px rgba(0, 0, 0, .2);
  white-space: nowrap;
}

.premium-hero-copy span {
  display: inline-block;
  transform: translateX(-10px) scaleX(1.08);
  transform-origin: center;
}

.premium-hero-actions {
  position: relative;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  margin-top: 24px;
  order: 6;
}

.premium-button-simple {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 28px !important;
  text-decoration: none;
}

.premium-button-arrow {
  display: inline-flex;
  width: 24px;
  height: 16px;
}

.premium-button-arrow svg {
  width: 100%;
  height: 100%;
}

.premium-home-cta {
  min-height: 68px;
  padding: 0 38px !important;
  box-shadow: 0 20px 48px rgba(234, 128, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.premium-home-cta span:first-child {
  font-family: "Premium Bryson", "Premium Anton", Impact, sans-serif;
  font-size: clamp(2rem, 3vw, 3.25rem);
  font-weight: 400;
  line-height: .88;
  letter-spacing: 0;
  text-transform: uppercase;
}

.premium-signin-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 26px;
  border: 1.5px solid rgba(255, 255, 255, .78);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-family: "Premium Bryson", "Premium Anton", Impact, sans-serif;
  font-size: clamp(1.28rem, 1.7vw, 1.82rem);
  line-height: .9;
  text-transform: uppercase;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .14);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transition: transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

.premium-signin-trigger:hover,
.premium-signin-trigger:focus-visible {
  border-color: #EA8000;
  background: #fff;
  color: #272b58;
  transform: translateY(-2px);
}

.premium-creation-toggle {
  border: 0 !important;
  appearance: none;
  -webkit-appearance: none;
}

.premium-creation-panel {
  position: absolute;
  top: calc(100% + 18px);
  left: 50%;
  z-index: 45;
  width: min(640px, calc(100vw - 32px));
  color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 18px) scale(.96);
  transform-origin: 50% 0;
  transition: opacity .28s ease, transform .34s cubic-bezier(.18, .9, .22, 1), visibility .28s ease;
}

.premium-creation-panel.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0) scale(1);
}

.premium-creation-panel-inner {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 3vw, 34px);
  border: 2px solid rgba(255, 255, 255, .92);
  border-radius: 34px;
  background:
    radial-gradient(circle at 86% 18%, rgba(234, 128, 0, .28) 0 16%, transparent 38%),
    linear-gradient(135deg, rgba(39, 43, 88, .98), rgba(39, 43, 88, .9));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .16);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.premium-creation-panel-inner::before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: -1;
  border-radius: 26px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .08), transparent);
  opacity: .7;
}

.premium-creation-close {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 999px;
  background: #EA8000;
  color: #FFFFFF;
  font: 700 28px/1 "Premium Montserrat", Montserrat, Arial, sans-serif;
  box-shadow: 0 14px 34px rgba(234, 128, 0, .26);
}

.premium-creation-kicker {
  display: inline-flex;
  margin-bottom: 10px;
  color: #EA8000;
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.premium-creation-panel h2 {
  max-width: 420px;
  margin: 0;
  color: #FFFFFF;
  font-family: "Premium Bryson", "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: clamp(2.4rem, 4.6vw, 4.6rem);
  font-weight: 400;
  line-height: .86;
  text-transform: uppercase;
}

.premium-creation-panel p {
  max-width: 430px;
  margin: 12px 0 22px;
  color: rgba(255, 255, 255, .82);
  font-size: clamp(.98rem, 1.4vw, 1.12rem);
  line-height: 1.45;
}

.premium-creation-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.premium-creation-links a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 92px;
  padding: 17px 18px;
  border: 1.5px solid rgba(255, 255, 255, .18);
  border-radius: 22px;
  background: rgba(255, 255, 255, .08);
  color: #FFFFFF;
  text-align: left;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.premium-creation-links a:hover,
.premium-creation-links a:focus-visible {
  border-color: #EA8000;
  background: #EA8000;
  box-shadow: 0 18px 42px rgba(234, 128, 0, .24);
  transform: translateY(-3px);
}

.premium-creation-links span {
  margin-bottom: 6px;
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
  opacity: .76;
}

.premium-creation-links strong {
  overflow-wrap: anywhere;
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  font-weight: 800;
  line-height: 1.16;
}

@media (max-width: 767px) {
  .premium-creation-panel {
    position: fixed;
    top: auto;
    right: 14px;
    bottom: max(18px, env(safe-area-inset-bottom));
    left: 14px;
    width: auto;
    transform: translateY(26px) scale(.96);
    transform-origin: 50% 100%;
  }

  .premium-creation-panel.is-open {
    transform: translateY(0) scale(1);
  }

  .premium-creation-panel-inner {
    padding: 24px 18px 18px;
    border-radius: 28px;
  }

  .premium-creation-close {
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    font-size: 24px;
  }

  .premium-creation-panel h2 {
    max-width: calc(100% - 42px);
    font-size: clamp(2.15rem, 12vw, 3.8rem);
  }

  .premium-creation-links {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .premium-creation-links a {
    min-height: 74px;
    border-radius: 18px;
  }
}

.premium-motion-stage {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100svh;
  z-index: 5;
  pointer-events: none;
}

.premium-stage-frame {
  display: none;
  position: absolute;
  right: clamp(-82px, 3vw, 120px);
  bottom: clamp(34px, 7vh, 92px);
  width: clamp(260px, 24vw, 390px);
  aspect-ratio: 1.32 / 1;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .02)),
    rgba(6, 8, 30, .34);
  box-shadow: 0 34px 90px rgba(0, 0, 0, .26), inset 0 1px rgba(255, 255, 255, .18);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  overflow: hidden;
  opacity: .72;
  transform: rotate(-4deg);
  animation: premium-panel-float 9s ease-in-out infinite;
}

.premium-stage-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 44%, rgba(255, 255, 255, .16) 50%, transparent 58%),
    repeating-linear-gradient(180deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 18px);
  transform: translateX(-72%);
  animation: premium-panel-sheen 5.6s ease-in-out infinite;
}

.premium-stage-logo-mark {
  position: absolute;
  top: 22px;
  left: 22px;
  display: flex;
  width: 42px;
  height: 58px;
}

.premium-stage-logo-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.premium-output-grid {
  position: absolute;
  right: 20px;
  bottom: 48px;
  left: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.premium-output-grid span {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .86);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.premium-output-grid span:nth-child(3n + 1) {
  background: rgba(234, 128, 0, .92);
}

.premium-stage-meter {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 22px;
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .14);
  overflow: hidden;
}

.premium-stage-meter span {
  display: block;
  width: 46%;
  height: 100%;
  border-radius: inherit;
  background: var(--color-brand--primary);
  animation: premium-meter 3.4s ease-in-out infinite;
}

.premium-service-runway {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(20px, 2.8vh, 32px);
  z-index: 3;
  display: flex;
  width: 100%;
  overflow: hidden;
  opacity: 1;
  transform: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 clamp(48px, 7vw, 140px), #000 calc(100% - clamp(48px, 7vw, 140px)), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 clamp(48px, 7vw, 140px), #000 calc(100% - clamp(48px, 7vw, 140px)), transparent 100%);
}

.premium-service-track {
  display: flex;
  min-width: max-content;
  gap: 0;
  animation: premium-track 36s linear infinite;
  will-change: transform;
}

.premium-service-loop {
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  padding-right: 12px;
}

.premium-service-track span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(234, 128, 0, .96);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
  box-shadow: none;
}

.premium-service-track span:nth-child(4n + 1) {
  background: rgba(234, 128, 0, .96);
  color: #fff;
}

.premium-section-dock {
  gap: 6px;
  box-sizing: border-box;
  height: var(--dock-height);
  max-height: 58px;
  padding: var(--dock-pad);
  border-color: rgba(255, 255, 255, .16);
  border-radius: 22px;
  background: rgba(12, 13, 28, .76);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .13);
  backdrop-filter: blur(28px) saturate(1.18);
  -webkit-backdrop-filter: blur(28px) saturate(1.18);
  filter: blur(var(--dock-blur));
  opacity: var(--dock-opacity);
  visibility: visible;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(var(--dock-offset)) scale(var(--dock-scale));
  transition: none;
}

body.is-dock-visible .premium-section-dock {
  pointer-events: auto;
}

.premium-section-dock a {
  min-height: 42px;
  border-radius: 16px;
  font-size: 12px;
}

.premium-section-dock {
  gap: 7px;
  border-radius: 999px;
}

.premium-section-dock a,
.premium-section-dock button {
  appearance: none;
  -webkit-appearance: none;
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, .78);
  cursor: pointer;
}

.premium-section-dock a:hover,
.premium-section-dock button:hover {
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

.premium-section-dock a.is-active,
.premium-section-dock button.is-active,
.premium-section-dock .premium-dock-contact.is-open {
  border-color: var(--color-brand--primary);
  background: var(--color-brand--primary);
  color: #fff;
  box-shadow: 0 12px 34px rgba(234, 128, 0, .32);
}

.premium-section-dock .premium-dock-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.premium-section-dock .premium-dock-contact::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s ease;
}

.premium-section-dock .premium-dock-contact.is-open::after {
  transform: translateY(2px) rotate(225deg);
}

.premium-contact-popover {
  position: absolute;
  right: 8px;
  bottom: calc(100% + 12px);
  display: grid;
  gap: 8px;
  width: min(320px, calc(100vw - 28px));
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 28px;
  background: rgba(12, 13, 28, .88);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .13);
  backdrop-filter: blur(28px) saturate(1.16);
  -webkit-backdrop-filter: blur(28px) saturate(1.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px) scale(.96);
  transform-origin: bottom right;
  transition: opacity .24s ease, visibility .24s ease, transform .24s ease;
}

.premium-section-dock.is-contact-open .premium-contact-popover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.premium-contact-title {
  padding: 6px 10px 2px;
  color: rgba(255, 255, 255, .64);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.premium-contact-popover a {
  justify-content: space-between;
  gap: 14px;
  min-height: 48px;
  padding: 0 14px;
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

.premium-contact-popover a:first-of-type {
  border-color: var(--color-brand--primary);
  background: var(--color-brand--primary);
  box-shadow: 0 12px 30px rgba(234, 128, 0, .24);
}

.premium-contact-popover a span {
  font-size: 12px;
  font-weight: 850;
}

.premium-contact-popover a strong {
  overflow: hidden;
  max-width: 175px;
  color: rgba(255, 255, 255, .72);
  font-size: 10px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes premium-grid-drift {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 156px 78px, 156px 78px;
  }
}

@keyframes premium-scan {
  from {
    transform: translateX(-18vw) rotate(-11deg);
  }

  to {
    transform: translateX(18vw) rotate(-11deg);
  }
}

@keyframes premium-chip-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -12px, 0);
  }
}

@keyframes premium-logo-lift {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes premium-logo-wink {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scaleY(.06);
  }

  12% {
    opacity: 1;
    transform: translate(-50%, -50%) scaleY(.06);
  }

  46% {
    opacity: 1;
    transform: translate(-50%, -50%) scaleY(1.08);
  }

  62% {
    opacity: 1;
    transform: translate(-50%, -50%) scaleY(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scaleY(.06);
  }
}

@keyframes premium-work-card-float {
  0%,
  100% {
    transform: rotate(var(--work-card-rotate, 0deg)) translateY(var(--work-card-y, 0)) translateZ(0);
  }

  50% {
    transform: rotate(var(--work-card-rotate, 0deg)) translateY(calc(var(--work-card-y, 0px) - 8px)) translateZ(18px);
  }
}

@keyframes premium-card-pupil-pop {
  0% {
    opacity: 0;
    transform: translate3d(var(--pupil-pop-x, 0), var(--pupil-pop-y, 0), 0) rotate(0deg) scale(.018);
  }

  100% {
    opacity: .95;
    transform: translate3d(0, var(--work-card-y, 0), 0) rotate(var(--work-card-rotate, 0deg)) scale(1);
  }
}

@keyframes premium-pill-throw {
  0% {
    opacity: 0;
    transform: translate3d(var(--throw-x), var(--throw-y), 0) rotate(var(--throw-rotate)) scale(.86);
  }

  68% {
    opacity: 1;
    transform: translate3d(0, 4px, 0) rotate(calc(var(--rest-rotate, 0deg) * 1.18)) scale(1.035);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--rest-rotate, 0deg)) scale(1);
  }
}

@keyframes premium-pill-snake {
  0%,
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--rest-rotate, 0deg)) scale(1);
  }

  50% {
    opacity: 1;
    transform: translate3d(0, -2px, 0) rotate(var(--snake-peak-rotate, calc(var(--rest-rotate, 0deg) * -1))) scale(1);
  }
}

@keyframes premium-panel-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(-4deg);
  }

  50% {
    transform: translate3d(0, -16px, 0) rotate(-2deg);
  }
}

@keyframes premium-panel-sheen {
  0%,
  38% {
    transform: translateX(-72%);
  }

  72%,
  100% {
    transform: translateX(72%);
  }
}

@keyframes premium-meter {
  0%,
  100% {
    transform: translateX(0);
    width: 32%;
  }

  50% {
    transform: translateX(140%);
    width: 54%;
  }
}

@keyframes premium-track {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 1280px) {
  .premium-hero-experience {
    padding-top: 126px;
    padding-bottom: 0;
  }
}

@media screen and (max-height: 820px) and (min-width: 768px) {
  .premium-hero-experience {
    padding-top: 104px;
  }

  .premium-hero-container {
    min-height: calc(100svh - 104px);
    padding-bottom: 216px;
  }

  .premium-hero-logo {
    width: clamp(290px, 35vw, 510px);
    max-height: 33vh;
  }

  .premium-hero-experience .premium-hero-meta {
    margin-top: 32px;
  }

  .premium-hero-copy {
    width: clamp(290px, 35vw, 510px);
    max-width: 100%;
    margin-top: 12px;
    font-size: clamp(1.42rem, 2.2vw, 2.08rem);
  }

  .premium-hero-skills {
    margin-top: 12px;
  }

  .premium-hero-work-deck {
    --work-card-width: clamp(106px, 9.2vw, 138px);
    --work-card-height: clamp(66px, 5.7vw, 88px);
    margin-top: 16px;
  }

  .premium-hero-actions {
    margin-top: 18px;
  }

  .premium-button-simple {
    min-height: 50px;
  }

  .premium-stage-frame {
    right: -92px;
    bottom: 30px;
    opacity: .46;
  }

  .premium-service-runway {
    bottom: 18px;
  }
}

@media screen and (max-width: 991px) {
  .header-section {
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
  }

  .header-container,
  .navbar-area,
  .nav-bar-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .premium-hero-experience {
    min-height: 100svh;
    padding-top: 116px;
  }

  .premium-hero-container {
    min-height: calc(100svh - 116px);
    padding-bottom: 248px;
  }

  .premium-hero-logo {
    width: min(78vw, 520px);
    max-height: 34vh;
  }

  .premium-client-chip {
    transform: scale(.88);
  }

  .premium-client-chip.chip-one,
  .premium-client-chip.chip-three {
    left: 18px;
  }

  .premium-client-chip.chip-two,
  .premium-client-chip.chip-four {
    right: 18px;
  }

  .premium-stage-frame {
    right: 20px;
    bottom: 104px;
    width: min(42vw, 280px);
    opacity: .6;
  }

  .premium-section-dock {
    display: flex;
    bottom: 12px;
    max-width: calc(100vw - 16px);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .premium-section-dock.is-contact-open {
    overflow: visible;
  }

  .premium-section-dock::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .premium-hero-experience {
    padding-top: 112px;
  }

  .premium-hero-container {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    min-height: calc(100svh - 112px);
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 230px;
  }

  .premium-hero-content {
    transform: none;
  }

  .premium-hero-meta {
    justify-content: center;
    max-width: 360px;
  }

  .premium-hero-title {
    width: 100%;
    max-width: calc(100vw - 36px);
  }

  .premium-hero-logo {
    width: min(80vw, 320px);
    max-height: 29vh;
  }

  .premium-hero-copy {
    width: min(80vw, 320px);
    max-width: calc(100vw - 36px);
    margin-top: 14px;
    font-size: clamp(1.25rem, 6.4vw, 1.58rem);
  }

  .premium-hero-copy span {
    transform: scaleX(1.08);
  }

  .premium-hero-work-deck {
    --work-card-width: clamp(78px, 18.5vw, 96px);
    --work-card-height: clamp(54px, 12.8vw, 66px);
    width: min(360px, 92vw);
    margin-top: 16px;
  }

  .premium-hero-work-card {
    margin: 0 -5px;
  }

  .premium-hero-work-card span {
    left: 6px;
    bottom: 6px;
    min-height: 19px;
    padding: 0 7px;
    font-size: .58rem;
  }

  .premium-hero-actions {
    margin-top: 18px;
  }

  .premium-motion-stage .premium-stage-frame {
    display: none;
  }

  .premium-client-chip {
    min-height: 38px;
    padding: 7px 10px 7px 7px;
    font-size: 10px;
    opacity: .78;
  }

  .premium-client-chip img {
    width: 28px;
    height: 28px;
  }

  .premium-client-chip.chip-one {
    top: 16%;
  }

  .premium-client-chip.chip-two {
    top: 20%;
  }

  .premium-client-chip.chip-three,
  .premium-client-chip.chip-four {
    bottom: 12%;
  }

  .premium-service-runway {
    bottom: 20px;
  }

  .premium-section-dock {
    width: calc(100vw - 8px);
    max-width: calc(100vw - 8px);
    justify-content: center;
    gap: clamp(1px, .75vw, 4px);
    border-radius: 999px;
    overflow-x: hidden;
    overflow-y: hidden;
  }

  .premium-section-dock.is-contact-open {
    overflow: visible;
  }

  .premium-section-dock a,
  .premium-section-dock button {
    min-height: 34px;
    padding-left: clamp(4px, 1.4vw, 7px);
    padding-right: clamp(4px, 1.4vw, 7px);
    border-radius: 999px;
    font-size: clamp(7.8px, 2.35vw, 10.2px);
  }

  .premium-section-dock .premium-dock-contact {
    gap: 0;
    padding-left: clamp(4px, 1.4vw, 7px);
    padding-right: clamp(4px, 1.4vw, 7px);
    font-size: clamp(7.8px, 2.35vw, 10.2px);
  }

  .premium-section-dock .premium-dock-contact::after {
    display: none;
  }

  .premium-contact-popover {
    right: 4px;
    bottom: calc(100% + 10px);
    border-radius: 24px;
  }

  .premium-section-dock .premium-dock-brand {
    min-width: 88px;
  }

  .premium-dock-brand span {
    display: none;
  }

  .premium-section-dock a[data-section="about"] {
    display: inline-flex;
  }
}

@media screen and (max-width: 479px) {
  .premium-hero-experience {
    padding-top: 102px;
  }

  .premium-hero-container {
    min-height: calc(100svh - 102px);
    padding-bottom: 236px;
  }

  .premium-hero-content {
    transform: none;
  }

  .premium-hero-logo {
    width: min(76vw, 286px);
    max-height: 27vh;
  }

  .premium-hero-skills {
    width: 100%;
    max-width: calc(100vw - 36px);
    margin-top: 14px;
    gap: 8px;
  }

  .premium-hero-skills span {
    min-height: 30px;
    padding: 7px 10px;
    font-size: 11px;
  }

  .premium-hero-skills span::before {
    flex-basis: 15px;
    width: 15px;
    height: 15px;
  }

  .premium-hero-work-deck {
    --work-card-width: clamp(66px, 18vw, 78px);
    --work-card-height: clamp(48px, 13.5vw, 56px);
    margin-top: 12px;
  }

  .premium-hero-work-card {
    margin: 0 -4px;
  }

  .premium-hero-work-card span {
    min-height: 17px;
    padding: 0 6px;
    font-size: .52rem;
  }

  .premium-client-chip {
    display: none;
  }

  .premium-service-track {
    animation-duration: 32s;
  }

  .premium-section-dock .premium-dock-brand {
    min-width: 46px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .premium-section-dock a[data-section="home"] {
    display: inline-flex;
  }
}

.premium-work-section {
  position: relative;
  overflow: hidden;
}

.premium-work-heading {
  max-width: 880px;
  margin: 0 auto clamp(42px, 6vw, 76px);
  text-align: center;
}

.premium-work-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-bottom: 18px;
  padding: 0 14px;
  border: 1px solid rgba(234, 128, 0, .24);
  border-radius: 999px;
  background: rgba(234, 128, 0, .1);
  color: var(--color-brand--primary);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
}

.premium-work-heading h2 {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(3.7rem, 8vw, 8.8rem);
  line-height: 1.02;
}

.premium-work-intro {
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
}

.premium-work-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(18px, 2.2vw, 28px);
}

.premium-work-card {
  display: flex;
  grid-column: span 4;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(39, 43, 88, .1);
  border-radius: 26px;
  background: #FFFFFF;
  box-shadow: 0 24px 64px rgba(12, 16, 42, .1);
  color: var(--color-brand--secondary);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.premium-work-card-wide {
  grid-column: span 6;
}

.premium-work-card-full {
  grid-column: 1 / -1;
}

.premium-work-card:hover {
  transform: translateY(-4px);
  border-color: rgba(234, 128, 0, .24);
  box-shadow: 0 32px 78px rgba(12, 16, 42, .16);
}

.premium-work-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #FBFAF6;
}

.premium-work-card-wide .premium-work-media {
  aspect-ratio: 16 / 10;
}

.premium-work-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.premium-work-card[data-focus="top"] .premium-work-media img {
  object-position: center top;
}

.premium-work-card-full .premium-work-media {
  aspect-ratio: 21 / 8;
}

.premium-work-card[data-fit="contain"] .premium-work-media {
  padding: 18px;
  background: #FBFAF6;
}

.premium-work-card[data-fit="contain"] .premium-work-media img {
  border-radius: 18px;
  object-fit: contain;
  filter: drop-shadow(0 14px 26px rgba(12, 16, 42, .12));
}

.premium-work-copy {
  padding: clamp(22px, 2.4vw, 30px);
}

.premium-work-type {
  display: block;
  margin-bottom: 10px;
  color: var(--color-brand--primary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.premium-work-copy h3 {
  margin: 0 0 12px;
  font-size: clamp(2rem, 3.1vw, 3.7rem);
  line-height: 1.06;
  letter-spacing: 0;
  text-transform: uppercase;
}

.premium-work-copy p {
  margin: 0;
  color: rgba(39, 43, 88, .78);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  line-height: 1.45;
}

.premium-work-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.premium-work-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(39, 43, 88, .1);
  border-radius: 999px;
  background: rgba(39, 43, 88, .05);
  color: rgba(39, 43, 88, .78);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

@media screen and (max-width: 991px) {
  .premium-work-card,
  .premium-work-card-wide {
    grid-column: span 6;
  }
}

@media screen and (max-width: 767px) {
  .premium-work-section .padding-140px {
    padding-top: 92px;
    padding-bottom: 138px;
  }

  .premium-work-heading {
    margin-bottom: 34px;
    text-align: left;
  }

  .premium-work-heading h2,
  .premium-work-intro {
    margin-left: 0;
  }

  .premium-work-card,
  .premium-work-card-wide {
    grid-column: 1 / -1;
    border-radius: 22px;
  }

  .premium-work-heading h2 {
    font-size: clamp(2.85rem, 12vw, 3.8rem);
    line-height: 1.04;
  }

  .premium-work-grid {
    padding-bottom: 82px;
  }

  .premium-work-media,
  .premium-work-card-wide .premium-work-media,
  .premium-work-card-full .premium-work-media {
    aspect-ratio: 1 / 1.04;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-hero-grid,
  .premium-energy-line,
  .premium-client-chip,
  .premium-hero-logo,
  .premium-hero-skills span,
  .premium-hero-work-card,
  .premium-stage-frame,
  .premium-stage-frame::before,
  .premium-stage-meter span,
  .premium-service-track {
    animation: none !important;
  }

  .premium-hero-skills span {
    opacity: 1;
    transform: rotate(var(--rest-rotate, 0deg));
  }
}

@media (min-width: 768px) {
  html {
    scroll-snap-type: y proximity;
  }

  .premium-hero-experience,
  .feature-section,
  .services-section,
  .premium-work-section,
  .premium-pricing-live-section,
  .faq-section,
  .footer-section {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

}

.premium-hero-bg::before {
  content: "";
  position: absolute;
  inset: -10%;
  background:
    radial-gradient(circle at 18% 34%, rgba(255, 255, 255, .11), transparent 24%),
    radial-gradient(circle at 78% 28%, rgba(234, 128, 0, .14), transparent 23%),
    linear-gradient(180deg, rgba(39, 43, 88, .08), rgba(39, 43, 88, .76));
  opacity: .72;
  transform: none;
}

.premium-hero-bg::after {
  content: "";
  position: absolute;
  inset: auto -10vw 8vh;
  height: 26vh;
  background: linear-gradient(90deg, transparent, rgba(234, 128, 0, .22), rgba(255, 255, 255, .16), transparent);
  filter: blur(32px);
  opacity: .75;
  transform: rotate(-4deg);
  animation: premium-energy-breathe 5.8s ease-in-out infinite;
}

.premium-hero-work-deck {
  --work-card-width: clamp(118px, 10.5vw, 158px);
  --work-card-height: clamp(76px, 6.8vw, 102px);
  position: relative;
  z-index: 4;
  order: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(780px, 92vw);
  margin-top: clamp(18px, 2.4vh, 28px);
  isolation: isolate;
  perspective: 900px;
}

.premium-hero-work-card {
  position: relative;
  flex: 0 0 var(--work-card-width);
  height: var(--work-card-height);
  margin: 0 clamp(-8px, -.7vw, -5px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 8px;
  background: rgba(255, 255, 255, .1);
  box-shadow: 0 20px 42px rgba(8, 11, 36, .28);
  transform: rotate(var(--work-card-rotate, 0deg)) translateY(var(--work-card-y, 0));
  animation: premium-work-card-float 7.2s ease-in-out infinite;
}

.premium-hero-work-card:nth-child(1) {
  --work-card-rotate: -7deg;
  --work-card-y: 6px;
  z-index: 2;
  animation-delay: -.8s;
}

.premium-hero-work-card:nth-child(2) {
  --work-card-rotate: 4deg;
  --work-card-y: -4px;
  z-index: 4;
  animation-delay: -2.1s;
}

.premium-hero-work-card:nth-child(3) {
  --work-card-rotate: -3deg;
  --work-card-y: 5px;
  z-index: 3;
  animation-delay: -3.4s;
}

.premium-hero-work-card:nth-child(4) {
  --work-card-rotate: 7deg;
  --work-card-y: -3px;
  z-index: 5;
  animation-delay: -4.8s;
}

.premium-hero-work-card:nth-child(5) {
  --work-card-rotate: -5deg;
  --work-card-y: 2px;
  z-index: 4;
  animation-delay: -5.6s;
}

.premium-hero-work-card:nth-child(6) {
  --work-card-rotate: 5deg;
  --work-card-y: 3px;
  z-index: 5;
  animation-delay: -6.2s;
}

.premium-hero-work-card img,
.premium-hero-work-card video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
}

.premium-hero-work-card video {
  background: #fff;
}

.premium-hero-work-card[data-card="signature"] {
  background: #FFFFFF;
}

.premium-signature-preview {
  position: absolute;
  inset: 6px 6px 34px;
  overflow: hidden;
  border-radius: 6px;
  background: #FFFFFF;
}

.premium-signature-preview iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}

.premium-hero-work-card:nth-child(1) img,
.premium-hero-work-card:nth-child(4) img {
  object-position: center 42%;
}

.premium-hero-work-card span {
  position: absolute;
  left: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(234, 128, 0, .95);
  color: #fff;
  font-size: .74rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
}

.premium-hero-work-card:nth-child(4) span {
  right: 8px;
  left: auto;
}

.premium-hero-work-card[data-card="photo"] span,
.premium-hero-work-card[data-card="display"] span,
.premium-hero-work-card[data-card="brand"] span {
  right: 8px;
  left: auto;
}

.premium-client-logo-rail {
  order: 5;
  width: min(860px, 92vw);
  margin-top: clamp(18px, 2.4vh, 26px);
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.premium-client-logo-track {
  display: flex;
  align-items: center;
  width: max-content;
  gap: clamp(24px, 3.4vw, 48px);
  animation: premium-logo-rail 30s linear infinite;
}

.premium-client-logo-track img {
  display: block;
  width: auto;
  height: clamp(30px, 3.6vw, 46px);
  max-width: 154px;
  object-fit: contain;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .26));
  opacity: .9;
}

.premium-service-card::before {
  width: min(44%, 420px);
  border: 0;
  border-radius: 8px;
  opacity: .62;
  filter: saturate(.98) contrast(1.04);
}

.premium-service-card.two::before {
  opacity: .46;
}

.premium-service-card[data-service="Website Creation"] {
  --service-art: url("../img/hero-work/website-case-study.jpg");
}

.premium-service-card[data-service="HTML Signatures"] {
  --service-art: url("../img/hero-work/html-signature-lee-smith.jpg");
  overflow: hidden;
}

.premium-service-card[data-service="Content Creation"] {
  --service-art: url("../img/hero-work/social-content-case-study.jpg");
}

.premium-service-card[data-service="Brand Assets"] {
  --service-art: url("../img/hero-work/brand-kit-case-study.jpg");
}

.premium-service-card[data-service="Video Production"] {
  --service-art: url("../img/work-card-reel-effect.jpg");
}

.premium-service-card[data-service="Photography"] {
  --service-art: url("../img/hero-work/green-aesthetics-photography.jpg");
}

.premium-service-card[data-service="Digital Displays"] {
  --service-art: url("../video/urban-luxe-property-display-poster.jpg");
}

.premium-service-card[data-service="Launch Campaigns"] {
  --service-art: url("../img/hero-work/website-case-study.jpg");
}

.premium-pricing-live-section {
  position: relative;
  min-height: clamp(1180px, 136svh, 1500px);
  display: flex;
  align-items: flex-start;
  background:
    radial-gradient(circle at 50% 16%, rgba(234, 128, 0, .14), transparent 36%),
    #272B58;
  overflow: visible;
}

.premium-pricing-live-section .padding-140px {
  width: 100%;
  padding-top: clamp(86px, 10vh, 132px);
  padding-bottom: clamp(128px, 16vh, 180px);
}

.premium-pricing-live-section .base-container {
  min-height: clamp(1120px, 116svh, 1320px);
}

.premium-pricing-heading {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

.premium-pricing-heading h2 {
  color: #fff;
}

.premium-pricing-heading .pricing-section-details {
  color: rgba(255, 255, 255, .74);
}

.premium-pricing-live-wrap {
  position: sticky;
  top: clamp(104px, 12vh, 142px);
  width: min(100%, 1180px);
  margin: -8px auto 0;
  border-radius: 8px;
  overflow: hidden;
  background: #272B58;
  box-shadow: 0 34px 90px rgba(8, 11, 36, .24);
}

premium-pricing-table {
  display: block;
  width: 100%;
}

.premium-pricing-route-note {
  display: none;
  max-width: 780px;
  margin: 20px auto 0;
  color: rgba(39, 43, 88, .68);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.45;
  text-align: center;
}

.header-section .nav-menu-items {
  justify-self: center;
}

.premium-client-chip {
  display: none !important;
}

@keyframes premium-logo-rail {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes premium-energy-breathe {
  0%,
  100% {
    opacity: .42;
    transform: translateX(-4vw) rotate(-4deg);
  }

  50% {
    opacity: .82;
    transform: translateX(4vw) rotate(-2deg);
  }
}

@media screen and (max-height: 820px) and (min-width: 768px) {
  .premium-hero-work-deck {
    --work-card-width: clamp(106px, 9.2vw, 138px);
    --work-card-height: clamp(66px, 5.7vw, 88px);
    margin-top: 16px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .premium-hero-copy {
    width: min(64vw, 520px);
    font-size: clamp(2.15rem, 5.4vw, 2.85rem);
  }

  .premium-hero-copy span {
    transform: scaleX(1.04);
  }
}

@media screen and (max-width: 991px) {
  .header-section .brand-logo {
    display: none;
  }

  .header-section {
    display: flex;
    justify-content: flex-end;
  }

  .header-section .header-container {
    width: auto !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: 18px !important;
  }

  .header-section .navbar-area,
  .header-section .nav-bar-wrapper {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .header-section .navbar-area {
    height: var(--header-height) !important;
    min-height: 0;
    padding: var(--header-pad-y) var(--header-pad-x) !important;
    border-radius: 24px;
  }

  .header-section .menu-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: var(--color-brand--primary) !important;
    box-shadow: 0 12px 30px rgba(234, 128, 0, .28);
  }

  .header-section .nenu-icon-wrap {
    width: 100%;
    height: 100%;
  }

  .header-section .top-line,
  .header-section .bottom,
  .header-section .bottom-line {
    background: #fff !important;
  }

  .header-section .menu-button .top-line,
  .header-section .menu-button .bottom-line,
  .header-section .menu-button .bottom {
    width: 70% !important;
    height: 2px !important;
    opacity: 1 !important;
    transform-origin: center center !important;
    transition:
      transform .28s ease,
      opacity .18s ease !important;
  }

  .header-section .menu-button:not(.w--open) .top-line,
  .header-section .menu-button:not(.w--open) .bottom-line,
  .header-section .menu-button:not(.w--open) .bottom {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) rotate(0deg) !important;
  }

  .header-section .menu-button.w--open .top-line {
    opacity: 1 !important;
    transform: translate3d(0, 7px, 0) rotate(45deg) !important;
  }

  .header-section .menu-button.w--open .bottom-line {
    opacity: 1 !important;
    transform: rotate(45deg) !important;
  }

  .header-section .menu-button.w--open .bottom {
    opacity: 1 !important;
    transform: translate3d(0, -7px, 0) rotate(-45deg) !important;
  }

  .nav-bar-wrapper {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
  }

  .premium-pricing-live-section {
    min-height: 0;
  }

  .premium-pricing-live-wrap {
    border-radius: 8px;
  }
}

@media screen and (max-width: 767px) {
  .premium-hero-work-deck {
    --work-card-width: clamp(78px, 18.5vw, 96px);
    --work-card-height: clamp(54px, 12.8vw, 66px);
    width: min(360px, 92vw);
    margin-top: 16px;
  }

  .premium-hero-work-card {
    margin: 0 -5px;
  }

  .premium-hero-work-card span {
    left: 6px;
    bottom: 6px;
    min-height: 19px;
    padding: 0 7px;
    font-size: .58rem;
  }

  .premium-client-logo-rail {
    margin-top: 28px;
  }

  .premium-client-logo-track {
    gap: 34px;
    animation-duration: 24s;
  }

  .premium-client-logo-track img {
    height: 34px;
    max-width: 124px;
  }

  .premium-service-card::before {
    width: min(86%, 320px);
    opacity: .18;
  }

  .premium-pricing-route-note {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .header-section {
    display: flex !important;
    justify-content: flex-end;
  }

  .header-section {
    inset: 18px 0 auto !important;
    width: 100% !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .navbar-area {
    position: relative;
  }

  .nav-bar-wrapper {
    justify-content: flex-end;
  }

  .premium-hero-content,
  .premium-hero-title,
  .premium-hero-copy,
  .premium-hero-skills,
  .premium-hero-actions,
  .premium-hero-work-deck,
  .premium-client-logo-rail {
    max-width: calc(100vw - 36px) !important;
  }

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

  .premium-hero-logo {
    width: min(68vw, 264px) !important;
    max-height: 28vh;
  }

  .premium-hero-copy {
    width: min(68vw, 264px) !important;
    max-width: calc(100vw - 36px) !important;
    font-size: clamp(1.16rem, 5.9vw, 1.46rem);
  }

  .premium-hero-copy span {
    transform: scaleX(1.08);
  }

  .premium-hero-skills {
    justify-content: center;
  }

  .premium-hero-skills span {
    flex: 0 1 auto;
  }

  .premium-hero-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    gap: 12px;
  }

  .premium-hero-actions .premium-button-simple {
    width: min(100%, 280px) !important;
    max-width: calc(100vw - 56px) !important;
    min-height: 54px;
  }
}

@media screen and (max-width: 479px) {
  .premium-hero-work-deck {
    --work-card-width: clamp(66px, 18vw, 78px);
    --work-card-height: clamp(48px, 13.5vw, 56px);
    margin-top: 12px;
  }

  .premium-hero-work-card {
    margin: 0 -4px;
  }

  .premium-hero-work-card span {
    min-height: 17px;
    padding: 0 6px;
    font-size: .52rem;
  }

  .header-section .header-button {
    display: none !important;
  }

  .header-section .menu-button {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: flex !important;
    z-index: 220 !important;
    transform: none !important;
  }

  .navbar-area {
    min-height: 70px;
  }
}

/* Premium Productions homepage polish layer */
@media screen and (min-width: 992px) {
  .header-section {
    --hero-nav-gap: clamp(22px, 1.9vw, 34px);
  }

  .header-section .header-container {
    width: auto;
    max-width: calc(100% - 36px);
  }

  .header-section .navbar-area {
    width: min(calc(100vw - 40px), 940px);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--hero-nav-gap);
    padding-right: var(--hero-nav-gap);
  }

  .header-section .nav-bar-wrapper {
    display: flex;
    width: max-content;
    justify-content: center;
    margin: 0 auto;
  }

  .header-section .brand-logo,
  .header-section .logo-wrap,
  .header-section .brand,
  .header-section .div-block {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
  }

  .header-section .nav-menu-items.w-nav-menu {
    display: flex !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0;
    padding-left: var(--hero-nav-gap);
    padding-right: var(--hero-nav-gap);
  }
}

.header-section .nav-menu-items {
  align-items: center !important;
  column-gap: clamp(22px, 1.9vw, 34px);
}

.header-section .nav-menu-item {
  height: 100%;
  font-family: "Premium Bryson", "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: clamp(24px, 1.9vw, 38px);
  letter-spacing: .03em;
  text-transform: uppercase;
  transform: translateY(-1px);
}

.premium-header-contact-wrap {
  position: relative;
  display: inline-flex;
  align-self: stretch;
  align-items: center;
}

.header-section .premium-header-contact-toggle {
  appearance: none;
  gap: .28em;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.header-section .premium-header-contact-toggle::after {
  content: "";
  width: .26em;
  height: .26em;
  border-right: .08em solid currentColor;
  border-bottom: .08em solid currentColor;
  transform: translateY(-.12em) rotate(45deg);
  transition: transform .22s ease;
}

.premium-header-contact-wrap.is-open .premium-header-contact-toggle::after {
  transform: translateY(.08em) rotate(225deg);
}

.premium-header-contact-popover {
  position: absolute;
  top: calc(100% + 22px);
  right: 0;
  z-index: 1005;
  display: grid;
  gap: 8px;
  width: min(360px, calc(100vw - 44px));
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 30px;
  background: #EA8000;
  box-shadow: 0 28px 80px rgba(8, 11, 36, .34), inset 0 1px rgba(255, 255, 255, .14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px) scale(.97);
  transform-origin: top right;
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}

.premium-header-contact-wrap.is-open .premium-header-contact-popover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.premium-header-contact-wrap.is-open .premium-header-contact-toggle {
  color: #EA8000;
}

.premium-header-contact-popover a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  text-decoration: none;
}

.premium-header-contact-popover a:first-of-type {
  border-color: #EA8000;
  background: #EA8000;
  box-shadow: 0 12px 30px rgba(234, 128, 0, .24);
}

.premium-header-contact-popover a span {
  font-size: 13px;
  font-weight: 850;
}

.premium-header-contact-popover a strong {
  overflow: hidden;
  max-width: 205px;
  color: rgba(255, 255, 255, .74);
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.premium-header-contact-head {
  display: none;
}

.premium-header-contact-title {
  display: none;
}

.premium-header-contact-links {
  display: grid;
  gap: 8px;
}

.premium-header-contact-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff;
  text-decoration: none;
  transition: background-color .22s ease, border-color .22s ease, color .22s ease, transform .22s ease;
}

.premium-header-contact-links a:first-of-type {
  border-color: rgba(255, 255, 255, .16);
  background: transparent !important;
  box-shadow: none;
}

.premium-header-contact-links a span {
  font-size: 13px;
  font-weight: 850;
}

.premium-header-contact-links a strong {
  overflow: hidden;
  max-width: 205px;
  color: rgba(255, 255, 255, .74);
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.premium-header-contact-links a:hover,
.premium-header-contact-links a:focus-visible {
  background: #EA8000 !important;
  border-color: #EA8000 !important;
  color: #fff;
}

@media screen and (max-width: 991px) {
  .header-section {
    z-index: 1000 !important;
  }

  .header-section .navbar-area {
    overflow: visible !important;
  }

  .header-section .nav-menu-items.w-nav-menu {
    position: fixed !important;
    top: 92px !important;
    left: auto !important;
    right: 14px !important;
    z-index: 230 !important;
    width: min(calc(100vw - 68px), 340px) !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 28px;
    background: var(--color-brand--primary);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 255, 255, .12);
    backdrop-filter: blur(24px) saturate(1.15);
    -webkit-backdrop-filter: blur(24px) saturate(1.15);
    transform: none !important;
  }

  .header-section .nav-menu-items .nav-menu-item {
    display: flex !important;
    width: 100%;
    height: 42px !important;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 16px;
    line-height: 1;
    transform: none;
  }

  .header-section .nav-menu-items .nav-menu-item:hover,
  .header-section .nav-menu-items .nav-menu-item.w--current {
    background: var(--color-brand--primary);
    color: #fff;
  }
}

.premium-workflow-list {
  display: grid;
  gap: 14px;
  margin-top: clamp(24px, 3vw, 38px);
}

.premium-workflow-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px;
  border: 1px solid rgba(39, 43, 88, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 18px 44px rgba(12, 16, 42, .07);
}

.premium-workflow-item > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: var(--color-brand--primary);
  color: #fff;
  font-family: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1;
}

.premium-workflow-item h4 {
  margin: 0 0 7px;
  color: var(--color-brand--secondary);
  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
  line-height: 1.08;
  text-transform: uppercase;
}

.premium-workflow-item p {
  margin: 0;
  color: rgba(39, 43, 88, .76);
  font-size: 1rem;
  line-height: 1.48;
}

.feature-image {
  border-radius: 8px;
  box-shadow: 0 28px 68px rgba(12, 16, 42, .13);
  object-position: center;
}

.premium-service-card,
.premium-work-card {
  border-radius: 8px;
}

.premium-service-card {
  min-height: clamp(380px, 58svh, 560px);
  overflow: hidden;
  background-clip: padding-box;
}

.premium-service-card::after {
  border-radius: inherit;
}

@media screen and (min-width: 768px) {
  .services-left-area {
    will-change: transform;
  }

  .services-card-wrapper::after {
    content: none !important;
    display: none !important;
    height: 0 !important;
  }
}

.premium-service-card::before {
  border-radius: 8px;
}

.services-card-wrapper {
  gap: clamp(22px, 3.5vh, 36px);
}

.premium-work-card {
  box-shadow: 0 22px 58px rgba(12, 16, 42, .09);
}

.premium-work-media {
  background: #FBFAF6;
}

.premium-work-card[data-focus="suri"] .premium-work-media img {
  object-position: 58% 34%;
}

.premium-work-card[data-fit="contain"] .premium-work-media {
  padding: clamp(10px, 1.5vw, 18px);
}

.premium-work-card[data-fit="contain"] .premium-work-media img {
  border-radius: 6px;
}

.premium-pricing-live-section .padding-140px,
.faq-section {
  padding-bottom: clamp(130px, 16vh, 190px);
}

.premium-service-runway {
  contain: paint;
}

@media screen and (min-width: 992px) {
  .premium-hero-experience {
    min-height: 225svh;
    height: 225svh;
    padding-top: 0;
    overflow: visible;
  }

  .premium-hero-container {
    position: sticky;
    top: 0;
    overflow: hidden;
    height: 100svh;
    min-height: 100svh;
    padding: clamp(126px, 15vh, 158px) clamp(22px, 4vw, 72px) clamp(112px, 13vh, 148px);
  }

  .premium-hero-content {
    position: relative;
    max-width: min(1040px, 100%);
  }

  .premium-hero-title,
  .premium-hero-skills,
  .premium-hero-copy,
  .premium-hero-actions {
    position: relative;
    z-index: 5;
  }

  .premium-hero-title {
    z-index: 90;
    width: fit-content;
    max-width: min(610px, 44vw);
    margin-top: 0;
    opacity: var(--hero-logo-opacity);
    filter: blur(var(--hero-logo-blur));
    transform: translateY(var(--hero-logo-y));
    transform-origin: center center;
    will-change: transform, filter, opacity;
  }

  .premium-hero-logo {
    width: var(--hero-logo-width);
    max-width: 86vw;
    max-height: none;
    animation-play-state: paused;
    filter: none;
    will-change: width;
  }

  .premium-hero-skills {
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: clamp(14px, 1.8vh, 20px);
  }

  .premium-hero-skills,
  .premium-hero-copy,
  .premium-hero-actions {
    opacity: var(--hero-support-opacity);
    filter: blur(var(--hero-support-blur));
    transform: scale(var(--hero-support-scale));
    transform-origin: center 18%;
    will-change: transform, filter, opacity;
  }

  .premium-hero-copy {
    width: clamp(330px, 35vw, 520px);
    margin-top: clamp(14px, 1.8vh, 20px);
    font-size: clamp(1.62rem, 2.55vw, 2.58rem);
  }

  .premium-hero-copy span {
    transform: none;
  }

  .premium-hero-actions {
    margin-top: clamp(18px, 2.2vh, 24px);
  }

  .premium-hero-work-deck {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100svh;
    margin: 0;
    pointer-events: none;
    transform: translateX(-50%);
  }

  .premium-hero-work-card {
    position: absolute;
    flex: none;
    width: clamp(198px, 15.4vw, 315px);
    height: auto;
    aspect-ratio: 1.48 / 1;
    margin: 0;
    border-radius: 10px;
    opacity: 0;
    transform: translate3d(var(--pupil-pop-x, 0), var(--pupil-pop-y, 0), 0) rotate(0deg) scale(.018);
    animation: none;
    box-shadow: 0 26px 54px rgba(8, 11, 36, .34);
  }

  .premium-hero-work-card[data-card="website"] {
    --work-card-rotate: -7deg;
    --work-card-y: 2px;
    --pupil-pop-x: clamp(520px, 46vw, 850px);
    --pupil-pop-y: clamp(-30px, -3vh, -12px);
    --card-pop-delay: .1s;
    top: clamp(-38px, -3vh, -18px);
    left: clamp(34px, 4.6vw, 92px);
  }

  .premium-hero-work-card[data-card="content"] {
    --work-card-rotate: 5deg;
    --work-card-y: -5px;
    --pupil-pop-x: clamp(500px, 44vw, 820px);
    --pupil-pop-y: clamp(-260px, -22vh, -170px);
    --card-pop-delay: .2s;
    top: clamp(244px, 25.4vh, 306px);
    left: clamp(40px, 5.2vw, 112px);
  }

  .premium-hero-work-card[data-card="signature"] {
    --work-card-rotate: -4deg;
    --work-card-y: 4px;
    --pupil-pop-x: clamp(470px, 42vw, 790px);
    --pupil-pop-y: clamp(-480px, -42vh, -310px);
    --card-pop-delay: .3s;
    width: clamp(178px, 13.6vw, 270px);
    aspect-ratio: 500 / 428;
    bottom: clamp(218px, 24vh, 270px);
    left: clamp(76px, 8.6vw, 176px);
  }

  .premium-hero-work-card[data-card="website"],
  .premium-hero-work-card[data-card="content"],
  .premium-hero-work-card[data-card="signature"] {
    translate: var(--hero-side-left) 0;
    opacity: var(--hero-side-opacity);
    filter: blur(var(--hero-exit-blur));
    will-change: transform, translate, filter, opacity;
  }

  .premium-hero-work-card[data-card="photo"] {
    --work-card-rotate: 6deg;
    --work-card-y: -5px;
    --pupil-pop-x: clamp(-520px, -28vw, -310px);
    --pupil-pop-y: clamp(-30px, -3vh, -12px);
    --card-pop-delay: .16s;
    top: clamp(-38px, -3vh, -18px);
    right: clamp(34px, 4.6vw, 92px);
  }

  .premium-hero-work-card[data-card="display"] {
    --work-card-rotate: -5deg;
    --work-card-y: 2px;
    --pupil-pop-x: clamp(-550px, -31vw, -340px);
    --pupil-pop-y: clamp(-260px, -22vh, -170px);
    --card-pop-delay: .26s;
    top: clamp(244px, 25.4vh, 306px);
    right: clamp(40px, 5.2vw, 112px);
  }

  .premium-hero-work-card[data-card="brand"] {
    --work-card-rotate: 5deg;
    --work-card-y: 3px;
    --pupil-pop-x: clamp(-560px, -33vw, -360px);
    --pupil-pop-y: clamp(-480px, -42vh, -310px);
    --card-pop-delay: .36s;
    bottom: clamp(218px, 24vh, 270px);
    right: clamp(76px, 8.6vw, 176px);
  }

  .premium-hero-work-card[data-card="photo"],
  .premium-hero-work-card[data-card="display"],
  .premium-hero-work-card[data-card="brand"] {
    translate: var(--hero-side-right) 0;
    opacity: var(--hero-side-opacity);
    filter: blur(var(--hero-exit-blur));
    will-change: transform, translate, filter, opacity;
  }

  .premium-hero-work-card span {
    min-height: 27px;
    padding: 0 11px;
    font-size: .76rem;
  }

  .premium-service-runway {
    bottom: clamp(12px, 2vh, 22px);
    transform: translateY(var(--hero-bottom-drop));
    will-change: transform;
  }

  .premium-motion-stage {
    opacity: var(--hero-side-opacity);
    filter: blur(var(--hero-exit-blur));
    transform: none;
    will-change: filter, opacity;
  }
}

@media screen and (min-width: 992px) {
  .premium-hero-work-deck .premium-hero-work-card {
    opacity: 0;
    transform: translate3d(var(--pupil-pop-x, 0), var(--pupil-pop-y, 0), 0) rotate(0deg) scale(.018);
    animation: none !important;
  }

  body.is-hero-work-ready .premium-hero-work-deck .premium-hero-work-card {
    animation:
      premium-card-pupil-pop 1.12s linear var(--card-pop-delay, .12s) both,
      premium-work-card-float 8.4s ease-in-out calc(var(--card-pop-delay, .12s) + 1.12s) infinite !important;
  }

  .premium-hero-work-card[data-card="website"] {
    --card-pop-delay: .12s;
  }

  .premium-hero-work-card[data-card="content"] {
    --card-pop-delay: .36s;
  }

  .premium-hero-work-card[data-card="signature"] {
    --card-pop-delay: .6s;
  }

  .premium-hero-work-card[data-card="photo"] {
    --card-pop-delay: .84s;
  }

  .premium-hero-work-card[data-card="display"] {
    --card-pop-delay: 1.08s;
  }

  .premium-hero-work-card[data-card="brand"] {
    --card-pop-delay: 1.32s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-hero-work-deck .premium-hero-work-card {
    opacity: .95 !important;
    transform: rotate(var(--work-card-rotate, 0deg)) translateY(var(--work-card-y, 0)) !important;
    animation: none !important;
  }
}

@keyframes premium-work-card-float-center {
  0%,
  100% {
    transform: translateX(-50%) rotate(var(--work-card-rotate, 0deg)) translateY(var(--work-card-y, 0)) translateZ(0);
  }

  50% {
    transform: translateX(-50%) rotate(var(--work-card-rotate, 0deg)) translateY(calc(var(--work-card-y, 0px) - 8px)) translateZ(18px);
  }
}

@media screen and (min-width: 992px) and (max-height: 850px) {
  .premium-hero-container {
    padding-top: clamp(106px, 13vh, 128px);
    padding-bottom: 104px;
  }

  .premium-hero-logo {
    width: clamp(300px, 31vw, 455px);
    max-height: min(31vh, 270px);
  }

  .premium-hero-copy {
    width: clamp(300px, 31vw, 455px);
    font-size: clamp(1.45rem, 2.2vw, 2.18rem);
  }

  .premium-hero-work-card[data-card="signature"],
  .premium-hero-work-card[data-card="brand"] {
    bottom: clamp(62px, 7vh, 82px);
  }

  .premium-hero-work-card[data-card="content"],
  .premium-hero-work-card[data-card="display"] {
    top: clamp(250px, 25.4vh, 314px);
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) and (min-height: 960px) {
  .premium-hero-work-card[data-card="website"] {
    top: clamp(-38px, -3vh, -18px);
    left: clamp(24px, 4vw, 56px);
  }

  .premium-hero-work-card[data-card="content"] {
    top: clamp(254px, 25.4vh, 318px);
    left: clamp(34px, 5vw, 74px);
  }

  .premium-hero-work-card[data-card="photo"] {
    top: clamp(-38px, -3vh, -18px);
    right: clamp(24px, 4vw, 56px);
  }

  .premium-hero-work-card[data-card="display"] {
    top: clamp(254px, 25.4vh, 318px);
    right: clamp(34px, 5vw, 74px);
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .premium-hero-experience {
    padding-top: 0;
  }

  .premium-hero-container {
    min-height: 100svh;
    padding-top: clamp(132px, 13vh, 160px);
    padding-bottom: clamp(112px, 14vh, 156px);
  }

  .premium-hero-title {
    width: min(560px, 74vw);
  }

  .premium-hero-logo {
    width: min(560px, 74vw);
    max-height: 31vh;
  }

  .premium-hero-copy {
    width: min(560px, 74vw);
    font-size: clamp(1.88rem, 4.7vw, 2.75rem);
  }

  .premium-hero-copy span {
    transform: none;
  }

  .premium-hero-work-deck {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: min(560px, 82vw);
    margin-top: clamp(18px, 2.4vh, 24px);
  }

  .premium-hero-work-card {
    width: auto;
    height: auto;
    aspect-ratio: 1.48 / 1;
    margin: 0;
    border-radius: 8px;
  }

  .premium-hero-work-card:nth-child(n + 3) {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .premium-hero-experience {
    padding-top: 0;
  }

  .premium-hero-container {
    min-height: 100svh;
    overflow: visible;
    padding: clamp(112px, 13vh, 132px) 18px clamp(108px, 16vh, 138px);
  }

  .premium-hero-experience,
  .premium-hero-content,
  .premium-hero-title,
  .premium-hero-logo {
    overflow: visible;
  }

  .premium-hero-title {
    z-index: 1400;
  }

  .premium-hero-logo {
    z-index: 1401;
  }

  .premium-hero-logo {
    width: min(72vw, 286px) !important;
    max-height: 25vh;
  }

  .premium-hero-copy {
    width: min(86vw, 330px) !important;
    font-size: clamp(1.14rem, 5.6vw, 1.52rem);
    white-space: normal;
  }

  .premium-hero-copy span {
    transform: none;
  }

  .premium-hero-work-deck {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: min(340px, 88vw);
    margin-top: 16px;
  }

  .premium-hero-work-card {
    width: auto;
    height: auto;
    aspect-ratio: 1.48 / 1;
    margin: 0;
    border-radius: 8px;
    transform: none;
    animation: premium-work-card-float 8.4s ease-in-out infinite;
  }

  .premium-hero-work-card:nth-child(n + 3) {
    display: none;
  }

  .premium-hero-work-card span {
    min-height: 22px;
    padding: 0 8px;
    font-size: .62rem;
  }

  .premium-hero-actions {
    margin-top: 18px;
  }

  .premium-service-runway {
    bottom: 10px;
  }

  .premium-service-track span {
    min-height: 30px;
    padding: 0 12px;
    font-size: 11px;
  }

  .feature-section .padding-140px,
  .services-section .padding-140px,
  .premium-work-section .padding-140px,
  .premium-pricing-live-section .padding-140px,
  .faq-section {
    padding-bottom: 112px;
  }

  .feature-heading-wrapper,
  .premium-work-heading,
  .premium-pricing-heading {
    text-align: left;
  }

  .premium-workflow-item {
    padding: 16px;
  }

  .premium-service-card {
    min-height: 0;
    border-radius: 8px;
  }

  .premium-service-card::before {
    width: min(74%, 260px);
  }

  .premium-work-card[data-fit="contain"] .premium-work-media {
    aspect-ratio: 16 / 10;
  }
}

@media screen and (max-width: 479px) {
  .premium-hero-container {
    padding-top: clamp(108px, 12vh, 122px);
    padding-bottom: 104px;
  }

  .premium-hero-title {
    width: min(74vw, 292px);
  }

  .premium-hero-skills {
    width: min(330px, 88vw);
  }

  .premium-hero-skills span {
    min-height: 28px;
    padding: 7px 9px;
    font-size: 10px;
  }

  .premium-hero-work-deck {
    width: min(318px, 88vw);
  }

  .premium-hero-actions .premium-button-simple {
    min-height: 50px;
  }

  .premium-work-card[data-focus="suri"] .premium-work-media img {
    object-position: 62% 34%;
  }
}

/* Final responsive art-direction and polish pass */
.feature-image {
  aspect-ratio: 16 / 10;
  object-position: center;
}

.premium-service-card[data-service="Website Creation"] {
  --service-art: url("../img/hero-work/website-case-study.jpg");
}

.premium-service-card[data-service="HTML Signatures"] {
  --service-art: url("../img/hero-work/html-signature-lee-smith.jpg");
}

.premium-service-card[data-service="Content Creation"] {
  --service-art: url("../img/hero-work/social-content-case-study.jpg");
}

.premium-service-card[data-service="Brand Assets"] {
  --service-art: url("../img/hero-work/brand-kit-case-study.jpg");
}

.premium-service-card[data-service="Photography"] {
  --service-art: url("../img/hero-work/green-aesthetics-photography.jpg");
}

.premium-service-card[data-service="Digital Displays"] {
  --service-art: url("../video/urban-luxe-property-display-poster.jpg");
}

.premium-service-card[data-service="Launch Campaigns"] {
  --service-art: url("../img/hero-work/website-case-study.jpg");
}

.premium-service-card::before {
  background-size: cover;
  background-position: center;
}

.premium-service-card[data-service="HTML Signatures"]::before {
  background-size: contain;
}

.premium-work-card[data-focus="suri"][data-fit="contain"] .premium-work-media {
  aspect-ratio: 4 / 4.8;
  background: #FBFAF6;
}

.premium-work-card[data-focus="suri"][data-fit="contain"] .premium-work-media img {
  object-fit: contain;
  object-position: center;
}

.premium-service-card {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: clamp(22px, 3vw, 36px);
  min-height: auto;
  padding: clamp(30px, 3.2vw, 48px);
}

.premium-service-card::before {
  display: none;
}

.premium-service-card::after {
  z-index: 0;
  background:
    radial-gradient(circle at 82% 18%, rgba(234, 128, 0, .13), transparent 31%),
    linear-gradient(135deg, rgba(251, 250, 246, .98), rgba(251, 250, 246, .9));
}

.premium-service-card.two::after {
  background:
    radial-gradient(circle at 80% 18%, rgba(255, 255, 255, .2), transparent 32%),
    linear-gradient(135deg, rgba(234, 128, 0, .98), rgba(234, 128, 0, .88));
}

.premium-service-content {
  max-width: none;
}

.premium-service-card .services-content-box {
  max-width: none;
}

.premium-service-card .custom-heading-h4 {
  max-width: 12ch;
  font-size: clamp(2.35rem, 3.7vw, 4.15rem);
}

.premium-service-card .margin-bottom-24px {
  margin-bottom: clamp(18px, 2.4vw, 28px);
}

@media screen and (min-width: 768px) {
  .services-right-area {
    align-self: stretch;
  }

  .services-card-wrapper {
    gap: 0;
    padding-bottom: clamp(140px, 24vh, 260px);
  }

  .services-card-wrapper::after {
    content: "" !important;
    display: block !important;
    height: clamp(160px, 24vh, 280px) !important;
  }

  .premium-service-pin {
    position: relative;
    min-height: clamp(780px, 96svh, 1040px);
  }

  .premium-service-pin > .premium-service-card {
    position: sticky;
    top: clamp(118px, 18vh, 196px);
    min-height: clamp(500px, 58svh, 660px);
    box-shadow: 0 34px 76px rgba(12, 16, 42, .18);
    transform-origin: center right;
  }
}

@media screen and (max-width: 767px) {
  .premium-service-pin {
    min-height: 0;
  }
}

.premium-service-visual {
  position: relative;
  z-index: 2;
  width: 100%;
  height: clamp(270px, 20vw, 340px);
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 8px;
  background: #272B58;
  box-shadow: 0 28px 72px rgba(12, 16, 42, .2);
  isolation: isolate;
  transform: rotate(.8deg);
}

.premium-service-card.two .premium-service-visual {
  transform: rotate(-.8deg);
  box-shadow: 0 28px 72px rgba(39, 43, 88, .26);
}

.premium-service-visual img,
.premium-service-visual video,
.premium-service-visual iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  object-fit: cover;
  object-position: center;
  transform: scale(1.015);
}

.premium-service-visual video {
  background: #fff;
}

.premium-service-visual span {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 4;
  display: inline-flex;
  max-width: calc(100% - 28px);
  min-height: 30px;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(234, 128, 0, .96);
  color: #fff;
  font-size: .78rem;
  font-weight: 850;
  line-height: 1.05;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .24);
}

.premium-service-visual[data-kind="website"]::before {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  left: 12px;
  z-index: 4;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 999px;
  background:
    radial-gradient(circle at 15px 50%, #ea8000 0 4px, transparent 4.5px),
    radial-gradient(circle at 31px 50%, rgba(234, 128, 0, .62) 0 4px, transparent 4.5px),
    radial-gradient(circle at 47px 50%, rgba(39, 43, 88, .34) 0 4px, transparent 4.5px),
    rgba(251, 250, 246, .88);
  box-shadow: 0 10px 28px rgba(12, 16, 42, .12);
  pointer-events: none;
}

.premium-service-signature-demo {
  background: #FFFFFF;
  border: 0;
  cursor: default;
  margin-top: 22px;
  overflow: visible;
}

@keyframes premium-signature-badge-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, 10px, 0);
  }
}

@keyframes premium-signature-badge-shimmer {
  0%,
  100% {
    opacity: .18;
    transform: translate3d(-2px, 2px, 0) scale(.96);
  }

  22% {
    opacity: .34;
    transform: translate3d(2px, -1px, 0) scale(1.02);
  }

  47% {
    opacity: .12;
    transform: translate3d(0, 1px, 0) scale(.98);
  }

  68% {
    opacity: .42;
    transform: translate3d(1px, -2px, 0) scale(1.04);
  }
}

@keyframes premium-signature-badge-glow {
  0%,
  100% {
    box-shadow:
      0 18px 36px rgba(39, 43, 88, .18),
      0 0 0 1px rgba(39, 43, 88, .16),
      inset 0 0 0 2px #EA8000,
      inset 0 0 0 5px #272B58;
  }

  50% {
    box-shadow:
      0 20px 40px rgba(39, 43, 88, .22),
      0 0 0 1px rgba(39, 43, 88, .2),
      0 0 28px rgba(255, 255, 255, .18),
      inset 0 0 0 2px #EA8000,
      inset 0 0 0 5px #272B58;
  }
}

.premium-service-signature-demo > span {
  top: -34px !important;
  right: 22px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  max-width: none;
  min-height: 0;
  padding: 11px;
  border: 4px solid #272B58 !important;
  border-radius: 50%;
  background: #EA8000 !important;
  color: #FFFFFF !important;
  font-family: "Premium Bryson", "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: 1.04rem;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: .86;
  text-align: center;
  white-space: pre-line;
  text-transform: uppercase;
  box-shadow: 0 18px 36px rgba(39, 43, 88, .18);
  overflow: hidden;
  isolation: isolate;
  pointer-events: none;
  cursor: default !important;
  animation: premium-signature-badge-float 1.9s ease-in-out infinite !important;
  will-change: transform;
}

.premium-service-signature-demo > span::after {
  content: attr(data-desktop-label);
  display: block;
  white-space: pre-line;
}

@media screen and (max-width: 767px) {
  .premium-service-signature-demo > span::after {
    content: attr(data-mobile-label);
  }
}

.premium-service-signature-demo::before {
  content: none !important;
}

.premium-service-signature-demo iframe {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  pointer-events: auto;
  border: 0 !important;
  border-radius: 8px;
  outline: 0;
  transform: none;
}

.premium-service-visual[data-kind="content"] img,
.premium-service-visual[data-kind="brand"] img {
  object-position: center 48%;
}

.premium-service-visual[data-kind="photo"] img {
  object-position: center 32%;
}

.premium-service-visual[data-kind="display"] img,
.premium-service-visual[data-kind="display"] video {
  object-fit: contain;
  object-position: center 46%;
  background: #0D1020;
  transform: none;
}

.premium-service-visual[data-kind="display"] span {
  top: 18px;
  right: 22px;
  bottom: auto;
  left: auto;
  z-index: 6;
}

.premium-display-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(318px, 24vw, 388px);
  padding: clamp(26px, 4vw, 36px) clamp(8px, 1.5vw, 16px) clamp(12px, 2vw, 18px);
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.premium-display-stage::before {
  content: none;
}

.premium-display-stage::after {
  content: none;
}

.premium-display-device {
  position: relative;
  z-index: 2;
  width: min(100%, 540px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.premium-display-monitor {
  position: relative;
  width: 100%;
  padding: clamp(14px, 1.8vw, 16px);
  border-radius: 24px;
  background:
    linear-gradient(180deg, #454d7c 0%, #202547 100%);
  box-shadow:
    0 18px 34px rgba(18, 21, 44, .2),
    inset 0 1px 0 rgba(255, 255, 255, .26),
    inset 0 -4px 14px rgba(0, 0, 0, .2);
}

.premium-display-monitor::before {
  content: none;
}

.premium-display-monitor::after {
  content: none;
}

.premium-display-screen {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: transparent;
  box-shadow: none;
}

.premium-display-screen-inner {
  overflow: hidden;
  border-radius: 12px;
  background: #0D1020;
  box-shadow: none;
}

.premium-display-screen-inner video {
  aspect-ratio: 16 / 9;
}

.premium-display-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(112deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 68%, rgba(255, 255, 255, .1) 100%);
  pointer-events: none;
}

.premium-display-neck {
  width: 96px;
  height: 34px;
  margin-top: -1px;
  background: linear-gradient(180deg, #424972 0%, #2a2f54 100%);
  clip-path: polygon(34% 0, 66% 0, 56% 100%, 44% 100%);
  box-shadow: 0 10px 18px rgba(18, 21, 44, .16);
}

.premium-display-base {
  width: 196px;
  height: 16px;
  margin-top: -2px;
  border-radius: 999px;
  background: linear-gradient(180deg, #373d66 0%, #1f2342 100%);
  box-shadow: 0 10px 20px rgba(18, 21, 44, .16);
}

@media screen and (max-width: 767px) {
  .premium-display-stage {
    min-height: 332px;
    padding: 54px 6px 16px;
  }

  .premium-service-visual[data-kind="display"] span {
    top: 14px;
    right: 18px;
    max-width: calc(100% - 54px);
    min-height: 0;
    padding: 8px 14px;
    font-size: .72rem;
    line-height: 1.15;
  }

  .premium-display-base {
    width: 168px;
  }
}

.premium-service-visual[data-kind="video"] i {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  width: clamp(58px, 6vw, 78px);
  height: clamp(58px, 6vw, 78px);
  border-radius: 999px;
  background: rgba(234, 128, 0, .95);
  box-shadow: 0 20px 44px rgba(0, 0, 0, .28);
  transform: translate(-50%, -50%);
}

.premium-service-visual[data-kind="video"] i::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 53%;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 20px solid #fff;
  transform: translate(-50%, -50%);
}

.premium-service-visual[data-kind="retainer"] {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 36%, rgba(234, 128, 0, .24), transparent 38%),
    linear-gradient(135deg, #272B58, #272B58);
}

.premium-service-visual[data-kind="retainer"] img {
  width: min(58%, 230px);
  height: auto;
  min-height: 0;
  object-fit: contain;
  filter: drop-shadow(0 22px 40px rgba(0, 0, 0, .28));
  transform: none;
}

.faq-section {
  padding-top: clamp(92px, 10vh, 132px);
  padding-bottom: clamp(160px, 18vh, 220px);
}

.faq-section .container {
  padding-bottom: clamp(80px, 12vh, 148px);
}

.faq-section .pricing-title-wrapper h2 {
  font-size: clamp(2.75rem, 4.8vw, 5.25rem);
  line-height: 1.02;
}

.question-block {
  align-items: center;
  gap: 18px;
  min-height: clamp(76px, 7vw, 104px);
}

.faq-heading {
  max-width: calc(100% - 58px);
  font-size: clamp(1.7rem, 3vw, 3.25rem);
  line-height: 1.04;
  overflow-wrap: anywhere;
}

.accordion-text {
  border-radius: 8px;
}

.premium-contact-collage-section {
  position: relative;
  z-index: 1;
  min-height: 140vh;
  min-height: 140svh;
  background:
    linear-gradient(135deg, rgba(8, 10, 24, .98) 0%, rgba(20, 23, 54, .98) 48%, rgba(10, 11, 20, 1) 100%);
  color: #fff;
  overflow: clip;
  isolation: isolate;
  scroll-margin-top: 0;
}

.premium-contact-sticky {
  min-height: 100vh;
  min-height: 100svh;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 84px 24px 112px;
  overflow: hidden;
}

.premium-contact-sticky::before {
  display: none;
}

.premium-contact-sticky::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  height: 34%;
  background: linear-gradient(180deg, transparent 0%, rgba(234, 128, 0, .16) 100%);
  pointer-events: none;
}

.premium-contact-giant {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .02em;
  color: rgba(255, 255, 255, .105);
  font-family: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: 15rem;
  line-height: .76;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
}

.premium-contact-giant span:last-child {
  color: rgba(255, 255, 255, .075);
}

.premium-contact-stage {
  position: relative;
  width: min(1040px, 92vw);
  height: min(66vh, 700px);
  min-height: 560px;
  transform: translateY(-12px);
}

.premium-contact-card {
  --x: 0px;
  --y: 0px;
  --r: 0deg;
  --throw-x: 0px;
  --throw-y: 0px;
  --throw-r: 0deg;
  --float: 8px;
  --float-speed: 8s;
  --float-delay: 1.1s;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: var(--w, 280px);
  aspect-ratio: 4 / 3;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 8px;
  background: rgba(246, 242, 235, .12);
  box-shadow: 0 26px 80px rgba(0, 0, 0, .42);
  overflow: hidden;
  translate: var(--x) var(--y);
  rotate: var(--r);
  scale: 1;
  transform-origin: center;
  animation:
    premiumContactSettle .9s cubic-bezier(.19, 1, .22, 1) both,
    premiumContactFloat var(--float-speed) ease-in-out var(--float-delay) infinite;
  animation-delay: var(--delay, 0s), var(--float-delay);
}

.premium-contact-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.03) contrast(1.02);
}

.premium-contact-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 10, 24, 0) 42%, rgba(8, 10, 24, .28) 100%);
  pointer-events: none;
}

.premium-contact-card figcaption {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--color-brand--primary);
  color: #fff;
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: .92rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
}

.premium-contact-card-web {
  --w: 330px;
  --x: -520px;
  --y: -248px;
  --r: -7deg;
  --throw-x: -72px;
  --throw-y: -38px;
  --throw-r: -7deg;
  --delay: .04s;
  z-index: 5;
  aspect-ratio: 16 / 9;
}

.premium-contact-card-web img {
  object-position: center 42%;
}

.premium-contact-card-content {
  --w: 260px;
  --x: 246px;
  --y: -246px;
  --r: 8deg;
  --throw-x: 72px;
  --throw-y: -50px;
  --throw-r: 8deg;
  --delay: .12s;
  z-index: 4;
  aspect-ratio: 3 / 4;
}

.premium-contact-card-content img {
  object-position: center 50%;
}

.premium-contact-card-signature {
  --w: 410px;
  --x: -504px;
  --y: 110px;
  --r: -5deg;
  --throw-x: -80px;
  --throw-y: 44px;
  --throw-r: -9deg;
  --delay: .2s;
  z-index: 6;
  aspect-ratio: 16 / 10;
}

.premium-contact-card-signature img {
  object-position: 24% 42%;
}

.premium-contact-card-display {
  --w: 246px;
  --x: 70px;
  --y: -318px;
  --r: 5deg;
  --throw-x: 36px;
  --throw-y: -78px;
  --throw-r: 7deg;
  --delay: .28s;
  z-index: 3;
  aspect-ratio: 3 / 4;
}

.premium-contact-card-display img {
  object-position: center 42%;
}

.premium-contact-card-brand {
  --w: 296px;
  --x: 246px;
  --y: 42px;
  --r: 7deg;
  --throw-x: 76px;
  --throw-y: 54px;
  --throw-r: 8deg;
  --delay: .36s;
  z-index: 5;
  aspect-ratio: 3 / 4;
}

.premium-contact-card-brand img {
  object-position: center 18%;
}

.premium-contact-card-photo {
  --w: 330px;
  --x: -112px;
  --y: 150px;
  --r: -6deg;
  --throw-x: -24px;
  --throw-y: 82px;
  --throw-r: -8deg;
  --delay: .44s;
  z-index: 2;
  aspect-ratio: 4 / 3;
}

.premium-contact-card-photo img {
  object-position: center 54%;
}

.premium-contact-orb {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: #272B58;
  color: #fff;
  font-family: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  translate: -50% -50%;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .44), 0 0 0 10px rgba(234, 128, 0, .05);
  transition: scale .25s ease, background-color .25s ease, color .25s ease;
}

.premium-contact-orb:hover {
  background: var(--color-brand--primary);
  color: #fff;
  scale: 1.05;
}

.premium-contact-copy {
  position: absolute;
  left: 50%;
  top: 54px;
  bottom: auto;
  z-index: 22;
  width: min(720px, calc(100% - 40px));
  translate: -50% 0;
  text-align: center;
}

.premium-contact-copy p {
  margin: 0 0 10px;
  color: var(--color-brand--primary);
  font-family: "Premium Bryson", "Premium Anton", Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.1;
  text-transform: uppercase;
}

.premium-contact-copy h2 {
  margin: 0;
  color: #fff;
  font-family: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: 2.55rem;
  line-height: .94;
  text-transform: uppercase;
}

.footer-marquee-wrap {
  display: none !important;
}

@keyframes premiumContactSettle {
  0% {
    opacity: 0;
    translate: calc(var(--x) + var(--throw-x)) calc(var(--y) + var(--throw-y));
    rotate: calc(var(--r) + var(--throw-r));
    scale: .9;
  }

  100% {
    opacity: 1;
    translate: var(--x) var(--y);
    rotate: var(--r);
    scale: 1;
  }
}

@keyframes premiumContactFloat {
  0%, 100% {
    translate: var(--x) var(--y);
  }

  50% {
    translate: var(--x) calc(var(--y) - var(--float));
  }
}

.footer-section {
  padding-bottom: clamp(104px, 12vh, 140px);
}

.footer-section .margin-bottom-60px {
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  .premium-hero-copy {
    font-size: clamp(2rem, 3.45vw, 3.45rem);
  }

  .premium-hero-copy span {
    transform: translateX(-35px) scaleX(1.02);
  }

  .premium-work-card[data-focus="suri"][data-fit="contain"] {
    grid-column: span 4;
  }

  .premium-work-card[data-focus="suri"][data-fit="contain"] .premium-work-media {
    aspect-ratio: 4 / 4.85;
  }
}

@media screen and (max-width: 991px) {
  .feature-image {
    aspect-ratio: 16 / 10;
  }

  .premium-service-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .premium-service-visual {
    height: clamp(250px, 42vw, 360px);
  }

  .premium-hero-copy {
    font-size: clamp(2rem, 5.2vw, 3rem);
  }

  .premium-service-card[data-service="Photography"]::before {
    background-position: center 34%;
  }

  .faq-section .pricing-title-wrapper h2 {
    font-size: clamp(2.5rem, 7.6vw, 4.2rem);
  }
}

@media screen and (max-width: 767px) {
  .feature-image {
    aspect-ratio: 1.32 / 1;
  }

  .premium-service-card {
    gap: 20px;
    padding: 24px 18px;
  }

  .premium-service-visual {
    height: 205px;
  }

  .premium-service-visual span {
    left: 10px;
    bottom: 10px;
    min-height: 28px;
    padding: 0 10px;
    font-size: .68rem;
  }

  .premium-service-card .custom-heading-h4 {
    font-size: clamp(2.1rem, 13vw, 3.1rem);
  }

  .premium-hero-copy {
    font-size: clamp(1.18rem, 5.7vw, 1.56rem);
  }

  .premium-work-card[data-focus="suri"][data-fit="contain"] .premium-work-media,
  .premium-work-card[data-fit="contain"] .premium-work-media {
    aspect-ratio: 1 / 1.05;
  }

  .faq-section {
    padding-top: 74px;
    padding-bottom: 154px;
  }

  .faq-section .container {
    padding-bottom: 100px;
  }

  .faq-section .pricing-title-wrapper h2 {
    font-size: clamp(2rem, 9.2vw, 2.9rem);
  }

  .question-block {
    min-height: 74px;
    padding: 18px 16px;
  }

  .faq-heading {
    max-width: calc(100% - 48px);
    font-size: clamp(1.35rem, 6vw, 2.05rem);
  }
}

@media screen and (max-width: 991px) {
  .premium-contact-collage-section {
    min-height: 132vh;
    min-height: 132svh;
  }

  .premium-contact-sticky {
    padding: 76px 20px 106px;
  }

  .premium-contact-giant {
    font-size: 9rem;
  }

  .premium-contact-stage {
    width: min(720px, 92vw);
    height: 610px;
    min-height: 610px;
  }

  .premium-contact-card-web {
    --w: 270px;
    --x: -360px;
    --y: -224px;
  }

  .premium-contact-card-content {
    --w: 210px;
    --x: 132px;
    --y: -228px;
  }

  .premium-contact-card-signature {
    --w: 330px;
    --x: -350px;
    --y: 96px;
  }

  .premium-contact-card-display {
    --w: 202px;
    --x: 10px;
    --y: -286px;
  }

  .premium-contact-card-brand {
    --w: 226px;
    --x: 150px;
    --y: 46px;
  }

  .premium-contact-card-photo {
    --w: 266px;
    --x: -76px;
    --y: 154px;
  }

  .premium-contact-orb {
    width: 124px;
    font-size: .98rem;
  }

  .premium-contact-copy h2 {
    font-size: 2.05rem;
  }
}

@media screen and (max-width: 767px) {
  .premium-contact-collage-section {
    min-height: 1040px;
  }

  .premium-contact-sticky {
    position: sticky;
    min-height: 980px;
    padding: 70px 14px 112px;
  }

  .premium-contact-giant {
    justify-content: flex-start;
    padding-top: 92px;
    font-size: 4.85rem;
  }

  .premium-contact-stage {
    width: min(390px, 100%);
    height: 720px;
    min-height: 720px;
    transform: translateY(0);
  }

  .premium-contact-card {
    border-radius: 7px;
  }

  .premium-contact-card figcaption {
    left: 9px;
    bottom: 9px;
    min-height: 28px;
    padding: 7px 10px;
    font-size: .72rem;
  }

  .premium-contact-card-web {
    --w: 190px;
    --x: -188px;
    --y: -270px;
  }

  .premium-contact-card-content {
    --w: 148px;
    --x: 34px;
    --y: -260px;
  }

  .premium-contact-card-signature {
    --w: 228px;
    --x: -128px;
    --y: 112px;
  }

  .premium-contact-card-display {
    --w: 136px;
    --x: -172px;
    --y: -56px;
  }

  .premium-contact-card-brand {
    --w: 150px;
    --x: 44px;
    --y: 82px;
  }

  .premium-contact-card-photo {
    --w: 176px;
    --x: -8px;
    --y: 218px;
  }

  .premium-contact-orb {
    width: 106px;
    font-size: .78rem;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .42), 0 0 0 7px rgba(234, 128, 0, .06);
  }

  .premium-contact-copy {
    top: 78px;
    bottom: auto;
    width: auto;
    max-width: calc(100% - 28px);
    padding: 0;
    border: 0;
    background: transparent;
    backdrop-filter: none;
  }

  .premium-contact-copy p {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 14px;
    border: 1px solid #EA8000;
    border-radius: 999px;
    background: #EA8000;
    color: #FFFFFF;
    font-size: .82rem;
    line-height: 1;
  }

  .premium-contact-copy h2 {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-contact-card {
    animation: none;
    opacity: 1;
  }
}

/* Brand palette lock: UI colours only use #272B58, #EA8000, #FFFFFF and #FBFAF6. */
:root,
body {
  --color-brand--secondary: #272B58;
  --color-brand--primary: #EA8000;
  --color-brand--tertiary: #FBFAF6;
  --color-brand--alternative: #FFFFFF;
  --color-brand--success: #EA8000;
}

body,
.services-section,
.premium-contact-collage-section {
  background: #272B58;
}

.team-section,
.premium-work-section,
.faq-section,
.footer-section,
.testimonial-section {
  background: #FBFAF6;
}

.navbar-area,
.premium-section-dock,
.premium-contact-popover {
  background: #272B58;
  box-shadow: 0 22px 60px rgba(39, 43, 88, .24);
}

.navbar-area {
  border-color: rgb(255 255 255 / var(--header-outline-opacity));
}

.premium-section-dock,
.premium-contact-popover {
  border-color: #FFFFFF;
}

.premium-section-dock a,
.premium-dock-contact,
.premium-contact-popover a,
.premium-contact-title,
.nav-menu-item {
  color: #FFFFFF;
}

.premium-section-dock a:hover,
.premium-section-dock a.is-active,
.premium-dock-contact:hover,
.premium-dock-contact.is-open,
.nav-menu-item:hover,
.nav-menu-item.w--current {
  border-color: #EA8000;
  background: #EA8000;
  color: #FFFFFF;
}

.button-primary,
.button-primary:hover,
.button-primary:where(.w-variant-1acf8b00-518e-f640-e840-7e88296234e6),
.button-primary:where(.w-variant-05ac7d3c-feae-3f06-b42c-e19b6f03ccbb),
.button-primary:where(.w-variant-1acf8b00-518e-f640-e840-7e88296234e6):hover,
.button-primary:where(.w-variant-05ac7d3c-feae-3f06-b42c-e19b6f03ccbb):hover,
.price-button,
.price-button.two,
.price-button:hover,
.price-button.two:hover,
.pricing-card-wrap.two .price-button,
.premium-hero-work-card span,
.premium-service-visual span,
.premium-contact-card figcaption {
  border-color: #EA8000 !important;
  background: #EA8000 !important;
  background-color: #EA8000 !important;
  color: #FFFFFF !important;
}

.premium-service-signature-demo > span {
  background: #EA8000 !important;
  background-color: #EA8000 !important;
  color: #FFFFFF !important;
  border-color: #272B58 !important;
  cursor: default !important;
}

.text-highlight,
.premium-work-kicker,
.premium-work-type,
.social-icon-links,
.social-icon-link {
  color: #EA8000;
}

.premium-work-kicker {
  border-color: #EA8000;
  background: #FFFFFF;
}

.premium-service-card,
.premium-service-card::after,
.pricing-card-wrap,
.slider-item-wrapper,
.accordion-text,
.premium-workflow-item {
  background: #FBFAF6;
  color: #272B58;
}

.premium-service-card.two,
.premium-service-card.two::after,
.pricing-card-wrap.two {
  background: #EA8000;
  color: #272B58;
}

.premium-service-index {
  background: #EA8000;
  color: #FFFFFF;
}

.premium-service-index.two {
  background: #FFFFFF;
  color: #EA8000;
}

.premium-service-kicker,
.premium-service-card.two .premium-service-kicker,
.premium-work-copy p,
.premium-work-tags span,
.services-section-details,
.feature-details-text,
.feature-section-details,
.accordion-text,
.pricing-card-wrap p {
  color: #272B58;
}

.text-white,
.services-left-area .text-white,
.services-left-area .services-section-details {
  color: #FFFFFF;
}

.premium-work-card,
.premium-work-card:hover {
  border-color: #FBFAF6;
  background: #FFFFFF;
  color: #272B58;
  box-shadow: 0 26px 70px rgba(39, 43, 88, .12);
}

.premium-work-media,
.premium-work-card[data-fit="contain"] .premium-work-media,
.premium-work-card[data-focus="suri"][data-fit="contain"] .premium-work-media,
.premium-hero-work-card[data-card="signature"],
.premium-signature-preview {
  background: #FBFAF6;
}

.premium-work-tags span,
.retainer-alt-price,
.pricing-card-wrap.two .retainer-alt-price {
  border-color: #272B58;
  background: #FBFAF6;
  color: #272B58;
}

.premium-hero-experience {
  background: #272B58;
}

.premium-hero-bg::before {
  background:
    radial-gradient(circle at 18% 34%, rgba(255, 255, 255, .11), transparent 24%),
    radial-gradient(circle at 78% 28%, rgba(234, 128, 0, .14), transparent 23%),
    linear-gradient(180deg, rgba(39, 43, 88, .08), rgba(39, 43, 88, .76));
}

.premium-contact-sticky::after,
.services-section::before,
.testimonial-section::before,
.footer-section::before {
  background: #EA8000;
}

.services-section::before {
  display: none;
}

.premium-hero-bg::after {
  display: none;
}

.premium-service-visual,
.premium-service-visual[data-kind="retainer"],
.premium-contact-orb {
  background: #272B58;
}

.premium-service-visual[data-kind="display"] {
  background: transparent;
}

.premium-service-visual[data-kind="display"] img,
.premium-service-visual[data-kind="display"] video {
  background: #0D1020;
}

.premium-service-visual video {
  background: #FFFFFF;
}

.premium-service-visual[data-kind="video"] i {
  background: #EA8000;
}

.premium-service-visual[data-kind="video"] i::before {
  border-left-color: #FFFFFF;
}

.premium-contact-giant,
.premium-contact-card {
  color: #FFFFFF;
}

.premium-contact-card {
  border-color: #FFFFFF;
  background: #272B58;
  box-shadow: 0 26px 80px rgba(39, 43, 88, .42);
}

.premium-contact-orb {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.premium-contact-orb:hover {
  background: #EA8000;
  color: #FFFFFF;
}

@media screen and (min-width: 992px) {
  .header-section .nav-menu-item:hover,
  .header-section .nav-menu-item.w--current {
    border-color: transparent !important;
    background: transparent !important;
    color: #EA8000 !important;
  }
}

/* Rev88 creative proof pass: reference-inspired motion, real Premium Productions work, locked brand palette. */
.premium-proof-section {
  position: relative;
  overflow: clip;
  min-height: 148vh;
  padding: 0 24px;
  background: #272B58;
  color: #FFFFFF;
  isolation: isolate;
}

.premium-proof-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 74% 28%, rgba(234, 128, 0, .20), transparent 26%),
    radial-gradient(circle at 16% 72%, rgba(255, 255, 255, .10), transparent 28%),
    linear-gradient(180deg, #272B58 0%, #272B58 100%);
}

.premium-proof-sticky {
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: 56px;
  align-items: center;
  width: min(1280px, 100%);
  min-height: 100vh;
  margin: 0 auto;
  padding: 96px 0 112px;
}

.premium-proof-copy {
  display: grid;
  gap: 24px;
  align-content: center;
}

.premium-proof-copy h2 {
  max-width: 560px;
  margin: 0;
  color: #FFFFFF;
  font-family: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: 5.2rem;
  line-height: .92;
  font-weight: 400;
  text-transform: uppercase;
}

.premium-proof-copy p {
  max-width: 490px;
  margin: 0;
  color: #FFFFFF;
  font-size: 1.08rem;
  line-height: 1.6;
}

.premium-proof-link {
  width: fit-content;
  min-height: 52px;
  padding: 15px 24px;
  border: 1px solid #EA8000;
  border-radius: 999px;
  background: #EA8000;
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: none;
  transition: transform .28s ease, background-color .28s ease;
}

.premium-proof-link:hover {
  transform: translateY(-2px);
  background: #EA8000;
  color: #FFFFFF;
}

.premium-proof-stage {
  position: relative;
  min-height: 660px;
  perspective: 1400px;
  transform-style: preserve-3d;
}

.premium-proof-giant {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: -1;
  margin: 0;
  color: #FFFFFF;
  font-family: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: 7rem;
  line-height: .82;
  opacity: .12;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.premium-proof-card {
  position: absolute;
  display: grid;
  grid-template-rows: 1fr auto;
  overflow: hidden;
  width: 30%;
  min-width: 220px;
  aspect-ratio: 4 / 3;
  border: 1px solid rgba(255, 255, 255, .56);
  border-radius: 8px;
  background: #FBFAF6;
  box-shadow: 0 28px 70px rgba(39, 43, 88, .42);
  transform: translate3d(calc(var(--depth-x, 0px) + var(--depth-move-x, 0px)), calc(var(--depth-y, 0px) + var(--depth-move-y, 0px)), 0) rotate(var(--depth-rotate, 0deg));
  transition: transform .36s ease, box-shadow .36s ease;
  will-change: transform;
}

.premium-proof-card:hover {
  box-shadow: 0 36px 90px rgba(39, 43, 88, .50);
}

.premium-proof-card img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
}

.premium-proof-card div {
  display: grid;
  gap: 4px;
  padding: 14px;
  background: #FBFAF6;
  color: #272B58;
}

.premium-proof-card span {
  color: #EA8000;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.premium-proof-card h3 {
  margin: 0;
  color: #272B58;
  font-size: 1rem;
  line-height: 1.1;
}

.premium-proof-card-web {
  top: 7%;
  left: 5%;
  width: 32%;
}

.premium-proof-card-content {
  top: 4%;
  right: 3%;
  width: 27%;
}

.premium-proof-card-signature {
  left: 1%;
  bottom: 8%;
  width: 33%;
}

.premium-proof-card-brand {
  left: 34%;
  bottom: 2%;
  width: 32%;
}

.premium-proof-card-display {
  right: 1%;
  bottom: 11%;
  width: 29%;
}

.premium-proof-card-content img,
.premium-proof-card-display img {
  object-position: center;
}

.premium-proof-card-brand img {
  object-position: center top;
}

.premium-proof-orb {
  position: absolute;
  left: 50%;
  top: 49%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 154px;
  height: 154px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  background: #272B58;
  color: #FFFFFF;
  font-weight: 800;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  transform: translate(-50%, -50%);
  box-shadow: 0 24px 70px rgba(39, 43, 88, .46);
  transition: transform .28s ease, background-color .28s ease;
}

.premium-proof-orb:hover {
  background: #EA8000;
  color: #FFFFFF;
  transform: translate(-50%, -50%) scale(1.04);
}

.premium-work-filmstrip {
  position: relative;
  overflow: hidden;
  width: 100vw;
  margin: 48px 0 64px 50%;
  padding: 18px 0;
  transform: translateX(-50%);
}

.premium-work-filmstrip::before,
.premium-work-filmstrip::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 120px;
  pointer-events: none;
}

.premium-work-filmstrip::before {
  left: 0;
  background: linear-gradient(90deg, #FBFAF6, rgba(251, 250, 246, 0));
}

.premium-work-filmstrip::after {
  right: 0;
  background: linear-gradient(270deg, #FBFAF6, rgba(251, 250, 246, 0));
}

.premium-work-filmtrack {
  display: flex;
  width: max-content;
  gap: 18px;
  animation: premium-work-filmtrack 34s linear infinite;
}

.premium-work-filmtrack figure {
  position: relative;
  overflow: hidden;
  width: 258px;
  height: 172px;
  margin: 0;
  border: 1px solid #FBFAF6;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 18px 46px rgba(39, 43, 88, .12);
}

.premium-work-filmtrack img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.premium-work-filmtrack figcaption {
  position: absolute;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  padding: 8px 12px;
  border-radius: 999px;
  background: #EA8000;
  color: #FFFFFF;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1;
}

@keyframes premium-work-filmtrack {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-50% - 9px), 0, 0);
  }
}

.premium-contact-collage-section {
  border-top: 2px solid #EA8000;
}

.premium-contact-copy {
  border: 1px solid rgba(255, 255, 255, .48);
  border-radius: 8px;
  background: rgba(39, 43, 88, .86);
  padding: 20px;
  backdrop-filter: blur(14px);
}

.premium-contact-copy p,
.premium-contact-copy h2 {
  color: #FFFFFF;
}

.premium-contact-copy p {
  color: #EA8000;
}

.premium-contact-card {
  transform-style: preserve-3d;
}

.premium-section-dock {
  max-width: min(820px, calc(100vw - 24px));
}

.premium-section-dock a,
.premium-section-dock button {
  white-space: nowrap;
}

#feature .services-left-area .button-wrapper {
  display: none;
}

#feature .services-section-details {
  display: none;
}

#feature .services-left-area h2 {
  max-width: 7.5ch;
  margin: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  #feature {
    --services-sticky-center-offset: 0px;
  }

  #feature .services-wrapper {
    align-items: stretch;
  }

  #feature .services-left-area {
    position: sticky;
    top: 50%;
    align-self: flex-start;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateY(calc(-50% + var(--services-sticky-center-offset))) !important;
  }

  #feature .services-left-area .margin-bottom-24px {
    margin-bottom: 0;
  }

  #feature .services-card-wrapper {
    gap: 0;
    padding-bottom: clamp(90px, 14vh, 160px);
  }

  #feature .services-card-wrapper::after {
    height: clamp(80px, 12vh, 150px) !important;
  }

  #feature .premium-service-pin {
    min-height: 92vh;
    min-height: 92svh;
  }

  #feature .premium-service-pin > .premium-service-card {
    position: sticky;
    top: 50%;
    min-height: clamp(430px, 56svh, 590px);
    opacity: var(--service-card-opacity, 0);
    filter: blur(var(--service-card-exit-blur, 0px)) saturate(calc(1 - (var(--service-card-blue-veil, 0) * .18)));
    transform:
      translate3d(var(--service-card-x, 0), calc(-50% + var(--service-card-y, 0px) + var(--services-sticky-center-offset)), 0)
      scale(var(--service-card-scale, .94)) !important;
    transform-origin: center center;
    will-change: transform, opacity, filter;
  }

  #feature .premium-service-pin > .premium-service-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 8;
    display: block;
    border-radius: inherit;
    background:
      radial-gradient(circle at 20% 18%, rgba(255, 255, 255, .14), transparent 32%),
      rgba(39, 43, 88, var(--service-card-blue-veil, 0));
    opacity: min(1, calc(var(--service-card-blue-veil, 0) * 1.15));
    pointer-events: none;
    backdrop-filter: blur(20px) saturate(1.14);
    -webkit-backdrop-filter: blur(20px) saturate(1.14);
    transition: opacity .08s linear;
  }

  #feature .premium-service-pin > .premium-service-card:hover {
    filter: blur(var(--service-card-exit-blur, 0px)) saturate(calc(1 - (var(--service-card-blue-veil, 0) * .18)));
    transform:
      translate3d(var(--service-card-x, 0), calc(-50% + var(--service-card-y, 0px) + var(--services-sticky-center-offset)), 0)
      scale(var(--service-card-scale, .94)) !important;
  }
}

@media screen and (min-width: 992px) {
  .header-section .nav-menu-items {
    gap: var(--hero-nav-gap, 24px);
  }

  .header-section .nav-menu-item {
    font-size: clamp(1.5rem, 1.65vw, 2.2rem) !important;
  }
}

@media screen and (max-width: 991px) {
  .premium-proof-section {
    min-height: auto;
    padding: 92px 20px;
  }

  .premium-proof-sticky {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    min-height: 0;
    padding: 0;
  }

  .premium-proof-copy h2 {
    max-width: 720px;
    font-size: 3.8rem;
  }

  .premium-proof-copy p {
    max-width: 650px;
  }

  .premium-proof-stage {
    min-height: 760px;
  }

  .premium-proof-card {
    min-width: 0;
  }

  .premium-proof-card-web {
    top: 0;
    left: 4%;
    width: 43%;
  }

  .premium-proof-card-content {
    top: 4%;
    right: 2%;
    width: 38%;
  }

  .premium-proof-card-signature {
    left: 2%;
    bottom: 20%;
    width: 43%;
  }

  .premium-proof-card-brand {
    left: 31%;
    bottom: 4%;
    width: 42%;
  }

  .premium-proof-card-display {
    right: 1%;
    bottom: 25%;
    width: 37%;
  }

  .premium-section-dock {
    max-width: calc(100vw - 20px);
    overflow-x: auto;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .premium-proof-section {
    padding: 72px 16px 112px;
  }

  .premium-proof-copy {
    gap: 18px;
  }

  .premium-proof-copy h2 {
    font-size: 2.3rem;
  }

  .premium-proof-copy p {
    font-size: 1rem;
  }

  .premium-proof-link {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .premium-proof-stage {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    min-height: 0;
    perspective: none;
  }

  .premium-proof-giant,
  .premium-proof-orb {
    position: relative;
    inset: auto;
    transform: none;
  }

  .premium-proof-giant {
    order: -2;
    font-size: 3.1rem;
    opacity: .16;
    text-align: center;
  }

  .premium-proof-orb {
    order: 8;
    width: 100%;
    height: 58px;
    border-radius: 999px;
  }

  .premium-proof-card,
  .premium-proof-card-web,
  .premium-proof-card-content,
  .premium-proof-card-signature,
  .premium-proof-card-brand,
  .premium-proof-card-display {
    position: relative;
    inset: auto;
    width: 100%;
    min-width: 0;
    aspect-ratio: 1.36 / 1;
    transform: none !important;
  }

  .premium-proof-card div {
    padding: 12px;
  }

  .premium-work-filmstrip {
    margin-top: 32px;
    margin-bottom: 44px;
    padding: 12px 0;
  }

  .premium-work-filmstrip::before,
  .premium-work-filmstrip::after {
    width: 46px;
  }

  .premium-work-filmtrack {
    gap: 12px;
    animation-duration: 28s;
  }

  .premium-work-filmtrack figure {
    width: 210px;
    height: 142px;
  }

.premium-work-filmtrack figcaption {
  font-size: .74rem;
}
}

.premium-social-section {
  position: relative;
  overflow: hidden;
  padding: 110px 0;
  border-top: 2px solid #EA8000;
  border-bottom: 2px solid #EA8000;
  background: #272B58;
  color: #FFFFFF;
}

.premium-social-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: end;
}

.premium-social-copy {
  display: grid;
  gap: 18px;
  max-width: 820px;
}

.premium-social-copy h2 {
  margin: 0;
  color: #FFFFFF;
  font-family: "Premium Anton", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(3.1rem, 8vw, 8.2rem);
  line-height: .88;
  font-weight: 400;
  text-transform: uppercase;
}

.premium-social-copy p {
  max-width: 620px;
  margin: 0;
  color: #FFFFFF;
  font-size: 1.08rem;
  line-height: 1.58;
}

.premium-social-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

.premium-social-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 15px 24px;
  border: 1px solid #EA8000;
  border-radius: 999px;
  background: #EA8000;
  color: #FFFFFF;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: transform .25s ease;
}

.premium-social-actions a:nth-child(2) {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #272B58;
}

.premium-social-actions a:hover {
  transform: translateY(-2px);
}

@media screen and (max-width: 991px) {
  .premium-social-section {
    padding: 86px 0;
  }

  .premium-social-inner {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .premium-social-actions {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .premium-social-section {
    padding: 76px 0 96px;
  }

  .premium-social-copy h2 {
    font-size: 3rem;
  }

  .premium-social-copy p {
    font-size: .98rem;
  }

  .premium-social-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .premium-social-actions a {
    width: 100%;
  }

  .premium-contact-copy {
    width: auto !important;
    max-width: calc(100% - 28px) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
  }

  .premium-contact-copy p {
    display: inline-flex !important;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding: 8px 14px;
    border: 1px solid #EA8000;
    border-radius: 999px;
    background: #EA8000 !important;
    color: #FFFFFF !important;
    line-height: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-work-filmtrack {
    animation: none;
  }

  .premium-proof-card {
    transition: none;
  }
}

/* Full-bleed, seamless Selected Client Work reel */
.premium-work-filmstrip {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 clamp(72px, 10vw, 180px), #000 calc(100% - clamp(72px, 10vw, 180px)), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 clamp(72px, 10vw, 180px), #000 calc(100% - clamp(72px, 10vw, 180px)), transparent 100%);
}

.premium-work-filmstrip::before,
.premium-work-filmstrip::after {
  display: none;
}

.premium-work-filmtrack {
  width: max-content;
  min-width: max-content;
  will-change: transform;
  animation: premium-work-filmtrack-seamless 44s linear infinite;
}

@keyframes premium-work-filmtrack-seamless {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 767px) {
  .premium-work-filmstrip {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
  }
}

/* Sliding bottom dock state */
.premium-section-dock {
  --dock-indicator-x: 0px;
  --dock-indicator-y: 0px;
  --dock-indicator-width: 0px;
  --dock-indicator-height: 0px;
  position: fixed;
  overflow: hidden;
}

.premium-section-dock.is-contact-open {
  overflow: visible !important;
}

.premium-dock-indicator {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: var(--dock-indicator-width);
  height: var(--dock-indicator-height);
  border: 1px solid #EA8000;
  border-radius: 999px;
  background: #EA8000;
  box-shadow: 0 12px 34px rgba(234, 128, 0, .32);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(var(--dock-indicator-x), var(--dock-indicator-y), 0);
  transition:
    transform .24s cubic-bezier(.22, 1, .36, 1),
    width .24s cubic-bezier(.22, 1, .36, 1),
    height .24s cubic-bezier(.22, 1, .36, 1),
    opacity .18s ease;
}

.premium-section-dock.is-indicator-ready .premium-dock-indicator {
  opacity: 1;
}

.premium-section-dock > a,
.premium-section-dock > button {
  position: relative;
  z-index: 1;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
}

.premium-section-dock > a:hover,
.premium-section-dock > button:hover {
  color: #FFFFFF !important;
}

.premium-section-dock > a.is-active,
.premium-section-dock > button.is-active,
.premium-section-dock > .premium-dock-contact.is-open {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
}

.premium-section-dock:not(.is-contact-open) > .premium-dock-contact,
.premium-section-dock:not(.is-contact-open) > .premium-dock-contact:hover,
.premium-section-dock:not(.is-contact-open) > .premium-dock-contact:focus-visible,
.premium-header-contact-wrap:not(.is-open) .premium-header-contact-toggle,
.premium-header-contact-wrap:not(.is-open) .premium-header-contact-toggle:hover,
.premium-header-contact-wrap:not(.is-open) .premium-header-contact-toggle:focus-visible {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
}

.premium-contact-popover {
  z-index: 30;
}

.premium-section-dock .premium-contact-popover a {
  position: relative;
  z-index: 1;
  display: flex;
  border-color: rgba(255, 255, 255, .18) !important;
  background: #272B58 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

.premium-section-dock .premium-contact-popover a:first-of-type {
  border-color: #EA8000 !important;
  background: #EA8000 !important;
  box-shadow: 0 12px 30px rgba(234, 128, 0, .24) !important;
}

.premium-header-contact-popover a,
.premium-contact-popover a {
  justify-content: center !important;
  text-align: center;
}

.premium-header-contact-popover a span,
.premium-header-contact-popover a strong,
.premium-contact-popover a span,
.premium-contact-popover a strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #FFFFFF !important;
  font-size: clamp(15px, 1.12vw, 16px) !important;
  font-weight: 850 !important;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-section,
.header-section .header-container,
.header-section .navbar-area,
.header-section .nav-bar-wrapper,
.header-section .nav-menu-items {
  overflow: visible !important;
}

.premium-header-contact-wrap {
  z-index: 1200;
}

.premium-header-contact-popover {
  z-index: 1201;
}

.premium-header-contact-popover a[href*="instagram"],
.premium-header-contact-popover a[href*="facebook"],
.premium-header-contact-popover a[data-hover-href*="instagram"],
.premium-header-contact-popover a[data-hover-href*="facebook"],
.premium-contact-popover a[href*="instagram"],
.premium-contact-popover a[href*="facebook"],
.premium-contact-popover a[data-hover-href*="instagram"],
.premium-contact-popover a[data-hover-href*="facebook"] {
  justify-content: center !important;
  text-align: center;
}

.premium-header-contact-popover a[href*="instagram"] strong,
.premium-header-contact-popover a[href*="facebook"] strong,
.premium-header-contact-popover a[data-hover-href*="instagram"] strong,
.premium-header-contact-popover a[data-hover-href*="facebook"] strong,
.premium-contact-popover a[href*="instagram"] strong,
.premium-contact-popover a[href*="facebook"] strong,
.premium-contact-popover a[data-hover-href*="instagram"] strong,
.premium-contact-popover a[data-hover-href*="facebook"] strong {
  display: none !important;
}

.premium-header-contact-popover a[href*="instagram"] span,
.premium-header-contact-popover a[href*="facebook"] span,
.premium-header-contact-popover a[data-hover-href*="instagram"] span,
.premium-header-contact-popover a[data-hover-href*="facebook"] span,
.premium-contact-popover a[href*="instagram"] span,
.premium-contact-popover a[href*="facebook"] span,
.premium-contact-popover a[data-hover-href*="instagram"] span,
.premium-contact-popover a[data-hover-href*="facebook"] span {
  font-size: 15px;
}

.premium-header-contact-popover a,
.premium-header-contact-popover a:first-of-type,
.premium-section-dock .premium-contact-popover a,
.premium-section-dock .premium-contact-popover a:first-of-type {
  border-color: rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
}

.premium-header-contact-popover a:hover,
.premium-header-contact-popover a:focus-visible,
.premium-section-dock .premium-contact-popover a:hover,
.premium-section-dock .premium-contact-popover a:focus-visible {
  border-color: #EA8000 !important;
  background: #EA8000 !important;
  box-shadow: 0 12px 30px rgba(234, 128, 0, .24) !important;
  color: #FFFFFF !important;
}

.premium-hero-experience {
  background:
    radial-gradient(circle at 50% 44%, #272B58 0%, #2F3366 46%, #383967 100%) !important;
}

.premium-hero-bg::before {
  background:
    radial-gradient(circle at 50% 44%, rgba(39, 43, 88, .68) 0%, rgba(47, 51, 102, .48) 48%, rgba(255, 255, 255, .08) 100%) !important;
  opacity: .9 !important;
}

.premium-hero-bg::after {
  display: none !important;
  background: none !important;
}

.header-section .premium-header-contact-toggle::after,
.premium-section-dock .premium-dock-contact::after {
  border: 0 !important;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M12 15.2 0 3.2 3.2 0 12 8.8 20.8 0 24 3.2 12 15.2Z' fill='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M12 15.2 0 3.2 3.2 0 12 8.8 20.8 0 24 3.2 12 15.2Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.header-section .premium-header-contact-toggle::after {
  width: .48em;
  height: .32em;
  transform: translateY(.02em) rotate(0deg);
}

.premium-header-contact-wrap.is-open .premium-header-contact-toggle::after {
  transform: translateY(.02em) rotate(180deg);
}

.premium-section-dock .premium-dock-contact::after {
  width: 10px;
  height: 7px;
  transform: translateY(.5px) rotate(0deg);
}

.premium-section-dock .premium-dock-contact.is-open::after {
  transform: translateY(.5px) rotate(180deg);
}

a,
button,
[role="button"],
[tabindex]:not([tabindex="-1"]) {
  cursor: pointer !important;
  -webkit-user-select: none;
  user-select: none;
}

a *,
button *,
[role="button"] *,
[tabindex]:not([tabindex="-1"]) * {
  cursor: inherit !important;
  -webkit-user-select: none;
  user-select: none;
}

.premium-hero-work-card span,
.premium-service-visual span,
.premium-contact-card figcaption,
.premium-ticker-track span,
.premium-services-progress,
.premium-scroll-progress {
  -webkit-user-select: none;
  user-select: none;
}

input,
textarea,
[contenteditable="true"],
[contenteditable="true"] * {
  cursor: text !important;
  -webkit-user-select: text;
  user-select: text;
}

@keyframes premium-skill-fall-in {
  0% {
    opacity: 0;
    transform: translate3d(var(--fall-x, 0), -118vh, 0) rotate(var(--fall-rotate, -10deg)) scale(.94);
  }

  62% {
    opacity: 1;
    transform: translate3d(0, 15px, 0) rotate(calc(var(--rest-rotate, 0deg) * 1.22)) scale(1.045);
  }

  82% {
    opacity: 1;
    transform: translate3d(0, -5px, 0) rotate(calc(var(--rest-rotate, 0deg) * .86)) scale(.99);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--rest-rotate, 0deg)) scale(1);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .premium-hero-skills span {
    opacity: 0;
    transform: translate3d(var(--fall-x, 0), -118vh, 0) rotate(var(--fall-rotate, -10deg)) scale(.94);
    animation: none !important;
  }

  body.is-hero-skills-ready .premium-hero-skills span {
    animation:
      premium-skill-fall-in .82s cubic-bezier(.18, .92, .24, 1.08) var(--fall-delay, .08s) both,
      premium-pill-snake 4.8s ease-in-out calc(var(--fall-delay, .08s) + 1.05s) infinite !important;
  }

  .premium-hero-skills span:nth-child(1) {
    --fall-x: -12px;
    --fall-rotate: -11deg;
    --fall-delay: .06s;
  }

  .premium-hero-skills span:nth-child(2) {
    --fall-x: 8px;
    --fall-rotate: 8deg;
    --fall-delay: .18s;
  }

  .premium-hero-skills span:nth-child(3) {
    --fall-x: -6px;
    --fall-rotate: -7deg;
    --fall-delay: .3s;
  }

  .premium-hero-skills span:nth-child(4) {
    --fall-x: 10px;
    --fall-rotate: 9deg;
    --fall-delay: .42s;
  }

  .premium-hero-skills span:nth-child(5) {
    --fall-x: -8px;
    --fall-rotate: -8deg;
    --fall-delay: .54s;
  }

  .premium-hero-skills span:nth-child(6) {
    --fall-x: 12px;
    --fall-rotate: 10deg;
    --fall-delay: .66s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-hero-skills span {
    opacity: 1 !important;
    transform: rotate(var(--rest-rotate, 0deg)) !important;
  }
}

/* Full-screen sticky FAQ chapter */
.faq-section {
  position: relative;
  z-index: 2;
  width: 100vw;
  min-height: 185vh;
  min-height: 185svh;
  margin-left: calc(50% - 50vw);
  padding: 0 !important;
  background:
    radial-gradient(circle at 17% 34%, rgba(234, 128, 0, .18), transparent 34%),
    radial-gradient(circle at 82% 67%, rgba(251, 250, 246, .08), transparent 31%),
    #272B58 !important;
  color: #FFFFFF;
  overflow: clip;
  isolation: isolate;
}

.faq-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(251, 250, 246, .03), transparent 34%, rgba(0, 0, 0, .12));
  pointer-events: none;
}

.faq-section .container {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  display: grid;
  grid-template-areas: "copy questions";
  grid-template-columns: minmax(300px, .78fr) minmax(620px, 1.22fr);
  gap: clamp(34px, 5vw, 86px);
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  height: 100svh;
  min-height: 100vh;
  min-height: 100svh;
  max-height: 100vh;
  max-height: 100svh;
  margin: 0 !important;
  overflow: hidden;
  padding: clamp(76px, 7.8vh, 96px) clamp(42px, 7vw, 132px) clamp(98px, 10vh, 132px) !important;
}

.faq-section .margin-bottom-60px {
  grid-area: copy;
  align-self: center;
  justify-self: start;
  width: min(100%, 540px);
  margin: 0 !important;
}

.faq-section .pricing-title-wrapper {
  width: 100%;
  max-width: 540px;
  margin: 0 !important;
  text-align: left;
}

.faq-section .premium-faq-kicker {
  margin-bottom: clamp(18px, 2.3vh, 30px);
  border-color: #EA8000;
  background: #EA8000;
  color: #FFFFFF;
}

.faq-section .pricing-title-wrapper h2 {
  max-width: 9ch;
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(4.2rem, 7.5vw, 8.35rem);
  line-height: .84;
  text-align: left;
  text-transform: uppercase;
}

.premium-faq-intro {
  max-width: 430px;
  margin: clamp(18px, 2.5vh, 28px) 0 0;
  color: #FFFFFF;
  font-size: clamp(1rem, 1.25vw, 1.16rem);
  line-height: 1.58;
}

.faq-section .faq-item-wrapper {
  grid-area: questions;
  align-self: center;
  justify-self: stretch;
  display: grid;
  gap: clamp(10px, 1.25vh, 16px);
  width: 100%;
  max-height: calc(100svh - clamp(160px, 18vh, 220px));
  overflow-y: auto;
  padding: 2px 2px 2px 0;
  scrollbar-width: thin;
  scrollbar-color: #EA8000 transparent;
}

.faq-section .faq-item-wrapper::-webkit-scrollbar {
  width: 4px;
}

.faq-section .faq-item-wrapper::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #EA8000;
}

.faq-section .accordion-text {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 8px;
  background: #FBFAF6 !important;
  color: #272B58 !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .18);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.faq-section .accordion-text:hover {
  border-color: #EA8000;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .24);
  transform: translateY(-2px);
}

.faq-section .question-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, 2vw, 28px);
  min-height: clamp(68px, 8.2vh, 92px);
  padding: 0 clamp(18px, 2.7vw, 34px);
  background: transparent;
  color: #272B58;
}

.faq-section .faq-heading {
  max-width: calc(100% - 58px);
  margin: 0;
  color: #272B58;
  font-size: clamp(1.65rem, 3vw, 3.45rem);
  line-height: .96;
  text-wrap: balance;
}

.faq-section .arrow-icon-box {
  position: relative;
  flex: 0 0 clamp(38px, 3.2vw, 48px);
  width: clamp(38px, 3.2vw, 48px);
  height: clamp(38px, 3.2vw, 48px);
  border-radius: 999px;
  background: #EA8000;
  color: #FFFFFF;
}

.faq-section .arrow-icon-box::before,
.faq-section .arrow-icon-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform .22s ease;
}

.faq-section .arrow-icon-box::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq-section .question-block.w--open .arrow-icon-box::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.faq-section .ac-arrow,
.faq-section .ac-icon-two {
  display: none;
}

.faq-section .faq-answer-block {
  position: static;
  margin: 0 clamp(18px, 2.7vw, 34px) clamp(18px, 2.2vh, 24px);
  border-left: 3px solid #EA8000;
  border-radius: 8px;
  background: #FFFFFF;
}

.faq-section .faq-answer {
  padding: clamp(16px, 1.8vh, 22px) clamp(18px, 2.4vw, 28px);
}

.faq-section .accordion-description {
  margin: 0;
  color: #272B58;
  font-size: clamp(.98rem, 1.2vw, 1.08rem);
  line-height: 1.55;
}

@media screen and (max-width: 991px) {
  .faq-section {
    min-height: 172vh;
    min-height: 172svh;
  }

  .faq-section .container {
    grid-template-areas:
      "copy"
      "questions";
    grid-template-columns: 1fr;
    gap: clamp(20px, 3.6vh, 36px);
    align-content: center;
    padding: 82px clamp(18px, 4.8vw, 40px) 104px !important;
  }

  .faq-section .margin-bottom-60px {
    justify-self: center;
    width: 100%;
  }

  .faq-section .pricing-title-wrapper {
    max-width: 720px;
    text-align: center;
    justify-self: center;
  }

  .faq-section .premium-faq-kicker {
    margin-right: auto;
    margin-left: auto;
  }

  .faq-section .pricing-title-wrapper h2 {
    max-width: none;
    font-size: clamp(3.3rem, 10vw, 6.5rem);
    text-align: center;
  }

  .premium-faq-intro {
    max-width: 610px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .faq-section .faq-item-wrapper {
    max-height: calc(100svh - 330px);
  }
}

@media screen and (max-width: 767px) {
  .faq-section {
    min-height: 170vh;
    min-height: 170svh;
  }

  .faq-section .container {
    min-height: 100svh;
    padding: 70px 15px 90px !important;
  }

  .faq-section .premium-faq-kicker {
    min-height: 30px;
    margin-bottom: 12px;
    padding: 0 12px;
    font-size: .68rem;
  }

  .faq-section .pricing-title-wrapper h2 {
    font-size: clamp(2.55rem, 12.8vw, 3.7rem);
    line-height: .88;
  }

  .premium-faq-intro {
    max-width: 310px;
    margin-top: 12px;
    font-size: .92rem;
    line-height: 1.42;
  }

  .faq-section .faq-item-wrapper {
    max-height: calc(100svh - 270px);
    gap: 9px;
  }

  .faq-section .question-block {
    min-height: 62px;
    padding: 0 14px;
  }

  .faq-section .faq-heading {
    max-width: calc(100% - 42px);
    font-size: clamp(1.18rem, 6.3vw, 1.72rem);
    line-height: 1;
  }

  .faq-section .arrow-icon-box {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
  }

  .faq-section .faq-answer-block {
    margin-right: 14px;
    margin-left: 14px;
    margin-bottom: 14px;
  }

  .faq-section .faq-answer {
    padding: 14px;
  }

  .faq-section .accordion-description {
    font-size: .9rem;
  }
}

a,
button,
.w-nav-button,
[role="button"],
[tabindex]:not([tabindex="-1"]) {
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

a *,
button *,
.w-nav-button *,
[role="button"] *,
[tabindex]:not([tabindex="-1"]) * {
  cursor: inherit !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.premium-hero-work-card span,
.premium-service-visual span,
.premium-contact-card figcaption,
.premium-ticker-track span,
.premium-services-progress,
.premium-scroll-progress {
  -webkit-user-select: none !important;
  user-select: none !important;
}

input,
textarea,
[contenteditable="true"],
[contenteditable="true"] * {
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}

html,
body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.premium-hero-actions .premium-home-cta {
  width: auto !important;
  max-width: calc(100vw - 48px) !important;
  min-height: 68px;
  padding: 0 38px !important;
}

.premium-hero-actions .premium-home-cta span:first-child {
  font-family: "Premium Bryson", "Premium Anton", Impact, sans-serif;
  font-size: clamp(2rem, 3vw, 3.25rem);
  font-weight: 400;
  line-height: .88;
  letter-spacing: 0;
  text-transform: uppercase;
}

.premium-signin-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #1f2438;
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s linear .22s;
}

.premium-signin-modal.is-open {
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

.premium-signin-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(39, 43, 88, .86);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity .22s ease;
}

.premium-signin-modal.is-open .premium-signin-backdrop {
  opacity: 1;
}

.premium-signin-dialog {
  position: relative;
  z-index: 1;
  width: min(430px, calc(100vw - 36px));
  overflow: hidden;
  padding: 22px;
  border: 0;
  border-radius: 22px;
  background: #f5f8ff;
  box-shadow: 0 18px 50px rgba(16, 18, 45, .26);
  transform: translateY(16px) scale(.98);
  transition: transform .28s cubic-bezier(.18, .9, .22, 1);
}

.premium-signin-modal.is-open .premium-signin-dialog {
  transform: translateY(0) scale(1);
}

.premium-signin-close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(39, 43, 88, .1);
  border-radius: 999px;
  background: #eff1f7;
  color: #272B58;
  font: 700 24px/1 "Premium Montserrat", Montserrat, Arial, sans-serif;
  cursor: pointer;
}

.premium-signin-close:hover,
.premium-signin-close:focus-visible {
  background: #EA8000;
  color: #fff;
  outline: none;
}

.premium-signin-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 4px 48px 18px;
  padding: 0;
}

.premium-signin-brand img {
  width: 52px;
  height: 52px;
}

.premium-signin-brand span,
.premium-signin-kicker {
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.premium-signin-kicker {
  margin: 0 0 8px;
  color: #EA8000;
  text-align: center;
}

.premium-signin-dialog h2 {
  margin: 0;
  color: #272B58;
  font-family: "Premium Bryson", "Premium Anton", Impact, sans-serif;
  font-size: clamp(3rem, 10vw, 5rem);
  font-weight: 400;
  line-height: .82;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

.premium-signin-dialog p {
  max-width: 360px;
  margin: 12px auto 22px;
  color: #5f6273;
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.45;
  text-align: center;
}

.premium-signin-form {
  display: grid;
  gap: 14px;
}

.premium-signin-form label {
  display: grid;
  gap: 8px;
  color: #5f6273;
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: .92rem;
  font-weight: 800;
}

.premium-signin-form input {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid #cfd4e8;
  border-radius: 12px;
  background: #fff;
  color: #1f2438;
  font-family: "Premium Montserrat", Montserrat, Arial, sans-serif;
  font-size: 1rem;
  outline: none;
}

.premium-signin-form input:focus {
  border-color: #EA8000;
  box-shadow: 0 0 0 4px rgba(234, 128, 0, .16);
}

.premium-signin-status {
  min-height: 1.4em;
  margin: 0 !important;
  color: #272B58 !important;
  text-align: center;
}

.premium-signin-status.is-error {
  color: #b6362e !important;
}

.premium-signin-submit,
.premium-studio-launch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  border: 0;
  border-radius: 999px;
  background: #EA8000;
  color: #fff;
  font-family: "Premium Bryson", "Premium Anton", Impact, sans-serif;
  font-size: clamp(1.55rem, 2vw, 2.25rem);
  line-height: .86;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 18px 42px rgba(234, 128, 0, .3);
  cursor: pointer;
}

.premium-signin-submit:hover,
.premium-signin-submit:focus-visible,
.premium-studio-launch:hover,
.premium-studio-launch:focus-visible {
  background: #d87500;
  color: #fff;
  outline: none;
}

.premium-signin-submit[disabled] {
  opacity: .72;
  cursor: wait;
}

.premium-studio-launch {
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  padding: 0 24px;
  margin: 0 auto;
}

.premium-studio-launch img {
  width: 34px;
  height: 34px;
  padding: 5px;
  border-radius: 9px;
  background: #fff;
  object-fit: contain;
}

.premium-signin-success:not([hidden]) {
  display: grid;
  justify-items: center;
}

body.is-signin-open {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .premium-home-cta {
    width: min(100%, 340px) !important;
    min-height: 62px;
    padding: 0 24px !important;
  }

  .premium-home-cta span:first-child {
    font-size: clamp(1.72rem, 9vw, 2.55rem);
  }

  .premium-signin-trigger {
    width: min(100%, 240px);
  }

  .premium-signin-dialog {
    border-radius: 24px;
  }
}

/* Auth, hero, retainers and seamless footer loop refinements */
[data-auth-user] {
  display: none !important;
}

body.is-user-signed-in [data-auth-user] {
  display: inline-flex !important;
}

body.is-user-signed-in .premium-home-cta-icon[data-auth-user] {
  display: block !important;
}

body.is-user-signed-in [data-auth-guest],
body.is-user-signed-in .premium-signin-trigger {
  display: none !important;
}

.premium-nav-signin {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.premium-nav-studio {
  gap: .34em;
}

.premium-nav-studio-icon {
  width: .82em;
  height: .82em;
  min-width: .82em;
  border-radius: .18em;
  background: transparent;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.premium-nav-profile {
  display: none;
  width: .96em;
  height: .96em;
  min-width: .96em;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
}

.premium-nav-profile[hidden] {
  display: none !important;
}

.premium-nav-profile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.premium-home-cta-icon {
  width: clamp(30px, 2.55vw, 42px);
  height: clamp(30px, 2.55vw, 42px);
  min-width: clamp(30px, 2.55vw, 42px);
  padding: 5px;
  border-radius: 9px;
  background: #fff;
  object-fit: contain;
}

.premium-hero-work-card {
  border: 0 !important;
  background: transparent !important;
}

.premium-hero-work-card img,
.premium-hero-work-card video,
.premium-signature-preview {
  transition: filter .24s ease, opacity .24s ease;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .premium-hero-work-deck.is-skill-hovered .premium-hero-work-card.is-muted img,
  .premium-hero-work-deck.is-skill-hovered .premium-hero-work-card.is-muted video,
  .premium-hero-work-deck.is-skill-hovered .premium-hero-work-card.is-muted .premium-signature-preview {
    filter: grayscale(1) saturate(0) contrast(.94) brightness(.74);
  }

  .premium-hero-work-deck.is-skill-hovered .premium-hero-work-card.is-hover-match {
    z-index: 12;
  }
}

.header-section .premium-header-contact-toggle::after,
.premium-section-dock .premium-dock-contact::after {
  content: none !important;
  display: none !important;
}

.premium-header-contact-wrap:not(.is-open) .premium-header-contact-toggle:hover,
.premium-header-contact-wrap:not(.is-open) .premium-header-contact-toggle:focus-visible,
.premium-section-dock:not(.is-contact-open) > .premium-dock-contact:hover,
.premium-section-dock:not(.is-contact-open) > .premium-dock-contact:focus-visible {
  color: #EA8000 !important;
}

.premium-service-card[data-service="Retainers"] {
  --service-art: url("../img/hero-work/brand-kit-case-study.jpg");
}

.premium-service-retainer-card {
  background-color: #fbfaf6;
}

.premium-service-retainer-card::after {
  background:
    linear-gradient(90deg, rgba(251, 250, 246, .99) 0%, rgba(251, 250, 246, .96) 50%, rgba(251, 250, 246, .64) 100%),
    radial-gradient(circle at 82% 22%, rgba(234, 128, 0, .2), transparent 32%) !important;
}

.premium-service-retainer-card .premium-service-visual {
  background:
    radial-gradient(circle at 50% 38%, rgba(234, 128, 0, .28), transparent 38%),
    #272B58;
}

.premium-service-retainer-card .premium-service-visual img {
  width: min(58%, 250px);
  height: auto;
  margin: auto;
  object-fit: contain;
  filter: drop-shadow(0 22px 40px rgba(0, 0, 0, .28));
  transform: none;
}

.premium-pricing-heading,
.premium-pricing-live-wrap {
  opacity: var(--retainer-opacity, 1);
  filter: blur(var(--retainer-blur, 0px));
  transform: translateY(var(--retainer-lift, 0px));
  transition: none;
}

body.is-contact-showcase .header-section {
  opacity: var(--showcase-menu-opacity, 1) !important;
  pointer-events: none;
}

body.is-contact-showcase .premium-section-dock {
  opacity: var(--showcase-menu-opacity, 1) !important;
  pointer-events: none !important;
}

.premium-contact-giant {
  z-index: 1;
  color: rgba(255, 255, 255, .18);
  font-size: clamp(7.5rem, 16vw, 19rem);
  line-height: .76;
}

.premium-contact-giant span:last-child {
  color: rgba(234, 128, 0, .2);
}

.premium-contact-stage,
.premium-contact-copy {
  z-index: 3;
}

.premium-contact-copy {
  border: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.premium-contact-copy p {
  color: #EA8000;
}

.premium-contact-card {
  aspect-ratio: 9 / 16 !important;
  border: 0;
  opacity: 0;
  animation: none;
}

body.is-contact-showcase .premium-contact-card {
  animation:
    premiumContactSettle .9s cubic-bezier(.19, 1, .22, 1) both,
    premiumContactFloat var(--float-speed) ease-in-out var(--float-delay) infinite;
  animation-delay: var(--delay, 0s), calc(var(--delay, 0s) + var(--float-delay));
}

.premium-contact-card-web {
  --w: 250px;
  --x: -470px;
  --y: -230px;
}

.premium-contact-card-content {
  --w: 220px;
  --x: 305px;
  --y: -250px;
}

.premium-contact-card-signature {
  --w: 220px;
  --x: -340px;
  --y: 88px;
}

.premium-contact-card-display {
  --w: 210px;
  --x: 92px;
  --y: -302px;
}

.premium-contact-card-brand {
  --w: 224px;
  --x: 298px;
  --y: 86px;
}

.premium-contact-card-photo {
  --w: 230px;
  --x: -92px;
  --y: 150px;
}

.footer-marquee-wrap {
  display: block !important;
  width: 100%;
  overflow: hidden;
}

.footer-marquee-wrap .marquee-animation-wrapper {
  overflow: hidden;
  transform: none !important;
}

.footer-marquee-wrap .marquee-inner-box {
  display: flex !important;
  width: max-content;
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: transform;
  animation: premiumFooterMarquee 36s linear infinite !important;
}

.footer-marquee-wrap .marquee-text-box {
  flex: 0 0 auto;
}

@keyframes premiumFooterMarquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(var(--footer-marquee-shift, -50vw), 0, 0);
  }
}

@media screen and (min-width: 992px) {
  .header-section .navbar-area {
    width: max-content;
    max-width: calc(100vw - 40px);
    padding-left: clamp(16px, 1.35vw, 24px);
    padding-right: clamp(16px, 1.35vw, 24px);
  }

  .header-section .nav-menu-items.w-nav-menu {
    padding-left: 0;
    padding-right: 0;
  }

  .premium-nav-profile:not([hidden]) {
    display: inline-flex !important;
  }

  .premium-service-retainer-card {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 42%);
  }
}

@media screen and (max-width: 991px) {
  .premium-nav-profile {
    display: none !important;
  }

  .footer-marquee-wrap {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .premium-hero-actions .premium-signin-trigger {
    display: none !important;
  }

  .premium-contact-card-web {
    --w: 154px;
    --x: -164px;
    --y: -178px;
  }

  .premium-contact-card-content {
    --w: 142px;
    --x: 108px;
    --y: -192px;
  }

  .premium-contact-card-signature {
    --w: 142px;
    --x: -136px;
    --y: 54px;
  }

  .premium-contact-card-display {
    --w: 132px;
    --x: 4px;
    --y: -262px;
  }

  .premium-contact-card-brand {
    --w: 142px;
    --x: 112px;
    --y: 78px;
  }

  .premium-contact-card-photo {
    --w: 148px;
    --x: -16px;
    --y: 168px;
  }
}

@media screen and (max-width: 767px) {
  .premium-motion-stage,
  .premium-service-runway {
    display: none !important;
  }

  .premium-hero-skills {
    position: relative;
    z-index: 12;
  }

  .premium-hero-skills span {
    touch-action: manipulation;
    transition:
      color .24s ease,
      text-shadow .24s ease;
  }

  .premium-hero-skills span::before {
    transition:
      opacity .24s ease,
      filter .24s ease,
      transform .24s ease;
  }

  .premium-hero-skills span.is-skill-hint-clearing,
  .premium-hero-skills span.is-skill-hinting {
    border-color: transparent;
    box-shadow: none;
    color: transparent;
    outline: 0;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0);
  }

  .premium-hero-skills span.is-skill-hinting {
    z-index: 30;
  }

  .premium-hero-skills span.is-skill-hint-impact {
    z-index: 40;
  }

  body.is-tap-tuning.is-hiding-hint-pill-surfaces .premium-hero-skills span.is-skill-hint-clearing:not(.is-hint-tune-selected),
  body.is-tap-tuning.is-hiding-hint-pill-surfaces .premium-hero-skills span.is-skill-hinting:not(.is-hint-tune-selected) {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .premium-hero-skills span.is-skill-hint-clearing::before,
  .premium-hero-skills span.is-skill-hinting::before {
    opacity: 0 !important;
    background: transparent !important;
    filter: blur(8px);
    transform: scale(.72);
  }

  .premium-hero-skills span.is-skill-hinting::after {
    content: attr(data-hint-word);
    position: absolute;
    inset: 0;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    font-family: "Premium Bryson", "Premium Anton", Impact, sans-serif;
    font-size: var(--hero-skill-hint-font-size, clamp(.78rem, 4vw, 1.04rem));
    font-weight: 900;
    line-height: .86;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    -webkit-text-stroke: 0 transparent;
    opacity: 1;
    filter: none;
    paint-order: fill;
    text-shadow: none;
    transform: translateY(0);
    pointer-events: none;
  }

  .premium-hero-skills span:nth-child(even).is-skill-hinting::after {
    color: var(--color-brand--secondary);
  }

  body.is-hero-skills-ready .premium-hero-skills span.is-skill-hint-impact,
  .premium-hero-skills span.is-skill-hint-impact {
    animation: premium-skill-widget-impact var(--tap-duration, .58s) cubic-bezier(.18, .82, .24, 1) 0s both !important;
  }

  body.is-hero-skills-ready .premium-hero-skills span:first-child.is-skill-hint-impact,
  .premium-hero-skills span:first-child.is-skill-hint-impact {
    animation: premium-skill-widget-tap-impact var(--tap-duration, .58s) cubic-bezier(.18, .82, .24, 1) 0s both !important;
  }

  .premium-hero-skills span.is-skill-hint-pop::after {
    animation: premium-skill-hint-bottom-bounce var(--tap-duration, .58s) cubic-bezier(.18, .82, .24, 1) both;
  }

  .premium-hero-skills span.is-skill-hinting {
    overflow: visible;
  }

  .premium-hero-skills span:nth-child(1) {
    --hero-skill-hint-hit-y: var(--hint-word-1-hit-y, var(--tap-text-hit-y, clamp(4.5px, .18em, 6.5px)));
  }

  .premium-hero-skills span:nth-child(2) {
    --hero-skill-hint-hit-y: var(--hint-word-2-hit-y, clamp(5px, .21em, 8px));
  }

  .premium-hero-skills span:nth-child(3) {
    --hero-skill-hint-hit-y: var(--hint-word-3-hit-y, clamp(4.5px, .18em, 6.5px));
  }

  .premium-hero-skills span:nth-child(4) {
    --hero-skill-hint-hit-y: var(--hint-word-4-hit-y, clamp(5px, .2em, 7.5px));
  }

  .premium-hero-skills span:nth-child(5) {
    --hero-skill-hint-hit-y: var(--hint-word-5-hit-y, clamp(5px, .2em, 7.5px));
  }

  .premium-hero-skills span:nth-child(6) {
    --hero-skill-hint-hit-y: var(--hint-word-6-hit-y, clamp(7px, .29em, 10.5px));
  }

  .premium-hero-skills span:first-child.is-skill-hint-pop::after {
    animation-name: premium-skill-hint-bottom-bounce;
  }

  .premium-hero-skill-preview {
    position: absolute;
    z-index: 1505;
    top: var(--skill-preview-top, clamp(14px, 2.4svh, 24px));
    left: var(--skill-preview-left, clamp(10px, 3vw, 16px));
    width: min(42vw, 164px);
    aspect-ratio: 1.48 / 1;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 20px 52px rgba(8, 11, 36, .34);
    opacity: 0;
    filter: blur(14px);
    transform: translate3d(var(--skill-preview-from-x, 0), var(--skill-preview-from-y, 0), 0) scale(.24) rotate(var(--skill-preview-rotate, -7deg));
    transform-origin: center center;
    transition:
      opacity .22s ease,
      filter .28s ease,
      transform .28s cubic-bezier(.18, .92, .24, 1.02);
    pointer-events: none;
  }

  .premium-hero-skill-preview.is-active {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1) rotate(-3deg);
  }

  .premium-hero-skill-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.03);
  }

  .premium-hero-skill-preview span {
    position: absolute;
    left: 8px;
    bottom: 8px;
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(234, 128, 0, .96);
    color: #fff;
    font-size: .52rem;
    font-weight: 800;
    line-height: 1;
  }

  .premium-hero-work-deck {
    --mobile-work-card-width: min(43vw, 154px);
    --mobile-work-card-height: min(29vw, 104px);
    position: relative;
    z-index: 4;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: calc(var(--mobile-work-card-height) + 24px);
    margin: 14px calc(50% - 50vw) 0 !important;
    overflow: hidden;
    isolation: isolate;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9vw, #000 91vw, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 9vw, #000 91vw, transparent 100%);
  }

  .premium-hero-work-card,
  .premium-hero-work-card:nth-child(n + 3) {
    position: absolute !important;
    top: 10px;
    left: 0;
    display: block !important;
    width: var(--mobile-work-card-width) !important;
    height: var(--mobile-work-card-height) !important;
    margin: 0 !important;
    border-radius: 8px;
    opacity: 1;
    transform: translate3d(calc(100vw + 28px), 0, 0) rotate(var(--work-card-rotate, 0deg));
    animation: premium-mobile-work-card-slide 25.2s linear infinite !important;
    animation-delay: var(--mobile-card-delay, 0s) !important;
    will-change: transform;
  }

  .premium-hero-work-card[data-card="website"] {
    --mobile-card-delay: -25.2s;
  }

  .premium-hero-work-card[data-card="content"] {
    --mobile-card-delay: -21s;
  }

  .premium-hero-work-card[data-card="signature"] {
    --mobile-card-delay: -16.8s;
  }

  .premium-hero-work-card[data-card="photo"] {
    --mobile-card-delay: -12.6s;
  }

  .premium-hero-work-card[data-card="display"] {
    --mobile-card-delay: -8.4s;
  }

  .premium-hero-work-card[data-card="brand"] {
    --mobile-card-delay: -4.2s;
  }
}

@keyframes premium-skill-hint-slap {
  0% {
    opacity: 0;
    filter: none;
    transform: translate(-50%, calc(-50% - 112svh)) scale(1.22) rotate(-5deg);
  }

  58% {
    opacity: 1;
    filter: none;
    transform: translate(-50%, calc(-50% + 9px)) scale(.92) rotate(1.2deg);
  }

  78% {
    opacity: 1;
    filter: none;
    transform: translate(-50%, calc(-50% - 2px)) scale(1.025) rotate(-.7deg);
  }

  100% {
    opacity: 1;
    filter: none;
    transform: translate(-50%, -50%) scale(1) rotate(0);
  }
}

@keyframes premium-skill-hint-bottom-bounce {
  0% {
    opacity: 0;
    filter: none;
    transform: translateY(-112svh) scale(1.16) rotate(-5deg);
  }

  36% {
    opacity: 1;
    filter: none;
    transform: translateY(var(--hero-skill-hint-hit-y, clamp(9px, .6em, 12px))) scale(.97) rotate(1.2deg);
  }

  62% {
    opacity: 1;
    filter: none;
    transform: translateY(var(--hero-skill-hint-hit-y, clamp(9px, .6em, 12px))) scale(.97) rotate(.4deg);
  }

  82% {
    opacity: 1;
    filter: none;
    transform: translateY(var(--tap-text-rebound-y, clamp(-3px, -.07em, -1px))) scale(1.02) rotate(-.7deg);
  }

  100% {
    opacity: 1;
    filter: none;
    transform: translateY(0) scale(1) rotate(0);
  }
}

@keyframes premium-skill-widget-impact {
  0%, 30% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--rest-rotate, 0deg)) scale(1);
  }

  40%, 62% {
    opacity: 1;
    transform: translate3d(0, var(--tap-pill-hit-y, clamp(3px, .13em, 5px)), 0) rotate(var(--rest-rotate, 0deg)) scale(.985);
  }

  82% {
    opacity: 1;
    transform: translate3d(0, var(--tap-pill-rebound-y, clamp(-7px, -.2em, -4px)), 0) rotate(var(--rest-rotate, 0deg)) scale(1.012);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--rest-rotate, 0deg)) scale(1);
  }
}

@keyframes premium-skill-widget-tap-impact {
  0%, 30% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--rest-rotate, 0deg)) scale(1);
  }

  40%, 62% {
    opacity: 1;
    transform: translate3d(0, var(--tap-pill-hit-y, clamp(3px, .13em, 5px)), 0) rotate(var(--rest-rotate, 0deg)) scale(.985);
  }

  82% {
    opacity: 1;
    transform: translate3d(0, var(--tap-pill-rebound-y, clamp(-7px, -.2em, -4px)), 0) rotate(var(--rest-rotate, 0deg)) scale(1.012);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--rest-rotate, 0deg)) scale(1);
  }
}

.premium-tap-tuner {
  position: fixed;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  z-index: 5000;
  display: grid;
  gap: 10px;
  width: min(340px, calc(100vw - 24px));
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 8px;
  background: rgba(14, 17, 47, .92);
  color: #fff;
  font-family: var(--border-radius--primary-font);
  font-size: 12px;
  line-height: 1;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.premium-tap-tuner-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.premium-tap-tuner strong {
  color: var(--color-brand--primary);
  font-size: 13px;
  text-transform: uppercase;
}

.premium-tap-tuner button {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  background: var(--color-brand--primary);
  color: #fff;
  font: inherit;
  font-weight: 800;
}

.premium-tap-tuner label {
  display: grid;
  gap: 6px;
}

.premium-tap-tuner label span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.premium-tap-tuner output {
  color: var(--color-brand--primary);
  font-weight: 800;
}

.premium-tap-tuner input {
  width: 100%;
  accent-color: var(--color-brand--primary);
}

.premium-tap-tuner code {
  display: block;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, .12);
  padding-top: 8px;
  color: rgba(255, 255, 255, .72);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes premium-mobile-work-card-slide {
  0% {
    transform: translate3d(calc(100vw + 28px), 0, 0) rotate(var(--work-card-rotate, 0deg));
  }

  100% {
    transform: translate3d(calc((var(--mobile-work-card-width) + 1060px) * -1), 0, 0) rotate(var(--work-card-rotate, 0deg));
  }
}

body:not(.is-user-signed-in) [data-auth-user] {
  display: none !important;
}

body:not(.is-user-signed-in) .header-section .nav-menu-items [data-auth-user].nav-menu-item {
  display: none !important;
}

body.is-user-signed-in [data-auth-guest],
body.is-user-signed-in .premium-signin-trigger {
  display: none !important;
}

body.is-user-signed-in .header-section .nav-menu-items [data-auth-guest].nav-menu-item {
  display: none !important;
}

body.is-user-signed-in .premium-nav-studio[data-auth-user] {
  display: inline-flex !important;
}

body.is-user-signed-in .premium-home-cta-icon[data-auth-user] {
  display: block !important;
}

.header-section .premium-header-contact-toggle::after,
.premium-section-dock .premium-dock-contact::after {
  content: none !important;
  display: none !important;
}

.premium-hero-work-card {
  border: 0 !important;
  background: transparent !important;
}

@media screen and (max-width: 767px) {
  .premium-hero-actions .premium-signin-trigger {
    display: none !important;
  }
}

.premium-hero-work-card {
  transition: filter .24s ease, opacity .24s ease;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .premium-hero-work-deck.is-skill-hovered .premium-hero-work-card.is-muted {
    filter: grayscale(1) saturate(0) blur(2.5px) contrast(.94) brightness(.72);
    opacity: .8;
  }

  .premium-hero-work-deck.is-skill-hovered .premium-hero-work-card.is-muted img,
  .premium-hero-work-deck.is-skill-hovered .premium-hero-work-card.is-muted video,
  .premium-hero-work-deck.is-skill-hovered .premium-hero-work-card.is-muted .premium-signature-preview {
    filter: none !important;
  }

  .premium-hero-work-deck.is-skill-hovered .premium-hero-work-card.is-hover-match {
    filter: none;
    opacity: 1;
    z-index: 12;
  }
}

@media screen and (min-width: 992px) {
  .header-section .navbar-area {
    width: min(calc(100vw - 40px), 940px) !important;
    max-width: calc(100vw - 40px) !important;
    padding-left: clamp(8px, .75vw, 14px) !important;
    padding-right: clamp(8px, .75vw, 14px) !important;
  }

  .header-section .nav-bar-wrapper {
    width: 100% !important;
  }

  .header-section .nav-menu-items.w-nav-menu {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 991px) {
  .header-section .navbar-area {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .header-section .menu-button {
    box-sizing: border-box !important;
    border: 0 !important;
    background: var(--color-brand--primary) !important;
  }

  .header-section .menu-button .top-line,
  .header-section .menu-button .bottom-line,
  .header-section .menu-button .bottom {
    background: #fff !important;
  }
}

.premium-mobile-menu-backdrop {
  display: none;
}

@media screen and (max-width: 991px) {
  .premium-mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 940;
    display: block;
    background: rgba(12, 13, 28, .72);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(0) saturate(1);
    -webkit-backdrop-filter: blur(0) saturate(1);
    transition:
      opacity .38s ease,
      visibility 0s linear .38s,
      backdrop-filter .44s ease,
      -webkit-backdrop-filter .44s ease;
  }

  body.is-premium-mobile-menu-open .premium-mobile-menu-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    backdrop-filter: blur(14px) saturate(.72);
    -webkit-backdrop-filter: blur(14px) saturate(.72);
    transition-delay: 0s;
  }

  .header-section .menu-button {
    position: relative;
    z-index: 1005;
    transition:
      transform .34s cubic-bezier(.18, .9, .22, 1),
      box-shadow .34s ease,
      border-color .34s ease !important;
  }

  body.is-premium-mobile-menu-open .header-section .menu-button {
    transform: scale(1.02);
    box-shadow: 0 18px 46px rgba(234, 128, 0, .34), 0 0 70px rgba(255, 255, 255, .2) !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed {
    top: clamp(104px, 17svh, 128px) !important;
    left: 50% !important;
    right: auto !important;
    z-index: 1002 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: min(calc(100vw - 54px), 374px) !important;
    max-width: none !important;
    padding: 16px 14px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    filter: blur(18px);
    max-height: 560px;
    transform: translateX(-50%) translate3d(30px, -44px, 0) scale(.18) !important;
    transform-origin: var(--premium-mobile-menu-origin-x, calc(100% - 34px)) var(--premium-mobile-menu-origin-y, -44px) !important;
    transition:
      opacity .3s ease,
      visibility 0s linear .42s,
      max-height .38s cubic-bezier(.18, .9, .22, 1),
      filter .38s ease,
      transform .44s cubic-bezier(.16, 1, .28, 1) !important;
    will-change: opacity, filter, transform;
  }

  body.is-premium-mobile-menu-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed,
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-open,
  .header-section .nav-menu-items.w-nav-menu[data-premium-menu-open="true"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    filter: blur(0);
    max-height: 560px;
    transform: translateX(-50%) translate3d(0, 0, 0) scale(1) !important;
    transition-delay: 0s !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .nav-menu-item,
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(-10px) scale(.96) !important;
    transition:
      opacity .24s ease,
      filter .36s ease,
      transform .36s cubic-bezier(.18, .9, .22, 1) !important;
  }

  body.is-premium-mobile-menu-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .nav-menu-item,
  body.is-premium-mobile-menu-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1) !important;
    transition-delay: calc(.08s + var(--premium-mobile-menu-item-delay, 0s)) !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > :nth-child(1) {
    --premium-mobile-menu-item-delay: 0s;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > :nth-child(2) {
    --premium-mobile-menu-item-delay: .025s;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > :nth-child(3) {
    --premium-mobile-menu-item-delay: .05s;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > :nth-child(4) {
    --premium-mobile-menu-item-delay: .075s;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > :nth-child(5) {
    --premium-mobile-menu-item-delay: .1s;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > :nth-child(6) {
    --premium-mobile-menu-item-delay: .125s;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > :nth-child(7) {
    --premium-mobile-menu-item-delay: .15s;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap {
    width: 100%;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-toggle {
    display: flex !important;
    min-height: 48px;
    height: auto;
    padding: 0 14px;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap:not(.is-open) .premium-header-contact-toggle:hover,
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap:not(.is-open) .premium-header-contact-toggle:focus-visible {
    background: #EA8000;
    border-color: #EA8000;
  }

  .header-section .premium-header-contact-back {
    position: static;
    z-index: 1006;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 2px solid rgba(255, 255, 255, .96);
    border-radius: 16px;
    background: #EA8000;
    box-shadow: 0 14px 32px rgba(234, 128, 0, .28);
    color: #2F3366;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px) scale(.92);
    transition:
      opacity .24s ease,
      transform .32s cubic-bezier(.18, .9, .22, 1),
      box-shadow .24s ease;
  }

  body.is-premium-mobile-contact-open .header-section .premium-header-contact-back {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  body.is-premium-mobile-contact-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .nav-menu-item:not(.premium-header-contact-toggle),
  body.is-premium-mobile-contact-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap > .premium-header-contact-toggle {
    display: none !important;
  }

  body.is-premium-mobile-contact-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed {
    max-height: 338px;
  }

  body.is-premium-mobile-contact-closing .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed {
    max-height: 560px;
  }

  body.is-premium-mobile-contact-closing .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .nav-menu-item:not(.premium-header-contact-toggle),
  body.is-premium-mobile-contact-closing .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap > .premium-header-contact-toggle {
    display: flex !important;
    opacity: 1;
    filter: blur(12px);
    transform: translateY(10px) scale(.98) !important;
    pointer-events: none !important;
  }

  body.is-premium-mobile-contact-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap {
    width: 100%;
    margin-top: 0;
    order: -1;
  }

  body.is-premium-mobile-contact-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-toggle {
    display: none !important;
  }

  body.is-premium-mobile-contact-closing .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-toggle {
    display: none !important;
  }

  body.is-premium-mobile-contact-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-popover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    max-height: 500px;
    margin-top: 0;
    padding: 0;
    transform: translateY(0) scale(1);
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.is-premium-mobile-contact-open .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-links a,
  body.is-premium-mobile-contact-closing .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-links a {
    background: rgba(255, 255, 255, 0) !important;
    border-color: rgba(255, 255, 255, 0) !important;
    box-shadow: none !important;
    color: #fff;
  }

  body.is-premium-mobile-contact-closing .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-popover {
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    max-height: 0;
    filter: blur(12px);
    padding: 0;
    transform: translateY(-8px) scale(.985);
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .nav-menu-item {
    opacity: 1;
    filter: none;
    transform: none !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap {
    display: grid;
    gap: 0;
    align-self: stretch;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-popover {
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    max-height: 0;
    margin-top: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
    opacity: 0;
    filter: blur(10px);
    transform: translateY(-8px) scale(.985);
    transform-origin: top center;
    pointer-events: none;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition:
      opacity .24s ease,
      filter .34s ease,
      transform .34s cubic-bezier(.18, .9, .22, 1),
      max-height .38s ease,
      margin-top .24s ease,
      padding .24s ease;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap.is-open .premium-header-contact-popover {
    max-height: 380px;
    margin-top: 0;
    padding: 0;
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1);
    pointer-events: auto;
    background: transparent !important;
    box-shadow: none !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 0 8px;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-back {
    flex: 0 0 auto;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    appearance: none;
    -webkit-appearance: none;
    border: 0 !important;
    border-radius: 16px;
    background: linear-gradient(145deg, #ffb02a 0%, #ea8000 58%, #d96f00 100%) !important;
    background-image: linear-gradient(145deg, #ffb02a 0%, #ea8000 58%, #d96f00 100%) !important;
    box-shadow: none !important;
    color: #fff !important;
    outline: none !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-back svg,
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-back svg path {
    stroke: #fff !important;
    fill: none !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-back svg {
    width: 22px;
    height: 22px;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-title {
    display: block;
    flex: 1 1 auto;
    color: #fff;
    font-family: "Premium Bryson", "Premium Montserrat", Montserrat, Arial, sans-serif;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-align: center;
    transform: translateX(-24px);
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-links {
    gap: 10px;
    padding-top: 2px;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-links a {
    min-height: 48px;
    padding: 0 16px;
    font-family: "Premium Bryson", "Premium Montserrat", Montserrat, Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    background: transparent !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-color: transparent !important;
    color: #fff;
    box-shadow: none !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-links a:first-of-type {
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    background-image: none !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-links a:hover,
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-links a:focus-visible {
    background: #EA8000;
    border-color: #EA8000;
    color: #fff;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap .premium-header-contact-links a strong {
    max-width: none;
    color: inherit;
    font-size: inherit;
    text-transform: inherit;
  }
}

@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) {
  .premium-mobile-menu-backdrop,
  .header-section .menu-button,
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed,
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .nav-menu-item,
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap {
    transition: none !important;
  }
}

.premium-hero-work-card[data-card="signature"] .premium-signature-preview {
  inset: 6px !important;
  background: #FFFFFF !important;
}

@media screen and (max-width: 991px) {
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed {
    background: #2F3366 !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 24px 70px rgba(39, 43, 88, .22), inset 0 1px rgba(255, 255, 255, .1) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .nav-menu-item,
  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .premium-header-contact-wrap {
    min-height: 48px;
    font-size: 18px !important;
  }

  .header-section .nav-menu-items.w-nav-menu.is-premium-mobile-menu-managed > .nav-menu-item {
    letter-spacing: .02em;
  }

  .premium-nav-studio-icon {
    filter: none;
  }
}

.premium-home-cta .premium-button-arrow {
  display: none !important;
}

.premium-hero-actions .premium-signin-trigger {
  height: 68px !important;
  min-height: 68px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
  .premium-hero-skill-preview,
  .premium-hero-work-card,
  .premium-signature-preview,
  .premium-hero-work-card[data-card="signature"] {
    background: transparent !important;
  }

  .premium-hero-skill-preview img,
  .premium-hero-work-card img,
  .premium-hero-work-card video {
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    transform: none !important;
  }

  .premium-hero-work-card[data-card="display"] video {
    background: #0D1020 !important;
  }

  .premium-hero-skill-preview {
    z-index: 1390;
    width: min(56vw, 210px);
    aspect-ratio: 1.48 / 1;
    left: max(12px, var(--skill-preview-left, 12px));
  }

  .premium-hero-work-deck,
  .premium-hero-work-deck.is-skill-hovered {
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .premium-hero-work-deck::before,
  .premium-hero-work-deck::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}