@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600&display=swap";:root{--paper:#f6f2e9;--ink:#252321;--copper:#96694e;--line:#dcd3c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}main{max-width:1440px;margin:auto;padding:0 6.5%}header{border-bottom:1px solid var(--line);letter-spacing:2px;color:#807769;justify-content:space-between;align-items:center;height:100px;font-size:10px;display:flex}.wordmark{letter-spacing:3px;color:var(--ink);font-size:12px}.composition{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:10%;padding:64px 0 74px;display:grid}.artwork{margin:0}.artwork img{width:100%;height:auto;display:block;box-shadow:0 12px 32px #30251b10}.caption{text-align:center;letter-spacing:2px;color:#938577;margin:22px 0 0;font-size:9px}.invitation{padding-top:20px}.eyebrow{letter-spacing:2.6px;color:var(--copper);margin:0 0 21px;font-size:10px}h1{letter-spacing:-1.7px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4vw,60px);font-weight:400;line-height:1.1}.subtitle{color:var(--copper);margin:12px 0 30px;font:italic 23px/1.5 Georgia,serif}.rule{background:#b59983;width:48px;height:1px;margin:28px 0}.letter{letter-spacing:-.3px;word-break:keep-all;font-family:Noto Serif KR,Batang,serif;font-size:15px;line-height:2.05}.letter p{margin:0 0 17px}.signature{font:italic 23px Georgia,serif;margin-top:26px!important}.details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:21px;margin:30px 0 24px;padding:24px 0;display:grid}.details>div{grid-template-columns:65px 1fr;gap:10px;display:grid}dt{letter-spacing:1.8px;color:var(--copper);padding-top:7px;font-size:9px}dd{margin:0}dd strong{letter-spacing:.4px;font-size:24px;font-weight:400;display:block}dd strong.venue{font-family:Noto Serif KR,Batang,serif;font-size:20px}dd span{color:#70665d;margin-top:7px;font-size:13px;display:block}.rsvp-note{color:#756b61;margin-bottom:14px;font-size:13px}.primary{background:var(--ink);width:100%;color:var(--paper);border:1px solid var(--ink);justify-content:space-between;align-items:center;padding:18px 22px;font-size:14px;transition:background .2s;display:flex}.primary:hover{background:#4b3d33}.primary span{font-size:22px;line-height:1}.primary:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid var(--copper);outline-offset:4px}.form-panel{border:1px solid var(--line);background:#fbf8f2;margin-top:28px;padding:25px}.form-panel[hidden]{display:none}h2{margin:0 0 25px;font-family:Noto Serif KR,serif;font-size:22px;font-weight:500}form>label{margin:22px 0 9px;font-size:13px;display:block}.required,.optional{color:#8c7a69;margin-left:6px;font-size:11px}input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;color:var(--ink);background:#fffdf9;border:1px solid #cfc3b4;border-radius:0;padding:13px 12px;font-size:16px}textarea{resize:vertical}fieldset{border:0;margin:23px 0;padding:0}legend{margin-bottom:12px;font-size:13px}.choice{align-items:center;gap:7px;margin:12px 0;font-size:14px;display:flex}input[type=radio],input[type=checkbox]{accent-color:var(--copper);width:17px;height:17px}.privacy{color:#7a6b5f;margin-top:17px;font-size:11px;line-height:1.8}.consent{align-items:center;gap:8px;margin:12px 0 22px!important;font-size:12px!important;display:flex!important}.error{color:#9f3d2b;font-size:13px;line-height:1.7}.success{text-align:center;padding:20px 0}.success>span{color:var(--copper);font-size:32px}.success h2{margin:18px 0 10px;font-size:19px}.success p{color:#756b61;font-size:13px;line-height:1.8}footer{border-top:1px solid var(--line);letter-spacing:1.5px;color:#918272;justify-content:space-between;padding:25px 0 30px;font-size:9px;display:flex}@media (width>=1400px){.invitation{padding-top:50px}}@media (width<=800px){main{padding:0 6%}header{letter-spacing:1.3px;height:75px;font-size:8px}.wordmark{letter-spacing:2px;font-size:10px}.composition{grid-template-columns:1fr;gap:40px;padding:32px 0 45px}.artwork{width:100%;max-width:480px;margin:auto}.caption{letter-spacing:1.6px;margin-top:18px;font-size:8px}.invitation{width:100%;max-width:480px;margin:auto;padding-top:0}h1{font-size:48px}.subtitle{font-size:23px}.eyebrow{margin-bottom:17px}.letter{font-size:15px}.details{margin-top:27px}.form-panel{padding:22px}footer{letter-spacing:1px;gap:20px;font-size:7px;line-height:1.8}.desktopbreak{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}