.urb-hp{position:relative;isolation:isolate;overflow:clip;--urb-hp-shadow: 72, 52, 32;background:var(--urb-hp-bg, rgb(var(--urb-beige)));height:calc(100svh - var(--urb-hp-header, 10rem));display:grid;grid-template-rows:minmax(0,1fr);place-items:center;padding:clamp(.4rem,1.2vh,1.4rem) clamp(1.2rem,3vw,4rem) clamp(1.6rem,3vh,3.6rem)}.urb-hp__stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(.2rem,.8vh,1rem);width:100%;height:100%;min-height:0;text-align:center}.urb-hp__sig{display:flex;justify-content:center;flex:0 1 auto;min-height:0;width:100%}.urb-hp__signature{display:block;width:min(94vw,168rem);height:auto;max-height:100%;aspect-ratio:1294 / 449;object-fit:cover;object-position:50% 49%;mix-blend-mode:darken;animation:urb-hp-fade .9s var(--urb-ease) both}.urb-hp__title{margin:0;max-width:16ch;color:rgb(var(--urb-green));font-family:var(--font-heading-family);font-weight:600;font-size:clamp(2.6rem,min(3.8vw,5.6vh),7.2rem);line-height:1.04;letter-spacing:-.01em;text-wrap:balance}.urb-hp__title em{font-family:var(--font-accent-family);font-style:italic;font-weight:500;color:rgb(var(--urb-green))}.urb-hp__scroll{display:grid;place-items:center;flex:0 0 auto;width:5rem;height:5rem;margin-top:clamp(.6rem,1.8vh,2.2rem);border-radius:50%;color:rgb(var(--urb-green));text-decoration:none;transition:background-color .25s var(--urb-ease),transform .25s var(--urb-ease)}.urb-hp__scroll:hover{background:rgba(var(--urb-green),.09);transform:translateY(2px)}.urb-hp__scroll:focus-visible{outline:2px solid rgb(var(--urb-green));outline-offset:3px}.urb-hp__scroll svg{display:block;width:2.6rem;height:auto;animation:urb-hp-nudge 2.6s var(--urb-ease-in-out) 1.2s infinite}.urb-hp__lid,.urb-hp__jar{position:absolute;pointer-events:none}.urb-hp__lid{z-index:3;display:block;line-height:0;left:clamp(1.2rem,5vw,9rem);bottom:clamp(1.2rem,2.6vh,4rem);width:clamp(14rem,19vw,32rem);filter:drop-shadow(0 .3rem .6rem rgba(var(--urb-hp-shadow),.28)) drop-shadow(1.2rem 2rem 3rem rgba(var(--urb-hp-shadow),.18));animation:urb-hp-fade 1.4s var(--urb-ease) .15s both}.urb-hp__lid-img{display:block;width:100%;height:auto;animation:urb-hp-lid 1.4s var(--urb-ease) .15s both}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.urb-hp__lid-img{animation-name:urb-hp-lid,urb-hp-lid-spin;animation-duration:1.4s,auto;animation-delay:.15s,0s;animation-timing-function:var(--urb-ease),linear;animation-fill-mode:both,both;animation-timeline:auto,scroll(root block);animation-range:normal,0 100svh}}}.urb-hp__jar{--urb-hp-jar-rot: -6deg;z-index:2;display:block;right:clamp(-2rem,1vw,3.2rem);bottom:clamp(.8rem,2vh,2.6rem);width:clamp(26rem,min(30vw,42svh),80rem);filter:drop-shadow(0 .4rem .7rem rgba(var(--urb-hp-shadow),.3)) drop-shadow(1rem 1.8rem 2.6rem rgba(var(--urb-hp-shadow),.22)) drop-shadow(2.6rem 4.2rem 6rem rgba(var(--urb-hp-shadow),.16));animation:urb-hp-jar 1.5s var(--urb-ease) .2s both}.urb-hp__jar-img{display:block;width:100%;height:auto;animation:urb-hp-float 7s var(--urb-ease-in-out) 1.9s infinite}.urb-hp-video{position:relative;width:100%;line-height:0;background:rgb(var(--urb-green))}.urb-hp-video__el{display:block;width:100%;height:clamp(32rem,62svh,76rem);object-fit:cover}@keyframes urb-hp-fade{0%{opacity:0}to{opacity:1}}@keyframes urb-hp-lid{0%{transform:translate3d(-12%,10%,0) rotate(-180deg)}to{transform:none}}@keyframes urb-hp-lid-spin{0%{rotate:0deg}to{rotate:180deg}}@keyframes urb-hp-jar{0%{opacity:0;transform:translate3d(14%,46%,0) rotate(9deg)}60%{opacity:1}to{opacity:1;transform:translateZ(0) rotate(var(--urb-hp-jar-rot, -6deg))}}@keyframes urb-hp-jar-rise{0%{opacity:0;transform:translate3d(0,12%,0)}to{opacity:1;transform:none}}@keyframes urb-hp-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-2%,0)}}@keyframes urb-hp-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(.5rem)}}@media screen and (max-height:700px){.urb-hp__scroll{width:4.2rem;height:4.2rem}.urb-hp__scroll svg{width:2.2rem}}@media screen and (max-width:749px){.urb-hp{padding:clamp(.4rem,1vh,1.2rem) 2vw 0}.urb-hp__stage{gap:clamp(.6rem,1.6vh,1.6rem)}.urb-hp__sig{flex:0 0 auto}.urb-hp__signature{width:96vw;max-height:none}.urb-hp__title{max-width:84vw;font-size:clamp(2.4rem,8vw,4.2rem)}.urb-hp__scroll{margin-top:0;width:4.6rem;height:4.6rem}.urb-hp__lid{left:-10vw;bottom:-4vh;width:38vw;filter:drop-shadow(0 .2rem .4rem rgba(var(--urb-hp-shadow),.26)) drop-shadow(.7rem 1.2rem 1.8rem rgba(var(--urb-hp-shadow),.16))}.urb-hp__jar{--urb-hp-jar-rot: -12deg;position:static;order:1;right:auto;bottom:auto;width:100%;flex:1 1 auto;min-height:0;padding:0 2vw 13vh;filter:drop-shadow(0 .3rem .5rem rgba(var(--urb-hp-shadow),.28)) drop-shadow(.6rem 1.1rem 1.6rem rgba(var(--urb-hp-shadow),.2)) drop-shadow(1.6rem 2.6rem 3.6rem rgba(var(--urb-hp-shadow),.14));animation:urb-hp-jar-rise 1.1s var(--urb-ease) .2s both}.urb-hp__jar-img{width:100%;height:100%;object-fit:contain;object-position:92% top;rotate:var(--urb-hp-jar-rot, -12deg)}.urb-hp-video__el{height:clamp(26rem,54svh,52rem)}}@media(prefers-reduced-motion:reduce){.urb-hp__signature,.urb-hp__lid,.urb-hp__lid-img,.urb-hp__jar,.urb-hp__jar-img,.urb-hp__scroll svg{animation:none}.urb-hp__jar{transform:rotate(var(--urb-hp-jar-rot, -6deg))}.urb-hp__scroll:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-urb-hero-podpis.css.map */