@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@400..500&display=swap";#hero{position:relative;height:calc(100vh + 200px);background-image:url(images/hero.jpg);background-size:cover;background-attachment:fixed;background-position:center;color:#fff}#hero h1{padding-top:40vh}#hero .datetime{position:absolute;width:100%;bottom:300px;text-align:center}#hero time{display:block;font-size:1.8em}@media(max-width:768px){#hero{background-attachment:scroll;background-position:center top}#hero h1{padding-top:35vh;font-size:4em}#hero h1>span{display:block}#hero .ivana{margin-left:-50px}#hero .and{height:1rem;font-size:3em;opacity:.3;transform:translateY(-5.5rem)}#hero .bojan{margin-left:50px}#hero time{font-size:1.2em}}#invitation{position:relative}#invitation .ornament-02{left:-150px}#invitation p:first-of-type{font-weight:700}@media(max-width:768px){#invitation .ornament-02{top:130px;left:10px}}.alert{background-color:#fef3c7;border:1px solid #ecc69b;border-radius:4px;padding:12px 16px;font-family:var(--font-text);font-size:.85rem;color:#9d774c}.button{background-color:var(--color-input-background);border:none;border-radius:4px;color:var(--color-text);cursor:pointer;padding:8px 12px;text-align:center;text-decoration:none;display:inline-block;font-family:var(--font-text);font-size:1rem;transition:background-color .3s}.button:hover{outline:2px solid var(--color-input-outline);opacity:.8}.button-primary{color:#fff;background-color:var(--color-heading)}.button-secondary{background-color:#fff;color:var(--color-heading)}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none}.icon-button img{width:32px;height:32px;object-fit:contain}.icon-button:hover{outline:none}dialog{border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.form-field{margin-bottom:1.5rem}.form-field>label{display:block;margin-bottom:.5rem;font-weight:500}.error-message{margin-top:.2rem;color:var(--color-error);font-size:.8rem;animation:fadeInUp .3s cubic-bezier(.175,.885,.32,1.275)}.input{box-sizing:border-box;display:flex;align-items:center;border:none;border-radius:8px;background-color:var(--color-input-background)}.input>.prefix-icon{margin:0 12px;width:24px;height:24px}.input .prefix-icon+input{padding-left:0}.input>input,.input>textarea{padding:12px 16px;width:100%;background:none;border:none;color:var(--color-heading);font-family:var(--font-text);font-size:1rem;outline:none}.input>textarea{line-height:1.4rem;resize:none}.input:focus-within{outline:2px solid var(--color-input-outline)}.input>input::placeholder,.input>textarea::placeholder{color:rgb(var(--color-text-rgb),.4);font-size:.9rem}.input>textarea::placeholder{line-height:1.2rem}.input.invalid{background-color:var(--color-error-background);outline-color:var(--color-error-outline)}.radio-group{display:flex;gap:2rem}.radio-group.multiline{flex-direction:column;gap:1rem}.radio{position:relative;display:flex;align-items:center}.radio:before{box-sizing:border-box;content:"";display:block;width:1.5rem;height:1.5rem;margin-right:.5rem;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:.75rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.radio:after{content:"";display:block;position:absolute;width:1.5rem;height:1.5rem;border-radius:.75rem;scale:.5;background-color:var(--color-heading);opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.radio.checked{color:var(--color-heading);font-weight:500}.radio.checked:before{border:2px solid var(--color-heading)}.radio.checked:after{opacity:1}.radio>input{display:none}.guest-list{margin-bottom:1.5rem}.list-items{display:flex;flex-direction:column}.list-item .radio-group{padding-bottom:0;max-height:0;overflow:hidden;transition:padding-bottom .3s ease,max-height .3s ease}.list-item:focus-within .radio-group{padding-bottom:1rem;max-height:140px}.list-item-name{display:flex;gap:.6rem;margin-bottom:1rem}.list-item-name .input{flex:1;margin-bottom:0}.guest-types{margin-left:12px}.list-item .error-message{margin-top:-12px;margin-bottom:.5rem;color:var(--color-error);font-size:.8rem;animation:fadeInUp .3s cubic-bezier(.175,.885,.32,1.275)}#schedule{position:relative;overflow-x:hidden}#schedule .ornament-02{top:300px;left:calc(50% - 200px);transform:rotate(-135deg)}@media(max-width:768px){#schedule .ornament-02{left:calc(50% - 150px)}}#schedule .schedule-item{display:grid;grid-template-columns:60px 1fr;grid-template-areas:"time title" "time description";margin:15px}#schedule time,#schedule h3{line-height:2.5rem}#schedule time{grid-area:time;width:60px;margin-right:20px;font-size:1.1rem;font-weight:500;justify-self:end;text-align:right}#schedule h3{grid-area:title}#schedule p{grid-area:description}#location address{text-align:center;font-size:1.3rem;font-style:normal;margin-bottom:30px;opacity:.8}#location iframe{width:100%;height:600px;border-radius:8px}#location .button-wrapper{margin-top:30px;text-align:center}@media(max-width:768px){#location address{font-size:1.1rem}#location iframe{height:400px}}.thank-you-overlay{position:fixed;inset:0;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .5s ease-in-out}.thank-you-content{text-align:center;padding:2rem;max-width:600px}.thank-you-content .ornament-01{margin:2rem 0;height:60px;background-size:contain}.thank-you-content p{line-height:1.3;margin:1rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.thank-you-alert{position:absolute;left:0;bottom:30px;padding:0 30px}#rvsp .additional-fields{overflow:hidden;margin:0 -8px;padding:0 8px;transition:height .3s ease}#contact>p{margin-bottom:32px}#contact h3{text-align:center}#contact .contact-person{margin-top:12px;margin-bottom:32px;display:flex;flex-direction:column;gap:12px}#contact .contact-item{display:flex;align-items:center;gap:12px}#contact .contact-item img{width:24px;height:24px}#contact .contact-item a{color:var(--color-text);font-size:1.1em;opacity:.8;text-decoration:underline}.envelope{--envelope-color: #f0e5d8;position:fixed;overflow:hidden;left:0;top:0;width:100%;height:100%;z-index:10;transition:opacity 2s 1.5s ease-out,transform 2s 1s ease-out}.envelope__flap,.envelope__fold__left,.envelope__fold__right,.envelope__fold__bottom{position:absolute;left:0;top:0;width:100%;height:60%;transform-origin:top}.envelope__flap{transition:transform 2s 1s ease-out}.envelope__fold__bottom{top:50%}.envelope__flap:after,.envelope__fold__left:after,.envelope__fold__right:after,.envelope__fold__bottom:after{--size: max(100vw, 100vh);position:absolute;bottom:0;content:"";display:block;width:var(--size);height:var(--size);background-color:var(--envelope-color);box-shadow:0 0 20px #0003}.envelope__flap:after{border-radius:50px;transform-origin:right bottom;transform:translate(calc(-1 * var(--size) / 2)) rotate(45deg)}.envelope__fold__left:after{transform-origin:right bottom;transform:translate(calc(-1 * var(--size) / 2 + 30px)) rotate(-45deg)}.envelope__fold__right:after{transform-origin:left bottom;transform:translate(calc(var(--size) / 2 - 30px)) rotate(45deg)}.envelope__fold__bottom:after{bottom:unset;top:0;border-radius:50px;transform-origin:right top;transform:translate(calc(-1 * var(--size) / 2)) rotate(-45deg)}@media(orientation:portrait){.envelope__flap:after{left:calc(50% - var(--size));transform:rotate(45deg)}.envelope__fold__left:after{left:calc(50% - var(--size) + 30px);transform:rotate(-45deg)}.envelope__fold__right:after{left:calc(50% - 30px);transform:rotate(45deg)}.envelope__fold__bottom:after{left:calc(50% - var(--size));transform:rotate(-45deg)}}.envelope__wax-seal{position:absolute;left:50%;bottom:-100px;width:130px;transform:translate(-50%);z-index:1;transition:opacity 1s ease-out}.envelope--fade{opacity:0;transform:scale(2)}.envelope--fade .envelope__flap:hover{transform:rotateX(90deg)}.envelope--fade .envelope__wax-seal{opacity:0}.envelope__tap{position:absolute;padding:0 50px;bottom:50px;width:100%;font-family:var(--font-text);font-size:1.2em;text-align:center;opacity:.5;transition:opacity .5s ease-out}.envelope--fade .envelope__tap{opacity:0}.carousel{position:relative;width:100%;max-width:100%;margin:0 auto}.carousel__container{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:2rem 1rem;scrollbar-width:none;-ms-overflow-style:none}.carousel__container::-webkit-scrollbar{display:none}.carousel__item{flex-shrink:0;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .3s ease;cursor:pointer}.carousel__item--active{opacity:1}.carousel__image{height:400px;width:auto;max-width:90vw;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #00000026}.carousel__arrow{position:absolute;top:250px;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;z-index:1}.carousel__arrow:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-50%) scale(1.05)}.carousel__arrow:disabled{opacity:.3;cursor:not-allowed}.carousel__arrow--left{left:1.5rem}.carousel__arrow--right{right:1.5rem}.carousel__arrow svg{color:#333}.carousel__info{margin-top:1.5rem;padding:0 1rem;text-align:center}.carousel__title{font-size:2rem;margin:0 0 1rem;color:#333;text-align:center}.carousel__description{font-size:1rem;color:#666;margin:0;line-height:1.6}.carousel__indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.carousel__indicator{width:8px;height:8px;border-radius:50%;border:none;background:#ddd;cursor:pointer;transition:all .2s ease;padding:0}.carousel__indicator:hover{background:#bbb}.carousel__indicator--active{background:#333;width:24px;border-radius:4px}@media(max-width:768px){.carousel__image{height:300px}.carousel__arrow{top:150px;width:40px;height:40px}.carousel__arrow--left{left:1rem}.carousel__arrow--right{right:1rem}.carousel__title{font-size:1.75rem}.carousel__description{font-size:.9rem}}@media(max-width:480px){.carousel__image{height:250px}.carousel__container{padding:1rem .5rem}}#gallery{padding:4rem 0;padding-bottom:150px;position:relative}#gallery h2{text-align:center;margin-bottom:2rem}@media(max-width:768px){#gallery{padding:2rem 0;padding-bottom:150px}}#footer{position:relative;height:150px}#footer .ornament-02{top:-300px;right:-150px;transform:rotate(180deg)}@media(max-width:768px){#footer{height:30px}#footer .ornament-02{top:-300px;right:30px}}.fab{position:fixed;bottom:24px;right:24px;padding:16px 24px;border:none;border-radius:28px;font-family:var(--font-text);font-size:1rem;font-weight:500;cursor:pointer;z-index:9;background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #00000026;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}.fab.invisible{opacity:0;pointer-events:none}.fab.visible{opacity:1;pointer-events:auto}.fab.visible:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.fab.visible:active{transform:translateY(0)}@keyframes shake{0%,to{transform:translate(0)}2%{transform:translate(-8px)}4%{transform:translate(8px)}6%{transform:translate(-6px)}8%{transform:translate(6px)}10%{transform:translate(-4px)}12%{transform:translate(4px)}14%{transform:translate(-2px)}16%{transform:translate(2px)}18%{transform:translate(0)}}.fab .shake{display:inline-block;animation:shake 5s ease-in-out infinite}:root{--color-background: #fff;--color-primary: #355729;--color-text-rgb: 51, 51, 51;--color-text: rgb(var(--color-text-rgb));--color-heading: #2f4d3f;--color-border: #c3c2c0;--color-input-background: #dbe9e1;--color-input-outline: #a4bbae;--color-error: #df2020;--color-error-background: #e9dbdb;--color-error-outline: #d65d5d;--font-text: "Montserrat", serif;--font-heading: "Great Vibes", cursive}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100vh;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-text)}section{padding-bottom:150px}h1,h2,h3{margin:0;padding:0;font-family:var(--font-heading);font-weight:400;text-align:center}h1{font-size:8em}h2{margin:20px 0;font-size:3em;color:var(--color-heading)}h3{font-size:1.8rem;text-align:left;color:var(--color-heading)}p{margin:8px 0;padding:0;line-height:1.75;font-size:1.1em;opacity:.7}.container{max-width:1000px;margin:0 auto}@media(max-width:1064px){.container{padding-left:32px;padding-right:32px}}.ornament-01{height:94px;background-image:url(images/ornament-01.png);background-repeat:no-repeat;background-position-x:center}.ornament-02{position:absolute;width:400px;height:400px;background-image:url(images/ornament-02.png);background-repeat:no-repeat;opacity:.25;z-index:-1}@media(max-width:768px){.ornament-02{width:300px;height:300px;background-size:300px 300px}}.paper-tear{position:absolute;bottom:0;left:0;width:100%;height:184px;background-image:url(images/paper-tear.png);background-repeat:repeat-x;background-size:cover}