body{font-family:system-ui;background:#f5efe7;color:#3c3a36;margin:0;}
.wrapper{max-width:900px;margin:0 auto;padding:1.5rem;}

.site-header{background:#f0e7dc;padding:1rem;border-bottom:1px solid #d8d2c8;}
.brand-title{font-weight:700;text-transform:uppercase;letter-spacing:0.15em;
background:linear-gradient(90deg,#cd9b6d,#e2c7a8);-webkit-background-clip:text;color:transparent;}

.nav a{margin-right:1rem;opacity:0.6;text-decoration:none;color:inherit;}
.nav a.active,.nav a:hover{opacity:1;border-bottom:1px solid #cd9b6d;}

.hero-title{
    font-size:2.6rem;
    margin:1rem 0;
    text-align:center;
    background:linear-gradient(90deg,#cd9b6d,#e2c7a8);
    -webkit-background-clip:text;
    color:transparent;
}

.hero-body{
    max-width:40rem;
    font-size:1rem;
    color:#4e4a46;
    margin: 1.5rem auto;
    text-align:center;
}

.center-buttons{
    display:flex;
    justify-content:center;
    gap:1rem;
    margin-top:1.5rem;
}

.center-buttons a{
    padding:0.6rem 1.4rem;
    border-radius:2rem;
    background:#fdfbf8;
    border:1px solid #d8d2c8;
    text-decoration:none;
    color:#3c3a36;
    font-size:0.8rem;
    text-transform:uppercase;
}
/* --- AUDIO PAGE STYLING --- */

.audio-section {
    max-width: 800px;
    margin: 80px auto;
    padding: 0 20px;
}

.project-title {
    font-size: 2rem;
    letter-spacing: 0.05em;
    margin-bottom: 1.5rem;
    background: linear-gradient(90deg, #cd9b6d, #e2c7a8);
    -webkit-background-clip: text;
    color: transparent;
}

.subtitle {
    margin-top: 40px;
    font-size: 1.3rem;
    font-weight: 600;
    color: #3c3a36;
    border-bottom: 1px solid #d8d2c8;
    padding-bottom: 4px;
    width: fit-content;
}

.intro-text,
.project-description,
.justification,
.reflection {
    line-height: 1.7;
    color: #4e4a46;
    margin-bottom: 25px;
}

.inspiration-list {
    margin-left: 20px;
    line-height: 1.6;
}

.inspiration-list a {
    color: #cd9b6d;
}

.audio-block {
    margin: 25px 0 35px 0;
    padding: 15px 20px;
    background: #fcf9f5;
    border: 1px solid #e6ded3;
    border-radius: 10px;
}

.audio-block h4 {
    margin-bottom: 10px;
    font-size: 1.1rem;
    color: #3c3a36;
}

audio {
    width: 100%;
    margin-top: 5px;
}


.inspiration-list {
    line-height: 1.6;
}

.intro-text, .project-description, .justification, .reflection {
    line-height: 1.6;
    margin-bottom: 25px;
}

.card{background:#fcf9f5;padding:1.2rem;margin:1rem 0;border-radius:1rem;border:1px solid #e6ded3;}
.video-box iframe{width:100%;height:320px;border:none;border-radius:8px;}

.footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #d8d2c8;font-size:0.85rem;color:#6b655f;text-align:center;}