/* Shared framing, type and surface rules. Photos retain their entire composition. */
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) {
 --vk-page-title:clamp(2.5rem,4.8vw,5rem);
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) h1 {
 font-size:var(--vk-page-title)!important;line-height:1.08!important;letter-spacing:-.045em!important;
 text-wrap:balance;max-width:20ch;margin-inline:0;
}
html body.service-insight #main-content:not(#unused425):not(#unused426):not(#unused427) h1 {margin-inline:auto!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoMetricRail {
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 padding:0!important;margin-block:32px!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoMetricRail article {
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;
 background:linear-gradient(145deg,#143747,#0d2838)!important;border:1px solid #42616e!important;
 border-radius:18px!important;padding:clamp(24px,2.7vw,40px)!important;min-height:0!important;
 box-shadow:none!important;color:#f3fafc!important;transform:none!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoMetricRail article::before,
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoMetricRail article::after {display:none!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoMetricRail :is(small,strong) {
 color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important;font-size:13px!important;letter-spacing:.09em!important;
 margin:0!important;line-height:1.5!important;position:static!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoMetricRail strong {margin-top:10px!important;text-transform:uppercase}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoMetricRail h3 {
 color:#f3fafc!important;-webkit-text-fill-color:#f3fafc!important;font-size:clamp(22px,2vw,30px)!important;line-height:1.22!important;margin:0!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoMetricRail p {
 color:#c4d9e1!important;-webkit-text-fill-color:#c4d9e1!important;font-size:17px!important;line-height:1.65!important;margin:0!important;
}
/* Natural aspect ratios replace fixed portrait windows and image zoom. */
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) main img:not([src*="logo"]):not([src*="brand-mark"]) {
 object-fit:contain!important;object-position:center!important;transform:none!important;clip-path:none!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) main :is(picture,.project-media) {
 display:block!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) main :is(picture,.project-media) img {
 display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) :is(.creativeoSplitMedia,.creativeoDetailHeroMedia,.creativeoHeroMedia,.creativeoProjectMedia,.creativeoEditorialMedia,.creativeoServicesFeatureMedia,.case-project-hero-media-v17) {
 height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;align-self:center!important;overflow:hidden!important;
 background:#102d3d!important;border-color:#42616e!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCard {
 border-radius:18px!important;overflow:hidden!important;background:#122f3e!important;border:1px solid #42616e!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCopy {padding:24px!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCopy>* {padding:0!important;margin-inline:0!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCard>:is(h3,p,.creativeoProjectMeta) {margin-inline:24px!important;padding-inline:0!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCard :is(h2,h3) {
 font-size:clamp(24px,2.15vw,32px)!important;line-height:1.18!important;letter-spacing:-.025em!important;margin-block:18px!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCard :is(h2,h3,a) {color:#f3fafc!important;-webkit-text-fill-color:#f3fafc!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCard p {color:#c4d9e1!important;-webkit-text-fill-color:#c4d9e1!important;font-size:17px!important;line-height:1.65!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCard :is(small,.creativeoProjectMeta span) {color:#a7e5eb!important;-webkit-text-fill-color:#a7e5eb!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectView {display:none!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoStoryMedia {display:none!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoStoryPanel {
 min-height:0!important;align-content:start!important;grid-template-rows:auto!important;gap:18px!important;
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoStoryPanel>* {margin-block:0!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoStickyStoryContent {align-items:start!important}
@media(max-width:767px) {
 html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) {--vk-page-title:clamp(2.25rem,8.5vw,3.5rem)}
 html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoMetricRail {grid-template-columns:1fr!important;gap:12px!important}
 html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCopy {padding:22px!important}
}

html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoDetailHeroMedia {width:min(100%,820px)!important;margin-inline:auto!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoHeroMedia {width:100%!important}
/* Figures must fit their grid cell instead of inheriting browser side margins. */
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) :is(.creativeoSplitMedia,.creativeoHeroMedia,.creativeoEditorialMedia) {margin:0!important;width:100%!important;min-width:0!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoTextLink {border-color:#72becb!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoTextLink::after {background:#72becb!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProblemGrid article {min-height:0!important;gap:26px!important;justify-content:flex-start!important}
/* One title scale, including the former home-only override. */
html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d):not(#type425e):not(#type425f) h1 {font-size:var(--vk-page-title)!important;line-height:1.08!important}
@media(max-width:767px) {
 html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d) .vk-bloom-hero {height:auto!important;min-height:100svh!important;padding-top:100px!important;background:#081d2a!important}
 html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d) .vk-bloom-media {position:relative!important;inset:auto!important;width:calc(100% - 40px)!important;margin:0 20px!important;height:auto!important;aspect-ratio:3/2!important;border-radius:16px;overflow:hidden}
 html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d) .vk-bloom-media img {width:100%!important;height:100%!important;animation:none!important}
 html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d) .vk-bloom-shade {display:none!important}
 html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d) .vk-bloom-inner {display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;padding:28px 20px!important;gap:26px!important}
 html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d) .vk-bloom-right {order:1!important;padding:0!important;margin:0!important}
 html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d) .vk-bloom-left {order:2!important;position:static!important;padding:0!important}
 html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d) .vk-bloom-kicker {display:none!important}
 html body #main-content:not(#type425a):not(#type425b):not(#type425c):not(#type425d) .vk-bloom-thumbs {position:static!important;margin:0!important;width:100%!important}
}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCopy .creativeoProjectMeta {margin-block:0!important}
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCard::before,
html body:not([data-demo-family]) #main-content:not(#unused425):not(#unused426):not(#unused427) .creativeoProjectCard::after {display:none!important}