.hero-copy h1 { white-space: pre-line; overflow-wrap: anywhere; }
.hero-desc { white-space: pre-line; overflow-wrap: anywhere; }
.cms-announcement { padding: 12px max(20px, calc((100vw - 1280px)/2)); background: #eaf4f3; color: #163b45; font-size: 14px; white-space: pre-wrap; overflow-wrap: anywhere; border-bottom: 1px solid #ccdedc; }
.cms-preview { padding: 14px 22px; background: #fff0cc; color: #634700; font: 600 14px/1.6 system-ui, sans-serif; }
.hero-device.product-photo { object-fit: contain; }