/* Compact Zamar covers, each built around one balanced silhouette. */
.zamar-pattern-grid{display:grid;grid-template-columns:repeat(5,minmax(0,200px));gap:18px}
.zamar-pattern-card{display:block;min-width:0;color:inherit;text-decoration:none}
.zamar-pattern-cover{--pattern-accent:#49425f;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1;border-radius:8px;background:var(--pattern-accent);color:#f4f2f7;display:flex;align-items:center;justify-content:center;padding:16px;container-type:inline-size}
.zamar-pattern-cover .pattern-photo{display:none}
.pattern-shapes{position:absolute;inset:0;z-index:-1;overflow:hidden}
.pattern-shapes i{position:absolute;display:block;background:#121216;border-radius:50%}
.pattern-shapes i:nth-child(n+4){display:none}
.zamar-pattern-cover .pattern-logo{position:absolute;left:9%;top:9%;width:27%;height:auto;object-fit:contain;opacity:.85}
.zamar-pattern-cover strong{max-width:92%;font-size:clamp(18px,13cqw,26px);font-weight:700;letter-spacing:-.65px;line-height:1.1;text-align:center;text-wrap:balance}
.pattern-arrow{display:none}
.zamar-pattern-card>span{display:block;margin-top:9px;font-size:13px;font-weight:500;line-height:1.4}
/* Three vertical sound lobes, mirrored about the centre. */
.pattern-steps i{width:44%;height:92%;top:4%;left:28%}
.pattern-steps i:nth-child(2){width:34%;height:70%;top:15%;left:-4%}
.pattern-steps i:nth-child(3){width:34%;height:70%;top:15%;left:70%}
/* Three concentric-looking horizontal lobes, with a quiet central field. */
.pattern-orbit{--pattern-accent:#34534d}
.pattern-orbit i{width:94%;height:45%;left:3%;top:27.5%}
.pattern-orbit i:nth-child(2){width:76%;height:28%;left:12%;top:3%}
.pattern-orbit i:nth-child(3){width:76%;height:28%;left:12%;top:69%}
/* Single diagonal aperture. */
.pattern-ribbon{--pattern-accent:#61473b}
.pattern-ribbon i{width:76%;height:138%;top:-19%;left:12%;transform:rotate(35deg)}
.pattern-ribbon i:nth-child(n+2){display:none}
/* Wide central lens with two cropped echoes. */
.pattern-petals{--pattern-accent:#3e506c}
.pattern-petals i{width:78%;height:78%;left:11%;top:11%}
.pattern-petals i:nth-child(2){width:38%;height:58%;left:-30%;top:21%}
.pattern-petals i:nth-child(3){width:38%;height:58%;left:92%;top:21%}
/* A tapered stack keeps the title on an uninterrupted dark field. */
.pattern-pulse{--pattern-accent:#5c5339}
.pattern-pulse i{width:96%;height:60%;left:2%;top:10%}
.pattern-pulse i:nth-child(2){width:76%;height:32%;left:12%;top:58%}
.pattern-pulse i:nth-child(3){width:48%;height:20%;left:26%;top:78%}
.zamar-pattern-card:focus-visible{outline:2px solid #8b9dff;outline-offset:5px;border-radius:8px}
@media(max-width:1100px){.zamar-pattern-grid{gap:14px}.zamar-pattern-cover{padding:12px}.zamar-pattern-card>span{font-size:12px}}
@media(max-width:767px){.zamar-pattern-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns: min(42vw,180px);overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 12px;scrollbar-width:thin;gap:14px}.zamar-pattern-card{scroll-snap-align:start}}