:root{color-scheme:light;--green:#19382f;--paper:#f8f7f0;--muted:#6a736a;--accent:#b8c6a5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--green);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #9aa98d;outline-offset:4px}.invitation{display:grid;grid-template-columns:1.13fr 1fr;min-height:100svh}.scene{position:relative;overflow:hidden;min-height:720px;background:#263a2d;color:#fff}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,28,20,.35),transparent 40%,rgba(9,28,20,.8))}.scene-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:47% 50%;filter:saturate(.86)}.scene-top{position:absolute;z-index:1;top:46px;left:46px;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.2em;font-weight:600}.river-mark{font-size:38px;font-weight:300;line-height:1}.scene-copy{position:absolute;bottom:108px;left:clamp(32px,4vw,76px);right:32px;z-index:1}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;margin:0 0 24px;line-height:1.7}.scene-title{font-size:clamp(46px,5vw,78px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0}.scene-line{display:block;width:52px;height:2px;margin-top:32px;background:#cdd7bc}.scene-coordinate{position:absolute;z-index:1;bottom:34px;left:clamp(32px,4vw,76px);font-size:9px;letter-spacing:.18em;opacity:.8}.welcome{display:flex;flex-direction:column;padding:44px clamp(28px,5vw,88px) 26px;min-width:0}.brand{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:142px;height:auto;display:block}.brand>span{max-width:100px;font-size:8px;line-height:1.7;letter-spacing:.13em;text-align:right;color:var(--muted)}.welcome-content{width:100%;max-width:380px;margin:auto; padding:64px 0 58px}.guest-label{display:inline-flex;align-items:center;gap:9px;font-size:9px;font-weight:650;letter-spacing:.18em}.guest-label i{width:6px;height:6px;background:#6f8664;border-radius:50%}h1{font-size:clamp(42px,4vw,58px);line-height:1.01;font-weight:550;letter-spacing:-.065em;margin:26px 0 22px}h1>span{color:#82936e}.intro{font-size:15px;line-height:1.75;margin:0 0 34px;max-width:340px;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin-bottom:12px}.password-field{position:relative}.password-field input{width:100%;height:56px;padding:0 54px 0 17px;border:1px solid #c6cfc2;border-radius:4px;background:#fffdfa;color:var(--green);font-size:14px;transition:border-color .2s}.password-field input::placeholder{color:#8b9387;font-weight:400}.password-field input:focus{border-color:var(--green);outline-offset:2px}.reveal{position:absolute;right:8px;top:7px;width:42px;height:42px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:3px}.reveal svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.4}.message{font-size:12px;line-height:1.5;color:#a33d32;min-height:18px;margin:9px 0 8px}.enter{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-radius:4px;background:var(--green);color:white;min-height:57px;padding:0 19px;font-size:13px;font-weight:550;transition:background .2s,transform .2s}.enter:hover{background:#2b4c3a}.enter:active{transform:translateY(1px)}.enter>span:last-child{font-size:24px;font-weight:300}.enter:disabled{opacity:.7;cursor:wait}.personal-note{font-size:12px;color:var(--muted);line-height:1.8;margin:30px 0 0}.personal-note strong{color:var(--green);font-weight:500}footer{border-top:1px solid #dfe3d7;padding-top:19px;display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:9px}footer>span:first-child{letter-spacing:.12em;font-size:8px}form[data-error=true] input{border-color:#a33d32}form[data-error=true] .message{min-height:36px}@media(min-width:1600px){.welcome-content{max-width:400px}.intro{max-width:370px}}@media(max-width:760px){.invitation{grid-template-columns:1fr}.scene{min-height:0;height:250px}.scene-photo{object-position:50% 40%}.scene-top{top:20px;left:24px;font-size:8px;gap:9px}.river-mark{font-size:28px}.scene-copy{left:24px;bottom:26px}.eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:.12em}.scene-title{font-size:39px;letter-spacing:-.055em}.scene-line,.scene-coordinate{display:none}.welcome{padding:27px 27px 23px}.brand img{width:127px}.brand>span{font-size:7px}.welcome-content{max-width:440px;padding:34px 0 31px;margin:0 auto}.guest-label{font-size:8px}h1{font-size:47px;margin:20px 0 18px}.intro{font-size:14px;line-height:1.65;margin-bottom:26px;max-width:360px}.personal-note{margin-top:24px}footer{padding-top:16px;font-size:8px}.message{margin-top:7px;margin-bottom:7px;min-height:16px}.password-field input{font-size:16px}}@media(max-width:360px){.scene{height:210px}.welcome{padding:24px 21px 20px}.welcome-content{padding-top:28px}h1{font-size:42px}.brand img{width:118px}.intro{font-size:13px}.scene-title{font-size:35px}footer{gap:8px;font-size:7px}footer>span:first-child{font-size:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}