Sound Spirit Radio — You’re Invited
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–ink: #1a1a2e;
–gold: #c9973a;
–gold-light: #f5e6c8;
–cream: #faf7f2;
–wave: #2e5c8a;
–wave-light: #d6e8f7;
–mist: #6b7280;
–white: #ffffff;
}
body {
background: var(–cream);
font-family: ‘DM Sans’, sans-serif;
color: var(–ink);
min-height: 100vh;
overflow-x: hidden;
}
/* Atmospheric background */
body::before {
content: ”;
position: fixed;
inset: 0;
background:
radial-gradient(ellipse 80% 50% at 10% 20%, rgba(201,151,58,0.08) 0%, transparent 60%),
radial-gradient(ellipse 60% 40% at 90% 80%, rgba(46,92,138,0.07) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.page {
position: relative;
z-index: 1;
max-width: 760px;
margin: 0 auto;
padding: 60px 40px 80px;
}
/* Header */
.header {
text-align: center;
margin-bottom: 56px;
animation: fadeUp 0.8s ease both;
}
.show-label {
display: inline-block;
font-family: ‘DM Mono’, monospace;
font-size: 11px;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(–gold);
border: 1px solid var(–gold);
padding: 6px 16px;
border-radius: 2px;
margin-bottom: 28px;
}
.show-title {
font-family: ‘Playfair Display’, serif;
font-size: clamp(42px, 8vw, 72px);
font-weight: 700;
color: var(–ink);
line-height: 1.05;
letter-spacing: -0.02em;
margin-bottom: 12px;
}
.show-title span {
color: var(–gold);
}
.show-subtitle {
font-size: 16px;
color: var(–mist);
font-weight: 300;
letter-spacing: 0.02em;
font-style: italic;
}
/* Wave divider */
.wave-divider {
display: flex;
align-items: center;
gap: 16px;
margin: 40px 0;
animation: fadeUp 0.8s 0.1s ease both;
}
.wave-line {
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent, var(–gold), transparent);
}
.wave-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(–gold);
}
/* Invitation block */
.invitation {
background: var(–white);
border-left: 4px solid var(–gold);
padding: 32px 36px;
margin-bottom: 48px;
border-radius: 0 8px 8px 0;
box-shadow: 0 2px 24px rgba(0,0,0,0.06);
animation: fadeUp 0.8s 0.2s ease both;
}
.invitation-eyebrow {
font-family: ‘DM Mono’, monospace;
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 16px;
}
.invitation-text {
font-family: ‘Playfair Display’, serif;
font-size: 22px;
line-height: 1.6;
color: var(–ink);
font-style: italic;
}
/* What it is section */
.section {
margin-bottom: 48px;
animation: fadeUp 0.8s 0.3s ease both;
}
.section-label {
font-family: ‘DM Mono’, monospace;
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–wave);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 12px;
}
.section-label::after {
content: ”;
flex: 1;
height: 1px;
background: var(–wave-light);
}
.section-body {
font-size: 17px;
line-height: 1.8;
color: #374151;
font-weight: 300;
}
.section-body strong {
color: var(–ink);
font-weight: 500;
}
/* Three questions */
.questions {
display: grid;
gap: 16px;
margin: 32px 0;
animation: fadeUp 0.8s 0.4s ease both;
}
.question-card {
background: var(–wave-light);
padding: 20px 24px;
border-radius: 8px;
display: flex;
align-items: flex-start;
gap: 16px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.question-card:hover {
transform: translateX(4px);
box-shadow: -4px 0 0 var(–wave);
}
.q-num {
font-family: ‘Playfair Display’, serif;
font-size: 28px;
font-weight: 700;
color: var(–wave);
opacity: 0.4;
line-height: 1;
min-width: 32px;
}
.q-text {
font-size: 16px;
line-height: 1.6;
color: var(–ink);
padding-top: 4px;
font-style: italic;
}
/* Who section */
.who-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 12px;
margin-top: 20px;
animation: fadeUp 0.8s 0.5s ease both;
}
.who-tag {
background: var(–gold-light);
border: 1px solid rgba(201,151,58,0.3);
padding: 10px 16px;
border-radius: 4px;
font-size: 14px;
color: var(–ink);
text-align: center;
font-weight: 400;
}
/* What to expect */
.expect-list {
list-style: none;
margin-top: 20px;
}
.expect-list li {
padding: 12px 0;
border-bottom: 1px solid rgba(0,0,0,0.06);
font-size: 16px;
color: #374151;
display: flex;
align-items: center;
gap: 12px;
font-weight: 300;
}
.expect-list li::before {
content: ‘→’;
color: var(–gold);
font-size: 14px;
min-width: 16px;
}
/* CTA block */
.cta-block {
background: var(–ink);
color: var(–white);
padding: 40px 40px;
border-radius: 12px;
text-align: center;
margin-top: 56px;
position: relative;
overflow: hidden;
animation: fadeUp 0.8s 0.6s ease both;
}
.cta-block::before {
content: ”;
position: absolute;
inset: 0;
background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(201,151,58,0.15) 0%, transparent 70%);
}
.cta-block > * { position: relative; }
.cta-eyebrow {
font-family: ‘DM Mono’, monospace;
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 16px;
}
.cta-title {
font-family: ‘Playfair Display’, serif;
font-size: 28px;
font-weight: 700;
margin-bottom: 16px;
line-height: 1.3;
}
.cta-body {
font-size: 15px;
color: rgba(255,255,255,0.7);
line-height: 1.7;
margin-bottom: 28px;
font-weight: 300;
}
.cta-contact {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(–gold);
color: var(–ink);
padding: 14px 28px;
border-radius: 4px;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.01em;
text-decoration: none;
transition: opacity 0.2s;
}
.cta-contact:hover { opacity: 0.88; }
.cta-or {
display: block;
margin: 16px 0 8px;
font-size: 13px;
color: rgba(255,255,255,0.4);
}
.cta-phone {
font-family: ‘DM Mono’, monospace;
font-size: 16px;
color: rgba(255,255,255,0.6);
letter-spacing: 0.05em;
}
/* Footer note */
.footer-note {
text-align: center;
margin-top: 40px;
font-size: 13px;
color: var(–mist);
font-style: italic;
line-height: 1.8;
animation: fadeUp 0.8s 0.7s ease both;
}
/* Sound wave decoration */
.soundwave {
display: flex;
align-items: center;
justify-content: center;
gap: 3px;
margin: 24px 0;
height: 32px;
}
.soundwave span {
display: block;
width: 3px;
border-radius: 2px;
background: var(–gold);
opacity: 0.5;
animation: wave 1.4s ease-in-out infinite;
}
.soundwave span:nth-child(1) { height: 8px; animation-delay: 0.0s; }
.soundwave span:nth-child(2) { height: 16px; animation-delay: 0.1s; }
.soundwave span:nth-child(3) { height: 24px; animation-delay: 0.2s; }
.soundwave span:nth-child(4) { height: 32px; animation-delay: 0.3s; }
.soundwave span:nth-child(5) { height: 20px; animation-delay: 0.4s; }
.soundwave span:nth-child(6) { height: 28px; animation-delay: 0.3s; }
.soundwave span:nth-child(7) { height: 32px; animation-delay: 0.2s; }
.soundwave span:nth-child(8) { height: 20px; animation-delay: 0.1s; }
.soundwave span:nth-child(9) { height: 16px; animation-delay: 0.0s; }
.soundwave span:nth-child(10) { height: 8px; animation-delay: 0.1s; }
@keyframes wave {
0%, 100% { transform: scaleY(0.5); opacity: 0.4; }
50% { transform: scaleY(1); opacity: 0.9; }
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 600px) {
.page { padding: 40px 24px 60px; }
.invitation { padding: 24px 24px; }
.cta-block { padding: 32px 24px; }
}
@media print {
body::before { display: none; }
.question-card:hover { transform: none; box-shadow: none; }
.soundwave span { animation: none; height: 16px !important; }
@keyframes fadeUp { from { opacity:1; transform:none; } }
}
You’re invited to be a guest
“I’d love to sit down with you — over coffee or on a call — and just talk about music. What you love. What moves you. Where it takes you. No script. No agenda. Just a real conversation.”
What is Sound Spirit Radio
Sound Spirit Radio is a community podcast hosted by Tony Maden right here in Marion, Indiana — and beyond.
Each episode is a conversation with one person about the music that has shaped their life.
Think of it as a mashup of NPR’s StoryCorps and BBC’s Desert Island Discs —
warm, human, unhurried. No expertise required. Just your story and your songs.
The Conversation
We’ll explore questions like these — in your own words, at your own pace:
1
What song or artist has been with you the longest — and what does it mean to you?
2
Is there a moment in your life where music showed up at exactly the right time?
3
Where does music take you that words alone can’t reach?
Who We’re Looking For
Honestly? Everyone. This show has no typical guest.
Music lovers
Local musicians
Faith community
Everyday people
Young & old
All backgrounds
All genres
All nationalities
What to Expect
30–45 minutes, relaxed conversation — in person or via Zoom
No preparation needed. No right or wrong answers.
You choose where: coffee shop, your home, wherever you’re comfortable
You’ll hear your episode before it goes anywhere
No selling. No donations. No agenda beyond the conversation itself.
Your friends and family will probably want to listen
Ready to share your story?
Let’s have a conversation
Reach out to Tony directly. No formal process.
Text Tony to say you’re in
or call / message
913 · 802 · 7689
All Right L❤️V 