/* prize.dad-look.com - The Unread Prize for Literature: cream paper, black ink, a gold medal */
body { margin: 0; background: #f6f1e6; color: #1b1712; font-family: Georgia, "Times New Roman", serif; }
[hidden] { display: none !important; }
a { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #b8892a; outline-offset: 3px; }
.pz-kicker { margin: 0 0 8px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: #8a6418; }
.pz-small { margin: 10px 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #6b6150; }

/* Top */
.pz-top { max-width: 900px; margin: 0 auto; padding: 22px 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; border-bottom: 1px solid #d9cfb9; }
.pz-org { margin: 0; font-size: 18px; letter-spacing: 0.04em; }
.pz-top nav { display: flex; gap: 20px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; }
.pz-top nav a { text-decoration: none; }
.pz-top nav a:hover { text-decoration: underline; }

.pz-page { max-width: 900px; margin: 0 auto; padding: 0 24px; display: flex; flex-direction: column; }
.pz-page > section { padding: 48px 0; border-bottom: 1px solid #d9cfb9; }
.pz-page h2 { margin: 0 0 18px; font-size: 30px; font-weight: 400; }

/* The announcement */
.pz-announce { text-align: center; padding-top: 56px !important; }
.pz-medal { display: block; width: 220px; height: 220px; margin: 0 auto 26px; filter: drop-shadow(0 14px 24px rgba(122, 85, 18, 0.35)); }
.pz-announce h1 { margin: 0 auto; max-width: 760px; font-size: clamp(32px, 5.5vw, 54px); font-weight: 400; line-height: 1.12; }
.pz-announce h1 em { display: block; margin-top: 6px; color: #8a1c1c; }
.pz-announce h1 em span { display: inline-block; }
.pz-by { margin: 14px 0 0; font-size: 20px; font-style: italic; color: #4a4134; }
.pz-tagline { margin: 22px auto 0; max-width: 560px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #6b6150; }

/* Citation */
.pz-citation blockquote { margin: 0; padding: 0 0 0 26px; border-left: 3px solid #b8892a; }
.pz-citation p { margin: 0; font-size: clamp(21px, 3vw, 27px); font-style: italic; line-height: 1.5; }

/* Jury */
.pz-jurors { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.pz-jurors li { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; }
.pz-jurors img { width: 120px; height: 120px; margin-bottom: 8px; border-radius: 50%; object-fit: cover; filter: grayscale(1) contrast(1.05); box-shadow: 0 0 0 4px #f6f1e6, 0 0 0 5px #b8892a; }
.pz-jurors li:nth-child(1) img { object-position: 50% 86%; }
.pz-jurors li:nth-child(2) img { object-position: 50% 20%; }
.pz-jurors b { font-size: 18px; font-weight: 400; }
.pz-jurors span { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #6b6150; }

/* Deliberations */
.pz-transcript { margin: 18px 0 0; padding: 22px 26px; list-style: none; background: #fffdf7; border: 1px solid #d9cfb9; font-family: "Courier New", Courier, monospace; font-size: 16px; line-height: 1.6; }
.pz-transcript li + li { margin-top: 6px; }
.pz-transcript b { font-weight: 700; }
.js .pz-transcript.is-playing li { opacity: 0; }
.js .pz-transcript.is-playing li.is-said { opacity: 1; }
.pz-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border: 0; background: #1b1712; color: #f6f1e6; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; }
.pz-button:hover { background: #8a1c1c; }
.pz-button-ghost { margin-top: 16px; min-height: 42px; background: none; color: #1b1712; border: 1px solid #1b1712; }
.pz-button-ghost:hover { background: #1b1712; color: #f6f1e6; }

/* Shortlist, facts, history */
.pz-shortlist ol { margin: 0; padding: 0; list-style: none; counter-reset: entry; }
.pz-shortlist li { counter-increment: entry; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 14px 0; border-bottom: 1px dotted #c9bda3; font-size: 19px; }
.pz-shortlist li::before { content: counter(entry) "."; min-width: 28px; color: #8a6418; }
.pz-shortlist li span { flex: 1; }
.pz-shortlist em { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #6b6150; }
.pz-shortlist li.is-winner em { padding: 3px 8px; background: #e2b84a; color: #1b1712; }
.pz-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pz-facts div { display: flex; flex-direction: column; gap: 4px; text-align: center; }
.pz-facts b { font-size: 30px; font-weight: 400; color: #8a1c1c; }
.pz-facts span { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #6b6150; }
.pz-history ul { margin: 0; padding: 0; list-style: none; }
.pz-history li { padding: 10px 0; font-size: 19px; border-bottom: 1px dotted #c9bda3; }
.pz-history li b { display: inline-block; min-width: 70px; color: #8a6418; font-weight: 400; }
.pz-history li span { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #6b6150; }

/* Nominate */
.pz-nominate > p { margin: 0 0 18px; font-size: 18px; line-height: 1.5; }
.pz-form label { display: block; margin-bottom: 6px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; }
.pz-form-row { display: flex; gap: 10px; flex-wrap: wrap; }
.pz-form input { flex: 1; min-width: 0; min-height: 50px; padding: 0 14px; border: 1px solid #1b1712; background: #fffdf7; font: inherit; font-size: 18px; }
.pz-verdict:not(:empty) { margin-top: 18px; padding: 18px 20px; background: #fffdf7; border: 1px solid #d9cfb9; border-left: 4px solid #8a1c1c; }
.pz-verdict-title { margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #8a1c1c; }
.pz-verdict-book { margin: 6px 0 0; font-size: 22px; font-style: italic; overflow-wrap: anywhere; }
.pz-verdict-reason { margin: 6px 0 0; font-size: 18px; line-height: 1.45; }

/* Bottom */
.pz-bottom { max-width: 1000px; margin: 0 auto; padding: 60px 24px 48px; display: flex; flex-direction: column; gap: 28px; }
.pz-cta { padding: 44px 24px; background: #1b1712; color: #f6f1e6; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.pz-cta .pz-kicker { color: #e2b84a; }
.pz-cta h2 { margin: 0; font-size: 38px; font-weight: 400; }
.pz-cta p { margin: 0; max-width: 580px; font-family: Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.5; color: #d9cfb9; }
.pz-cta-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; box-sizing: border-box; width: 100%; max-width: 580px; min-height: 72px; padding: 18px 24px; border-radius: 999px; background: #ec6e6a; color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; text-transform: uppercase; text-decoration: none; }
.pz-cta-button:hover { background: #d95450; }
.pz-cta-arrow { display: inline-block; }
.pz-share { min-height: 48px; padding: 0 22px; border: 1px solid #f6f1e6; border-radius: 999px; background: none; color: #f6f1e6; font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; }
.pz-share:hover { background: #f6f1e6; color: #1b1712; }
.pz-status { margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; color: #a8e3a0; }
.pz-status:empty { display: none; }
.pz-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.5; color: #6b6150; border-top: 1px solid #d9cfb9; padding-top: 14px; }
.pz-bottom .more { font-family: Helvetica, Arial, sans-serif; }

@media (max-width: 640px) {
	.pz-top { padding: 16px; }
	.pz-page { padding: 0 16px; }
	.pz-page > section { padding: 36px 0; }
	.pz-medal { width: 170px; height: 170px; }
	.pz-jurors { grid-template-columns: minmax(0, 1fr); }
	.pz-transcript { padding: 16px; font-size: 14px; }
	.pz-shortlist li { font-size: 16px; flex-wrap: wrap; }
	.pz-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pz-form .pz-button { width: 100%; }
	.pz-bottom { padding: 44px 16px 40px; }
	.pz-cta h2 { font-size: 30px; }
	.pz-cta-button { font-size: 16px; min-height: 64px; }
}

/* Animations - only with JavaScript and when the visitor allows motion */
@media (prefers-reduced-motion: no-preference) {
	.js .pz-medal { animation: pz-award 1.2s cubic-bezier(0.2, 1.2, 0.4, 1) both; }
	.pz-medal { transition: transform 0.6s ease; }
	.pz-medal:hover { transform: rotateY(25deg) scale(1.03); }
	.js .pz-announce > *:not(.pz-medal) { animation: pz-rise 0.8s ease both; }
	.js .pz-announce .pz-kicker { animation-delay: 0.6s; }
	.js .pz-announce h1 { animation-delay: 0.8s; }
	.js .pz-announce .pz-by { animation-delay: 1s; }
	.js .pz-announce .pz-tagline { animation-delay: 1.2s; }
	.pz-transcript li { transition: opacity 0.5s ease; }
	.pz-verdict:not(:empty) { animation: pz-stamp 0.4s cubic-bezier(0.3, 1.4, 0.5, 1) both; }
	.pz-cta-button { animation: pz-glow 2.2s ease-in-out infinite; transition: transform 0.15s ease; }
	.pz-cta-button:hover { transform: scale(1.02); }
	.pz-cta-arrow { animation: pz-nudge 1.1s ease-in-out infinite; }
}

@keyframes pz-award { 0% { opacity: 0; transform: translateY(-40px) rotate(-30deg) scale(0.6); } 100% { opacity: 1; transform: none; } }
@keyframes pz-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes pz-stamp { from { opacity: 0; transform: scale(1.05); } to { opacity: 1; transform: none; } }
@keyframes pz-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(236, 110, 106, 0.5); } 50% { box-shadow: 0 0 0 12px rgba(236, 110, 106, 0); } }
@keyframes pz-nudge { 0%, 100% { transform: none; } 50% { transform: translateX(8px); } }
