:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#203640;background:#f7f9f8}*{box-sizing:border-box}body{margin:0}a{color:#167c80}header{display:flex;align-items:center;justify-content:space-between;padding:20px 5vw;border-bottom:1px solid #dfe7e5;background:white}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#203640;font-size:20px;font-weight:750}main{max-width:1260px;margin:auto;padding:55px 28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#167c80}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.04em;margin:16px 0}.intro{color:#65777c;max-width:650px;line-height:1.7}.filters{display:flex;align-items:center;gap:14px;margin:32px 0}input,select{font:inherit;padding:12px;border:1px solid #d6e0df;border-radius:8px;background:white}input{flex:1}#count{color:#65777c;font-size:13px}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}article{background:white;border:1px solid #dfe7e5;border-radius:12px;overflow:hidden;transition:transform .15s}article:hover{transform:translateY(-3px)}.card{display:block;color:inherit;text-decoration:none}.card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}.card-body{padding:20px}.card h2{font-size:19px;margin:0 0 10px}.card p{font-size:14px;color:#65777c;line-height:1.6;min-height:44px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:11px;background:#eaf3f1;color:#336e69;border-radius:20px;padding:4px 9px}.docs-link{display:inline-block;font-size:12px;margin:0 20px 20px}footer{padding:25px;text-align:center;font-size:13px;color:#65777c}@media(max-width:600px){main{padding:25px 18px}.filters{flex-wrap:wrap}input,select{font-size:16px;min-height:44px}.filters input{width:100%;flex-basis:100%}header{padding:14px}header>a:last-child{font-size:13px}}