@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Nanum+Pen+Script&family=Noto+Serif+KR:wght@400;500;600&display=swap";:root{--font-body: "Noto Serif KR", Georgia, serif;--font-english: "Cormorant Garamond", Georgia, serif;--font-handwriting: "Nanum Pen Script", cursive}:root{--paper:#faf8f3;--paper-deep:#f0eae1;--ink:#332d28;--muted:#786d63;--accent:#8c705a;--line:#dcd3c6;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default;color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400}img{display:block;max-width:100%;object-fit:cover}html{scroll-behavior:smooth;scroll-padding-top:32px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23786d63' filter='url(%23n)' opacity='.3' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.skip-link{position:fixed;left:20px;top:-100px;padding:12px;background:var(--paper);z-index:100}.skip-link:focus{top:20px}.narrow{max-width:680px;margin-inline:auto}.section{padding:104px 28px}.eyebrow{font-family:var(--font-english);font-size:13px;letter-spacing:.24em;color:var(--muted)}.handwriting{font-family:var(--font-handwriting);font-weight:400}.hero{max-width:1100px;margin:auto;padding:0 38px;text-align:center}.hero-top{display:flex;align-items:center;justify-content:space-between;height:92px;border-bottom:1px solid var(--line)}.monogram{font-family:var(--font-english);font-size:39px;font-style:italic;letter-spacing:-3px;padding-right:8px}.monogram span{font-size:23px;margin:0 5px}.top-date{font-family:var(--font-english);font-size:14px;letter-spacing:.14em}.opening{padding:70px 0 44px}.opening-line{font-size:39px;line-height:1.65;letter-spacing:.005em;animation:ink-reveal .8s ease-out both}.opening-date{margin-top:28px;animation:soft-in .8s ease-out .65s both}.opening-date p{font-family:var(--font-english);font-size:27px;letter-spacing:.12em;margin-bottom:7px}.opening-date span{font-size:14px;letter-spacing:.09em}.hero-photo{width:min(100%,540px);margin:0 auto;animation:soft-in .8s ease-out 1.05s both}.print-frame{background:#fdfbf7;border:1px solid #e6ded2;padding:12px 12px 0;box-shadow:0 12px 32px #4c362310}.print-frame img{width:100%;height:360px;filter:none}.print-frame figcaption{display:flex;justify-content:space-between;align-items:center;padding:15px 6px 16px;font-family:var(--font-english);font-size:12px;letter-spacing:.12em;color:var(--muted)}.print-frame figcaption span:last-child{font-style:italic;font-size:15px;letter-spacing:.01em}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 0 36px;width:90px;margin:auto;animation:soft-in .8s ease-out 1.4s both}.scroll-cue span{font-family:var(--font-english);font-size:12px;letter-spacing:.22em;color:var(--muted)}.section-heading{text-align:center;margin-bottom:44px}.section-number{font-family:var(--font-english);font-style:italic;color:var(--accent);font-size:16px;display:inline-block;margin-bottom:20px}.section-number:before,.section-number:after{content:"";display:inline-block;width:26px;height:1px;background:var(--line);vertical-align:middle;margin:0 13px}.section-heading h2{font-size:24px;letter-spacing:.03em;margin-top:17px}.invitation{text-align:center;padding-top:110px;padding-bottom:126px}.invitation-copy{font-size:17px;line-height:2.4;letter-spacing:.035em}.couple{display:flex;justify-content:center;align-items:center;gap:42px;margin-top:57px}.couple h2{margin-top:12px;font-size:24px;letter-spacing:.13em}.couple-dot{color:var(--accent);margin-top:25px}.couple>div{max-width:42%}.couple>div>p{font-size:13px;line-height:1.9;margin-top:14px}@keyframes soft-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ink-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(5px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@media(min-width:900px){.hero,.hero-photo{position:relative}.hero-photo:before{content:attr(data-date);position:absolute;left:-85px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-family:var(--font-english);font-size:12px;letter-spacing:.22em;color:var(--muted)}.hero-photo:after{content:"THE BEGINNING OF US";position:absolute;right:-85px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-family:var(--font-english);font-size:12px;letter-spacing:.22em;color:var(--muted)}}@media(max-width:600px){.hero{padding:0 24px}.hero-top{height:74px}.monogram{font-size:32px}.top-date{font-size:12px;letter-spacing:.11em}.opening{padding:57px 0 34px}.opening-line{font-size:clamp(26px,7.15vw,34px);line-height:1.7;white-space:nowrap}.opening-date{margin-top:24px}.opening-date p{font-size:24px}.opening-date span{font-size:13px}.hero-photo{width:calc(82vw - 6px);max-width:365px}.print-frame{padding:9px 9px 0}.print-frame img{height:auto;aspect-ratio:1.04;object-position:center}.print-frame figcaption{padding:13px 2px 14px;font-size:11px;letter-spacing:.07em}.print-frame figcaption span:last-child{font-size:14px}.scroll-cue{padding-top:24px;padding-bottom:16px}.section{padding:86px 26px}.invitation{padding-top:99px;padding-bottom:100px}.invitation-copy{font-size:16px;line-height:2.35}.section-heading{margin-bottom:36px}.couple{gap:35px;margin-top:45px}.couple h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:14px}.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:none}.gallery-section{padding:90px 32px 100px;background:#f3eee6;border-top:1px solid #e6dfd4;border-bottom:1px solid #e6dfd4}.gallery-section .section-heading{margin-bottom:62px}.editorial-gallery{max-width:820px;margin:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:54px 30px;align-items:start}.gallery-item-1{grid-column:3/11}.gallery-item-2{grid-column:1/7}.gallery-item-3{grid-column:8/13;margin-top:65px}.gallery-item-4{grid-column:1/13;margin:4px 0}.gallery-item-5{grid-column:5/12}.photo-button{display:block;position:relative;width:100%;padding:0;background:#e5ded3;overflow:hidden}.photo-button img{width:100%;height:auto;aspect-ratio:4/5;filter:none;transition:filter .6s ease,transform .7s ease}.gallery-item-1 img{aspect-ratio:4/4.9}.gallery-item-2 img{aspect-ratio:1}.gallery-item-3 img{aspect-ratio:4/5}.gallery-item-4 img{aspect-ratio:16/10}.gallery-item-5 img{aspect-ratio:4/5}.photo-expand{position:absolute;bottom:11px;right:11px;display:grid;place-items:center;width:30px;height:30px;background:#faf8f3dc;color:var(--ink)}.editorial-gallery figcaption{font-size:12px;color:var(--muted);letter-spacing:.045em;margin-top:13px}.gallery-note{text-align:center;margin-top:55px;font-size:12px;color:var(--muted)}.wedding-section{text-align:center;padding-top:112px;padding-bottom:100px}.wedding-date{font-family:var(--font-english);display:flex;align-items:center;flex-direction:column}.date-year{font-size:28px;letter-spacing:.2em;padding-left:.2em}.wedding-date h2{font-size:124px;line-height:1.15;font-weight:400;letter-spacing:-.015em}.date-weekday{font-size:14px;letter-spacing:.34em;padding-left:.34em}.wedding-details{font-size:16px;line-height:2;margin-top:34px}.wedding-details .small{margin-top:7px}.venue-name{margin-top:27px}.venue-name h3{font-size:21px;letter-spacing:.09em}.venue-name p{font-size:16px}.dday{display:inline-block;font-family:var(--font-english),var(--font-body);font-size:17px;letter-spacing:.08em;margin-top:30px;padding:10px 22px;border-block:1px solid var(--line)}.location{border-top:1px solid var(--line)}.location-title{text-align:center;margin:0 0 28px}.location-title h3{font-size:20px;margin-bottom:13px}.location-title p{font-size:14px;line-height:1.9}.map-frame{background:#efebe4;border:1px solid var(--line)}.map-frame>img{width:100%;height:auto;aspect-ratio:1000/560;object-fit:contain}.map-fallback{aspect-ratio:1000/560;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--muted)}.map-fallback p{font-size:15px}.map-fallback span{font-size:13px}.map-actions{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:6px 0}.text-action{display:flex;gap:7px;align-items:center;justify-content:center;background:none;min-height:48px;padding:8px 3px;font-size:13px}.map-actions>:not(:last-child){position:relative}.map-actions>:not(:last-child):after{content:"";width:1px;height:16px;background:var(--line);position:absolute;right:0}.transportation{margin-top:39px}.accordion{border-bottom:1px solid var(--line)}.accordion-trigger{width:100%;background:none;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:21px 1px;font-size:15px;gap:14px;line-height:1.7}.accordion-trigger svg{flex-shrink:0;transition:transform .45s ease}.is-open .accordion-trigger svg{transform:rotate(180deg)}.accordion-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .45s ease,visibility .45s ease}.accordion-panel>div{overflow:hidden}.is-open>.accordion-panel{grid-template-rows:1fr;visibility:visible}.accordion-content{padding:0 1px 23px;font-size:14px;line-height:2;color:var(--muted);white-space:pre-line}.contact{padding-top:18px;padding-bottom:92px}.contact-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-side>h3{font-size:14px;color:var(--muted);padding-bottom:17px;border-bottom:1px solid var(--line)}.person-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0 8px}.person-row>div>span{font-size:12px;color:var(--muted)}.person-row>div>p{font-size:19px;margin-top:6px;letter-spacing:.08em}.person-actions{display:flex;align-items:center;gap:4px}.person-actions a,.person-actions button{display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.contact-note{text-align:center;color:var(--muted);font-size:12px;margin-top:30px}.accounts-section{background:var(--paper-deep);border-block:1px solid #e1d8cb}.accounts-section .section{padding-top:77px;padding-bottom:84px}.accounts-intro{text-align:center;font-size:15px;line-height:2.2;color:var(--muted);margin-top:-10px}.accounts-list{margin-top:35px}.accounts-list>.accordion:first-child{border-top:1px solid var(--line)}.accounts-list .accordion-trigger{font-size:15px;padding:22px 0}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-row+.account-row{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.account-name{font-size:15px;color:var(--ink)}.sample-label{font-size:11px;color:var(--muted);margin-left:9px;border:1px solid #c9bcae;padding:2px 4px;white-space:nowrap}.account-number{font-family:var(--font-body);font-size:14px;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.account-number span{white-space:nowrap}.account-placeholder{font-size:12px;margin-top:4px;line-height:1.8}.copy-button{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:44px;min-width:58px;background:#faf8f38c;border:1px solid #d5cabc;font-size:12px;padding:0 9px;color:var(--ink)}.footer{padding:111px 30px 0;text-align:center;max-width:1024px;margin:auto}.footer .handwriting{font-size:39px;line-height:1.8}.footer-names{font-family:var(--font-english);font-size:17px;letter-spacing:.17em;margin-top:35px}.footer-names span{font-style:italic;margin:0 7px}.footer-date{font-family:var(--font-english);font-size:18px;letter-spacing:.08em;margin-top:9px}.share-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;background:none;border:1px solid #cbbda9;padding:12px 24px;margin-top:44px;font-size:14px}.footer-bottom{border-top:1px solid var(--line);margin-top:83px;display:flex;justify-content:space-between;align-items:center;padding:22px 0 28px}.footer-bottom .monogram{font-size:28px;opacity:.7}.footer-bottom>a{width:44px;height:44px;display:grid;place-items:center}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;z-index:100;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#41392ff5;color:#faf8f3;padding:14px 19px;font-size:13px;line-height:1.7;display:flex;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 40px);box-shadow:0 5px 24px #30251e12;transition:opacity .35s ease,transform .35s ease}.toast svg{flex-shrink:0}.toast-visible{transform:translate(-50%);opacity:1}.lightbox{background:#221e1b;color:#f5eee4;border:0;padding:0;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;overflow:hidden}.lightbox::backdrop{background:#221e1b}.lightbox[open]{display:grid;grid-template-rows:70px minmax(0,1fr) 80px}.lightbox-top,.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px max(24px,calc((100vw - 950px)/2));gap:18px}.lightbox-top>span{font-family:var(--font-english);font-size:18px;letter-spacing:.1em}.lightbox button{width:48px;height:48px;display:grid;place-items:center;background:none;color:inherit;border:1px solid #8e807359}.lightbox-top button{border:0}.lightbox-figure{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 22px;touch-action:pan-y}.lightbox-figure>img{max-width:100%;max-height:calc(100% - 45px);height:auto;width:auto;object-fit:contain}.lightbox-figure>figcaption{font-size:13px;color:#d7c7b6;margin-top:20px}.lightbox-bottom>span{font-size:13px;color:#d7c7b6}@media(hover:hover){.text-action:hover,.accordion-trigger:hover{color:var(--accent)}.photo-button:hover img{filter:none;transform:scale(1.015)}.share-button:hover,.copy-button:hover{background:#e9e0d3}.person-actions button:hover,.person-actions a:hover{background:var(--paper-deep)}}@media(max-width:600px){.gallery-section{padding:76px 25px 71px}.gallery-section .section-heading{margin-bottom:43px}.editorial-gallery{gap:33px 14px}.gallery-item-1{grid-column:2/12}.gallery-item-2{grid-column:1/7}.gallery-item-3{grid-column:7/13;margin-top:37px}.gallery-item-4{grid-column:1/13;margin:9px 0}.gallery-item-5{grid-column:4/12}.editorial-gallery figcaption{font-size:11px;letter-spacing:0;margin-top:10px;line-height:1.8}.photo-expand{width:26px;height:26px;bottom:8px;right:8px}.gallery-note{margin-top:38px;font-size:12px}.wedding-section{padding-top:88px;padding-bottom:81px}.wedding-date h2{font-size:106px}.date-year{font-size:26px}.wedding-details{font-size:15px;margin-top:31px}.wedding-details .small{font-size:13px}.dday{font-size:16px}.location{margin-inline:25px;padding:77px 0 65px}.location-title h3{font-size:18px}.location-title p{font-size:13px}.text-action{font-size:12px;gap:5px}.contact{padding-top:21px;padding-bottom:77px}.contact-columns{gap:24px}.person-row{flex-direction:column;align-items:flex-start;gap:14px}.person-row>div>p{font-size:19px}.person-actions{gap:8px}.contact-note{margin-top:24px}.accounts-section .section{padding-top:66px;padding-bottom:70px}.accounts-intro{font-size:14px}.account-row{gap:7px}.account-number{font-size:12px}.account-placeholder{font-size:11px}.footer{padding:94px 25px 0}.footer .handwriting{font-size:30px;white-space:nowrap}.footer-names{font-size:16px;margin-top:31px}.footer-bottom{margin-top:74px}.lightbox[open]{grid-template-rows:64px minmax(0,1fr) 80px}.lightbox-figure{padding:0 12px}.lightbox-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}}.hero-photo{width:min(100%,460px)}.print-frame img{height:auto;aspect-ratio:4/5}.gallery-item-1 img,.gallery-item-5 img{aspect-ratio:2/3}.gallery-item-2 img,.gallery-item-3 img{aspect-ratio:4/5}.gallery-item-4 img{aspect-ratio:3/2}.map-frame{background:var(--paper);padding:0;border-color:#e2d9cc}.map-open{display:block}.map-open img{width:100%;height:auto;object-fit:contain}.map-open-caption{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-top:1px solid #e2d9cc;font-size:13px;color:var(--muted);background:#f4eee5}.map-open:hover .map-open-caption{color:var(--ink)}.family-lines{margin:55px auto 0;width:max-content;max-width:100%;display:grid;gap:17px}.family-line{display:flex;align-items:baseline;justify-content:center;gap:10px;line-height:1.8}.parent-names{font-size:16px;letter-spacing:.045em}.family-relation{font-size:14px;color:var(--muted)}.family-line strong{font-size:23px;font-weight:500;letter-spacing:.12em;margin-left:4px}.greetings{padding-top:18px;padding-bottom:92px}.greetings .section-heading h2{font-size:23px}.family-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px}.family-side>h3{font-size:14px;color:var(--muted);padding-bottom:17px;border-bottom:1px solid var(--line)}.greetings .person-row{flex-direction:row;align-items:center;border-bottom:1px solid #e6ded2;padding:20px 0;gap:12px}.greetings .person-name p{font-size:18px;letter-spacing:.045em}.kakao-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:44px;padding:9px 10px;border:1px solid #cdbc9d;background:#f1e8d6;font-size:12px;color:#534330;line-height:1.5}.kakao-pending{background:none;border-color:var(--line);color:var(--muted)}@media(max-width:600px){.hero-photo{width:calc(82vw - 6px);max-width:365px}.print-frame img{aspect-ratio:4/5}.family-lines{margin-top:45px;gap:15px}.family-line{gap:7px}.parent-names{font-size:14px;letter-spacing:0}.family-relation{font-size:12px}.family-line strong{font-size:20px;margin-left:2px}.greetings{padding-top:21px;padding-bottom:77px}.greetings .section-heading h2{font-size:21px}.family-columns{grid-template-columns:1fr;gap:35px}.greetings .person-name{display:flex;align-items:baseline;gap:12px}.greetings .person-name>span{width:40px;font-size:12px}.greetings .person-name>p{font-size:18px;margin-top:0}.greetings .person-row{padding:14px 0}.kakao-link{padding:9px 13px;font-size:13px}}.wedding-date{max-width:460px;margin-inline:auto}.wedding-date .date-year{font-family:var(--font-body);font-weight:400;color:var(--accent);font-size:20px;letter-spacing:.18em}.wedding-date .date-triptych{display:flex;justify-content:center;gap:24px;width:100%;margin:24px 0 0;padding:12px 0 18px;font-family:var(--font-body);font-size:clamp(48px,17vw,84px);font-weight:400;font-variant-numeric:lining-nums tabular-nums;line-height:1.2;letter-spacing:0}.date-part{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.date-part+.date-part:before{content:"";position:absolute;left:-14px;top:.65em;width:3px;height:3px;border-radius:50%;background:var(--accent)}.date-value{font-family:var(--font-body);font-style:normal;font-weight:400;letter-spacing:0}.date-unit{font-family:var(--font-body);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.15em;padding-left:.15em;margin-top:16px;color:var(--muted)}.ceremony-time{font-family:var(--font-body);font-size:19px;line-height:1.8;margin-top:23px;letter-spacing:.03em}.wedding-date .date-weekday{margin-top:12px;font-size:12px;color:var(--accent)}.wedding-section .wedding-details{margin-top:29px}@media(max-width:600px){.wedding-date .date-triptych{gap:18px;padding:12px 0 17px;margin-top:24px}.date-part+.date-part:before{left:-11px}.date-unit{margin-top:14px}.ceremony-time{font-size:17px;margin-top:19px}.wedding-date .date-year{font-size:18px}}.hero-photo{width:min(100%,620px)}.print-frame img{aspect-ratio:1600/1067;height:auto;object-fit:contain}.gallery-layout-feature{grid-column:3/11}.gallery-layout-left{grid-column:1/7}.gallery-layout-right{grid-column:8/13;margin-top:54px}.gallery-layout-wide{grid-column:1/13;margin:14px 0}.gallery-item .photo-button img{aspect-ratio:auto;height:auto;object-fit:contain}@media(max-width:600px){.hero-photo{width:calc(82vw - 6px);max-width:365px}.gallery-layout-feature{grid-column:2/12}.gallery-layout-left{grid-column:1/7}.gallery-layout-right{grid-column:7/13;margin-top:32px}.gallery-layout-wide{margin:8px 0}}.share-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.share-actions .kakao-share-button{background:#fee500;border-color:#fee500;color:#302824;width:min(100%,300px)}.share-actions .kakao-share-button:hover{background:#f5dc00}.share-actions .kakao-share-button:disabled{opacity:.6;cursor:wait}.share-link-copy{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:10px 14px;font-size:13px;color:var(--muted)}.account-details{min-width:0}.account-number{display:flex;align-items:center;flex-wrap:wrap;gap:0 9px}.account-number-copy{min-height:44px;max-width:100%;padding:6px 0;background:none;color:var(--ink);font:inherit;text-align:left;overflow-wrap:anywhere;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--accent);text-underline-offset:5px}.account-number-copy:hover{color:var(--accent)}
