:root{color:#fff;font-synthesis:none;background:#090909;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.message-screen{text-align:center;background:#090909;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:28px;display:flex}.message-screen h1{margin:28px 0 8px;font:600 clamp(2rem,7vw,3.4rem) Playfair Display,serif}.message-screen p{color:#bbb;line-height:1.6}.brand{color:#c6a15b;letter-spacing:.42em;font-size:13px;font-weight:700}.invitation{--background:#090909;--surface:#171717;--ink:#fff;--muted:#b8b8b8;--accent:#c6a15b;--line:#c6a15b47;background:var(--background);color:var(--ink);min-height:100dvh}.invitation-inner{max-width:740px;margin:auto}.hero{text-align:center;background:linear-gradient(145deg,#171717,#080808);justify-content:center;align-items:flex-end;min-height:390px;padding:48px 24px 56px;display:flex;position:relative;overflow:hidden}.cover{object-fit:cover;opacity:.42;width:100%;height:100%;position:absolute;inset:0}.hero:has(.cover):after{content:"";background:linear-gradient(#0000,#000000bf);position:absolute;inset:0}.hero-copy{z-index:1;position:relative}.eyebrow{color:var(--accent);letter-spacing:.23em;font-size:11px;font-weight:700;display:block}.hero .eyebrow{margin-top:70px}.hero h1{letter-spacing:-.025em;max-width:650px;margin:18px auto;font:600 clamp(2.7rem,9vw,5.2rem)/1.1 Playfair Display,serif}.headline{color:var(--muted);font-size:16px;line-height:1.6}.details,.rsvp{border-bottom:1px solid var(--line);padding:40px clamp(23px,7vw,64px)}.salutation{font-size:19px}.message{color:var(--muted);margin:32px 0;font:400 21px/1.65 Playfair Display,serif}.detail-grid{grid-template-columns:1fr 1fr;gap:30px;margin:35px 0;display:grid}.detail-grid>div{flex-direction:column;gap:8px;display:flex}.detail-grid span{letter-spacing:.2em;color:var(--accent);font-size:11px;font-weight:700}.detail-grid strong{font:600 24px/1.25 Playfair Display,serif}.detail-grid small{color:var(--muted);font-size:14px;line-height:1.5}.location{color:var(--accent);text-underline-offset:5px;font-weight:700;display:inline-block}.rsvp{background:var(--surface);border-radius:22px;margin:22px;padding:36px clamp(22px,5vw,50px)}.rsvp h2{margin:13px 0;font:600 35px Playfair Display,serif}.rsvp p{line-height:1.6}.current,.closed,.success,.error{border:1px solid var(--line);border-radius:12px;margin:20px 0;padding:15px 18px;line-height:1.5}.closed{color:var(--muted)}.success{color:#d7f6e5;border-color:#70b695}.error{color:#ffd5d5;border-color:#dc7777}.count-label{margin:26px 0 12px;font-weight:600;display:block}.counter{border:1px solid var(--line);border-radius:13px;justify-content:space-between;align-items:center;max-width:210px;display:flex}.counter button{color:var(--accent);background:0 0;border:0;width:60px;height:54px;font-size:27px}.counter output{font-size:24px;font-weight:700}.companions{margin-top:30px}.companions p{font-weight:700}.companions small{color:var(--muted);font-weight:400}.companions label{margin:16px 0;font-size:13px;display:block}.companions input{background:var(--background);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:10px;margin-top:8px;padding:15px;display:block}.actions{gap:12px;margin-top:28px;display:grid}.actions button{border-radius:11px;min-height:52px;padding:12px;font-weight:700}.actions .primary{background:var(--accent);color:#090909;border:0}.actions .secondary{color:var(--ink);border:1px solid var(--line);background:0 0}button:disabled{opacity:.5;cursor:not-allowed}footer{text-align:center;color:var(--muted);letter-spacing:.1em;padding:25px;font-size:11px}.clasica{--background:#f7f3eb;--surface:#fffdf8;--ink:#251e19;--muted:#6d655f;--accent:#9d7040;--line:#9d704047}.clasica .hero{background:#e8ded0}.clasica .hero:has(.cover):after{background:linear-gradient(#0000,#0c0a089e)}.clasica .hero:has(.cover){color:#fff}.editorial{--background:#f0efeb;--surface:#fff;--ink:#141414;--muted:#565656;--accent:#8b6643;--line:#00000026}.editorial .hero{color:#fff;text-align:left;background:#242321;justify-content:flex-start;align-items:flex-end;min-height:500px}.editorial .hero-copy{width:100%}.editorial .hero .brand,.editorial .hero .eyebrow{color:#dfc58a}.editorial .hero h1{letter-spacing:-.06em;margin-left:0;font-family:DM Sans,sans-serif;font-weight:700}.editorial .hero:has(.cover):after{background:linear-gradient(#0000,#000000ad)}.editorial .rsvp h2,.editorial .detail-grid strong{font-family:DM Sans,sans-serif}@media (width<=560px){.detail-grid{grid-template-columns:1fr;gap:28px}.rsvp{border-radius:16px;margin:12px}.hero{min-height:360px}.editorial .hero{min-height:440px}}