:root{--g:#800000;--gd:#3a0d0d;--bg:#f7f5f0;--ink:#1d2622;--ac:#b08d57}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 17px/1.65 "Source Sans 3",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
.in{max-width:1120px;margin:0 auto;padding:0 24px}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:10px 32px;background:rgba(247,245,240,.94);backdrop-filter:blur(8px);border-bottom:1px solid #e1ddd2}
.brand img{height:54px;display:block}
nav{display:flex;gap:26px;align-items:center}nav a{color:var(--g);text-decoration:none;font-weight:600;font-size:15px}
.btn-s{border:1px solid var(--g);padding:8px 18px;transition:.3s}.btn-s:hover{background:var(--g);color:#fff}
h1,h2,.people span{font-family:"Instrument Serif",Georgia,serif;font-weight:400}
.hero{padding:clamp(80px,14vw,170px) 0 clamp(70px,10vw,120px);background:radial-gradient(900px 400px at 85% 20%,#e9e4d6,transparent),var(--bg)}
.eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:13px;color:var(--ac);font-weight:600;margin-bottom:22px}
h1{font-size:clamp(3rem,7vw,6rem);line-height:1.02;color:var(--g);margin-bottom:28px}h1 em{color:var(--gd)}
.lead{max-width:560px;font-size:19px;font-weight:300;margin-bottom:34px}
.btn{display:inline-block;background:var(--g);color:#fff;padding:15px 34px;text-decoration:none;font-weight:600;letter-spacing:.03em;transition:.3s}.btn:hover{background:var(--gd);transform:translateY(-2px)}
.strip{background:var(--g);color:#e9e4d6;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px;padding:20px 24px;font-family:"Instrument Serif",serif;font-size:21px;font-style:italic}
.sec{padding:clamp(70px,10vw,130px) 0}
h2{font-size:clamp(2.2rem,4.5vw,3.6rem);color:var(--g);margin-bottom:34px;line-height:1.1}
.areas{list-style:none;padding:0;border-top:1px solid #cfc9ba}
.areas li{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;padding:26px 0;border-bottom:1px solid #cfc9ba;transition:padding .35s cubic-bezier(.2,.7,.2,1)}
.areas li:hover{padding-left:16px}.areas b{font-family:"Instrument Serif",serif;font-size:34px;color:var(--g);font-weight:400;line-height:1.2}
.dark{background:var(--gd);color:#dcd8cb;padding:clamp(70px,10vw,130px) 0;position:relative}
.dark:before{content:"";position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.dark h2{color:#fff}.dark p{margin-bottom:18px;max-width:520px}.two{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start;position:relative}
.people div{border-left:2px solid var(--ac);padding:6px 0 6px 22px;margin-bottom:26px;color:var(--ac);text-transform:uppercase;letter-spacing:.14em;font-size:13px}
.people span{display:block;font-size:30px;color:#fff;text-transform:none;letter-spacing:0}
address{font-style:normal;font-size:20px;margin-bottom:20px}.ct{font-size:19px}.ct a{color:var(--g);font-weight:600;text-decoration:none}
.map iframe{width:100%;height:340px;border:0;filter:grayscale(.4) sepia(.15)}
footer{background:#240808;color:#b9a3a3;padding:34px 0;font-size:14px}
@media(max-width:760px){.top{padding:10px 16px}nav a:not(.btn-s){display:none}.areas li,.two{grid-template-columns:1fr;gap:12px}.two{gap:34px}.brand img{height:44px}}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--g)}
.mono{display:grid;place-items:center;width:46px;height:46px;border:1.5px solid var(--g);font:600 30px/1 "Instrument Serif",serif}
.nm{font-size:12px;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}.nm b{font:600 21px/1.1 "Instrument Serif",serif;letter-spacing:0;text-transform:none}
.motto{margin-top:46px;font:italic 500 22px "Instrument Serif",serif;color:var(--ac)}
.reg{font-size:14px;color:#6b6258;margin-top:18px}
.strip{justify-content:center}

.mono{display:grid;place-items:center;width:46px;height:46px;background:var(--g);color:#fff;font-family:"Instrument Serif",serif;font-size:30px}
.nm{font-size:13px;line-height:1.25;letter-spacing:.04em}.nm b{font-size:16px}
h1{font-weight:400;font-size:clamp(3.2rem,9vw,8rem);line-height:.95}h1 em{font-style:italic}
.lnk{margin-left:22px;color:var(--g);font-weight:600;text-decoration:none}
.strip span+span:before{content:"·";margin-right:40px;color:var(--ac)}
.areas{counter-reset:a}.areas li{display:flex;align-items:baseline;gap:30px}.areas i{font:italic 22px "Instrument Serif",serif;color:var(--ac);min-width:36px}
.areas b{font-size:clamp(28px,4vw,46px)}
.dark blockquote{font:italic clamp(2rem,4vw,3.2rem)/1.1 "Instrument Serif",serif;color:var(--ac);margin-top:50px}
.tl{list-style:none;padding:0;border-left:1px solid #cfc9ba;margin-left:6px}
.tl li{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:18px 0 18px 30px;position:relative}
.tl li:before{content:"";position:absolute;left:-5px;top:30px;width:9px;height:9px;background:var(--g);border-radius:50%}
.tl b{font:400 30px "Instrument Serif",serif;color:var(--g)}
.alt{background:#efeadd}.reg{font-size:16px;line-height:1.7}.reg a{color:var(--g);font-weight:600;text-decoration:none}
footer p{margin-bottom:14px;max-width:820px}footer a{color:#e0cfcf}
.legal{max-width:820px}.legal h3{font:400 30px "Instrument Serif",serif;color:var(--g);margin:34px 0 8px}.legal p{margin-bottom:12px}.h1s{font-size:clamp(2.6rem,6vw,4.4rem)}
@media(max-width:760px){.tl li{grid-template-columns:1fr;gap:4px}.strip span+span:before{display:none}.lnk{display:block;margin:18px 0 0}.areas li{gap:16px}}

/* v4: jednostránková nástenka, šedá/biela */
:root{--g:#3d4348;--gd:#2b3035;--bg:#eceef0;--ac:#8a9299;--ink:#23272b}
body{background:var(--bg)}
.top{background:rgba(255,255,255,.95);border-bottom:1px solid #d5d9dc}
.loc{letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--ac);font-weight:600}
.board{max-width:1180px;margin:0 auto;padding:28px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid #d5d9dc;padding:30px 30px 26px}
.card.hero{grid-column:1/-1;background:#fff;padding:clamp(36px,6vw,70px) clamp(24px,4vw,50px)}
.card.wide{grid-column:span 2}
.card.dark{background:var(--gd);color:#e3e6e8;border-color:var(--gd)}.card.dark h2{color:#fff}.card.dark .ct a,.card.dark address{color:#fff}.card.dark .reg{color:#aab1b6;font-size:13px;margin-top:16px}
.card h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:18px}.card p{margin-bottom:12px;font-size:16px}
.eyebrow{margin-bottom:14px}
.hero h1{font-size:clamp(2.8rem,7vw,5.6rem);margin-bottom:20px}.hero .lead{margin:0}
.areas{list-style:none;padding:0}.areas li{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid #e3e6e8;font-size:17px;font-weight:600;color:var(--g)}.areas li:hover{padding-left:0}
.areas i{font:italic 18px "Instrument Serif",serif;color:var(--ac);min-width:28px}
.tl li{grid-template-columns:130px 1fr;padding:11px 0 11px 26px}.tl li:before{top:22px}.tl b{font-size:24px}.tl{border-left-color:#c4c9cd}
address{font-size:17px;margin-bottom:14px}.ct{font-size:17px}
footer{background:#1f2327;color:#aab1b6;padding:26px 0}footer a{color:#fff}
.btn-s:hover,.btn:hover{background:var(--gd)}
@media(max-width:900px){.board{grid-template-columns:1fr 1fr}.card.wide{grid-column:1/-1}}
@media(max-width:600px){.board{grid-template-columns:1fr;padding:16px}.tl li{grid-template-columns:1fr}}
.hero h1{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1;margin-bottom:16px}