
:root{--ink:#203743;--blue:#155574;--copper:#b86b35;--paper:#f1f7f9}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;background:#fafcfd}a{color:inherit}header{background:white;padding:22px max(5%,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:34px Georgia,serif;text-decoration:none;white-space:nowrap}.brand span{color:var(--copper)}nav{display:flex;gap:28px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}a:focus-visible,button:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.strip{background:var(--paper);padding:24px 5%}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1180px;margin:auto}.quick a{text-decoration:none;text-align:center;font:21px Georgia,serif}.portrait{display:block;border-radius:12px;height:180px;background-image:url('portrety.png');background-repeat:no-repeat;background-size:660% 145%;margin-bottom:12px}.p1{background-position:6% 48%}.p2{background-position:27% 48%}.p3{background-position:48% 48%}.p4{background-position:69% 48%}.hero{display:grid;grid-template-columns:46% 54%;background:var(--paper)}.copy{padding:55px 7vw 55px 5vw}.eyebrow{font-size:12px;letter-spacing:3px;color:#995027;font-weight:bold}h1{font:clamp(40px,4.8vw,74px)/1.12 Georgia,serif;margin:28px 0 22px}h1 em{color:var(--copper);font-weight:normal}.copy p{color:#4a6575;line-height:1.8;font-size:17px}.actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}.button{display:inline-block;border:0;background:var(--blue);color:white;padding:16px 21px;text-decoration:none;font-size:15px;font-weight:bold;border-radius:3px;cursor:pointer}.secondary{font-weight:bold;text-decoration:none;color:var(--blue)}.landscape{min-height:390px;background:url('uvod.webp') no-repeat;background-size:184% 121%;background-position:right 44%}.albums{max-width:1320px;margin:auto;padding:38px 5% 55px}h2{font:36px Georgia,serif;margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:white;border:1px solid #e1e9ec;border-radius:12px;overflow:hidden}.card .portrait{height:210px;border-radius:0;margin:0}.card-content{padding:18px}.card h3{font:24px Georgia,serif;margin:0 0 8px}.card p{font-size:14px;line-height:1.5;color:#526c79}.note{font-size:13px;color:#526c79;padding:14px 5%;background:#e9f1f4;margin:0}footer{padding:25px 5%;border-top:1px solid #dae5e9;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}dialog{border:0;border-radius:12px;padding:30px;max-width:440px;width:90%;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#162c3a88}dialog p{line-height:1.7}dialog h2{font-size:28px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding:18px 5%}.brand{font-size:30px}nav{gap:20px}.quick{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.quick a{min-width:160px;scroll-snap-align:start}.portrait{height:180px}.hero{grid-template-columns:1fr}.copy{padding:30px 6%}.landscape{min-height:280px}.grid{grid-template-columns:repeat(2,1fr)}h1{margin-top:20px}.card .portrait{height:160px}}@media(max-width:420px){.grid{grid-template-columns:1fr}.card .portrait{height:220px}}

.quick{max-width:980px;gap:28px}.quick img,.quick .portrait{width:100%;height:140px;object-fit:cover;border-radius:10px;display:block;margin-bottom:10px}.quick a{min-width:0}.panel{max-width:1250px;margin:40px auto;padding:0 5%}.narrow{max-width:500px}.panel h1{font-size:38px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:35px}.admin-grid section,.album-edit{background:white;padding:22px;border:1px solid #dbe6eb;border-radius:8px;margin-bottom:16px}label{display:block;margin:15px 0;line-height:1.5}input:not([type=checkbox]),select{display:block;width:100%;padding:11px;border:1px solid #9dafb8;border-radius:4px;font:inherit}button{cursor:pointer;padding:9px 14px}.notice{padding:20px;background:#fff0d7}.card{text-decoration:none}.card img,.photos img{width:100%;height:220px;object-fit:cover;display:block}.empty{height:180px;background:#e3edf1;display:grid;place-items:center;font:25px Georgia}.photos article{background:white;padding-bottom:12px}.download{display:block;margin:12px}.album-edit form{margin-bottom:12px}nav form{margin:0}#viewer{max-width:95vw;width:95vw;background:#12232e;color:white}#viewer img{width:calc(100% - 100px);height:75vh;object-fit:contain}#viewer #close{position:absolute;top:10px;right:10px}#viewer button{background:white;border:0;font-size:24px}#viewer #prev,#viewer #next{width:40px;vertical-align:middle}@media(max-width:760px){.quick a{min-width:150px}.admin-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.quick img,.quick .portrait{height:140px}}@media(max-width:420px){.grid{grid-template-columns:1fr}}
