:root { color-scheme: light; --pause-blue: #123f73; --pause-cream: #fffaf0; --pause-gold: #c49243; }
* { box-sizing: border-box; }
body.seasonal-pause { margin: 0; min-width: 280px; min-height: 100svh; display: flex; flex-direction: column; background: radial-gradient(ellipse at 50% 30%, #24639a, #123f73 75%); color: var(--pause-blue); font-family: "Yellix-Regular", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.bavarian-band { flex: 0 0 18px; background-color: #fffaf0; background-image: repeating-conic-gradient(from 45deg, #85b9e2 0% 25%, transparent 0% 50%); background-size: 36px 36px; }
.pause-wrap { width: min(100%, 1040px); flex: 1; margin: auto; padding: 28px 32px 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.pause-brand { margin-bottom: 26px; text-align: center; }
.pause-brand a { display: inline-flex; gap: 11px; align-items: baseline; color: var(--pause-cream); text-decoration: none; }
.pause-brand span { font-family: "Bodoni Moda", Georgia, serif; font-size: 25px; }
.pause-brand strong { font-family: "UnifrakturCook", Georgia, serif; font-size: 30px; font-weight: 700; }
.pause-card { position: relative; width: 100%; padding: clamp(28px, 4vw, 48px) 24px 35px; background: var(--pause-cream); text-align: center; border: 1px solid var(--pause-gold); box-shadow: 0 20px 70px #051e3c40; }
.pause-card::before { content: ""; position: absolute; inset: 9px; border: 1px solid #c4924380; pointer-events: none; }
.pause-ornament { display: flex; justify-content: center; align-items: center; gap: 24px; margin-bottom: 12px; }
.pause-ornament img { width: 72px; height: auto; }
.pause-ornament span { width: 70px; height: 1px; background: var(--pause-gold); }
.pause-kicker { margin: 0 0 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .22em; font-weight: bold; }
h1 { margin: 0; font-family: "Bodoni Moda", Georgia, serif; font-size: clamp(36px, 6vw, 62px); line-height: 1.12; font-weight: 500; letter-spacing: -.035em; }
h1 span { display: block; margin: 0 0 12px; font-family: "UnifrakturCook", Georgia, serif; font-size: clamp(112px, 20vw, 190px); line-height: 1.03; letter-spacing: -.025em; }
.pause-thanks { margin: 6px auto 16px; font-family: "Bodoni Moda", Georgia, serif; font-size: clamp(20px, 2.6vw, 27px); line-height: 1.4; font-weight: 500; }
.pause-message { margin: 0 auto; max-width: 480px; color: #4f6174; font-size: 16px; line-height: 1.65; }
.pause-signoff { display: flex; gap: 16px; align-items: center; justify-content: center; margin-top: 24px; font-size: 11px; text-transform: uppercase; letter-spacing: .16em; }
.pause-signoff span { color: #97702e; font-size: 15px; }
.pause-footer { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 16px; margin-top: 24px; color: #c8def0; font-size: 12px; }
.pause-footer a { color: var(--pause-cream); text-underline-offset: 4px; text-decoration-color: #ffffff60; padding: 5px 0; }
.pause-footer a:hover { text-decoration-color: currentColor; }
a:focus-visible { outline: 3px solid #e6b86c; outline-offset: 5px; }
@media (max-width: 520px) {
    .pause-wrap { padding: 23px 18px 18px; }
    .pause-brand { margin-bottom: 20px; }
    .pause-brand a { gap: 8px; }
    .pause-brand span { font-size: 21px; }
    .pause-brand strong { font-size: 25px; }
    .pause-card { padding: 28px 23px 30px; }
    .pause-ornament { gap: 18px; margin-bottom: 17px; }
    .pause-ornament span { width: 40px; }
    .pause-ornament img { width: 61px; }
    .pause-message { font-size: 14px; }
    .desktop-break { display: none; }
    .pause-footer { gap: 8px; font-size: 11px; margin-top: 18px; }
    .pause-signoff { gap: 10px; font-size: 10px; letter-spacing: .1em; }
}