:root{font-family:Ubuntu,Arial,sans-serif;color:#000;background:#fff;--blue:#5160a3;--radius:5mm}*{box-sizing:border-box}body{margin:0}body>header{background:var(--blue);color:#fff;padding:1.2rem 5vw;font-weight:700}a{color:inherit;text-decoration:none}main{width:min(1380px,90vw);margin:auto;padding:3rem 0}h1{font-size:50px}.filters{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:1rem;align-items:end;margin:2rem 0}.filters label{display:grid;gap:.4rem}.filters select,.filters button{min-height:48px;padding:.7rem;border:1px solid #bbb;border-radius:var(--radius);background:#fff}.filters button{background:var(--blue);color:#fff;border-color:var(--blue)}.reference-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.reference-card{border:1px solid #ccc;border-radius:var(--radius);overflow:hidden;background:#fff}.reference-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.reference-card div{padding:1.25rem}.reference-card h2{font-size:30px;margin:.5rem 0}.reference-card small{color:#545685}.reference-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;border-radius:var(--radius)}.reference-slide{min-width:100%;scroll-snap-align:start;margin:0}.reference-slide img{width:100%;height:auto;border-radius:var(--radius)}article{max-width:1050px;margin:auto}article nav{margin-bottom:2rem}article dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem}.reference-actions{display:flex;gap:1rem;margin:2rem 0}.ref-cta{padding:1rem;background:var(--blue);color:#fff;border-radius:var(--radius)}.ref-cta.secondary{background:#545685}@media(max-width:900px){.reference-list{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:2rem 0}h1{font-size:36px}.reference-list,.filters{grid-template-columns:1fr}.reference-card h2{font-size:23px}.reference-actions{flex-direction:column}}