.garnik-marina{--font-primary:"SHKDzeragir";--font-family-body:"GHEAMariamRegular";--font-title:"ArmAllegro";--primary-color:#E2C6A9;--black:#000000;--white:#FFFFFF}.garnik-marina *{font-family:var(--font-primary)}.garnik-marina{--headline-1:clamp(160px,max(240/1920 * 100vw,160px),240px);--headline-2:clamp(120px,max(180/1920 * 100vw,120px),180px);--subtitle-1:64px;--subtitle-2:48px;--subtitle-3:36px;--body-1:28px;--body-2:24px;--body-3:20px;--caption-1:16px;--caption-2:15px}@media(max-width:834px){.garnik-marina{--headline-1:clamp(0px,max(158/834 * 100vw,0px),158px);--headline-2:clamp(0px,max(118/834 * 100vw,0px),118px);--subtitle-1:clamp(40px,max(64/834 * 100vw,40px),64px);--subtitle-2:clamp(30px,max(48/834 * 100vw,30px),48px);--subtitle-3:clamp(28px,max(36/834 * 100vw,28px),36px);--body-1:clamp(22px,max(28/834 * 100vw,22px),28px);--body-2:clamp(20px,max(24/834 * 100vw,20px),24px);--body-3:clamp(16px,max(20/834 * 100vw,16px),20px);--caption-1:clamp(14px,max(16/834 * 100vw,14px),16px);--caption-2:clamp(13px,max(15/834 * 100vw,13px),15px)}}.garnik-marina{--timeUnitWidth:clamp(120px,max(120/1920 * 100vw,120px),120px);--timeUnitHeight:clamp(120px,max(120/1920 * 100vw,120px),120px);--countDownContainerGap:clamp(50px,max(50/1920 * 100vw,50px),50px)}@media(max-width:834px){.garnik-marina{--timeUnitWidth:clamp(90px,max(120/1920 * 100vw,90px),120px);--timeUnitHeight:clamp(90px,max(120/1920 * 100vw,90px),120px);--countDownContainerGap:clamp(20px,max(50/1920 * 100vw,20px),50px)}}@media(max-width:440px){.garnik-marina{--timeUnitWidth:clamp(0px,max(90/440 * 100vw,0px),90px);--timeUnitHeight:clamp(0px,max(90/440 * 100vw,0px),90px);--countDownContainerGap:clamp(0px,max(10/440 * 100vw,0px),10px)}}.garnik-marina{position:relative;overflow:hidden;overflow-x:clip;background:rgba(0,0,0,.3)}.garnik-marina:after,.garnik-marina:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background-size:cover;pointer-events:none;z-index:-1;will-change:opacity;transition:opacity 1.5s ease-in-out}.garnik-marina:before{opacity:1;background-image:var(--bg-slide-a);background-position:var(--bg-slide-a-pos,center)}.garnik-marina:after{opacity:0;background-image:var(--bg-slide-b);background-position:var(--bg-slide-b-pos,center)}.garnik-marina.slide-b:before{opacity:0}.garnik-marina.slide-b:after{opacity:1}@media(max-width:834px){.garnik-marina:before{background-image:var(--bg-slide-a-m);background-position:var(--bg-slide-a-m-pos,center)}.garnik-marina:after{background-image:var(--bg-slide-b-m);background-position:var(--bg-slide-b-m-pos,center)}}.garnik-marina #intro-section{position:relative}.garnik-marina #intro-section .container{display:flex;justify-content:center;height:100vh;height:100svh}.garnik-marina #intro-section .container .title{font-size:var(--headline-2)}.garnik-marina #intro-section .container .spouse-names-container{display:flex;flex-direction:column;justify-content:end;margin-bottom:5%}.garnik-marina #intro-section .container .spouse-names{display:flex;justify-content:center;margin-right:clamp(0px,max(260/1920*100vw,0px),260px);height:fit-content}.garnik-marina #intro-section .container .spouse-names .groom-name{color:var(--white);transform:translate(clamp(0px,max(235/1920 * 100vw,0px),235px),clamp(0px,max(0/1920 * 100vw,0px),0px));z-index:1}.garnik-marina #intro-section .container .spouse-names .bride-name{color:var(--white);transform:translate(clamp(0px,max(50/1920 * 100vw,0px),50px),clamp(0px,max(163/1920 * 100vw,0px),163px));z-index:1}.garnik-marina #intro-section .container .spouse-names .and{font-size:var(--headline-1);color:var(--primary-color);opacity:.8;transform:translate(clamp(0px,max(148/1920 * 100vw,0px),148px),clamp(0px,max(50/1920 * 100vw,0px),50px))}.garnik-marina #intro-section .container .spouse-names .and span,.garnik-marina #intro-section .container .spouse-names .bride-name span,.garnik-marina #intro-section .container .spouse-names .groom-name span{font-family:var(--font-title);display:inline!important}.garnik-marina #intro-section .container .intro-date{font-size:var(--subtitle-1);color:var(--primary-color);font-family:var(--font-title);letter-spacing:.05em;text-align:center;padding-top:60px}.garnik-marina #intro-section .scroll-arrow-button .icon{filter:var(--white-tint)}.garnik-marina .sections-background{position:relative;background:rgba(0,0,0,.5);border-radius:20px 20px 0 0}.garnik-marina .sections-background #event-details-section{padding:120px 10px 0;display:flex;flex-direction:column;align-items:center}.garnik-marina .sections-background #event-details-section .title{font-size:var(--subtitle-1);color:var(--primary-color);text-align:center;max-width:560px}.garnik-marina .sections-background #event-details-section .subtitle{font-size:var(--body-1);color:var(--white);line-height:30px;padding:48px 0 64px;max-width:470px;text-align:center;margin:auto}.garnik-marina .sections-background #event-details-section .description-two{font-size:var(--body-2);color:var(--primary-color);line-height:28px;padding:20px 32px;max-width:550px;text-align:center;margin:0 auto 48px;background:rgba(226,198,169,.08);border:1.5px solid rgba(226,198,169,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.garnik-marina .sections-background #event-details-section .month-container{text-align:center}.garnik-marina .sections-background #event-details-section .month-container .month-name{font-size:var(--subtitle-1);color:var(--primary-color);padding-bottom:24px}.garnik-marina .sections-background #event-details-section .month-container .month-days{width:270px;display:flex;flex-wrap:wrap;gap:18px;padding:0 10px}.garnik-marina .sections-background #event-details-section .month-container .month-days .day-box{width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:var(--body-1);color:var(--white);transition:background-color .3s,color .3s}.garnik-marina .sections-background #event-details-section .month-container .month-days .selected{animation:beating 1s ease-in-out infinite}.garnik-marina .sections-background #event-details-section .leaf-icon{width:110px;height:48px;margin:88px 0}.garnik-marina .sections-background #dress-code-section{padding:0 10px;display:flex;flex-direction:column;align-items:center}.garnik-marina .sections-background #dress-code-section .title{font-size:var(--subtitle-1);color:var(--primary-color);text-align:center;margin-bottom:32px}.garnik-marina .sections-background #dress-code-section .description{font-size:var(--body-3);color:var(--primary-color);line-height:28px;padding:20px 32px;max-width:550px;text-align:center;margin:0 auto;background:rgba(226,198,169,.08);border:1.5px solid rgba(226,198,169,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.garnik-marina .sections-background #dress-code-section .colors{width:320px;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:40px}.garnik-marina .sections-background #dress-code-section .color-item{display:flex;flex-direction:column;align-items:center;gap:10px}.garnik-marina .sections-background #dress-code-section .color-circle{display:block;width:50px;height:50px;border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.25)}.garnik-marina .sections-background #dress-code-section .color-name{font-size:var(--caption-1);color:var(--white);text-align:center}.garnik-marina .sections-background #dress-code-section .leaf-icon{width:110px;height:48px;margin:88px 0}.garnik-marina .sections-background #program-of-day-section .title{font-size:var(--subtitle-1);color:var(--primary-color);text-align:center}.garnik-marina .sections-background #program-of-day-section .container{margin-top:48px;display:flex;flex-wrap:wrap;justify-content:center;gap:150px;padding:0 10px}.garnik-marina .sections-background #program-of-day-section .container .place-container{width:300px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:10px}.garnik-marina .sections-background #program-of-day-section .container .place-container img{width:84px}.garnik-marina .sections-background #program-of-day-section .container .place-container .name{font-size:var(--body-2);color:var(--white);text-align:center;line-height:20px}.garnik-marina .sections-background #program-of-day-section .container .place-container .time{font-size:var(--body-1);color:var(--primary-color);line-height:28px;margin-bottom:10px}.garnik-marina .sections-background #program-of-day-section .container .place-container .place{font-size:var(--body-2);color:var(--white);text-align:center}.garnik-marina .sections-background #program-of-day-section .container .place-container .address{font-size:var(--body-2);color:var(--white);text-align:center;margin-bottom:10px}.garnik-marina .sections-background .countdown-timer-container{text-align:center}.garnik-marina .sections-background .countdown-timer-container .title{font-size:var(--subtitle-3);color:var(--white);line-height:36px;text-align:center;margin-bottom:40px}.garnik-marina .sections-background .countdown-timer-container .countdown-container{margin-top:28px;display:flex;gap:var(--countDownContainerGap)}.garnik-marina .sections-background .countdown-timer-container .countdown-container .time-unit{display:flex;flex-direction:column;align-items:center;border:2px solid var(--primary-color);width:var(--timeUnitWidth);height:var(--timeUnitHeight);border-radius:60px;justify-content:center}.garnik-marina .sections-background .countdown-timer-container .countdown-container .time-unit .time-value{font-size:var(--subtitle-2);color:var(--white)}.garnik-marina .sections-background .countdown-timer-container .countdown-container .time-unit .time-label{font-size:var(--caption-1);color:var(--white)}.garnik-marina .sections-background .countdown-timer-container .leaf-icon{width:110px;height:48px;margin:88px 0}.garnik-marina .sections-background #confirm-attendance-section{padding:0 20px}.garnik-marina .sections-background #confirm-attendance-section .title-container .title{font-size:var(--subtitle-3);color:var(--white);line-height:40px}.garnik-marina .sections-background #confirm-attendance-section .title-container .description{font-size:var(--body-3);color:var(--primary-color);line-height:28px;padding:20px 32px;max-width:550px;text-align:center;margin:0 auto 48px;background:rgba(226,198,169,.08);border:1.5px solid rgba(226,198,169,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.garnik-marina .sections-background #confirm-attendance-section .content .container{max-width:550px}.garnik-marina .sections-background #confirm-attendance-section .content .container .radio-buttons .description{font-size:var(--body-2);color:var(--white);margin-bottom:20px}.garnik-marina .sections-background #confirm-attendance-section .content .container .radio-buttons .checkbox-container .round-checkbox,.garnik-marina .sections-background #confirm-attendance-section .content .container .radio-buttons .checkbox-container .round-checkbox:checked{background-color:rgba(0,0,0,0)}.garnik-marina .sections-background #confirm-attendance-section .content .container .radio-buttons .checkbox-container .round-checkbox:checked:before{background-color:var(--primary-color)}.garnik-marina .sections-background #confirm-attendance-section .content .container .radio-buttons .checkbox-container .label{font-size:var(--body-3);color:var(--white)}.garnik-marina .sections-background #confirm-attendance-section .content .container .from-whom-inputs{margin:40px 0}.garnik-marina .sections-background #confirm-attendance-section .content .container .from-whom-inputs .description{font-size:var(--body-2);color:var(--white);margin-bottom:20px}.garnik-marina .sections-background #confirm-attendance-section .content .container .from-whom-inputs .checkbox-container .square-checkbox{background-color:rgba(0,0,0,0)}.garnik-marina .sections-background #confirm-attendance-section .content .container .from-whom-inputs .checkbox-container .square-checkbox:checked{background-color:var(--primary-color)}.garnik-marina .sections-background #confirm-attendance-section .content .container .from-whom-inputs .checkbox-container .label{font-size:var(--body-3);color:var(--white)}.garnik-marina .sections-background #confirm-attendance-section .content .container .inputs .input-container label{font-size:var(--body-2);color:var(--white)}.garnik-marina .sections-background #confirm-attendance-section .content .container .inputs .input-container input{max-width:650px;font-size:var(--body-2);color:var(--white)}.garnik-marina .sections-background #confirm-attendance-section .content .container .inputs .input-container input::placeholder{color:#a9a9a9}.garnik-marina .sections-background #confirm-attendance-section .submit-button{margin:50px auto 0}.garnik-marina .sections-background #confirm-attendance-section .submit-button:not(:disabled):hover{transform:translateY(-5px)}.garnik-marina .sections-background #confirm-attendance-section .submit-button:disabled{cursor:not-allowed;opacity:.5!important}.garnik-marina .sections-background .end-title{position:relative;font-size:var(--subtitle-1);color:var(--primary-color);text-align:center;padding:52px 40px 40px}.garnik-marina .button,.garnik-marina .sections-background #confirm-attendance-section .submit-button{font-family:var(--font-family-body);font-size:var(--caption-2);color:var(--black);line-height:19px;width:136px;height:35px;background-color:var(--primary-color);border-radius:30px;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 20px rgba(0,0,0,.1);outline:none;transition:box-shadow .4s ease,transform .3s ease}.garnik-marina .button:not(:disabled):hover,.garnik-marina .sections-background #confirm-attendance-section .submit-button:not(:disabled):hover{transform:translateY(-4px)}@media(max-width:834px){.garnik-marina #intro-section .container .spouse-names-container{margin-bottom:25%}.garnik-marina #intro-section .container .intro-date{padding-top:20px}.garnik-marina .sections-background #event-details-section{padding:60px 10px 0}.garnik-marina .sections-background #event-details-section .subtitle{padding:30px 0 40px}.garnik-marina .sections-background #event-details-section .description-two{margin:0 auto 32px;padding:16px 24px;max-width:90%;font-size:var(--caption-1);line-height:24px}.garnik-marina .sections-background #event-details-section .leaf-icon,.garnik-marina .sections-background .countdown-timer-container .leaf-icon{margin:70px 0}.garnik-marina .sections-background #program-of-day-section .container{gap:65px}.garnik-marina .sections-background #confirm-attendance-section .title-container .description{margin:0 auto 32px;padding:16px 24px;max-width:98%;line-height:24px}}