.hero{grid-template-columns:minmax(18rem,.85fr) minmax(32rem,1.15fr);background:linear-gradient(135deg,#f4f0e7 0 62%,#e7dfd1 62%)}.hero h1{font-size:clamp(2.7rem,5.6vw,6.2rem);margin-bottom:1.2rem}.working-title{padding:.8rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:italic 1.15rem/1.4 Georgia,serif;color:var(--muted)}.hero-note{font-size:1.12rem}.person{color:var(--person)}.person img{border:3px solid var(--person)}.person.popovic{--person:var(--pop)}.person.belic{--person:var(--bel)}.person.cajkanovic{--person:var(--caj)}.person.dzonic{--person:var(--dzo)}.slogan{max-width:48rem;color:#dcd7cb;font:italic 1.25rem/1.5 Georgia,serif;margin-bottom:2.5rem}.card{--person:var(--gold);border-top:7px solid var(--person);transition:transform .2s}.card:hover{transform:translateY(-6px)}.card.pop{--person:var(--pop)}.card.bel{--person:var(--bel)}.card.caj{--person:var(--caj)}.card.dzo{--person:var(--dzo)}.card h3{color:var(--person)}.page-title{--person:var(--gold);background:linear-gradient(115deg,color-mix(in srgb,var(--person) 16%,var(--paper)),var(--paper) 72%)}.theme-popovic{--person:var(--pop)}.theme-belic{--person:var(--bel)}.theme-cajkanovic{--person:var(--caj)}.theme-dzonic{--person:var(--dzo)}.page-title h1,.page-title .kicker{color:var(--person)}.page-title img{border:5px solid var(--person)}.item{grid-template-columns:1fr auto}.num{display:none}.item h2 a{text-decoration:none}.item h2 a:hover{color:var(--person);text-decoration:underline;text-underline-offset:.35rem}.material-page{--person:var(--gold)}.material{max-width:80rem;margin:auto;padding:5rem clamp(1.2rem,7vw,7rem) 8rem}.material .back{color:var(--person);font-weight:700}.material h1{font:400 clamp(2.5rem,5vw,5.4rem)/1.04 Georgia,serif;color:var(--person);margin:4rem 0 1.2rem}.material-meta{font-size:1.05rem;color:var(--muted);padding-bottom:2rem;border-bottom:1px solid var(--line)}.material-slot{min-height:35rem;margin-top:3rem;border:1px dashed var(--person);padding:clamp(1.5rem,4vw,4rem);background:color-mix(in srgb,var(--person) 5%,white)}.material-slot h2{font:400 2rem Georgia,serif}@media(max-width:600px){.item{grid-template-columns:1fr}.status{grid-column:auto;justify-self:start}}
