:root {
  --ink: #15201c;
  --paper: #f5f0e6;
  --cream: #efe6d6;
  --gold: #c49a4a;
  --forest: #2f5a46;
  --muted: #5d6b65;
  --line: #d9cfc0;
  --font-d: "Fraunces", Georgia, serif;
  --font-b: "Figtree", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-b);
  line-height: 1.6;
}
img { max-width: 100%; height: auto; }
a { color: var(--forest); }
.skip-link {
  position: absolute; left: -999px;
}
.skip-link:focus { left: 1rem; top: 1rem; background: #fff; padding: .5rem; }
.wrap { width: min(1120px, calc(100% - 2rem)); margin-inline: auto; }
.narrow { width: min(760px, calc(100% - 2rem)); }
.site-header {
  position: sticky; top: 0; z-index: 20;
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 72px; }
.brand { display: flex; align-items: center; gap: .75rem; text-decoration: none; color: inherit; }
.brand-logo, .custom-logo {
  width: 42px; height: 42px; border-radius: 10px; display: block; object-fit: cover;
}
.brand-mark {
  width: 42px; height: 42px; border-radius: 10px;
  display: grid; place-items: center;
  background: var(--ink); color: var(--gold); font-weight: 700;
}
.brand-text { display: flex; flex-direction: column; line-height: 1.15; }
.brand-text strong { font-family: var(--font-d); font-size: 1.05rem; }
.brand-text span { font-size: .78rem; color: var(--muted); }
.primary-nav ul { display: flex; gap: 1rem; list-style: none; margin: 0; padding: 0; }
.primary-nav a { text-decoration: none; color: inherit; font-size: .92rem; }
.primary-nav a:hover { color: var(--forest); }
.nav-toggle { display: none; }
.hero {
  min-height: 78vh;
  background:
    linear-gradient(180deg, rgba(21,32,28,.55), rgba(21,32,28,.88)),
    var(--ink);
  color: var(--paper);
  display: grid; align-items: end;
}
.hero-inner { padding: 7rem 0 4rem; }
.eyebrow { letter-spacing: .18em; text-transform: uppercase; font-size: .72rem; opacity: .75; }
h1, h2, h3 { font-family: var(--font-d); line-height: 1.15; font-weight: 600; }
.hero h1 { font-size: clamp(2.2rem, 6vw, 4.2rem); max-width: 16ch; margin: .6rem 0 1rem; }
.lede { font-family: var(--font-d); font-size: clamp(1.2rem, 2.4vw, 1.7rem); max-width: 28ch; }
.hero-actions, .btn { display: flex; gap: .7rem; flex-wrap: wrap; }
.btn, .btn-light, .btn-ghost {
  display: inline-flex; align-items: center; text-decoration: none;
  border-radius: 999px; padding: .7rem 1.15rem; font-weight: 600;
  background: var(--ink); color: var(--paper);
}
.btn-light { background: var(--paper); color: var(--ink); }
.btn-ghost { background: transparent; color: var(--paper); outline: 1px solid color-mix(in srgb, var(--paper) 35%, transparent); }
.stats { background: #fff8ee; border-bottom: 1px solid var(--line); }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.stats-grid article { padding: 1.4rem 0; border-right: 1px solid var(--line); }
.stats-grid article:last-child { border-right: 0; }
.stats-grid span { display: block; color: var(--muted); font-size: .8rem; }
.stats-grid strong { font-family: var(--font-d); font-size: 1.5rem; }
.section { padding: 4rem 0; }
.section-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 1.5rem; }
.cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.1rem; }
.card { background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.card-link { display: block; color: inherit; text-decoration: none; padding: 0 0 1rem; }
.card img, .card-fallback { width: 100%; height: 160px; object-fit: cover; display: block; background: var(--cream); }
.card-meta { display: block; padding: .8rem 1rem 0; color: var(--muted); font-size: .8rem; }
.card h3 { margin: .3rem 1rem; font-size: 1.15rem; }
.card p { margin: 0 1rem; color: var(--muted); }
.band { background: var(--cream); }
.split { display: grid; grid-template-columns: 1.2fr .8fr; gap: 2rem; align-items: start; }
.facts { list-style: none; padding: 0; margin: 0; }
.facts li, .facts > div { padding: .8rem 0; border-bottom: 1px solid var(--line); }
.page-hero { background: var(--ink); color: var(--paper); padding: 6.5rem 0 2.5rem; }
.page-hero h1 { font-size: clamp(2rem, 5vw, 3.3rem); }
.page-main { padding-bottom: 4rem; }
.prose { padding: 2.2rem 0 4rem; font-size: 1.05rem; }
.prose img { border-radius: 12px; }
.cover { margin-top: -1.5rem; }
.cover img { width: 100%; border-radius: 14px; object-fit: cover; max-height: 420px; }
.contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 2rem; padding: 2rem 0 4rem; }
.site-footer { background: var(--ink); color: var(--paper); padding: 3rem 0 1.5rem; }
.footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.footer-kicker { letter-spacing: .16em; text-transform: uppercase; font-size: .7rem; opacity: .65; }
.footer-name { font-family: var(--font-d); font-size: 1.2rem; }
.site-footer a { color: var(--gold); }
.footer-copy { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid color-mix(in srgb, var(--paper) 14%, transparent); display: flex; justify-content: space-between; gap: 1rem; font-size: .85rem; opacity: .8; }
.pagination { grid-column: 1 / -1; padding: 1rem 0; }
.albums-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.1rem; padding-bottom: 4rem; }
.home-albums { padding-bottom: 0; }
.album-card { display: block; background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; color: inherit; text-decoration: none; padding-bottom: 1rem; }
.album-cover img, .album-cover .card-fallback { width: 100%; height: 170px; object-fit: cover; display: block; background: var(--cream); }
.album-card h3 { margin: .35rem 1rem 0; font-size: 1.05rem; }
.prose .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: .6rem; }
.prose .gallery br { display: none; }
.prose .gallery img { width: 100%; height: 140px; object-fit: cover; border-radius: 8px; margin: 0; }
.prose figure { margin: 1.2rem 0; }
@media (max-width: 800px) {
  .nav-toggle { display: inline-flex; background: var(--ink); color: var(--paper); border: 0; border-radius: 999px; padding: .45rem .8rem; }
  .primary-nav { display: none; position: absolute; inset: 72px 0 auto; background: var(--paper); border-bottom: 1px solid var(--line); }
  .primary-nav.is-open { display: block; }
  .primary-nav ul { flex-direction: column; padding: 1rem 1.2rem 1.2rem; }
  .stats-grid, .split, .footer-grid, .contact-grid { grid-template-columns: 1fr; }
  .stats-grid article { border-right: 0; border-bottom: 1px solid var(--line); }
}
/* OBŽ 2.0 — blue, accessible navigation and responsive native galleries. */
:root{--ink:#102d43;--paper:#f7f9fa;--cream:#eaf1f4;--gold:#9ad9df;--forest:#176078;--muted:#526876;--line:#d7e1e6;--font-d:Georgia,'Times New Roman',serif;--font-b:system-ui,-apple-system,'Segoe UI',sans-serif}
[hidden]{display:none!important}a,button,input,select{touch-action:manipulation}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #d98b29;outline-offset:4px}h1,h2,h3,p,a{overflow-wrap:anywhere}.skip-link:focus{z-index:100}.wrap{width:min(1200px,calc(100% - 3rem))}.narrow{width:min(820px,calc(100% - 3rem))}.site-header{background:#fff}.header-inner{min-height:88px;position:relative}.brand-logo{object-fit:contain;border-radius:0}.brand-text strong{font-size:1.2rem}.brand-text span{font-size:.8rem}.primary-nav>ul{align-items:center;gap:1.2rem}.primary-nav li{position:relative}.primary-nav a{display:inline-block;padding:.65rem 0;font-weight:600}.primary-nav ul ul{display:none;position:absolute;top:100%;left:0;min-width:270px;max-height:65vh;overflow:auto;background:white;border:1px solid var(--line);box-shadow:0 16px 32px #102d431c;padding:.6rem;z-index:30;gap:0}.primary-nav ul ul a{display:block;padding:.5rem .65rem;font-size:.85rem}.primary-nav ul ul ul{position:static;margin-left:.75rem;box-shadow:none;border:0;min-width:0;max-height:none}.primary-nav li:hover>ul,.primary-nav li:focus-within>ul,.primary-nav li.sub-open>ul{display:block}.primary-nav li:last-child>ul{left:auto;right:0}.sub-toggle{padding:.3rem;background:none;border:0;color:var(--forest);cursor:pointer}.primary-nav .current_page_item>a,.primary-nav .current-menu-item>a{color:var(--forest);text-decoration:underline;text-underline-offset:.35rem}.hero{min-height:570px;background:radial-gradient(ellipse at 100% 0%,#326179aa,transparent 65%),repeating-radial-gradient(ellipse at 95% 50%,transparent 0 55px,#ffffff09 56px 57px),#102d43;align-items:center}.hero-inner{padding:5.5rem 0}.hero h1{font-size:clamp(2.8rem,6vw,5rem);max-width:20ch;font-weight:400;letter-spacing:-.045em}.hero .lede{max-width:40ch;font-family:var(--font-b);font-size:1.15rem;color:#d7e6ee}.hero-motto{max-width:52ch;color:#b5cbd8;font-size:.95rem;margin-bottom:2rem}.eyebrow{opacity:1;color:var(--forest);font-weight:700;letter-spacing:.16em}.hero .eyebrow,.page-hero .eyebrow{color:#9ad9df}.btn{border-radius:5px;padding:.85rem 1.25rem}.section{padding:4.5rem 0}.section-head h2,.split h2{font-size:clamp(2rem,3.5vw,3rem);margin:.5rem 0;font-weight:400;letter-spacing:-.03em}.section-head>a{font-weight:600;text-underline-offset:.3rem}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:8px}.card img,.card-fallback{height:200px}.card-fallback{display:grid;place-items:center;color:#7193a4;font-family:var(--font-d);font-size:3rem;background:repeating-linear-gradient(45deg,#eaf1f4,#eaf1f4 25px,#dfebf0 26px,#dfebf0 27px)}.card h3{font-size:1.3rem;margin:.7rem 1.1rem}.card p{font-size:.92rem;margin:0 1.1rem .6rem}.page-hero{padding:3.6rem 0 3rem;background:radial-gradient(ellipse at 95% 0,#23546b,transparent 70%),#102d43}.page-hero h1{max-width:30ch;font-weight:400;letter-spacing:-.03em;margin:.7rem 0 1rem}.page-hero p{max-width:65ch;color:#c7dce7}.album-total{display:inline-block;border:1px solid #ffffff40;border-radius:4px;padding:.3rem .65rem;margin-top:.6rem;font-size:.85rem}.back-link{color:#a9e0e5;text-underline-offset:.3rem}.gallery-index{padding-top:2rem}.gallery-tools{display:flex;align-items:end;gap:1rem;margin:0 0 2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.gallery-tools label{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;font-weight:600}.gallery-tools label:first-child{flex:1;max-width:520px}.gallery-tools input,.gallery-tools select{padding:.8rem 1rem;border:1px solid #aebfc8;border-radius:5px;background:white;color:var(--ink);min-height:48px;min-width:0}.gallery-tools p{margin:0 0 .7rem auto;color:var(--muted);font-size:.9rem}.albums-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;padding-bottom:2rem}.album-card{border-radius:8px;transition:transform .2s,box-shadow .2s}.album-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #102d4315}.album-cover{display:block;overflow:hidden}.album-cover img,.album-cover .card-fallback{height:auto;aspect-ratio:16/10;object-fit:cover}.album-card h3{font-size:1.3rem;line-height:1.3;margin:.55rem 1.1rem 1rem}.album-action{display:flex;justify-content:space-between;margin:0 1.1rem;font-size:.82rem;font-weight:600;color:var(--forest);padding-top:.9rem;border-top:1px solid var(--line)}.gallery-notes{border-top:1px solid var(--line);margin-top:1rem;padding-top:1.5rem}.gallery-notes summary{cursor:pointer;color:var(--forest)}.news-grid{padding-top:2rem}.prose{overflow-wrap:anywhere}.prose table{display:block;max-width:100%;overflow:auto}.prose iframe{max-width:100%}.prose .gallery,.prose .wp-block-gallery:not(.has-nested-images),.prose .blocks-gallery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;width:100%;list-style:none;padding:0;margin:1.5rem 0}.prose .wp-block-gallery>.blocks-gallery-grid{grid-column:1/-1;margin:0}.prose .gallery .gallery-item,.prose .blocks-gallery-item{float:none!important;width:auto!important;max-width:none!important;margin:0!important}.prose .wp-block-gallery.has-nested-images{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important}.prose .wp-block-gallery.has-nested-images>figure.wp-block-image{width:100%!important;margin:0!important}.prose .gallery img,.prose .wp-block-gallery img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover!important;border:0!important;border-radius:5px;display:block}.prose .gallery figure,.prose .blocks-gallery-item figure{margin:0!important}.prose .gallery figcaption,.prose .wp-block-gallery figcaption{font-size:.85rem}.prose .gallery .gallery-caption{padding:.4rem 0}.ugo-photo{display:block;cursor:zoom-in}.ugo-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;color:white;background:#07141df7}.ugo-lightbox::backdrop{background:#07141d}.ugo-lightbox[open]{display:flex;flex-direction:column}.lb-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;gap:1rem}.lb-toolbar p{margin:0;font-size:.9rem}.ugo-lightbox button{min-width:48px;min-height:48px;border:1px solid #ffffff50;border-radius:5px;background:#ffffff12;color:#fff;cursor:pointer}.lb-stage{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:1;min-height:0;padding:0 1.5rem}.lb-stage img{max-width:calc(100% - 130px);max-height:100%;object-fit:contain;min-height:0}.lb-bottom{padding:1rem 1.5rem;text-align:center}.lb-bottom p{margin:.25rem}.lb-bottom a{color:#a9e0e5;font-size:.85rem}.site-footer{padding-top:3.5rem}.footer-copy p{margin:0}.footer-copy ul{display:flex;gap:1rem;list-style:none}.pagination{display:flex;gap:.6rem;flex-wrap:wrap}.page-numbers{padding:.4rem .7rem;border:1px solid var(--line);border-radius:3px}.page-numbers.current{background:var(--ink);color:#fff}body.admin-bar .site-header{top:32px}
@media(max-width:1050px){.nav-toggle{display:inline-flex;background:var(--ink);color:white;border:0;border-radius:5px;padding:.65rem .9rem}.primary-nav{display:none;position:absolute;inset:100% -1.5rem auto;background:#fff;border-bottom:1px solid var(--line);max-height:75vh;overflow:auto}.primary-nav.is-open{display:block}.primary-nav>ul{display:block;padding:1rem 1.5rem}.primary-nav ul ul{position:static;min-width:0;max-height:none;box-shadow:none;border:0;padding-left:1rem}.primary-nav li:hover>ul{display:none}.primary-nav li:focus-within>ul,.primary-nav li.sub-open>ul{display:block}.primary-nav a{max-width:calc(100% - 48px)}.sub-toggle{min-width:44px;min-height:44px}.header-inner{min-height:80px}}
@media(max-width:800px){.cards-grid,.albums-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-tools{flex-wrap:wrap}.gallery-tools p{width:100%;margin:0}.hero{min-height:470px}.hero-inner{padding:4rem 0}.section{padding:3rem 0}.section-head{align-items:start;gap:1rem}.section-head>a{font-size:.85rem}.prose .gallery,.prose .wp-block-gallery:not(.has-nested-images),.prose .blocks-gallery-grid,.prose .wp-block-gallery.has-nested-images{grid-template-columns:repeat(2,minmax(0,1fr))}body.admin-bar .site-header{top:46px}}
@media(max-width:520px){.wrap,.narrow{width:calc(100% - 2rem)}.brand-text strong{font-size:1rem}.brand-text span{font-size:.65rem}.brand-logo{width:34px;height:34px}.brand{gap:.5rem}.nav-toggle{font-size:.8rem}.cards-grid,.albums-grid{grid-template-columns:1fr}.section-head{flex-direction:column}.gallery-tools label:first-child{flex-basis:100%;max-width:none}.gallery-tools select{min-width:170px}.page-hero{padding:2.5rem 0}.lb-stage{padding:0 .4rem;gap:.3rem}.lb-stage img{max-width:calc(100% - 100px)}.lb-toolbar{padding:.6rem}.lb-bottom{padding:.6rem}.footer-copy{flex-direction:column}.primary-nav{inset:100% -1rem auto}.prose .gallery,.prose .wp-block-gallery.has-nested-images,.prose .blocks-gallery-grid{gap:8px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.footer-search{margin-top:1.5rem}.footer-search input{padding:.65rem;border:1px solid #91a8b5;border-radius:4px;max-width:100%}.footer-search input[type=submit]{background:#d8edf0;color:#102d43;cursor:pointer}.footer-search .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.album-cover .card-fallback{display:grid;place-items:center}