.reference-directory{padding:1.5rem clamp(1.5rem,5vw,6rem) 4rem}.reference-directory h2{font-size:clamp(2rem,3.5vw,3.5rem)}.reference-search{max-width:680px;margin:2rem auto;text-align:center}.reference-search label{display:block;margin-bottom:.7rem;color:#587184}.reference-search input{width:100%;padding:1rem 1.5rem;border:1px solid #b9c9d3;border-radius:30px;background:#fff;font:inherit;box-shadow:0 8px 30px #1b426410}.reference-search input:focus{outline:2px solid #2542ed;outline-offset:3px}.reference-cards{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:1rem}.reference-card img{height:140px;object-fit:contain;background:#eaf1fa;border-radius:12px}.reference-card{padding:10px;min-height:215px;transition:transform .2s,box-shadow .2s}.reference-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #1b42641c}.reference-card span{padding:10px 0 0}.reference-card small{padding:8px 0}.reference-workspace{margin:0 auto 4rem;padding:1.5rem;max-width:1400px;scroll-margin-top:100px}.reference-workspace.wide{max-width:100%;}.reference-workspace iframe{width:100%;height:78vh;min-height:650px;border:1px solid #b9c9d3;border-radius:16px;background:#fff;margin-top:1rem}.reference-workspace .hero-tools{flex-wrap:wrap}.reference-card[hidden],.reference-workspace[hidden]{display:none}.motion-paused .reference-card{transition:none}@media(max-width:600px){.reference-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.reference-card{min-height:195px}.reference-card img{height:110px}.reference-workspace{padding:.8rem}.reference-workspace iframe{min-height:550px}.work-head{flex-wrap:wrap}}