/* Match the existing Our Creations cards; scope additions to the installation list. */
.sn-installation-cases.sn-duo-section{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#000;overflow:hidden;font-family:Assistant,sans-serif}
.sn-installation-cases,.sn-installation-cases *,.sn-installation-cases *::before,.sn-installation-cases *::after{box-sizing:border-box}
.sn-installation-cases .sn-duo-grid{display:grid;grid-template-columns:40% 40%;justify-content:center;gap:8px;width:100%;margin:0;padding:36px 0;list-style:none}
.sn-installation-cases .sn-duo-item{min-width:0;width:100%}
.sn-installation-cases .sn-duo-item:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 4px);justify-self:center}
.sn-installation-cases .sn-duo-card{display:block;width:100%;height:100%;color:rgba(255,255,255,.75);text-decoration:none;background:transparent}
.sn-installation-cases .sn-duo-card__inner{position:relative;display:block;width:100%;overflow:hidden;background:#121212}
.sn-installation-cases .sn-duo-ratio{position:relative}
.sn-installation-cases .sn-duo-ratio::before{content:"";display:block;width:100%;padding-bottom:100%}
.sn-installation-cases .sn-duo-card__media,.sn-installation-cases .sn-duo-media{position:absolute;inset:0}
.sn-installation-cases .sn-duo-media{overflow:hidden}
.sn-installation-cases .sn-duo-media img{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity .25s ease;transform:none}
.sn-installation-cases .sn-duo-media>img:first-child{opacity:1;z-index:1}
.sn-installation-cases .sn-duo-media>img:last-child{opacity:0;z-index:2}
.sn-installation-cases .sn-duo-media>img.sn-case-finished{object-fit:var(--sn-finished-fit,contain);object-position:var(--sn-finished-position,center)}
.sn-installation-cases .sn-duo-media>img.sn-case-workshop{object-fit:contain}
.sn-installation-cases .sn-duo-card:hover .sn-duo-media>img:first-child{opacity:0;transform:none}
.sn-installation-cases .sn-duo-card:hover .sn-duo-media>img:last-child{opacity:1;transform:none}
.sn-installation-cases .sn-duo-card:focus-within .sn-duo-media>img:first-child{opacity:0}
.sn-installation-cases .sn-duo-card:focus-within .sn-duo-media>img:last-child{opacity:1}
.sn-installation-cases[data-swap-managed] .sn-duo-card:not([data-hover-ready]) .sn-duo-media>img:first-child{opacity:1}
.sn-installation-cases[data-swap-managed] .sn-duo-card:not([data-hover-ready]) .sn-duo-media>img:last-child{opacity:0}
.sn-installation-cases .sn-duo-image-link{position:absolute;inset:0;z-index:5;display:block;text-decoration:none}
.sn-installation-cases .sn-duo-card__content{padding:14px 10px 0}
.sn-installation-cases .sn-duo-card__information{text-align:center}
.sn-installation-cases .sn-duo-card__title{margin:0 0 8px;text-align:center;font-family:Assistant,sans-serif;font-weight:400;line-height:1.3;letter-spacing:0;font-size:2.2rem;color:#fff}
.sn-installation-cases .sn-duo-card__title-link{color:inherit;text-decoration:none}
.sn-installation-cases .sn-duo-card__description{margin:0;text-align:center;color:gray;font-size:1.4rem;line-height:1.6;font-weight:400;letter-spacing:0}
.sn-installation-cases .sn-duo-image-link:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.sn-installation-cases .sn-duo-card__title-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(hover:none){.sn-installation-cases .sn-duo-card:hover:not(:focus-within) .sn-duo-media>img:first-child{opacity:1}.sn-installation-cases .sn-duo-card:hover:not(:focus-within) .sn-duo-media>img:last-child{opacity:0}}
@media screen and (max-width:749px){.sn-installation-cases .sn-duo-grid{grid-template-columns:1fr;gap:4px;padding:24px 0}.sn-installation-cases .sn-duo-item:last-child:nth-child(odd){grid-column:auto;width:100%}.sn-installation-cases .sn-duo-card__title{font-size:1.9rem}.sn-installation-cases .sn-duo-card__description{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.sn-installation-cases .sn-duo-media img{transition:none}}