/* Second accepted platform; existing hero.css and release frame stay intact. */
.bl-magnet-preview .magnet-selection { padding:0 24px 56px; scroll-margin-top:110px; }
.bl-magnet-preview .magnet-selection-platform { position:relative; isolation:isolate; container-type:inline-size; aspect-ratio:1586 / 992; border-radius:4px; background:#f5f4ef; overflow:hidden; box-shadow:0 32px 56px -28px #25302b35,0 8px 18px -10px #25302b20,inset 0 1px #fff; }
.bl-magnet-preview .magnet-selection-background { position:absolute; inset:0; z-index:-1; width:100%; height:100%!important; object-fit:cover; }
.bl-magnet-preview .magnet-selection-heading { position:absolute; top:4.6%; left:7.4%; right:5%; }
.bl-magnet-preview .magnet-selection-heading .hsb-eyebrow { margin-bottom:.9cqw; font-size:.9cqw; letter-spacing:.38em; }
.bl-magnet-preview .magnet-selection .magnet-selection-title { margin:0; font-size:4.05cqw; line-height:.97; letter-spacing:-.045em; font-weight:750; color:#0b1924; }
.bl-magnet-preview .magnet-selection-title > span { color:#087548; }
.bl-magnet-preview .magnet-selection-families { position:absolute; inset:19.8% 5.8% auto 6.8%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4.3cqw; }
.bl-magnet-preview .magnet-selection-family { min-width:0; }
.bl-magnet-preview .magnet-selection-art { height:29.8cqw; margin:0 -1.4cqw; }
.bl-magnet-preview .magnet-selection-art > img { width:100%; height:100%!important; object-fit:contain; object-position:center bottom; }
.bl-magnet-preview .magnet-selection-copy { margin-top:.4cqw; padding-left:.6cqw; }
.bl-magnet-preview .magnet-selection-copy h3 { font-size:2.25cqw; line-height:1.12; font-weight:750; letter-spacing:-.035em; color:#0c1829; margin-bottom:.35cqw; }
.bl-magnet-preview .magnet-selection-copy > p,.bl-magnet-preview .magnet-selection-copy .hsb-notes { font-size:1.28cqw; line-height:1.3; }
.bl-magnet-preview .magnet-selection-copy .hsb-notes { display:block; margin:.45cqw 0 .7cqw; }
.bl-magnet-preview .magnet-selection-copy .hsb-notes li { gap:.8cqw; padding:0; }
.bl-magnet-preview .magnet-selection-copy .hsb-notes li::before { width:1.05cqw; height:1.05cqw; }
.bl-magnet-preview .magnet-characteristics { display:inline-flex; align-items:center; gap:1cqw; min-height:2.9cqw; margin:0; padding:.5cqw .85cqw .5cqw 1.35cqw; border:0; border-radius:999px; background:#fffffff2; color:#087548; font-family:"Segoe UI",system-ui,sans-serif; font-size:1.15cqw; line-height:1.2; font-weight:650; box-shadow:0 6px 18px #26392b12; }
.bl-magnet-preview .magnet-characteristics:hover { background:#fff; }
.bl-magnet-preview .magnet-characteristics .hsb-arrow { display:grid; place-items:center; width:1.9cqw; height:1.9cqw; margin:0; border-radius:50%; background:#087a43; }
.bl-magnet-preview .magnet-characteristics .hsb-arrow img { width:1.15cqw; height:1.15cqw!important; filter:invert(1); }
.bl-magnet-preview .magnet-detail-icon { width:1cqw; height:1cqw!important; }
.bl-magnet-preview .magnet-selection-help { position:absolute; top:86.7%; left:6.3%; right:6.3%; min-height:10%; margin:0; padding:1.1cqw 1.4cqw 1.1cqw 2cqw; border-radius:1.65cqw; gap:2cqw; }
.bl-magnet-preview .magnet-selection-help h3 { font-size:1.95cqw; line-height:1.2; letter-spacing:-.025em; }
.bl-magnet-preview .magnet-selection-help p { font-size:1.25cqw; line-height:1.3; margin-top:.25cqw; }
.bl-magnet-preview .magnet-selection-help .hsb-button { flex-shrink:0; min-width:0; min-height:4.1cqw; margin:0; font-size:1.2cqw; padding:1.1cqw 2.7cqw; gap:2.3cqw; }
.bl-magnet-preview .magnet-selection-help .hsb-arrow img,.bl-magnet-preview .magnet-selection-dialog .hsb-arrow img { width:1.5cqw; height:1.5cqw!important; filter:invert(1); }
.bl-magnet-preview.magnet-detail-open { overflow:hidden; }
.bl-magnet-preview .magnet-selection-dialog .hsb-quick-intro { padding:18px 0 22px; }
.bl-magnet-preview .magnet-selection-dialog .hsb-quick-intro h2 { font-size:34px; }
.bl-magnet-preview .magnet-selection-dialog .hsb-quick-intro > p { margin:0; color:#57657d; font-size:16px; line-height:1.4; }
.bl-magnet-preview .magnet-selection-dialog .hsb-quick-series { flex-wrap:wrap; }
.bl-magnet-preview .magnet-selection-dialog button { font-family:"Segoe UI",system-ui,sans-serif; }
.bl-magnet-preview .magnet-detail-photo { margin:0 0 22px; height:280px; background:#f4f5f3; border-radius:4px; }
.bl-magnet-preview .magnet-detail-photo img { display:block; width:100%; height:100%!important; object-fit:contain; }
.bl-magnet-preview .magnet-selection-dialog .hsb-quick-specs { table-layout:fixed; }
.bl-magnet-preview .magnet-selection-dialog .hsb-quick-specs th { width:42%; }
.bl-magnet-preview .magnet-selection-dialog .hsb-quick-specs :is(th,td) { overflow-wrap:anywhere; }
.bl-magnet-preview .magnet-selection-dialog .hsb-quick-body h3 { margin-top:24px; }
.bl-magnet-preview .magnet-selection-dialog .hsb-quick-footer .hsb-arrow img { width:24px; height:24px!important; }
@media (max-width:1100px) and (min-width:768px) {
 .bl-magnet-preview .magnet-selection-platform { aspect-ratio:auto; padding:38px 5% 30px; }
 .bl-magnet-preview .magnet-selection-heading { position:static; }
 .bl-magnet-preview .magnet-selection-heading .hsb-eyebrow { font-size:11px; margin-bottom:12px; }
 .bl-magnet-preview .magnet-selection .magnet-selection-title { font-size:44px; }
 .bl-magnet-preview .magnet-selection-families { position:static; gap:24px; margin-top:26px; }
 .bl-magnet-preview .magnet-selection-art { height:31cqw; margin:0 -5px; }
 .bl-magnet-preview .magnet-selection-copy { margin-top:12px; padding:0; }
 .bl-magnet-preview .magnet-selection-copy h3 { font-size:24px; }
 .bl-magnet-preview .magnet-selection-copy > p,.bl-magnet-preview .magnet-selection-copy .hsb-notes { font-size:15px; line-height:1.35; }
 .bl-magnet-preview .magnet-selection-copy > p { min-height:2.7em; }
 .bl-magnet-preview .magnet-selection-copy .hsb-notes { margin:8px 0 12px; min-height:2.7em; }
 .bl-magnet-preview .magnet-selection-copy .hsb-notes li::before { width:10px; height:10px; }
 .bl-magnet-preview .magnet-characteristics { gap:10px; min-height:44px; font-size:14px; padding:8px 12px; }
 .bl-magnet-preview .magnet-characteristics .hsb-arrow { width:24px; height:24px; }
 .bl-magnet-preview .magnet-characteristics .hsb-arrow img { width:15px; height:15px!important; }
 .bl-magnet-preview .magnet-detail-icon { width:13px; height:13px!important; }
 .bl-magnet-preview .magnet-selection-help { position:static; margin-top:30px; padding:24px; border-radius:22px; gap:24px; }
 .bl-magnet-preview .magnet-selection-help h3 { font-size:24px; }
 .bl-magnet-preview .magnet-selection-help p { font-size:16px; margin-top:8px; }
 .bl-magnet-preview .magnet-selection-help .hsb-button { min-height:52px; padding:15px 24px; font-size:16px; gap:20px; }
 .bl-magnet-preview .magnet-selection-help .hsb-arrow img { width:22px; height:22px!important; }
}
@media (max-width:767px) {
 .bl-magnet-preview .magnet-selection { padding:0 12px 30px; scroll-margin-top:84px; }
 .bl-magnet-preview .magnet-selection-platform { aspect-ratio:auto; padding:32px 22px 24px; }
 .bl-magnet-preview .magnet-selection-background { object-position:45% top; }
 .bl-magnet-preview .magnet-selection-heading { position:static; }
 .bl-magnet-preview .magnet-selection-heading .hsb-eyebrow { font-size:10px; letter-spacing:.25em; margin-bottom:14px; }
 .bl-magnet-preview .magnet-selection .magnet-selection-title { font-size:clamp(29px,8vw,52px); line-height:1; }
 .bl-magnet-preview .magnet-selection-families { position:static; display:block; margin-top:28px; }
 .bl-magnet-preview .magnet-selection-family + .magnet-selection-family { margin-top:38px; }
 .bl-magnet-preview .magnet-selection-art { height:370px; max-height:100cqw; margin:0 -5px; }
 .bl-magnet-preview .magnet-selection-copy { margin-top:16px; padding:0; }
 .bl-magnet-preview .magnet-selection-copy h3 { font-size:28px; margin-bottom:8px; }
 .bl-magnet-preview .magnet-selection-copy > p,.bl-magnet-preview .magnet-selection-copy .hsb-notes { font-size:17px; line-height:1.4; }
 .bl-magnet-preview .magnet-selection-copy .hsb-notes { margin:10px 0 14px; }
 .bl-magnet-preview .magnet-selection-copy .hsb-notes li { gap:10px; }
 .bl-magnet-preview .magnet-selection-copy .hsb-notes li::before { width:11px; height:11px; }
 .bl-magnet-preview .magnet-characteristics { min-height:46px; padding:8px 12px 8px 20px; font-size:16px; gap:14px; }
 .bl-magnet-preview .magnet-characteristics .hsb-arrow { width:28px; height:28px; }
 .bl-magnet-preview .magnet-characteristics .hsb-arrow img { width:17px; height:17px!important; }
 .bl-magnet-preview .magnet-detail-icon { width:15px; height:15px!important; }
 .bl-magnet-preview .magnet-selection-help { position:static; display:block; margin-top:38px; padding:24px 20px; border-radius:22px; }
 .bl-magnet-preview .magnet-selection-help h3 { font-size:25px; line-height:1.15; }
 .bl-magnet-preview .magnet-selection-help p { font-size:17px; margin-top:12px; }
 .bl-magnet-preview .magnet-selection-help .hsb-button { width:100%; min-height:52px; margin-top:22px; padding:15px 20px; font-size:16px; gap:18px; justify-content:space-between; }
 .bl-magnet-preview .magnet-selection-help .hsb-arrow img { width:22px; height:22px!important; }
 .bl-magnet-preview .magnet-selection-dialog .hsb-quick-intro h2 { font-size:30px; }
 .bl-magnet-preview .magnet-selection-dialog .hsb-quick-series button { font-size:14px; padding-inline:7px; }
}
@media (max-height:500px) {
 .bl-magnet-preview .magnet-selection-dialog .hsb-quick-header { padding-top:12px; }
 .bl-magnet-preview .magnet-selection-dialog .hsb-quick-intro { padding:10px 0; }
 .bl-magnet-preview .magnet-selection-dialog .hsb-quick-intro h2 { font-size:26px; }
 .bl-magnet-preview .magnet-selection-dialog .hsb-quick-intro > p { font-size:14px; }
 .bl-magnet-preview .magnet-selection-dialog .hsb-quick-series { margin:8px 0 0; }
 .bl-magnet-preview .magnet-selection-dialog .hsb-quick-footer { padding-block:10px; }
}