.open-letter-background{z-index:-1;background:#0a0a0a;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.open-letter-background__noise-layer{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.open-letter-background__light-line{mix-blend-mode:lighten;filter:blur(2px);pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#8d8d8d59,#0000);width:350px;height:100%;transition:left 50ms ease-out;position:absolute;top:0;transform:translate(-50%)}
.content-box{z-index:1;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#f5deb34d transparent;background:0 0;border:2px solid wheat;flex-direction:column;align-items:center;padding:clamp(1rem,2vw,1.5rem) .5rem;display:flex;position:absolute;inset:6% 10%;overflow:hidden}@media (min-width:768px){.content-box{padding-top:clamp(1rem,2vw,2rem);padding-bottom:max(1rem,15px)}}.content-box::-webkit-scrollbar{width:8px}.content-box::-webkit-scrollbar-track{background:0 0}.content-box::-webkit-scrollbar-thumb{background-color:#f5deb34d;border-radius:4px}.content-box::-webkit-scrollbar-thumb:hover{background-color:#f5deb380}
.letter-description{max-width:80%;margin:2rem auto 0;font-size:clamp(14px,2vw,18px);line-height:1.6}.letter-description p{margin-top:1rem}.letter-description p:first-child{margin-top:0}.letter-corner{object-fit:contain;z-index:5;pointer-events:none;width:clamp(60px,10vw,150px);height:clamp(60px,10vw,150px);position:absolute}.letter-corner--top-left{top:2%;left:3%;transform:rotate(90deg)}.letter-corner--top-right{top:2%;right:3%;transform:rotate(180deg)}.letter-corner--bottom-left{bottom:2%;left:3%}.letter-corner--bottom-right{bottom:2%;right:3%;transform:rotate(270deg)}.rose-decoration{object-fit:contain;z-index:5;pointer-events:none;width:clamp(80px,12vw,180px);height:auto;position:absolute;left:50%;transform:translate(-50%)}.rose-decoration--top{top:2%}.rose-decoration--bottom{bottom:2%}@media (min-width:768px){.rose-decoration{width:clamp(68px,10.2vw,153px)}}@media (max-width:767px){.letter-corner{width:clamp(105px,17.5vw,150px);height:clamp(105px,17.5vw,150px)}}.views-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.content-view{opacity:1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.content-view.hidden{opacity:0;pointer-events:none}
.greeting-container{text-align:center;color:wheat;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.greeting-title{letter-spacing:2px;margin-bottom:clamp(16px,2vw,32px);font-family:Cormorant Garamond,serif;font-size:clamp(24px,4vw,48px);font-weight:300}.greeting-names{letter-spacing:1px;margin-bottom:clamp(24px,4vw,48px);font-family:Imperial Script,cursive;font-size:clamp(32px,8vw,72px);font-weight:400}.greeting-body{max-width:85%;margin:0 auto;font-family:Cormorant Garamond,serif;font-size:clamp(16px,2.3vw,21px);font-weight:300;line-height:1.8}.greeting-body p{margin:clamp(12px,1.5vw,20px) 0}.greeting-body p:first-child{margin-top:0}@media (max-width:767px){.greeting-body{font-size:clamp(17px,2.4vw,22px)}}
.farewell-container{z-index:10;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:2rem 0;display:flex;position:relative;overflow:visible}.farewell-hearts{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.farewell-floating-heart{object-fit:contain;pointer-events:none;opacity:0;width:40px;height:40px;position:absolute;bottom:-80px}@keyframes sideSway{0%{margin-left:0}to{margin-left:50px}}.farewell-letter{z-index:10;--corner-size:clamp(60px,10vw,150px);width:95vw;padding:.5rem;position:relative;box-shadow:0 2px 26px #0000001f}@media (min-width:768px){.farewell-letter{width:clamp(420px,50vw,520px)}}@media (max-width:767px){.farewell-letter{--corner-size:clamp(105px,17.5vw,150px)}}.farewell-letter .letter-content{height:auto;overflow:visible}.farewell-letter .content-box{margin:6% 10%;position:relative;inset:auto;overflow:visible}.farewell-letter .letter-corner--top-left{top:calc(-4.6% - var(--corner-size)/-2);left:calc(-8.4% - var(--corner-size)/-2)}.farewell-letter .letter-corner--top-right{top:calc(-4.6% - var(--corner-size)/-2);right:calc(-8.4% - var(--corner-size)/-2)}.farewell-letter .letter-corner--bottom-left{bottom:calc(7% - var(--corner-size)/2);left:calc(-8% - var(--corner-size)/-2)}.farewell-letter .letter-corner--bottom-right{bottom:calc(7% - var(--corner-size)/2);right:calc(-8% - var(--corner-size)/-2)}.farewell-letter .rose-decoration--top{top:3.2%;transform:translate(-50%)translateY(-50%)}.farewell-letter .rose-decoration--bottom{bottom:1.2%;transform:translate(-55%)translateY(-5%)}.farewell-content{text-align:center;color:wheat;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.farewell-content .greeting-title{margin-top:clamp(16px,3vw,40px)}.farewell-poem{max-width:90%;margin:0 auto;font-family:Cormorant Garamond,serif;font-size:clamp(14px,2vw,19px);font-style:italic;font-weight:300;line-height:1.7}.farewell-poem p{margin-bottom:clamp(10px,1.5vw,20px)}.farewell-poem p:last-child{margin-bottom:0}@media (max-width:767px){.farewell-poem{font-size:clamp(15px,3.5vw,19px)}}.farewell-heart-container{text-align:center;margin-top:clamp(16px,2vw,28px);margin-bottom:clamp(12px,2vw,24px)}.farewell-beat-heart{object-fit:contain;width:40px;height:40px;transition:filter .2s;display:inline-block}.farewell-beat-heart:hover{filter:brightness(1.2)}@keyframes heartbeat{0%{transform:scale(1)}4%{transform:scale(1.2)}8%{transform:scale(1)}15%{transform:scale(1.15)}19%{transform:scale(1)}33.3%{transform:scale(1)}37.3%{transform:scale(1.2)}41.3%{transform:scale(1)}48.3%{transform:scale(1.15)}52.3%{transform:scale(1)}66.6%{transform:scale(1)}70.6%{transform:scale(1.2)}74.6%{transform:scale(1)}81.6%{transform:scale(1.15)}85.6%{transform:scale(1)}to{transform:scale(1)}}.heart-beating{animation:3s ease-in-out heartbeat}