@font-face{font-family:MerchantExtLt;src:url(/Merchant-ExtraLight.woff) format("woff"),url(/Merchant-ExtraLight.woff2) format("woff2"),url(/Merchant-ExtraLight.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}html{overflow-y:auto}body,html{overflow-x:hidden}body{margin:0;padding:0;touch-action:pan-y;overscroll-behavior:none}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}#bak{background-color:#ece9e2;background-image:url(/patt.svg);background-repeat:repeat;background-size:auto;color:#333;position:relative;padding:25px}.decorative-text{font-family:MerchantExtLt,Arial,sans-serif;font-feature-settings:"kern" off;font-kerning:none}#preloading-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#ece9e2;position:fixed;top:0;left:0;z-index:1000}#logo{top:100px;width:75px}#location,#logo{position:absolute;display:none}#location{justify-content:space-around;align-items:center;bottom:100px;max-width:390px;width:100%}#dots{position:relative}#dots svg{display:block;margin:0 auto;overflow:hidden}#pre-preloading{display:none;margin-top:-155px;text-align:center}#preloading{display:none}#post-preloading{display:none;margin-top:35px}#welcome{height:100vh}#welcome,#welcome-wrapper{width:100%;display:flex;justify-content:center;align-items:center;position:relative}#welcome-wrapper{background-color:#ece9e2;border-radius:2.4rem;flex-direction:column;padding:5vh 10px;margin-top:-10vh;z-index:1;box-shadow:0 8px 24px rgba(0,0,0,.08)}#welcome-bg{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;z-index:0}#welcome-bg img{animation:breeze 20s ease-in-out infinite;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;margin-top:-20px}@keyframes breezeFlip{0%,to{transform:translateZ(0) scaleX(-1) rotate(0deg) translateX(0)}25%{transform:translateZ(0) scaleX(-1) rotate(-5deg) translateX(-2px)}50%{transform:translateZ(0) scaleX(-1) rotate(0deg) translateX(0)}75%{transform:translateZ(0) scaleX(-1) rotate(3deg) translateX(2px)}}#welcome h1{width:100%;max-width:390px;font-size:1.5rem;line-height:1.2;margin:0;padding:0 15px}#scroll-mouse,#welcome h1{text-align:center;opacity:0}#scroll-mouse{top:35%;position:absolute;z-index:1}#img-goyang{padding-top:2rem;margin-left:-25px;max-height:25vh;animation:breeze 8s ease-in-out infinite;transform-origin:center bottom}@keyframes breeze{0%,to{transform:translateZ(0) rotate(0deg) translateX(0)}25%{transform:translateZ(0) rotate(-5deg) translateX(-2px)}50%{transform:translateZ(0) rotate(0deg) translateX(0)}75%{transform:translateZ(0) rotate(3deg) translateX(2px)}}#bride-groom{height:100vh}#bride-groom,#bride-groom-wrapper{width:100%;display:flex;justify-content:center;align-items:center;position:relative}#bride-groom-wrapper{border-radius:2.4rem;flex-direction:column;background-color:transparent;padding:5vh 50px;background-color:#ece9e2;margin-top:-20vh;z-index:1;box-shadow:0 8px 24px rgba(0,0,0,.08)}#name{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1.35rem}#name h1{margin:0;padding:0;font-size:4rem;line-height:1.1}#name img{width:100%;max-width:390px;display:block}@media screen and (min-width:700px){#name{flex-direction:row;justify-content:center;gap:30px}#name img{max-width:350px}}#ill{width:100%;display:flex;justify-content:space-between;align-items:flex-end;position:fixed;bottom:0;left:0;pointer-events:none;z-index:100}#ill img{max-width:160px;pointer-events:auto;transform:translateY(150%);opacity:0;transition:transform .33s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}#ill.visible img{transform:translateY(0);opacity:1}#ill.visible img:first-child{transition-delay:.1s}#ill.visible img:last-child{transition-delay:.2s}#ill img:first-child{margin-right:auto}#ill img:last-child{margin-left:auto}@media screen and (min-height:1024px){#ill img{max-width:190px}}@media screen and (max-height:667px){#ill img{max-width:100px}#logo{top:25px}#location{bottom:25px}}#place{height:100vh}#place,#place-wrapper{width:100%;display:flex;justify-content:center;align-items:center;position:relative}#place-wrapper{background-color:#ece9e2;border-radius:2.4rem;flex-direction:column;padding:5vh 50px;margin-top:-20vh;box-shadow:0 8px 24px rgba(0,0,0,.08)}#place h1,h2,p{margin:1rem 0;line-height:2rem}#place p{line-height:1.5rem}#place h1{font-size:2.5em}.tap{display:block;text-align:center;border-bottom:1px dashed #333;color:#000}.tap:hover{color:#1b3569;border-bottom-color:#1b3569;filter:drop-shadow(0 1px 0 rgba(27,53,105,.25));transition:color .2s ease,border-bottom-color .2s ease,filter .2s ease}#place-wrapper .decorative-text{cursor:pointer;border-bottom:1px dashed #333;color:#333}#place img{width:100%;max-width:390px;display:block;margin:.25rem}#mark{max-width:200!important}#rsvp{margin-top:2rem}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(60px)}}svg #wheel{animation:scroll 2s ease infinite}@media screen and (min-width:1024px){#bride-groom-wrapper,#place-wrapper,#welcome-wrapper{padding:10vh 10vw}#ill img{max-width:400px;width:235px}}#bride-groom-wrapper,#place-wrapper,#welcome-wrapper{max-width:800px;margin-left:auto;margin-right:auto}@media screen and (min-width:700px) and (max-height:390px){#name img{max-width:250px}}@media screen and (max-width:450px){#name h1{font-size:3rem}#place h1{font-size:2rem}#place h2{font-size:1.2rem}#place-wrapper{padding:5vh 20px}}.button{pointer-events:auto;cursor:pointer;background:#e7e7e7;border:none;padding:1.5rem 3rem;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block}.button:after,.button:before{position:absolute;top:0;left:0;width:100%;height:100%}.button--hyperion{font-family:input-mono-narrow,monospace;font-weight:500;padding:.5rem 1rem;border:1px solid #000;overflow:hidden;color:#fff}.button--hyperion span{display:block;position:relative}.button--hyperion>span{overflow:hidden}.button--hyperion>span>span{overflow:hidden;mix-blend-mode:difference}.button--hyperion:hover>span>span{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s .2s forwards}.button--hyperion:before{content:"";background:#333;transition:transform .3s cubic-bezier(.7,0,.2,1);transform-origin:100% 50%}.button--hyperion:hover:before{transform:scaleX(0);transform-origin:0 50%}.music-fab{display:none;position:fixed;bottom:30px;right:2%;transform:translateX(-50%);width:50px;height:50px;border-radius:20px;background:linear-gradient(135deg,#434343,#767676);border:none;box-shadow:0 4px 15px rgba(27,27,27,.4);cursor:pointer;align-items:center;justify-content:center;color:#fff;z-index:1000;transition:all .3s ease}.music-fab:hover{transform:translateX(-50%) scale(1.1);box-shadow:0 4px 15px rgba(69,69,69,.6)}.music-fab:active{transform:translateX(-50%) scale(.95)}.music-fab svg{width:24px;height:24px}