.tpl-sand-beach{aspect-ratio:2;background:#e8d8b8;width:100%;font-family:Cormorant Garamond,serif;position:relative;overflow:hidden}.tpl-sand-beach .wave-layer{pointer-events:none;width:130%;height:100%;position:absolute;top:0;left:-15%}.tpl-sand-beach .wave-layer svg{width:100%;height:100%}.tpl-sand-beach .wave-deep{opacity:0;transform:translate(-60%)}.tpl-sand-beach .wave-medium{opacity:0;transform:translate(-55%)}.tpl-sand-beach .wave-light{opacity:0;transform:translate(-50%)}.tpl-sand-beach .wave-foam{opacity:0;transform:translate(-45%)}.tpl-sand-beach .wave-foam-edge{opacity:0;transform:translate(-42%)}.tpl-sand-beach .shell{opacity:0;width:35px;height:35px;position:absolute;top:15%;left:28%;transform:scale(0)}.tpl-sand-beach .starfish-1{opacity:0;width:55px;height:55px;position:absolute;top:8%;right:5%;transform:scale(0)rotate(-15deg)}.tpl-sand-beach .starfish-2{opacity:0;width:40px;height:40px;position:absolute;top:45%;right:12%;transform:scale(0)rotate(10deg)}.tpl-sand-beach .small-shell{opacity:0;position:absolute;transform:scale(0)}.tpl-sand-beach .shell-1{width:18px;height:18px;bottom:20%;right:25%}.tpl-sand-beach .shell-2{width:15px;height:15px;bottom:30%;left:38%}.tpl-sand-beach .sand-decor{opacity:0;position:absolute;transform:scale(0)}.tpl-sand-beach .sand-dots-1{width:25px;height:25px;bottom:15%;left:50%}.tpl-sand-beach .sand-dots-2{width:22px;height:22px;top:70%;right:35%}.tpl-sand-beach .sand-star{width:28px;height:28px;bottom:25%;left:60%}.tpl-sand-beach .text-content{text-align:center;z-index:10;width:50%;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.tpl-sand-beach .tagline{color:#5a5040;opacity:0;margin-bottom:20px;font-family:Lora,serif;font-size:clamp(16px,2vw,22px);font-style:italic;transform:translateY(20px)}.tpl-sand-beach .couple-names{color:#3a3530;opacity:0;margin-bottom:25px;font-family:Great Vibes,cursive;font-size:clamp(48px,6vw,80px);font-weight:400;line-height:1.2;transform:translateY(20px)}.tpl-sand-beach .date-row{opacity:0;justify-content:center;align-items:center;gap:15px;margin-bottom:12px;display:flex;transform:translateY(20px)}.tpl-sand-beach .date-part{letter-spacing:3px;color:#5a5040;font-family:Cormorant Garamond,serif;font-size:clamp(16px,1.8vw,20px)}.tpl-sand-beach .date-day{color:#3a3530;font-family:Cormorant Garamond,serif;font-size:clamp(32px,4vw,48px);font-weight:600}.tpl-sand-beach .date-separator{color:#a09080;font-size:clamp(20px,2.5vw,28px);font-weight:300}.tpl-sand-beach .venue{color:#5a5040;opacity:0;font-family:Lora,serif;font-size:clamp(13px,1.5vw,17px);line-height:1.5;transform:translateY(20px)}.tpl-sand-beach.animate-in .wave-deep{animation:2s cubic-bezier(.25,.46,.45,.94) .2s both sb-waveWashIn}.tpl-sand-beach.animate-in .wave-medium{animation:2s cubic-bezier(.25,.46,.45,.94) .4s both sb-waveWashIn}.tpl-sand-beach.animate-in .wave-light{animation:2s cubic-bezier(.25,.46,.45,.94) .6s both sb-waveWashIn}.tpl-sand-beach.animate-in .wave-foam{animation:2s cubic-bezier(.25,.46,.45,.94) .8s both sb-waveWashIn}.tpl-sand-beach.animate-in .wave-foam-edge{animation:2s cubic-bezier(.25,.46,.45,.94) .9s both sb-waveWashIn}.tpl-sand-beach.animate-in .shell{animation:.6s ease-out 1.5s both sb-popIn}.tpl-sand-beach.animate-in .starfish-1{animation:.8s ease-out 1.3s both sb-starfishIn}.tpl-sand-beach.animate-in .starfish-2{animation:.8s ease-out 1.6s both sb-starfishIn}.tpl-sand-beach.animate-in .shell-1{animation:.5s ease-out 1.8s both sb-popIn}.tpl-sand-beach.animate-in .shell-2{animation:.5s ease-out 2s both sb-popIn}.tpl-sand-beach.animate-in .sand-dots-1{animation:.5s ease-out 2.1s both sb-popIn}.tpl-sand-beach.animate-in .sand-dots-2{animation:.5s ease-out 2.2s both sb-popIn}.tpl-sand-beach.animate-in .sand-star{animation:.5s ease-out 2.3s both sb-popIn}.tpl-sand-beach.animate-in .tagline{animation:.8s ease-out 1.2s both sb-textFadeUp}.tpl-sand-beach.animate-in .couple-names{animation:1s ease-out 1.5s both sb-textFadeUp}.tpl-sand-beach.animate-in .date-row{animation:.8s ease-out 1.8s both sb-textFadeUp}.tpl-sand-beach.animate-in .venue{animation:.8s ease-out 2s both sb-textFadeUp}@keyframes sb-waveWashIn{0%{opacity:0;transform:translate(-60%)}30%{opacity:1}to{opacity:1;transform:translate(0%)}}@keyframes sb-popIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes sb-starfishIn{0%{opacity:0;transform:scale(0)rotate(-15deg)}60%{opacity:1;transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes sb-textFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tpl-sand-beach.loop-active .wave-deep{opacity:1;animation:6s ease-in-out infinite sb-waveEbbDeep;transform:translate(0%)}.tpl-sand-beach.loop-active .wave-medium{opacity:1;animation:5s ease-in-out .5s infinite sb-waveEbbMedium;transform:translate(0%)}.tpl-sand-beach.loop-active .wave-light{opacity:1;animation:4.5s ease-in-out 1s infinite sb-waveEbbLight;transform:translate(0%)}.tpl-sand-beach.loop-active .wave-foam{opacity:1;animation:4s ease-in-out .3s infinite sb-waveEbbFoam;transform:translate(0%)}.tpl-sand-beach.loop-active .wave-foam-edge{opacity:1;animation:3.5s ease-in-out .8s infinite sb-waveEbbFoamEdge;transform:translate(0%)}.tpl-sand-beach.loop-active .shell{opacity:1;transform:scale(1)}.tpl-sand-beach.loop-active .starfish-1{opacity:1;animation:5s ease-in-out infinite sb-starfishBob;transform:scale(1)rotate(0)}.tpl-sand-beach.loop-active .starfish-2{opacity:1;animation:5.5s ease-in-out 1s infinite sb-starfishBob;transform:scale(1)rotate(0)}.tpl-sand-beach.loop-active .shell-1,.tpl-sand-beach.loop-active .shell-2,.tpl-sand-beach.loop-active .sand-dots-1,.tpl-sand-beach.loop-active .sand-dots-2,.tpl-sand-beach.loop-active .sand-star{opacity:1;transform:scale(1)}.tpl-sand-beach.loop-active .tagline,.tpl-sand-beach.loop-active .date-row,.tpl-sand-beach.loop-active .venue{opacity:1;transform:translateY(0)}.tpl-sand-beach.loop-active .couple-names{opacity:1;animation:5s ease-in-out infinite sb-textBreath;transform:translateY(0)}@keyframes sb-waveEbbDeep{0%,to{transform:translate(0%)}50%{transform:translate(3%)}}@keyframes sb-waveEbbMedium{0%,to{transform:translate(0%)}50%{transform:translate(4%)}}@keyframes sb-waveEbbLight{0%,to{transform:translate(0%)}50%{transform:translate(5%)}}@keyframes sb-waveEbbFoam{0%,to{transform:translate(0%)}50%{transform:translate(6%)}}@keyframes sb-waveEbbFoamEdge{0%,to{transform:translate(0%)}50%{transform:translate(7%)}}@keyframes sb-starfishBob{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.02)rotate(2deg)}}@keyframes sb-textBreath{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.95;transform:translateY(-1px)}}@media (width<=768px){.tpl-sand-beach{aspect-ratio:9/16;width:100%;height:auto}.tpl-sand-beach .text-content{width:85%;top:30%;left:50%;transform:translate(-50%,-50%)}.tpl-sand-beach .tagline{font-size:clamp(14px,3.8vw,20px)}.tpl-sand-beach .couple-names{font-size:clamp(38px,11vw,58px)}.tpl-sand-beach .date-part{font-size:clamp(14px,3.5vw,18px)}.tpl-sand-beach .date-day{font-size:clamp(28px,7vw,42px)}.tpl-sand-beach .date-separator{font-size:clamp(18px,4vw,24px)}.tpl-sand-beach .venue{font-size:clamp(12px,3.2vw,16px)}.tpl-sand-beach .wave-layer{transform-origin:50%;width:100%;height:120%;inset:auto 0 -40%;transform:none}.tpl-sand-beach .wave-layer svg{transform:rotate(90deg)scaleX(-1)}.tpl-sand-beach .wave-deep{opacity:0;transform:translateY(80%)}.tpl-sand-beach .wave-medium{opacity:0;transform:translateY(75%)}.tpl-sand-beach .wave-light{opacity:0;transform:translateY(70%)}.tpl-sand-beach .wave-foam{opacity:0;transform:translateY(65%)}.tpl-sand-beach .wave-foam-edge{opacity:0;transform:translateY(60%)}.tpl-sand-beach.animate-in .wave-deep{animation:2s cubic-bezier(.25,.46,.45,.94) .2s both sb-waveWashUp}.tpl-sand-beach.animate-in .wave-medium{animation:2s cubic-bezier(.25,.46,.45,.94) .4s both sb-waveWashUp}.tpl-sand-beach.animate-in .wave-light{animation:2s cubic-bezier(.25,.46,.45,.94) .6s both sb-waveWashUp}.tpl-sand-beach.animate-in .wave-foam{animation:2s cubic-bezier(.25,.46,.45,.94) .8s both sb-waveWashUp}.tpl-sand-beach.animate-in .wave-foam-edge{animation:2s cubic-bezier(.25,.46,.45,.94) .9s both sb-waveWashUp}.tpl-sand-beach.loop-active .wave-deep{opacity:1;animation:6s ease-in-out infinite sb-waveEbbUp1;transform:translateY(0)}.tpl-sand-beach.loop-active .wave-medium{opacity:1;animation:5s ease-in-out .5s infinite sb-waveEbbUp2;transform:translateY(0)}.tpl-sand-beach.loop-active .wave-light{opacity:1;animation:4.5s ease-in-out 1s infinite sb-waveEbbUp3;transform:translateY(0)}.tpl-sand-beach.loop-active .wave-foam{opacity:1;animation:4s ease-in-out .3s infinite sb-waveEbbUp4;transform:translateY(0)}.tpl-sand-beach.loop-active .wave-foam-edge{opacity:1;animation:3.5s ease-in-out .8s infinite sb-waveEbbUp5;transform:translateY(0)}.tpl-sand-beach .shell{top:55%;left:70%}.tpl-sand-beach .starfish-1{width:45px;height:45px;top:62%;right:8%}.tpl-sand-beach .starfish-2{width:35px;height:35px;top:70%;right:20%}.tpl-sand-beach .shell-1{bottom:35%;right:15%}.tpl-sand-beach .shell-2{bottom:40%;left:65%}.tpl-sand-beach .sand-dots-1{bottom:32%;left:55%}.tpl-sand-beach .sand-dots-2{top:65%;right:30%}.tpl-sand-beach .sand-star{bottom:38%;left:72%}.tpl-sand-beach.loop-active .tagline,.tpl-sand-beach.loop-active .couple-names,.tpl-sand-beach.loop-active .date-row,.tpl-sand-beach.loop-active .venue{transform:translateY(0)}@keyframes sb-waveWashUp{0%{opacity:0;transform:translateY(80%)}30%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes sb-waveEbbUp1{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}@keyframes sb-waveEbbUp2{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}@keyframes sb-waveEbbUp3{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes sb-waveEbbUp4{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes sb-waveEbbUp5{0%,to{transform:translateY(0)}50%{transform:translateY(-7%)}}}@media (width<=480px){.tpl-sand-beach .text-content{width:85%;top:30%}.tpl-sand-beach .couple-names{font-size:clamp(32px,10vw,50px)}.tpl-sand-beach .date-day{font-size:clamp(24px,6vw,36px)}}.tpl-sand-beach .couple-names{font-size:min(clamp(40px, 6vw, 80px), calc(48vw / (var(--nl,14) * .5)));text-wrap:balance;overflow-wrap:anywhere;padding:0 .15em}.tpl-sand-beach[data-long] .couple-names{font-size:min(clamp(34px, 4.6vw, 64px), calc(48vw / (var(--nw,8) * .62)))}.tpl-sand-beach .couple-names .nm{white-space:nowrap}.tpl-sand-beach[data-long] .couple-names .nm{white-space:normal}.tpl-sand-beach .tagline,.tpl-sand-beach .venue{overflow-wrap:anywhere;text-wrap:balance}.tpl-sand-beach .date-row{flex-wrap:wrap}.tpl-sand-beach[data-script=indic] .couple-names{line-height:1.35}@media (width<=768px){.tpl-sand-beach .text-content{flex-direction:column;justify-content:safe center;display:flex;top:6%;bottom:44%;transform:translate(-50%)}.tpl-sand-beach.loop-active .text-content{transform:translate(-50%)}.tpl-sand-beach .couple-names{font-size:min(clamp(32px, 11vw, 58px), calc(82vw / (var(--nw,8) * .62)));margin-bottom:4vw}.tpl-sand-beach .couple-names .nm{white-space:normal}.tpl-sand-beach .tagline{margin-bottom:4vw}}@media (width<=768px) and (aspect-ratio>=3/4){.tpl-sand-beach{aspect-ratio:1;width:min(100vw,100vh);margin:0 auto}.tpl-sand-beach .wave-layer{width:130%;height:100%;top:0;bottom:auto;left:-42%}.tpl-sand-beach .wave-layer svg{transform:none}.tpl-sand-beach .text-content{width:64%;top:50%;bottom:auto;left:60%;transform:translate(-50%,-50%)}.tpl-sand-beach.loop-active .text-content{transform:translate(-50%,-50%)}.tpl-sand-beach .couple-names{font-size:min(clamp(28px, 9vmin, 54px), calc(62vmin / (var(--nw,8) * .62)));margin-bottom:2.6vmin}.tpl-sand-beach .tagline{margin-bottom:2.4vmin;font-size:clamp(12px,3vmin,18px)}.tpl-sand-beach .date-part{font-size:clamp(11px,2.8vmin,16px)}.tpl-sand-beach .date-day{font-size:clamp(20px,6vmin,36px)}.tpl-sand-beach .venue{font-size:clamp(10px,2.6vmin,15px)}.tpl-sand-beach .shell{top:12%;left:30%}.tpl-sand-beach .starfish-1{top:6%;right:5%}.tpl-sand-beach .starfish-2{top:76%;right:10%}.tpl-sand-beach .shell-1{bottom:10%;right:30%}.tpl-sand-beach .shell-2{bottom:16%;left:40%}.tpl-sand-beach .sand-dots-1{bottom:6%;left:55%}.tpl-sand-beach .sand-dots-2{top:84%;right:40%}.tpl-sand-beach .sand-star{bottom:20%;left:78%}.tpl-sand-beach .wave-deep,.tpl-sand-beach .wave-medium,.tpl-sand-beach .wave-light,.tpl-sand-beach .wave-foam,.tpl-sand-beach .wave-foam-edge{transform:translate(-60%)}.tpl-sand-beach.animate-in .wave-deep{animation:2s cubic-bezier(.25,.46,.45,.94) .2s both sb-waveWashIn}.tpl-sand-beach.animate-in .wave-medium{animation:2s cubic-bezier(.25,.46,.45,.94) .4s both sb-waveWashIn}.tpl-sand-beach.animate-in .wave-light{animation:2s cubic-bezier(.25,.46,.45,.94) .6s both sb-waveWashIn}.tpl-sand-beach.animate-in .wave-foam{animation:2s cubic-bezier(.25,.46,.45,.94) .8s both sb-waveWashIn}.tpl-sand-beach.animate-in .wave-foam-edge{animation:2s cubic-bezier(.25,.46,.45,.94) .9s both sb-waveWashIn}.tpl-sand-beach.loop-active .wave-deep{animation:6s ease-in-out infinite sb-waveEbbDeep;transform:translate(0)}.tpl-sand-beach.loop-active .wave-medium{animation:5s ease-in-out .5s infinite sb-waveEbbMedium;transform:translate(0)}.tpl-sand-beach.loop-active .wave-light{animation:4.5s ease-in-out 1s infinite sb-waveEbbLight;transform:translate(0)}.tpl-sand-beach.loop-active .wave-foam{animation:4s ease-in-out .3s infinite sb-waveEbbFoam;transform:translate(0)}.tpl-sand-beach.loop-active .wave-foam-edge{animation:3.5s ease-in-out .8s infinite sb-waveEbbFoamEdge;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.tpl-sand-beach *,.tpl-sand-beach :before,.tpl-sand-beach :after{transition:none!important;animation:none!important}}@media (width<=768px){.tpl-sand-beach[data-long] .couple-names{font-size:min(clamp(30px, 10vw, 50px), calc(82vw / (var(--nw,8) * .62)))}}@media (width<=768px) and (aspect-ratio>=3/4){.tpl-sand-beach[data-long] .couple-names{font-size:min(clamp(24px, 7.4vmin, 44px), calc(62vmin / (var(--nw,8) * .62)))}}
