/* ==== prevention-campaign-v1.css ==== */
body.theme-prevention{background:#092a2e!important}.prevention-campaign{max-width:1240px}.prevention-campaign .case-intro{position:relative;isolation:isolate;padding:35px 0 45px;border-bottom:1px solid #eedcb941;gap:70px!important}.prevention-campaign .case-heading{position:relative;z-index:1}.prevention-campaign .case-kicker{display:inline-block;background:#e9dec1;color:#173137;padding:8px 13px;border:0;letter-spacing:.12em}.prevention-campaign.case-refined h1{font:400 clamp(52px,6.2vw,94px)/1.03 shzc,Impact,sans-serif;letter-spacing:.005em;transform:rotate(-2deg);margin:24px 0 32px}.prevention-campaign h1 span{display:block}.prevention-campaign h1 span:first-child{color:#ff5b4d}.prevention-campaign .case-lead{font-size:15px;color:#e3e7d8;line-height:1.9}.prevention-campaign .prevention-poster{position:relative;z-index:1;padding:16px;background:#041c21;border:1px solid #eedcb950;box-shadow:12px 12px 0 #ef554624}.prevention-campaign .prevention-poster img{max-height:none!important}.prevention-campaign .prevention-poster figcaption{color:#d0d9c8}.prevention-linework{position:absolute;left:-5%;bottom:0;width:60%;height:80%;z-index:-1;pointer-events:none;background:url('/assets/9fbf5c840b417b2e237a.jpg') center/contain no-repeat;opacity:.13;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}.prevention-campaign .case-index{border-color:#eedcb941}.prevention-campaign.case-refined .case-media{background:#0b3034;border:1px solid #eedcb927;border-top:2px solid #ed6856}.prevention-campaign .case-view-hint{color:#d1dcca}.prevention-campaign .case-onward{border-color:#eedcb941}@media(max-width:760px){.prevention-campaign .case-intro{gap:30px!important;padding:15px 0 30px}.prevention-campaign .prevention-poster{padding:12px;box-shadow:7px 7px 0 #ef554624}.prevention-linework{width:100%;height:45%;top:15px;left:0;bottom:auto}}
.prevention-campaign{--case-text:#fff1d7;--case-muted:#d7dfcf;--case-accent:#ff7864!important;--case-panel:#12353a}.prevention-campaign h1 span{white-space:nowrap;overflow-wrap:normal}

.prevention-campaign .prevention-poster{width:min(100%,calc(54svh * .708 + 34px));justify-self:center}

/* ==== prevention-campaign-v2.css ==== */
/* Alcohol Consumption: the message panel and poster/illustration pairs, in the posters' own palette */
.prevention-campaign #project-modules{grid-template-columns:none}
.prevention-campaign .case-view-hint{margin-bottom:0}
.prevention-eyebrow{font:600 11px/1.4 "HD Plex",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ff7864;margin:0 0 14px}
.prevention-message{position:relative;margin:48px 0 20px;padding:clamp(28px,5vw,64px);background:#0b3034;border:1px solid #eedcb927;border-top:2px solid #ed6856;box-shadow:12px 12px 0 #ef554618}
.prevention-message h2,.prevention-pair h2{font:400 clamp(38px,5.4vw,76px)/1 shzc,Impact,sans-serif;letter-spacing:.01em;color:#fff1d7;margin:0 0 22px;transform:rotate(-2deg);transform-origin:left bottom}
.prevention-intro{max-width:620px;font-size:15px;line-height:1.85;color:#dfe5d6;margin:0 0 42px}
.prevention-intro cite{font-style:normal;color:#fff1d7}
.prevention-facts{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(16px,2.5vw,32px)}
.prevention-fact{border-top:2px solid #ff5b4d;padding-top:16px}
.prevention-label{font:400 clamp(20px,2vw,26px)/1.1 shzc,Impact,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#fff1d7;margin:0 0 10px}
.prevention-unit ul{list-style:none;margin:0 0 14px;padding:0;font:400 clamp(24px,2.6vw,34px)/1.12 shzc,Impact,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#ff5b4d}
.prevention-figure{font:400 clamp(84px,10vw,140px)/.85 shzc,Impact,sans-serif;color:#ff5b4d;margin:0 0 12px}
.prevention-note{font-size:13px;line-height:1.6;color:#d7dfcf;margin:0}
.prevention-small{margin:36px 0 0;padding-top:18px;border-top:1px solid #eedcb927;font-size:12px;letter-spacing:.04em;color:#cbd5c2}
.prevention-pair{margin:clamp(56px,8vw,96px) 0 0}
.prevention-pair header{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;align-items:end;margin-bottom:28px}
.prevention-pair header .prevention-eyebrow{grid-column:1/-1;margin:0}
.prevention-pair header h2{margin:0}
.prevention-pair header p:not(.prevention-eyebrow){font-size:15px;line-height:1.85;color:#dfe5d6;margin:0;max-width:520px}
.prevention-campaign.case-refined .prevention-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,40px);padding:clamp(16px,2.5vw,32px)!important}
.prevention-piece{margin:0}
.prevention-piece .grid__item-container{width:auto!important;height:auto!important;margin:0;cursor:zoom-in}
.prevention-piece img{aspect-ratio:1920/2715;}
.prevention-piece figcaption{margin-top:12px;font:600 11px/1.4 "HD Plex",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#d0d9c8}
.prevention-piece:last-child figcaption{color:#ff7864}
@media(max-width:760px){
.prevention-message{margin-top:32px;box-shadow:7px 7px 0 #ef554618}
.prevention-facts{grid-template-columns:1fr 1fr}
.prevention-unit{grid-column:1/-1}
.prevention-pair header{grid-template-columns:1fr}
.prevention-campaign.case-refined .prevention-pair-grid{gap:14px}
}
@media(max-width:520px){.prevention-campaign.case-refined .prevention-pair-grid{grid-template-columns:1fr}}
@media(max-width:420px){.prevention-facts{grid-template-columns:1fr}.prevention-figure{font-size:96px}}
@media(prefers-reduced-motion:reduce){.prevention-message h2,.prevention-pair h2{transform:none}}

/* ==== Type floor ==== */
/* prevention-campaign-v1.css */
.prevention-campaign .case-kicker { font-size: 12px; }
/* prevention-campaign-v2.css */
.prevention-eyebrow,
.prevention-piece figcaption { font-size: 12px; }
/* project-experiences-v4.css */
.case-kicker,
.case-preview figcaption,
.case-view-hint { font-size: 12px; }
@media (max-width: 760px) {
  .case-onward { font-size: 12px; }
  .case-shell .case-lead { font-size: 14px; }
}