/* v415 work imagery and inquiry rhythm. Every work photograph is 3:2 and remains fully visible. */
#main-content .creativeoHomePage .creativeoPortfolioGrid,
#main-content .creativeoPortfolioPage .creativeoPortfolioGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(22px,2.5vw,42px)!important;align-items:start!important;overflow:visible!important}
#main-content :is(.creativeoHomePage,.creativeoPortfolioPage) .creativeoProjectCard{min-width:0!important;margin:0!important}
#main-content :is(.creativeoHomePage,.creativeoPortfolioPage) .creativeoProjectMedia{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/2!important;overflow:hidden!important;border-radius:20px!important;background:#d9e7ec!important}
#main-content :is(.creativeoHomePage,.creativeoPortfolioPage) .creativeoProjectMedia :is(.project-media,picture,img){display:block!important;width:100%!important;height:100%!important;min-height:0!important}
#main-content :is(.creativeoHomePage,.creativeoPortfolioPage) .creativeoProjectMedia img{object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
#main-content :is(.creativeoHomePage,.creativeoPortfolioPage) .creativeoProjectCard:hover .creativeoProjectMedia img{transform:none!important;filter:none!important}
#main-content .creativeoPortfolioPage .creativeoPortfolioGrid{margin-top:clamp(28px,4vw,56px)!important}
#main-content .creativeoPortfolioPage .creativeoProjectMeta{margin-top:18px!important}
#main-content .creativeoPortfolioPage .creativeoProjectMedia .creativeoProjectView,
#main-content .creativeoHomePage .creativeoProjectMedia .creativeoProjectView{background:#0d3447!important;color:#fff!important;border:1px solid #72c9d4!important}
#main-content .creativeoPortfolioPage .creativeoProjectMedia:hover .creativeoProjectView,
#main-content .creativeoHomePage .creativeoProjectMedia:hover .creativeoProjectView{background:#176f8b!important;color:#fff!important}
#main-content .portfolio-template-v11 .portfolio-template-grid{gap:clamp(36px,4vw,64px) clamp(18px,2.4vw,34px)!important}
#main-content .portfolio-template-v11 .portfolio-template-media{height:auto!important;aspect-ratio:3/2!important;overflow:hidden!important;background:#d9e7ec!important}
#main-content .portfolio-template-v11 .portfolio-template-media :is(.project-media,picture,img){width:100%!important;height:100%!important}
#main-content .portfolio-template-v11 .portfolio-template-media img{object-fit:contain!important;transform:none!important;filter:none!important}
#main-content .portfolio-template-v11 .portfolio-template-media:hover img{transform:none!important}
#main-content .portfolio-template-v11 .portfolio-template-copy{margin-top:10px!important}
#main-content .creativeoCasePage .creativeoDetailHeroMedia>.project-media,
#main-content .case-study-v17 .vk-case-media-frame{aspect-ratio:3/2!important}
#main-content .creativeoCasePage .creativeoSplitMedia{aspect-ratio:3/2!important;min-height:0!important}
#main-content :is(.creativeoCasePage,.case-study-v17) :is(.creativeoDetailHeroMedia,.creativeoSplitMedia,.creativeoStoryMedia,.case-project-visual-v17,.vk-case-media-frame) img{object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
#main-content :is(.creativeoCasePage,.case-study-v17) :is(.creativeoDetailHeroMedia,.creativeoSplitMedia,.creativeoStoryMedia,.case-project-visual-v17,.vk-case-media-frame):hover img{transform:none!important}
#main-content .case-study-v17 .case-project-visual-v17{aspect-ratio:auto!important}
#main-content .case-study-v17 #story [class*="_visualLayer_"] img{object-fit:contain!important;transform:none!important;filter:none!important}
#main-content .case-study-v17 #story [class*="_visual_"]{background:#0d2233!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney{padding-block:clamp(52px,5vw,78px)!important;background:radial-gradient(circle at 86% 6%,rgba(31,112,137,.22),transparent 32%),#071421!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney>.creativeoShell{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)!important;column-gap:clamp(38px,6vw,96px)!important;row-gap:22px!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney header{position:relative!important;top:auto!important;align-self:start!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney header>p:not(.creativeoEyebrow){max-width:50ch!important;color:#d3e4ee!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney ol{align-self:start!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney li{padding-block:20px!important;gap:18px!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney li p{color:#d3e4ee!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney li>span{color:#9ae8f0!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .creativeoActions{grid-column:2!important;margin:0!important;align-self:start!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .creativeoButton{background:#176f8b!important;border-color:#76d5df!important;color:#fff!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .creativeoButton:hover{background:#218ba5!important;color:#fff!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .creativeoTextLink{color:#b4eef2!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .creativeoTextLink:hover{color:#fff!important}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .vk-inquiry-prep{margin-top:26px;padding:22px 24px;border:1px solid rgba(130,211,222,.35);border-radius:18px;background:linear-gradient(145deg,rgba(25,91,114,.34),rgba(13,43,60,.62));box-shadow:0 18px 46px rgba(0,0,0,.1)}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .vk-inquiry-prep>span{display:block;color:#9ae8f0!important;font-size:.65rem;letter-spacing:.16em;font-weight:750}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .vk-inquiry-prep>strong{display:block;margin:10px 0;color:#fff!important;font-size:clamp(1.25rem,1.7vw,1.65rem);line-height:1.2}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .vk-inquiry-prep>p{margin:0;color:#d3e4ee!important;font-size:.86rem;line-height:1.5}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .vk-inquiry-prep>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#main-content .creativeoHomePage--focused .strategyInquiryJourney .vk-inquiry-prep b{padding:8px 10px;border:1px solid rgba(160,229,235,.34);border-radius:999px;color:#d9f5f6!important;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1040px){#main-content .creativeoHomePage .creativeoPortfolioGrid,#main-content .creativeoPortfolioPage .creativeoPortfolioGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#main-content .creativeoHomePage .creativeoPortfolioGrid,#main-content .creativeoPortfolioPage .creativeoPortfolioGrid{grid-template-columns:1fr!important;gap:34px!important}#main-content .creativeoHomePage--focused .strategyInquiryJourney>.creativeoShell{grid-template-columns:1fr!important;gap:24px!important}#main-content .creativeoHomePage--focused .strategyInquiryJourney .creativeoActions{grid-column:1!important}#main-content .creativeoHomePage--focused .strategyInquiryJourney h2{font-size:clamp(2.55rem,10vw,4rem)!important}#main-content .portfolio-template-v11 .portfolio-template-media{aspect-ratio:3/2!important}}

/* Outrank older case image rules on every breakpoint. */
html body #main-content .creativeoCasePage .creativeoDetailHeroMedia img,
html body #main-content .creativeoCasePage .creativeoSplitMedia img,
html body #main-content .creativeoCasePage .creativeoStoryMedia img,
html body #main-content .case-study-v17 .case-project-visual-v17 img,
html body #main-content .case-study-v17 .vk-case-media-frame img{object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
html body #main-content .creativeoCasePage .creativeoDetailHeroMedia>.project-media,
html body #main-content .creativeoCasePage .creativeoSplitMedia,
html body #main-content .case-study-v17 .vk-case-media-frame{aspect-ratio:3/2!important}
html body #main-content :is(.creativeoHomePage,.creativeoPortfolioPage) .creativeoPortfolioSection{background:radial-gradient(circle at 5% 0%,rgba(39,129,151,.19),transparent 31%),#071421!important;color:#f5fbff!important}
html body #main-content :is(.creativeoHomePage,.creativeoPortfolioPage) .creativeoPortfolioSection :is(h2,h3){color:#f7fcff!important}
html body #main-content :is(.creativeoHomePage,.creativeoPortfolioPage) .creativeoPortfolioSection :is(p,small,span){color:#d1e1ea!important}
html body #main-content :is(.creativeoHomePage,.creativeoPortfolioPage) .creativeoPortfolioSection .creativeoEyebrow{color:#9ae8f0!important}
@media(max-width:720px){html body #main-content .creativeoCasePage .creativeoDetailHeroMedia>.project-media,html body #main-content .creativeoCasePage .creativeoSplitMedia,html body #main-content .case-study-v17 .vk-case-media-frame{aspect-ratio:3/2!important}}
html body #main-content .creativeoCasePage .creativeoSplitMedia .project-media picture img,
html body #main-content .creativeoCasePage .creativeoSplitMedia .project-media img {
  object-fit: contain !important;
}