.design-page .hero .product-visual {
 background:#fcfcf6;
 border:1px solid #bccbc7;
 border-radius:2px;
 box-shadow:0 14px 34px -28px rgba(16,44,54,.28);
 align-self:center;
}
.product-visual__heading {
 display:flex;justify-content:space-between;align-items:center;gap:18px;
 padding:21px 23px 0;
 font:500 12px/1.5 var(--font-b);color:#254751;
}
.product-visual__edition {
 flex-shrink:0;font:10px/1.3 ui-monospace,monospace;letter-spacing:.08em;
 border:1px solid #b4c4bf;padding:5px 6px;color:#506b67;
}
.design-page .hero .product-visual img {
 width:100%;height:auto;aspect-ratio:64/45;object-fit:contain;
}
.design-page img[src*="assets/illustrations/"] {object-fit:contain;background:#fcfcf6}
.design-page .hero .product-visual figcaption {
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 font:10px/1.65 var(--font-b);letter-spacing:0;
 padding:15px 23px 18px;color:#627777;background:#fcfcf6;
}
.design-page .hero .product-visual figcaption a {
 color:#17647e;font-weight:500;font-size:11px;white-space:nowrap;
 text-decoration:underline;text-underline-offset:4px;
}
.design-page .hero .product-visual figcaption a:hover {color:#102c36}
.design-home .design-service-image:has(img[src*="assets/illustrations/"]) {
 background:#fcfcf6;border:1px solid #cad7cf;
}
@media(max-width:1050px) and (min-width:701px) {
 .product-visual__heading {padding:16px 16px 0;font-size:11px;gap:10px}
 .product-visual__edition {display:none}
 .design-page .hero .product-visual figcaption {padding:12px 16px;flex-wrap:wrap;gap:4px}
}
@media(max-width:700px) {
 .product-visual__heading {padding:17px 16px 0;font-size:12px;gap:12px}
 .product-visual__edition {font-size:9px}
 .design-page .hero .product-visual figcaption {padding:13px 16px 16px;flex-wrap:wrap;gap:6px;font-size:10px}
 .design-page .hero .product-visual figcaption a {font-size:12px}
}