:root{--ink:#292720;--paper:#f7f1e7;--sage:#727c68;--clay:#9b6655;--open:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eae3d8;color:var(--ink);font-family:Manrope,sans-serif;font-weight:300}.auth-shell{min-height:100svh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 70% 20%,#faf6ef 0,transparent 33%),linear-gradient(135deg,#d9dfd2,#eee6db 58%,#decfc3)}.auth-card{width:min(100%,520px);padding:clamp(34px,7vw,66px);background:rgba(249,245,237,.82);border:1px solid rgba(70,60,48,.14);box-shadow:0 30px 80px rgba(57,48,39,.13);backdrop-filter:blur(18px)}.monogram{font-family:Italiana,serif;font-size:25px;letter-spacing:.18em}.monogram i{font-weight:400;color:var(--clay)}.kicker,.section-label{text-transform:uppercase;letter-spacing:.28em;font-size:10px;font-weight:500}.auth-card .kicker{margin-top:52px;color:var(--sage)}h1,h2,h3{font-family:Italiana,serif;font-weight:400}.auth-card h1{font-size:clamp(44px,9vw,66px);line-height:.94;margin:18px 0 24px}.muted{font-size:13px;line-height:1.8;color:#666056}label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:30px}input,textarea{width:100%;border:0;border-bottom:1px solid #aaa093;background:transparent;padding:14px 2px;font:inherit;font-size:16px;outline:none;border-radius:0}input:focus,textarea:focus{border-color:var(--clay)}button{width:100%;border:0;padding:17px 20px;margin-top:25px;background:var(--ink);color:#fff;font:500 11px Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;display:flex;justify-content:space-between}button:disabled{opacity:.5}.text-button{background:transparent;color:#6e685e;justify-content:center;margin-top:8px;padding:10px}.status{font-size:12px;min-height:18px;margin-top:18px;color:var(--clay);line-height:1.5}
.envelope-scene{height:240vh;position:relative;background:radial-gradient(circle at 50% 30%,#faf7f1 0,#e7ddd0 52%,#d3c6b9 100%)}.envelope-wrap{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden;perspective:1200px}.soft-copy{position:absolute;position:fixed;z-index:5;bottom:25px;left:50%;transform:translateX(-50%);text-align:center;opacity:calc(1 - var(--open)*3);font-size:9px;text-transform:uppercase;letter-spacing:.24em}.soft-copy i{display:block;width:1px;height:35px;background:#777;margin:12px auto 0}.envelope{position:relative;width:min(80vw,590px);aspect-ratio:1.62;filter:drop-shadow(0 24px 24px rgba(42,34,29,.18));transform:translateY(calc(var(--open)*18vh)) scale(calc(1 - var(--open)*.13))}.envelope-back{position:absolute;inset:0;background:#c6a991}.envelope-front{position:absolute;inset:0;z-index:3;background:linear-gradient(150deg,transparent 49.8%,#d2b9a4 50%) left/50.2% 100% no-repeat,linear-gradient(210deg,transparent 49.8%,#ceb39e 50%) right/50.2% 100% no-repeat,linear-gradient(35deg,#d9c2ad 49.5%,transparent 50%) bottom/100% 74% no-repeat}.flap{position:absolute;z-index:4;inset:0 0 auto;height:55%;background:#ddc8b5;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transform:rotateX(calc(var(--open)*180deg));transition:filter .2s}.seal{position:absolute;z-index:5;top:45%;left:50%;width:64px;height:64px;border-radius:50%;background:#875546;color:#eadbd0;display:grid;place-items:center;transform:translate(-50%,-50%) scale(calc(1 - min(var(--open)*2,1)));font-family:Italiana;font-size:15px;letter-spacing:.05em;box-shadow:0 4px 10px #76504477}.seal span{font-size:10px}.envelope-letter{position:absolute;z-index:2;left:5%;bottom:4%;width:90%;height:90%;display:grid;place-items:center;background:var(--paper);border:1px solid #ded3c4;transform:translateY(calc(var(--open)*-78%));font:clamp(22px,5vw,38px) Italiana,serif}.letter-preview{position:absolute;text-align:center;z-index:1;opacity:calc(var(--open)*1.5);transform:translateY(calc(30px - var(--open)*50px))}.letter-preview p{text-transform:uppercase;letter-spacing:.25em;font-size:9px}.letter-preview strong{font:clamp(30px,7vw,60px) Italiana,serif}
.letter{position:relative;background:var(--paper);overflow:hidden}.letter:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");pointer-events:none}.hero{min-height:95svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 24px}.hero .kicker{color:var(--sage)}.hero h1{font-size:clamp(62px,14vw,150px);line-height:.85;margin:28px 0 5px}.hero .ampersand{color:var(--clay);font:italic 40px Italiana;margin:0}.hero h2{font-size:clamp(25px,5vw,50px);margin:6px}.botanical-divider{text-align:center;font-size:35px;color:var(--sage);padding:30px}.invitation-copy{max-width:760px;margin:auto;padding:12vh 30px 22vh;text-align:center;font:clamp(26px,5vw,44px)/1.55 Italiana,serif}.details{padding:15vh max(7vw,24px);background:#273029;color:#eee8dc}.details .section-label{color:#abb5a2}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:70px}.detail-grid>div{border-top:1px solid #697168;padding-top:20px}.detail-grid span{font-size:10px;color:#a4aa9f}.detail-grid h3{font-size:clamp(35px,6vw,68px);margin:45px 0 15px;max-width:560px}.detail-grid p{color:#c9cec6}.detail-grid a{color:#eee8dc;font-size:11px;text-transform:uppercase;letter-spacing:.15em;text-underline-offset:6px}.dress{margin-top:90px;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.dress b{font-weight:300;color:#bcc5b7}.rsvp{min-height:100svh;padding:16vh max(7vw,24px);max-width:950px;margin:auto}.rsvp h2{font-size:clamp(48px,9vw,90px);margin:30px 0 10px}.rsvp>p{color:#777065}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:60px}.choices label{margin:0}.choices input{position:absolute;opacity:0;width:auto}.choices span{display:block;border:1px solid #bdb3a6;padding:22px;text-align:center;transition:.2s}.choices input:checked+span{background:var(--clay);border-color:var(--clay);color:white}.message-label{margin-top:45px}textarea{resize:vertical}.rsvp button{max-width:320px}.rsvp .status{color:var(--sage)}footer{text-align:center;padding:18vh 20px;background:#ded4c7}footer p{font:italic 22px Italiana}footer strong{font:clamp(45px,10vw,90px) Italiana;font-weight:400}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}[hidden]{display:none!important}@media(max-width:650px){.detail-grid,.choices{grid-template-columns:1fr}.detail-grid{gap:70px}.envelope{width:90vw}.auth-card{padding:36px 28px}.letter-preview{top:12%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.flap,.envelope-letter{transition:none}}