.catalog-v2{padding:32px 0 28px;background:#0c141d}
.catalog-v2 h2{font-size:clamp(24px,2.2vw,34px);line-height:1.2;margin-bottom:22px;letter-spacing:-.035em}
.catalog-v2 h2>span{color:#aab8cb}
.remote-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.remote-card{min-width:0;position:relative;overflow:hidden;border:1px solid #ffffff16;background:linear-gradient(145deg,#182031,#111c24 72%);border-radius:8px}
.remote-card-top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 22px 0;position:relative;z-index:1;font-size:10px;font-weight:500;letter-spacing:.06em;color:#d6e0ed}
.remote-card-top>span:last-child{font-size:9px;color:#aeb9cb}
.remote-cinema{height:clamp(145px,25vh,240px);position:relative;background:radial-gradient(ellipse at 65% 50%,#6d257b44,#19275d33 45%,transparent 75%);overflow:hidden}
.remote-cinema img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(180deg,transparent,black 12%,black 85%,transparent);transition:transform .6s ease}
.remote-card:hover .remote-cinema img{transform:scale(1.025)}
.remote-card-body{padding:0 22px 15px}
.remote-model{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:13px}
.remote-model>span{font-size:8px;font-weight:500;color:#9cabc0;letter-spacing:.06em;white-space:nowrap}
.remote-model h3{font-size:clamp(16px,1.5vw,22px);line-height:1.3;text-align:right;font-weight:800;letter-spacing:-.03em}
.tv-series{margin-bottom:14px;min-height:66px}
.tv-series-label{font-size:9px;font-weight:500;color:#c29bd1;margin-bottom:5px;letter-spacing:.04em}
.tv-series>p:last-child{font-size:12px;line-height:1.65;color:#d7dfeb;max-width:none}
.catalog-part-code{font-size:10px;color:#a6b5c8}
.color-materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;margin:0 0 12px;padding:0}
.color-materials li{min-width:0;min-height:35px;border:1px solid #ffffff17;border-radius:4px;background:#ffffff03;padding:5px 6px 4px;display:flex;flex-direction:column;justify-content:flex-start;gap:5px}
.material-strip{display:block;height:5px;width:100%;border:1px solid #ffffff20;border-radius:1px;background:var(--material)}
.color-materials li>span:last-child{font-size:9px;line-height:1.2;color:#d5deeb;overflow-wrap:anywhere}
.remote-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #ffffff1c;font-size:10px;font-weight:500;color:#d2dceb;min-height:30px}.remote-card-link:hover{color:#c29bd1}
.catalog-footnote{margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}
.catalog-footnote>p{max-width:88ch;font-size:10px;line-height:1.6;color:#a3b1c3}
.catalog-sources{margin:0;font-size:10px;max-width:420px;color:#b6c4d7}.catalog-sources summary{gap:16px;padding-bottom:0;min-height:22px}.catalog-sources div{padding-top:12px}.catalog-sources div p{font-size:11px;padding:0;line-height:1.7}.catalog-sources a{display:inline-block;font-size:10px;margin:8px 14px 0 0;text-decoration:underline;text-underline-offset:4px;color:#c5a9d7}
@media(min-height:900px) and (min-width:1001px){.catalog-v2{padding-top:40px;padding-bottom:34px}.remote-cinema{height:240px}.remote-card-body{padding-bottom:20px}.remote-model{margin-bottom:18px}.tv-series{margin-bottom:18px}.color-materials li{min-height:40px}.color-materials li>span:last-child{font-size:10px}}
@media(max-width:1000px) and (min-width:641px){.remote-collection{gap:16px}.remote-card-top{padding-inline:16px}.remote-card-body{padding-inline:16px}.remote-model{display:block;margin-bottom:12px}.remote-model h3{text-align:left;margin-top:5px;font-size:18px}.color-materials{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-footnote{grid-template-columns:1fr;gap:8px}}
@media(max-width:640px){.catalog-v2{padding:32px 0}.catalog-v2 h2{font-size:25px;line-height:1.25;max-width:20ch}.catalog-v2 h2>span{display:block}.remote-collection{grid-template-columns:1fr;gap:20px}.remote-card-top{padding:16px 18px 0}.remote-cinema{height:190px}.remote-card-body{padding:0 18px 18px}.remote-model{display:block;margin-bottom:15px}.remote-model>span{font-size:9px}.remote-model h3{font-size:21px;margin-top:5px;text-align:left}.tv-series{min-height:0;margin-bottom:18px}.tv-series-label{font-size:10px}.tv-series>p:last-child{font-size:13px}.catalog-part-code{font-size:10px}.color-materials{gap:7px}.color-materials li{min-height:42px;padding:6px}.color-materials li>span:last-child{font-size:10px}.material-strip{height:6px}.remote-card-link{font-size:11px;min-height:44px}.catalog-footnote{grid-template-columns:1fr;gap:12px}.catalog-footnote>p,.catalog-sources{font-size:10px}.catalog-sources summary{min-height:32px}}
@media(prefers-reduced-motion:reduce){.remote-cinema img{transition:none}.remote-card:hover .remote-cinema img{transform:none}}

.remote-cinema img{width:auto;max-width:100%;height:100%;margin-inline:auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent),linear-gradient(180deg,transparent,black 10%,black 90%,transparent);mask-composite:intersect}

.remote-card-top{font-size:11px}.remote-card-top>span:last-child{font-size:10px}.remote-model>span{font-size:9px}.tv-series-label{font-size:10px}.tv-series>p:last-child{font-size:13px}.color-materials li{min-height:40px}.color-materials li>span:last-child{font-size:10.5px}.remote-card-link{font-size:11px}.catalog-footnote>p{font-size:11px}.catalog-sources{font-size:11px}

@media(max-width:640px){.color-materials{grid-template-columns:repeat(3,minmax(0,1fr))}.color-materials li>span:last-child{font-size:11px}}

/* Upright remote left, compatibility and paired color blocks right. */
.remote-card-vertical{padding:18px 20px 0;background:#151e2a}
.remote-card-vertical .remote-card-top{padding:0;margin-bottom:16px;font-size:11px}
.remote-card-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:22px;align-items:stretch;min-height:330px}
.remote-card-vertical .remote-upright{height:330px;border-radius:7px;background:linear-gradient(155deg,#242039,#172033 65%,#111c24);overflow:hidden}
.remote-card-vertical .remote-upright img{width:100%;height:100%;max-width:100%;margin:0;object-fit:contain;object-position:center;mask-image:none;mask-composite:add;transform:none;padding:14px 8px;transition:none}
.remote-card-vertical:hover .remote-upright img{transform:none}
.remote-card-info{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:2px 0}
.remote-card-vertical .tv-series{min-height:0;margin:0}
.remote-card-vertical .tv-series-label{font-size:10px;color:#bca3ca;margin-bottom:10px;line-height:1.5}
.tv-series-table{border-collapse:collapse;width:100%;background:transparent;font-size:12px;line-height:1.55;color:#cdd8e5}
.tv-series-table th,.tv-series-table td{padding:7px 0;border-bottom:1px solid #ffffff13;text-align:left;vertical-align:top}
.tv-series-table th{font-weight:400;color:#9cacc1;width:37%;padding-right:10px;font-size:10px;white-space:nowrap}
.remote-card-vertical .remote-model{display:block;margin:0}
.remote-card-vertical .remote-model h3{font-size:clamp(17px,1.5vw,22px);text-align:left;line-height:1.3;margin:0;overflow-wrap:anywhere}
.remote-card-vertical .catalog-part-code{font-size:9px;line-height:1.5;margin-top:6px;color:#92a4ba}
.remote-card-vertical .color-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0}
.remote-card-vertical .color-blocks li{display:block;position:relative;padding:0;min-height:0;height:25px;border:0;background:none;border-radius:4px;overflow:hidden}
.remote-card-vertical .color-blocks .material-strip{display:block;width:100%;height:100%;border-radius:4px;border:1px solid #ffffff26;background:var(--material)}
.remote-card-vertical .color-blocks .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.remote-card-vertical>.remote-card-link{margin-top:18px;padding:12px 0 14px;min-height:40px;font-size:10px}
@media(min-height:900px) and (min-width:1001px){.remote-card-layout{min-height:390px}.remote-card-vertical .remote-upright{height:390px}.remote-card-vertical .color-blocks li{height:30px}}
@media(max-width:1000px) and (min-width:641px){.remote-card-vertical{padding:16px 14px 0}.remote-card-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:14px}.tv-series-table{font-size:11px}.tv-series-table th{font-size:9px;white-space:normal}.remote-card-vertical .remote-model h3{font-size:17px}}
@media(max-width:640px){.remote-card-vertical{padding:18px 15px 0}.remote-card-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:16px;min-height:340px}.remote-card-vertical .remote-upright{height:340px}.remote-card-vertical .remote-upright img{padding:12px 4px}.remote-card-info{gap:20px}.remote-card-vertical .tv-series-label{font-size:9px;margin-bottom:8px}.tv-series-table{font-size:11px}.tv-series-table th{font-size:9px;white-space:normal;width:37%;padding-right:6px}.tv-series-table td{overflow-wrap:anywhere}.remote-card-vertical .remote-model h3{font-size:17px}.remote-card-vertical .color-blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.remote-card-vertical .color-blocks li{height:26px}.remote-card-vertical>.remote-card-link{min-height:44px;font-size:10px}}
/* More breathing room around the catalogue, 2026-11-05. */
.catalog-v2{padding-top:64px;padding-bottom:64px}
.catalog-v2 h2{margin-bottom:38px}
.catalog-v2 .catalog-footnote{display:flex;justify-content:flex-end;margin-top:30px}
.catalog-v2 .catalog-sources{width:min(100%,340px);max-width:340px}
.catalog-v2 .catalog-sources summary{justify-content:space-between;gap:24px}
@media(min-height:900px) and (min-width:1001px){.catalog-v2{padding-top:78px;padding-bottom:78px}.catalog-v2 h2{margin-bottom:44px}.catalog-v2 .catalog-footnote{margin-top:36px}}
@media(max-width:640px){.catalog-v2{padding-top:48px;padding-bottom:48px}.catalog-v2 h2{margin-bottom:30px}.catalog-v2 .catalog-footnote{margin-top:26px}.catalog-v2 .catalog-sources{width:min(100%,290px)}}
/* Raised cards over a deeper backdrop, with matching section edges. */
.catalog-v2{background:radial-gradient(ellipse at 50% 42%,rgba(25,39,93,.09),transparent 70%),linear-gradient(180deg,#0c141d 0%,#080f17 20%,#080f17 78%,#111c24 100%)}
.remote-collection{position:relative;isolation:isolate}
.remote-card-vertical{position:relative;box-shadow:0 30px 58px -16px #000b,0 12px 26px -12px #000c,inset 0 1px 0 #ffffff06;border-color:#ffffff15;transition:transform .3s ease,box-shadow .3s ease}
@media(hover:hover) and (pointer:fine){.remote-card-vertical:hover{transform:translateY(-4px);box-shadow:0 36px 68px -16px #000c,0 15px 30px -12px #000c,inset 0 1px 0 #ffffff09}}
@media(max-width:640px){.remote-card-vertical{box-shadow:0 22px 38px -14px #000b,0 8px 18px -10px #000b}}
@media(prefers-reduced-motion:reduce){.remote-card-vertical{transition:none}.remote-card-vertical:hover{transform:none}}