.strategy-research{padding:28px;background:#eef2f180;border:1px solid #76889444;border-radius:6px}.research-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#50656c}.strategy-signals{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin:25px 0}.strategy-signals strong{display:block;font:400 36px/1.2 'Manrope',Arial,sans-serif;letter-spacing:-.05em;color:#347d83}.strategy-signals span{display:block;font-size:12px;line-height:1.6;margin-top:12px;color:#50616a}.strategy-research>p{font-size:10px;line-height:1.6;margin:0;color:#60737c}.vicks-mobile-final{max-width:320px;margin-left:auto}.offers-case .phone-crop img{aspect-ratio:.47}.offers-case .feature-copy h3,.vicks-case .feature-copy h3{font-size:clamp(25px,2.2vw,32px)}@media(max-width:750px){.strategy-research{padding:20px}.strategy-signals{gap:16px}.strategy-signals strong{font-size:30px}.strategy-signals span{font-size:10px}.vicks-mobile-final{max-width:230px}}
/* Desktop and mobile share the opening hero, with mobile overlaid in front. */
.vicks-hero-pair{position:relative;display:grid;grid-template-columns:1fr .32fr;align-items:start;padding:32px 4% 0}
.vicks-hero-desktop{grid-area:1/1/2/3;width:86%;overflow:hidden;border-radius:3px;box-shadow:0 24px 55px #18242e60}
.vicks-hero-phone{grid-area:1/2;position:relative;z-index:1;margin-top:64px;overflow:hidden;border-radius:5px;box-shadow:0 17px 35px #14202b66}
.vicks-hero-pair img{display:block;width:100%;height:auto}
.vicks-mobile-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:24px;border-radius:6px;background:linear-gradient(130deg,#8999a4,#576d7b)}
.vicks-mobile-board.three-mobile{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vicks-mobile-board .story-screen{min-width:0;padding:0;background:none}
.vicks-mobile-board .preview-image-button{height:500px;overflow:hidden}
.vicks-mobile-board img{width:100%;height:500px;object-fit:cover;object-position:top}
.vicks-mobile-board img[src$="mobile-sort.png"]{object-fit:contain;background:#fff}
@media(max-width:750px){.vicks-hero-pair{grid-template-columns:1fr .46fr;padding-top:22px}.vicks-hero-desktop{width:88%}.vicks-hero-phone{margin-top:45px}.vicks-mobile-board{gap:14px;padding:16px}.vicks-mobile-board.three-mobile{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.three-mobile .story-screen:last-child{grid-column:1/-1;max-width:60%;justify-self:center}.vicks-mobile-board img,.vicks-mobile-board .preview-image-button{height:380px}.three-mobile .story-screen:last-child img,.three-mobile .story-screen:last-child .preview-image-button{height:auto}}

.vicks-planning-board{padding:24px;gap:26px;background:linear-gradient(130deg,#8999a4,#576d7b);border-radius:6px}
.vicks-planning-board .story-screen{padding:0;background:none}
@media(max-width:750px){.vicks-planning-board{padding:16px;gap:22px}}

/* The shorter sort screen keeps its original ratio; another original screen fills the column. */
.vicks-sort-stack{display:flex;flex-direction:column;gap:18px;min-width:0}
.vicks-mobile-board .vicks-sort-preview img,.vicks-mobile-board .vicks-sort-preview .preview-image-button{height:auto;aspect-ratio:640/1106;object-fit:contain;background:none}
.vicks-mobile-board .vicks-product-inset .preview-image-button,.vicks-mobile-board .vicks-product-inset img{height:170px;object-fit:cover;object-position:top}
@media(max-width:750px){.vicks-mobile-board.three-mobile .vicks-sort-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.vicks-sort-stack .story-screen:last-child{grid-column:auto;max-width:none;justify-self:stretch}.vicks-mobile-board.three-mobile .vicks-product-inset .preview-image-button,.vicks-mobile-board.three-mobile .vicks-product-inset img{height:220px}}

/* Four mobile shopping screens share one full-width board. */
.vicks-case .vicks-mobile-shopping{display:block}
.vicks-mobile-shopping .feature-copy{max-width:900px;margin-bottom:25px}
.vicks-four-phones.campaign-pair{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:24px}
.vicks-four-phones .story-screen{padding:0;background:none;min-width:0}
.vicks-four-phones figcaption{font-size:10px;line-height:1.5;min-height:32px;margin-bottom:14px}
.vicks-four-phones .device-phone{width:100%;max-width:none}
.vicks-four-phones .device-phone-screen > img{width:100%;height:auto;max-width:none;border-radius:0;object-fit:initial}
@media(max-width:1000px){.vicks-four-phones.campaign-pair{gap:16px;padding:20px}.vicks-four-phones .device-phone{padding:24px 6px 20px;border-radius:24px}.vicks-four-phones figcaption{font-size:9px}}
@media(max-width:750px){.vicks-four-phones.campaign-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding:20px 16px}.vicks-four-phones .device-phone{padding:23px 6px 20px}.vicks-four-phones figcaption{min-height:30px}}

/* Flat desktop artwork with the shared full-image overlay; no device frames. */
.vicks-case .vicks-desktop-designs{display:block}
.vicks-desktop-designs .feature-copy{max-width:940px;margin-bottom:25px}
.vicks-desktop-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:24px;background:linear-gradient(130deg,#8999a4,#576d7b);border-radius:6px}
.vicks-desktop-pair .story-screen{padding:0;background:none;min-width:0}
.vicks-desktop-pair .preview-image-button{height:520px;overflow:hidden}
.vicks-desktop-pair img{width:100%;height:520px;object-fit:cover;object-position:top;border-radius:5px}
@media(max-width:750px){.vicks-desktop-pair{grid-template-columns:1fr;gap:24px;padding:20px 16px}.vicks-desktop-pair .preview-image-button,.vicks-desktop-pair img{height:380px}}