.hero { background-color: var(--midnight); background-size: contain; }
.hero-video { object-fit: contain; opacity: .36; }
.event-kicker { margin: 1.15rem 0 .4rem; color: var(--electric); font-size: .65rem; font-weight: 700; letter-spacing: .27em; text-transform: uppercase; }
.entertainment-section { padding-bottom: clamp(4.5rem, 8vw, 7rem); }
.entertainment-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; max-width: 1060px; margin: 2.7rem auto 0; background: var(--line); text-align: left; }
.entertainment-grid article { min-height: 205px; padding: 1.55rem; background: linear-gradient(145deg, rgba(11,33,55,.92), rgba(7,9,13,.97)); }
.support-label { margin-bottom: .6rem; color: var(--electric); font-size: .59rem; letter-spacing: .17em; text-transform: uppercase; }
.entertainment-grid h3 { margin: 0 0 .65rem; font-family: var(--serif); font-size: 1.55rem; font-weight: 400; }
.entertainment-grid p:last-child { margin: 0; color: var(--muted); font-size: .9rem; }
.qr-card { position: relative; max-width: 335px; justify-self: center; padding: 1.15rem; text-align: center; background: linear-gradient(135deg, rgba(244,246,251,.96), rgba(191,200,215,.93)); box-shadow: 0 28px 60px rgba(0,0,0,.38), 0 0 55px rgba(79,169,255,.18); color: #071524; }
.qr-card::after { content: ''; position: absolute; inset: 1.55rem -.72rem -.72rem 1.55rem; z-index: -1; border: 1px solid rgba(79,169,255,.46); }
.qr-card img { display: block; width: min(100%, 258px); margin: .35rem auto 1rem; background: #f4f6fb; image-rendering: pixelated; }
.qr-card .qr-kicker { margin: 0; color: #123e70; font-size: .62rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; }
.qr-card h2 { margin: 0 0 .45rem; color: #071524; font-family: var(--serif); font-size: 1.8rem; font-weight: 400; line-height: 1; }
.qr-card p:last-child { margin: 0; color: #123e70; font-size: .78rem; line-height: 1.45; }
.rsvp-section { position: relative; padding: clamp(4.5rem, 9vw, 7.5rem) clamp(1rem, 5vw, 5rem); background: radial-gradient(circle at 86% 8%, rgba(79,169,255,.16), transparent 25rem), linear-gradient(145deg, #06111e, #0b2744 48%, #07090d); }
.rsvp-shell { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.15fr); gap: clamp(2.5rem, 7vw, 7rem); max-width: 1120px; margin: 0 auto; align-items: start; }
.rsvp-copy .eyebrow { margin-top: .25rem; }
.rsvp-copy h2 { margin: 0 0 1rem; font-family: var(--serif); font-size: clamp(2.7rem, 5vw, 4.8rem); font-weight: 400; letter-spacing: -.055em; line-height: .95; }
.rsvp-copy > p { max-width: 29rem; margin-bottom: 1rem; color: #d2daeb; font-family: var(--serif); font-size: 1.08rem; }
.rsvp-copy .rsvp-privacy { color: var(--muted); font-family: var(--sans); font-size: .82rem; }
.rsvp-form { padding: clamp(1.2rem, 3vw, 2rem); border: 1px solid var(--line); background: rgba(5,12,24,.74); box-shadow: inset 0 0 0 1px rgba(79,169,255,.06), 0 24px 55px rgba(0,0,0,.22); }
.field-grid { display: grid; grid-template-columns: 1fr; gap: 1.1rem; }
.full-field { grid-column: 1 / -1; }
.field, .attendance-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.field > span, fieldset legend { display: block; margin-bottom: .5rem; color: var(--chrome); font-size: .66rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
fieldset legend small, .field small { color: var(--muted); font-size: .58rem; font-weight: 400; letter-spacing: .06em; }
.field b, fieldset b { color: var(--electric); }
input[type='text'] { width: 100%; border: 1px solid rgba(191,200,215,.34); border-radius: 0; outline: none; padding: .78rem .85rem; color: var(--ivory); background: rgba(7,21,36,.72); font: inherit; transition: border-color .2s ease, box-shadow .2s ease; }
input[type='text']::placeholder { color: #8390a5; }
input[type='text']:focus { border-color: var(--electric); box-shadow: 0 0 0 3px rgba(79,169,255,.13); }
.radio-row { display: flex; flex-wrap: wrap; gap: .65rem; }
.radio-row label { display: inline-flex; align-items: center; gap: .48rem; min-width: 0; padding: .73rem .8rem; border: 1px solid rgba(191,200,215,.27); color: #d5dff0; background: rgba(7,21,36,.45); font-size: .88rem; }
.radio-row input { width: 1rem; height: 1rem; accent-color: var(--electric); }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.rsvp-form button { width: 100%; margin-top: 1.25rem; border: 1px solid var(--electric); padding: .93rem 1.1rem; color: #06111e; background: var(--electric); cursor: pointer; font: 700 .72rem/1 var(--sans); letter-spacing: .17em; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
.rsvp-form button:hover:not(:disabled) { transform: translateY(-2px); background: #8cc8ff; }
.rsvp-form button:disabled { cursor: wait; opacity: .7; }
.form-message { min-height: 1.35rem; margin: .9rem 0 0; font-size: .84rem; }
.form-message[data-state='success'] { color: #c9e4ff; }
.form-message[data-state='error'] { color: #f4c9cf; }
.form-message[data-state='pending'] { color: var(--chrome); }
@media (max-width: 800px) { .hero { background-size: contain; } .hero-video { object-fit: contain; } .entertainment-grid, .rsvp-shell { grid-template-columns: 1fr; } .entertainment-grid { margin-top: 2rem; } .rsvp-copy { text-align: center; } .rsvp-copy .eyebrow { justify-content: center; } .rsvp-copy > p { margin-left: auto; margin-right: auto; } .qr-card { max-width: min(335px, 82vw); order: 2; } }
@media (max-width: 480px) { .radio-row { display: grid; grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .hero-video { display: none; } }