/* Frameless reference marks; accessible company names remain on images. */
.metal-studio .reference-showcase{display:block;padding-top:64px;scroll-margin-top:28px}
.reference-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}
.reference-heading>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:320px;margin:0}
.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.reference-card{display:block;min-width:0;border:0;border-radius:0;background:transparent;color:inherit;text-decoration:none;box-shadow:none}
.reference-logo{display:flex;align-items:center;justify-content:center;height:158px;padding:24px}
.reference-logo img{width:100%;max-width:225px;max-height:90px;object-fit:contain;height:auto}
.reference-card.emlak .reference-logo{padding:18px}
.reference-card.emlak img{max-height:108px}
/* White-background variants displayed as dark marks without surrounding panels. */
.reference-card.dark img{filter:brightness(0);opacity:.82}
@media(max-width:900px){.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-logo{padding:22px;height:140px}.reference-heading{align-items:start;flex-direction:column;gap:18px}}
@media(max-width:600px){.metal-studio .reference-showcase{padding-top:40px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reference-logo{padding:18px;height:120px}.reference-card.emlak .reference-logo{padding:12px}.reference-heading{margin-bottom:24px}}

body[data-section="references"] .reference-showcase{padding-top:20px}
.reference-heading h1{display:block;white-space:normal;font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.04em;font-weight:400}
.metal-studio .municipal-references{display:block;padding:56px 0 0;margin-top:48px;border-top:1px solid var(--line)}
.municipal-references h2{display:block;font-size:32px;letter-spacing:-.035em;white-space:normal;font-weight:400}
.municipal-lead{font-size:16px;line-height:1.7;color:var(--muted);margin:16px 0 24px}
.municipal-feature{padding:24px 0;border:0;background:transparent;font-size:20px;font-weight:500;margin-bottom:20px}
.municipal-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.municipal-grid li{font-size:14px;padding:18px 0;border-bottom:1px solid var(--line);line-height:1.5}
@media(max-width:700px){.municipal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.municipal-grid li{font-size:14px}.municipal-feature{font-size:18px;padding:20px 0}}
@media(max-width:380px){.municipal-grid{grid-template-columns:1fr}}

/* Municipality marks sit beside their names, without logo frames. */
.municipal-grid li,.municipal-feature{display:flex;align-items:center;gap:16px}
.municipal-logo{display:block;width:62px;height:62px;object-fit:contain;flex:0 0 62px;mix-blend-mode:multiply}
.municipal-feature .municipal-logo{width:76px;height:76px;flex-basis:76px}
.municipal-grid li span{min-width:0;overflow-wrap:break-word}
@media(max-width:700px){.municipal-grid{grid-template-columns:1fr}.municipal-grid li{gap:18px;padding:16px 0}.municipal-logo{width:56px;height:56px;flex-basis:56px}}

/* Suppress the official Teknopest asset's white matte against the page. */
.reference-logo img[src="references/teknopest.png"]{mix-blend-mode:multiply}