*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--stage-scale:1;font-size:18px}body{--color-text:#2f251f;--color-bg:#fbf4ea;--color-paper:#fff9f1;--color-veil:#f1e4d5;--color-link:#6f5137;--color-link-hover:#a9682a;--color-border:#e2d3c0;--color-border-strong:#a88a68;--color-muted:#7e6b5b;--contact-link-border:var(--color-border);--map-link-border:var(--color-border);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--stage-width:900px;--stage-height:1440px;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Georgia,Noto Serif KR,serif;font-size:16px;line-height:1.7;overflow-x:hidden}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);text-underline-offset:.18em;outline:none;text-decoration:none;transition:color .12s ease-out,border-color .12s ease-out,background-color .12s ease-out}a:hover,a:focus{color:var(--color-link-hover);outline:none;text-decoration:underline}a:focus-visible,.button:focus-visible{outline:2px solid var(--color-link);outline-offset:3px}.message{background:var(--color-text);color:var(--color-bg);text-align:center;padding:1rem}.frame{text-align:center;z-index:1000;padding:3rem 45px;position:relative}.frame__title{margin:0 0 1rem;font-size:1rem;font-weight:400}.frame__links{display:inline}.frame__links a:not(:last-child){margin-right:1rem}.frame__demos a:not(:last-child){margin-right:2rem}.frame__demos{margin:1rem 0}.frame__demo{white-space:nowrap}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text)}.title{font-family:Georgia,Noto Serif KR,serif;font-weight:700}.js-image{max-width:100%;height:auto;display:block}.loaded .js-image{opacity:0}canvas{z-index:100;pointer-events:none;position:fixed;top:0;left:0}.stage{min-height:var(--stage-height);transform:translate3d(-50%, 0, 0) scale(var(--stage-scale));transform-origin:top;width:var(--stage-width);will-change:transform;position:absolute;top:0;left:50%}.stage [data-scroll]{min-height:var(--stage-height);width:var(--stage-width)}.header{padding:var(--space-8) var(--space-10)}.header__title{text-wrap:balance;word-break:keep-all;max-width:11em;font-family:Georgia,Noto Serif KR,serif;font-size:60px;font-weight:600;line-height:1.05}.header__note{color:var(--color-muted);margin-top:var(--space-6);text-wrap:pretty;word-break:keep-all;max-width:30em;font-size:18px;line-height:1.8}.section{min-height:var(--stage-height);margin:0 100px;padding:288px 0}.intro{text-align:right;padding-top:100px;font-size:18px}.intro__title{color:var(--color-link-hover);text-align:right;word-break:keep-all;padding-top:1em;font-size:34px;font-weight:500;line-height:1.18;position:absolute;bottom:-2em;right:0}.intro__wrap{position:relative}.intro__background-image{margin-right:20%;position:relative}.intro__background-image img{aspect-ratio:941/1672;object-fit:cover;width:100%;display:block}.intro__foreground-image{width:60%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.intro__foreground-image img,.dos__background-image img,.tres__foreground-image img,.cuatro li img,.last__image img{aspect-ratio:941/1672;object-fit:cover}.dos{margin:100px 50px;position:relative}.dos img{width:100%;max-width:100%;display:block}.dos__foreground{width:40%;padding-left:6em;position:relative}.dos__background{text-align:right;margin-top:-202px;margin-left:30%;position:relative}.dos__text{word-break:keep-all;width:40%;font-size:18px;line-height:1.8;position:absolute;bottom:0;right:calc(100% + 1em)}.meta{font-family:Georgia,Noto Serif KR,serif;font-weight:700;line-height:1.15}.dos .meta{transform-origin:0 0;position:absolute;top:100%;left:0;transform:rotate(-90deg)}.meta__subtitle{color:var(--color-link-hover);white-space:nowrap;font-size:14px;font-weight:500;line-height:1.6}.meta__title{white-space:nowrap;font-size:48px;font-weight:600;line-height:1.15}.tres{position:relative}.tres__background{z-index:1;width:55%;margin-top:-40%;position:relative}.tres__background img{width:100%;display:block}.tres__text{word-break:keep-all;width:20em;padding-top:1em;font-size:16px;line-height:1.7;position:absolute;top:100%;left:0}.tres .meta{transform-origin:0 0;text-align:left;width:8em;position:absolute;top:100%;right:-1em;transform:rotate(-90deg)}.tres__foreground{text-align:right;z-index:2;width:100%;padding-right:8em;display:inline-block;position:relative}.tres__foreground-image{float:right;width:calc(70% - 8em)}.tres__foreground img{width:100%;display:block}.cuatro ul{max-width:800px;margin:100px auto;list-style:none;overflow:hidden}.cuatro li{text-align:center;float:left;width:50%;margin-bottom:2em}.last{align-items:center;gap:var(--space-16);max-width:calc(var(--stage-width) - var(--space-20));text-align:left;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);margin:100px auto 0;padding-bottom:432px;display:grid}.last__content{background:linear-gradient(135deg, var(--color-paper), var(--color-veil));border:1px solid var(--color-border);padding:var(--space-12);z-index:1;border-radius:8px;position:relative}.last__lead{margin:var(--space-8) 0 0;text-wrap:pretty;word-break:keep-all;max-width:28em;font-size:18px;line-height:1.8}.last__details{border-left:1px solid var(--color-border-strong);color:var(--color-muted);gap:var(--space-2);margin:var(--space-8) 0 0;padding-left:var(--space-4);font-style:normal;line-height:1.65;display:grid}.last__actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.last__image{z-index:0;max-width:none;margin:0;position:relative}.last__image img{width:100%;margin:0 auto}.last img{max-width:100%;display:block}.button{background:var(--color-paper);border:1px solid var(--color-border);color:var(--color-link);cursor:pointer;margin:0 var(--space-1) var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);text-align:center;border-radius:6px;justify-content:center;align-items:center;font-family:Georgia,Noto Serif KR,serif;font-size:14px;line-height:1.6;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out,transform .12s ease-out;display:inline-flex}.button:hover:not(:disabled){border-color:var(--color-link);color:var(--color-link-hover);text-decoration:none}.button:active:not(:disabled){transform:translateY(1px)}.button:focus:not(:focus-visible){outline:none}.button--primary{background:var(--color-link);border-color:var(--color-link);color:var(--color-paper)}.button--primary:hover{background:var(--color-link-hover);border-color:var(--color-link-hover);color:var(--color-paper);text-decoration:none}
/*# sourceMappingURL=mobile-wedding-unrolling-invitation.6f6f7605.css.map */