.cm28 .cb27-hero-copy { width: min(48%, 900px); }
.cm28 .cb27-hero-media { inset: 0 2vw 0 49%; }
.cm28 .cb27-device { max-width: min(43vw, 920px); max-height: 78%; object-fit: contain; filter: drop-shadow(0 36px 56px rgba(0,0,0,.56)); }
.cm28 .cb27-device--photo { border-radius: 16px; max-width: min(38vw, 760px); max-height: 68%; box-shadow: 0 34px 70px rgba(0,0,0,.48); }
.cm28-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--cb-line); }
.cm28-overview article { min-height: 180px; padding: clamp(24px,2.4vw,42px); border-left: 1px solid var(--cb-line); }
.cm28-overview article:first-child { border-left: 0; }
.cm28-overview strong { display: block; margin-bottom: 10px; color: var(--cb-text); font-size: clamp(18px,1.25vw,24px); line-height: 1.2; }
.cm28-overview p { margin: 0; color: var(--cb-muted); }
.cm28-checks { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.17); background: rgba(255,255,255,.17); }
.cm28-check { min-height: 240px; padding: clamp(28px,2.6vw,48px); background: #0b131c; }
.cm28-check span { display: grid; width: 48px; height: 48px; margin-bottom: 32px; place-items: center; border: 1px solid rgba(var(--cb-accent-rgb),.62); color: rgb(var(--cb-accent-rgb)); font-weight: 800; }
.cm28-check h3 { margin-bottom: 13px; color: #fff; font-size: clamp(21px,1.45vw,28px); line-height: 1.15; }
.cm28-check p { margin: 0; color: rgba(255,255,255,.66); }
.cm28-specs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--cb-line); }
.cm28-spec { min-height: 138px; padding: clamp(22px,2.2vw,38px); border-left: 1px solid var(--cb-line); border-top: 1px solid var(--cb-line); }
.cm28-spec:nth-child(3n+1) { border-left: 0; }
.cm28-spec:nth-child(-n+3) { border-top: 0; }
.cm28-spec dt { margin-bottom: 8px; color: var(--cb-muted); font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cm28-spec dd { margin: 0; color: var(--cb-text); font-size: clamp(18px,1.2vw,24px); font-weight: 800; line-height: 1.25; }
.cm28-note { margin-top: 20px; padding: 18px 22px; border-left: 3px solid rgb(var(--cb-accent-rgb)); background: rgba(var(--cb-accent-rgb),.07); color: var(--cb-muted); }
.cm28 .cb27-table td:first-child { width: 35%; }
.cm28 .cb27-table td:last-child { white-space: nowrap; font-weight: 800; }
.cm28 .byn { display:inline-block; width:.82em; height:1em; margin-left:.16em; vertical-align:-.12em; background:currentColor; -webkit-mask:url('/img/byn-mask.png') center/contain no-repeat; mask:url('/img/byn-mask.png') center/contain no-repeat; }
@media (min-width:2200px){.cm28-check{min-height:280px}.cm28-overview article{min-height:210px}}
@media (max-width:1180px){.cm28-checks,.cm28-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.cm28-check:nth-child(n+3),.cm28-overview article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.17)}.cm28-overview article:nth-child(odd){border-left:0}.cm28-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.cm28-spec:nth-child(3n+1){border-left:1px solid var(--cb-line)}.cm28-spec:nth-child(odd){border-left:0}.cm28-spec:nth-child(-n+3){border-top:1px solid var(--cb-line)}.cm28-spec:nth-child(-n+2){border-top:0}}
@media (max-width:900px){.cm28 .cb27-hero-copy{width:min(100% - 40px,760px)}.cm28 .cb27-hero-media{inset:auto}.cm28 .cb27-device{display:none}.cm28-overview{grid-template-columns:1fr}.cm28-overview article{min-height:0;border-left:0!important;border-top:1px solid var(--cb-line)}.cm28-overview article:first-child{border-top:0}.cm28-checks{grid-template-columns:1fr}.cm28-check{min-height:0}.cm28-specs{grid-template-columns:1fr}.cm28-spec{min-height:0;border-left:0!important;border-top:1px solid var(--cb-line)!important}.cm28-spec:first-child{border-top:0!important}}
@media (max-width:620px){.cm28 .cb27-table td:first-child{width:auto}.cm28 .cb27-table td:last-child{white-space:normal}.cm28-check{padding:26px 22px}.cm28-check span{margin-bottom:22px}}