/* ADAMIX 07: product and technology slideshows using the supplied photographs. */
.design-v3 .product-family{display:block;text-align:left}
.family-open{display:block;width:100%;padding:0;text-align:left;color:inherit}
.family-open:focus-visible{outline:3px solid #087ba8;outline-offset:5px}
.design-v3 .product-family .family-image img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center}
.design-v3 .product-family .family-image{background:#e8eef3}
.design-v3 .family-caption{min-height:42px}
.design-v3 .finish-main-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#102b498c,transparent);pointer-events:none}
.design-v3 .finish-main-photo>span{z-index:1;color:#fff}
.design-v3 .finish-main-photo>img{filter:none}
.design-v3 .finish-sample{width:190px}
.design-v3 .finish-sample img{height:110px}
.design-v3 .finish-sample span{font-size:6px;letter-spacing:.5px}
.design-v3 .oem-photos>img{filter:none;object-position:60% center}
.design-v3 .oem-photo-small img{object-position:center}
.design-v3 .oem-photo-small span{font-size:5px}
.media-controls{display:flex;align-items:center;gap:8px;margin-top:13px;color:#244b6a;min-height:32px}
.media-controls button{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border:1px solid #ccd9e4;background:#f7fafc;padding:0;line-height:1;font-size:21px;transition:background .2s}
.media-controls button:hover{background:#e0ecf4}
.media-controls [data-media-pause]{margin-left:auto;font-size:11px}
.media-counter{font-size:9px;letter-spacing:1px;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
.hero-artwork>.media-controls{margin-top:6px}
.hero-artwork>.media-controls [data-media-pause]{margin-left:auto}
.tech-viewport{position:relative;background:#e7edf2;overflow:hidden}
.design-v3 .tech-viewport>img,.design-v3 .tech-viewport>video{display:block;width:100%;height:480px;object-fit:cover;object-position:center;filter:none}
.design-v3 .tech-photo:after,.design-v3 .tech-photo:before{display:none}
.design-v3 .tech-photo .photo-corner{display:none}
.design-v3 .tech-photo figcaption{position:static;display:flex;align-items:center;justify-content:space-between;padding:20px 23px;color:#eef5fb;gap:18px}
.design-v3 .tech-photo figcaption b{display:block;font-size:13px;font-weight:600;margin-top:6px;line-height:1.5}
.design-v3 .tech-photo figcaption small{font-size:7px;letter-spacing:1px;color:#abc1d2}
.design-v3 .tech-photo #tech-photo-index{font-size:9px;color:#abc1d2;white-space:nowrap}
.tech-photo>.media-controls{margin:0;padding:0 23px 20px;color:white}
.tech-photo>.media-controls button{border-color:#4c6579;background:#29475f;color:#fff}
.tech-photo>.media-controls button:hover{background:#3d5e77}
.tech-photo>.media-controls .media-counter{color:#d4e3ee}
.service-dialog-image{display:flex;flex-direction:column;min-width:0;position:relative}
.service-dialog-image>img{flex:1;min-height:0}
.service-dialog-image>.media-controls{margin:0;padding:12px 17px;background:#e9f0f5;flex-shrink:0}
.design-v3 .filters{flex-wrap:wrap;row-gap:12px}
.design-v3 .gallery-image{background:#e7edf3}
.design-v3 .gallery-card .gallery-image img{object-fit:cover;padding:0}
.media-reveal{animation:adx-media-reveal .55s ease-out}
@keyframes adx-media-reveal{from{opacity:.42}to{opacity:1}}
@media(min-width:1500px){.design-v3 .tech-viewport>img,.design-v3 .tech-viewport>video{height:500px}}
@media(max-width:980px){.design-v3 .finish-sample{width:160px}.design-v3 .finish-sample img{height:95px}}
@media(max-width:700px){
 .design-v3 .tech-viewport>img,.design-v3 .tech-viewport>video{height:310px}
 .design-v3 .tech-photo figcaption{padding:17px 18px}
 .design-v3 .tech-photo figcaption b{font-size:12px}
 .tech-photo>.media-controls{padding:0 18px 17px}
 .media-controls{gap:5px;margin-top:10px}
 .media-controls button{width:34px;height:34px;min-width:34px}
 .media-counter{font-size:8px;min-width:42px}
 .design-v3 .finish-sample{width:164px}.design-v3 .finish-sample span{font-size:5px}
 .design-v3 .filters{gap:12px 19px}.design-v3 .oem-photo-small span{font-size:4px}
 .design-v3 .family-caption{min-height:51px}
 .service-dialog-image{height:auto;min-height:0}
 .service-dialog-image>img{height:290px;min-height:0;max-height:45vh;flex:none}
}
@media(prefers-reduced-motion:reduce){.media-reveal{animation:none}.media-controls button{transition:none}}