:root{ --wip-primary:#b89b5e; --wip-bg:#fffdf8; --wip-ink:#2a2a2a; --wip-muted:#7a7a7a; }
.wip-wrap{background:var(--wip-bg); color:var(--wip-ink); padding:18px;}
.wip-card{display:grid; grid-template-columns:1.1fr 1fr; gap:24px; align-items:stretch; border-radius:16px; background:#ffffff; padding:24px; box-shadow:0 10px 30px rgba(0,0,0,.06); overflow:hidden;}
@media(max-width:900px){ .wip-card{grid-template-columns:1fr;} }
.wip-left{position:relative; border-radius:16px; overflow:hidden; transform: translateX(-12px); animation:wip-slideL .8s ease-out both;}
.wip-left img{width:100%; height:100%; object-fit:cover; display:block;}
.wip-right{display:flex; flex-direction:column; gap:16px; padding:8px; transform: translateX(12px); animation:wip-slideR .8s ease-out both;}
.wip-badge{display:inline-block; padding:6px 10px; border-radius:999px; background: rgba(184,155,94,0.12); color: var(--wip-primary); font-weight:600; font-size:12px; letter-spacing:.08em; text-transform:uppercase;}
.wip-title{font-family: 'Georgia', serif; font-size:36px; line-height:1.15; margin:4px 0 6px; color:#1b1b1b;}
.wip-meta{color:var(--wip-muted); font-size:14px;}
.wip-form label{display:block; font-size:13px; margin:8px 0 6px; color:#444;}
.wip-input, .wip-textarea, .wip-select{ width:100%; border:1.5px solid #e6e1d8; border-radius:12px; padding:12px 14px; background:#fff; outline:none; transition: box-shadow .2s ease, border-color .2s ease, transform .08s ease; }
.wip-input:focus, .wip-textarea:focus, .wip-select:focus{ border-color: var(--wip-primary); box-shadow: 0 0 0 4px rgba(184,155,94,.18); }
.wip-actions{display:flex; gap:10px; margin-top:8px; flex-wrap:wrap;}
.wip-btn{ appearance:none; border:none; border-radius:14px; padding:12px 16px; font-weight:700; cursor:pointer; background: var(--wip-primary); color:white; box-shadow: 0 10px 18px rgba(0,0,0,.06), 0 6px 0 rgba(184,155,94,.35); transition: transform .08s ease, box-shadow .2s ease, filter .2s ease; }
.wip-btn:hover{ filter:brightness(1.05); }
.wip-btn:active{ transform: translateY(2px); box-shadow: 0 4px 10px rgba(0,0,0,.08), 0 2px 0 rgba(184,155,94,.35); }
.wip-btn.secondary{ background:#e5e5e5; color:#222; box-shadow: none; }
.wip-thanks{ padding:14px 16px; border:1.5px dashed var(--wip-primary); border-radius:12px; background: #fff9f0; font-weight:600; }
@keyframes wip-fade { from{opacity:0} to{opacity:1} }
@keyframes wip-slideL { from{opacity:0; transform: translateX(-24px);} to{opacity:1; transform: translateX(0);} }
@keyframes wip-slideR { from{opacity:0; transform: translateX(24px);} to{opacity:1; transform: translateX(0);} }
.wip-appear{ animation: wip-fade .6s ease both .1s; }
.guest-list{list-style:none;padding:0;margin:0;}
.guest-list li{padding:8px 0;border-bottom:1px solid #eee;}