.alternative-hero--dynamic .alternative-hero__inner { grid-template-columns: minmax(0, .95fr) minmax(380px, .85fr); }
.alternative-dynamic-preview { margin: 0; padding: 12px; border: 1px solid #d9d7e0; background: #fff; box-shadow: 18px 18px 0 #e4dcf0; }
.alternative-dynamic-preview__bar { display: flex; align-items: center; gap: 6px; height: 26px; padding: 0 3px; border-bottom: 1px solid #e6e3eb; }
.alternative-dynamic-preview__bar i { width: 7px; height: 7px; border-radius: 50%; background: #4e2c77; }.alternative-dynamic-preview__bar b { width: 45%; height: 8px; margin-left: 8px; border-radius: 20px; background: #f0eef3; }
.alternative-dynamic-preview__body { display: grid; min-height: 280px; align-content: end; padding: clamp(28px, 5vw, 57px); color: #fff; background: linear-gradient(145deg,#432366 0%,#2f164b 100%); }
.alternative-dynamic-preview__body p { margin: 0 0 12px; color: #f8a24b; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }.alternative-dynamic-preview__body h2 { margin: 0; font-size: clamp(36px, 4vw, 58px); letter-spacing: -.075em; line-height: .96; }.alternative-dynamic-preview__body span { display: inline-flex; width: fit-content; margin-top: 31px; padding: 8px 11px; color: #25113e; background: var(--lime); font-size: 11px; font-weight: 700; text-transform: uppercase; }.alternative-dynamic-preview figcaption { padding: 13px 6px 2px; color: #716e77; font-size: 11px; line-height: 1.35; }
@media(max-width:800px){.alternative-hero--dynamic .alternative-hero__inner{grid-template-columns:1fr}.alternative-dynamic-preview{max-width:650px}}@media(max-width:600px){.alternative-dynamic-preview{padding:8px;box-shadow:9px 9px 0 #e4dcf0}.alternative-dynamic-preview__body{min-height:210px;padding:28px}.alternative-dynamic-preview__body h2{font-size:38px}}