@font-face{font-family:'Greeting0';src:url('assets/greeting-fonts/google-0.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Greeting1';src:url('assets/greeting-fonts/google-1.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Greeting2';src:url('assets/greeting-fonts/google-2.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Greeting3';src:url('assets/greeting-fonts/google-3.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Greeting4';src:url('assets/greeting-fonts/google-4.ttf') format('truetype');font-weight:400;font-display:swap}
/* One continuous CRT surface across the masthead. */
header{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:42px;min-height:166px;height:auto;padding:26px var(--pad);background:radial-gradient(ellipse at 10% 70%,#100100,transparent 75%),#000;border-bottom:1px solid var(--line)}
header::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.16;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#f3efeb16 3px,#0000 4px);animation:header-crt 8s steps(1,end) infinite}
header>*{position:relative;z-index:1}
header .greeting{position:relative;width:100%;max-width:620px;padding:0 28px 0 0;margin:0;border:none;border-radius:0;background:none;box-shadow:none;overflow:visible}
header .greeting::before{content:none}
header .identity.greeting-link{font-family:'Greeting4',Arial,sans-serif;display:block;width:100%;max-width:none;min-width:0;min-height:82px;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;font-weight:400;font-size:21px;line-height:1.35;letter-spacing:-.015em;white-space:normal;text-shadow:0 0 4px #f3efeb20}
header .identity.greeting-link::after{content:none}
header .identity #greeting-text{display:inline;white-space:pre-line}
header .identity #greeting-caret{display:inline-block;width:1px;height:1em;vertical-align:-.1em;margin-left:3px;font-size:inherit;color:transparent;background:var(--accent);box-shadow:0 0 5px #e5000640;animation:greeting-caret 1s steps(1,end) infinite}
.monitor-pause{position:absolute;right:5px;bottom:2px;padding:6px;color:var(--muted);font-size:10px;opacity:.65}
header nav{display:flex;align-items:center;justify-content:flex-end;gap:30px;font-size:13px;white-space:nowrap;margin:0}
header #sound{justify-self:end;font-size:11px;gap:12px;white-space:nowrap}
@keyframes greeting-caret{50%{opacity:0}}
@keyframes header-crt{0%,100%{opacity:.16}43%{opacity:.19}44%{opacity:.14}45%{opacity:.16}}
@media(max-width:1000px){header{gap:25px}header nav{gap:23px}header .identity.greeting-link{font-size:19px;min-height:100px}header #sound{font-size:0}}
@media(max-width:650px){header{grid-template-columns:1fr auto;padding:22px var(--pad) 18px;gap:20px;min-height:0}header .greeting{grid-column:1/-1;max-width:none}header .identity.greeting-link{font-size:19px;min-height:105px}header nav{justify-content:flex-start;gap:26px;font-size:12px}header #sound{display:flex;font-size:0;justify-self:end}header #sound span{font-size:21px}}
@media(prefers-reduced-motion:reduce){header::before,header .identity #greeting-caret{animation:none}}

/* Compact masthead with equal space above and below the two-line greeting. */
header{grid-template-columns:minmax(300px,1fr) auto auto;gap:32px;min-height:0;padding-top:24px;padding-bottom:24px}
header .greeting{padding-right:0;max-width:560px}
header .identity.greeting-link{font-size:20px;min-height:2.7em}
@media(max-width:1100px){header{gap:22px;grid-template-columns:minmax(260px,1fr) auto auto}header nav{gap:20px}header .identity.greeting-link{font-size:18px}}
@media(max-width:800px){header{grid-template-columns:1fr auto auto}}
@media(max-width:650px){header{grid-template-columns:1fr auto;gap:18px;padding-top:22px;padding-bottom:22px}header .greeting{grid-column:1/-1}header nav{justify-content:flex-start}}