*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6f8;color:#172b38}header{background:#101e29;color:white;padding:24px max(20px,5vw);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}header a{color:white;text-decoration:none}.brand{font-weight:bold;font-size:22px}nav{display:flex;gap:22px;flex-wrap:wrap}main{max-width:1200px;margin:auto;padding:48px 20px}h1{font-size:clamp(32px,5vw,54px);margin:10px 0 20px}.eyebrow{color:#0869ae;letter-spacing:2px;font-weight:bold}.intro{max-width:700px;font-size:19px;line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}figure{margin:0;background:white;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #122b3810}figure a{display:block}figure img{display:block;width:100%;height:290px;object-fit:cover}figcaption{padding:18px;font-weight:bold;line-height:1.4}a{color:#0869ae}button{cursor:pointer;padding:12px 18px;background:#0869ae;color:white;border:0;border-radius:8px;font-size:16px}a:focus-visible,button:focus-visible{outline:3px solid #f5a623;outline-offset:4px}dialog{max-width:95vw;width:1000px;max-height:95vh;border:0;border-radius:14px;background:#101e29;color:white;padding:20px;text-align:center}dialog::backdrop{background:#000c}dialog img{display:block;max-width:100%;height:auto;max-height:65vh;margin:16px auto;object-fit:contain}dialog #close{display:block;margin-left:auto}dialog div{display:flex;justify-content:center;gap:16px}@media(max-width:800px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.gallery{grid-template-columns:1fr}figure img{height:300px}header{padding:20px}nav{gap:16px;font-size:14px}}