html:has([data-dp-strana="dogadjaj"])[data-hm="dark"]{
--ha:.5;--hbl:20px}
html.svetlo:has([data-dp-strana="dogadjaj"]) .hdr .lng{
color:var(--pena)}
html.svetlo:has([data-dp-strana="dogadjaj"]) .hdr .lng a,html.tamno:has([data-dp-strana="dogadjaj"]):not([data-hm="light"]) .hdr .lng a{
opacity:.62}
html.svetlo:has([data-dp-strana="dogadjaj"]) .hdr .lng a:is(:hover,[aria-current]),html.tamno:has([data-dp-strana="dogadjaj"]):not([data-hm="light"]) .hdr .lng a:is(:hover,[aria-current]){
opacity:1}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h{
background:var(--dubina);color:var(--pena);position:relative;overflow:hidden;padding:330px 0 0}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h::before{
content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 70% 8%,rgba(212,168,102,.16),transparent 70%);pointer-events:none}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-venac{
position:absolute;left:0;right:0;top:0;height:520px;pointer-events:none}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-venac svg{
width:100%;height:100%;overflow:visible}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-venac .zica{
fill:none;stroke:rgba(232,218,192,.42);stroke-width:1.1}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-venac .sij{
fill:#3a4a50;transition:fill .3s}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-venac .sij.on{
fill:#FFE2A8}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-venac .sjaj{
fill:url(#dg-glow);opacity:0}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h .wrap{
position:relative}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h .eyebrow{
color:var(--med)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h h1{
color:var(--pena);font-size:clamp(2.8rem,8.4vw,7.2rem);line-height:.98;letter-spacing:-.015em;margin-top:22px;max-width:11ch}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h h1 .w{
display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.16em;margin-bottom:-.16em}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h h1 .w>span{
display:inline-block}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-red{
display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 64px;align-items:end;margin-top:clamp(28px,4vw,48px)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h .lead{
color:rgba(250,246,238,.84);font-size:clamp(1.05rem,1.4vw,1.25rem)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-foto{
position:relative;margin-top:clamp(48px,6vw,88px);height:clamp(420px,86vh,860px);clip-path:inset(0 var(--ins,22%) 0 var(--ins,22%) round 6px);will-change:clip-path}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-foto img{
position:absolute;inset:-8% 0 0;width:100%;height:108%;object-fit:cover}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-foto::after{
content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(to top,rgba(6,23,30,.55),transparent)}
@media(max-width:860px){
:where(body:has([data-dp-strana="dogadjaj"])) .dg-red{
grid-template-columns:1fr}
}
@media(max-width:760px){
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h{
padding-top:244px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-venac{
height:236px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-tag{
width:62px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-foto{
height:72vh;--ins:8%}
}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-tok{
background:var(--pa2);position:relative;overflow:hidden}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-traka{
display:flex;align-items:flex-start;gap:clamp(24px,2.6vw,40px);padding:clamp(110px,14vh,140px) max(32px,calc((100vw - 1240px)/2 + 32px)) 100px;width:max-content;min-height:100vh}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc{
width:min(30vw,calc((100vh - 384px) * .8));min-width:280px;flex:none;display:flex;flex-direction:column}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc:nth-child(even){
margin-top:64px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-uv{
width:clamp(260px,24vw,360px);min-width:0;align-self:stretch;justify-content:center;padding-right:2vw}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-uv h2{
margin-top:16px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-br{
display:block;margin-top:34px;font:600 .75rem/1 var(--b);letter-spacing:.2em;color:var(--tekst-2);font-variant-numeric:tabular-nums}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-br b{
font:400 2.4rem/1 var(--h);letter-spacing:0;color:var(--dubina);margin-right:4px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc .ph{
position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:var(--pesak)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc:nth-child(3n+2) .ph{
border-radius:4px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc .ph img,:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc .ph video{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc .br{
position:absolute;left:18px;top:16px;font:400 clamp(3.4rem,5vw,4.6rem)/1 var(--h);color:var(--pena);letter-spacing:-.01em;text-shadow:0 2px 24px rgba(6,23,30,.35)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc:nth-child(3n+2) .br{
left:50%;transform:translateX(-50%);top:auto;bottom:16px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc h3{
margin-top:22px;font-size:clamp(1.35rem,1.9vw,1.6rem)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc .kad{
display:block;font:600 .6875rem/1 var(--b);letter-spacing:.2em;text-transform:uppercase;color:var(--zlato-t);margin-top:22px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc .kad~h3{
margin-top:10px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc p{
margin-top:10px;font-size:1rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-nit{
position:absolute;left:0;right:0;bottom:clamp(44px,5vw,64px);height:2px;background:rgba(14,42,54,.12)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-nit i{
position:absolute;inset:0;background:var(--med);transform:scaleX(0);transform-origin:left}
@media(max-width:860px){
:where(body:has([data-dp-strana="dogadjaj"])) .dg-traka{
width:auto;min-height:0;flex-direction:column;gap:56px;padding:88px 20px 96px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc{
width:100%;min-width:0}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-uv{
padding:0}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-br{
display:none}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc:nth-child(even){
margin-top:0}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-sc .ph{
aspect-ratio:4/4.4}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-nit{
display:none}
}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr{
background:var(--pena)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-g{
display:grid;grid-template-columns:6fr 5fr;gap:clamp(48px,8vw,128px);align-items:start}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-t{
position:sticky;top:calc(var(--hh) + 40px)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr h2{
margin-top:16px;max-width:14ch}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-t p{
margin-top:20px;font-size:1.0625rem;color:var(--tekst-2);max-width:52ch}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-t .dg-pr-l{
margin-top:clamp(28px,3vw,40px);font:400 clamp(1.2rem,1.6vw,1.4rem)/1.45 var(--h);color:var(--tekst);max-width:40ch}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-nd{
display:block;margin-top:6px;font-style:normal;font-size:.8125rem;color:var(--greska)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-li{
list-style:none;padding:0;margin:0;position:relative;counter-reset:l}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-li::before{
content:"";position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:var(--ln)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-li li{
position:relative;padding:0 0 clamp(26px,2.6vw,36px) 56px;counter-increment:l}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-li li:last-child{
padding-bottom:0}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-li li::before{
content:"";position:absolute;left:4px;top:6px;width:15px;height:15px;border-radius:50% 50% 50% 50%/58% 58% 42% 42%;background:#FFE2A8;box-shadow:0 0 0 5px var(--pena),0 0 22px 6px rgba(212,168,102,.55)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-li li::after{
content:counter(l,decimal-leading-zero);position:absolute;right:0;top:4px;font:600 .6875rem/1 var(--b);letter-spacing:.2em;color:var(--zlato-t);font-variant-numeric:tabular-nums}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-li b{
display:block;font:400 clamp(1.3rem,1.8vw,1.55rem)/1.2 var(--h);color:var(--tekst);padding-right:36px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-li span{
display:block;margin-top:8px;font-size:.9688rem;color:var(--tekst-2)}
@media(max-width:860px){
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-g{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-pr-t{
position:static}
}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-dok{
background:var(--pena)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-dok-g{
display:grid;grid-template-columns:5fr 6fr;gap:clamp(40px,7vw,120px);align-items:center}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-dok .arch{
aspect-ratio:4/5}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-dok .arch img{
transform:scale(1.1)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-oc{
display:flex;align-items:flex-end;gap:22px;margin-top:30px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-oc b{
font:400 clamp(5.5rem,13vw,10.5rem)/.82 var(--h);color:var(--dubina);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-dok h2{
margin-top:16px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-oc>span{
display:grid;gap:8px;padding-bottom:10px;font-size:.9375rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-zv{
display:flex;gap:4px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-zv svg{
width:20px;height:20px;fill:var(--med)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-cit{
margin-top:clamp(36px,4vw,56px);padding-top:30px;border-top:1px solid var(--linija);max-width:30ch}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-cit p{
font:400 clamp(1.5rem,2.6vw,2.1rem)/1.25 var(--h);color:var(--tekst);max-width:none}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-cit cite{
display:block;margin-top:16px;font:600 .75rem/1 var(--b);letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:var(--zlato-t)}
@media(max-width:860px){
:where(body:has([data-dp-strana="dogadjaj"])) .dg-dok-g{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-dok .arch{
max-width:420px;aspect-ratio:4/4.6}
}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-poz-g{
display:grid;grid-template-columns:1fr minmax(0,580px);gap:clamp(40px,6vw,96px);align-items:center}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-poz h2{
margin-top:16px;max-width:13ch}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-poz-t>p{
color:rgba(250,246,238,.78);margin-top:20px;font-size:1.0625rem}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-poz .row{
margin-top:30px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-poz .btn-t{
margin-top:26px}
@media(max-width:960px){
:where(body:has([data-dp-strana="dogadjaj"])) .dg-poz-g{
grid-template-columns:1fr}
}
@media(max-width:480px){
:where(body:has([data-dp-strana="dogadjaj"])) main .row .btn-p{
font-size:.8125rem;letter-spacing:.02em;gap:10px;padding:14px 12px}
}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-dok-p{
margin-top:clamp(24px,2.6vw,34px);font:400 clamp(1.2rem,1.6vw,1.4rem)/1.45 var(--h);color:var(--tekst);max-width:40ch}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-cit~.dg-cit{
margin-top:30px}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-h h1.dg-dug{
max-width:16ch;font-size:clamp(2.5rem,6.4vw,5.6rem)}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-cit-d{
max-width:44ch}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-cit-d p{
font-size:clamp(1.15rem,1.55vw,1.4rem);line-height:1.35}

/* ---------- Pozivnica (page header, komponenta dp-dogadjaj-pozivnica; izvor web-design/proslava-v2.css) ---------- */
.pv-h{position:relative;background:var(--pena);padding:calc(var(--hh) + 40px) 0 104px;min-height:calc(var(--hh) + 62vw * .6667 + 30px);overflow:hidden}
.pv-art{position:absolute;right:0;top:calc(var(--hh) - 6px);width:62vw;max-width:1040px;height:auto;overflow:visible;pointer-events:none}
.pv-art path,.pv-art ellipse,.pv-art circle{fill:none;stroke-linecap:round;stroke-linejoin:round}
.pv-art [pathLength]{stroke-dasharray:1000}
.pv-okvir{stroke:var(--dubina);stroke-opacity:.32;stroke-width:1.2;transform:translate(-12px,12px)}
.pv-niti path{stroke-width:1.3}
.pv-cif{font:400 236px/1 var(--h);fill:var(--pena);stroke:var(--dubina);stroke-width:1.6;stroke-dasharray:1400}
.pv-crt{stroke:var(--dubina);stroke-width:1.5}
.pv-b0 .pv-crt:first-child{fill:var(--pena)}
.pv-sj{stroke:var(--zlato-t);stroke-width:1.6;opacity:.8}
.pv-konf .m{stroke:var(--med);stroke-width:2.2} .pv-konf .d{stroke:var(--dubina);stroke-width:1.6} .pv-konf .u{stroke:var(--dunav);stroke-width:1.8}
.pv-konf circle.m{fill:var(--med);stroke:none} .pv-konf circle.u{fill:var(--dunav);stroke:none} .pv-konf circle.d{fill:var(--dubina);stroke:none}
.pv-note path{stroke:var(--dubina);stroke-width:1.4;opacity:.7} .pv-note ellipse{fill:var(--dubina);stroke:none;opacity:.7}
.pv-voda path{stroke:var(--dubina);stroke-opacity:.38;stroke-width:1.3}
.pv-reka{position:absolute;left:0;bottom:36px;width:100%;height:26px}
.pv-reka path{fill:none;stroke:var(--dubina);stroke-opacity:.22;stroke-width:1.2;vector-effect:non-scaling-stroke}

.pv-w{position:relative;z-index:2}
.pv-kart{position:relative;width:min(580px,44vw);perspective:1800px}
.pv-in{position:relative;background:#FFFCF6;border:1px solid var(--ln);border-radius:4px;padding:clamp(28px,3vw,44px)}
.pv-in::before{content:"";position:absolute;inset:7px;border:1px solid var(--linija);border-radius:2px;pointer-events:none}
.pv-bc{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;letter-spacing:.06em;color:var(--tekst-2);margin-bottom:20px}
.pv-bc a{color:inherit;text-decoration:none;transition:color .3s} .pv-bc a:hover{color:var(--dubina)} .pv-bc b{font-weight:600;color:var(--tekst)}
.pv-in h1{margin:14px 0 16px;text-wrap:balance}
.pv-in .lead{font-size:1.0625rem;margin-bottom:24px}
.pv-dl{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;border-top:1px solid var(--linija);border-bottom:1px solid var(--linija);margin-bottom:26px}
.pv-dl div{padding:14px 12px 14px 0}
.pv-dl div+div{padding-left:16px;border-left:1px solid var(--linija)}
.pv-dl dt{font:600 .6875rem/1 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--zlato-t);margin-bottom:8px}
.pv-dl dd{font:400 1.05rem/1.3 var(--h);color:var(--tekst)}
.pv-dl a{color:var(--dunav);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* korice pozivnice - otvaraju se oko leve ivice (proslava-v2.js) */
.pv-kor{position:absolute;inset:0;z-index:3;background:var(--dubina);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--pena);transform-origin:0 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.pv-kor::before{content:"";position:absolute;inset:10px;border:1px solid rgba(212,168,102,.5);border-radius:2px}
.pv-kor b{font:400 clamp(7rem,12vw,10.5rem)/.9 var(--h);color:transparent;-webkit-text-stroke:1.2px var(--med);letter-spacing:-.01em}
.pv-kor span{font:600 .8rem/1 var(--b);letter-spacing:.34em;text-transform:uppercase}
.pv-kor small{font-size:.75rem;letter-spacing:.12em;color:rgba(250,246,238,.62)}
.pv-kor .wv{width:44px;height:12px;stroke:var(--med);fill:none;stroke-width:1.4}
html:not(.js) .pv-kor{display:none}

@media(max-width:960px){
  .pv-h{padding:var(--hh) 0 84px;min-height:0}
  .pv-art{position:relative;top:auto;right:auto;width:128%;max-width:none;margin:0 0 0 -22%}
  .pv-kart{width:auto;max-width:620px;margin:-70px auto 0}
}
@media(max-width:560px){
  .pv-kart{margin-top:-46px}
  .pv-dl{grid-template-columns:1fr 1fr}
  .pv-dl div:first-child{grid-column:1/-1;border-bottom:1px solid var(--linija)}
  .pv-dl div:nth-child(2){padding-left:0;border-left:0}
  .pv-bc{margin-bottom:14px}
  .pv-reka{bottom:28px}
}
@media(prefers-reduced-motion:reduce){.pv-kor{display:none}}
/* uvod sa samo_foto: fotografija koja se otvara na skrol, odmah ispod pozivnice */
.dg-zum{background:var(--pena);overflow:hidden}
:where(body:has([data-dp-strana="dogadjaj"])) .dg-zum .dg-foto{margin-top:0}