diff --git a/site/build.sh b/site/build.sh
index b79013f..9001a51 100755
--- a/site/build.sh
+++ b/site/build.sh
@@ -5,7 +5,7 @@ set -e
here=$(dirname "$0")
rm -rf "$here/dist"
mkdir -p "$here/dist/fonts"
-cp "$here/index.html" "$here/site.css" "$here/_headers" "$here/dist/"
+cp "$here/index.html" "$here/site.css" "$here/wave.svg" "$here/_headers" "$here/dist/"
# The reader's own typeface, the same file ipx-web serves.
cp "$here/../web/InterVariable.woff2" "$here/dist/fonts/inter.woff2"
cp "$here/../web/logo.svg" "$here/../web/favicon.png" "$here/dist/"
diff --git a/site/index.html b/site/index.html
index 6378023..56e3cc6 100644
--- a/site/index.html
+++ b/site/index.html
@@ -78,12 +78,31 @@
Pick up where you left off
-
The player keeps your place in every episode, on every device. Turn on DeadAir for a show and it plays without the long silences, leaving the pause you choose.
+
The player keeps your place in every episode, on every device.
+
+
+
+
DeadAir
+
Turn it on for a show and long silences shrink to a short pause, so episodes finish sooner while every voice keeps its own pace. You choose how much of a pause to leave.
+
+
+
+
+
+
+
+
+
+
+
+
+
A shared directory
diff --git a/site/site.css b/site/site.css
index 034de34..2c6e5a1 100644
--- a/site/site.css
+++ b/site/site.css
@@ -71,6 +71,20 @@ h2{margin:0 0 1.5rem;color:var(--navy);font-weight:800;font-size:clamp(1.75rem,4
.feature p{margin:0;max-width:34rem}
.frame{margin:0;justify-self:start;max-width:100%;padding:clamp(.6rem,1.6vw,1.1rem);background:var(--navy);border-radius:1.1rem}
.frame img{display:block;max-width:100%;height:auto;border-radius:.55rem}
+/* DeadAir: the track is the episode's full length; talk keeps its width, each silence lights
+ in the needle's orange and shrinks to a pause, and the end comes in from the right. */
+.frame.deadair{justify-self:stretch}
+.wave{display:flex;align-items:center;height:4.5rem;border-radius:.55rem;background:rgba(143,194,234,.08)}
+.talk{height:100%;background:url(/wave.svg) 0 50%/auto 100% repeat-x}
+.talk:first-child{border-radius:.55rem 0 0 .55rem}
+.t1{flex:0 0 14%}.t2{flex:0 0 19%}.t3{flex:0 0 9%}.t4{flex:0 0 16%}.t5{flex:0 0 12%}.t6{flex:0 0 10%}
+.hush{flex:0 0 4%;align-self:stretch;background:linear-gradient(var(--tick),var(--tick)) 50%/100% 2px no-repeat;border-radius:.3rem;animation:hush 7s ease-in-out infinite}
+@keyframes hush{
+ 0%,14%{flex-basis:4%;background-color:transparent}
+ 24%,30%{flex-basis:4%;background-color:rgba(255,85,0,.35)}
+ 48%,86%{flex-basis:.8%;background-color:rgba(255,85,0,.35)}
+ 100%{flex-basis:4%;background-color:transparent}}
+@media (prefers-reduced-motion:reduce){.hush{animation:none;flex-basis:.8%;background-color:rgba(255,85,0,.35)}}
.also{margin:2rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 3.5rem}
.also dt{color:var(--navy);font-weight:750;font-size:1.2rem;line-height:1.25}
.also dd{margin:.45rem 0 0;max-width:34rem}
diff --git a/site/wave.svg b/site/wave.svg
new file mode 100644
index 0000000..7217c33
--- /dev/null
+++ b/site/wave.svg
@@ -0,0 +1 @@
+
