/* ppzz.lu */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #1c1c1c; color: #f0ece4; font-family: 'Lato', sans-serif; font-weight: 300; line-height: 1.7; }
.gate { text-align: center; padding: 6rem 2rem; }
.gold-frame { display: inline-block; border: 1px solid rgba(201, 168, 76, 0.6); padding: 4rem 5rem; position: relative; }
.corner { position: absolute; width: 16px; height: 16px; }
.corner-tl { top: -1px; left: -1px; border-left: 2px solid #c9a84c; border-top: 2px solid #c9a84c; }
.corner-tr { top: -1px; right: -1px; border-right: 2px solid #c9a84c; border-top: 2px solid #c9a84c; }
.corner-bl { bottom: -1px; left: -1px; border-left: 2px solid #c9a84c; border-bottom: 2px solid #c9a84c; }
.corner-br { bottom: -1px; right: -1px; border-right: 2px solid #c9a84c; border-bottom: 2px solid #c9a84c; }
.brand { font-family: 'Cormorant', serif; font-weight: 300; font-size: clamp(2.5rem, 5vw, 3.5rem); letter-spacing: 0.15em; }
.location { font-family: 'Inter', sans-serif; font-size: 0.55rem; letter-spacing: 0.2em; color: #c9a84c; text-transform: uppercase; display: block; margin-top: 0.5rem; }
.monogram { font-family: 'Cormorant', serif; font-weight: 300; font-size: 0.9rem; color: #c9a84c; letter-spacing: 0.15em; display: block; margin-top: 1rem; opacity: 0.6; }
.fan-divider { text-align: center; padding: 1.5rem 0; }
.fan { width: 50px; height: 25px; border-radius: 50px 50px 0 0; border: 1px solid rgba(201, 168, 76, 0.4); border-bottom: none; margin: 0 auto; position: relative; }
.fan::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 25px; background: rgba(201, 168, 76, 0.3); }
.gallery { max-width: 560px; margin: 0 auto; padding: 2rem 2rem; }
.panel { background: #252525; border: 1px solid rgba(201, 168, 76, 0.4); padding: 2rem; position: relative; margin-bottom: 1rem; }
.panel .corner { width: 14px; height: 14px; }
.panel-title { font-family: 'Cormorant', serif; font-weight: 400; font-size: 1.3rem; letter-spacing: 0.08em; color: #c9a84c; margin-bottom: 0.8rem; }
.panel-body { font-size: 0.85rem; color: #8a8a8a; }
.diamond-break { text-align: center; padding: 1rem 0; }
.diamond { display: inline-block; width: 8px; height: 8px; background: #c9a84c; transform: rotate(45deg); }
.feature { max-width: 560px; margin: 0 auto; padding: 3rem 2rem; }
.feature-grid { display: flex; justify-content: space-between; text-align: center; }
.feature-item { flex: 1; }
.gold-line { display: block; width: 30px; height: 1px; background: #c9a84c; margin: 0 auto 0.8rem; }
.feature-text { font-family: 'Cormorant', serif; font-size: 0.9rem; color: #e8d48b; letter-spacing: 0.05em; }
.close { text-align: center; padding: 2rem 2rem 5rem; }
.close-brand { font-family: 'Cormorant', serif; font-weight: 300; font-size: 1.2rem; letter-spacing: 0.15em; color: #c9a84c; margin-top: 1rem; opacity: 0.5; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }