/* A complete fictional automotive ad, confined to the existing Precision demo. */
#creative-studio #precision #hc-message{height:212px;min-height:0;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
#creative-studio #precision #hc-message::after{background:linear-gradient(90deg,#0c141be8,#0c141b65 64%,#0c141b10),linear-gradient(0deg,#0c141be8,transparent 60%)}
#precision .pt-brand-lockup{display:flex;align-items:center;gap:8px;position:relative;z-index:1;color:#fff;line-height:1;flex-shrink:0}
#precision .pt-brand-lockup svg{display:block;width:26px;height:21px;flex:0 0 26px}
#precision .pt-brand-lockup>span{font:650 14px/1 Raleway,sans-serif;letter-spacing:.2em}
#creative-studio #precision #hc-message-title{font-size:clamp(22px,2vw,28px);line-height:1.07;max-width:76%;margin:20px 0 16px;letter-spacing:-.025em}
#precision .pt-banner-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;width:100%;margin-top:auto}
#precision .pt-banner-price{display:flex;flex-direction:column;gap:6px;min-width:0;flex:0 1 auto}
#precision .pt-banner-price>span{font:550 8px/1 Raleway,sans-serif;letter-spacing:.17em;color:#e6eaed;white-space:nowrap}
#precision .pt-banner-price>strong{display:flex;align-items:baseline;gap:5px;color:#fff;white-space:nowrap;font-family:Raleway,sans-serif;letter-spacing:normal;line-height:1}
#precision .pt-price-from{font-size:13px;font-weight:500;text-transform:lowercase}
#precision .pt-price-amount{font-size:clamp(20px,1.8vw,25px);font-weight:750;letter-spacing:-.025em;font-variant-numeric:lining-nums}
#precision .pt-price-currency{font-size:20px;font-weight:500;margin-left:1px}
#creative-studio #precision #hc-message-cta{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:0;min-height:34px;gap:13px;background:#f8f6ef;color:#14202b;border:0;border-radius:5px;padding:9px 12px;margin:0;font:650 10px/1.2 Raleway,sans-serif;white-space:nowrap}
#precision .pt-cta-arrow{font-size:14px;line-height:1}
#creative-studio #precision .csl-frame-index{top:20px;right:18px;bottom:auto;font-size:8px;letter-spacing:.08em;opacity:.65}
@media(max-width:760px){
 #creative-studio #precision #hc-message{height:218px;padding:16px}
 #creative-studio #precision #hc-message-title{font-size:25px;max-width:80%;margin:22px 0 15px}
 #precision .pt-price-amount{font-size:22px}
 #creative-studio #precision .csl-frame-index{right:16px;top:19px}
}
@media(max-width:360px){
 #creative-studio #precision #hc-message{height:210px;padding:13px}
 #creative-studio #precision #hc-message-title{font-size:22px;max-width:88%}
 #precision .pt-banner-bottom{gap:5px}
 #precision .pt-banner-price>strong{gap:4px}
 #precision .pt-price-from{font-size:11px}
 #precision .pt-price-amount{font-size:17px}
 #precision .pt-price-currency{font-size:17px;margin-left:0}
 #creative-studio #precision #hc-message-cta{padding:8px 6px;gap:5px;font-size:9px;min-height:32px}
 #precision .pt-brand-lockup>span{font-size:13px}
}

/* Short explanation of audience-specific creative versions. */
#creative-studio #precision .hc-precision-copy>p:not(.eyebrow){display:block;max-width:360px;font-size:13px;line-height:1.65;color:var(--muted);margin:13px 0 0}
@media(max-width:760px){#creative-studio #precision .hc-precision-copy>p:not(.eyebrow){font-size:12px;line-height:1.6;max-width:46ch;margin-top:10px}}
