*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#222;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.topbar{background:#0c3260;color:white;padding:14px 18px}.topbar-inner{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-weight:800;letter-spacing:.08em}.topbar a{color:white;text-decoration:none;font-weight:700}.wrap{max-width:1040px;margin:0 auto;padding:28px 18px 50px}.page-title{color:#3387ce;text-align:center;letter-spacing:.15em;text-transform:uppercase;margin:0 0 24px;font-size:clamp(22px,4vw,34px)}.intro{text-align:center;max-width:780px;margin:0 auto 22px;color:#444}.map-wrap{position:relative;max-width:623px;margin:0 auto;background:white;box-shadow:0 4px 18px #0002}.map-wrap img{width:100%;height:auto;display:block}.hotspot{position:absolute;width:6.2%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.01);border:3px solid transparent;cursor:pointer}.hotspot:hover,.hotspot:focus{border-color:#fff;outline:4px solid #0c3260;box-shadow:0 0 0 7px rgba(255,255,255,.7)}.legend-links{max-width:760px;margin:25px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.legend-links a{background:white;border:1px solid #d8dde5;border-left:6px solid #d71920;border-radius:9px;padding:10px 12px;text-decoration:none;color:#153a60;font-weight:700}.hero-photo{display:block;max-width:760px;max-height:500px;width:100%;object-fit:cover;margin:0 auto 25px;border-radius:12px;box-shadow:0 3px 12px #0002}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;max-width:900px;margin:25px auto}.plaque{display:block;padding:30px 18px;border-radius:22px;text-align:center;text-decoration:none;color:#251700;background:linear-gradient(135deg,#c4932d,#ffe59b 42%,#b67c17 100%);border:3px solid #a16b13;box-shadow:inset 0 0 18px #fff8,0 4px 10px #0003}.plaque strong{display:block;font-family:Georgia,serif;font-size:24px;margin:8px 0}.plaque small{display:block;font-size:14px;line-height:1.45}.plaque:hover{transform:translateY(-2px)}.article{max-width:920px;margin:auto;background:white;border-radius:14px;padding:26px;box-shadow:0 3px 15px #0001}.bio-grid{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:start}.portrait{width:100%;max-width:190px;border-radius:10px}.text-box{background:#9f9f9f;color:white;padding:22px;border-right:5px solid #777;border-bottom:5px solid #777;font-size:19px}.text-box p:first-child{margin-top:0}.text-box p:last-child{margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px;align-items:start}.gallery img{width:100%;height:auto;max-height:430px;object-fit:contain;border-radius:10px;background:#f3f3f3}.nav-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:30px 0 5px}.btn{display:inline-block;padding:11px 16px;border-radius:999px;background:#0c3260;color:white;text-decoration:none;font-weight:800}.btn.secondary{background:#d71920}.note{max-width:760px;margin:16px auto;padding:14px 16px;border-radius:8px;background:#fff4ce}.footer{text-align:center;color:#666;padding:28px 15px}.address-sub{text-align:center;font-size:18px;color:#555;margin-top:-12px;margin-bottom:20px}@media(max-width:650px){.bio-grid{grid-template-columns:1fr}.portrait{margin:auto}.article{padding:17px}.text-box{font-size:17px}.hotspot{width:8%}.topbar-inner{align-items:flex-start;flex-direction:column}.page-title{letter-spacing:.08em}.gallery{grid-template-columns:1fr}}