*,: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}@media (prefers-reduced-motion:reduce){.js .loading:after{opacity:1;animation:none}}.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)}.fullscreen-photo{background:var(--color-bg);height:calc(100svh / var(--stage-scale));margin-left:calc((var(--stage-width) - (100vw / var(--stage-scale))) / 2);width:calc(100vw / var(--stage-scale));position:relative;overflow:hidden}.fullscreen-photo img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.fullscreen-photo picture{width:100%;height:100%;display:block}.fullscreen-photo--poster img,.fullscreen-photo--closing img{object-fit:cover}.fullscreen-photo--poster img{object-position:center bottom}.invitation-announcement{align-content:center;min-height:720px;padding:144px 88px;display:grid}.invitation-announcement h1{letter-spacing:-.04em;text-wrap:balance;word-break:keep-all;max-width:760px;font-size:64px;font-weight:600;line-height:1.35}.section{min-height:var(--stage-height);margin:0 100px;padding:288px 0}.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__foreground-image img,.dos__background-image img,.tres__foreground-image img,.cuatro li img{height:auto}.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{text-align:left;transform-origin:0 0;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{float:left;text-align:center;width:50%;margin-bottom:2em}.closing-message{text-align:center;align-content:center;justify-items:center;min-height:980px;padding:120px 72px;display:grid}.closing-message__eyebrow{color:var(--color-link-hover);letter-spacing:.2em;margin-bottom:var(--space-8);font-size:14px}.closing-message h2{word-break:keep-all;font-size:58px;font-weight:500;line-height:1.35}.closing-message>p:last-child{color:var(--color-muted);margin-top:var(--space-8);font-size:20px}.scene{min-height:var(--stage-height);padding:140px 72px;position:relative;overflow:hidden}.scene__number{color:var(--color-muted);letter-spacing:.2em;font-size:14px;position:absolute;top:72px;left:72px}.scene__caption{color:var(--color-muted);letter-spacing:.16em;text-align:center;font-size:13px}.scene--poster,.scene--closing{align-content:center;gap:var(--space-8);justify-items:center;display:grid}.poster,.closing-photo{justify-items:center;width:100%;margin:0;display:grid}.poster img{object-fit:contain;width:100%;max-width:700px;max-height:1160px;display:block}.scene--copy{text-align:center;align-content:center;justify-items:center;display:grid}.scene--copy:before{color:color-mix(in srgb, var(--color-border) 34%, transparent);content:attr(data-scene);pointer-events:none;font-size:360px;font-weight:400;line-height:.8;position:absolute;top:168px;right:44px}.scene--copy>*{z-index:1;position:relative}.scene--copy-left{text-align:left;justify-items:start;padding-left:150px}.scene--copy-left:before{left:auto;right:46px}.scene--copy-right{text-align:right;justify-items:end;padding-right:150px}.scene--copy-right:before{left:46px;right:auto}.scene--copy-accent{background:linear-gradient(115deg, var(--color-bg) 0 54%, var(--color-veil) 54% 100%)}.scene--copy-promise:after{background:var(--color-border-strong);content:"";width:1px;height:220px;position:absolute;top:50%;left:104px;transform:translateY(-50%)}.scene--copy-final{background:radial-gradient(circle at center, var(--color-paper), var(--color-bg) 62%)}.copy-scene__eyebrow{color:var(--color-link-hover);letter-spacing:.24em;margin-bottom:var(--space-8);font-size:14px}.copy-scene__title{text-wrap:balance;word-break:keep-all;max-width:760px;font-family:Georgia,Noto Serif KR,serif;font-size:58px;font-weight:500;line-height:1.38}.copy-scene__title--closing{font-size:72px}.copy-scene__note{color:var(--color-muted);letter-spacing:.14em;margin-top:var(--space-10);font-size:14px}.scene--pair{align-content:center;display:grid}.scene--pair:after{border:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);content:"";pointer-events:none;position:absolute;inset:68px}.photo-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;width:100%;max-width:760px;margin:0 auto;display:grid}.photo-pair__item{width:100%;margin:0;position:relative}.photo-pair__item--lower{transform:translateY(96px)}.scene--pair-a .photo-pair{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);max-width:810px}.scene--pair-a .photo-pair__item:first-child{transform:translateY(-118px)}.scene--pair-a .photo-pair__item:last-child{transform:translateY(82px)}.scene--pair-b .photo-pair{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);max-width:800px}.scene--pair-b .photo-pair__item:first-child{transform:translateY(112px)}.scene--pair-b .photo-pair__item:last-child{transform:translateY(-92px)}.scene--pair-c .photo-pair{gap:84px;max-width:720px}.scene--pair-c .photo-pair__item:first-child{transform:translateY(72px)}.scene--pair-c .photo-pair__item:last-child{transform:translateY(-88px)}.scene--pair-d .photo-pair{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);max-width:800px}.scene--pair-d .photo-pair__item:first-child{transform:translateY(-76px)}.scene--pair-d .photo-pair__item:last-child{transform:translateY(96px)}.photo-pair img{aspect-ratio:941/1672;object-fit:cover;width:100%;display:block}.photo-pair__caption{color:var(--color-muted);letter-spacing:.2em;font-size:12px;position:absolute;bottom:92px;right:88px}.scene--pair-b .photo-pair__caption,.scene--pair-d .photo-pair__caption{left:88px;right:auto}.closing-photo img{object-fit:contain;width:100%;max-width:820px;max-height:1020px;display:block}.closing-footer{color:var(--color-muted);align-items:center;gap:var(--space-2);letter-spacing:.14em;margin-top:var(--space-4);text-align:center;flex-direction:column;font-size:13px;display:flex}.closing-footer .button{letter-spacing:0;margin-top:var(--space-6)}.reading-progress{background:color-mix(in srgb, var(--color-paper) 88%, transparent);border:1px solid var(--color-border);align-items:center;gap:var(--space-3);z-index:300;border-radius:999px;width:min(300px,100vw - 40px);padding:10px 14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.reading-progress__label{color:var(--color-muted);font-variant-numeric:tabular-nums;letter-spacing:.12em;flex:none;font-size:11px}.reading-progress__track{background:var(--color-border);width:100%;height:1px;display:block;position:relative;overflow:hidden}.reading-progress__bar{background:var(--color-link-hover);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.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}@media (width<=750px){.scene--pair{min-height:2100px}.photo-pair{grid-template-columns:minmax(0,620px);justify-content:center;gap:56px;max-width:620px}.photo-pair__item,.scene--pair-a .photo-pair__item:first-child,.scene--pair-a .photo-pair__item:last-child,.scene--pair-b .photo-pair__item:first-child,.scene--pair-b .photo-pair__item:last-child,.scene--pair-c .photo-pair__item:first-child,.scene--pair-c .photo-pair__item:last-child,.scene--pair-d .photo-pair__item:first-child,.scene--pair-d .photo-pair__item:last-child{width:82%;transform:none}.photo-pair__item:first-child{justify-self:start}.photo-pair__item:last-child{justify-self:end}.scene--copy-left{padding-left:120px}.scene--copy-right{padding-right:120px}.copy-scene__title{max-width:700px;font-size:54px}.copy-scene__title--closing{font-size:68px}}@media (prefers-reduced-motion:reduce){.reading-progress__bar{transition:none}}@media (width<=750px){.invitation-announcement{min-height:880px;padding:160px 72px}.invitation-announcement h1{max-width:700px;font-size:54px}.section{min-height:1600px;margin:0 56px;padding:240px 0}.dos{margin-left:32px;margin-right:32px}.dos__foreground{width:56%;padding-left:76px}.dos__background{margin-top:-150px;margin-left:24%}.dos__text{width:250px;font-size:17px;right:calc(100% + 24px)}.meta__title{font-size:42px}.tres__foreground{padding-right:64px}.tres__foreground-image{width:calc(72% - 64px)}.tres__background{width:62%;margin-top:-34%}.tres .meta{right:0}.tres__text{width:18em;font-size:15px}.cuatro{padding-top:180px;padding-bottom:180px}.cuatro ul{max-width:580px;margin:40px auto;overflow:visible}.cuatro li{float:none;width:100%;margin:0 auto 64px}.closing-message{min-height:1200px;padding:180px 84px}.closing-message h2{max-width:10em;font-size:52px}.closing-message>p:last-child{font-size:18px}}@media (width<=480px){.invitation-announcement{padding-left:56px;padding-right:56px}.invitation-announcement h1{font-size:50px}.section{margin-left:44px;margin-right:44px}.dos{margin-left:16px;margin-right:16px}.dos__foreground{width:60%}.dos__background{text-align:left;margin-left:20%}.dos__text{width:100%;margin-top:32px;position:static;bottom:auto;right:auto}.tres__foreground-image{width:calc(76% - 64px)}.tres__background{width:66%}.cuatro ul{max-width:620px}}
/*# sourceMappingURL=mobile-wedding-unrolling-invitation.7e67363e.css.map */