body:has([data-dp-strana="onama"]){
background:#fff}
html[data-hm="light"]:has([data-dp-strana="onama"]){
--hbg:255,255,255;--ha:.72}
:where(body:has([data-dp-strana="onama"])) .on-i h2,:where(body:has([data-dp-strana="onama"])) .on-d h2{
font-size:clamp(1.9rem,3.4vw,2.6rem);margin:14px 0 14px}
:where(body:has([data-dp-strana="onama"])) .sec.on-i,:where(body:has([data-dp-strana="onama"])) .sec.on-d{
padding:clamp(56px,7vw,96px) 0}
:where(body:has([data-dp-strana="onama"])) .oh{
position:relative;min-height:clamp(520px,74vh,700px);display:flex;align-items:center;padding:calc(var(--hh) + 24px) 0 clamp(40px,5vw,64px);overflow:hidden;isolation:isolate}
:where(body:has([data-dp-strana="onama"])) .oh-v{
position:absolute;inset:0 0 0 auto;width:66%;z-index:-1;background:#fff}
:where(body:has([data-dp-strana="onama"])) .oh-v video{
width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95)}
:where(body:has([data-dp-strana="onama"])) .oh-v::after{
content:"";position:absolute;inset:-1px;pointer-events:none;background:
  linear-gradient(90deg,#fff 0%,rgba(255,255,255,.86) 14%,rgba(255,255,255,.35) 34%,rgba(255,255,255,0) 52%),
  linear-gradient(0deg,#fff 0%,rgba(255,255,255,.7) 12%,rgba(255,255,255,0) 32%),
  linear-gradient(180deg,#fff 0%,rgba(255,255,255,.55) 10%,rgba(255,255,255,0) 24%)}
:where(body:has([data-dp-strana="onama"])) .oh-t{
width:100%}
:where(body:has([data-dp-strana="onama"])) .oh h1{
font-size:clamp(2.6rem,5.6vw,4.6rem);margin:18px 0 18px;max-width:none}
:where(body:has([data-dp-strana="onama"])) .oh .lead{
max-width:40ch;font-size:1.0625rem}
:where(body:has([data-dp-strana="onama"])) .oh .btn-t{
margin-top:22px}
:where(body:has([data-dp-strana="onama"])) .on-i{
border-top:1px solid var(--linija)}
:where(body:has([data-dp-strana="onama"])) .on-ig{
display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center}
:where(body:has([data-dp-strana="onama"])) .on-ar{
margin:0}
:where(body:has([data-dp-strana="onama"])) .on-ar-f{
position:relative;background:#fbf8f2;padding:14px 14px 14px;box-shadow:0 1px 0 var(--linija),0 22px 40px -28px rgba(14,42,54,.45);transform:rotate(-1.2deg)}
:where(body:has([data-dp-strana="onama"])) .on-ar-s{
position:relative;aspect-ratio:3/2;overflow:hidden;background:#d9cdb8}
:where(body:has([data-dp-strana="onama"])) .on-ar-s img{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.04);opacity:0;transition:opacity 1.8s ease;animation:on-kb 18s ease-in-out infinite alternate}
:where(body:has([data-dp-strana="onama"])) .on-ar-s img.on{
opacity:1}
:where(body:has([data-dp-strana="onama"])) .on-ar-s img:nth-child(2){
animation-delay:-6s;transform-origin:30% 60%}
:where(body:has([data-dp-strana="onama"])) .on-ar-s img:nth-child(3){
animation-delay:-12s;transform-origin:70% 40%}
@keyframes on-kb{
from{
transform:scale(1.02)}
to{
transform:scale(1.12) translate(-1.5%,-1%)}
}
:where(body:has([data-dp-strana="onama"])) .on-ar figcaption span{
transition:opacity .6s}
:where(body:has([data-dp-strana="onama"])) .on-ar-s{
touch-action:pan-y}
:where(body:has([data-dp-strana="onama"])) .on-ar-b{
position:absolute;top:50%;z-index:2;width:48px;height:48px;margin-top:-24px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(14,42,54,.1);background:rgba(251,248,242,.9);color:var(--dubina);cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 6px 20px rgba(14,42,54,.14);transition:background .35s var(--ease),color .35s var(--ease),scale .35s var(--ease)}
:where(body:has([data-dp-strana="onama"])) .on-ar-b:hover{
background:var(--dubina);color:var(--pena)}
:where(body:has([data-dp-strana="onama"])) .on-ar-b:active{
scale:.94}
:where(body:has([data-dp-strana="onama"])) .on-ar-b:focus-visible{
outline:2px solid var(--med);outline-offset:3px}
:where(body:has([data-dp-strana="onama"])) .on-ar-b svg{
width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:where(body:has([data-dp-strana="onama"])) .on-ar-b.p{
left:26px}
:where(body:has([data-dp-strana="onama"])) .on-ar-b.p svg{
transform:rotate(180deg)}
:where(body:has([data-dp-strana="onama"])) .on-ar-b.n{
right:26px}
@media(max-width:560px){
:where(body:has([data-dp-strana="onama"])) .on-ar-b{
width:42px;height:42px;margin-top:-21px}
:where(body:has([data-dp-strana="onama"])) .on-ar-b.p{
left:22px}
:where(body:has([data-dp-strana="onama"])) .on-ar-b.n{
right:22px}
}
:where(body:has([data-dp-strana="onama"])) .on-ar-f::after{
content:"";position:absolute;inset:14px;box-shadow:inset 0 0 40px rgba(60,40,10,.25);pointer-events:none}
:where(body:has([data-dp-strana="onama"])) .on-ar figcaption{
margin-top:18px;font-size:.8125rem;line-height:1.5;color:var(--tekst-2)}
:where(body:has([data-dp-strana="onama"])) .on-ar figcaption span{
display:block;font:400 1rem/1.35 var(--h);color:var(--tekst)}
:where(body:has([data-dp-strana="onama"])) .on-g{
margin-top:26px;border-top:1px solid var(--dubina);display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:clamp(20px,3vw,40px)}
:where(body:has([data-dp-strana="onama"])) .on-g div{
padding:14px 0;border-bottom:1px solid var(--linija)}
:where(body:has([data-dp-strana="onama"])) .on-g .w{
grid-column:1/-1}
:where(body:has([data-dp-strana="onama"])) .on-g dt{
font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--zlato-t);margin-bottom:6px}
:where(body:has([data-dp-strana="onama"])) .on-g dd{
display:flex;flex-wrap:wrap;column-gap:.5em;font:400 1.125rem/1.45 var(--h);color:var(--dubina)}
:where(body:has([data-dp-strana="onama"])) .on-g dd span{
white-space:nowrap}
:where(body:has([data-dp-strana="onama"])) .on-g dd span:not(:last-child)::after{
content:"·";margin-left:.5em;color:var(--zlato-t)}
:where(body:has([data-dp-strana="onama"])) .on-tl{
list-style:none;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:clamp(48px,6vw,80px);padding-top:34px}
:where(body:has([data-dp-strana="onama"])) .on-tl::before{
content:"";position:absolute;top:8px;left:0;right:0;height:1px;background:var(--linija)}
:where(body:has([data-dp-strana="onama"])) .on-tl::after{
content:"";position:absolute;top:8px;left:0;right:0;height:1px;background:var(--med);transform:scaleX(0);transform-origin:left;transition:transform 2.2s var(--ease)}
:where(body:has([data-dp-strana="onama"])) .on-tl.on::after{
transform:scaleX(1)}
:where(body:has([data-dp-strana="onama"])) .on-tl li{
position:relative}
:where(body:has([data-dp-strana="onama"])) .on-tl li::before{
content:"";position:absolute;top:-31px;left:0;width:11px;height:11px;border-radius:50%;background:#fff;border:1.5px solid var(--med)}
:where(body:has([data-dp-strana="onama"])) .on-tl li:last-child::before{
background:var(--med);box-shadow:0 0 0 5px rgba(212,168,102,.22)}
:where(body:has([data-dp-strana="onama"])) .on-tl b{
display:block;font:400 clamp(2rem,3.4vw,2.8rem)/1 var(--h);color:var(--dubina);letter-spacing:-.02em}
:where(body:has([data-dp-strana="onama"])) .on-tl h3{
font:600 .8125rem/1.3 var(--b);letter-spacing:.04em;margin:12px 0 6px;color:var(--dubina)}
:where(body:has([data-dp-strana="onama"])) .on-tl p{
font-size:.875rem;line-height:1.55;max-width:30ch}
:where(body:has([data-dp-strana="onama"])) .on-p{
position:relative;background:var(--dubina);color:var(--pena);padding:clamp(64px,8vw,112px) 0;overflow:hidden}
:where(body:has([data-dp-strana="onama"])) .on-p .eyebrow{
color:var(--med)}
:where(body:has([data-dp-strana="onama"])) .on-str{
position:absolute;left:0;right:0;top:50%;width:100%;height:120px;transform:translateY(-50%);opacity:.12;pointer-events:none}
:where(body:has([data-dp-strana="onama"])) .on-str path{
stroke:var(--pena);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
:where(body:has([data-dp-strana="onama"])) .on-p.on .on-str path{
animation:zica 1.6s cubic-bezier(.2,.7,.2,1) both}
:where(body:has([data-dp-strana="onama"])) .on-p.on .on-str path:nth-child(2){
animation-delay:.08s}
:where(body:has([data-dp-strana="onama"])) .on-p.on .on-str path:nth-child(3){
animation-delay:.16s}
:where(body:has([data-dp-strana="onama"])) .on-p.on .on-str path:nth-child(4){
animation-delay:.24s}
:where(body:has([data-dp-strana="onama"])) .on-p.on .on-str path:nth-child(5){
animation-delay:.32s}
:where(body:has([data-dp-strana="onama"])) .on-p.on .on-str path:nth-child(6){
animation-delay:.4s}
@keyframes zica{
0%{
transform:translateY(0)}
12%{
transform:translateY(-4px)}
24%{
transform:translateY(3px)}
38%{
transform:translateY(-2px)}
54%{
transform:translateY(1px)}
100%{
transform:none}
}
:where(body:has([data-dp-strana="onama"])) .on-pg{
position:relative;max-width:980px}
:where(body:has([data-dp-strana="onama"])) .on-p blockquote{
margin-top:22px}
:where(body:has([data-dp-strana="onama"])) .on-p blockquote p{
max-width:none;font:400 clamp(1.5rem,2.9vw,2.35rem)/1.32 var(--h);color:var(--pena);letter-spacing:-.01em}
:where(body:has([data-dp-strana="onama"])) .on-p blockquote footer{
display:flex;align-items:center;gap:14px;margin-top:26px;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--med)}
:where(body:has([data-dp-strana="onama"])) .on-p blockquote footer::before{
content:"";width:36px;height:1px;background:currentColor}
:where(body:has([data-dp-strana="onama"])) .on-dg{
display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center}
:where(body:has([data-dp-strana="onama"])) .on-m2{
display:grid;grid-template-columns:1fr 1fr;margin:8px 0 6px;border-top:1px solid var(--dubina)}
:where(body:has([data-dp-strana="onama"])) .on-m2 div{
padding:16px 0 14px}
:where(body:has([data-dp-strana="onama"])) .on-m2 div+div{
padding-left:22px;border-left:1px solid var(--linija)}
:where(body:has([data-dp-strana="onama"])) .on-m2 b{
display:block;font:400 clamp(2.4rem,4vw,3.2rem)/1 var(--h);color:var(--dubina);letter-spacing:-.02em}
:where(body:has([data-dp-strana="onama"])) .on-m2 small{
font-size:.45em;margin-left:4px;color:var(--zlato-t)}
:where(body:has([data-dp-strana="onama"])) .on-m2 span{
display:block;margin-top:6px;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tekst-2)}
:where(body:has([data-dp-strana="onama"])) .on-l{
list-style:none;border-top:1px solid var(--linija)}
:where(body:has([data-dp-strana="onama"])) .on-l li{
display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:8px 24px;padding:16px 0;border-bottom:1px solid var(--linija)}
:where(body:has([data-dp-strana="onama"])) .on-l h3{
font:400 1.15rem/1.3 var(--h);color:var(--dubina)}
:where(body:has([data-dp-strana="onama"])) .on-l p{
font-size:.9rem;line-height:1.6}
:where(body:has([data-dp-strana="onama"])) .on-cta{
margin-top:28px}
:where(body:has([data-dp-strana="onama"])) .on-k{
position:relative;margin:0;max-width:440px;justify-self:center;width:100%}
:where(body:has([data-dp-strana="onama"])) .on-k svg{
width:100%;height:auto;overflow:visible}
:where(body:has([data-dp-strana="onama"])) .on-k .r1{
fill:none;stroke:var(--dubina);stroke-width:1}
:where(body:has([data-dp-strana="onama"])) .on-k .r2{
fill:none;stroke:var(--linija);stroke-width:1;stroke-dasharray:2 5}
:where(body:has([data-dp-strana="onama"])) .on-k .ax{
stroke:var(--linija);stroke-width:1}
:where(body:has([data-dp-strana="onama"])) .on-k .sek{
fill:var(--bistra);stroke:none;opacity:.85;transform-origin:200px 200px;transform:scale(.2);opacity:0;transition:transform 1.4s var(--ease),opacity 1s}
:where(body:has([data-dp-strana="onama"])) .on-k .sek+.sek{
fill:#cfe2e7;transition-delay:.18s}
:where(body:has([data-dp-strana="onama"])) .on-k.on .sek{
transform:none;opacity:.9}
:where(body:has([data-dp-strana="onama"])) .on-k .spl path{
fill:var(--pena);stroke:var(--dubina);stroke-width:1.4;stroke-linejoin:round}
:where(body:has([data-dp-strana="onama"])) .on-k .nsew{
font:600 11px var(--b);letter-spacing:.1em;fill:var(--zlato-t);text-anchor:middle}
:where(body:has([data-dp-strana="onama"])) .kz{
position:absolute;font:400 1rem/1.25 var(--h);color:var(--dubina);white-space:nowrap}
:where(body:has([data-dp-strana="onama"])) .kz small{
display:block;font:600 .6rem/1.4 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--zlato-t)}
:where(body:has([data-dp-strana="onama"])) .kz-n{
left:53%;top:15%}
:where(body:has([data-dp-strana="onama"])) .kz-e{
left:64%;top:34%}
:where(body:has([data-dp-strana="onama"])) .kz-se{
left:76%;top:77%;white-space:normal;max-width:12ch}
@media(max-width:960px){
:where(body:has([data-dp-strana="onama"])) .on-ig,:where(body:has([data-dp-strana="onama"])) .on-dg{
grid-template-columns:minmax(0,1fr)}
:where(body:has([data-dp-strana="onama"])) .on-ar{
max-width:560px}
:where(body:has([data-dp-strana="onama"])) .on-k{
max-width:400px}
}
@media(max-width:760px){
:where(body:has([data-dp-strana="onama"])) .oh{
display:block;min-height:0;padding:0 0 32px}
:where(body:has([data-dp-strana="onama"])) .oh-v{
position:relative;width:100%;height:calc(var(--hh) + 58vw);inset:auto}
:where(body:has([data-dp-strana="onama"])) .oh-v::after{
background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.6) 16%,rgba(255,255,255,0) 40%),linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) calc(var(--hh) + 10px))}
:where(body:has([data-dp-strana="onama"])) .oh-t{
margin-top:-40px;position:relative}
:where(body:has([data-dp-strana="onama"])) .oh h1{
max-width:none}
:where(body:has([data-dp-strana="onama"])) .sec.on-i,:where(body:has([data-dp-strana="onama"])) .sec.on-d{
padding:48px 0}
:where(body:has([data-dp-strana="onama"])) .on-tl{
grid-template-columns:1fr;gap:22px;padding:0 0 0 30px;margin-top:48px}
:where(body:has([data-dp-strana="onama"])) .on-tl::before,:where(body:has([data-dp-strana="onama"])) .on-tl::after{
top:4px;bottom:4px;left:5px;right:auto;width:1px;height:auto}
:where(body:has([data-dp-strana="onama"])) .on-tl::after{
transform:scaleY(0);transform-origin:top}
:where(body:has([data-dp-strana="onama"])) .on-tl.on::after{
transform:scaleY(1)}
:where(body:has([data-dp-strana="onama"])) .on-tl li::before{
top:6px;left:-30px}
:where(body:has([data-dp-strana="onama"])) .on-g{
grid-template-columns:1fr 1fr}
:where(body:has([data-dp-strana="onama"])) .on-g dd{
font-size:1.0625rem}
:where(body:has([data-dp-strana="onama"])) .on-g div:not(.w) dd{
flex-direction:column}
:where(body:has([data-dp-strana="onama"])) .on-g div:not(.w) dd span::after{
content:none}
:where(body:has([data-dp-strana="onama"])) .on-l li{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="onama"])) .on-p{
padding:56px 0}
}
@media(max-width:560px){
:where(body:has([data-dp-strana="onama"])) .on-cta .btn{
flex:1 1 100%;justify-content:center}
:where(body:has([data-dp-strana="onama"])) .kz{
font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){
:where(body:has([data-dp-strana="onama"])) .on-ar-s img{
animation:none}
:where(body:has([data-dp-strana="onama"])) .on-tl::after{
transform:none}
:where(body:has([data-dp-strana="onama"])) .on-k .sek{
transform:none;opacity:.9}
}