/* Home / v422: image-led editorial hierarchy, calm technical detail, clear interaction. */
html body:not([data-demo-family]) #main-content main.creativeoHomePage {
  --home-ink:#142d3c;--home-muted:#536b77;--home-teal:#176f8b;--home-cyan:#a7e5eb;--home-line:#cddfe4;
}
/* Full-bleed hero: one message, with the photography free of duplicate giant type. */
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-hero {
  min-height:max(720px,92svh)!important;background:#071724!important;
  border-bottom:1px solid #8fdce675!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-shade {
  background:linear-gradient(90deg,#07172475 0%,#0717245b 40%,#061522df 100%),
             linear-gradient(0deg,#05111ff2 0%,transparent 48%,#05111f6e 100%)!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-inner {
  width:min(1440px,calc(100% - 88px))!important;min-height:max(720px,92svh)!important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  align-items:end!important;gap:clamp(36px,6vw,100px)!important;padding:140px 0 78px!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-left {
  min-height:470px!important;justify-content:space-between!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-display {display:none!important}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-kicker {
  display:inline-flex;align-items:center;gap:15px;color:#d5e9ed!important;
  font-size:.69rem!important;letter-spacing:.2em!important;text-transform:uppercase;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-kicker::before {
  content:"";width:36px;height:1px;background:#a7e5eb;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-right {
  max-width:670px!important;margin:0 0 7px auto!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-label {
  color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important;
  font-size:.76rem!important;letter-spacing:.15em!important;margin-bottom:24px!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-hero h1:not(#vk-type):not(#vk-type):not(#vk-type):not(#vk-type) {
  max-width:12.6ch!important;font-size:clamp(4rem,6.3vw,7.5rem)!important;
  line-height:.94!important;letter-spacing:-.075em!important;text-wrap:balance!important;
  color:#fff!important;text-shadow:0 6px 30px #06152354;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-intro {
  max-width:46ch!important;color:#d4e4ea!important;font-size:clamp(1rem,1.16vw,1.17rem)!important;
  line-height:1.6!important;margin:24px 0 30px!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-actions {gap:14px 24px!important}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-action {
  min-height:52px!important;border:1px solid #a9e1e8!important;border-radius:12px!important;
  background:#bdebf0!important;color:#0b2736!important;-webkit-text-fill-color:#0b2736!important;
  box-shadow:0 12px 30px #03121e45!important;transition:transform .25s,background .25s!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-action:is(:hover,:focus-visible) {
  transform:translateY(-3px)!important;background:#fff!important;color:#0b2736!important;-webkit-text-fill-color:#0b2736!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-secondary {
  border-bottom-color:#a9e1e8!important;color:#e7f5f7!important;-webkit-text-fill-color:#e7f5f7!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-secondary:is(:hover,:focus-visible) {
  color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs {
  width:max-content;max-width:100%;padding:8px;gap:8px!important;
  border:1px solid #b8e4e74f;border-radius:14px;background:#0717249e;backdrop-filter:blur(10px);
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs button {
  width:88px;height:60px;border-radius:9px!important;opacity:.68;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs button.is-active {
  border-color:#a7e5eb!important;opacity:1;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-count {
  right:44px;bottom:25px;color:#d3e6ec!important;
}
/* Unified section rhythm and typography. */
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-section {
  padding:clamp(76px,8vw,118px) 0!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-section .vk404-heading {margin-bottom:clamp(30px,4vw,50px)!important}
html body:not([data-demo-family]) #main-content main.creativeoHomePage[data-home-design="404"] .vk404-section h2:not(#vk-type):not(#vk-type):not(#vk-type):not(#vk-type):not(#vk-type) {
  font-size:clamp(2.55rem,4.35vw,4.6rem)!important;line-height:1.06!important;letter-spacing:-.05em!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-heading > p:last-child {
  color:#536c79!important;max-width:60ch!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoEyebrow {
  color:#236e84!important;-webkit-text-fill-color:#236e84!important;
}
/* Services: lighter cards, a strong editorial image, and focused hover states. */
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services {
  background:#eff5f6!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services .vk404-visual-grid {
  align-items:stretch!important;gap:clamp(20px,2.5vw,36px)!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services .vk404-photo {
  position:relative;overflow:hidden;border:1px solid #c8dfe4;border-radius:22px;
  background:#dce9eb;box-shadow:0 18px 48px #0b304018;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services .vk404-photo img {
  width:100%!important;height:100%!important;min-height:560px!important;aspect-ratio:auto!important;
  object-fit:cover!important;object-position:center 35%!important;border-radius:0!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services .vk404-photo figcaption {
  position:absolute;left:20px;right:20px;bottom:20px;margin:0!important;padding:12px 16px;
  border:1px solid #bce2e774;border-radius:9px;background:#071e2aca;color:#f4fbfc!important;
  font-size:.75rem!important;letter-spacing:.04em;backdrop-filter:blur(12px);
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service-grid {gap:12px!important}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service {
  border:1px solid #ccdee2!important;border-radius:17px!important;background:#fff!important;
  padding:clamp(18px,2vw,25px)!important;box-shadow:0 8px 28px #0b30400a;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service:is(:hover,:focus-visible) {
  transform:translateY(-4px);border-color:#81bfc9!important;box-shadow:0 18px 38px #0b30401d!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service h3 {
  color:#173041!important;-webkit-text-fill-color:#173041!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service p {color:#526b78!important;-webkit-text-fill-color:#526b78!important}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service .vk404-link,
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-price a {
  color:#176481!important;-webkit-text-fill-color:#176481!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-icon {
  color:#176f8b!important;background:#e5f2f4!important;border-radius:10px!important;
}
/* Process: a clear luminous path rather than gold circles. */
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process-section {
  background:#0a1e2d!important;color:#f7fbfc!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process-section .creativeoEyebrow,
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-data .creativeoEyebrow {
  color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process-section .vk404-heading h2,
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-data h2 {
  color:#f7fbfc!important;-webkit-text-fill-color:#f7fbfc!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process-section .vk404-heading > p:last-child {
  color:#bed3da!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process li {
  grid-template-columns:44px minmax(0,1fr)!important;gap:17px!important;padding:0 0 22px!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process li:not(:last-child)::before {
  left:21px!important;top:46px!important;width:2px!important;background:linear-gradient(#a6e2e9,#a6e2e930)!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-step-number {
  width:44px!important;height:44px!important;border:1px solid #82cbd5!important;border-radius:11px!important;
  color:#b1e8ed!important;background:#153747!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process small {
  color:#9bdbe4!important;-webkit-text-fill-color:#9bdbe4!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process-section .vk404-photo img {
  object-fit:cover!important;border:1px solid #86c8d15c;border-radius:22px!important;box-shadow:0 20px 55px #00111b80;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process-section .creativeoButton,
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-data .creativeoButton {
  border-color:#9fdee6!important;border-radius:10px!important;background:#9fdee6!important;
  color:#092534!important;-webkit-text-fill-color:#092534!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-process-section .creativeoButton:is(:hover,:focus-visible),
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-data .creativeoButton:is(:hover,:focus-visible) {
  background:#fff!important;color:#092534!important;-webkit-text-fill-color:#092534!important;
}
/* Featured work and prices share the same editorial card language. */
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoPortfolioSection {
  padding-block:clamp(78px,8vw,118px)!important;background:#081b29!important;color:#f5fbfc!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoPortfolioSection .creativeoSectionHeading h2 em {
  color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoPortfolioSection .creativeoSectionHeading > p:last-child {
  color:#bcd0d7!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-pricing {background:#f3f8f9!important}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-price {
  border:1px solid #cbdee3!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 10px 30px #0b31400b;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-price:is(:hover,:focus-within) {
  transform:translateY(-5px);border-color:#84bdc8!important;box-shadow:0 20px 45px #0b31401b;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-price:nth-child(2) {
  background:#e8f4f6!important;border-color:#9ecbd3!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-price > strong {color:#173c50!important}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-price h3 {color:#173041!important}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-section-foot a {color:#176481!important;-webkit-text-fill-color:#176481!important}
/* Data: a real instrument panel, with every measure in cyan and teal. */
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-data {
  background:#0b2030!important;color:#f7fbfc!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-data-copy li b,
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-dashboard figcaption > span {
  color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-dashboard {
  border:1px solid #6da9b854!important;border-radius:22px!important;
  background:linear-gradient(145deg,#183848,#102736)!important;box-shadow:0 25px 60px #00121e61;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-metric strong {
  color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-funnel-row .bar-track {
  background:#e5f5f521!important;height:11px!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-funnel-row .bar-track i {
  background:linear-gradient(90deg,#3c91a8,#a7e5eb)!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-dashboard-note .vk404-icon {
  background:#a7e5eb1d!important;color:#a7e5eb!important;
}
/* Inquiry and article sections close the page without old gold rules. */
html body:not([data-demo-family]) #main-content main.creativeoHomePage .strategyInquiryJourney {
  background:#0b1d2a!important;color:#f7fbfc!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .strategyInquiryJourney .vk-inquiry-prep {
  border-color:#6ea9b65c!important;background:#143344!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .strategyInquiryJourney :is(.creativeoEyebrow,li>span,.vk-inquiry-prep>span,.vk-inquiry-prep b) {
  color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoEditorialSection {
  padding-block:clamp(74px,8vw,112px)!important;background:#f6f9fa!important;
}
html body:not([data-demo-family]) #main-content main.creativeoHomePage .creativeoBodyCta {
  background:linear-gradient(115deg,#0a2030,#123648 70%,#0a2030)!important;
}
@media(max-width:1000px) {
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-inner {
    width:calc(100% - 56px)!important;gap:30px!important;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;
  }
}
@media(max-width:760px) {
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-hero,
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-inner {min-height:100svh!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-inner {
    width:calc(100% - 40px)!important;display:flex!important;flex-direction:column!important;
    justify-content:flex-end!important;gap:18px!important;padding:100px 0 35px!important;
  }
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-left {
    display:contents!important;min-height:0!important;
  }
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-kicker {top:105px!important;font-size:.63rem!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-right {order:1!important;max-width:none!important;margin:0!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-hero h1:not(#vk-type):not(#vk-type):not(#vk-type):not(#vk-type) {
    max-width:12ch!important;font-size:clamp(2.9rem,11vw,5rem)!important;
  }
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-label {font-size:.65rem!important;margin-bottom:15px!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-intro {font-size:.95rem!important;margin:17px 0 20px!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs {order:2!important;padding:6px!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs button {width:66px!important;height:47px!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-count {right:20px!important;bottom:38px!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-shade {
    background:linear-gradient(0deg,#041421f7 0%,#041421d9 42%,#04142135 100%)!important;
  }
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-section {padding:64px 0!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-services .vk404-photo img {
    min-height:0!important;aspect-ratio:4/3!important;object-fit:cover!important;
  }
}
@media(max-width:480px) {
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk404-service-grid {grid-template-columns:1fr!important}
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-hero h1:not(#vk-type):not(#vk-type):not(#vk-type):not(#vk-type) {
    font-size:clamp(2.6rem,11vw,3.4rem)!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body:not([data-demo-family]) #main-content main.creativeoHomePage :is(.vk-bloom-action,.vk404-service,.vk404-price) {transition:none!important}
}
@media(max-width:760px) {
  html body:not([data-demo-family]) #main-content main.creativeoHomePage .vk-bloom-thumbs {
    align-self:flex-start!important;
  }
}
