* {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        }

        body {
            font-family: 'Inter';
            background-color: #F5B7B1; 
            display: flex;
            body {
                font-family: 'Inter';
                background-color: #F5B7B1;
                /* use normal block flow so the top of the page starts at the top */
                display: block;
                padding-top: 20px;
            }

            /* center the main wrapper and limit its width for readability */
            body > div {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 20px;
            }
            margin-bottom: 20px; 
        }

        .header h1 {
            font-family: "playfair-display";
            background-color:#fff;
            font-size: 96px;
            color: #2C3E50; 
            margin-bottom: 10px;
        }

        .header p {
            font-family: "playfair-display";
            background-color: #fff;
            color: #2C3E50;
            font-size: 32px;
            font-weight: bold;
        }

        .photo-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F5B7B1;
    padding: 18px;
    margin: 0;
}
figcaption {
    font-family: 'Inter';
    background: transparent;
    color: #2C3E50; /* darker text so caption is readable */
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
    width: 100%;
}

        .photo-section img {
            /* responsive image: scale down on small screens */
            width: 100%;
            max-width: 1169px;
            height: auto;
            display: block;
            margin: 46px auto 10px; /* center horizontally */
        }


        .section {
            padding: 54px 125px;
        }

        .section-title:first-of-type {
            font-family: "Playfair Display";
            background: #5DADE2;
            color: white;
            padding: 12px 30px;
            font-size: 48px;
            font-weight: normal;
        }

        .section-title{
            font-family: "Playfair Display";
            background: #5DADE2;
            color: white;
            padding: 12px 30px;
            font-size: 48px;
            font-weight: normal;
}

        .timeline-item {
            margin: 12px 0;
            line-height: 1.6;
            color: #2C3E50;
            font-size: 32px;
        }

        .timeline-item strong {
            color: #2c3e50;
            font-weight: bold;
        }

        .quote {
            font-size: 32px;
            font-family: 'Inter';          
            background: #fff9e6;
            padding: 15px 20px;
            margin: 12px 0;
            font-style: italic;
            color: #2C3E50;
            line-height: 1.6;
        }

        .quote-author {
            font-family: 'Inter';          
            text-align: right;
            margin-top: 8px;
            font-weight: bold;
            color: #2C3E50;
            font-style: normal;
        }

        .listen-section {
            font-family: "playfair-display";
            background: #F7DC6F;
            color: #5D6D7E;
            padding: 12px 30px;
            font-size: 48px;
        }

        .links {
            background: #2C3E50;
            padding: 69px 136px;
        }

        .links a {
            display: block;
            color: #F7DC6F;
            margin: 8px 0;
            font-size: 32px;
            line-height: 1.5;
        }