.material-filters{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 28px}.material-filters button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:999px;min-height:42px;padding:9px 16px;font-size:12px}.material-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.material-photo-frame{display:block;position:relative;width:100%;height:100%}.material-photo-origin{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);padding:5px 8px;border-radius:7px;background:#ffffffd9;color:#28342e;font-size:9px;line-height:1.4;text-align:left;pointer-events:none}
.material-render{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;background:radial-gradient(ellipse at 25% 10%,#69747a,#2b343b 80%);overflow:hidden}.material-render>.render-letter{width:78%;height:78%;max-height:none;transform:perspective(900px) rotateY(-8deg) rotateX(2deg)}.material-preview-caption{position:absolute;bottom:16px;left:16px;right:16px;color:#e3e8ea;font-size:9px;letter-spacing:.04em;text-align:left}.material-render[data-led="false"] .render-letter :is(.led-face,.led-wall,.led-side){opacity:0;animation:none;filter:none}.material-render[data-led="true"] .render-letter .led-face,.material-render[data-led="true"] .render-letter .led-side{opacity:1}.material-render[data-led="true"] .render-letter .led-wall{opacity:.33}.material-render[data-led="true"] .render-letter.type-halo .led-wall{opacity:1}.material-render[data-led="true"] .render-letter .led-side{filter:drop-shadow(0 0 5px #effaff)}.material-return-colours{margin-top:14px}.material-return-colours>span{font-size:10px;font-weight:600}.material-return-colours .material-swatches{margin-top:5px}.material-reference{display:block;border:0;background:none;padding:0;color:var(--muted);font-size:10px;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.material-dialog-content .material-render{max-height:calc(100svh - 105px)}
#letter-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 25px}.material-card .card-copy{padding-top:20px}.material-card .card-copy p{min-height:58px;line-height:1.65;font-size:12px}.material-photo{position:relative;display:block;width:100%;aspect-ratio:1;border:0;padding:0;border-radius:22px;overflow:hidden;background:#dadee0;cursor:zoom-in}.material-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.material-photo:hover img{transform:scale(1.025)}.material-zoom-icon{position:absolute;right:13px;top:13px;background:#ffffffe0;color:#1a251c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:16px}
.material-swatches{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:17px;min-height:32px}.material-swatch{border:1px solid transparent;background:transparent;width:29px;height:29px;padding:3px;border-radius:50%;display:grid;place-items:center}.material-swatch span{background:var(--swatch);width:21px;height:21px;border-radius:50%;border:1px solid #7775;box-shadow:inset 0 1px 3px #fff5}.material-swatch[aria-pressed=true]{border-color:var(--ink)}.material-variant-name{font-size:10px;color:var(--muted);margin-left:3px}.material-led{display:flex;gap:3px;border:1px solid var(--line);padding:3px;border-radius:999px;width:fit-content;margin-top:15px}.material-led button{font-size:10px;border:0;background:transparent;color:var(--muted);padding:8px 13px;border-radius:999px;min-height:32px}.material-led button[aria-pressed=true]{color:var(--bg);background:var(--ink)}.material-static{font-size:10px;color:var(--muted);padding:12px 0;min-height:42px;margin-top:13px}.material-card .choose{font-size:12px;margin-top:9px;padding-bottom:5px}
.material-dialog{position:fixed;width:min(850px,calc(100% - 28px));max-height:calc(100svh - 28px);padding:0;border:1px solid var(--line);border-radius:22px;overflow:auto;background:var(--surface,#fff);color:var(--ink)}.material-dialog::backdrop{background:#08110bba;backdrop-filter:blur(6px)}.material-dialog img{display:block;width:100%;max-height:calc(100svh - 105px);object-fit:contain;background:#242928}.material-dialog p{padding:17px 25px;font-size:13px}.material-dialog-close{position:absolute;top:12px;right:12px;background:#fff;color:#142017;border:0;border-radius:50%;height:40px;width:40px;z-index:1;font-size:25px}.catalogue .section-heading .micro{max-width:260px}
@media(max-width:1000px){#letter-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#letter-cards{grid-template-columns:1fr;gap:36px}.material-photo{aspect-ratio:1.1}.material-card .card-copy p{min-height:0;font-size:13px}.material-card .card-copy h3{font-size:22px}.material-card .card-copy .tag{font-size:10px}.material-filters{gap:7px}.material-filters button{font-size:11px;padding:8px 12px}.material-led button{font-size:11px}.material-card .choose{font-size:13px}.material-swatch{height:35px;width:35px}.material-swatch span{height:25px;width:25px}}
@media(prefers-reduced-motion:reduce){.material-photo img{transition:none}}