@import "https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC:wght@300;400;700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;box-shadow:none;appearance:none;background:0 0;border:none;outline:none;margin:0;padding:0}button:focus,input:focus,select:focus,textarea:focus{box-shadow:inset 0 0 0 1px var(--dark-blue-gray)}a{color:inherit;text-decoration:none}html{box-sizing:border-box;background:var(--white);color:#222;scroll-behavior:smooth;font-size:14px}@media (width>=768px){html{font-size:16px}}*,:before,:after{box-sizing:inherit}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}:focus:not(:focus-visible){outline:none}fieldset{border:none;margin:0;padding:0}legend{padding:0}hr{background:#eee;border:none;height:1px;margin:1rem 0}:root{--white:#fff;--blue-gray:#b6c3c0;--dark-blue-gray:#71807c;--green-gray:#bcc7c4;--light-gray:#f9fafa;--left-panel-width:4.85rem;--space-xxxsmall:.25rem;--space-xxsmall:.5rem;--space-xsmall:.875rem;--space-small:1rem;--space-medium:1.5rem;--space-large:2rem;--space-xlarge:5rem;--space-xxlarge:8rem;--font-color:#b8bcbb;--font-large:2rem;--font-medium:1.25rem;--font-small:1rem;--font-xsmall:.875rem}body{font-family:LXGW WenKai TC,cursive;font-style:normal;font-weight:400}.left-panel{width:var(--left-panel-width);writing-mode:vertical-rl;text-orientation:upright;z-index:2;justify-content:space-between;align-items:center;height:100%;padding-bottom:1.35rem;display:flex;position:fixed;left:0}.left-panel .left-name{padding-top:var(--space-xsmall);color:var(--blue-gray);letter-spacing:.35em;border-radius:8px;font-size:2.25rem;transition:all .28s;position:relative;transform:translateY(15%)}.left-panel .left-logo{opacity:.5;transform:scale(.67)}b{font-weight:700}.font-title{color:var(--font-color);font-size:var(--font-large);letter-spacing:.35em;line-height:1.75em}.font-body-small{color:var(--font-color);font-size:var(--font-small);letter-spacing:.35em;line-height:1.75em}.font-body-medium{color:var(--font-color);font-size:var(--font-medium);letter-spacing:.35em;line-height:1.75em}.text-center{text-align:center}.font-noto{font-family:Noto Sans,sans-serif}.letter-spacing-0{letter-spacing:0}.text-underline{text-decoration:underline}.font-xsmall{font-size:var(--font-xsmall)}.block{display:block}.back-to-home{padding:var(--space-small);color:var(--white);cursor:pointer;background:var(--green-gray);text-decoration:none;display:inline-block;position:relative}.back-to-home:before{content:"";background-color:var(--dark-blue-gray);width:0;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:0;left:0}.back-to-home:hover:before{width:100%;animation:.3s ease-in-out forwards borderAnimation}@keyframes borderAnimation{0%{width:0}to{width:100%}}.animate-in-on-view{opacity:0;transform-style:preserve-3d;transition:all .48s ease-in-out;transform:rotateY(12deg)rotateX(40deg)}.animate-in-on-view.in-view{opacity:1;transform:rotateY(0)rotateX(0)}.container{padding-left:var(--left-panel-width);max-width:100%;overflow:hidden}.hero{grid-template-rows:1.5fr 1fr;grid-template-columns:unset;width:100%;height:100vh;display:grid;position:relative}@media (width>=768px){.hero{grid-template-columns:1fr 1fr;grid-template-rows:unset;align-items:center;gap:var(--space-large);display:grid}}.hero .left-image{left:calc(-1*var(--left-panel-width));width:100vw;position:relative;overflow:hidden}@media (width>=768px){.hero .left-image{width:45vw;height:100%;left:unset}}.hero .left-image>img{object-fit:cover;object-position:center;will-change:transform,opacity;backface-visibility:hidden;width:100%;height:100%;transition:transform .24s ease-out;display:block}.hero .hero-content{color:var(--font-color);font-size:var(--font-small);letter-spacing:.35em;padding-top:var(--space-large);flex-direction:column;max-width:80%;line-height:1.75em;display:flex}@media (width>=768px){.hero .hero-content{max-width:unset;color:var(--font-color);font-size:var(--font-medium);letter-spacing:.35em;line-height:1.75em;display:block}}.interlude{width:100%;height:100vh;min-height:100vh;padding-top:var(--space-xlarge)}.interlude .interlude-bg{clip-path:circle(15% at 50% 27%);will-change:clip-path;background-image:url(interlude-bg-mobile.e38228cf.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;overflow:hidden}@media (width>=768px){.interlude .interlude-bg{clip-path:circle(15% at 60% 42%);background-image:url(interlude-bg.4ad5834b.jpg)}}.bride-profile,.groom-profile{width:100%;height:100%;padding-top:var(--space-xlarge);padding-bottom:var(--space-xlarge);grid-template-columns:28vw 45vw;justify-content:space-between;align-items:center;display:grid}.bride-profile .bride-profile-content,.groom-profile .groom-profile-content{color:var(--font-color);font-size:var(--font-small);letter-spacing:0;gap:var(--space-small);flex-direction:column;line-height:1.75em;display:flex}@media (width>=768px){.bride-profile .bride-profile-content,.groom-profile .groom-profile-content{color:var(--font-color);font-size:var(--font-medium);letter-spacing:0;padding-left:2rem;line-height:1.75em}}.bride-profile .bride-profile-content p>span,.groom-profile .groom-profile-content p>span{display:block}.bride-profile .bride-profile-bg,.groom-profile .groom-profile-bg{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:48vw;overflow:hidden}.groom-profile{margin-top:var(--space-large)}.groom-profile .groom-profile-bg{background-image:url(groom-profile-bg.e73bbabf.jpg)}.bride-profile .bride-profile-bg{background-image:url(bride-profile-bg.66a55b20.jpg)}.timeline{width:100%;height:100%;min-height:100vh;padding-top:var(--space-xlarge);padding-bottom:var(--space-xlarge);align-items:center;display:flex}.timeline .timeline-content{margin:0 auto;position:relative}.timeline .timeline-content .subtitle{text-align:center;color:var(--font-color);font-size:var(--font-large);letter-spacing:.35em;line-height:1.75em}.timeline .timeline-content ul{flex-direction:column;display:flex}.timeline .timeline-content ul .timeline-item{color:var(--font-color);font-size:var(--font-medium);margin-top:var(--space-xlarge);margin-bottom:var(--space-xlarge);padding-left:var(--space-medium);transform:unset;line-height:1.75em;display:inline-flex;position:relative}.timeline .timeline-content ul .timeline-item:before{content:"";width:var(--space-xxsmall);height:var(--space-xxsmall);background:var(--green-gray);border-radius:50%;position:absolute;top:20%;left:0}.timeline .timeline-content ul .timeline-item:not(:first-child):after{content:"";background:var(--green-gray);width:1px;height:320%;left:calc(var(--space-xxsmall)/2);transform-origin:top;transition:all .68s ease-in-out;position:absolute;top:-300%;transform:scaleY(0)}.timeline .timeline-content ul .timeline-item.in-view:after{transform:scaleY(1)}.gallery{scrollbar-width:none;grid-template-columns:repeat(3,auto);gap:4vw;width:100%;height:100%;min-height:100vh;display:grid;overflow-x:scroll}.gallery.animate-gallery-pillar>.gallery-pillar{opacity:1;transform:translateY(0)}.gallery .gallery-pillar{color:var(--font-color);font-size:var(--font-large);letter-spacing:.35em;text-orientation:upright;writing-mode:vertical-rl;opacity:0;will-change:all;justify-content:center;align-items:center;width:256px;line-height:1.75em;transition-property:all;transition-duration:.85s;transition-timing-function:ease-in-out;display:flex;position:relative;overflow:hidden;transform:translateY(15%)}@media (width>=768px){.gallery .gallery-pillar{width:100%;overflow:hidden}}.gallery .gallery-pillar.animate-gallery-pillar{opacity:1;transform:translateY(0)}.gallery .gallery-pillar[data-country=taiwan]{transition-delay:0s}.gallery .gallery-pillar[data-country=toronto]{transition-delay:.24s}.gallery .gallery-pillar[data-country=penang]{transition-delay:.48s}.gallery .gallery-pillar>.gallery-overlay-btn{cursor:pointer;width:100%;height:100%;color:var(--font-color);font-size:var(--font-large);letter-spacing:.35em;background:#00000073;justify-content:center;align-items:center;line-height:1.75em;display:flex;position:absolute;inset:0}.gallery .gallery-pillar>.gallery-overlay-btn:hover{opacity:1}.gallery .gallery-pillar>.gallery-overlay-btn>span{font-family:Noto Sans,sans-serif;font-size:var(--font-medium);writing-mode:lr;letter-spacing:0}.gallery .gallery-pillar>.gallery-overlay-btn>.label{writing-mode:lr;bottom:var(--space-medium);border:1px solid var(--font-color);padding:var(--space-xsmall);letter-spacing:normal;line-height:normal;font-size:var(--font-xsmall);border-radius:32px;position:absolute}.gallery .gallery-pillar>p{z-index:1;position:relative}.gallery .gallery-pillar>img{object-fit:cover;height:100%;transition-property:all;transition-duration:.38s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute}.gallery .gallery-pillar:hover>img{transform:scale(1.2)}.gallery-modal{z-index:100;width:100%;height:100%;padding-top:var(--space-xsmall);padding-right:var(--space-xsmall);padding-left:var(--space-xsmall);padding-bottom:var(--space-xxlarge);background-color:#000000e6;position:fixed;top:0;left:0;overflow-y:scroll}.gallery-modal.inactive{display:none}.gallery-modal .photos,.gallery-modal .modal-content{gap:var(--space-small);flex-direction:column;display:flex}@media (width>=768px){.gallery-modal .modal-content{flex-direction:row}}.gallery-modal .modal-close{cursor:pointer;z-index:101;color:#2d2d2d;aspect-ratio:1;background:#ffffffbf;border-radius:50%;justify-content:center;align-items:center;width:48px;margin:auto;padding:0;font-family:Noto Sans,sans-serif;font-size:2rem;text-decoration:none;transition-property:all;transition-duration:.38s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:fixed;bottom:.85em;left:0;right:0}.gallery-modal .modal-close:hover{transform:scale(1.25)}.gallery-modal .modal-caption{text-align:center;color:var(--font-color);font-size:var(--font-small);letter-spacing:0;margin-top:15px;line-height:1.75em}@media (width>=768px){.gallery-modal .modal-caption{color:var(--font-color);font-size:var(--font-medium);letter-spacing:0;line-height:1.75em}}.countdown{background:var(--green-gray);width:100%;height:480px;margin-top:var(--space-xlarge);justify-content:center;align-items:center;display:flex}.countdown .countdown-content{text-align:center;color:var(--white);font-size:var(--font-small);letter-spacing:0;line-height:1.75em}.countdown .countdown-content .title{color:var(--white);font-size:var(--font-large);letter-spacing:.35em;line-height:1.75em}.countdown .countdown-content .subtitle{color:var(--white);font-size:var(--font-medium);letter-spacing:.35em;line-height:1.75em}.countdown .countdown-content .countdown-timer{gap:var(--space-medium);padding-top:var(--space-medium);justify-content:center;margin:0 auto;display:flex}.countdown .countdown-content .countdown-timer .time-segment{flex-direction:column;display:inline-flex}.countdown .countdown-content .countdown-timer .time-segment .time-value{color:var(--white);font-size:var(--font-medium);font-family:Noto Sans,sans-serif}.countdown .countdown-content .countdown-timer .time-segment .time-label{color:var(--white);font-size:var(--font-medium);letter-spacing:0;text-align:center;line-height:1.75em}.rsvp{min-height:100vh;padding-top:var(--space-xlarge);width:480px;max-width:100%;padding-right:var(--space-medium);margin:0 auto}@media (width>=768px){.rsvp{padding-right:0}}.rsvp .location .location-image{aspect-ratio:1;border-radius:50%;width:256px;height:256px;margin:0 auto;display:block;overflow:hidden}.rsvp .location .location-image>img{object-fit:cover;width:100%;height:100%}.rsvp .location .location-description{color:var(--font-color);font-size:var(--font-small);letter-spacing:0;padding-top:var(--space-small);text-align:center;line-height:1.75em}.rsvp .location .location-description>h2{color:var(--font-color);font-size:var(--font-medium);letter-spacing:0;line-height:1.75em}.rsvp .location .location-description>h2,.rsvp .location .location-description>h3{font-weight:700}.rsvp .location .location-description>p svg{width:16px;display:inline}.rsvp .rsvp-content{color:var(--font-color);font-size:var(--font-small);letter-spacing:0;padding-top:var(--space-xlarge);line-height:1.75em}.rsvp .rsvp-content .title{color:var(--font-color);font-size:var(--font-large);text-align:center;letter-spacing:.65em;font-family:Noto Sans,sans-serif;font-weight:300}.rsvp .rsvp-content .attendance-options{gap:var(--space-small);display:flex}.rsvp .rsvp-content .attendance-options .attendance-button{border:1px solid var(--green-gray);padding:var(--space-xsmall)var(--space-small);color:var(--font-color);cursor:pointer;font-size:var(--font-small);border-radius:40px}.rsvp .rsvp-content .attendance-options .attendance-button:hover,.rsvp .rsvp-content .attendance-options .attendance-button.active{background:var(--green-gray);color:#fff}.rsvp .rsvp-content .attendance-options .attendance-button{margin-top:var(--space-medium);text-align:center;width:100%}.rsvp .rsvp-form .disabled{display:none}.rsvp .rsvp-form .form-submit-button{border:1px solid var(--green-gray);padding:var(--space-xsmall)var(--space-small);color:var(--font-color);cursor:pointer;font-size:var(--font-small);border-radius:40px}.rsvp .rsvp-form .form-submit-button:hover,.rsvp .rsvp-form .form-submit-button.active{background:var(--green-gray);color:#fff}.rsvp .rsvp-form .form-submit-button{width:100%;height:56px}.rsvp .rsvp-form .form-submit-button.loading{cursor:wait}.rsvp .rsvp-form .form-submit-button:hover>svg{fill:var(--blue-gray)}.rsvp .rsvp-form .form-submit-button>svg{fill:#fff;width:24px;height:24px;margin:0 auto;animation:2s linear infinite rotate;display:block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rsvp .rsvp-form .form-title{color:var(--font-color);line-height:2em;font-size:var(--font-small);margin-top:var(--space-medium)}.rsvp .rsvp-form .form-subtitle{color:var(--font-color);line-height:2em;font-size:var(--font-small)}.rsvp .rsvp-form .form-grid{margin-bottom:var(--space-medium)}.rsvp .rsvp-form .form-grid .form-group{gap:var(--space-small);grid-template-columns:repeat(2,1fr);display:grid}.rsvp .rsvp-form input,.rsvp .rsvp-form textarea{resize:none;background:var(--white);border:1px solid var(--green-gray);width:100%;font-size:var(--font-small);padding:var(--space-xsmall);color:var(--font-color);border-radius:4px}.confirmation-modal{padding:var(--space-medium);z-index:1001;text-align:center;visibility:visible;opacity:1;pointer-events:auto;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;right:0}.confirmation-modal .success-message,.confirmation-modal .failed-message{display:none}.confirmation-modal .confirmation-overlay{backdrop-filter:blur(5px);background:#ffffff26;width:100%;height:100%;position:fixed;inset:0}.confirmation-modal.inactive{visibility:hidden;opacity:0;pointer-events:none}.confirmation-modal.successful .success-message,.confirmation-modal.failed .failed-message{display:block}.confirmation-modal .confirmation-content{color:var(--font-color);font-size:var(--font-medium);letter-spacing:.35em;backdrop-filter:blur(10px);border:2px solid var(--blue-gray);width:360px;max-width:95%;height:480px;padding:var(--space-large);background:#fff;border-radius:32px;grid-template-rows:auto 1fr auto;margin:0 auto;line-height:1.75em;display:grid}.confirmation-modal .confirmation-content>img{margin-left:auto;margin-right:auto;margin-top:var(--space-small);opacity:.65}.confirmation-modal .confirmation-content>.confirmation-message{color:var(--font-color);font-size:var(--font-medium);letter-spacing:.3em;flex-direction:column;justify-content:center;line-height:1.75em;display:flex}.confirmation-modal .confirmation-content .confirmation-close{cursor:pointer;background:var(--green-gray);width:100%;padding:var(--space-small);color:var(--white);border-radius:32px;margin:0 auto;text-decoration:none;transition-property:all;transition-duration:.38s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.confirmation-modal .confirmation-content .confirmation-close:hover{transform:scale(1.05)}footer{color:var(--font-color);font-size:var(--font-medium);letter-spacing:.35em;padding:var(--space-medium);width:100%;line-height:1.75em}.hidden{visibility:hidden;pointer-events:none;opacity:0;display:none}
/*# sourceMappingURL=yunandkeat-web-taiwan.a00dc92c.css.map */