/*! HTML5 Boilerplate v9.0.1 | MIT License | https://html5boilerplate.com/ */@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap);body,h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--fn-primary)}.overlay,.preloader{position:absolute;left:0}.fadeZoomOut{animation:8s cubic-bezier(.4,0,.2,1) forwards fadeZoomOutOffScreen}#menuDrawer .wrapper a,.fn-primary,body,h1,h2,h3,h4,h5,h6{font-family:var(--fn-primary)}button,button label:hover{cursor:pointer}:root{--fn-primary:"Ang Nitean","Poppins",sans-serif;--fn-secondary:"Ang Moul Toathmor","Poppins",sans-serif;--fn-khmer:"Kantumruy Pro",sans-serif;--primary-color:#457520;--secondary:#CD9265;--light:#FFF;--dark:#0A0A0A;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:3rem}::-webkit-scrollbar:horizontal{height:0;background:0 0}html{color:#222;font-size:1em;line-height:1.4;scrollbar-width:none}body{color:var(--primary-color);font-size:20px;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2}h1{font-size:clamp(2.5rem, 5vw, 3.5rem);line-height:1}h2{font-size:clamp(2.2rem, 4vw, 3.2rem)}h3{font-size:clamp(2rem, 3.5vw, 2.5rem)}h4{font-size:clamp(1.65rem, 3vw, 2rem)}.fs-5,h5{font-size:clamp(1.125rem, 2.5vw, 1.5rem)}h6{font-size:clamp(1rem, 2vw, 1.25rem)}.fn-secondary,.switcher .dropdown .item span{font-family:var(--fn-secondary)}.fs-1{font-size:clamp(2.5rem, 5vw, 3.5rem)}.fs-2{font-size:clamp(1.75rem, 4vw, 3rem)}.fs-3{font-size:clamp(1.5rem, 3.5vw, 2.5rem)}.fs-4{font-size:clamp(1.25rem, 3vw, 2rem)}.fs-6{font-size:clamp(.75rem, 2vw, 1rem)}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold,button{font-weight:600}#day-left,.fw-bold{font-weight:700}.fw-extrabold{font-weight:800}.justify-start{justify-content:flex-start}.justify-center,.justify-content-center{justify-content:center}.justify-end{justify-content:flex-end}.align-start{align-items:flex-start}.align-center,.align-items-center{align-items:center}.align-end{align-items:flex-end}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}.visually-hidden,fieldset{border:0;padding:0}.agenda-list div:nth-child(2n),fieldset{margin:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}textarea{resize:vertical}.hidden,[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix::after,.clearfix::before{content:"";display:table}.clearfix::after{clear:both}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,::after,::before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]::after{content:" (" attr(title) ")"}a[href^="#"]::after,a[href^="javascript:"]::after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.container{margin:auto;padding:.5rem 4rem;max-width:2600px}.box-container{margin:auto;width:100%;max-width:600px}.section-space{padding-top:8rem}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary)}.color-dark{color:var(--dark)}.color-light{color:var(--light)}.background-primary{background-color:var(--primary-color);transition:.3s}.background-primary:hover{background-color:var(--primary-color);opacity:.8;transform:scale(1.02)}.bg-soft{background:rgb(241 235 228 / 85%);}.bg-soft-gradient{background:#fff8f0;background:linear-gradient(0deg,rgba(255,248,240,.85) 60%,rgba(255,248,240,0) 100%)}.button-primary,.button-primary:hover,.button-secondary:hover,.h-divider{background-color:var(--primary-color)}.overlay{top:0;width:100%;height:100%;z-index:11}.preloader,header{z-index:111;top:0}.border-radius-sm{border-radius:12px}.border-radius-md{border-radius:20px}.border-radius-lg{border-radius:32px}.h-divider{width:1px;height:30px}.button-primary{transition:300s ease-in-out;border:none}.button-primary:hover{transform:scale(1.05)}.button-secondary{color:var(--primary-color);border:2px solid #45752020;padding:8px 60px;border-radius:10px;transition:300s ease-in-out}.btnClose,.main-button label,button{color:var(--light)}.button-secondary:hover{color:var(--light);transform:scale(1.05)}.preloader{width:100%;height:100vh;overflow:hidden}.preloader img{width:100%;height:100%;object-fit:cover}header{position:fixed}#mainHeader.bg-blur{background:rgb(255 255 255 / 20%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:backdrop-filter}.language.switcher{position:relative}.switcher .dropdown{display:none;position:absolute;top:2rem;max-width:300px;width:160px;padding:5px;margin-top:.5rem;border-radius:12px;background-color:var(--light);-webkit-box-shadow:6px 6px 30px 1px rgba(0,0,0,.1);box-shadow:6px 6px 30px 1px rgba(0,0,0,.05);transition:.2s;animation:.2s cubic-bezier(.4,0,.2,1) forwards fadeOut}.switcher .dropdown.show{display:block;animation:.2s cubic-bezier(.4,0,.2,1) forwards fadeIn;z-index:1111}.switcher .dropdown .item{padding:.4rem 1rem;border-radius:8px;display:flex;gap:.6rem}.switcher .dropdown .item span{font-size:15px}.switcher .dropdown .item:hover{background-color:#f4f4f4;cursor:pointer}.fixed-bottom{padding:1.5rem;background:#fff8f0;background:linear-gradient(0deg,#fff8f0 20%,rgba(255,248,240,0) 100%);transition:opacity .5s;opacity:1}.fixed-bottom.hide{transition:opacity .5s;opacity:0;display:none;z-index:-1}.fixed-bottom .scroll-icon{animation:2s cubic-bezier(.455,.03,.515,.955) infinite scrollIcon}.btn-audio{position:fixed;bottom:1.5rem;right:5rem;z-index:1111;width:50px;height:50px;background:#ffffff80;display:flex;justify-content:center;align-items:center;border-radius:50%}#menuDrawer{position:absolute;top:0;left:0;z-index:1111;width:100vw;height:100vh;display:none;opacity:0;overflow:hidden}#menuDrawer .background-img{width:100vw;height:100vh;position:absolute;z-index:-1}#menuDrawer .background-img img{width:100%;object-fit:cover;object-position:bottom left}#menuDrawer .wrapper{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#menuDrawer .wrapper .menu-item{opacity:0;text-align:center}#menuDrawer .wrapper a{color:var(--primary-color);font-size:clamp(2.5rem, 6vw, 3rem);font-weight:700;display:flex;flex-direction:column}.btn-svg{border-radius:50%;width:60px;height:60px}.btn-svg svg path{stroke:var(--primary-color)}.btn-svg:hover{background-color:rgba(69,117,32,.1)}.btn-blank{background:0 0;border:none;border-radius:0}.btnClose{position:absolute;top:1rem;right:1rem;opacity:.5;transition:transform .2s;will-change:transform}.btnClose svg path{fill:var(--primary-color)}.btnClose:hover{opacity:1;transform:scale(1.2)}#menuDrawer a{text-decoration:none;position:relative;transition:margin-left .3s;will-change:margin-left;opacity:.8}#menuDrawer a::before{content:url('../img/star.svg');position:absolute;left:-50px;top:45%;transform:translateY(-50%) scale(0);opacity:0;display:inline-block;width:20px;height:20px;line-height:26px;text-align:center;transition:transform .3s,opacity .3s;will-change:transform,opacity}#welcome,.main-button img{width:100%}#menuDrawer a:hover{margin-left:4rem;opacity:1}#menuDrawer a:hover::before{transform:translateY(-50%) scale(1);opacity:1}#welcome .main-content{animation:4s cubic-bezier(.4,0,.2,1) forwards zoomIn}button{border:none;border-radius:8px}.btn-zoom{transition:.2s}.btn-zoom:hover,.gallery .image-item a:hover img{transform:scale(1.05)}.h-100vh{height:100dvh}.main-button{width:280px;background:0 0;position:relative;max-width:350px}#welcome,.container-fluid{max-width:100vw}.main-button label{position:absolute;right:0;top:0;height:100%;padding:0 50px;display:flex;justify-content:center;align-items:center}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.font-xl{font-size:78px}.font-lg{font-size:64px}.font-md{font-size:clamp(2rem, 3vw, 3rem)}.font-small{font-size:14px}.font-xs{font-size:12px}.text-uppercase{text-transform:uppercase}.text-center{text-align:center}.v-border{border-top:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color)}#welcome{top:0;z-index:1111;padding:0;overflow:hidden}#welcome .fixed-img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;animation:8s cubic-bezier(.4,0,.2,1) forwards zoomInBackground}.main-fixed-container{animation:3s cubic-bezier(.4,0,.2,1) forwards zoomInBackground;position:fixed;top:0;width:100vw;height:100dvh;z-index:0;margin:auto;overflow:hidden}.fade-content,.main-content{z-index:1111;position:absolute}.fixed-background{width:100%;height:100%;background-size:contain;background-position:bottom center}.fixed-background img{height:100%;width:100%;max-width:100%;margin:auto;object-fit:cover;object-position:bottom}.main-content{top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.fade-content{height:10vh;background:#fff;background:linear-gradient(0deg,#fff 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%)}.zoomInOut{-webkit-animation:20s ease-in-out infinite zoomInOut;animation:20s ease-in-out infinite zoomInOut}.fadeZoomIn{animation:8s cubic-bezier(.4,0,.2,1) forwards fadeZoomInOnScreen}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(30px)}}@keyframes fadeZoomOutOffScreen{0%{transform:scale(1) translateY(0);opacity:1}99.9999%{transform:scale(20) rotate(10deg) translateY(0)}100%{transform:translateY(-100%);opacity:0}}@keyframes fadeZoomInOnScreen{0%{opacity:0;transform:scale(20) translateY(0)}100%{transform:scale(1);opacity:1}}@keyframes zoomIn{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes zoomInOut{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes zoomInLeft{0%,50%{transform:scale(1.2) translateX(-100%)}100%{transform:scale(1) translateX(50%)}}@keyframes zoomInBackground{0%{transform:scale(1)}100%{transform:scale(1.1)}}@keyframes scrollIcon{0%{opacity:1}100%{transform:translateY(100%);opacity:0}}.masking-text{background:#365e17;background:linear-gradient(120deg,#365e17 42%,#c5f0ad 50%,#365e17 58%);background-size:600% 100%;animation:9s linear infinite gradient;display:block;width:300px;height:130px;mask-position:center;mask-repeat:no-repeat;mask-size:50%;mask-image:url('/dist/img/couple-name.webp');mask-mode:alpha}.fix-couple-image{width:20vw;position:absolute;bottom:-4vh;left:10vw;z-index:11;display:flex;align-items:center;justify-content:center}.object-1,.object-2{top:-5vh;width:22vw}.fix-couple-image img{width:100%;height:auto}.gallery{column-count:1;column-gap:0;counter-reset:item-counter}.gallery .image-item{box-sizing:border-box;break-inside:avoid;padding:2px;counter-increment:item-counter}.gallery .image-item a{display:flex;width:100%;overflow:hidden}.gallery .image-item a img{width:100%;transition:transform .6s}.day-counter{border:4px solid var(--primary-color);border-radius:22px;padding:3rem}#day-left{font-size:6rem}.object-2{right:0}.object-3{width:50%!important;bottom:1rem;left:-2rem}.object-4{position:absolute;top:-2rem;right:-2rem}.object-5{bottom:-2vh;right:-2vw;width:12vw}.object-7{width:8vw;bottom:4vh;right:16vw}.flip-x{transform:scaleX(-1)}.flip-y{transform:scaleY(-1)}@media screen and (max-width:600px){body{font-size:18px}.container{margin:auto;padding:.5rem 1rem;max-width:2600px}.main-content{justify-content:flex-start;margin-top:5vh}.section-space{padding-top:5rem}.object-1{top:-2vh;left:-12vw;width:60vw}.object-2{top:-2vh;right:-15vw;width:50vw}.object-3{bottom:3rem;left:-30vw}.object-4{position:absolute;top:-2rem;right:-2rem}.object-5{width:30vw;right:-10vw;bottom:0}.object-7{width:15vw;left:15vw;bottom:6vh}.fix-couple-image{width:55vw;bottom:-10vh;left:30%}#menuDrawer .wrapper{justify-content:flex-start;margin-top:10vh}.btn-audio{bottom:1rem;right:1rem}}@media screen and (min-width:400px){.gallery{column-count:1}}@media screen and (min-width:600px){.gallery{column-count:1}}@media screen and (min-width:800px){.gallery{column-count:2}.agenda-list div:nth-child(2n){margin-top:3rem}}.scrollFade{opacity:0;transform:translateY(30px) scale(.9);transition:opacity .8s ease-out,transform .8s ease-out}.scrollFade.show{opacity:1;transform:translateY(0) scale(1)}