@font-face { font-family: VinylSurveyHeadline; src: url('../fonts/Publico/Publico-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
/* Non-modal: no backdrop or page scroll lock over ads or consent. */
.vinyl-survey { position: fixed; z-index: 9990; box-sizing: border-box; margin: 0; padding: 16px; border: 0; background: #000; color: #fff; box-shadow: 0 8px 40px #0008; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; text-align: center; line-height: 1.3; }
.vinyl-survey *, .vinyl-survey *::after { box-sizing: border-box; }
.vinyl-survey[hidden] { display: none !important; }
.vinyl-survey__creative { border: 2px solid #fff; }
.vinyl-survey picture { display: block; margin: 0; border-bottom: 2px solid #fff; }
.vinyl-survey .vinyl-survey__photo { display: block; width: 100%; height: 270px; margin: 0; object-fit: cover; object-position: 55% center; }
.vinyl-survey__content { overflow-wrap: anywhere; padding: 20px 26px 24px; }
.vinyl-survey .vinyl-survey__heading { margin: 0 0 16px; padding: 0; color: #fff; font: 700 28px/1.12 VinylSurveyHeadline, Georgia, serif; letter-spacing: -.35px; text-transform: uppercase; }
.vinyl-survey .vinyl-survey__subheading { white-space: pre-line; max-width: 440px; margin: 0 auto 16px; padding: 0; color: #fff; font: 18px/1.25 Georgia, 'Times New Roman', serif; }
.vinyl-survey .vinyl-survey__terms { margin: 0 0 14px; padding: 0; color: #fff; font: bold 11px/1.3 Arial, sans-serif; }
.vinyl-survey .vinyl-survey__link { position: static; display: inline-block; margin: 0 0 20px; padding: 10px 14px; background: #e71930; color: #fff; font: 700 25px/1.05 VinylSurveyHeadline, Georgia, serif; text-decoration: none; text-transform: uppercase; }
/* The CTA is a real link; its extended hit area makes the whole creative clickable. */
.vinyl-survey__link::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.vinyl-survey .vinyl-survey__link:hover { background: #c91429; color: #fff; }
.vinyl-survey .vinyl-survey__logo { display: block; width: 150px; height: auto; margin: 0 auto; }
.vinyl-survey__close { position: absolute; z-index: 2; top: 28px; right: 28px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; background: #000; color: #fff; font: bold 26px/1 Arial, sans-serif; cursor: pointer; }
.vinyl-survey__close:focus-visible, .vinyl-survey__link:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.vinyl-survey:focus-within { box-shadow: 0 0 0 3px #ed1c24, 0 8px 40px #0008; }
@media (max-width: 600px) {
    .vinyl-survey { padding: 12px; }
    .vinyl-survey .vinyl-survey__photo { height: 250px; object-position: 58% center; }
    .vinyl-survey__content { overflow-wrap: anywhere; padding: 18px 15px 20px; }
    .vinyl-survey .vinyl-survey__heading { font-size: 26px; line-height: 1.12; margin-bottom: 16px; }
    .vinyl-survey .vinyl-survey__subheading { font-size: 16px; margin-bottom: 16px; }
    .vinyl-survey .vinyl-survey__link { font-size: 22px; }
    .vinyl-survey__close { top: 24px; right: 24px; }
}
@media (max-height: 700px) { .vinyl-survey .vinyl-survey__photo { height: 150px; } }