:root{--bg:#fff;--fg:#1c1f24;--muted:#5b6470;--accent:#0f2a47;--line:#e4e7eb;--soft:#f5f7f9}
@media (prefers-color-scheme:dark){:root{--bg:#10151b;--fg:#e8ebef;--muted:#9aa5b1;--accent:#8db4e2;--line:#26303a;--soft:#171e26}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--fg);background:var(--bg);line-height:1.7;font-size:18px}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent)}
header{border-bottom:1px solid var(--line);background:var(--bg)}
.bar{max-width:1080px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bar img{height:156px;width:auto;border-radius:6px}
.right{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:flex-end}
.lang{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;font-family:system-ui,sans-serif;font-size:13px}
.lang a{padding:5px 10px;text-decoration:none;color:var(--muted)}
.lang a+a{border-left:1px solid var(--line)}
.lang a:hover{background:var(--soft);color:var(--fg)}
.lang a[aria-current]{background:var(--accent);color:var(--bg);font-weight:600}
nav a{margin-left:24px;text-decoration:none;color:var(--fg);font-family:system-ui,sans-serif;font-size:16px}
nav a:hover,nav a[aria-current]{color:var(--accent);text-decoration:underline}
main{max-width:1080px;margin:0 auto;padding:48px 24px}
h1,h2,h3{font-family:system-ui,sans-serif;line-height:1.25;color:var(--accent)}
h2{font-size:1.8rem;margin:0 0 16px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:56px 0}
.split.rev .pic{order:-1}
.split img{border-radius:6px;width:100%;aspect-ratio:1/1;object-fit:cover}
.sub{color:var(--muted);margin:0 0 8px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:24px}
.card{background:var(--soft);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.card div{padding:16px 20px 20px}
.card h3{margin:0 0 6px;font-size:1.15rem}
.card p{margin:0;color:var(--muted);font-size:.95rem}
.addr{font-family:system-ui,sans-serif;color:var(--muted);font-size:.95rem;margin:0 0 8px}
.links a{margin-right:16px;font-family:system-ui,sans-serif;font-size:.95rem}
.info{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:24px 28px;margin-bottom:24px}
.info p{margin:6px 0}
footer{border-top:1px solid var(--line);padding:32px 24px;text-align:center;color:var(--muted);font-family:system-ui,sans-serif;font-size:.9rem}
footer nav a{margin:0 12px}
@media(max-width:760px){.bar img{height:96px}.split{grid-template-columns:1fr;gap:20px}.split.rev .pic{order:0}nav a{margin-left:0;margin-right:14px}.right{gap:12px;justify-content:flex-start}.bar{flex-wrap:wrap}}