*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#111;background:#fff;font-family:Arial,Helvetica,sans-serif}:root{--color-bg:#eee;--color-main-bg:#eee;--color-page-bg:#fff;--color-soft-blush:#fef0ec;--color-mint:#ebf7f2;--color-champagne-gold:#cfc0a3;--color-olive:#7c836f;--poster-frame-inset:clamp(10px, 3.3vw, 14px);--poster-frame-side-top:clamp(18px, 5.4vw, 23px);--poster-copy-top:clamp(68px, 11.5vh, 108px);--poster-copy-start-offset:clamp(40vh, 56vh, 62vh);--poster-copy-side-padding:clamp(10px, 4vw, 20px);--poster-frame-copy-gap:clamp(8px, 2.6vw, 10px);--poster-title-size:clamp(44px, 9.2vh, 62px);--poster-script-size:clamp(26px, 5vh, 34px);--poster-leads-gap:clamp(18px, 5.4vw, 50px);--poster-credit-size:clamp(12px, 1.9vh, 13px);--poster-save-size:clamp(15px, 2.7vh, 18px);--poster-date-size:clamp(15px, 2.7vh, 18px);--poster-day-size:clamp(10px, 1.7vh, 11px);--poster-title-margin:clamp(10px, 2vh, 14px);--poster-credit-margin:clamp(6px, 1.4vh, 10px);--poster-save-margin:clamp(2px, .8vh, 4px)}@media (height<=720px){:root{--poster-copy-top:clamp(58px, 9.8vh, 84px);--poster-copy-start-offset:clamp(44vh, 58vh, 62vh);--poster-title-size:clamp(40px, 8.2vh, 52px);--poster-script-size:clamp(24px, 4.3vh, 30px);--poster-leads-gap:clamp(14px, 4vw, 26px);--poster-credit-size:clamp(11px, 1.7vh, 12px);--poster-save-size:clamp(14px, 2.3vh, 16px);--poster-date-size:clamp(14px, 2.3vh, 16px);--poster-day-size:clamp(9px, 1.4vh, 10px);--poster-title-margin:clamp(8px, 1.5vh, 10px);--poster-credit-margin:clamp(4px, 1vh, 6px);--poster-save-margin:clamp(1px, .4vh, 3px)}}.bgm-wrapper{z-index:1000;justify-content:flex-end;width:100%;padding:8px 10px;display:flex;position:absolute;top:0;left:0}.bgm-banner{justify-content:center;align-items:center;display:flex}.sound{width:auto;min-width:30px;height:24px;box-shadow:none;background:#a9a9a9;border:0;border-radius:999px;justify-content:center;align-items:center;gap:2px;padding:10px;display:inline-flex}.sound span{transform-origin:50%;background:#fff;border-radius:999px;width:2px;height:2px;transition:height .2s,transform .2s,opacity .2s;display:block}.sound .paused{opacity:1}.sound.playing span{animation-name:sound-wave;animation-duration:var(--bar-duration,.9s);animation-delay:var(--bar-delay,0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.sound.paused span{height:2px;animation:none}@keyframes sound-wave{0%,to{height:2px;transform:translateY(0)}50%{height:var(--bar-max-height,10px);transform:translateY(0)}}.main{background:var(--color-bg);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;margin:0 auto;padding:0;display:flex}.page{background:var(--color-page-bg);color:#5c5248;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:425px;min-height:100vh;padding:0 0 24px;display:flex;position:relative}.page--notice{justify-content:center;padding:24px}.viewport-notice-card{width:100%}.viewport-notice-frame{background:linear-gradient(180deg, #ffffffd1, #fff7f2eb), var(--color-page-bg);min-height:320px;padding:32px 22px 24px;position:relative;overflow:hidden}.viewport-notice-frame:before,.viewport-notice-frame:after{content:"";top:var(--poster-frame-side-top);bottom:var(--poster-frame-inset);pointer-events:none;background:#cfc0a3cc;width:1px;position:absolute}.viewport-notice-frame:before{left:var(--poster-frame-inset)}.viewport-notice-frame:after{right:var(--poster-frame-inset)}.viewport-notice-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:264px;padding:54px 18px 28px;display:flex}.viewport-notice-eyebrow{letter-spacing:.12em;color:#9b8d79;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.viewport-notice-title{color:#4d443b;margin:0 0 10px;font-size:clamp(24px,5vw,28px);line-height:1.3}.viewport-notice-text{color:#6a6056;word-break:keep-all;margin:0;font-size:14px;line-height:1.6}.wedding-date-header{text-align:center;color:#49413a;letter-spacing:-.2px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:0;padding:50px 33px 24px;font-family:Crimson Pro,Noto Sans KR,serif;display:flex}.page-sections{width:100%;position:relative}.poster-stage{z-index:1;width:100%;height:200vh;position:relative}.poster-frame-shell{z-index:0;height:100vh;position:sticky;top:0;overflow:hidden}.poster-card-frame{background:#000;height:100vh;position:relative;overflow:hidden}.poster-card-frame:before,.poster-card-frame:after{content:"";top:var(--poster-frame-side-top);bottom:var(--poster-frame-inset);z-index:3;pointer-events:none;background:#cfc0a3cc;width:1px;position:absolute}.poster-card-frame:before{left:var(--poster-frame-inset)}.poster-card-frame:after{right:var(--poster-frame-inset)}.poster-frame-bottom{left:var(--poster-frame-inset);right:var(--poster-frame-inset);bottom:var(--poster-frame-inset);z-index:4;pointer-events:none;background:#cfc0a3cc;height:1px;position:absolute}.poster-frame-top{top:var(--poster-frame-inset);left:var(--poster-frame-inset);right:var(--poster-frame-inset);z-index:4;align-items:center;gap:var(--poster-frame-copy-gap);display:flex;position:absolute}.poster-frame-line{background:#cfc0a3cc;flex:1;height:1px}.poster-frame-copy{white-space:nowrap;color:#f7f0e7;margin:0;font-family:Crimson Pro,Times New Roman,serif;font-size:15px;font-style:italic}.poster-image{object-fit:cover;width:100%;height:100%;display:block}.poster-copy-track{z-index:2;pointer-events:none;height:260vh;position:absolute;inset:0}.poster-card-copy{height:100vh;margin-top:var(--poster-copy-start-offset);z-index:4;position:sticky;top:0}.poster-copy-content{top:var(--poster-copy-top);left:var(--poster-frame-inset);right:var(--poster-frame-inset);padding:0 var(--poster-copy-side-padding);flex-direction:column;align-items:center;display:flex;position:absolute}.poster-title-wrap{text-align:center;margin-bottom:var(--poster-title-margin)}.poster-leads{justify-content:center;align-items:center;gap:var(--poster-leads-gap);display:flex}.poster-lead-name{color:#fdf9f3;font-size:var(--poster-credit-size);letter-spacing:.08em;font-weight:700}.poster-script{font-family:Crimson Pro,Times New Roman,serif;font-size:var(--poster-script-size);color:#fdf9f3;margin:0;font-style:italic}.poster-title{font-size:var(--poster-title-size);letter-spacing:-.05em;color:#fffaf4;margin:0;font-weight:800;line-height:.92}.poster-credit{margin:0 0 var(--poster-credit-margin);text-align:center;font-size:var(--poster-credit-size);letter-spacing:.08em;color:#f3ece0;font-weight:700}.poster-date-block{text-align:center;color:#fffaf4}.poster-save{margin:0 0 var(--poster-save-margin);font-family:Crimson Pro,Times New Roman,serif;font-size:var(--poster-save-size);font-style:italic}.poster-date-text,.poster-day{margin:0}.poster-date-text{font-size:var(--poster-date-size);letter-spacing:.05em;font-weight:700}.poster-day{font-size:var(--poster-day-size);letter-spacing:.18em;margin-top:2px}.scroll-test-section{background:#00f;width:100%;min-height:1200px}