:root{--paper:#FFF9EF;--ink:#422447;--muted:#6F536D;--line:#D9C4D1;--accent:#7A355F}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 Arial,Helvetica,sans-serif}img,video{max-width:100%;display:block}a{color:inherit}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.skip{position:absolute;top:-100px;background:#fff;padding:10px}.skip:focus{top:0}header{border-bottom:1px solid var(--line);background:var(--paper)}.top{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:1.45rem Georgia,serif;letter-spacing:.04em;text-decoration:none;white-space:nowrap}.brand small{font:700 .45em Arial,sans-serif;letter-spacing:.22em}.brand em{font-size:.8em}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:.875rem;text-decoration:none;font-weight:700}.eyebrow,.label{color:var(--accent);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}h1,h2,h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.05}h1{font-size:clamp(3.1rem,7vw,6.6rem);margin:16px 0 22px;max-width:900px}h2{font-size:clamp(2.2rem,4vw,3.5rem)}h3{font-size:1.65rem}.intro{padding:70px 0 60px}.intro p.lede{font:clamp(1.25rem,2.2vw,1.7rem)/1.45 Georgia,serif;max-width:770px}.crumb{font-size:.9rem}.hero-img{width:100%;height:auto;max-height:690px;object-fit:cover;background:#e8e2d9}.hero-img.contain{object-fit:contain;max-height:570px;padding:25px}.overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:50px 0}.overview p{max-width:680px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:28px 0 0}.facts dt{color:var(--accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:bold}.facts dd{margin:8px 0 0}.gallery{padding:70px 0}.gallery h2{margin:0 0 16px}.gallery>p{max-width:700px;color:var(--muted)}.samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px;margin-top:34px}.samples figure{margin:0}.samples img,.samples video{width:100%;height:auto;max-height:620px;object-fit:contain;background:#e8e2d9}.samples figcaption{font-size:.9rem;color:var(--muted);padding:12px 2px}.wide{grid-column:1/-1}.wide img{max-height:760px}.actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:26px}.actions a{font-weight:bold;text-underline-offset:5px}.next{padding:44px 0 80px;border-top:1px solid var(--line)}footer{background:#27231f;color:#FFF9EF;padding:60px 0}footer h2{margin:10px 0 18px}footer p{max-width:590px}footer a{font-weight:bold} @media(max-width:680px){.top{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 0}nav{gap:10px 18px}.intro{padding:48px 0}.overview{grid-template-columns:1fr;gap:8px;padding:35px 0}.facts{grid-template-columns:1fr;gap:18px}.samples{grid-template-columns:1fr}.wide{grid-column:auto}.hero-img.contain{padding:10px}.gallery{padding:48px 0}}
.overview-note{color:var(--muted);font-size:.95rem}.case-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 32px}.case-points>div{border-top:1px solid var(--line);padding-top:13px}.case-points>div:last-child{grid-column:1/-1}.case-points h3{font:700 .8rem/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);margin:0 0 8px}.case-points p{margin:0;line-height:1.6}.case-points .evidence-note{margin-top:12px;color:var(--muted);font-size:.9rem}.gallery a{text-underline-offset:4px}@media(max-width:680px){.case-points{grid-template-columns:1fr;gap:22px}.case-points>div:last-child{grid-column:auto}}

/* Keep every case-study lead and gallery asset inside a consistent frame. */
.hero-img,.hero-img.contain{width:100%;height:auto;aspect-ratio:16/9;max-height:690px;object-position:center;background:#e8e2d9}
.hero-img{object-fit:cover}
.hero-img.contain{object-fit:contain;padding:25px}
.hero-art{position:relative;overflow:hidden;background:#e8e2d9}
.hero-art::before{content:"";position:absolute;inset:-24px;background-image:var(--art);background-size:cover;background-position:center;filter:blur(26px) brightness(.82);opacity:.65}
.hero-art .hero-img.contain{position:relative;padding:0;max-height:690px;background:transparent}
.hero-img.contain[src="/images/pharmacy-local-1.jpeg"]{padding:0;background-image:linear-gradient(#e8e2d955,#e8e2d955),url('/images/pharmacy-local-1.jpeg');background-size:cover;background-position:center}
.samples img,.samples video{width:100%;height:auto;aspect-ratio:4/3;max-height:620px;object-fit:contain;object-position:center;background:#e8e2d9}
@media(max-width:680px){.hero-img.contain{padding:12px}}

.footer-credit{margin-top:32px;border-top:1px solid #ffffff26;padding-top:20px;color:#F4DBE9;font-size:.875rem}

.pharmacy-lead{display:grid;grid-template-columns:1.45fr .85fr;gap:12px;max-width:1120px;margin:0 auto 30px;padding:0 22px}
.pharmacy-lead img{width:100%;height:clamp(260px,38vw,520px);object-fit:cover;background:#e8e2d9}
.pharmacy-lead img:first-child{object-position:center 35%}
@media(max-width:680px){.pharmacy-lead{grid-template-columns:1fr}.pharmacy-lead img{height:auto;max-height:420px;aspect-ratio:4/3}}
.oxford-video-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);align-items:start;gap:36px}.oxford-video-section figure{margin:0}.oxford-video-section video{width:100%;max-height:720px;aspect-ratio:512/910;object-fit:contain;background:#171618}.oxford-video-section figcaption{font-size:.9rem;color:var(--muted);padding:12px 2px}@media(max-width:760px){.oxford-video-section{grid-template-columns:1fr}.oxford-video-section figure{max-width:420px;margin:auto}}
.live-site-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:35px 0}.live-site-links a{position:relative;display:flex;flex-direction:column;gap:10px;min-height:210px;padding:26px 56px 26px 26px;border:1px solid var(--line);background:#FFFCF7;text-decoration:none}.live-site-links a:hover{border-color:var(--accent);background:#fff}.live-site-links a span{font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.live-site-links a strong{font:normal 1.65rem/1.1 Georgia,serif}.live-site-links a small{font-size:.94rem;line-height:1.5;color:var(--muted)}.live-site-links a b{position:absolute;right:24px;top:25px;color:var(--accent)}.live-site-note{font-family:Georgia,serif;font-size:1.2rem!important;color:var(--ink)!important}@media(max-width:680px){.live-site-links{grid-template-columns:1fr}.live-site-links a{min-height:0}}

/* Shared Wink & Tell identity across every case study. */
.brand{display:flex;align-items:center;letter-spacing:0}.brand img{width:140px;height:81px;object-fit:contain}.top{min-height:100px}header{background:#FFF9EF}.intro{position:relative;padding:60px 0}.intro h1{color:#422447}.hero-art{background:#FFE6E6}.hero-art::before{display:none}.hero-art .hero-img.contain{background:#FFF9EF;object-fit:contain}.hero-img,.samples img,.samples video{background:#F5E9EE}.overview{border-color:#D9C4D1}.case-points>div{border-color:#D9C4D1}.live-site-links a{border-radius:16px;background:#FFF1C7}.live-site-links a:nth-child(2),.live-site-links a:nth-child(3){background:#FFE6E6}.live-site-links a:hover{background:#FFFCF7}.next{border-color:#D9C4D1}footer{background:#422447;color:#FFF9EF}footer .eyebrow{color:#FBE6A2}footer a{color:#FFF9EF}.footer-credit{color:#F4DBE9}.actions a{min-height:44px;display:flex;align-items:center}.intro .eyebrow,.label,.case-points h3,.live-site-links a span{font-size:.875rem}.live-site-links a strong{font-family:Georgia,serif}@media(max-width:680px){.brand img{width:112px;height:64px}.top{gap:14px;padding:12px 0 20px}.intro{padding:38px 0 44px}nav{gap:12px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Illustrated accents continue into the details. */
.case-doodle{display:block;width:88px;aspect-ratio:1;background-image:url('/images/wink-section-doodles.png');background-repeat:no-repeat;background-size:400% 300%;transform:rotate(-5deg)}.case-doodle-1{background-position:0% 0%}.case-doodle-8{background-position:100% 50%}.case-doodle-11{background-position:66.6667% 100%}.intro>.case-doodle{float:right;margin:20px 0 18px 32px;width:120px}.intro h1{max-width:calc(100% - 160px)}.gallery>.case-doodle,.next>.case-doodle{float:right;margin:0 0 20px 28px}.illustrated-overview{background:#FFE6E6;border:1px solid #E7BBC7;border-radius:24px;padding:40px;margin-block:45px}.samples figure{border:1px solid #D9C4D1;border-radius:18px;overflow:hidden;background:#FFF9EF;box-shadow:4px 5px 0 #EBD9E2}.samples figure:nth-child(even){background:#FFF1C7;box-shadow:4px 5px 0 #E9D498}.samples figcaption{padding:18px}.live-site-links a{box-shadow:4px 5px 0 #EBD9E2}.next{background:#FFF1C7;border:1px solid #E4CD91;border-radius:28px;padding:40px;margin-bottom:65px}.actions a{background:#FFF9EF;border:1px solid #D9C4D1;border-radius:999px;padding:10px 16px;text-decoration:none;box-shadow:0 3px 0 #EAD9DE}.actions a:hover{background:#FFE6E6}@media(max-width:680px){.intro>.case-doodle{width:66px;margin:22px 0 12px 16px}.intro h1{max-width:calc(100% - 84px);font-size:clamp(2.6rem,10vw,4rem)}.gallery>.case-doodle,.next>.case-doodle{width:62px;margin-left:14px}.illustrated-overview{padding:26px 22px}.next{padding:28px 22px}.actions{gap:14px}.samples{gap:28px}.samples figcaption{padding:16px}}

@media(max-width:680px){.intro>.case-doodle{float:none;margin:0 0 18px;width:76px}.intro h1{max-width:100%}}

/* Expressive type and pink/purple titles, shared with the homepage. */
:root{--display:"Bricolage Grotesque",Arial,sans-serif;--editorial:"Fraunces",Georgia,serif}h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-.035em}h3{font-family:var(--display);font-weight:700}.intro{background:#F49FA5;border:1px solid #E7BBC7;border-radius:26px 50px 26px 26px;padding:36px;margin-top:34px;margin-bottom:36px}.intro h1{color:#422447}.intro p.lede{font-family:var(--editorial);font-weight:600}.gallery h2,.next h2{font-family:var(--editorial);font-weight:600;font-style:italic}.case-doodle{width:120px}.intro>.case-doodle{width:160px}.gallery>.case-doodle,.next>.case-doodle{width:120px}.case-points h3{font-family:var(--display)}.illustrated-overview{background:#422447;color:#FFF9EF}.illustrated-overview .eyebrow,.illustrated-overview h3{color:#F49FA5}.illustrated-overview .overview-note,.illustrated-overview .evidence-note{color:#F4DBE9}.illustrated-overview .case-points>div{border-color:#805D7F}.samples figcaption{font-size:1rem}.live-site-links a strong{font-family:var(--display);font-weight:700}.hero-art{max-width:1120px;margin:auto;border-radius:22px;overflow:hidden}
@media(max-width:900px){.overview,.case-points,.oxford-video-section{grid-template-columns:1fr}.overview{gap:18px}.samples{grid-template-columns:1fr}.wide{grid-column:auto}.top{flex-wrap:wrap}nav{gap:14px 20px}.intro h1{max-width:100%}.intro>.case-doodle{float:none;margin:0 0 22px}.illustrated-overview{padding:30px 24px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.top{gap:12px;align-items:flex-start;flex-direction:column}.brand img{width:105px;height:auto}nav{width:100%;flex-wrap:wrap;gap:8px 18px}nav a{padding:8px 0;min-height:44px;display:flex;align-items:center}.intro{padding:26px 22px;margin-top:20px}.intro h1{font-size:clamp(2.5rem,10vw,3.9rem);line-height:1.08;overflow-wrap:break-word}.intro>.case-doodle{width:120px}.intro p.lede{font-size:1.2rem;line-height:1.6}.gallery>.case-doodle,.next>.case-doodle{float:none;width:108px;margin:0 0 20px}.gallery h2,.next h2{font-size:2.3rem;line-height:1.15}.overview,.samples,.case-points{grid-template-columns:minmax(0,1fr)}.illustrated-overview{padding:26px 22px}.hero-art{width:calc(100% - 32px)}.hero-img,.hero-img.contain{aspect-ratio:auto;max-height:520px}.hero-art .hero-img.contain{height:auto;aspect-ratio:auto}.next{padding:26px 22px}.actions{flex-direction:column;gap:14px}.actions a{min-height:48px;justify-content:center;text-align:center}.live-site-links{grid-template-columns:minmax(0,1fr)}.pharmacy-lead{grid-template-columns:1fr;padding-inline:16px}.pharmacy-lead img{height:auto;aspect-ratio:4/3}.oxford-video-section{grid-template-columns:minmax(0,1fr)}footer{padding:42px 0}}

svg.case-doodle{background:none!important;height:auto;overflow:hidden}.case-footer-brand{margin-bottom:34px}.case-footer-brand>a{display:block;width:min(100%,440px);padding:30px;background:#F49FA5;border-radius:26px 48px 26px 26px;box-shadow:5px 6px 0 #FBE6A2}.case-footer-brand img{width:100%;height:auto}@media(max-width:760px){.case-footer-brand>a{padding:25px 22px;box-shadow:4px 5px 0 #FBE6A2}}