*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:#efe6d6;color:#3a2f23}a{text-decoration:none;color:inherit}.narrator-navbar{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:#f4ecdc;border-bottom:1px solid rgba(166,132,71,.28)}.narrator-navbar h1{margin:0;font-size:1.4rem}.back-link{color:#6a5437}.narrator-page{max-width:1200px;margin:0 auto;padding:56px 32px 72px}.narrator-hero{text-align:center;margin-bottom:48px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#7a6241}.narrator-hero h2{margin:0 0 14px;font-size:3rem}.intro{max-width:700px;margin:0 auto;color:#5a4730;font-size:1.08rem}.narrator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.narrator-card{background:#f4ecdc;border:1px solid rgba(166,132,71,.25);border-radius:18px;padding:28px;box-shadow:0 8px 24px #3a2f230f}.narrator-visual{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:linear-gradient(135deg,#d9c08b,#b08a3e);color:#2f261d;font-size:1.6rem;font-weight:700}.narrator-card h3{margin:0 0 12px;font-size:2rem}.narrator-card p{margin:0 0 22px;color:#5a4730;line-height:1.7}.btn-primary{display:inline-block;padding:12px 20px;border-radius:10px;background:#314c3c;color:#f5ebdb;font-weight:700}@media(max-width:900px){.narrator-grid{grid-template-columns:1fr}}